/* beta.7-ux1 — final portal consistency, tablet polish and accessibility completion. */
.sf-skip-link{position:fixed;left:14px;top:10px;z-index:5000;transform:translateY(-150%);padding:10px 14px;border:2px solid #087f82;border-radius:12px;background:#fff;color:#0d5f63;font-weight:800;box-shadow:0 10px 30px rgba(15,35,44,.18);transition:transform .16s ease}
.sf-skip-link:focus,.sf-skip-link:focus-visible{transform:translateY(0)}
.sf-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#sfMainContent{min-width:0}#sfMainContent:focus{outline:none}#sfMainContent>section,.panel,.report-workspace{min-width:0}
:where(button,a[href],input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid rgba(3,152,158,.32)!important;outline-offset:2px!important}
.sidebar .nav:focus-visible{outline-color:rgba(99,212,197,.7)!important;outline-offset:-2px!important}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}
.table-wrap.sf-scrollable-table{scrollbar-gutter:stable;overscroll-behavior-inline:contain}.table-wrap.sf-scrollable-table:focus-visible{outline:3px solid rgba(3,152,158,.24);outline-offset:3px;border-radius:12px}.table-wrap.sf-scrollable-table{scrollbar-width:thin;scrollbar-color:#9eb8bd transparent}
.panel-head,.map-toolbar,.report-preview-toolbar,.sf-driver-profile-head,.sf-alert-editor-head{min-width:0}.panel-head>*,.map-toolbar>*{min-width:0}
.row-actions,.report-actions,.report-picker-actions,.map-tools,.sf-toolbar{align-items:center}
@media(min-width:681px){.table-wrap.sf-scrollable-table thead th{position:sticky;top:0;z-index:3;background:#eef5f6}.table-wrap.sf-scrollable-table thead th:first-child{z-index:4}}
@media(min-width:681px) and (max-width:1180px){
  main>header{position:sticky;top:0;z-index:65;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--pk-border,#dce8ea);box-shadow:0 8px 24px rgba(20,47,58,.05)}
  .panel-head,.map-toolbar,.sf-driver-profile-head,.sf-alert-editor-head{flex-wrap:wrap;gap:12px}.panel-head>.row-actions,.panel-head>button,.map-tools{margin-left:auto}
  .report-controls,.sf-partner .report-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-primary-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-period-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fuel-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fuel-controls>*{min-width:0!important;max-width:none!important;width:100%}
  .sf-alert-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-alert-activity-toolbar>label{flex:1 1 200px}
  .cards,.sf-kpis,.telemetry-grid{align-items:stretch}.cards>*,.sf-kpis>*,.telemetry-grid>*{min-width:0}
  dialog:not(.sf-mobile-more){max-width:min(760px,92vw)}
}
@media(min-width:1025px){main>header{padding-left:24px;padding-right:24px}.panel{scroll-margin-top:24px}}
@media(hover:hover) and (pointer:fine){.panel button:not(:disabled),header button:not(:disabled),.sidebar .nav:not(:disabled){transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.table-wrap.sf-scrollable-table:hover{scrollbar-color:#789ca2 transparent}}
@media(prefers-contrast:more){:root{--pk-border:#7f969d}.panel,.table-wrap,.sf-mobile-card-table tr{border-width:2px!important}:where(button,a[href],input,select,textarea,summary):focus-visible{outline-width:4px!important}}
@media(prefers-reduced-motion:reduce){.sf-skip-link,.panel button,header button,.sidebar .nav{transition:none!important}html{scroll-behavior:auto!important}}
