:root{--navy:#0d1f3c;--navy2:#1a3560;--gold:#c9972b;--ink:#1a1a2e;--body:#444455;--mute:#888899;--line:#dde1e9;--band:#eef3fa;--bg:#fafbfd}
*{box-sizing:border-box}
body{margin:0;font:14px/1.4 Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.top{background:var(--navy);color:#fff;border-bottom:4px solid var(--gold);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:5}
.top b{font-size:16px;margin-right:12px}.top span{color:#a8b8cc;font-size:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
select,input,textarea{font:inherit;border:1px solid var(--line);border-radius:4px;padding:6px 8px;width:100%;background:#fff;color:var(--ink)}
.actions select{width:auto;max-width:260px}
button{font:inherit;cursor:pointer;border-radius:4px;padding:7px 12px;border:1px solid var(--gold);background:var(--navy2);color:#fff}
button.ghost{background:transparent;color:inherit;border-color:#7a9ab8}
.form button.ghost{color:var(--navy);border-color:var(--navy2)}
button.gold{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:700}
button.small{padding:4px 10px;font-size:12px;margin:6px 0}
button.x{background:none;border:none;color:#b00;padding:0 6px;font-size:18px}
main{display:grid;grid-template-columns:minmax(340px,480px) 1fr;gap:16px;padding:16px 20px;align-items:start}
.form details{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:4px;margin-bottom:10px;padding:0 12px}
summary{cursor:pointer;font-weight:700;padding:10px 0;color:var(--navy);letter-spacing:.03em;text-transform:uppercase;font-size:12px}
details[open]{padding-bottom:10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wide{grid-column:1/-1}
label{display:block;font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
label input,label textarea{margin-top:2px;text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink)}
label.check{display:flex;gap:8px;align-items:center;text-transform:none}label.check input{width:auto}
.row{display:grid;gap:6px;margin:6px 0;padding:8px;background:var(--band);border-radius:4px;position:relative}
.row.items{grid-template-columns:2fr 1fr 1fr 1fr}.row.two{grid-template-columns:1fr 2fr}.row.sla{grid-template-columns:1fr 2fr 1fr}.row.one{grid-template-columns:1fr}
.row .x{position:absolute;right:2px;top:-4px}.row .detail{grid-column:1/-1}
.total{text-align:right;margin:6px 0 0}
.preview{position:sticky;top:76px}
iframe{width:100%;height:calc(100vh - 100px);border:1px solid var(--line);background:#fff}
#warn{background:#fff4d6;border:1px solid var(--gold);padding:8px 10px;margin-bottom:8px;border-radius:4px}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;border-left:4px solid var(--gold);padding:10px 16px;border-radius:4px}
#sched table{width:100%;border-collapse:collapse;font-size:13px}#sched td{padding:3px 0;border-bottom:1px solid var(--line)}
.pill{display:inline-block;padding:1px 8px;border-radius:10px;background:var(--band);font-size:12px}.ok{background:#dff3e4}.bad{background:#fde2e2}
.addbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px;align-items:center}.addbar span{font-size:12px;color:var(--mute);text-transform:uppercase}
@media(max-width:900px){main{grid-template-columns:1fr}.preview{position:static}iframe{height:70vh}}