/* Espace gérant — styles complémentaires (charte identique à la caisse) */
body{min-height:100%;}

/* ---------- Navigation : onglets (desktop) / tiroir hamburger (mobile) ---------- */
.adm-burger{display:none;}
.drawer-scrim{position:fixed; inset:0; background:#241d1466; z-index:55; opacity:0; pointer-events:none; transition:opacity .18s;}
.drawer-scrim.show{opacity:1; pointer-events:auto;}
.drawer{
  position:fixed; top:0; bottom:0; left:0; z-index:60; width:min(78vw,300px);
  background:var(--bg); box-shadow:6px 0 30px rgba(0,0,0,.25);
  transform:translateX(-105%); transition:transform .22s cubic-bezier(.2,.8,.2,1);
  padding:calc(env(safe-area-inset-top) + 16px) 12px 16px; overflow-y:auto;
}
.drawer.show{transform:translateX(0);}
.drawer .dr-head{font-weight:800; font-size:1.05rem; padding:4px 10px 12px; color:var(--accent-d);}
.drawer button{
  display:flex; align-items:center; gap:12px; width:100%; text-align:left;
  padding:13px 12px; border-radius:12px; font-weight:700; font-size:.98rem; color:#4a453d;
}
.drawer button.on{background:var(--accent); color:#fff;}
.drawer button:not(.on):active{background:#00000010;}
.adm-tabs{
  display:flex; gap:6px; padding:12px 12px 10px; overflow-x:auto;
  position:sticky; top:0; z-index:20; background:var(--bg);
  max-width:860px; margin:0 auto; width:100%;
}
.adm-tab{
  flex:none; padding:10px 14px; border-radius:11px; background:#00000008;
  font-weight:700; font-size:.88rem; color:#6a645a; white-space:nowrap;
}
.adm-tab.on{background:var(--accent); color:#fff;}
.adm-content{max-width:860px; margin:0 auto; width:100%; padding:4px 14px 60px;}

.stat-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:4px 0 14px;}
@media(min-width:640px){ .stat-grid{grid-template-columns:repeat(4,1fr);} }
.stat{background:#fff; border:1px solid var(--line); border-radius:14px; padding:12px 14px;}
.stat .k{font-size:.74rem; color:var(--muted2); font-weight:700; text-transform:uppercase; letter-spacing:.3px;}
.stat .v{font-size:1.35rem; font-weight:800; margin-top:2px;}
.stat.wide{grid-column:1/-1;}

.seg{display:inline-flex; background:#00000008; border-radius:11px; padding:3px; margin:6px 0 10px;}
.seg button{padding:8px 16px; border-radius:9px; font-weight:700; font-size:.86rem; color:#6a645a;}
.seg button.on{background:#fff; color:var(--ink); box-shadow:0 1px 4px rgba(0,0,0,.12);}

.sale{display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line);}
.sale .st-time{font-variant-numeric:tabular-nums; font-weight:700; font-size:.92rem; width:96px; color:#4a453d;}
.sale .st-who{flex:1; min-width:0;}
.sale .st-who b{font-size:.95rem;}
.sale .st-who span{display:block; font-size:.74rem; color:var(--muted2);}
.mode-pill{font-size:.68rem; font-weight:800; padding:3px 8px; border-radius:999px; text-transform:uppercase;}
.mode-esp{background:#e8f3ec; color:var(--ok-d);}
.mode-cb{background:#e7eef7; color:#22557d;}
.test-pill{font-size:.66rem; font-weight:800; padding:3px 7px; border-radius:999px; background:#fff2cc; color:#8a5a12;}
.st-amt{font-weight:800; width:74px; text-align:right;}

.card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px 16px; margin:10px 0;}
.card h3{margin:0 0 8px; font-size:1rem;}
.byprod{display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid var(--line); font-size:.9rem;}
.byprod:last-child{border-bottom:none;}
.byprod b{font-variant-numeric:tabular-nums;}

.prod-row{
  display:flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--line);
  border-radius:13px; padding:9px 11px; margin:7px 0;
}
.prod-row .drag{cursor:grab; color:var(--muted2); font-size:1.1rem; padding:4px 2px; touch-action:none;}
.prod-row.ghost{opacity:.4; background:#eef7fb;}
.prod-row .pr-name{flex:1; min-width:0;}
.prod-row .pr-name b{display:block; font-size:.93rem;}
.prod-row .pr-name span{font-size:.72rem; color:var(--muted2);}
.prod-row .pr-price{font-weight:800; width:64px; text-align:right;}
.prod-row.inactive{opacity:.5;}
.prod-row .pr-edit{width:36px;height:36px;border-radius:9px;background:#00000008; display:grid; place-items:center;}

.field-row{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px solid var(--line);}
.field-row:last-child{border-bottom:none;}
.field-row label{font-weight:600; font-size:.95rem;}
.field-row input,.field-row select{padding:9px 10px; border:1px solid var(--line); border-radius:9px; font-size:.95rem; background:#fff; font-family:inherit;}
.field-col{padding:8px 0;}
.field-col label{display:block; font-weight:600; font-size:.85rem; margin-bottom:4px; color:#4a453d;}
.field-col input,.field-col select,.field-col textarea{width:100%; padding:10px; border:1px solid var(--line); border-radius:10px; font-size:.95rem; background:#fff; font-family:inherit;}

.toggle{width:46px;height:27px;border-radius:999px;background:#ccc4b5; position:relative; transition:background .15s; flex:none; cursor:pointer;}
.toggle.on{background:var(--ok);}
.toggle::after{content:""; position:absolute; top:3px; left:3px; width:21px;height:21px;border-radius:50%; background:#fff; transition:left .15s;}
.toggle.on::after{left:22px;}

.user-row{display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); flex-wrap:wrap;}
.user-row.inactive{opacity:.55;}
.user-row .ur-actions{display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; margin-left:auto;}
.user-row .av{width:34px;height:34px;border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:800; font-size:.9rem; flex:none;}
.user-row .ur-name{flex:1; min-width:0;}
.user-row .ur-name b{font-size:.95rem;}
.user-row .ur-name span{display:block; font-size:.73rem; color:var(--muted2);}
.mini-btn{padding:8px 12px; border-radius:9px; font-weight:700; font-size:.8rem; background:#00000008; border:1px solid var(--line); color:#4a453d;}
.mini-btn.warn{background:#fff2cc; border-color:#eadaa5; color:#8a5a12;}
.mini-btn.danger{background:#f6e5e5; border-color:#ecccc9; color:#b23;}

.qr-actions{display:flex; gap:10px; justify-content:center; margin-top:10px;}
.modal-scrim{position:fixed; inset:0; background:#241d1466; z-index:70; display:none;}
.modal-scrim.show{display:block;}
.modal{
  position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:80;
  background:var(--bg); border-radius:18px; box-shadow:0 10px 50px rgba(0,0,0,.3);
  width:min(92vw,440px); max-height:88vh; overflow-y:auto; padding:18px; display:none;
}
.modal.show{display:block;}
.modal h3{margin:0 0 10px;}

/* Mobile : tiroir hamburger a la place des onglets (en fin de fichier pour primer sur .adm-tabs) */
@media(max-width:639px){
  .adm-tabs{display:none;}
  .adm-burger{display:grid;}
}