@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700&display=swap');

/* ============ تم‌ها ============ */
:root,html[data-theme=light]{
 --bg:#f4f5f9;--sf:#ffffff;--sf2:#f1f2f7;--bd:#e1e4ee;--bd2:#c9cee0;--fld:#ffffff;
 --tx:#1b2033;--tx2:#5a6380;--tx3:#8b93ad;
 --ac:#5b2a86;--acbg:#ede4f7;--on:#ffffff;--tb:#ffffff;
 --good:#1a7f4b;--goodbg:#e3f4ea;--warn:#9a5b00;--warnbg:#fdf0d5;--bad:#b42318;--badbg:#fde8e6;
 --hl:#5b2a86;--tint:#f4f5f9;--shadow:0 12px 30px #1b203322;color-scheme:light}
html[data-theme=dark]{
 --bg:#0f1626;--sf:#172036;--sf2:#1d2740;--bd:#25314f;--bd2:#34406a;--fld:#0f1626;
 --tx:#e8ecf7;--tx2:#8fa0c4;--tx3:#6b7ba3;
 --ac:#2dd4bf;--acbg:#1f3a42;--on:#06201c;--tb:#0a101d;
 --good:#4ade80;--goodbg:#16352a;--warn:#fbbf24;--warnbg:#3a3120;--bad:#f87171;--badbg:#3a1f26;
 --hl:#2dd4bf;--tint:#ffffff0d;--shadow:0 12px 30px #0007;color-scheme:dark}

/* ============ پایه ============ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body,.body{margin:0;background:var(--bg);color:var(--tx);font-family:Vazirmatn,Tahoma,'Segoe UI',sans-serif;font-size:14px;line-height:1.7;direction:rtl}
h1,h2,h3,h4{color:var(--tx);font-weight:700;margin:0 0 8px}
h4{margin:20px 0 8px;font-size:15px}
a{color:var(--ac)}
img{max-width:100%}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.bad{color:var(--bad);font-weight:500}.warn{color:var(--warn);font-weight:500}.ok{color:var(--good)}

/* ============ نوار بالا ============ */
.tb{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:6px;height:56px;padding:0 16px;background:var(--tb);border-bottom:1px solid var(--bd)}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--ac);text-decoration:none;margin-left:14px;white-space:nowrap}
.brand .lg{width:30px;height:30px;border-radius:9px;background:var(--ac);color:var(--on);display:flex;align-items:center;justify-content:center;font-size:16px}
.nv{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.nv>a,.gp>button{display:flex;align-items:center;gap:4px;padding:7px 12px;border-radius:8px;border:0;background:none;color:var(--tx2);font:inherit;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:0;box-shadow:none}
.nv>a:hover,.gp>button:hover{background:var(--sf2);color:var(--tx)}
.nv>a.on,.gp.on>button{background:var(--acbg);color:var(--ac);font-weight:500}
.gp{position:relative}
.gp>button.dn::after{content:'';display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);margin:-3px 4px 0 0}
.dd{display:none;position:absolute;top:100%;right:0;min-width:230px;background:var(--sf);border:1px solid var(--bd2);border-radius:12px;padding:6px;box-shadow:var(--shadow);z-index:70}
.gp.open>.dd{display:block}
@media(hover:hover) and (min-width:901px){.gp:hover>.dd{display:block}}
.dd a{display:block;padding:8px 12px;border-radius:8px;color:var(--tx);text-decoration:none;font-size:13px;white-space:nowrap}
.dd a:hover{background:var(--sf2)}
.dd a.on{background:var(--acbg);color:var(--ac);font-weight:500}
.dd .ui{padding:8px 12px;font-size:12px;color:var(--tx2);border-bottom:1px solid var(--bd);margin-bottom:4px;white-space:normal;max-width:260px}
.tbr{display:flex;align-items:center;gap:6px;margin-right:auto}
.tbr .dd{right:auto;left:0}
.ib{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--bd2);background:transparent;color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:0}
.ib:hover{background:var(--sf2)}
.ib svg{width:18px;height:18px}
html[data-theme=dark] .i-moon,html:not([data-theme=dark]) .i-sun{display:none}
.av{width:30px;height:30px;border-radius:50%;background:var(--acbg);color:var(--ac);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.usr>button{padding:3px 6px 3px 10px}
#mb{display:none}
.bk{display:none}

/* ============ محتوا ============ */
article{max-width:1360px;margin:0 auto;padding:20px 20px 30px;min-height:calc(100vh - 110px);background:none;border:0;width:auto;height:auto}
.pg{padding:0}
footer{text-align:center;color:var(--tx3);font-size:12px;padding:12px;height:auto;width:auto;float:none;background:none;margin:0}
footer::before{content:'ترخیص‌یار · آروند تجارت اهورا'}
.card{background:var(--sf);color:var(--tx);border:1px solid var(--bd);border-radius:14px;padding:16px 18px;margin-bottom:16px;box-shadow:none}
.card>b:first-child{display:block;font-size:16px;font-weight:700;margin-bottom:10px}
.card>br{display:none}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.stats .card{margin:0;text-align:right}
.stats b{display:block;font-size:24px;font-weight:500;color:var(--hl);margin-bottom:2px}

/* ============ فرم‌ها ============ */
label{font-size:13px;color:var(--tx2)}
input,select,textarea{font:inherit;font-size:13px;color:var(--tx);background:var(--fld);border:1px solid var(--bd2);border-radius:8px;padding:6px 10px;min-height:36px;max-width:100%;margin:2px 4px;accent-color:var(--ac)}
input::placeholder,textarea::placeholder{color:var(--tx3)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:0;border-color:var(--ac)}
input[type=checkbox],input[type=radio]{min-height:0;width:auto;margin:0 4px;padding:0}
select option,select optgroup{background:var(--sf);color:var(--tx)}
button{font:inherit;font-size:13px;cursor:pointer;border-radius:8px;padding:6px 14px;min-height:36px;border:1px solid var(--bd2);background:transparent;color:var(--tx);box-shadow:none;transition:background .15s,filter .15s}
button:hover{background:var(--sf2)}
button[type=submit],form button:not([type]),button.pri{background:var(--ac);color:var(--on);border-color:transparent}
button[type=submit]:hover,form button:not([type]):hover,button.pri:hover{background:var(--ac);filter:brightness(1.1)}
.sm{padding:2px 10px;font-size:12px;min-height:28px}
.dl{color:var(--ac);border-color:var(--ac)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.fgrid label{display:block;margin-bottom:3px}
.fgrid input[type=text],.fgrid input[type=tel],.fgrid select{width:100%;margin:0}
.fgrid .w2{grid-column:1/-1}

/* ============ جدول‌های عریض ============ */
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--sf);border:1px solid var(--bd);border-radius:12px;overflow:hidden;font-size:13px;margin-bottom:16px}
.tbl th{background:var(--sf2);color:var(--tx2);font-weight:500;padding:10px;text-align:right;border-bottom:1px solid var(--bd);white-space:nowrap}
.tbl td{padding:9px 10px;color:var(--tx);text-align:right;border-bottom:1px solid var(--bd);vertical-align:middle}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl td.bad{color:var(--bad)}.tbl td.warn{color:var(--warn)}.tbl td.ok{color:var(--good)}.tbl td.bad,.tbl td.warn,.tbl td.ok{font-weight:500}
.tbl tbody tr:hover td{background:var(--sf2)}
.tbl tfoot th{border-top:1px solid var(--bd);border-bottom:0;color:var(--tx)}
.tbl button,.tbl select{margin:1px 2px;min-height:28px}
.tbl button{padding:2px 10px;font-size:12px}
.tbl select{padding:2px 8px}
.card table:not(.tbl){color:var(--tx)}

/* ============ واکنش‌گرا ============ */
@media(max-width:1100px){.usr .un{display:none}}
@media(max-width:900px){
 .tb{padding:0 10px}
 #mb{display:flex;margin-left:4px}
 .brand{margin-left:auto}
 .tbr{margin-right:0}
 .bk{display:block;position:fixed;top:56px;right:0;left:0;bottom:0;background:#0008;z-index:1;opacity:0;pointer-events:none;transition:.2s}
 body.nav .bk{opacity:1;pointer-events:auto}
 .nv{position:fixed;top:56px;right:0;bottom:0;width:min(320px,88vw);background:var(--sf);border-left:1px solid var(--bd);flex-direction:column;align-items:stretch;gap:2px;padding:10px;overflow-y:auto;transform:translateX(100%);transition:transform .25s;z-index:2;flex:none}
 body.nav .nv{transform:none}
 .nv>a,.gp>button{width:100%;padding:11px 12px;font-size:15px}
 .gp>button{justify-content:space-between}
 .gp>button.dn::after{margin:-3px 0 0 4px}
 .gp{position:static}
 .dd,.tbr .dd{position:static;box-shadow:none;border:0;background:none;padding:0 12px 6px}
 .gp:hover>.dd{display:none}
 .gp.open:hover>.dd,.gp.open>.dd{display:block}
 .tbr .gp{position:relative}
 .tbr .dd{position:absolute;left:0;right:auto;background:var(--sf);border:1px solid var(--bd2);border-radius:12px;box-shadow:var(--shadow);padding:6px}
 article{padding:14px 12px 24px}
 .card{padding:14px}
}
@media(max-width:820px){
 .tbl,.tbl tbody,.tbl tfoot,.tbl tr{display:block}
 .tbl{background:none;border:0;border-radius:0;overflow:visible}
 .tbl thead{display:none}
 .tbl tbody tr,.tbl tfoot tr{background:var(--sf);border:1px solid var(--bd);border-radius:12px;margin-bottom:10px;padding:6px 12px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
 .tbl td,.tbl th{display:block;border:0!important;padding:5px 0;min-width:0;word-break:break-word;background:none!important}
 .tbl td::before{content:attr(data-label);display:block;color:var(--tx2);font-size:11px}
 .tbl td[data-label=""]::before,.tbl td:not([data-label])::before{display:none}
 .tbl td[colspan],.tbl td:last-child,.tbl th[colspan]{grid-column:1/-1}
 .tbl td button{min-height:34px;margin:2px 4px 2px 0}
 .tbl tfoot th{color:var(--tx);font-weight:700}
 .tbl select{width:100%}
 form.card>input:not([type=checkbox]):not([type=radio]),form.card>select{display:block;width:100%;margin:2px 0 10px}
 form.card>button{margin-top:4px}
 .card table:not(.tbl) td{display:block;padding:2px 0}
 .card table:not(.tbl) input,.card table:not(.tbl) select{width:100%;margin:2px 0}
 .card input:not([type=checkbox]):not([type=radio]),.card select{max-width:100%}
}
@media(max-width:560px){
 .brand span.tx{display:none}
 input,select,textarea{font-size:16px}
 .stats{grid-template-columns:1fr 1fr}
 .stats b{font-size:20px}
 button{min-height:40px}
}

@media print{
 .tb,footer,.bk,button,#mb{display:none!important}
 body,.body{background:#fff!important;color:#000!important}
 .card,.tbl,.tbl td,.tbl th{background:#fff!important;color:#000!important;border-color:#999!important}
}