/* فقط رنگ و فونت — ظاهر نهایی بعداً اینجا عوض می‌شود. فونت وزیرمتن لوکال در fonts/ */
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--c-bg:#1c1220;--c-card:#2d1e2f;--c-card2:#3a2640;--c-main:#4e2a4f;--c-main2:#7a4580;--c-text:#f0e9f2;--c-muted:#a294ab;--c-ok:#5cbb8f;--c-bad:#ff8a7a;--c-gold:#d9a441;--font:Vazirmatn,Tahoma,sans-serif}

/* ---- دفتر چک‌ها ---- */
.cq-tabs{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
.cq-tabs button{background:var(--c-card2);color:var(--c-muted);border:1px solid var(--c-main);border-radius:10px;padding:8px 14px;font:inherit;font-size:.9rem}
.cq-tabs button.on{background:var(--c-main2);color:#fff;font-weight:700}
.cq-sum{color:var(--c-muted);font-size:.9rem;margin:8px 0}
.cq-sum b{color:var(--c-gold)}
.cq-wrap{overflow:auto;max-height:62vh;border-radius:12px;border:1px solid var(--c-main);-webkit-overflow-scrolling:touch}
.cq-tbl{width:100%;border-collapse:collapse;font-size:.85rem;min-width:640px}
.cq-tbl th{background:var(--c-main);color:#fff;padding:9px 8px;white-space:nowrap;position:sticky;top:0;z-index:2}
.cq-tbl td:first-child,.cq-tbl th:first-child{position:sticky;right:0;background:var(--c-main);color:#fff;font-weight:700;z-index:1;min-width:52px;text-align:center}
.cq-tbl thead th:first-child{z-index:3}
.cq-tbl td{padding:8px;border-top:1px solid var(--c-card2);white-space:nowrap}
.cq-tbl tbody tr:nth-child(even){background:var(--c-card2)}
.cq-tbl td.amt{color:var(--c-gold);font-weight:700}
.cq-tbl td.empty{text-align:center;color:var(--c-muted);padding:20px}
.cq-tbl .mini{background:transparent;border:1px solid var(--c-bad);color:var(--c-bad);border-radius:8px;padding:3px 10px;font:inherit;font-size:.78rem}

/* نشان آنلاین بودن کاربر */
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c-muted);margin-inline-end:4px;vertical-align:middle}
.dot.on{background:#4caf50;box-shadow:0 0 6px #4caf50}