/* SoloScan RC4 independent, mobile-first offline file workspaces */
#rc4View{max-width:1080px;margin-inline:auto;padding-bottom:100px}
.opt-hero{display:flex;align-items:start;flex-wrap:wrap;gap:9px;margin:10px 0 22px}
.opt-hero .hub-back{flex-shrink:0}
.opt-hero>div{flex:1 1 230px}
.opt-hero h1{font-size:1.6rem;margin:5px 0;color:#123e4a}
.opt-hero p{color:#526d7b;margin:0;line-height:1.5}
.opt-work{max-width:760px;background:white;border:1px solid #d5e2e9;border-radius:19px;padding:clamp(16px,4vw,28px);box-shadow:0 8px 24px #213e5411}
.opt-group{display:grid;gap:14px}
.opt-group h2{color:#173a49;font-size:1.16rem;margin:0}
.opt-group>p{color:#597282;font-size:.89rem;line-height:1.6;margin:0}
.opt-group label{display:grid;gap:6px;font-size:.86rem;font-weight:750;color:#254b59}
.opt-group label>input:not([type=checkbox]),.opt-group select{box-sizing:border-box;min-width:0;width:100%;min-height:47px;padding:10px;border-radius:11px;border:1px solid #b6cbd6;background:white;color:#1d3645;font-size:1rem}
.opt-group .opt-check{display:flex;align-items:start;gap:9px;font-weight:500;line-height:1.5;color:#405665}
.opt-group input[type=checkbox]{width:21px;height:21px;flex:none;accent-color:#088d81;margin-top:2px}
.opt-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.opt-note{font-size:.8rem;background:#eef8f8;color:#25565c;border-left:3px solid #13a395;padding:11px;border-radius:9px;line-height:1.5}
.opt-warning{background:#fff6e9;color:#87500f;border-left-color:#e5a748}
.opt-actions{margin:19px 0 0;display:flex;flex-wrap:wrap;gap:8px}
#optRun{min-height:48px;flex:1}
#optStatus{padding:12px;background:#f0f7fa;border-radius:10px;margin:13px 0;font-size:.84rem;color:#315669;line-height:1.5}
#optStatus[data-error=true]{background:#fff0ec;color:#982d23}
.opt-result{display:grid;gap:9px;margin-top:12px;border:1px solid #bddbd1;background:#f3fdf8;padding:16px;border-radius:15px;color:#1a4843}
.opt-result>strong{overflow-wrap:anywhere}
.opt-result>p{font-size:.82rem;line-height:1.5;margin:0;color:#456b66}
.opt-result-actions{display:flex;gap:10px;flex-wrap:wrap}
.opt-result-actions button{flex:1;min-width:145px}
@media(max-width:460px){.opt-columns{grid-template-columns:1fr}.opt-work{padding:14px}.opt-hero h1{font-size:1.4rem}}
/* CSS display rules must never override the semantic hidden attribute. */
.opt-group[hidden],.opt-result[hidden]{display:none!important}