/* تم پنل مدیریت — مشکی / سفید / نارنجی (هم‌سبک سیو مارک) */
:root{--paper:#FFFFFF; --forest:#0A0A0A; --sage:#767676; --bg:#F3F3F1; --gold:#FF5A14; --card:#FFFFFF;
      --ink2:#161616; --line:#262626; --or:#FF5A14; --or-d:#D94700; --bd:#E2E2DE;}
body.adm{background:var(--bg); color:var(--forest); padding:28px 34px 60px; padding-right:calc(240px + 34px); min-height:100vh;}
svg{flex:none}
/* ---- منوی کناری ---- */
.adm-side{position:fixed; top:0; right:0; bottom:0; width:240px; background:#0A0A0A; color:#fff; padding:24px 14px; display:flex; flex-direction:column; gap:4px; z-index:20; overflow-y:auto}
.adm-brand{display:flex; align-items:center; gap:12px; padding:0 8px 20px; border-bottom:1px solid var(--line); margin-bottom:12px}
.adm-brand img{width:28px; height:auto}
.adm-brand b{font-size:15px; font-weight:900; letter-spacing:.3px; display:block}
.adm-brand small{display:block; font-size:11px; color:#8a8a8a; font-weight:500; margin-top:2px}
.adm-nav{display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:4px; color:#b5b5b5; font-size:13.5px; font-weight:700; border-right:3px solid transparent; text-decoration:none}
.adm-nav svg,.adm-bnav svg{width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.adm-nav:hover{background:var(--ink2); color:#fff}
.adm-nav.on{background:var(--ink2); color:#fff; border-right-color:var(--or)}
.adm-nav.on svg{stroke:var(--or)}
.adm-bd{margin-right:auto; background:var(--or); color:#fff; font-style:normal; font-size:11px; font-weight:800; border-radius:20px; padding:1px 8px}
.adm-sp{flex:1}
.adm-bnav{display:none}
/* ---- عنوان صفحه ---- */
body.adm .topbar h1{font-size:24px; font-weight:900; letter-spacing:-.3px}
body.adm .topbar h1::before{content:""; display:inline-block; width:10px; height:10px; background:var(--or); margin-left:10px; border-radius:2px}
body.adm .nav-links, body.adm .topbar .links a, body.adm .topbar > div:not(.links) > a{display:none}
body.adm .topbar .links{gap:0}
body.adm .wrap{max-width:900px; margin:0}
body.adm .list{margin:0; max-width:620px}
/* ---- کارت‌ها و فرم‌ها ---- */
body.adm .card, body.adm .stat-card, body.adm .debt-customer{background:#fff; border:1px solid var(--bd); border-radius:6px; box-shadow:none}
body.adm:not(.x2) table{border-radius:6px; border:1px solid var(--bd)}
body.adm:not(.x2) td, body.adm:not(.x2) th{border-bottom-color:var(--bd)}
body.adm:not(.x2) th{color:var(--sage)}
body.adm:not(.x2) input, body.adm:not(.x2) select, body.adm:not(.x2) textarea{border:1px solid var(--bd); border-radius:4px; background:#fafaf8}
body.adm:not(.x2) input:focus, body.adm:not(.x2) select:focus, body.adm:not(.x2) textarea:focus{outline:2px solid var(--or); border-color:transparent}
body.adm:not(.x2) button, body.adm:not(.x2) .btn, body.adm:not(.x2) .save-btn{border-radius:4px; background:var(--forest); color:#fff}
body.adm:not(.x2) button:hover:not(:disabled){background:var(--or-d)}
body.adm:not(.x2) button.danger, body.adm:not(.x2) .btn-cancel, body.adm:not(.x2) .btn-unpaid, body.adm:not(.x2) .remove-btn{background:#fff; color:#C62828; border:1px solid #C62828}
body.adm:not(.x2) button.danger:hover, body.adm:not(.x2) .btn-cancel:hover, body.adm:not(.x2) .btn-unpaid:hover{background:#C62828; color:#fff}
body.adm:not(.x2) .btn-advance, body.adm:not(.x2) .btn-paid{background:var(--or); color:#fff}
body.adm:not(.x2) .btn-advance:hover, body.adm:not(.x2) .btn-paid:hover{background:var(--or-d)}
body.adm:not(.x2) .btn-edit{background:#fff; color:var(--forest); border:1px solid var(--forest); border-radius:4px}
body.adm:not(.x2) .btn-edit:hover{background:var(--forest); color:#fff}
body.adm .note-box, body.adm .sound-banner{background:#FFEDE3; color:#B43A00; border-radius:4px}
body.adm .flash{background:#DDF3E7; color:#137a44; border-radius:4px}
body.adm .flash.danger{background:#FFE5E5; color:#C62828}
body.adm .badge.on{background:#DDF3E7; color:#137a44}
/* ---- کارت سفارش (آشپزخانه و منتظر پرداخت) ---- */
body.adm .list .card{border:1px solid var(--bd); border-right:4px solid var(--or)}
body.adm .total-row{border-top:1px dashed var(--bd)}
@keyframes flash-alert{0%,100%{background:var(--bg);} 50%{background:#FFE0D0;}}
/* ---- حسابداری ---- */
body.adm .stats-row .stat-card:first-child{background:#0A0A0A; border-color:#0A0A0A; color:#fff}
body.adm .stats-row .stat-card:first-child .l, body.adm .stats-row .stat-card:first-child .v2{color:#9a9a9a}
body.adm .stats-row .stat-card:first-child .v{color:var(--or)}
body.adm .stat-card .v{font-weight:900; font-size:24px}
body.adm .section h2{font-weight:900}
body.adm:not(.x2) .btn-mini-paid{background:var(--forest); border-radius:4px}
body.adm .debt-customer .hd .amt{color:var(--or-d)}
/* ---- ویرایش سفارش ---- */
body.adm .item-row .qty-box button{background:#eee; color:#0A0A0A; border-radius:50%}
body.adm .add-item-row button{background:var(--forest); color:#fff}
/* ---- داشبورد ---- */
.d-top{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:24px}
.d-top h1{font-size:26px; font-weight:900; letter-spacing:-.3px}
.d-top h1::before{content:""; display:inline-block; width:10px; height:10px; background:var(--or); margin-left:10px; border-radius:2px}
.d-top p{font-size:12.5px; color:var(--sage); margin-top:4px}
.d-btn{background:var(--or); color:#fff; border-radius:4px; padding:11px 18px; font-weight:800; font-size:13px; display:inline-flex; gap:8px; align-items:center; text-decoration:none}
.d-btn svg{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2}
.d-btn:hover{background:var(--or-d)}
.d-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px}
.d-stat{background:#fff; border:1px solid var(--bd); border-radius:6px; padding:18px; display:block; text-decoration:none; color:inherit}
.d-stat span{font-size:12px; color:var(--sage); font-weight:700}
.d-stat b{display:block; font-size:25px; font-weight:900; margin:8px 0 2px}
.d-stat small{font-size:11.5px; color:var(--sage)}
.d-stat.hot{background:#0A0A0A; border-color:#0A0A0A; color:#fff}
.d-stat.hot span, .d-stat.hot small{color:#9a9a9a}
.d-stat.hot b{color:var(--or)}
.d-stat.warn b{color:var(--or-d)}
.d-sec{display:flex; justify-content:space-between; align-items:center; margin:26px 0 12px}
.d-sec h2{font-size:15px; font-weight:900}
.d-sec a{font-size:12px; color:var(--or-d); font-weight:800; text-decoration:none}
.d-tiles{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.d-tile{background:#fff; border:1px solid var(--bd); border-radius:6px; padding:20px; transition:.15s; display:block; text-decoration:none; color:inherit}
.d-tile:hover{border-color:var(--forest); transform:translateY(-2px)}
.d-tile .ic{width:42px; height:42px; background:#0A0A0A; color:#fff; border-radius:4px; display:flex; align-items:center; justify-content:center; margin-bottom:14px}
.d-tile:hover .ic{background:var(--or)}
.d-tile .ic svg{width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.d-tile h3{font-size:14.5px; font-weight:900; margin-bottom:4px}
.d-tile p{font-size:12px; color:var(--sage); line-height:1.7}
.d-panel{background:#fff; border:1px solid var(--bd); border-radius:6px}
.d-bars{display:flex; align-items:flex-end; gap:10px; height:130px; padding:18px 18px 30px}
.d-bars div{flex:1; background:#0A0A0A; border-radius:3px 3px 0 0; position:relative; min-height:3px}
.d-bars div.t{background:var(--or)}
.d-bars em{position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); font-size:10.5px; color:var(--sage); font-style:normal; white-space:nowrap}
.d-row{display:flex; align-items:center; gap:14px; padding:14px 18px; border-bottom:1px solid var(--bd)}
.d-row:last-child{border:0}
.d-row .n{font-weight:800; font-size:13.5px}
.d-row .s{font-size:12px; color:var(--sage)}
.d-row .gr{flex:1}
.d-pill{font-size:11.5px; font-weight:800; border-radius:20px; padding:3px 11px; background:#eee}
.d-pill.o{background:#FFE9DD; color:var(--or-d)}
.d-pill.g{background:#DDF3E7; color:#137a44}
.d-pill.k{background:#0A0A0A; color:#fff}
.d-pill.r{background:#FFE5E5; color:#C62828}
.d-empty{padding:22px; text-align:center; color:var(--sage); font-size:13px}
/* ---- ورود ---- */
body.adm-login{background:#0A0A0A; color:#fff}
body.adm-login .card{background:#141414; border:1px solid #262626; border-radius:6px}
body.adm-login .sub{color:#8a8a8a}
body.adm-login .field label{color:#b5b5b5}
body.adm-login .field input{background:#0A0A0A; border:1px solid #333; border-radius:4px; color:#fff}
body.adm-login .field input:focus{border-color:var(--or); outline:none}
body.adm-login .btn{background:var(--or); color:#fff; border-radius:4px}
body.adm-login .btn:hover{background:var(--or-d)}
/* ---- موبایل ---- */
@media(max-width:820px){
  .adm-side{display:none}
  body.adm{padding:18px 16px 96px}
  .d-stats{grid-template-columns:1fr 1fr}
  .d-tiles{grid-template-columns:1fr 1fr}
  .d-top h1{font-size:21px}
  .adm-bnav{display:flex; position:fixed; bottom:0; right:0; left:0; background:#0A0A0A; padding:8px 6px calc(8px + env(safe-area-inset-bottom)); z-index:30}
  .adm-bnav a{flex:1; color:#9a9a9a; display:flex; flex-direction:column; align-items:center; gap:3px; font-size:10.5px; font-weight:700; padding:6px 0; border-top:2px solid transparent; position:relative; text-decoration:none}
  .adm-bnav a.on{color:#fff; border-top-color:var(--or)}
  .adm-bnav a.on svg{stroke:var(--or)}
  .adm-bnav .adm-bd{position:absolute; top:0; right:50%; margin:0 -22px 0 0; font-size:10px; padding:0 5px}
}
/* جلوگیری از سرریز در موبایل */
body.adm:not(.x2) select, body.adm:not(.x2) input{max-width:100%; min-width:0}
body.adm .add-item-row select{min-width:0; width:100%}
body.adm .wrap, body.adm .list, body.adm .card{min-width:0}
.d-tiles{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.d-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.d-tiles{grid-template-columns:1fr 1fr}}