/* OTTERS Operator mobile workspace. No changes to existing authenticated handlers. */
:root{--ot-orange:#ff6b00;--ot-navy:#071728;--ot-focus:#ff913e}
body.otters-operator-mobile{font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7fa;color:#183048}
body.otters-operator-mobile :is(h1,h2,h3){font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#0e2940}
body.otters-operator-mobile :is(article,section,.panel){background:#fff;border-color:#d7e3ed}
body.otters-operator-mobile :is(.btn,a.btn,button){text-decoration:none}
body.otters-operator-mobile :is(button,input,select,textarea){font-family:inherit}
body.otters-operator-mobile .site-header{background:#071728;color:#eef5ff}
body.otters-operator-mobile a:focus-visible,body.otters-operator-mobile button:focus-visible{outline:3px solid #ff8b34;outline-offset:2px}
.ot-operator-mobile-nav{display:none}
.ot-operator-installbar{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #ebbb83;background:#fff7ef;color:#293543;padding:10px 12px;border-radius:12px;margin:12px 0}
.ot-operator-installbar p{margin:0;font-size:13px;line-height:1.35}
.ot-operator-installbar button{min-height:44px;border:1px solid #ff6b00;border-radius:9px;background:#ff6b00;color:#142536;font-weight:800;padding:8px 13px;white-space:nowrap}
.ot-operator-status{position:sticky;top:0;z-index:100;display:none;padding:10px;text-align:center;color:white;background:#784619;font-weight:700;font-size:13px}
.ot-operator-status[aria-hidden="false"]{display:block}
.ot-mobile-photo-hint{background:#fff7ed;border:1px solid #ffd4ac;border-radius:8px;padding:9px 12px;color:#563519;font-size:13px;line-height:1.5;margin:7px 0}
.ot-operator-install-instructions{font-size:12px;color:#475767;line-height:1.5}
@media(max-width:767px){
 html{overflow-x:hidden}
 body.otters-operator-mobile{overflow-x:hidden!important;min-width:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
 body.otters-operator-mobile .site-header{position:sticky;top:0;z-index:50;background:#071728;box-shadow:0 2px 10px #0002}
 body.otters-operator-mobile .site-header .header-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px}
 body.otters-operator-mobile .site-header .brand-lockup img{width:105px!important;max-height:46px!important;object-fit:contain}
 body.otters-operator-mobile .site-header .site-nav:not(.is-open){display:none!important}
 body.otters-operator-mobile .site-header .site-nav.is-open{display:flex!important}
 body.otters-operator-mobile .site-header .menu-button{min-width:44px;min-height:44px}
 body.otters-operator-mobile main{width:100%!important;max-width:100%!important;margin:0!important;padding:14px 12px 16px!important;min-height:0;box-sizing:border-box}
 body.otters-operator-mobile :is(h1){font-size:25px!important;line-height:1.15!important;margin:8px 0 12px!important;letter-spacing:-.45px}
 body.otters-operator-mobile :is(h2){font-size:19px!important;line-height:1.2!important}
 body.otters-operator-mobile :is(article,section,.panel,.otters-evidence,#applicationForm){max-width:100%!important;box-sizing:border-box;min-width:0!important;border-radius:12px!important}
 body.otters-operator-mobile #applicationWorkspace > *{max-width:100%!important}
 body.otters-operator-mobile :is(input:not([type=checkbox]),select,textarea){font-size:16px!important;line-height:1.3!important;width:100%!important;max-width:100%!important;min-height:48px!important;padding:12px!important;border-radius:10px!important;box-sizing:border-box}
 body.otters-operator-mobile :is(input[type=file]){min-height:54px!important;line-height:1.3}
 body.otters-operator-mobile :is(button,.btn,a.btn,.button){min-height:46px!important;touch-action:manipulation;border-radius:10px!important;font-size:14px!important;display:inline-flex;justify-content:center;align-items:center;text-align:center;max-width:100%}
 body.otters-operator-mobile :is(.btn-orange,#uploadApplicationEvidence,#submitApplication){background:#ff6b00!important;border-color:#ff6b00!important;color:#122130!important;font-weight:800!important}
 body.otters-operator-mobile :is(#jobsPasswordForm,#jobsChangeForm,#applicationForm,#applicationEvidenceForm){max-width:100%;min-width:0}
 body.otters-operator-mobile .otters-two-fields{grid-template-columns:minmax(0,1fr)!important;display:grid;gap:8px}
 body.otters-operator-mobile :is(#applicationEvidenceForm,#applicationForm) label{display:grid;gap:6px;font-size:14px;line-height:1.4}
 body.otters-operator-mobile :is(#jobsWorkspace,#jobsLogin,#jobsPending,#jobsChangePassword){padding:14px!important;margin:10px 0!important}
 body.otters-operator-mobile #jobsWorkspace >button{min-height:45px!important;margin:4px 4px 8px 0!important}
 body.otters-operator-mobile #jobsWorkspace :is(#jobsInvites,#jobsAssigned) > *{max-width:100%!important;overflow-wrap:anywhere}
 body.otters-operator-mobile :is(.oc-photo-preview,.otters-evidence img){max-height:220px!important;object-fit:contain;width:100%!important}
 body.otters-operator-mobile .ot-operator-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:70;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:7px;min-height:64px;box-sizing:border-box;background:#071728;border-top:2px solid #ff6b00;box-shadow:0 -5px 20px #0003}
 body.otters-operator-mobile .ot-operator-mobile-nav a{color:#cbd9e8;background:#122b3e;border:1px solid #32495c;text-decoration:none;font:700 12px/1.15 system-ui,sans-serif;padding:7px 5px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:9px;text-align:center}
 body.otters-operator-mobile .ot-operator-mobile-nav a[aria-current="page"]{background:#ff6b00;color:#152534;border-color:#ff6b00}
 body.otters-operator-mobile .ot-operator-mobile-nav a:focus-visible{outline:2px solid #ffb479}
 body.otters-operator-mobile .ot-operator-installbar{display:grid;grid-template-columns:1fr auto}
 body.otters-operator-mobile .site-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){body.otters-operator-mobile *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
