/* Admin dashboard styles (uses the same tokens as style.css) */
body[data-admin]{display:block;background:var(--bg)}
.ad-login{min-height:100vh;display:grid;place-items:center;padding:20px}
.ad-login .panel{width:min(400px,100%);padding:34px;border-radius:var(--r-lg)}
.ad-login h1{font-size:1.7rem;margin:.8rem 0 .3rem}
.ad-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.ad-side{position:sticky;top:0;height:100vh;padding:22px 16px;display:flex;flex-direction:column;gap:.3rem;border-right:1px solid var(--glass-line)}
.ad-side .logo{padding:0 10px 18px}
.ad-nav{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:12px;font-weight:600;color:var(--ink2);text-align:left;width:100%}
.ad-nav svg{width:19px;height:19px;flex:none}
.ad-nav:hover{background:var(--dew2)}
.ad-nav.on{background:var(--ink);color:#fff}
.ad-nav .n{margin-left:auto;background:var(--petal);color:#12417A;font-size:.72rem;padding:.05rem .5rem;border-radius:999px}
.ad-nav.on .n{background:rgba(255,255,255,.2);color:#fff}
.ad-side .sp{flex:1}
.ad-main{padding:30px 34px 60px;min-width:0}
.ad-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.ad-head h1{font-size:1.8rem}
.ad-head p{color:var(--ink2);font-size:.92rem}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:1.6rem}
.stat{padding:18px 20px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.stat b{display:block;font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.02em}
.stat span{color:var(--ink2);font-size:.85rem}
.stat.alert{background:var(--petal);border-color:transparent}
.panel-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;margin-bottom:1.4rem}
.panel-box h2{font-size:1.1rem;margin-bottom:.9rem}
.tbl-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{text-align:left;font-weight:600;color:var(--mute);font-size:.8rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:.8rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border:0}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover{background:var(--dew2)}
.tbl small{display:block;color:var(--mute)}
.tbl .thumb{width:38px}
.tbl .thumb .arch{border-radius:999px 999px 6px 6px}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.chip{padding:.4rem .95rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-size:.85rem;font-weight:600;color:var(--ink2)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.toolbar{display:flex;gap:.7rem;margin-bottom:1rem;flex-wrap:wrap}
.toolbar input{padding:.6rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);min-width:240px;outline:0}
.attn{display:grid;gap:.6rem}
.attn a,.attn button{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:12px;background:var(--dew2);text-align:left;font-size:.92rem}
.attn a:hover,.attn button:hover{background:var(--dew)}
.panel.wide{width:min(760px,100%);max-height:92vh;overflow:auto;background:rgba(255,255,255,.97)}
.panel.wide h3{font-size:1.4rem}
.kv{display:grid;grid-template-columns:150px 1fr;gap:.45rem 1rem;font-size:.92rem;margin:.8rem 0 1.2rem}
.kv dt{color:var(--mute)}.kv dd{font-weight:500}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.vrow{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr auto;gap:.5rem;margin-bottom:.5rem;align-items:center}
.vrow input{padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--r-sm);width:100%}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.sw{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.sw:last-child{border:0}
.sw small{display:block;color:var(--mute)}
.toggle{position:relative;width:44px;height:26px;flex:none}
.toggle input{opacity:0;position:absolute;inset:0;cursor:pointer;z-index:1}
.toggle i{position:absolute;inset:0;border-radius:999px;background:#c8d6da;transition:background .2s}
.toggle i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.toggle input:checked+i{background:var(--jade)}
.toggle input:checked+i::after{transform:translateX(18px)}
.toggle input:disabled+i{opacity:.5}
.stock-in{width:84px;padding:.45rem .6rem;border:1px solid var(--line);border-radius:var(--r-sm)}
.low{color:var(--warn);font-weight:700}
.demo-bar{background:var(--petal);color:#12417A;text-align:center;font-size:.82rem;padding:.4rem}
@media (max-width:980px){
  .ad-shell{grid-template-columns:1fr}
  .ad-side{position:static;height:auto;flex-direction:row;overflow:auto;padding:10px;border-right:0;border-bottom:1px solid var(--glass-line);gap:.2rem}
  .ad-side .logo,.ad-side .sp,.ad-nav .n{display:none}
  .ad-nav{width:auto;white-space:nowrap}
  .ad-main{padding:20px 16px 50px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .vrow{grid-template-columns:1fr 1fr;}
  .form-grid{grid-template-columns:1fr}
}