/* SU-13a additions. Loads after the v8 design CSS; nothing here changes the approved form look. */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#stage-tag{border:1px solid var(--ink);padding:2px 10px;font-size:13px}
body:not(.desk) #stage-tag{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:600}
body #workspace p.beta-note{margin:0 0 var(--s5);padding:var(--s1) 0 var(--s1) var(--s3);border-left:3px solid var(--accent);font-size:14px;line-height:1.5;color:#3a3a3c;max-width:none}
body #workspace p.beta-note a{display:inline;min-height:0;min-width:0;padding:0;line-height:inherit;color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
#upload-status{margin:var(--s3) 0 0;font-size:16px;font-weight:500;border-left:var(--s1) solid var(--accent);padding-left:var(--s4)}
.sent-lead+.receipt-line{margin-top:var(--s6)}

/* ---- status page ---- */
.status-card{padding:var(--s9) 0 var(--s12);max-width:720px}
.status-card .eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#555;margin:0 0 var(--s5)}
.status-card h1{font-size:44px;line-height:1.1;letter-spacing:-.02em;font-weight:700;margin:0 0 var(--s6);overflow-wrap:anywhere}
.status-card .badge{display:inline-block;border:1px solid var(--ink);padding:var(--s2) var(--s4);font-weight:600;margin:0 0 var(--s4)}
.status-card .badge[data-status="approved"]{background:var(--accent);border-color:var(--accent)}
.status-card dl{margin:var(--s7) 0 0;display:grid;grid-template-columns:max-content 1fr;gap:var(--s3) var(--s7);border-top:2px solid var(--ink);padding-top:var(--s5)}
.status-card dt{color:#555;font-size:15px;font-weight:500}.status-card dd{font-size:17px}
.status-card .note{color:#555;font-size:16px;margin-top:var(--s6)}
@media (max-width:700px){.status-card h1{font-size:30px}.status-card dl{grid-template-columns:1fr;gap:var(--s1)}.status-card dd{margin-bottom:var(--s3)}}

/* ---- desk ---- */
.desk .page-column{max-width:1240px}
.desk h1{font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:700;margin:var(--s7) 0 var(--s5)}
.desk header nav{display:flex;gap:var(--s5);align-items:center}
.desk .login{max-width:420px;padding:var(--s9) 0}
.desk .login label{margin:var(--s4) 0}
.desk .counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin:0 0 var(--s7);padding:0;list-style:none}
.desk .counters li{border:1px solid var(--ink);padding:var(--s4) var(--s5)}
.desk .counters strong{display:block;font-size:34px;line-height:1.1;font-weight:700}
.desk .counters span{font-size:14px;color:#555;text-transform:uppercase;letter-spacing:.08em;font-weight:500}
.desk .filters{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:end;margin:0 0 var(--s5)}
.desk .filters label{min-width:200px;flex:0 1 240px;font-size:14px;font-weight:500;color:#555}
.desk table{width:100%;border-collapse:collapse;font-size:16px}
.desk th{text-align:left;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#555;font-weight:600;padding:var(--s3) var(--s3);border-bottom:2px solid var(--ink)}
.desk td{padding:var(--s4) var(--s3);border-bottom:1px solid #dcdcdc;vertical-align:top;overflow-wrap:anywhere}
.desk td a{font-weight:600}
.desk tr:hover td{background:#f7f7f7}
.desk .st{display:inline-block;border:1px solid var(--ink);padding:2px 10px;font-size:14px;font-weight:600;white-space:nowrap}
.desk .st[data-status="approved"]{background:var(--accent);border-color:var(--accent)}
.desk .st[data-status="declined"]{background:#fff;color:#555;border-color:#8c8c8c}
.desk .empty{color:#555;padding:var(--s7) 0}
.desk .back{display:inline-block;margin:var(--s5) 0 0}
.desk .item-head{display:flex;justify-content:space-between;gap:var(--s7);align-items:flex-start;flex-wrap:wrap;margin-bottom:var(--s6)}
.desk .item-head h1{margin:var(--s4) 0 var(--s2);font-size:40px}
.desk .meta-line{color:#555;font-size:15px}
.desk .actions-row{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center}
.desk .btn.big{min-height:64px;padding:0 var(--s8);font-size:18px;font-weight:700}
.desk .btn.decline{background:#fff;color:var(--ink)}
.desk .viewer{margin:var(--s6) 0 var(--s8)}
.desk .viewer .stage{position:relative;background:#f2f2f2;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;min-height:320px}
.desk .viewer .stage img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto}
.desk .viewer .nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border:1px solid var(--ink);background:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}
.desk .viewer .nav.prev{left:var(--s4)}.desk .viewer .nav.next{right:var(--s4)}
.desk .viewer .nav:disabled{opacity:.35}
.desk .viewer .caption{margin:var(--s3) 0;font-size:15px;color:#555}
.desk .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--s2);margin-top:var(--s3)}
.desk .thumbs button{padding:0;border:2px solid transparent;background:#f2f2f2;min-height:0;aspect-ratio:3/2;overflow:hidden}
.desk .thumbs button[aria-current="true"]{border-color:var(--ink);outline:2px solid var(--accent)}
.desk .thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.desk .spec{display:grid;grid-template-columns:248px 1fr;gap:0 32px;margin:0 0 var(--s7)}
.desk .spec dt{color:#555;font-size:15px;font-weight:500;padding:var(--s3) 0;border-top:1px solid #dcdcdc}
.desk .spec dd{font-size:17px;padding:var(--s3) 0;border-top:1px solid #dcdcdc;overflow-wrap:anywhere}
.desk .spec dd span.new{font-size:12px;border:1px solid #8c8c8c;padding:1px 6px;margin-left:var(--s2);color:#555}
.desk h2{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:var(--s2);margin:var(--s8) 0 var(--s3)}
.desk details.text-block summary{font-weight:600;font-size:18px;padding:var(--s3) 0}
.desk .press-text{white-space:pre-wrap;font-size:16px;line-height:1.65;max-width:72ch;margin:var(--s4) 0;overflow-wrap:anywhere}
.desk .outbox{list-style:none;padding:0;margin:0}
.desk .outbox li{border:1px solid #bdbdbd;padding:var(--s4) var(--s5);margin-bottom:var(--s3)}
.desk .outbox pre{white-space:pre-wrap;font-family:var(--font-sans);font-size:15px;margin:var(--s2) 0 0;overflow-wrap:anywhere}
.desk .flash{border-left:var(--s1) solid var(--accent);padding-left:var(--s4);margin:var(--s4) 0;font-weight:500}
@media (max-width:700px){.desk .counters{grid-template-columns:repeat(2,minmax(0,1fr))}.desk .spec{grid-template-columns:1fr}.desk .spec dt{border-top:1px solid #dcdcdc;padding-bottom:0}.desk .spec dd{border-top:0;padding-top:0}.desk .item-head h1{font-size:30px}.desk table,.desk thead,.desk tbody,.desk tr,.desk td{display:block}.desk thead{display:none}.desk tr{border-bottom:1px solid #dcdcdc;padding:var(--s3) 0}.desk td{border:0;padding:2px 0}}