/* R364: hosted tools use a white panel; retain the offline dark palette. */
.pf-tools-suite .bad{color:#b42318!important}.pf-tools-suite [aria-invalid=true]{border-color:#b42318}
:root{color-scheme:dark;--bg:#071218;--panel:#0d1c24;--line:#3b5562;--text:#edf8fa;--muted:#b2c5cc;--cyan:#84e5e8;font:16px/1.55 system-ui,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text)}header{display:flex;align-items:center;gap:20px;padding:12px max(16px,calc((100% - 1160px)/2));border-bottom:1px solid var(--line);flex-wrap:wrap}header strong{margin-right:auto;font-size:17px}header small{display:block;font-size:12px;color:var(--muted);font-weight:400}a{color:var(--cyan);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}main{max-width:1200px;margin:auto;padding:24px 20px}.intro h1{font-size:clamp(23px,3vw,30px);font-weight:550;line-height:1.35;margin:0 0 8px}.intro p{color:var(--muted);margin:0 0 20px}.modes{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.modes a{margin-left:auto}.modes [aria-pressed=true],button.primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.tool{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.toolbar,.actions,.offset{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.toolbar h2{margin:0 auto 0 0;font-size:20px}.note{color:var(--muted);font-size:14px;max-width:90ch}summary{cursor:pointer;min-height:44px;align-content:center}details{border-bottom:1px solid var(--line);padding-bottom:8px}label{display:grid;gap:6px;color:var(--muted);font-size:14px;margin:12px 0 6px;min-width:0}input,textarea,button{font:inherit}input,textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:10px;width:100%;min-width:0;font-size:16px;min-height:44px}textarea{resize:vertical;line-height:1.55}button{min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:5px;background:#18323f;color:var(--text);cursor:pointer}button:hover{border-color:var(--cyan)}button:disabled{opacity:.55;cursor:not-allowed}button,a,input,textarea,summary{touch-action:manipulation} :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.actions{margin-top:16px}.offset label{width:min(100%,400px)}.cue{display:grid;grid-template-columns:135px 135px minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.cue label{margin:0}.cue-note{grid-column:1/-1;color:#f6d49b;font-size:14px;margin:0;min-height:0}.bad{color:#ffbaba!important}.brief-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px}.brief-grid>div{min-width:0}#sub-status,#brief-status{min-height:24px;color:var(--muted);overflow-wrap:anywhere}footer{max-width:1200px;margin:auto;padding:0 20px 24px;color:var(--muted);font-size:14px}footer a{margin-right:20px}@media(max-width:720px){header{gap:12px}header strong{font-size:15px}main{padding:20px 12px}.tool{padding:14px}.cue{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cue-text{grid-column:1/-1}.cue button{grid-column:2;justify-self:end}.brief-grid{grid-template-columns:minmax(0,1fr);gap:20px}.modes a{width:100%;margin-left:0}.actions button{flex:1 1 42%}.note{font-size:16px}.toolbar{align-items:center}.toolbar h2{width:100%}footer{padding:0 12px 20px}.offset{align-items:stretch}.offset button{align-self:end}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.project-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}.project-actions p{margin:0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.sop-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.sop-fields label:last-child{grid-column:1/-1}.sop-step{border:1px solid var(--line);border-radius:6px;padding:0;margin:10px 0;overflow-wrap:anywhere}.sop-step>summary{padding:12px 14px;min-height:48px;line-height:1.5;font-size:16px}.sop-step>summary:hover{background:#18323f}.sop-step[open]>summary{border-bottom:1px solid var(--line)}.sop-step-summary-text{font-weight:550}.sop-step-summary-meta{display:block;color:var(--muted);font-size:14px;margin-top:4px}.sop-step-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1.2fr);gap:8px 16px;padding:0 14px 14px}.sop-step-body>.actions{grid-column:1/-1;margin-top:0;align-items:center}.sop-list-actions{margin-bottom:14px}.sop-step:not([open])>.sop-step-body{display:none}.sop-done{display:flex;align-items:center;gap:10px;margin-right:auto;min-height:44px}.sop-done input{width:24px;min-height:24px;height:24px;flex:none;accent-color:var(--cyan)}#sop-count,#sop-status{color:var(--muted);font-size:14px;overflow-wrap:anywhere}#sop-status{min-height:24px}[aria-invalid=true]{border-color:#ffbaba}@media(max-width:720px){.sop-fields,.sop-step-body{grid-template-columns:minmax(0,1fr)}.sop-done{width:100%;margin:0}.project-actions button{flex:1}.project-actions p{width:100%}}