:root{--navy:#11233f;--navy2:#1b3a63;--gold:#c8a24a;--gold2:#a9852f;--cream:#f7f2e7;--cream2:#fbf8f0;--ink:#1c2433;--muted:#5b6577;--line:#d8cdb0;--green:#3f6f4f;--red:#b5402e}
*{box-sizing:border-box}
body{margin:0;font-family:"DM Sans",system-ui,Segoe UI,sans-serif;color:var(--ink);background:var(--cream)}
.stagingbar{background:var(--red);color:#fff;text-align:center;font:600 12px/1 "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase;padding:7px}
.sheet{max-width:860px;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 2px 16px rgba(17,35,63,.1)}
.sheet.landscape{max-width:1080px}
.hdr{background:var(--navy);color:#fff;padding:18px 24px;border-bottom:4px solid var(--gold)}
.hdr h1{font-family:Georgia,serif;margin:.1em 0;font-size:26px}
.hdr .sku{float:right;color:var(--gold);font:700 13px/1 "DM Mono",monospace}
.hdr p{margin:.2em 0 0;color:#cdd7e8;font-style:italic;font-size:13px}
.voicebar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:var(--cream2);border-bottom:1px solid var(--line);padding:12px 24px}
button{cursor:pointer;border:0;font:600 13px/1 "DM Sans",sans-serif;border-radius:8px;padding:10px 16px}
#mic{background:var(--gold);color:var(--navy)}
#mic.live{background:var(--red);color:#fff;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.6}}
.b2{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.status{font-size:12.5px;color:var(--muted)}
.transcript{flex-basis:100%;font:13px "DM Mono",monospace;color:var(--navy2);background:#fff;border:1px dashed var(--line);border-radius:6px;padding:6px 10px;min-height:20px;display:none}
.transcript.show{display:block}
.body{padding:18px 24px 26px}
.sec{margin-top:14px}
.sec h2{font:700 12px/1 "DM Sans";letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--navy2);padding:7px 10px;border-radius:5px;margin:0 0 8px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label.f{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
input.t{width:100%;padding:8px 9px;border:1px solid var(--line);border-radius:5px;background:var(--cream2);font-size:14px}
input.t.justfilled,td input.justfilled{background:#fff7e0;border-color:var(--gold)}
table{width:100%;border-collapse:collapse;margin-top:4px}
th{background:var(--navy2);color:#fff;font:600 11px/1.2 "DM Sans";padding:6px;text-align:left}
td{border:1px solid var(--line);padding:3px}
td .rn{color:var(--muted);font:600 11px/1 "DM Mono";padding:0 6px}
td input{width:100%;border:0;padding:6px;font-size:13px;background:transparent}
.help{font-size:12px;color:var(--muted);background:var(--cream2);border-left:3px solid var(--gold);padding:8px 12px;border-radius:5px;margin-top:10px}
.help code{background:#fff;border:1px solid var(--line);border-radius:3px;padding:1px 5px;font-size:11.5px}
.footacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.note{font-size:12px;color:var(--muted);margin-top:14px}
a.dl{text-decoration:none}
@media print{.stagingbar,.voicebar,.footacts,.help,.note{display:none}body{background:#fff}.sheet{border:0;box-shadow:none;margin:0}}
