/* Vedikly admin — light professional theme (overrides admin.css variables) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');
:root {
  --primary:#B71C24; --primary-dk:#8E1119; --gold:#A1711E; --gold-lt:#D9A441;
  --bg:#F5F0E6; --surface:#FFFFFF; --surface-2:#FAF7F0; --surface-3:#F0E9DA;
  --border:rgba(70,45,35,.12); --text:#2B1D1F; --text-muted:#7C6C6A;
  --green:#2F7D4F; --red:#C03A33; --blue:#2F63B0; --yellow:#B7791F; --radius:12px;
}
body { background:var(--bg); color:var(--text); }
.sidebar { background:linear-gradient(180deg,#2A1220,#1E0D18); border-right:0; }
.sidebar-logo { border-bottom:1px solid rgba(255,255,255,.1); padding:1.1rem 1.1rem .9rem; display:block }
.sidebar-logo img { height:40px; display:block } .sidebar-logo small { color:#C9B28A; margin-top:.5rem; letter-spacing:.08em; text-transform:uppercase; font-size:.6rem }
.nav-group-label { color:#9C8A7A } .nav-item { color:#D9CDBE } .nav-item:hover { background:rgba(255,255,255,.07); color:#fff }
.nav-item.active { background:rgba(217,164,65,.2); color:#F6D58F }
.nav-badge { background:var(--primary) } .sidebar-footer { border-top:1px solid rgba(255,255,255,.1) } .user-name { color:#fff }
.topbar { box-shadow:0 1px 0 var(--border) } .breadcrumb span { color:var(--primary) }
.topbar-btn.primary, .btn-save { background:var(--primary); border-color:var(--primary); color:#fff } .topbar-btn.primary:hover, .btn-save:hover { background:var(--primary-dk) }
.stat-card, .table-card, .chart-card { box-shadow:0 1px 2px rgba(60,35,25,.05); border-radius:14px }
tr:hover td { background:#FCFAF5 } th { background:#FAF7F0 }
.login-overlay { background:linear-gradient(135deg,#2A1220,#4A1621) } .login-box { box-shadow:0 20px 60px rgba(0,0,0,.35); border:0 }
.login-box .login-logo img { height:64px; display:block; margin:0 auto .4rem }
.modal-overlay { background:rgba(30,15,20,.55) } .admin-toast { background:#2A1220; color:#fff }
.hidden { display:none }

/* KPI strip */
.kpi-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; margin-bottom:1.2rem }
.kpi { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1rem 1.1rem; position:relative; overflow:hidden }
.kpi small { display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.09em; color:var(--text-muted); font-weight:600 }
.kpi b { display:block; font-size:1.65rem; margin:.25rem 0 .15rem; font-family:'Cormorant Garamond',serif; font-weight:700 }
.kpi .d { font-size:.74rem; font-weight:600 } .kpi .d.up { color:var(--green) } .kpi .d.down { color:var(--red) } .kpi .d.flat { color:var(--text-muted) }
.alert-row { display:flex; flex-wrap:wrap; gap:.7rem; margin-bottom:1.2rem }
.alert-chip { display:flex; align-items:center; gap:.5rem; padding:.55rem .9rem; border-radius:999px; font-size:.8rem; font-weight:600; cursor:pointer; border:1px solid; background:#fff }
.alert-chip.warn { color:#8A5A0B; border-color:#EBD08F; background:#FFF8E5 } .alert-chip.bad { color:#8E1119; border-color:#F0B9B6; background:#FFF1F0 } .alert-chip.ok { color:#1F5B38; border-color:#B9DEC8; background:#F0FAF4 }
.grid-2 { display:grid; grid-template-columns:2fr 1fr; gap:1rem; margin-bottom:1.2rem } @media(max-width:1000px){ .grid-2 { grid-template-columns:1fr } }
.panel { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1.1rem 1.2rem } .panel h3 { font-size:.88rem; margin-bottom:.8rem; display:flex; justify-content:space-between; align-items:center }
.trend { display:flex; align-items:flex-end; gap:6px; height:150px } .trend .b { flex:1; background:linear-gradient(180deg,var(--gold-lt),var(--gold)); border-radius:5px 5px 0 0; min-height:3px; position:relative }
.trend .b:hover { background:var(--primary) } .trend-l { display:flex; gap:6px; margin-top:.4rem } .trend-l span { flex:1; text-align:center; font-size:.6rem; color:var(--text-muted) }
.funnel-row { display:flex; align-items:center; gap:.6rem; font-size:.78rem; margin:.4rem 0 } .funnel-row .bar { height:9px; border-radius:6px; background:var(--gold); flex:none } .funnel-row span:first-child { width:110px; color:var(--text-muted) }
.mini-table { width:100%; font-size:.8rem } .mini-table td, .mini-table th { padding:.45rem .3rem; border-bottom:1px solid var(--border); background:none } .mini-table th { font-size:.65rem }

/* order list */
.tabs { display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:.9rem }
.tab { padding:.45rem .9rem; border-radius:999px; font-size:.8rem; font-weight:600; background:#fff; border:1px solid var(--border); color:var(--text-muted) }
.tab.on { background:var(--primary); color:#fff; border-color:var(--primary) } .tab i { font-style:normal; opacity:.75; margin-left:.3rem }
.filters { display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:1rem; align-items:center }
.filters input, .filters select { padding:.5rem .7rem; border:1px solid var(--border); border-radius:9px; background:#fff; font-size:.8rem; color:var(--text) }
.pill { display:inline-block; padding:.18rem .6rem; border-radius:999px; font-size:.7rem; font-weight:700; white-space:nowrap }
.pill.green { background:#E3F4EA; color:#1F5B38 } .pill.red { background:#FDE8E6; color:#8E1119 } .pill.yellow { background:#FFF3D6; color:#7A5B12 } .pill.blue { background:#E6EEF9; color:#26467A } .pill.grey { background:#EEE8DC; color:#6A5B50 }
.row-click { cursor:pointer } .row-click:hover td { background:#FFF9EC }
.pager { display:flex; justify-content:space-between; align-items:center; padding:.8rem 1rem; font-size:.8rem; color:var(--text-muted) }
.pager button { padding:.35rem .8rem; border:1px solid var(--border); border-radius:8px; background:#fff }

/* drawer */
.drawer-bg { position:fixed; inset:0; background:rgba(30,15,20,.5); z-index:120; display:none } .drawer-bg.open { display:block }
.drawer { position:fixed; top:0; right:0; bottom:0; width:min(560px,100%); background:#fff; z-index:121; transform:translateX(100%); transition:transform .22s; overflow-y:auto; box-shadow:-10px 0 40px rgba(0,0,0,.2) }
.drawer.open { transform:none } .drawer-h { position:sticky; top:0; background:#fff; padding:1rem 1.3rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:flex-start; z-index:2 }
.drawer-h h2 { font-size:1.25rem } .drawer-b { padding:1.1rem 1.3rem 3rem } .drawer .sec { margin-bottom:1.4rem } .drawer .sec h4 { font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.55rem }
.drawer .kv { display:flex; justify-content:space-between; gap:1rem; font-size:.84rem; padding:.2rem 0 } .drawer .kv.t { border-top:1px dashed var(--border); margin-top:.3rem; padding-top:.5rem; font-weight:700 }
.drawer input, .drawer select, .drawer textarea { width:100%; padding:.55rem .7rem; border:1px solid var(--border); border-radius:9px; font:inherit; font-size:.85rem; background:#fff; color:var(--text) }
.drawer .two { display:grid; grid-template-columns:1fr 1fr; gap:.6rem } .drawer .btn { padding:.55rem 1rem; border-radius:9px; font-weight:600; font-size:.82rem; border:1px solid var(--border); background:#fff }
.drawer .btn.p { background:var(--primary); color:#fff; border-color:var(--primary) } .drawer .btn.d { color:var(--red); border-color:#F0B9B6 } .drawer .btns { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.6rem }
.tl2 { list-style:none; border-left:2px solid var(--border); margin-left:.4rem } .tl2 li { position:relative; padding:0 0 .9rem 1rem; font-size:.8rem } .tl2 li::before { content:''; position:absolute; left:-6px; top:.25rem; width:10px; height:10px; border-radius:50%; background:var(--gold); border:2px solid #fff }
.tl2 small { color:var(--text-muted); display:block } .tl2 .priv { opacity:.65 }

/* ads / coupons cards */
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem }
.wcard { background:#fff; border:1px solid var(--border); border-radius:14px; overflow:hidden; display:flex; flex-direction:column } .wcard img { width:100%; height:130px; object-fit:cover; background:#F2EBDD }
.wcard .b { padding:.9rem 1rem; flex:1 } .wcard h4 { font-size:.95rem; margin:.2rem 0 } .wcard .m { font-size:.74rem; color:var(--text-muted) } .wcard .st { display:flex; gap:1rem; margin:.6rem 0; font-size:.8rem } .wcard .st b { display:block; font-size:1.1rem }
.wcard .f { display:flex; gap:.4rem; padding:.7rem 1rem; border-top:1px solid var(--border) } .wcard .f button { font-size:.76rem; padding:.3rem .7rem; border:1px solid var(--border); border-radius:8px; background:#fff }
.set-card { background:#fff; border:1px solid var(--border); border-radius:14px; padding:1.2rem 1.3rem; margin-bottom:1rem } .set-card h3 { font-size:1rem; margin-bottom:.2rem } .set-card > p { font-size:.8rem; color:var(--text-muted); margin-bottom:1rem }
.hint { font-size:.72rem; color:var(--text-muted); margin-top:.25rem } .warn-box { background:#FFF8E5; border:1px solid #EBD08F; border-radius:10px; padding:.7rem .9rem; font-size:.8rem; margin-bottom:1rem; color:#7A5B12 }

.table-card.half table { min-width: 0 }
@media (max-width: 900px) { #page-chakki .grid2 { grid-template-columns: 1fr !important } }
@media print { .sidebar, .topbar, .filters, #page-chakki .table-card:nth-of-type(n+3) { display: none !important } }
@media print{.page#page-mobileapp *{visibility:hidden}#qrPrint,#qrPrint *{visibility:visible}#qrPrint{position:fixed;left:0;top:0;width:100%;box-shadow:none;border:0}.no-print{display:none!important}}
.bs-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border,#EFE6D3)}.bs-row:last-child{border:0}
.bs-row img{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#F6EFE2;flex:none}.bs-row .n{flex:1;min-width:0}.bs-row .n b{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-row .n small{color:var(--text-muted);font-size:.72rem}
.bs-row .rk{width:26px;text-align:center;font-weight:800;color:var(--primary)}.bs-row button{border:1px solid var(--border,#E5DAC4);background:#fff;border-radius:8px;width:30px;height:30px;cursor:pointer}.bs-row button.add{width:auto;padding:0 .8rem;font-weight:700;background:var(--primary);color:#fff;border-color:var(--primary)}
.bs-row button:disabled{opacity:.35;cursor:default}
@media(max-width:1000px){#page-bestsellers .settings-grid,#page-mobileapp .settings-grid{grid-template-columns:1fr!important}}
.flow-legend{background:#FBF6EC;border-radius:12px;padding:.7rem 1rem;font-size:.85rem;margin-bottom:.8rem;line-height:1.9}.flow-legend span{white-space:nowrap}
.flow-sum{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem}
.flow-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:.8rem;overflow-x:auto;align-items:start}
.fcol{background:#F6F1E7;border-radius:14px;padding:.7rem;border-top:4px solid #C6813A}.fcol.bad{border-color:#E05C5C}.fcol.ok{border-color:#2F7D4F}.fcol.info{border-color:#4A7BC8}
.fcol-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}
.fcard{background:#fff;border-radius:10px;padding:.6rem .7rem;margin-bottom:.5rem;font-size:.8rem;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08);line-height:1.5}
.fstep{display:flex;justify-content:space-between;margin:.3rem 0 .6rem}.fs{flex:1;text-align:center;font-size:.62rem;color:#9A8F80;position:relative}
.fs i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E3D9C6;margin:0 auto 3px;font-style:normal;font-weight:700;position:relative;z-index:1}
.fs::before{content:"";position:absolute;top:10px;left:-50%;width:100%;height:2px;background:#E3D9C6}.fs:first-child::before{display:none}
.fs.done i,.fs.done::before,.fs.now::before{background:#2F7D4F;color:#fff}.fs.now i{background:#B71C24;color:#fff}.fs.now{color:#B71C24;font-weight:700}.fs em{font-style:normal}
.fnext{background:#FBF6EC;border-radius:10px;padding:.5rem .7rem;font-size:.85rem}
@media(max-width:900px){.flow-board{grid-template-columns:repeat(5,250px)}}
.fcard select{min-width:0;width:100%}.fcard .btn{white-space:nowrap;padding:.35rem .7rem}.fcol{min-width:0}