/* Accessibility and legal additions layered over the original Convoy styles. */
.skip-link{position:absolute;left:12px;top:-60px;z-index:2000;background:var(--primary);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,label.drop:focus-visible{outline:3px solid var(--primary)!important;outline-offset:2px!important}
.side a:focus-visible,.side button:focus-visible{outline-color:#fff!important}
tr[data-act]:focus-visible td{background:var(--primary-soft)}
#main-content:focus{outline:none}
.legal-notice{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.legal-notice a{color:inherit;text-decoration:underline}
.signup-row{flex-direction:column;align-items:center;gap:6px}
.signup-consent{font-size:13px}
.signup-row .hint{margin:0}
a.side-legal{color:inherit;text-decoration:none}
a.side-legal:hover{text-decoration:underline}
.convoy-footer{position:relative;z-index:1}

.convoy-pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:8px 16px;font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Sign-in: Google option */
.google-row{margin-top:12px}
.or-sep{display:flex;align-items:center;gap:10px;color:var(--ink-3,#64748b);font-size:12.5px;margin:4px 0 10px}
.or-sep::before,.or-sep::after{content:"";flex:1;height:1px;background:var(--line)}

/* Convoy staff entry: a quiet link at the top of the hero panel, never beside the fleet/dealer tiles. */
.login-hero .hero-staff{position:absolute;top:26px;right:clamp(28px,5vw,72px);z-index:2;font-size:12.5px;color:#B9C8DC;text-decoration:underline;text-underline-offset:3px}
.login-hero .hero-staff:hover{color:#fff}
@media (max-width:860px){.login-hero .hero-staff{top:18px;right:20px;font-size:11.5px}}

/* Hero: the headline follows the logo instead of being pushed to the bottom of the panel. */
.login-hero .hero-copy{margin-top:0}
.login-hero .hero-rail{margin-top:auto}

/* Offline banner and retry toasts */
.convoy-offline-banner{position:sticky;top:0;z-index:90;background:var(--amber-soft);color:var(--ink);border-bottom:1px solid var(--amber);padding:10px 16px;text-align:center;font-weight:600}
.toast-retry .btn{padding:4px 12px;min-height:0}
.toast-retry .link-btn{color:var(--surface);text-decoration:underline}