:root{--bg:#f6f7f9;--card:#fff;--text:#17191c;--muted:#69707a;--border:#d9dde3;--accent:#e9692c;--good:#147a3d;--warn:#a85c00;--bad:#a32626}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.shell{max-width:1450px;margin:auto;padding:20px}.topbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:18px}.brand h1{margin:0;font-size:24px}.muted{color:var(--muted)}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a,.btn{border:1px solid var(--border);background:var(--card);padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.danger{color:var(--bad)}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat,.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.stat strong{font-size:26px;display:block}.board{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.list{display:grid;gap:10px}.jobcard{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;gap:14px;align-items:flex-start}.thumb{width:72px;height:72px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f2f4;font-size:11px;text-align:center;overflow:hidden;flex:0 0 auto}.thumb img{width:100%;height:100%;object-fit:contain}.grow{flex:1;min-width:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{font-size:12px;border:1px solid var(--border);padding:4px 8px;border-radius:999px}.tag.good{color:var(--good)}.tag.warn{color:var(--warn)}.tag.bad{color:var(--bad)}h2,h3{margin-top:0}form{display:grid;gap:12px}label{font-weight:700;font-size:14px;display:grid;gap:6px}input,select,textarea{width:100%;font:inherit;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:white}textarea{min-height:90px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{border-radius:10px;padding:10px 12px;margin:10px 0}.alert.good{background:#eaf7ef;color:var(--good)}.alert.bad{background:#fdeeee;color:var(--bad)}.alert.warn{background:#fff4e5;color:var(--warn)}.auth{max-width:480px;margin:70px auto;padding:18px}.sizegrid{display:grid;grid-template-columns:repeat(12,minmax(55px,1fr));gap:6px;overflow:auto}.sizegrid label{text-align:center;font-size:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.right{text-align:right}.small{font-size:12px}.nowrap{white-space:nowrap}@media(max-width:850px){.board,.split,.row,.row3{grid-template-columns:1fr}.shell{padding:12px}.sizegrid{grid-template-columns:repeat(6,minmax(65px,1fr))}}

.btn.active{background:#20242a;color:white;border-color:#20242a}.countpill{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:#eef0f3;color:#20242a;margin-left:5px;padding:0 6px;font-size:12px}.btn.active .countpill{background:white}.warntext{color:var(--warn)}.garmentcard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px}.garmentcard summary,.placementcard summary{cursor:pointer}.summaryline{margin-top:5px}.sizegrid.compact{overflow:visible;grid-template-columns:repeat(12,minmax(38px,1fr));gap:4px;margin:8px 0 12px}.sizegrid.compact input{padding:7px 4px;text-align:center}.jobtabs,.boardfilters{align-items:center}
@media(max-width:1050px){.sizegrid.compact{grid-template-columns:repeat(6,minmax(54px,1fr))}}
@media(max-width:600px){.sizegrid.compact{grid-template-columns:repeat(4,minmax(58px,1fr))}}

/* Phase 1A v1.2 — Shop Board visual hierarchy */
body.shopboard-page{background:#e7e9ed}
body.shopboard-page .jobcard{box-shadow:0 1px 2px rgba(20,24,30,.04)}
body.shopboard-page .jobcard.priority-high{border:2px solid #e28a19;padding:13px}
body.shopboard-page .jobcard.priority-rush{border:2px solid #c83b3b;padding:13px}
.prioritytag.high{border-color:#e28a19;color:#9a5700;background:#fff7e8;font-weight:700}
.prioritytag.rush{border-color:#c83b3b;color:#a32626;background:#fff0f0;font-weight:700}