/* OTTERS UI reliability, 27 October 2026. Scoped to public mobile, admin, and operator screens. */
:root{--otters-orange:#ff6900;--otters-navy:#071728;--otters-green:#22c76f}
@media(max-width:900px){
 .site-header .menu-button{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex-direction:column;min-width:46px;min-height:46px;flex:0 0 46px;z-index:300;position:relative;background:#102b42;border:1px solid #426077;border-radius:11px}
 .site-header .menu-button span{display:block;background:#fff;min-height:2px;width:22px;height:2px;opacity:1}
 .site-header .site-nav:not(.is-open){display:none!important}
 .site-header .site-nav.is-open{display:flex!important;position:absolute!important;flex-direction:column!important;left:12px!important;right:12px!important;top:calc(100% - 1px)!important;z-index:290!important;max-height:calc(100dvh - 88px);overflow-y:auto;opacity:1!important;visibility:visible!important;background:var(--otters-navy)!important;border-radius:14px!important;border:1px solid #37536a!important;padding:12px!important;box-shadow:0 20px 45px #0008}
}
.otters-queue-toggle,.otters-folder-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.otters-queue-toggle button,.otters-folder-tabs button{min-height:38px!important;padding:8px 12px!important;white-space:normal!important}
.otters-queue-toggle [aria-pressed=true],.otters-folder-tabs [aria-pressed=true]{background:#ff6900!important;border-color:#ff6900!important;color:#071728!important;font-weight:800}
body.otters-admin-page :is(.oc-card,.otters-admin-record,.otters-admin-selected){color:#f3f8ff}
body.otters-admin-page :is(.otters-admin-record p,.oc-card p,.oc-card small,.otters-admin-selected p,.oc-statusbar){color:#c4d5e5!important;opacity:1!important}
body.otters-admin-page :is(.otters-admin-badge,.oc-badge){color:#d9eafe!important;opacity:1!important}
body.otters-admin-page :is(input,select,textarea){color:#f7fbff;background:#0b1c2c;border-color:#47647e}
body.otters-admin-page :is(input,select,textarea)::placeholder{color:#a8bfce;opacity:1}
body.otters-admin-page button:disabled{opacity:.58;cursor:not-allowed}
body.otters-admin-page .oc-card .otters-admin-record{border:1px solid #42617c}
body.otters-admin-page a:focus-visible,body.otters-admin-page button:focus-visible{outline:2px solid #ffa963;outline-offset:2px}
.otters-intake-history{margin:12px 0 18px;padding:12px;border:1px solid #36536a;background:#0b1d2b;color:#f1f7ff;border-radius:12px}
.otters-intake-history>summary{cursor:pointer;font-weight:700;min-height:42px;padding:8px}
.otters-intake-archive-items{max-height:320px;overflow:auto}
.otters-operator-tabs{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}
.otters-operator-tab{min-height:44px;padding:8px 14px;border:1px solid #aebfce;border-radius:10px;background:#eef4f9;color:#12304a;font:700 14px/1.2 system-ui;cursor:pointer}
.otters-operator-tab[aria-selected=true]{background:#ff6900;border-color:#ff6900;color:#071728}
.otters-operator-panel{display:block;min-width:0}
.otters-operator-panel[hidden]{display:none!important}
.otters-operator-links{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.otters-operator-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px}
.otters-finance-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:13px;border:1px solid #d7e4ee;border-radius:10px;margin:10px 0;background:white}
.otters-finance-row small{grid-column:span 2;color:#4f6476}
.otters-operator-issues{border:1px solid #e2e8ef;border-radius:10px;padding:10px;background:#f9fbfd}
@media(max-width:767px){
 .otters-operator-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .otters-operator-tab{width:100%;min-width:0;padding:10px 5px}
 .otters-finance-row{grid-template-columns:1fr;overflow-wrap:anywhere}
 .otters-finance-row small{grid-column:auto}
 :is(#jobsInvites,#jobsAssigned,#ottersPreviousJobs) article{max-width:100%;overflow-wrap:anywhere}
 .otters-operator-panel{padding:10px!important}
}
@media(prefers-reduced-motion:reduce){.otters-operator-tabs *,body.otters-admin-page *{scroll-behavior:auto!important;transition:none!important}}

/* Readable status chips and mobile queue totals. */
body.otters-admin-page .otters-admin-badge{color:#0c2337!important;font-weight:800!important}
@media(max-width:900px){
 body.otters-admin-page .oc-kpis{height:85px!important;flex:0 0 85px!important;align-items:stretch!important}
 body.otters-admin-page .oc-kpis>*{min-height:80px!important;padding:9px 7px!important}
 body.otters-admin-page .oc-kpis strong{font-size:20px!important}
 body.otters-admin-page .oc-kpis small{font-size:11px!important;line-height:1.25!important;color:#d6e2ef!important}
 body.otters-admin-page .oc-top{min-height:62px!important}
}

.otters-compliance-status{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 10px}
.otters-compliance-status span{border-radius:6px;font-size:11px;line-height:1.25;padding:6px 8px;font-weight:700}
.otters-compliance-status .otters-check-ok{background:#143b2f;color:#b8f5cd;border:1px solid #317858}
.otters-compliance-status .otters-check-pending{background:#4e351d;color:#ffd9a7;border:1px solid #9a6536}