/* ===== نظام تصميم منسوخ من شاشات منصّة (فيديو 21-8) — RTL كامل ===== */
:root{
  --sb:#1a2332; --sb-text:#a7b1c2; --sb-active:#243447; --sb-accent:#1ab394;
  --bg:#f3f3f4; --card:#fff; --text:#222; --muted:#676a6c; --line:#e7eaec;
  --blue:#1c84c6; --green:#1ab394; --red:#ed5565; --yellow:#f8ac59; --navy:#0b2b4d;
  --teal:#4fc3b8; --teal-dark:#23a397; --orange:#e8a33d; --purple:#8e6bd6;
  --radius:12px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;font-size:13px}
a{color:var(--blue);text-decoration:none}
button,input,select,textarea{font-family:inherit;font-size:13px}
input,select,textarea{border:1px solid #d6dadf;border-radius:6px;padding:6px 8px;background:#fff;width:100%;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--teal-dark);box-shadow:0 0 0 2px rgba(79,195,184,.25)}
input[readonly]{background:#f4f5f7;color:#555}
h1{margin:0;font-size:26px;font-weight:600}
h2{font-size:22px;font-weight:600;margin:.2rem 0 .8rem}
h3{font-size:16px;font-weight:600;margin:.2rem 0 .6rem}

.app{display:flex;min-height:100vh}
/* ---------- الشريط الجانبي ---------- */
.sidebar{width:230px;background:var(--sb);color:var(--sb-text);flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .2s}
.app.sb-collapsed .sidebar{width:0;overflow:hidden}
.sb-user{padding:22px 18px 10px;text-align:right}
.sb-user-name{color:#fff;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}.sb-logo{width:44px;height:40px;object-fit:contain;background:#fff;border-radius:8px;padding:3px;flex:0 0 auto}
.sb-user-role{font-size:11px;color:#8b96a8}
.sb-nav{padding-bottom:40px}
.sb-sec{border-top:1px solid rgba(255,255,255,.04)}
.sb-sec-head{display:flex;align-items:center;gap:8px;padding:11px 18px;cursor:pointer;color:#dfe4ec;font-weight:600;font-size:13px}
.sb-sec-head:hover{background:var(--sb-active)}
.sb-sec-head .chev{margin-inline-start:auto;font-size:11px;transition:transform .2s;color:#8b96a8}
.sb-sec.open>.sb-sec-head .chev{transform:rotate(-90deg)}
.sb-sec-body{display:none;background:rgba(0,0,0,.18)}
.sb-sec.open>.sb-sec-body{display:block}
.sb-sub{padding:8px 30px 8px 10px;display:flex;gap:6px;align-items:center;cursor:pointer;color:#c6cdd8;font-size:12.5px}
.sb-sub:hover{color:#fff;background:var(--sb-active)}
.sb-sub.active{color:#fff;background:#101820;border-right:3px solid var(--sb-accent)}
.sb-sub .chev{margin-inline-start:auto;font-size:10px;color:#8b96a8}
.sb-sub3{padding:7px 42px 7px 10px;display:block;color:#b5bdc9;font-size:12px;cursor:pointer;line-height:1.35}
.sb-sub3:hover,.sb-sub3.active{color:#fff;background:#101820}
.sb-quick{padding:9px 18px 9px 10px;display:flex;gap:8px;color:#dfe4ec;cursor:pointer;font-size:12.5px;line-height:1.35}
.sb-quick:hover{background:var(--sb-active);color:#fff}
.sb-quick .bolt{color:#ffd166}
.sb-quick small{color:#8b96a8;display:block;font-size:11px}

/* ---------- الرأس ---------- */
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:8px 16px;min-height:50px}
.topbar-welcome{font-weight:600;color:#333}
.topbar-spacer{flex:1}
.top-link{color:#676a6c;font-size:12.5px}
.lang-select{width:auto;font-size:12px;padding:4px 8px}
.icon-btn{background:#fff;border:1px solid var(--line);border-radius:8px;width:34px;height:34px;cursor:pointer;color:#555;font-size:15px}
.icon-btn:hover{background:#f5f6f8}
.subbar{background:#fff;display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line)}
.btn-home{border:1px solid var(--green);color:var(--green);border-radius:8px;padding:6px 16px;font-weight:600}
.page-head{padding:20px 24px 12px;display:flex;justify-content:space-between}
.breadcrumb{font-size:12px;color:#888;margin-top:4px}
.breadcrumb a{color:#888}
.breadcrumb span{margin:0 6px}
.view{padding:0 16px 24px;flex:1}
.footer{background:#fff;border-top:1px solid var(--line);padding:8px 16px;display:flex;justify-content:space-between;font-size:12px;color:#777}
.footer .ver{color:var(--red)}

/* ---------- بطاقات وأزرار ---------- */
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.08);padding:16px;margin-bottom:14px}
.card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:15px}
.card-head .tools{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:wrap}
.btn{border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-weight:600;font-size:12.5px;color:#fff;background:#999;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.btn.blue{background:var(--blue)} .btn.green{background:var(--green)} .btn.red{background:var(--red)}
.btn.gray{background:#e9ecef;color:#444} .btn.navy{background:var(--navy)} .btn.teal{background:var(--teal-dark)} .btn.orange{background:var(--orange)}
.btn.outline{background:#fff;color:#444;border:1px solid #cfd4da}
.btn.sm{padding:3px 8px;font-size:11.5px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.big{width:100%;justify-content:center;padding:9px;font-size:13.5px}
.badge{display:inline-block;border-radius:10px;padding:2px 9px;font-size:11px;font-weight:700;color:#fff;min-width:34px;text-align:center}
.badge.green{background:var(--green)} .badge.gray{background:#b5bdc6} .badge.blue{background:var(--blue)} .badge.navy{background:var(--navy)}
.badge.yellow{background:#f5c518;color:#333} .badge.red{background:#c0392b} .badge.orange{background:var(--orange)}
.badge.pill{border-radius:14px;padding:3px 12px}
.k18{background:#c0392b} .k21{background:#0b2b4d} .k22{background:#9aa5b1} .k24{background:#f5c518;color:#333} .kkg{background:var(--blue)} .koz{background:var(--green)}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;background:#eef1f4;color:#333}
.chip.green{background:#e2f5ef;color:#0f7a5f} .chip.blue{background:#e3f0fa;color:#175e8e} .chip.red{background:#fde6e9;color:#b02a37}
.pos{color:#1a9a6c;font-weight:600} .neg{color:#d9534f;font-weight:600}
.muted{color:var(--muted)} .small{font-size:11.5px}
.num{font-family:Consolas,'IBM Plex Sans Arabic',monospace;text-align:center;direction:ltr}
.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:1fr 1fr} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;align-items:start}
.split.entry{grid-template-columns:300px 1fr}
.split-3{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:14px;align-items:start}
@media(max-width:1100px){.split,.split.entry,.split-3{grid-template-columns:1fr}}

/* ---------- جداول ---------- */
table{width:100%;border-collapse:collapse}
th{font-weight:600;color:#555;font-size:12px;padding:8px 6px;border-bottom:2px solid var(--line);text-align:center;white-space:nowrap}
td{padding:7px 6px;border-bottom:1px solid #eef0f2;text-align:center;vertical-align:middle}
td.r{text-align:right} th.r{text-align:right}
tr.selectable{cursor:pointer} tr.selectable:hover{background:#f6f8fa}
tr.selected{background:#e9edf4;outline:2px solid #c9d3e2;border-radius:10px}
tr.total td{font-weight:700;background:#f7f8fa}
tr.total-navy td{background:var(--navy);color:#fff;font-weight:700}
tr.total-teal td{background:var(--green);color:#fff;font-weight:700}
.scroll{overflow:auto;max-height:70vh}
.empty{text-align:center;color:#9aa3ad;padding:40px 10px;font-size:18px}
.list-count{font-size:11.5px;color:#888;margin:6px 0}
.doc-row .acct{display:inline-block;background:#e9edf4;border-radius:8px;padding:2px 10px;font-size:11.5px;font-weight:600}
.doc-row .acct-name{display:block;font-size:11px;color:#555;max-width:150px;white-space:normal}

/* ---------- الفلاتر ---------- */
.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.filters .search-row{display:flex;gap:0}
.filters .search-row input{border-radius:0 6px 6px 0}
.filters .search-row .btn{border-radius:6px 0 0 6px}

/* ---------- نموذج الإدخال (يمين ضيق) ---------- */
.entry-head{background:#fff;border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.08);padding:12px}
.entry-head .title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px}
.entry-head label{display:block;font-size:11.5px;color:#555;margin:8px 0 3px}
.f-mint input,.f-mint{background:#e9f7f1} .f-sky input,.f-sky{background:#e6f2fb} .f-lav input,.f-lav{background:#efe9f9} .f-peach input,.f-peach{background:#fdeee3}
.f-yellow{background:#e3c000!important;color:#222;font-weight:700}
.f-orange{background:var(--orange)!important;color:#fff;font-weight:600}
.f-orange::placeholder{color:#fff}
.balance-chips{display:flex;gap:6px;margin:6px 0}
.balance-chips .chip{flex:1;justify-content:space-between}
.acct-field{display:flex;gap:4px;align-items:center;position:relative}
.acct-field input{flex:1}
.acct-field .icon-btn{width:30px;height:30px;font-size:13px}
/* اقتراحات الحساب — بطاقة غنية */
.ac-list{position:absolute;top:100%;right:0;left:0;background:#fff;border:1px solid #d6dadf;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:50;max-height:340px;overflow:auto}
.ac-item{padding:8px 10px;border-bottom:1px solid #f0f2f4;cursor:pointer;text-align:right}
.ac-item:hover,.ac-item.active{background:#eef6ff}
.ac-item .t{font-weight:700} .ac-item .l{font-size:11px;display:flex;gap:10px;flex-wrap:wrap}
.ac-item .l .g{color:#1a9a6c} .ac-item .l .b{color:var(--blue)} .ac-item .l .o{color:#e07b00}
.ac-item .bal{font-size:11.5px;display:flex;gap:12px;margin-top:2px}

/* ---------- منطقة العمل التركوازية ---------- */
.work{background:var(--teal);border-radius:var(--radius);padding:14px;min-height:520px}
.work .card{margin-bottom:12px}
.row-editor{display:grid;gap:6px;align-items:end;margin-bottom:8px}
.row-editor label{font-size:11px;color:#555;display:block;margin-bottom:2px}
.sec-title{display:flex;align-items:center;gap:8px;margin:4px 0 8px}
.sec-title .btn{margin-inline-start:auto}
.del{color:var(--red);cursor:pointer;font-size:15px}
.totals-row td{font-weight:700;color:var(--blue)}
.balanced{background:var(--green);color:#fff;border-radius:10px;padding:1px 10px;font-size:11px}
.unbalanced{background:var(--red);color:#fff;border-radius:10px;padding:1px 10px;font-size:11px}

/* ---------- عارض المستند ---------- */
.viewer .toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.viewer .toolbar .title{margin-inline-start:auto;font-weight:600;color:#555;align-self:center}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12.5px}
.kv .k{color:#555;text-align:right} .kv .k::before{content:"ⓘ ";color:#aaa} .kv .v{text-align:left;font-weight:600}
.viewer h2{font-size:24px;color:#333}

/* ---------- الرئيسية ---------- */
.kpi{border-radius:14px;color:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-height:100px;position:relative}
.kpi .lbl{font-size:12px;opacity:.95} .kpi .val{font-size:30px;font-weight:700} .kpi .ico{position:absolute;left:16px;top:14px;font-size:26px;opacity:.9}
.kpi.teal{background:#20b2aa} .kpi.purple{background:#7e6bd4} .kpi.blue{background:#2c89c9}
.price-table td{padding:9px 6px;font-size:13px}
.donut-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;justify-content:flex-end}
.donut-legend span i{display:inline-block;width:22px;height:10px;margin-inline-start:4px;vertical-align:middle}

/* ---------- الدليل المحاسبي ---------- */
.tree-node{display:flex;align-items:center;gap:6px;border:1px solid #e3e6ea;border-radius:8px;padding:6px 10px;margin:3px 0;cursor:pointer;background:#fff}
.tree-node:hover{background:#f4f6f8} .tree-node.selected{background:#dfe5ee;font-weight:600}
.tree-node .fold{color:#7c8a99} .tree-node .nm{flex:1;text-align:right} .tree-node .cnt{font-size:10.5px;color:#999}
.tree-kids{margin-right:14px;border-right:1px dashed #d0d5db;padding-right:8px}
.acct-card-head{text-align:center;padding:14px 0 6px}
.acct-card-head .circle{width:70px;height:70px;border-radius:50%;background:#e9ecef;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#6b7785}
.big-balance{font-size:34px;font-weight:700;color:var(--green);text-align:center}
.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.mini-card{border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center}
.mini-card .v{font-size:17px;font-weight:700;color:#333} .mini-card .l{font-size:11px;color:#777}
.gauge{display:flex;gap:14px;align-items:center}
.gauge .lbl{font-size:12px;color:#555}
.detail-list{font-size:12.5px}
.detail-list div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #eee}
.detail-list div span:first-child{color:#666}

/* ---------- مودال ---------- */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100}
.modal{background:#fff;border-radius:12px;max-width:720px;width:95%;max-height:92vh;overflow:auto;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.modal .mh{padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600;display:flex;align-items:center}
.modal .mh .x{margin-inline-start:auto;cursor:pointer;color:#888;font-size:18px}
.modal .mb{padding:16px} .modal .mf{padding:10px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-start}
.modal.confirm{max-width:560px;text-align:center}
.modal.confirm .ico{font-size:64px;color:var(--red)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.form-grid label{font-size:11.5px;color:#555;display:block;margin-bottom:2px}
.form-grid .full{grid-column:1/-1}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}
.tabs div{padding:6px 14px;cursor:pointer;border-radius:6px 6px 0 0;color:#666}
.tabs div.active{background:#fff;border:1px solid var(--line);border-bottom-color:#fff;color:#222;font-weight:600}

/* ---------- توست ---------- */
#toastRoot{position:fixed;top:14px;left:14px;z-index:200;display:flex;flex-direction:column;gap:8px}
.toast{background:#fff;border-right:5px solid var(--green);box-shadow:0 6px 20px rgba(0,0,0,.15);border-radius:8px;padding:10px 14px;min-width:260px;font-weight:600;display:flex;gap:8px;align-items:center}
.toast.err{border-right-color:var(--red)}
.toast .x{margin-inline-start:auto;cursor:pointer;color:#999}

/* ---------- صفحة الخروج ---------- */
.logout{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.logout .art{font-size:90px;color:#c9d3e2}
.logout .links{font-size:12px;color:#888;display:flex;gap:14px}

/* ---------- وصول سريع ---------- */
.qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qa-item{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;gap:8px;align-items:center;cursor:pointer}
.qa-item.on{border-color:var(--green);background:#f0fbf7}
.perf-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
.bar{background:#e9ecef;border-radius:6px;height:10px;overflow:hidden} .bar i{display:block;height:100%;background:var(--green)}
.map-box{background:#dfe8ee;border-radius:12px;min-height:300px;display:flex;align-items:center;justify-content:center;color:#5d6e7b}
@media print{.sidebar,.topbar,.subbar,.footer{display:none!important}}

/* ---------- إعدادات المدير ---------- */
body.dense td{padding:3px 5px} body.dense th{padding:5px} body.dense .card{padding:10px;margin-bottom:10px} body.dense .kpi{min-height:70px} body.dense .kpi .val{font-size:22px}
body.ltr-shell .sb-sub.active{border-right:none;border-left:3px solid var(--sb-accent)}

@media print{.filters,.btn,.page-head .breadcrumb,.list-count{display:none!important} .card{box-shadow:none;border:none} .view{padding:0}}

.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.stat .v{font-family:Consolas,'Segoe UI',monospace;font-size:22px;font-weight:700;color:#222;direction:ltr;text-align:right}.stat .l{font-size:11.5px;color:#666;margin-top:2px}

/* ---------- كشوفات الشريف (إطار التقارير الموحّد) ---------- */
.rpt{background:#fff;border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.08);padding:0;overflow:hidden}
.rpt-head{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px 10px;border-bottom:2px solid var(--navy);background:#fafbfc}
.rpt-title{font-size:20px;font-weight:700;color:#222}
.rpt-criteria{font-size:12.5px;color:#555;margin-top:4px} .rpt-criteria .sep{margin:0 8px;color:#aaa}
.rpt-meta{font-size:11.5px;color:#666;text-align:left;line-height:1.7}
.rpt-filters{padding:10px 18px;border-bottom:1px solid var(--line);background:#fff}
.rpt-filters .row4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;margin-bottom:6px}
.rpt-filters .f2{grid-column:span 2}
.rpt-filters label{font-size:11.5px;color:#555;display:block;margin-bottom:3px}
.rpt-filters .opts{display:flex;gap:10px;flex-wrap:wrap;padding:6px 0} .rpt-filters .opts label{display:inline-flex;gap:4px;align-items:center;font-size:12px;margin:0;cursor:pointer} .rpt-filters .opts input{width:auto}
.rpt-filters .btns{display:flex;gap:6px;align-items:flex-end}
.icon-btn.xs{width:24px;height:24px;font-size:12px;vertical-align:middle}
.rpt-stats{display:grid;gap:8px;padding:10px 18px 0}
.rpt-table{padding:10px 18px 0;overflow:auto;max-height:62vh}
.rpt-table table{border-collapse:separate;border-spacing:0}
.rpt-table thead th{position:sticky;top:0;background:var(--navy);color:#fff;z-index:2;border-bottom:none;font-size:12px;padding:7px 6px}
.rpt-table thead tr:nth-child(2) th{top:31px;background:#2f4a6b}
.rpt-table th.grp{border-bottom:1px solid rgba(255,255,255,.35)}
.rpt-table tbody tr:nth-child(even){background:#f7f8fa}
.rpt-table td{padding:6px 6px;font-size:12.5px;border-bottom:1px solid #eef0f2;white-space:nowrap}
.rpt-table td.r{white-space:normal;max-width:360px}
.rpt-table td.b{font-weight:700}
.rpt-table .ref{color:var(--blue);font-family:Consolas,'Segoe UI',monospace;font-size:11.5px;direction:ltr;display:inline-block}
.rpt-table tr.open-row td{background:#eef3f8;font-weight:600}
.rpt-table tr.grp-row td{background:#e9ecef;font-weight:700;color:#333;text-align:right;padding:5px 10px}
.rpt-table tr.parent td{font-weight:700;background:#f1f3f5}
.rpt-table tfoot td{position:sticky;bottom:0}
.rpt-empty{text-align:center;color:#9aa3ad;padding:40px;font-size:16px}
.rpt-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:#fafbfc;margin-top:10px}
.rpt #rptBody .card{box-shadow:none;margin:0;padding:10px 18px}
.rpt #rptBody .filters{grid-template-columns:repeat(4,1fr)}
@media print{.rpt-actions,.rpt-filters{display:none!important}.rpt-table{max-height:none;overflow:visible}.rpt-table thead th{position:static;background:#eee;color:#000}}

tr.checked td{background:#eef9f3!important;text-decoration:none;color:#2d6a4f}

.chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px;align-items:center}

/* صندوق وسوم الحسابات — الشرائح تتراصّ داخل الحقل نفسه */
.tagbox{border:1px solid #d6dadf;border-radius:6px;padding:4px 6px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:38px;background:#fff;cursor:text}
.tagbox:focus-within{border-color:var(--teal-dark);box-shadow:0 0 0 2px rgba(79,195,184,.25)}
.tagbox input{border:none!important;box-shadow:none!important;padding:4px 2px;min-width:160px;width:100%}
.tagbox .chips{display:contents}
.tag{display:inline-flex;align-items:center;gap:6px;background:#eef1f4;border:1px solid #d6dadf;border-radius:4px;padding:2px 8px;font-size:12px;white-space:nowrap}
.tag .x{cursor:pointer;color:#888;font-size:14px;line-height:1} .tag .x:hover{color:var(--red)}

/* ---------- مركز المالك (الرئيسية) ---------- */
.kpi-strip{display:grid;grid-template-columns:repeat(6,1fr);margin-top:12px;border-top:2px solid var(--navy)}
.kpi-o{padding:12px 14px;border-inline-start:1px solid var(--line)} .kpi-o:first-child{border-inline-start:none}
.kpi-o .v{font-size:24px;font-weight:700;letter-spacing:-.3px;color:#222} .kpi-o .l{font-size:11.5px;color:#666;margin-top:3px;line-height:1.4}
table.fin-mini td{padding:5px 6px;font-size:12.5px} table.fin-mini tr.total td{font-weight:700;background:#f7f8fa;border-top:2px solid var(--navy)}
@media(max-width:1200px){.kpi-strip{grid-template-columns:repeat(3,1fr)}}

/* ---------- استعلام أرصدة الحسابات (F8) ---------- */
.f8{text-align:center;padding:6px 4px} .f8-ico{font-size:54px;color:#c9d3e2} .f8 h2{margin:4px 0 2px}
.f8-types{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:14px 0 10px}
.f8-type{border:1px solid var(--line);background:#f5f6f8;border-radius:8px;padding:6px 14px;cursor:pointer;font-weight:600;color:#444}
.f8-type.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.f8 #gsq{font-size:15px;padding:10px;text-align:right}
.f8-res{text-align:right;max-height:52vh;overflow:auto;margin-top:8px}
.f8-item{padding:9px 12px;border-bottom:1px solid #eef0f2;cursor:pointer;border-radius:6px}
.f8-item.on,.f8-item:hover{background:#e6f0fb}
.f8-item .t{font-weight:700;font-size:13.5px} .f8-item .l{display:flex;gap:14px;font-size:12px;margin:2px 0} .f8-item .l .g{color:var(--blue)} .f8-item .l .o{color:#e07b00}
.f8-item .bal{display:flex;gap:16px;font-weight:700;font-size:12.5px}

/* ---------- شريط التنقل السريع أعلى الصفحة (للمالك) ---------- */
.view-switch{display:flex;gap:4px;flex-wrap:wrap;margin-inline-start:8px}
.view-switch a{padding:5px 12px;border-radius:8px;font-size:12.5px;color:#444;border:1px solid transparent;font-weight:600}
.view-switch a:hover{background:#f1f3f5} .view-switch a.on{background:var(--navy);color:#fff}
.view-switch a.owner.on{background:#A8853B}

/* ---------- دخول بالدفتر ---------- */
.login-wrap{max-width:900px;margin:30px auto;text-align:center;background:#fff;border-radius:14px;padding:34px 28px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.login-logo{width:110px;margin-bottom:6px}
.login-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}
.login-opt{border:2px solid var(--line);border-radius:12px;padding:18px 10px;background:#fff;cursor:pointer;text-align:center;font-family:inherit}
.login-opt:hover{border-color:var(--navy)} .login-opt.on{border-color:#A8853B;background:#fbf7ee}
.login-opt .ico{font-size:34px} .login-opt .t{font-weight:700;font-size:15px;margin-top:6px;color:#222} .login-opt .d{font-size:11.5px;color:#666;margin-top:4px;line-height:1.4}
.scope-badge{background:#fbf7ee;border:1px solid #A8853B;color:#6b5520;border-radius:8px;padding:6px 12px;font-weight:600;font-size:12.5px;text-decoration:none;margin-inline-start:8px}
@media(max-width:1000px){.login-grid{grid-template-columns:repeat(2,1fr)}}
/* صفحة دخول مستقلة كاملة — بلا قائمة جانبية ولا أشرطة علوية ولا عنوان صفحة (طلب المالك 28-8) */
.app.login-mode .sidebar,.app.login-mode .topbar,.app.login-mode .subbar,.app.login-mode .page-head,.app.login-mode #breadcrumb,.app.login-mode .footer{display:none!important}
.app.login-mode .main{margin:0;width:100%}
.app.login-mode{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f3f3f4}
.app.login-mode .login-wrap{margin:0 auto;max-width:360px;width:100%}
.app.login-mode .login-user{margin-top:0!important}

/* ---------- ترقيم صفحات قوائم المستندات ---------- */
.pager{display:flex;gap:3px;align-items:center;flex-wrap:wrap;margin-top:10px;direction:rtl}
.pager .pg{border:1px solid var(--line);background:#fff;border-radius:4px;padding:4px 9px;font-size:12px;cursor:pointer;color:#333}
.pager .pg.on{background:var(--navy,#1f3b57);color:#fff;border-color:transparent}
.pager .pg:disabled{opacity:.45;cursor:default}

.login-opt.ext{text-decoration:none;color:inherit;border-style:dashed;display:block}

.cnt-batch td{background:#fbfaf4;border-bottom:1px dashed #e4e2d6} .cnt-batch-add td{background:#f6f7f2;padding:4px 6px}

/* ---------- وضع الخصوصية: تمويه العناصر المختارة فقط ---------- */
:root{--pv-blur:7px}
body.privacy .pv-blur{filter:blur(var(--pv-blur));user-select:none}
body.privacy #privacyBtn{background:#fde6e9;color:#8C3B2E;border-radius:6px;padding:2px 8px}

/* خيارات الطباعة (22-8-2026) — تتحكم بشكل الورقة فقط */
.print-opts{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:6px 0 10px;font-size:12px;color:#555;border-bottom:1px dashed var(--line);margin-bottom:8px}
.print-opts label{display:inline-flex;gap:4px;align-items:center;cursor:pointer;margin:0}
.print-opts input[type=checkbox]{width:auto;margin:0}
.print-opts select{font-size:12px;padding:2px 4px;width:auto}
@media print{
  .print-opts{display:none!important}
  tfoot td{position:static!important}
  .po-foot-once tfoot{display:table-row-group}
  .po-foot-none tfoot{display:none!important}
  .po-head-once thead{display:table-row-group}
  .po-no-hdr .sheet-hdr{display:none!important}
  .po-no-note .sheet-note{display:none!important}
  .po-no-meta .rpt-meta{display:none!important}
  .po-no-stats .rpt-stats,.po-no-stats .stats{display:none!important}
  .po-no-sig .sig-row{display:none!important}
}

/* بحث الأصناف الحي في سطر الفاتورة */
.dd-res{position:absolute;right:0;left:auto;min-width:440px;top:100%;z-index:50;background:#fff;border:1px solid #d6dadf;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12);max-height:300px;overflow:auto;text-align:right}
.dd-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;cursor:pointer;border-bottom:1px solid #f0f2f4;white-space:nowrap}
.dd-row:hover,.dd-row.act{background:#eef7f6}
.dd-name{font-weight:600}
.dd-meta{white-space:nowrap}

tr.editing td{background:#fff7e0}

/* ================= الجوال (طلب المالك 28-8: علي يستخدمه من الآيفون وهو طالع يبيع) ================= */
@media(max-width:800px){
  /* القائمة الجانبية: مخفية افتراضياً، وزر ☰ يفتحها كطبقة فوق المحتوى */
  .sidebar{position:fixed;inset-inline-start:0;top:0;z-index:200;width:0;overflow:hidden;box-shadow:-4px 0 20px rgba(0,0,0,.35)}
  .app:not(.sb-collapsed) .sidebar{width:250px;overflow-y:auto}
  .app:not(.sb-collapsed)::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:150}
  .main{width:100%}
  /* الأشرطة العلوية: مضغوطة، بلا عناصر ثانوية */
  .topbar{flex-wrap:nowrap;gap:8px;padding:6px 10px;overflow:hidden}
  .topbar-welcome{display:none!important}
  .lang-select{display:none}
  .topbar .top-link{font-size:11px;white-space:nowrap}
  /* على الجوال: نخفي الروابط الثانوية — يبقى ☰ والإعدادات وتسجيل الخروج */
  .topbar a[href="#/notifications"],#privacyBtn,#scopeBadge{display:none!important}
  .icon-btn{flex:0 0 auto}
  .subbar{flex-wrap:wrap;gap:6px;padding:6px 10px}
  .btn-home{font-size:11.5px;padding:4px 8px}
  .view-switch{overflow-x:auto;white-space:nowrap;max-width:100%;-webkit-overflow-scrolling:touch}
  .page-head{padding:10px 12px 6px;flex-direction:column;gap:4px}
  .page-head h1{font-size:19px}
  .view{padding:0 8px 20px}
  /* الشاشات المنقسمة عمود واحد */
  .split,.split.entry,.split-3{grid-template-columns:1fr}
  /* لا عنصر يفرض عرضاً أدنى يمدد الصفحة أفقياً (قوائم منسدلة بنصوص طويلة أساساً) */
  .split>*,.split-3>*,.grid>*,.card{min-width:0}
  select,input,textarea{max-width:100%}
  body{overflow-x:hidden}
  .kpi-strip{grid-template-columns:repeat(2,1fr)}
  .grid.grid-3,.grid[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  /* الجداول: تمرير أفقي داخل البطاقة بدل كسر الصفحة */
  .card{padding:10px}
  .card table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .filters{grid-template-columns:1fr!important;display:flex;flex-direction:column;gap:6px}
  .form-grid{grid-template-columns:1fr!important}
  input,select,button{font-size:16px!important}   /* يمنع iOS من تكبير الصفحة عند التركيز */
  .footer{flex-wrap:wrap;font-size:10.5px;gap:4px;padding:6px 10px}
}