/* Additive operator visual layer. Does not weaken existing submission validation. */
body:has(.otters-application){background:#0b1721!important;color:#e3edf4!important;font-family:Inter,system-ui,Arial,sans-serif;color-scheme:dark}
body:has(.otters-application) .site-header{background:#0e202d!important;border-bottom:1px solid #334957!important}
body:has(.otters-application) .otters-application{max-width:1000px!important;margin:0 auto!important;padding:26px 18px 50px!important;color:#e7eef5!important}
body:has(.otters-application) .otters-application h1{font-size:clamp(23px,3vw,34px);color:#f2f7fb!important;letter-spacing:-.4px}
body:has(.otters-application) .otters-application h2{font-size:16px!important;color:#e8f4fa!important}
body:has(.otters-application) .otters-application>p{color:#a8bdc9!important}
body:has(.otters-application) #applicationWorkspace{min-width:0!important}
body:has(.otters-application) :is(#applicationForm,.otters-evidence,#applicationLogin){background:linear-gradient(140deg,#142631,#0f1f2a)!important;border:1px solid #314a5d!important;border-radius:12px!important;padding:18px!important;margin:14px 0!important}
body:has(.otters-application) :is(input,select,textarea){background:#101e28!important;color:#f1f6fa!important;border:1px solid #415b6d!important;border-radius:7px!important;padding:10px!important;max-width:100%}
body:has(.otters-application) input[type=checkbox]{accent-color:#b8f56a}
body:has(.otters-application) label{font-weight:600;color:#c8d9e3!important}
body:has(.otters-application) .otters-application a:not(.btn){color:#91d1ff!important}
body:has(.otters-application) .otters-evidence .oc-photo-help{border:1px solid #507046;background:#193323;padding:12px 14px;border-radius:9px;margin:11px 0;color:#d4f4cb;font-size:12px;line-height:1.5}
body:has(.otters-application) .otters-evidence .oc-photo-help strong{display:block;font-size:13px;margin-bottom:2px;color:#c5ff8b}
body:has(.otters-application) .oc-photo-preview{max-width:360px;max-height:230px;border:1px solid #527085;border-radius:8px;object-fit:contain;margin:10px 0;background:#0d1b24;padding:6px}
body:has(.otters-application) .oc-photo-preview[hidden]{display:none!important}
body:has(.otters-application) .oc-photo-status{font-size:11px!important;color:#b1c5d2!important}
body:has(.otters-application) :is(#submitApplication,#uploadApplicationEvidence){background:#b7ef5a!important;border-color:#b7ef5a!important;color:#182418!important;font-weight:800!important}
body:has(.otters-application) #applicantMessage{color:#bfdcfa!important}
body:has(.otters-application) :is(input,select,textarea,button,a):focus-visible{outline:2px solid #7cc6ff;outline-offset:2px}
@media(max-width:640px){body:has(.otters-application) :is(#applicationForm,.otters-evidence,#applicationLogin){padding:13px!important}body:has(.otters-application) .otters-application{padding:18px 12px 50px!important}}
/* Layout controls use the current form fields and selectors without altering name attributes. */
body:has(.otters-application) #applicationForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;align-items:start}
body:has(.otters-application) #applicationForm>h2,body:has(.otters-application) #applicationForm>.otters-two-fields,body:has(.otters-application) #applicationForm>label:nth-of-type(n+3),body:has(.otters-application) #applicationForm>.otters-application-actions{grid-column:1/-1}
body:has(.otters-application) :is(#applicationForm,#applicationEvidenceForm) label:not(.otters-inline-check){display:grid!important;gap:6px!important;min-width:0!important}
body:has(.otters-application) .otters-two-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;min-width:0!important}
body:has(.otters-application) #applicationForm :is(input,textarea,select){width:100%!important;min-height:40px!important}
body:has(.otters-application) #applicationForm textarea{min-height:70px!important}
body:has(.otters-application) .otters-inline-check{display:flex!important;align-items:flex-start!important;gap:8px!important;flex-wrap:wrap!important}
body:has(.otters-application) .otters-inline-check input{width:auto!important;min-height:0!important;margin-top:4px!important}
body:has(.otters-application) #applicationEvidenceForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end!important}
body:has(.otters-application) #applicationEvidenceForm>label:nth-of-type(3){grid-column:1/-1}
body:has(.otters-application) #applicationEvidenceForm :is(input,select){min-height:40px!important;width:100%!important}
body:has(.otters-application) #submitApplication{margin:8px 0!important;padding:12px 16px!important}
@media(max-width:650px){body:has(.otters-application) #applicationForm,body:has(.otters-application) #applicationEvidenceForm,body:has(.otters-application) .otters-two-fields{grid-template-columns:1fr!important}body:has(.otters-application) #applicationForm>*{grid-column:1/-1!important}}