/* Screen styles are deliberately separate from report print styles. */
:focus-visible{outline:3px solid #3f6ea8;outline-offset:3px}
.text-button{border:0;background:transparent;padding:0;font:inherit;text-align:left;cursor:pointer}
.incident-desktop td .type{display:block;margin-top:4px}
.topbar .title{min-width:200px}
@media(min-width:651px) and (max-width:950px){.topbar{flex-wrap:wrap}}
body.modal-open{overflow:hidden}
.stat{font:inherit;text-align:left;cursor:pointer;color:inherit}
.stat:hover{border-color:var(--primary)}
.text-button.cal-event{background:#5485b8;padding:4px 6px;width:100%}
.text-button.cal-event-unresolved{background:#d9534f}
.filter-panel{margin:12px 0;border:1px solid var(--line);padding:12px;border-radius:10px;background:#fff}
summary{cursor:pointer;font-weight:700;padding:8px 0}
.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
#incidentQuick button[aria-pressed=true]{background:#dce9f7;border-color:#3f6ea8;color:#315a8b}
#incidentResults{overflow-wrap:anywhere}
.incident-cards,.server-people,#mobileMenu{display:none}
#reportsMenu{position:relative}
#panelActions>summary{display:none}
.account-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.secondary-actions{position:absolute;right:0;top:100%;z-index:15;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;width:250px;box-shadow:0 8px 25px #20304720;display:grid;gap:8px}
.notification-settings{margin-top:18px;font-size:13px}
.access-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.modal.modal-access{width:min(1100px,95vw)}
.access-editor fieldset{min-width:0;border:1px solid var(--line);border-radius:10px;margin:0;padding:12px}
.access-editor legend{font-weight:800;color:#315a8b}
.legacy-field{grid-column:1/-1}
.access-editor .field{margin-top:8px}
.access-effects{white-space:pre-line;font-size:13px}
.discard-prompt{padding:16px;border:2px solid var(--primary);border-radius:12px;background:#fff}
.discard-prompt h3{margin-top:0}
#modalFeedback{margin-top:14px}
.modal{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
.field input,.field select,.field textarea{min-width:0;max-width:100%}
.server-mobile-summary{display:grid;gap:10px;margin-bottom:16px}
.server-mobile-summary>div{border-bottom:1px solid var(--line);padding-bottom:8px}
.server-mobile-summary span{display:block;font-size:12px;color:#566579;margin-top:4px}
.incident-mobile{overflow-wrap:anywhere}
.incident-mobile h3{margin:10px 0}
.incident-open{background:#fff0ef;border-color:#f1c3c1}
.server-person h3{margin-top:0}
.user-controls{max-width:600px}
@media(max-width:950px){
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topbar .quick-actions{max-width:100%}
  .title{min-width:0}
  .access-editor{grid-template-columns:1fr}
}
@media(max-width:650px){
  .sidebar{padding:12px 16px;position:relative;min-height:0}
  .brand{font-size:17px;margin-bottom:8px}
  .brand small{display:none}
  #mobileMenu{display:block;width:100%;text-align:left}
  .sidebar .nav{display:none}
  .sidebar.menu-open .nav{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}
  .main{padding:16px;min-width:0}
  .topbar{gap:10px;margin-bottom:12px}
  .topbar h1{font-size:23px}
  .topbar .quick-actions{gap:8px;width:100%}
  #panelActions{width:100%}
  #panelActions>summary{display:block}
  #panelActions:not([open])>.account-actions{display:none}
  .account-actions{padding:8px 0}
  .user-chip{max-width:100%;overflow-wrap:anywhere;font-size:11px}
  #primaryAction{width:100%}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stat{padding:12px;min-width:0}
  .stat .n{font-size:28px}
  .filter-grid{grid-template-columns:1fr}
  .toolbar{flex-wrap:wrap;gap:10px}
  .incident-desktop,.server-desktop{display:none}
  #incidencias>.toolbar:first-child{display:none}
  .incident-cards,.server-people{display:grid;gap:12px}
  .btn,.nav button,select,summary{min-height:44px}
  .btn-small{padding:9px 10px}
  .modal-backdrop{padding:8px}
  .modal{padding:16px;width:100%;max-height:calc(100dvh - 16px)}
  .modal.modal-access{width:100%}
  .modal-actions{justify-content:stretch;gap:8px}
  .modal-actions .btn{flex:1}
  .detail-grid{grid-template-columns:1fr}
  .request-item{grid-template-columns:1fr 80px}
  .request-item>.field:nth-child(3){grid-column:1/-1}
  .calendar-grid,.calendar-head{gap:3px}
  .cal-day{min-height:86px;padding:3px}
  .cal-event{font-size:10px}
  .secondary-actions{position:static;width:min(280px,100%)}
  .table-wrap{max-width:100%;overflow-x:auto}
  .small-table{min-width:600px}
}
@media print{
  .incident-cards,.server-people,#mobileMenu,.discard-prompt,#versionNotice{display:none!important}
}