/* ===== Elovery — admin panel styles ===== */
:root{--ink:#1A1815;--muted:#8A8378;--line:#EEEAE1;--line2:#E8E4DC;--bg:#F6F4EF;--paper:#fff;--accent:#B26E45;--err:#B23A2A;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',system-ui,sans-serif;}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;}
h1,h2{font-family:var(--serif);font-weight:600;margin:0;}
a{color:var(--accent);text-decoration:none;} a:hover{text-decoration:underline;}
.muted{color:var(--muted);} .small{font-size:12px;} .center{text-align:center;}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;font:600 13px var(--sans);padding:12px 20px;cursor:pointer;}
.btn.sm{padding:8px 14px;font-size:12px;}
.btn-dark{background:var(--ink);color:#fff;} .btn-dark:hover{background:#33302a;text-decoration:none;}
.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line2);} .btn-outline:hover{text-decoration:none;border-color:var(--ink);}
.btn-block{display:flex;width:100%;}
.link-btn{background:none;border:0;color:var(--accent);font:600 12px var(--sans);cursor:pointer;padding:0;text-decoration:none;}
.link-btn.danger{color:var(--err);}
form.inline-form{display:inline-flex;gap:8px;align-items:center;}

/* top nav */
.adm-top{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;display:flex;align-items:center;gap:20px;padding:0 24px;height:60px;}
.adm-brand{color:#fff;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
.adm-brand span{color:var(--accent);font-size:13px;}
.adm-brand:hover{text-decoration:none;}
.adm-burger{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:22px;cursor:pointer;}
.adm-nav{display:flex;gap:6px;margin-left:auto;align-items:center;}
.adm-nav a{color:rgba(255,255,255,.7);font:600 12px var(--sans);padding:8px 12px;border-radius:8px;}
.adm-nav a:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none;}
.adm-nav a.on{color:#fff;background:rgba(255,255,255,.14);}
.adm-nav .adm-view{color:var(--accent);} .adm-nav .adm-logout{color:#fff;border:1px solid rgba(255,255,255,.25);}

.adm-main{max-width:1160px;margin:0 auto;padding:28px 24px 60px;}
.adm-h1{font-size:30px;margin-bottom:20px;}
.back-link{display:inline-block;margin-bottom:8px;font:600 12px var(--sans);}
.adm-flash{background:#EAF2E8;color:#3F6B3B;padding:12px 16px;border-radius:10px;margin-bottom:18px;font:600 13px var(--sans);}

/* cards + grid */
.adm-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:22px;}
.adm-card h2{font-size:19px;margin-bottom:14px;}
.adm-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.adm-card-head h2{margin:0;}
.adm-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
.adm-cols.wide-left{grid-template-columns:1.6fr 1fr;}

/* stats */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
.stat{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px;}
.stat-label{font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.stat-val{font:700 28px var(--sans);}
.stat-sub{font:500 12px var(--sans);color:var(--muted);}

/* tables */
.adm-table{width:100%;border-collapse:collapse;}
.adm-table th{text-align:left;font:600 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);}
.adm-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle;}
.adm-table tr:last-child td{border-bottom:0;}
.row-actions{display:flex;gap:12px;align-items:center;}
.pill{display:inline-block;padding:4px 10px;border-radius:100px;font:600 11px var(--sans);}

/* forms */
.adm-form{display:flex;flex-direction:column;gap:12px;}
.adm-form.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.adm-form.grid2 .col-2{grid-column:1/3;}
.adm-form label{display:flex;flex-direction:column;gap:6px;font:600 12px var(--sans);color:#5C574E;}
.adm-form label.check{flex-direction:row;align-items:center;gap:8px;}
.adm-form input,.adm-form select,.adm-form textarea{border:1px solid var(--line2);border-radius:10px;padding:11px 12px;font:500 14px var(--sans);color:var(--ink);background:#fff;outline:none;resize:vertical;}
.adm-form input:focus,.adm-form select:focus,.adm-form textarea:focus{border-color:var(--ink);}
.flags{display:flex;gap:20px;} .form-actions{display:flex;gap:10px;margin-top:6px;}
hr{border:0;border-top:1px solid var(--line);margin:6px 0;}
.preview-img{max-width:200px;border-radius:10px;border:1px solid var(--line);}

/* image strips */
.img-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.img-thumb{position:relative;width:100px;height:120px;border-radius:10px;overflow:hidden;border:1px solid var(--line);}
.img-thumb img{width:100%;height:100%;object-fit:cover;}
.img-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:100px;background:rgba(26,24,21,.75);color:#fff;cursor:pointer;font-size:14px;line-height:1;}

/* filters + chips */
.chip-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.adm-filter{margin-bottom:18px;}
.chip{border:1px solid var(--line2);background:#fff;color:#5C574E;border-radius:100px;padding:8px 14px;font:600 12px var(--sans);}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink);text-decoration:none;}
.chip:hover{text-decoration:none;}

/* summary */
.sum-rows{display:flex;flex-direction:column;gap:9px;margin-top:14px;}
.sum-rows>div{display:flex;justify-content:space-between;font:500 14px var(--sans);color:#5C574E;}
.sum-rows .disc{color:#3F6B3B;font-weight:600;}
.sum-rows .grand{font:700 18px var(--sans);color:var(--ink);border-top:1px solid var(--line);padding-top:10px;}
.adm-sum{max-width:300px;margin-left:auto;}

/* qr grid */
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;}
.qr-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;}
.qr-item img{width:100%;border-radius:8px;display:block;background:#faf9f6;}
.qr-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.qr-meta strong{font:700 13px var(--sans);}
.qr-dl{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;align-items:center;}

/* login */
.adm-login-body{display:flex;min-height:100vh;align-items:center;justify-content:center;background:var(--ink);}
.adm-login{background:#fff;border-radius:20px;padding:34px;width:340px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);}
.adm-login-brand{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center;}
.adm-login-brand span{color:var(--accent);font-size:15px;}
.adm-login label{display:flex;flex-direction:column;gap:6px;font:600 12px var(--sans);color:#5C574E;}
.adm-login input{border:1px solid var(--line2);border-radius:10px;padding:12px;font:500 14px var(--sans);outline:none;}
.adm-login input:focus{border-color:var(--ink);}
.adm-login-err{background:#FBEAE6;color:var(--err);padding:10px 12px;border-radius:8px;font:600 12px var(--sans);margin:0;}
.adm-login-hint{font:500 11px var(--sans);color:var(--muted);text-align:center;margin:0;}

@media(max-width:820px){
  .adm-burger{display:block;}
  .adm-nav{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;background:var(--ink);padding:12px 24px;margin:0;gap:2px;}
  .adm-nav.open{display:flex;}
  .adm-cols,.adm-cols.wide-left,.adm-form.grid2,.stat-grid{grid-template-columns:1fr;}
  .adm-form.grid2 .col-2{grid-column:1;}
}

/* ===== POS ===== */
.pos-wrap{display:grid;grid-template-columns:1fr 380px;gap:22px;align-items:start;}
.pos-picker{position:sticky;top:82px;}
.pos-search{width:100%;border:1px solid var(--line2);border-radius:12px;padding:14px 16px;font:600 15px var(--sans);outline:none;margin-bottom:14px;}
.pos-search:focus{border-color:var(--ink);}
.pos-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:62vh;overflow:auto;}
.pos-prod{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;cursor:pointer;transition:.12s;}
.pos-prod:hover{border-color:var(--ink);box-shadow:0 4px 12px -6px rgba(26,24,21,.3);}
.pos-prod:disabled{opacity:.4;cursor:not-allowed;}
.pos-prod .pp-name{font:600 13px var(--sans);line-height:1.25;}
.pos-prod .pp-meta{font:500 11px var(--sans);color:var(--muted);}
.pos-prod .pp-price{font:700 14px var(--sans);margin-top:2px;}
.pos-ticket{position:sticky;top:82px;}
.pos-cart{display:flex;flex-direction:column;gap:8px;max-height:34vh;overflow:auto;margin-bottom:10px;}
.pos-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);}
.pl-name{font:600 13px var(--sans);}
.pl-stepper{display:inline-flex;align-items:center;gap:8px;}
.pl-stepper button{width:28px;height:28px;border:1px solid var(--line2);background:#fff;border-radius:8px;font-size:15px;cursor:pointer;}
.pl-stepper b{min-width:20px;text-align:center;font:700 13px var(--sans);}
.pl-total{font:700 13px var(--sans);}
.pos-coupon{display:flex;gap:8px;margin-top:12px;}
.pos-coupon input{flex:1;border:1px solid var(--line2);border-radius:10px;padding:11px 12px;font:600 13px var(--sans);text-transform:uppercase;outline:none;}
.pos-pay{display:flex;gap:16px;margin:14px 0 6px;}
.pos-pay .check{flex-direction:row;align-items:center;gap:6px;}
#posCashBox label{margin-top:4px;}
.pos-change{font:500 13px var(--sans);color:#5C574E;margin:8px 0 0;}
.pos-cust{display:flex;gap:8px;margin:12px 0;}
.pos-cust input{flex:1;border:1px solid var(--line2);border-radius:10px;padding:11px 12px;font:500 13px var(--sans);outline:none;}
@media(max-width:820px){ .pos-wrap{grid-template-columns:1fr;} .pos-picker,.pos-ticket{position:static;} }

/* ===== Inventory module ===== */
.adm-subhead{font-size:20px;margin:26px 0 12px;}
.pos-loc-label{display:flex;flex-direction:column;gap:6px;font:600 12px var(--sans);color:#5C574E;margin-bottom:12px;}
.pos-loc-label select{border:1px solid var(--line2);border-radius:10px;padding:11px 12px;font:600 14px var(--sans);}
.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;}
.report-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--ink);}
.report-card:hover{border-color:var(--ink);text-decoration:none;box-shadow:0 6px 16px -10px rgba(26,24,21,.4);}
.report-card strong{font:600 15px var(--sans);}
.report-cta{margin-top:6px;font:600 12px var(--sans);color:var(--accent);}
.ledger-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.ledger-filters input,.ledger-filters select{border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font:500 13px var(--sans);outline:none;background:#fff;}
.stock-loc-box{margin-top:20px;border-top:1px solid var(--line);padding-top:16px;}
@media print{ .adm-top,.ledger-filters,.adm-flash{display:none!important;} .adm-main{padding:0;} .adm-card{border:0;padding:0;} }