/* Ajustes de legibilidad, navegación y áreas táctiles. */
.data-table .btn[data-action="open-result"]{white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:76px;min-height:44px;padding:10px 12px;font-size:13px;line-height:1.2}
@media(min-width:1025px){
 .data-table:has([data-action="open-result"]) th:last-child{width:100px}
 .data-table:has([data-action="open-result"]) td:last-child{padding-left:10px;padding-right:10px}
}
.public-nav{position:relative}
.data-table{table-layout:fixed}
.data-table th{white-space:normal;overflow-wrap:anywhere}
.data-table td{overflow-wrap:anywhere}
.data-table .actions{flex-wrap:wrap}
.data-table .actions .btn{padding:8px 10px;min-height:40px;font-size:13px;max-width:100%}
.field,.field>*,.stat,.stat-label,.user-pill{min-width:0}
.stat-label{flex-wrap:wrap}
.stat-value{overflow-wrap:anywhere}
.toolbar .form-select{padding-right:36px}
.toolbar .field:has(select){min-width:175px}
.page-heading h1,.brand,.profile-tile strong{overflow-wrap:break-word}
.form-control,.form-select{max-width:100%}
.brand-mark{flex-shrink:0}
.number-grid button{min-height:44px}
.pill-selection label{min-height:44px}
.mobile-toggle,.sidebar-collapse,.password-toggle{min-width:44px;min-height:44px}
@media(max-width:1024px){
  .nav-links{top:73px;max-height:calc(100dvh - var(--demo-height,44px) - 73px);overflow-y:auto;overscroll-behavior:contain}
  .nav-links>a{min-height:44px;display:flex;align-items:center}
  .hero h1{font-size:clamp(2.5rem,6vw,3.6rem)}
  .data-table.responsive td{align-items:flex-start}
  .data-table.responsive td>div{max-width:70%}
  .data-table.responsive td:first-child>div{max-width:100%}
  .data-table.responsive td:before{max-width:38%;white-space:normal;overflow-wrap:normal}
  .data-table.responsive tr{min-width:0}
  .data-table.responsive td .actions{max-width:100%}
  .form-control,.form-select{font-size:16px}
  .btn,.data-table .actions .btn{min-height:44px}
  .password-control .form-control{min-height:48px;padding-right:52px}
  .sidebar{overscroll-behavior:contain}
}
@media(max-width:600px){
  .data-table.responsive tbody{grid-template-columns:1fr}
  .toolbar .field:has(select){min-width:140px}
  .toolbar .search{flex-basis:100%}
  .user-pill{margin-left:auto}
  .user-name{display:block;max-width:165px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
  .result-hero+.card-box .stats{grid-template-columns:1fr!important}
  .result-hero+.card-box .stat{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .result-hero+.card-box .stat-value{margin:0;font-size:26px}
  .result-hero+.card-box .stat-note:empty{display:none}
  .modal-head,.modal-body-custom{padding-left:18px;padding-right:18px}
  .modal-footer-custom .btn{flex:1;min-width:110px}
}
@media(max-height:500px) and (min-width:601px){
  .topbar{height:54px}
  .workspace{padding-top:16px;padding-bottom:20px}
  .page-heading{margin-bottom:16px}
  .page-heading h1{font-size:24px}
  .question-card{padding:20px}
  .question-card h2{margin:18px 0}
  .support-footer{padding:4px 16px;flex-wrap:nowrap;justify-content:space-between}
  .support-footer .contact-number{gap:7px}
  .support-footer .contact-number>span{display:flex;align-items:center;gap:10px}
  .support-footer .contact-label{font-size:12px}
  dialog{max-height:94dvh}
}
@media(pointer:coarse){.theme-toggle{min-height:40px!important}.data-table input[type=checkbox]{width:22px;height:22px}}
