:root{--shop-ground:var(--av-bg);--shop-panel:var(--av-surface);--shop-raised:var(--av-surface-2);--shop-ink:var(--av-text);--shop-muted:var(--av-muted);--shop-line:var(--av-line);--shop-accent:var(--av-accent);--shop-accent-ink:var(--av-primary-ink);--shop-hold:var(--av-danger);--shop-focus:var(--av-focus);--shop-shadow:var(--av-shadow);font:16px/1.45 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--shop-ground);color:var(--shop-ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--shop-line);border-radius:10px;background:var(--shop-raised);color:var(--shop-ink);padding:9px 14px}button:hover{border-color:var(--shop-accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--shop-focus);outline-offset:2px}.primary{background:var(--shop-accent);color:var(--shop-accent-ink);border-color:var(--shop-accent);font-weight:750}.skip{position:absolute;left:-999px;z-index:20}.skip:focus{left:12px;top:12px;background:var(--shop-raised);padding:12px}.shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 24px;background:var(--shop-panel);border-bottom:1px solid var(--shop-line)}.brand,.header-actions,.work-actions,.detail-actions,.dialog-actions,.import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand>a{color:var(--shop-muted);text-decoration:none;font-size:.85rem;margin-right:14px}.mark{display:grid;place-items:center;width:46px;height:46px;background:var(--shop-ink);color:var(--shop-ground);border-radius:12px;font-family:Georgia,serif;font-size:27px}.mark span{color:var(--shop-ground);font:18px system-ui}.eyebrow{font-size:.68rem;letter-spacing:.17em;font-weight:850;color:var(--shop-accent);margin:0 0 5px}h1,h2,p{margin-top:0}h1{font:700 1.45rem Georgia,serif;margin:0}.header-actions #saveState{font-size:.82rem;color:var(--shop-muted);margin-right:8px}main{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:20px 24px 0;gap:18px}.overview{display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--av-surface-3);color:var(--av-text);padding:20px 26px;border-radius:18px;box-shadow:var(--shop-shadow)}.overview .eyebrow{color:var(--av-accent)}.overview label{display:block;font-size:.75rem;color:var(--av-muted)}.overview input{background:transparent;border:0;border-bottom:1px solid var(--av-line-strong);color:inherit;font:700 clamp(1.4rem,2.3vw,2.3rem) Georgia,serif;width:min(490px,100%);padding:2px 0}.overview .intro{font-size:.82rem;color:var(--av-muted);margin:8px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:16px;min-width:410px}.metrics div{display:grid;border-left:1px solid var(--av-line-strong);padding-left:16px}.metrics strong{font:700 2rem Georgia,serif}.metrics span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.metrics .alert strong{color:var(--av-danger)}.workspace{min-height:0;display:grid;grid-template-columns:190px minmax(300px,1fr) minmax(310px,370px);gap:14px}.phase-nav,.worklist,.detail{min-height:0;background:var(--shop-panel);border:1px solid var(--shop-line);border-radius:15px;overflow:hidden}.phase-nav{padding:14px;display:flex;flex-direction:column;gap:6px}.phase-nav button{text-align:left;background:transparent;border:0;width:100%;font-weight:650}.phase-nav button.active{background:var(--shop-ink);color:var(--shop-ground)}.phase-nav button span{float:right}.nav-foot{margin-top:auto;border-top:1px solid var(--shop-line);padding:16px 8px;color:var(--shop-muted);font-size:.75rem}.nav-foot span{letter-spacing:.15em;font-weight:800}.nav-foot p{margin:8px 0}.worklist{display:flex;flex-direction:column}.work-head{padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.work-head h2,.detail h2{font:700 1.4rem Georgia,serif;margin:0}.filters{display:flex;gap:12px;padding:0 20px 12px;border-bottom:1px solid var(--shop-line)}label{display:grid;gap:5px;color:var(--shop-muted);font-size:.76rem;font-weight:700}.filters label:first-child{flex:1}input,select,textarea{min-width:0;min-height:42px;border:1px solid var(--shop-line);border-radius:8px;background:var(--shop-raised);color:var(--shop-ink);padding:8px 10px}textarea{resize:vertical}.rows{overflow:auto;min-height:0;padding:12px;display:grid;align-content:start;gap:8px}.row{width:100%;text-align:left;display:grid;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;background:var(--shop-raised);border:1px solid var(--shop-line);border-radius:11px}.row.selected{border-color:var(--shop-accent);box-shadow:inset 3px 0 var(--shop-accent)}.row strong,.row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row small{color:var(--shop-muted);font-weight:400;margin-top:3px}.phase-pill,.status-pill{border-radius:6px;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;background:var(--shop-ground);font-weight:800}.status-pill.hold{color:var(--shop-hold)}.status-pill.ready{color:var(--av-success)}.empty{padding:50px 24px;text-align:center;color:var(--shop-muted)}.detail{display:flex;flex-direction:column}.detail-head{padding:20px;border-bottom:1px solid var(--shop-line)}.detail-head p:last-child{font-size:.78rem;color:var(--shop-muted);margin:8px 0 0}.detail form{min-height:0;overflow:auto;padding:18px 20px;display:grid;align-content:start;gap:13px}.detail form[hidden]{display:none}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-actions{margin-top:3px}footer{display:flex;justify-content:space-between;gap:10px;padding:10px 24px;color:var(--shop-muted);font-size:.68rem;letter-spacing:.08em}dialog{border:1px solid var(--shop-line);border-radius:16px;box-shadow:0 22px 80px #0006;background:var(--shop-panel);color:var(--shop-ink);width:min(570px,calc(100vw - 24px));max-height:90dvh}dialog::backdrop{background:var(--av-overlay)}dialog form{display:grid;gap:16px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0;font:700 1.6rem Georgia,serif}dialog p{color:var(--shop-muted);font-size:.85rem}.file-btn{display:block;cursor:pointer;border:1px solid var(--shop-line);background:var(--shop-raised);border-radius:10px;padding:11px 14px;color:var(--shop-ink)}.file-btn input{position:absolute;width:1px;height:1px;opacity:0}.import-preview{max-height:160px;overflow:auto;background:var(--shop-raised);border:1px solid var(--shop-line);border-radius:9px;padding:14px;font-size:.83rem}.dialog-actions{justify-content:flex-end}@media(max-width:1100px){.workspace{grid-template-columns:150px minmax(280px,1fr) minmax(280px,330px)}.metrics{min-width:300px;gap:4px}.metrics div{padding-left:8px}.brand>a{margin-right:0}}@media(max-width:780px){header{padding:9px 12px}.header-actions{gap:5px}.header-actions button{padding:7px;font-size:.76rem}.header-actions #saveState{display:none}.brand>a{font-size:.7rem}.mark{display:none}main{padding:10px 10px 64px;gap:10px}.overview{padding:12px 15px;display:block}.overview input{font-size:1.35rem}.intro{display:none}.metrics{min-width:0;gap:5px;margin-top:8px}.metrics strong{font-size:1.25rem}.metrics span{font-size:.55rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.phase-nav{position:absolute;bottom:0;left:0;right:0;height:58px;z-index:3;border-radius:0;display:flex;flex-direction:row;padding:4px;gap:0}.phase-nav button{text-align:center;font-size:.67rem;padding:3px;min-width:0}.phase-nav .nav-foot{display:none}.phase-nav button span{display:none}.worklist{min-height:0}.detail{position:absolute;inset:15% 8px 63px;z-index:4;box-shadow:0 10px 50px #0008}.detail:not(.open){display:none}.detail-head{padding:12px 15px}.detail form{padding:10px 15px}.work-head{padding:11px 12px}.work-head h2{font-size:1.15rem}.work-actions button{font-size:.75rem;padding:7px}.filters{padding:0 12px 8px}.row{grid-template-columns:60px minmax(0,1fr) auto}.row .phase-pill,.row .status-pill{font-size:.57rem}footer{display:none}}@media(max-width:380px){.header-actions{max-width:225px}.metrics div{padding-left:5px}.work-actions{gap:4px}.pair{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){button,.row{transition:border-color .15s,background .15s,transform .15s}.row:hover{transform:translateY(-1px)}}

.close-detail{display:none}@media(max-width:780px){.close-detail{display:block;float:right;margin-left:8px}}