/* ==== from index.html <style id="homeStyle"> (v435 split) ==== */
#page-home{padding:0 0 96px}
.hm-wrap{max-width:1100px;margin:0 auto;padding:14px 0 0;display:flex;flex-direction:column;gap:16px}
.hm-wrap>*{margin-bottom:0}
.hm-head-txt{flex:1;min-width:0}
.hm-eyebrow{font-size:.8rem;color:var(--muted);font-weight:700;margin-bottom:3px}
.hm-title{font-weight:900;font-size:1.45rem;color:var(--txt);letter-spacing:-.4px;line-height:1.15}
.hm-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.hm-hi{font-weight:900;font-size:1.3rem;color:var(--txt);letter-spacing:-.3px}
.hm-sub{font-size:.8rem;color:var(--muted);margin-top:3px;font-weight:600}
.hm-refresh{margin-inline-start:auto;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:var(--card-solid);color:var(--brand);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hm-refresh svg{width:19px;height:19px}
.hm-refresh.is-loading{opacity:.7;cursor:default;pointer-events:none}
.hm-refresh.is-loading svg{animation:auSpin .7s linear infinite;transform-origin:center}
.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;margin-bottom:18px}
.hm-stat{position:relative;text-align:right;border:1px solid var(--line);border-radius:18px;padding:15px 14px;background:var(--card-solid);cursor:pointer;font-family:inherit;overflow:hidden;transition:transform .1s,box-shadow .2s;box-shadow:var(--shadow-sm)}
.hm-stat:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(20,30,50,.3)}
.hm-stat:active{transform:translateY(0)}
.hm-stat::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--ac,var(--brand))}
.hm-stat-static{cursor:default}
.hm-stat-static:hover{transform:none;box-shadow:var(--shadow-sm)}
.hm-stat-static:active{transform:none}
.hm-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--ac,var(--brand));margin-bottom:10px}
.hm-ic svg{width:19px;height:19px}
.hm-v{font-weight:900;font-size:1.18rem;color:var(--txt);line-height:1.2;word-break:break-word}
.hm-l{font-size:.76rem;color:var(--muted);font-weight:700;margin-top:4px}
.hm-mini{font-size:1.18rem}
.hm-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;margin-bottom:12px}
.hm-panel{border:1px solid var(--line);border-radius:18px;padding:15px;background:var(--card-solid)}
.hm-ptitle{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.92rem;color:var(--txt);margin-bottom:12px}
.hm-ptitle svg{width:17px;height:17px;color:var(--brand)}
.hm-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hm-empty{color:var(--muted);font-size:.82rem;text-align:center;padding:20px 0}
.hm-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}
.hm-lg-item{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted);font-weight:700}
.hm-lg-dot{width:11px;height:11px;border-radius:3px;flex:0 0 auto}
.hm-panel .hm-grid{margin-bottom:0}
/* ===== لوحة تنفيذية — بطاقة مؤشرات الأداء (دائرتان) — عرض فقط، بلا حساب جديد ===== */
.exec-card{border-radius:24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -20px rgba(0,0,0,.28)}
.perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:2px}
.perf-cell{--tone:var(--brand);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(20px,2vw,24px) clamp(14px,2vw,20px);border-radius:20px;border:1px solid var(--ds-border);background:var(--ds-surface);box-shadow:0 8px 24px rgba(8,31,46,.05)}
.perf-title{font-weight:800;font-size:.95rem;color:var(--ds-text)}
.perf-ring{position:relative;width:128px;max-width:44vw;aspect-ratio:1}
.perf-ring svg{width:100%;height:100%;display:block;overflow:visible}
.perf-track{fill:none;stroke:var(--ds-surface-3);stroke-width:10}
/* دائرة التقدم: زمردية ثابتة (--ds-primary) + أطراف دائرية + توهج خفيف يجعلها تطفو فوق البطاقة */
.perf-arc{fill:none;stroke:var(--ds-primary);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 3px 7px color-mix(in srgb,var(--ds-primary) 40%,transparent));transition:stroke-dasharray .7s cubic-bezier(.4,0,.2,1)}
.perf-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.perf-pct{font-family:'Cairo',sans-serif;font-size:1.55rem;font-weight:800;letter-spacing:-.5px;color:var(--ds-text);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.perf-none-t{font-size:.82rem;font-weight:800;color:var(--muted);line-height:1.3}
.perf-word{font-size:.8rem;font-weight:800;color:var(--tone)}
.perf-cap{font-size:.74rem;color:var(--muted);font-weight:600}
.perf-good{--tone:var(--ok)}
.perf-bad{--tone:var(--bad)}
.perf-flat{--tone:var(--warn)}
.perf-none{--tone:var(--muted)}
.hm-section-title{font-weight:800;font-size:1.06rem;color:var(--txt);margin:8px 2px 12px;display:flex;align-items:center;gap:9px;letter-spacing:-.2px}
.hm-section-title::before{content:"";width:4px;height:19px;border-radius:3px;background:var(--brand);flex:0 0 auto}
@media(max-width:360px){.perf-ring{width:112px}.perf-pct{font-size:1.35rem}}
/* ===== بطاقة فلتر الفترة (السجل الشهري) — فصل بصري + نتائج تابعة داخلها ===== */
.period-card{border:1px solid var(--line);border-radius:20px;background:var(--card-solid);background:color-mix(in srgb,var(--brand) 4%,var(--card-solid));box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 26px -18px rgba(0,0,0,.20);padding:16px;margin:4px 0 16px}
.period-card-h{display:flex;align-items:center;gap:11px}
.period-card-ic{width:36px;height:36px;flex:0 0 auto;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}
.period-card-ic svg{width:18px;height:18px}
.period-card-tw{display:flex;flex-direction:column;gap:1px;min-width:0}
.period-card-t{font-weight:800;font-size:1rem;color:var(--txt);letter-spacing:-.2px}
.period-card-d{font-size:.76rem;color:var(--muted);font-weight:600}
.period-results{margin-top:14px}
.period-msg{padding:16px 12px;text-align:center;color:var(--muted);font-size:.86rem;font-weight:600;background:var(--card-solid);background:color-mix(in srgb,var(--txt) 3%,transparent);border:1px dashed var(--line);border-radius:14px}
.period-msg.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.period-block{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:12px;background:var(--card-solid)}
.period-sec-t{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.88rem;color:var(--txt);margin-bottom:6px}
.period-sec-t svg{width:16px;height:16px;color:var(--brand)}
.period-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--txt-soft)}
.period-row:last-child{border-bottom:none}
.period-row .v{font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums;white-space:nowrap}
.period-row .v small{font-weight:700;color:var(--muted);font-size:.72em}
.period-row.tot{color:var(--txt);border-top:1.5px solid var(--line);border-bottom:none;margin-top:2px;padding-top:9px}
.period-row.tot .v{color:var(--brand)}
.period-empty{padding:10px 2px;color:var(--muted);font-size:.84rem;font-weight:600;text-align:center}
.period-grand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--brand-soft);background:color-mix(in srgb,var(--brand) 12%,transparent);border:1px solid var(--line);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.period-grand .l{font-weight:800;font-size:.95rem;color:var(--txt)}
.period-grand .v{font-weight:900;font-size:1.15rem;color:var(--brand);font-variant-numeric:tabular-nums;white-space:nowrap}
/* حقلا تاريخ الفترة: التسمية أعلى الحقل تمامًا (بلا تراكب مهما طال التاريخ أو كبر الخط) — RTL + iOS */
.period-dates{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.period-date{display:flex;flex-direction:column;gap:6px}
.period-date-lbl{font-size:.8rem;font-weight:800;color:var(--txt-soft);padding-inline-start:2px}
.period-date .input{width:100%;box-sizing:border-box;border-radius:var(--radius-sm)}
/* داخل النوافذ (.mdl) يفرض .mdl .input زاوية 12px؛ نُبقي مكوّن التاريخ مطابقًا لحقول التقارير (14px) في كل مكان */
.mdl .period-date .input{border-radius:var(--radius-sm)}
/* أخفِ نص التاريخ الأصلي (المتصفح) عند عدم التركيز؛ يظهر فقط النص النظيف date-val أو التلميح date-ph — بلا تراكب */
.period-date .date-wrap .input[type="date"]:not(:focus)::-webkit-datetime-edit{color:transparent}
.hm-insights{display:flex;flex-direction:column;gap:8px}
.hm-insight{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg2);border-inline-start:3px solid var(--ic,var(--brand))}
.hm-insight-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--card-solid);color:var(--ic,var(--brand));flex:0 0 auto}
.hm-insight-ic svg{width:16px;height:16px}
.hm-insight-t{font-size:.85rem;color:var(--txt);font-weight:600;line-height:1.5}
.hm-fam2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.hm-fam-sub{font-size:.8rem;font-weight:800;color:var(--muted);margin-bottom:10px}
.hm-fam-list{display:flex;flex-direction:column;gap:10px}
.hm-fam-row{display:flex;align-items:center;gap:9px}
.hm-fam-rank{width:22px;height:22px;border-radius:7px;background:var(--bg2);color:var(--brand);font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hm-fam-main{flex:1;min-width:0}
.hm-fam-toprow{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}
.hm-fam-name{font-size:.82rem;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-fam-amt{font-size:.78rem;font-weight:800;color:var(--txt);flex:0 0 auto}
.hm-fam-bar{height:5px;border-radius:3px;background:var(--bg2);overflow:hidden}
.hm-fam-bar>span{display:block;height:100%;background:var(--brand);border-radius:3px}
.hm-fam-pct{font-size:.74rem;font-weight:700;color:var(--muted);flex:0 0 auto;min-width:34px;text-align:end}
.an-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;border:1.5px dashed var(--line);border-radius:18px;background:var(--card);text-align:center}
.an-ph-ic{width:48px;height:48px;border-radius:14px;background:var(--bg2);color:var(--muted);display:flex;align-items:center;justify-content:center}
.an-ph-ic svg{width:26px;height:26px}
.an-ph-t{font-size:.9rem;font-weight:700;color:var(--muted)}
.an-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.an-kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;border-inline-start:3px solid var(--ac,var(--brand));display:flex;flex-direction:column;gap:4px}
.an-kpi-t{font-size:.74rem;font-weight:800;color:var(--muted)}
.an-kpi-v{font-size:1.15rem;font-weight:800;color:var(--txt);line-height:1.25}
.an-kpi-d{font-size:.68rem;font-weight:600;color:var(--muted)}
.an-pay-list{display:flex;flex-direction:column;gap:14px}
.an-pay-row{display:flex;flex-direction:column;gap:6px}
.an-pay-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.an-pay-l{font-size:.85rem;font-weight:800;color:var(--txt)}
.an-pay-v{font-size:.82rem;font-weight:800;color:var(--txt)}
.an-pay-pct{font-size:.72rem;font-weight:700;color:var(--muted)}
.an-pay-bar{height:8px;border-radius:5px;background:var(--bg2);overflow:hidden}
.an-pay-bar>span{display:block;height:100%;border-radius:5px}
.an-day-list{display:flex;flex-direction:column;gap:12px}
.an-day-row{display:flex;flex-direction:column;gap:5px}
.an-day-head{display:flex;align-items:center;gap:9px}
.an-day-rank{width:22px;height:22px;border-radius:7px;background:var(--bg2);color:var(--brand);font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.an-day-label{font-size:.84rem;font-weight:800;color:var(--txt);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-day-total{font-size:.82rem;font-weight:800;color:var(--txt);flex:0 0 auto}
.an-day-bar{height:6px;border-radius:4px;background:var(--bg2);overflow:hidden}
.an-day-bar>span{display:block;height:100%;border-radius:4px;background:var(--brand)}
.an-day-meta{font-size:.7rem;font-weight:600;color:var(--muted)}
.dues-empty{text-align:center;color:var(--muted);font-weight:700;padding:34px 12px;font-size:.95rem}
.dues-sum{font-size:.84rem;color:var(--txt-soft);margin-bottom:12px;line-height:1.7}
.dues-sum b{color:var(--bad)}
.dues-list{display:flex;flex-direction:column;gap:8px}
.dues-row{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 13px}
.dues-name{font-weight:800;color:var(--brand);font-size:.95rem;margin-bottom:4px}
.dues-meta{font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dues-amt{color:var(--bad);font-weight:800}
.dues-stat{font-weight:700}
.hm-skel{height:120px;border-radius:12px;background:linear-gradient(90deg,var(--bg2),var(--line),var(--bg2));background-size:200% 100%;animation:hmsh 1.2s infinite}
@keyframes hmsh{0%{background-position:200% 0}100%{background-position:-200% 0}}
.hm-rows{display:flex;flex-direction:column;gap:7px}
.hm-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:11px;background:var(--bg2)}
.hm-rank{width:22px;height:22px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:.74rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hm-rname{flex:1;font-size:.84rem;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-rval{font-size:.82rem;font-weight:800;color:var(--brand);flex:0 0 auto}
.hm-acts{display:flex;flex-direction:column;gap:8px}
.hm-act{display:flex;align-items:center;gap:10px}
.hm-aic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);flex:0 0 auto}
.hm-aic svg{width:15px;height:15px}
.hm-aic.bad{background:rgba(192,57,43,.12);color:var(--bad)}
.hm-aic.ok{background:rgba(90,146,22,.14);color:#5a9216}
.hm-atxt{flex:1;min-width:0}
.hm-aac{font-size:.82rem;font-weight:800;color:var(--txt)}
.hm-awho{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* سجل النشاطات في لوحة التحكم: قائمة قابلة للتمرير (كل النشاطات، عرض تدريجي) + فلاتر النافذة الموسّعة */
.hm-acts-scroll{max-height:340px;overflow-y:auto;overflow-x:hidden;padding-inline-end:2px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.alg-filters{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:6px}
.alg-fbtns{display:flex;gap:10px;margin-top:14px}
.alg-fbtns .btn{flex:1}
.alg-topbar{display:flex;align-items:center;gap:8px;margin:4px 0 8px}
.alg-count{font-size:.74rem;color:var(--muted);font-weight:700;flex:1;min-width:0}
.alg-topbar .hm-refresh{width:36px;height:36px}
.alg-modal-list{max-height:52vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
/* ===== إدارة الفروع (iOS-style) ===== */
.branch-row{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;margin-bottom:9px;background:var(--card-solid);cursor:pointer;transition:border-color .2s,background .2s,transform .1s}
.branch-row:active{transform:scale(.995)}
.branch-row.is-current{border-color:var(--brand);background:var(--brand-soft);cursor:default}
.branch-ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--brand)}
.branch-row.is-current .branch-ic{background:var(--brand);color:#fff}
.branch-ic svg{width:17px;height:17px}
.branch-name{font-weight:700;flex:1;min-width:0;word-break:break-word;line-height:1.35;color:var(--txt)}
.branch-star{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#f5a623}
.branch-star svg{width:20px;height:20px;fill:#f5a623}
.branch-del{flex:0 0 auto;width:34px;height:34px;border-radius:10px;color:var(--bad)}
.branch-edit{flex:0 0 auto;width:34px;height:34px;border-radius:10px;color:var(--muted);background:var(--bg2)}
/* ===== إدارة النقد ومدى / الضريبة (iOS-style) ===== */
.ios-sec{margin-bottom:18px}
.ios-sec-t{font-size:.78rem;font-weight:800;color:var(--txt-soft);text-transform:none;padding-inline-start:4px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.ios-sec-t svg{width:15px;height:15px;color:var(--muted)}
.ios-tile{background:var(--sys-surface,var(--bg2));border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;transition:opacity .2s,background .2s}
.ios-tile .ios-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ios-tile .ios-title{display:block;font-weight:800;font-size:.95rem;color:var(--txt)}
.ios-tile .ios-desc{display:block;font-size:.76rem;color:var(--txt-soft);margin-top:3px;line-height:1.5}
.ios-tile .ios-ic{width:38px;height:38px;border-radius:11px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand)}
.ios-tile .ios-ic svg{width:19px;height:19px}
.ios-tile.mada-tile .ios-ic{background:rgba(47,107,216,.14);color:#2f6bd8}
.ios-tile.cash-tile .ios-ic{background:rgba(46,158,91,.14);color:#2e9e5b}
.ios-tile.cash-tile.is-off .ios-ic{background:var(--line);color:var(--muted)}
.ios-tile.is-off{background:var(--bg2)}
.ios-tile.is-off .ios-ic{background:var(--line);color:var(--muted)}
.ios-tile.is-off .ios-title{color:var(--txt-soft)}
.ios-tile.vat-tile .ios-ic{background:rgba(199,127,23,.14);color:#c77f17}
.ios-tile.vat-tile.is-off .ios-ic{background:var(--line);color:var(--muted)}
.ios-state{display:inline-block;margin-top:6px;font-size:.72rem;font-weight:800;border-radius:20px;padding:2px 10px;background:rgba(46,158,91,.14);color:#2e9e5b;width:fit-content}
.ios-tile.is-off .ios-state{background:var(--line);color:var(--muted)}
/* حقل نسبة الضريبة */
.vat-rate-row{display:flex;align-items:center;gap:10px}
.vat-rate-input{flex:1;font-size:1.35rem;font-weight:800;text-align:center;letter-spacing:.5px}
.vat-rate-unit{font-size:1.35rem;font-weight:800;color:var(--brand);flex:0 0 auto}
.vat-hist-row{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;color:var(--txt)}
.vat-hist-row + .vat-hist-row{border-top:1px solid var(--line)}
.vat-hist-row .vh-rate{font-weight:800;color:var(--brand);flex:0 0 auto}
.vat-hist-row .vh-date{color:var(--txt-soft);flex:1}
.vat-hist-row .vh-cur{font-size:.68rem;font-weight:800;color:#2e9e5b;background:rgba(46,158,91,.14);border-radius:20px;padding:2px 8px}
/* بطاقتا تطبيق الضريبة كبطاقتين مستقلتين واضحتين */
.ios-tile.vat-tile{background:var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.ios-tile.vat-tile.is-off{background:var(--card-solid)}
/* صفّ النسبة الحالية في سجل التغييرات: [تاريخ] [الحالية] [عرض الكل] — ثلاث حقول متوازنة بعرض البطاقة */
.vat-hist-cap{font-size:.72rem;color:var(--muted);font-weight:700;margin-bottom:8px}
.vat-hist-cur{display:flex;align-items:stretch;gap:8px}
.vat-hist-cur .vhc-chip{height:42px;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:12px;font-size:.85rem;font-weight:800;font-family:inherit;padding:0 8px;white-space:nowrap;box-sizing:border-box}
.vat-hist-cur .vhc-date{flex:1.35;min-width:0;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);letter-spacing:.4px}
.vat-hist-cur .vhc-badge{flex:1;color:#2e9e5b;background:rgba(46,158,91,.14)}
.vat-hist-cur .vhc-all{flex:1;color:var(--brand);background:var(--brand-soft);border:none;cursor:pointer}
.vat-hist-cur .vhc-all svg{width:15px;height:15px;flex:0 0 auto}
.vat-hist-cur .vhc-all:active{transform:scale(.97)}
/* نافذة عرض كل تغييرات النسبة (استعراض فقط) */
.vh-sheet{background:var(--card-solid);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;border-radius:20px 20px 0 0;overflow:hidden;animation:mdlfade .18s ease}
.vh-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}
.vh-sheet-title{font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:8px}
.vh-sheet-title svg{width:19px;height:19px;color:var(--brand)}
.vh-sheet-body{overflow:auto;padding:14px 16px}
.vh-sheet-row{display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--card-solid)}
.vh-sheet-row.is-cur{border-color:var(--brand);background:var(--brand-soft)}
.vh-sheet-rate{font-weight:900;font-size:1.2rem;color:var(--brand);flex:0 0 auto;min-width:54px}
.vh-sheet-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.vh-sheet-line{display:flex;gap:6px;font-size:.8rem}
.vh-sheet-lbl{color:var(--muted);font-weight:700}
.vh-sheet-v{color:var(--txt);font-weight:800}
.vh-sheet-badge{flex:0 0 auto;font-size:.74rem;font-weight:800;border-radius:20px;padding:4px 12px}
.vh-sheet-badge.cur{color:#2e9e5b;background:rgba(46,158,91,.14)}
.vh-sheet-badge.past{color:var(--muted);background:color-mix(in srgb,var(--muted) 16%,transparent)}
.vh-sheet-foot{padding:11px 16px;border-top:1px solid var(--line)}
.vh-sheet-foot .hint{margin:0}
.ios-vat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ios-vat-card{background:var(--sys-surface,var(--bg2));border-radius:13px;padding:12px;text-align:center}
.ios-vat-card.vc-info{grid-column:1/-1;display:flex;align-items:center;gap:11px;text-align:start;background:rgba(199,127,23,.10)}
.ios-vat-card.vc-info .vc-ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(199,127,23,.16);color:#c77f17}
.ios-vat-card.vc-info .vc-ic svg{width:17px;height:17px}
.ios-vat-card .vc-l{font-size:.74rem;color:var(--txt-soft);font-weight:700;line-height:1.4}
.ios-vat-card .vc-v{font-size:.86rem;font-weight:800;margin-top:5px;color:var(--txt)}
.ios-vat-card.vc-info .vc-v{margin-top:2px}
.ios-vat-card .vc-v.on{color:#2e9e5b}
.ios-vat-card .vc-v.off{color:var(--muted)}
@media(max-width:400px){ .ios-vat-grid{grid-template-columns:1fr} }
/* ===== رموز مالية ملوّنة موحّدة (خفيفة) — التسميات وعناوين الأقسام فقط (لا تمسّ أيقونات الأزرار) =====
   ملاحظة: createIcons يُسقط سمة data-lucide بعد الرسم لكنه ينسخ الـ class، لذا نلوّن عبر عنصر svg أو class مرجعي. */
.pay-lbl svg{width:15px;height:15px;flex:0 0 auto;vertical-align:-2px;margin-inline-end:5px}
.pay-lbl.cash svg{color:#2e9e5b}
.pay-lbl.mada svg{color:#2f6bd8}
.pay-lbl.transfer svg{color:#0d9488}
.ic-mada{color:#2f6bd8}
.ic-cash{color:#2e9e5b}
.ic-transfer{color:#0d9488}
.ic-vat{color:#c77f17}
/* ===== قائمة اختيار بأسلوب iOS (Bottom Sheet) — تحلّ محل شكل المتصفح الافتراضي ===== */
.iosp-ov{position:fixed;inset:0;z-index:2147483601;background:rgba(15,25,40,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;flex-direction:column;justify-content:flex-end;direction:rtl;font-family:'Cairo',sans-serif;animation:iospf .18s ease}
@keyframes iospf{from{opacity:0}to{opacity:1}}
.iosp{background:var(--card-solid,#fff);border-radius:22px 22px 0 0;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 -8px 34px -10px rgba(15,25,40,.35);animation:iosps .24s cubic-bezier(.22,1,.36,1);padding-bottom:env(safe-area-inset-bottom)}
@keyframes iosps{from{transform:translateY(100%)}to{transform:translateY(0)}}
.iosp-grip{width:38px;height:5px;border-radius:3px;background:var(--line);margin:9px auto 3px}
.iosp-hd{display:flex;align-items:center;gap:10px;padding:8px 18px 12px;border-bottom:1px solid var(--line)}
.iosp-hd .t{flex:1;font-weight:900;font-size:1.02rem;color:var(--txt);line-height:1.4}
.iosp-x{width:32px;height:32px;border-radius:9px;border:none;background:var(--bg2);color:var(--txt-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.iosp-x svg{width:17px;height:17px}
.iosp-search{padding:11px 16px 4px}
.iosp-search input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:16px;font-family:inherit;background:var(--bg2);color:var(--txt);outline:none;text-align:right}
.iosp-list{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 10px 14px}
.iosp-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:transparent;border:none;border-radius:12px;padding:14px 12px;font-size:1rem;font-weight:600;font-family:inherit;color:var(--txt);cursor:pointer}
.iosp-opt:hover{background:var(--bg2)}
.iosp-opt.sel{background:var(--brand-soft);color:var(--brand);font-weight:800}
.iosp-opt .iosp-ck{flex:0 0 auto;width:20px;height:20px;color:var(--brand);opacity:0}
.iosp-opt.sel .iosp-ck{opacity:1}
.iosp-opt .iosp-ck svg{width:20px;height:20px}
.iosp-opt .iosp-lb{flex:1;min-width:0;word-break:break-word;line-height:1.4}
.iosp-empty{text-align:center;color:var(--muted);font-size:.85rem;padding:22px 0}
select.iosp-bound{cursor:pointer}
/* ==== from index.html <style id="notifStyle"> (v435 split) ==== */
.nf-tools{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.nf-chips{display:flex;gap:6px;flex-wrap:wrap}
.nf-chip{border:1px solid var(--line);background:var(--bg2);color:var(--txt-soft);border-radius:20px;padding:5px 13px;font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer}
.nf-chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.nf-list{display:flex;flex-direction:column;gap:9px}
.nf-item{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card-solid)}
.nf-item.unread{background:var(--brand-soft)}
.nf-ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.nf-ic svg{width:17px;height:17px}
.nf-ic.t-success{background:rgba(90,146,22,.14);color:#5a9216}
.nf-ic.t-warning{background:rgba(199,127,23,.14);color:#c77f17}
.nf-ic.t-error{background:rgba(192,57,43,.12);color:var(--bad)}
.nf-ic.t-info{background:rgba(58,90,134,.12);color:var(--brand)}
.nf-c{flex:1;min-width:0}
.nf-t{font-weight:800;font-size:.9rem;color:var(--txt);display:flex;align-items:center;gap:6px}
.nf-dot{width:8px;height:8px;border-radius:50%;background:var(--bad);flex:0 0 auto}
.nf-b{font-size:.82rem;color:var(--txt-soft);margin-top:3px;line-height:1.6;word-break:break-word}
.nf-time{font-size:.72rem;color:var(--muted);margin-top:4px}
.nf-del{flex:0 0 auto;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.nf-del:hover{background:var(--bg2);color:var(--bad)}
.nf-del svg{width:15px;height:15px}
/* ==== from index.html <style id="gsStyle"> (v435 split) ==== */
.gs-bar{position:relative;max-width:1100px;margin:0 auto;padding:8px 0 4px}
.gs-box{display:flex;align-items:center;gap:9px;background:var(--card-solid);border:1px solid var(--line);border-radius:18px;padding:6px 8px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}
.gs-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.gs-ic{width:18px;height:18px;color:var(--muted);flex:0 0 auto}
.gs-icbox{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.gs-icbox svg{width:18px;height:18px}
.gs-label{font-size:.9rem;font-weight:800;color:var(--txt);flex:0 0 auto;line-height:1;padding-inline-end:9px;border-inline-end:1px solid var(--line)}
#gsInput{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:16px;font-weight:600;color:var(--txt);padding:9px 2px;min-width:0}
#gsInput:focus::placeholder{color:transparent}
#gsInput::placeholder{color:var(--muted);font-weight:500;font-size:.84rem}
#gsInput::-webkit-search-cancel-button{display:none}
.gs-clear{flex:0 0 auto;width:26px;height:26px;border:none;background:var(--bg2);border-radius:8px;color:var(--txt-soft);cursor:pointer;display:flex;align-items:center;justify-content:center}
.gs-clear svg{width:14px;height:14px}
.gs-panel{position:absolute;left:0;right:0;top:calc(100% - 2px);background:var(--card-solid);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px -16px rgba(10,20,40,.4);max-height:min(70vh,520px);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:60;padding:6px}
.gs-group{padding:4px}
.gs-ghead{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:800;color:var(--muted);padding:8px 8px 5px}
.gs-ghead svg{width:14px;height:14px;color:var(--brand)}
.gs-gcount{margin-inline-start:auto;background:var(--bg2);border-radius:20px;padding:1px 8px;font-size:.7rem;color:var(--txt-soft);font-weight:700}
.gs-res{display:block;width:100%;text-align:right;border:none;background:transparent;border-radius:11px;padding:10px 11px;cursor:pointer;font-family:inherit}
.gs-res:hover,.gs-res:active{background:var(--brand-soft)}
.gs-rlabel{font-size:.9rem;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-rsub{font-size:.76rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-rlabel mark,.gs-rsub mark{background:rgba(255,213,0,.45);color:inherit;border-radius:3px;padding:0 1px;font-weight:800}
.gs-more{font-size:.74rem;color:var(--muted);text-align:center;padding:6px}
.gs-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.86rem;padding:26px 10px}
.gs-empty svg{width:26px;height:26px}
.day.gs-flash{animation:gsflash 1.4s ease}
@keyframes gsflash{0%,100%{box-shadow:var(--shadow-sm)}30%{box-shadow:0 0 0 3px var(--brand)}}
@media(max-width:480px){.gs-bar{padding:6px 0 3px}.gs-panel{left:0;right:0}}
/* ==== from index.html <style id="hdStyle"> (v435 split) ==== */
/* ===== الهيدر الجديد ===== */
/* الهيدر مُفكَّك: حاوية شفافة تمامًا بلا خلفية/حدود/ظل — مجرد صف علوي للأيقونات العائمة (Premium Minimal) */
#appHeader{position:relative;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hd-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px 0;min-height:44px}
.hd-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
/* أيقونات دائرية ناعمة بخلفية سطح ثانوي وظل خفيف جدًا (Floating/Island) */
.hd-icon{width:44px;height:44px;border-radius:50%;background:var(--ds-surface-2);color:var(--ds-text);box-shadow:var(--ds-shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:0 0 auto;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .12s}
.hd-icon:hover{background:var(--ds-primary-soft)}
.hd-icon:active{transform:scale(.92)}
.hd-icon svg{width:21px;height:21px;pointer-events:none}
/* اسم/شعار الشركة أُزيلا من الواجهة العلوية — يُعرَّفان في التقارير المطبوعة فقط. تبقى المعرّفات للـJS. */
.hd-brand{display:none!important}
.hd-logo{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--card-solid);box-shadow:var(--shadow-sm);flex:0 0 auto;cursor:pointer}
.hd-logo img{width:100%;height:100%;object-fit:cover;display:block}
.hd-title{font-size:1.25rem;font-weight:800;color:var(--txt);margin:4px 0 0;line-height:1.5;max-width:100%;white-space:normal;overflow:visible;text-overflow:ellipsis}
.hd-sub{font-size:.82rem;color:var(--muted);font-weight:600;line-height:1.45;max-width:280px}
.hd-mini{display:none!important;align-items:center;gap:8px;flex:1;justify-content:center;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;cursor:pointer}
.hd-mini-logo{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:var(--card-solid)}
.hd-mini-logo img{width:100%;height:100%;object-fit:cover;display:block}
.hd-mini-title{font-size:1rem;font-weight:800;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#appHeader.shrink .hd-brand{max-height:0;opacity:0;padding-top:0;padding-bottom:0}
#appHeader.shrink .hd-mini{opacity:1;visibility:visible;pointer-events:auto}

/* ===== الغطاء العام ===== */
.hd-scrim{position:fixed;inset:0;background:rgba(10,16,30,.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1200;opacity:0;transition:opacity .2s ease;display:none}
.hd-scrim.show{opacity:1}

/* ===== القائمة الجانبية ===== */
.hd-drawer{position:fixed;top:0;bottom:0;left:0;width:min(82vw,330px);background:var(--card-solid);box-shadow:0 0 40px rgba(0,0,0,.3);z-index:1201;display:flex;flex-direction:column;transform:translateX(-105%);transition:transform .26s cubic-bezier(.4,0,.2,1);padding-top:env(safe-area-inset-top,0px)}
.hd-drawer.open{transform:translateX(0)}
.hd-dhead{display:flex;align-items:center;gap:10px;padding:16px 16px 13px;border-bottom:1px solid var(--line)}
.hd-dhead .hd-mini-logo{width:40px;height:40px}
.hd-dh-t{font-size:1.08rem;font-weight:800;color:var(--txt);flex:1}
.hd-dclose{width:34px;height:34px;border-radius:10px;border:none;background:var(--bg2);color:var(--txt-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.hd-dclose svg{width:17px;height:17px}
.hd-dlist{flex:1;overflow-y:auto;padding:10px}
.hd-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 12px;border:none;background:transparent;border-radius:14px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;color:var(--txt);text-align:right;transition:background .15s;min-height:52px}
.hd-item:active{background:var(--brand-soft)}
.hd-i-ic{width:40px;height:40px;border-radius:11px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--brand)}
.hd-i-ic svg{width:19px;height:19px}
.hd-i-tx{flex:1;min-width:0}
.hd-i-sub{font-size:.75rem;color:var(--muted);font-weight:600;margin-top:2px}
.hd-chev{color:var(--muted);flex:0 0 auto}
.hd-chev svg{width:16px;height:16px}

/* ===== قائمة الحساب ===== */
.hd-pop{position:fixed;top:calc(env(safe-area-inset-top,0px) + 60px);inset-inline-end:14px;width:min(76vw,262px);background:var(--card-solid);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px -14px rgba(10,20,40,.42);z-index:1201;overflow:hidden;opacity:0;transform:scale(.94) translateY(-6px);transform-origin:top center;transition:opacity .16s ease,transform .16s ease;padding:6px}
.hd-pop.open{opacity:1;transform:scale(1) translateY(0)}
.hd-pacct{display:flex;align-items:center;gap:11px;padding:12px 11px 11px;border-bottom:1px solid var(--line);margin-bottom:4px}
.hd-pava{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;flex:0 0 auto}
.hd-pname{font-weight:800;font-size:.92rem;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-pmail{font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.hd-pitem{display:flex;align-items:center;gap:11px;width:100%;padding:12px 11px;border:none;background:transparent;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--txt);text-align:right;transition:background .15s}
.hd-pitem:active{background:var(--brand-soft)}
.hd-pitem svg{width:18px;height:18px;color:var(--txt-soft);flex:0 0 auto}
.hd-pitem.danger{color:var(--bad)}
.hd-pitem.danger svg{color:var(--bad)}

/* ===== حول النظام ===== */
.hd-about{position:fixed;inset:0;z-index:1202;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s;background:rgba(10,16,30,.5)}
.hd-about.show{opacity:1}
.hd-about-card{background:var(--card-solid);border-radius:22px;max-width:340px;width:100%;padding:26px 20px 22px;text-align:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);position:relative}
.hd-about-logo{width:74px;height:74px;border-radius:50%;overflow:hidden;margin:0 auto 12px;box-shadow:var(--shadow-sm)}
.hd-about-logo img{width:100%;height:100%;object-fit:cover}
/* ==== from index.html <style id="navxStyle"> (v435 split) ==== */
/* ===== المرحلة 3 (Part 4) — شريط التنقل السفلي الثابت: إحياء #tabs، إخفاء navxBar (CSS فقط؛ #tabs موصول بـswitchPage أصلاً) ===== */
#navxBar{display:none}
#tabs{
  display:flex;
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));
  border-top:1px solid var(--line);border-bottom:none;
  background:var(--card-solid);
  overflow:visible;
  box-shadow:0 -4px 16px -10px rgba(0,0,0,0.18);
}
/* زجاجية للشاشات الداعمة فقط؛ قاعدة أداء الجوال (≤760px، بـ!important) تتغلّب عليها وتُبقيه صلباً على آيفون */
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){
  #tabs{background:color-mix(in srgb,var(--card-solid) 82%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}
}
/* التبويبات: شفافة (الخلفية على الشريط)، أيقونة فوق نصّ، النشط بلون العلامة دون حبّة ممتلئة */
#tabs .tab{flex:1 1 0;background:transparent;border:none;box-shadow:none;border-radius:10px;backdrop-filter:none;-webkit-backdrop-filter:none;padding:4px 2px;gap:2px;color:var(--muted);font-size:.66rem;font-weight:700}
#tabs .tab .tab-ar{flex-direction:column;gap:3px}
#tabs .tab svg{width:23px;height:23px;margin-bottom:0}
/* حالة نشطة Premium: حبّة زمردية ناعمة خلف التبويب المختار */
#tabs .tab.active{background:var(--ds-primary-soft);color:var(--ds-primary);border-color:transparent;box-shadow:none;border-radius:14px}
#tabs .tab:active{background:var(--ds-primary-soft)}
.navx{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}
.navx-main{display:flex;align-items:center;gap:13px;width:100%;min-height:66px;padding:10px 16px;border:none;border-radius:20px;cursor:pointer;font-family:inherit;text-align:right;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 26px -12px var(--brand);transition:transform .15s ease}
.navx-main:active{transform:scale(.98)}
.navx-main .navx-ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 4px 12px -5px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--brand)}
.navx-main .navx-ic svg{width:20px;height:20px;color:var(--brand)}
.navx-main-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.navx-main .navx-t{font-size:1.3rem;font-weight:800;line-height:1.2}
.navx-main .navx-d{font-size:.88rem;font-weight:600;opacity:.92}
.navx-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.navx-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:7px 14px;border:1px solid var(--line);border-radius:20px;cursor:pointer;font-family:inherit;background:var(--card-solid);color:var(--txt);box-shadow:var(--shadow-sm);transition:transform .15s ease}
.navx-card:active{transform:scale(.98)}
.navx-card .navx-ic{width:30px;height:30px;border-radius:10px;background:var(--brand-soft);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--brand)}
.navx-card .navx-ic svg{width:16px;height:16px}
.navx-card .navx-t{font-size:.92rem;font-weight:800}
.navx-card.active{border-color:var(--brand);background:var(--brand-soft)}
.navx-main.active{box-shadow:inset 0 0 0 3px rgba(255,255,255,.85),0 10px 26px -12px var(--brand)}
#navxBar{margin:10px 0 0}
/* ==== from index.html <style id="hig-components"> (v435 split) ==== */
/* ===== HIG Component Library — المرحلة 2 (طبقة إضافية: أصناف معرّفة وغير مُطبّقة على أي عنصر قائم) =====
   لا تأثير بصري على v261؛ لا عنصر في الواجهة يحمل هذه الأصناف. جاهزة للتطبيق في المرحلة 3. */
/* — الأزرار — */
.hig-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--hig-font);font-size:var(--hig-headline);font-weight:var(--hig-weight-semibold);min-height:var(--touch-min);padding:0 18px;border:none;border-radius:var(--rad-md);background:var(--sys-surface-secondary);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;transition:transform var(--hig-dur) var(--hig-ease),opacity var(--hig-dur) var(--hig-ease)}
/* منطقة لمس موثوقة: أيقونة الزر لا تعترض اللمس، واستجابة فورية بلا تأخير النقر المزدوج */
.hig-btn svg,.btn svg{pointer-events:none}
.btn{touch-action:manipulation}
.hig-btn:active{transform:scale(0.96);opacity:.8}
.hig-btn--primary{background:var(--brand-primary);color:#fff}
.hig-btn--secondary{background:var(--brand-secondary);color:var(--brand-primary)}
.hig-btn--danger{background:var(--semantic-danger);color:#fff}
.hig-btn--block{display:flex;width:100%;height:50px}
.hig-btn svg{width:18px;height:18px;flex:0 0 auto}
/* — بطاقات Inset Grouped — */
.hig-inset-group{background:var(--sys-surface);border-radius:var(--rad-lg);overflow:hidden;margin:var(--hig-space-3) 0}
.hig-row{display:flex;align-items:center;gap:var(--hig-space-3);min-height:var(--touch-min);padding:12px var(--hig-space-3);font-family:var(--hig-font);font-size:var(--hig-body);color:var(--text-primary);background:transparent}
.hig-row + .hig-row{border-top:.5px solid var(--sys-surface-secondary)}
.hig-row__label{flex:1}
.hig-row__value{color:var(--text-secondary)}
/* — الحقول — */
.hig-input{width:100%;box-sizing:border-box;font-family:var(--hig-font);font-size:var(--hig-body);color:var(--text-primary);min-height:var(--touch-min);padding:11px var(--hig-space-3);background:var(--sys-surface-secondary);border:none;border-radius:var(--rad-sm);outline:none;-webkit-appearance:none;appearance:none}
.hig-input::placeholder{color:var(--text-tertiary)}
.hig-input:focus{box-shadow:0 0 0 2px var(--brand-primary) inset}
/* — Bottom Sheet — */
.hig-sheet-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity var(--hig-dur) var(--hig-ease),visibility var(--hig-dur) var(--hig-ease)}
.hig-sheet-backdrop.is-open{opacity:1;visibility:visible}
.hig-sheet{position:fixed;left:0;right:0;bottom:0;z-index:9001;max-height:80vh;display:flex;flex-direction:column;background:var(--sys-surface);border-radius:var(--rad-lg) var(--rad-lg) 0 0;padding-bottom:var(--safe-bottom);transform:translateY(100%);transition:transform var(--hig-dur) var(--hig-ease);font-family:var(--hig-font)}
.hig-sheet.is-open{transform:translateY(0)}
.hig-sheet__grabber{width:36px;height:5px;border-radius:3px;background:var(--text-tertiary);margin:8px auto 4px;flex:none}
.hig-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--hig-space-3);padding:var(--hig-space-2) var(--hig-space-3);font-size:var(--hig-headline);font-weight:var(--hig-weight-semibold);color:var(--text-primary);flex:none}
.hig-sheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--hig-space-2) var(--hig-space-3) var(--hig-space-4)}
/* ===== المرحلة 3 (Pilot) — شاشة «هوية الشركة»: تعيين رموز HIG إلى رموز التطبيق (تتبع data-theme؛ تحافظ على الألوان الحالية وتدعم الداكن؛ بلا أزرق آبل؛ خط التطبيق للاتساق) ===== */
#identityCard{
  --sys-surface:var(--card-solid);
  --sys-surface-secondary:var(--brand-soft);
  --text-primary:var(--txt);
  --text-secondary:var(--muted);
  --text-tertiary:var(--muted);
  --brand-primary:var(--brand);
  --brand-secondary:var(--brand-soft);
  --semantic-danger:var(--bad);
  --hig-font:inherit;
}
/* ===== المرحلة 3 (Part 2) — نطاق عزل قابل لإعادة الاستخدام: يعيّن رموز HIG إلى رموز التطبيق (يتبع data-theme؛ ألوان حالية؛ بلا أزرق آبل) ===== */
.hig-scope{
  --sys-surface:var(--card-solid);
  --sys-surface-secondary:var(--brand-soft);
  --text-primary:var(--txt);
  --text-secondary:var(--muted);
  --text-tertiary:var(--muted);
  --brand-primary:var(--brand);
  --brand-secondary:var(--brand-soft);
  --semantic-danger:var(--bad);
  --hig-font:inherit;
}
/* صفوف الصلاحيات داخل بطاقة Inset — مساحة لمس 44px وفواصل inset. لا تمسّ المفتاح: input/.tk/data-k تبقى حرفياً */
.hig-inset-group .perm-sw{min-height:44px;padding:11px var(--hig-space-3);border-bottom:none;margin:0;box-sizing:border-box}
.hig-inset-group .perm-sw + .perm-sw{border-top:1px solid var(--line)}
/* ===== المرحلة 3 (Part 5) — قائمة الأسر المحفوظة: Inset Grouped (جهات اتصال iOS)، مقصور على #savedFamsList كي لا تتأثر صفوف الكاش المشتركة (.move) ===== */
#savedFamsList .hig-inset-group{margin:0}
#savedFamsList .move{background:transparent;border:none;border-radius:0;margin:0;padding:12px var(--hig-space-3);flex-wrap:wrap}
#savedFamsList .move + .move{border-top:1px solid var(--line)}
#savedFamsList .move .icon-btn{width:38px;height:38px}
/* ===== بطاقات الأسر المحفوظة (تصميم iOS احترافي، RTL، جوال أولًا) ===== */
#savedFamsList .fam-cards{display:flex;flex-direction:column;gap:12px}
.fam-card{background:var(--card-solid);border:1px solid var(--line);border-radius:16px;padding:13px 14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;animation:ucardIn .22s ease}
.fam-card-main{display:flex;align-items:center;gap:13px}
.fam-avatar{width:56px;height:56px;border-radius:16px;flex:0 0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted);border:1px solid var(--line)}
.fam-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.fam-avatar svg{width:28px;height:28px;opacity:.6}
.fam-card-info{flex:1;min-width:0}
.fam-card-name{font-weight:800;font-size:1rem;color:var(--txt);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fam-card-sub{font-size:.75rem;color:var(--muted);margin-top:2px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fam-card-actions{display:flex;gap:10px}
.fam-card-actions .fam-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:12px;font-family:inherit;font-weight:800;font-size:.86rem;cursor:pointer;border:1px solid transparent;transition:transform .12s,filter .2s}
.fam-btn-details{background:var(--brand-soft);color:var(--brand)}
.fam-btn-del{background:var(--bad-soft);color:var(--bad)}
.fam-card-actions .fam-btn:active{transform:scale(.97)}
.fam-card-actions .fam-btn svg{width:16px;height:16px}
/* نافذة تفاصيل الأسرة */
.fam-det-avatar{width:96px;height:96px;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted);border:1px solid var(--line);margin:0 auto}
.fam-det-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.fam-det-avatar svg{width:44px;height:44px;opacity:.6}
.fam-det-row{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line)}
.fam-det-row:last-child{border-bottom:none}
.fam-det-row .fdr-ic{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand)}
.fam-det-row .fdr-ic svg{width:17px;height:17px}
.fam-det-row .fdr-tx{flex:1;min-width:0}
.fam-det-row .fdr-lbl{font-size:.72rem;color:var(--muted);font-weight:700}
.fam-det-row .fdr-val{font-size:.9rem;color:var(--txt);font-weight:700;margin-top:1px}
.fam-det-row .fdr-act{flex:0 0 auto;display:flex;gap:6px}
.fam-det-mini{border:1px solid var(--line);background:var(--card-solid);color:var(--brand);border-radius:10px;min-height:36px;padding:0 12px;font-family:inherit;font-weight:800;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.fam-det-mini.wa{background:#25d366;color:#fff;border-color:transparent}
/* ==== from index.html <style id="day-card-hig"> (v435 split) ==== */
/* ===== المرحلة 3 (Part 3) — مظهر بطاقة اليوم (iOS Settings)، مُعمّم على جميع البطاقات =====
   CSS خالص يعتمد على الصنف .open القائم. لا JS، لا تغيير بنية/HTML، لا قاعدة داخل @media print.
   يستخدم رموز التطبيق (تتبع data-theme) ⇒ داكن سليم. */
/* البطاقة: زوايا 16px، بلا حدود، ظلّ ناعم جداً (فاتح) وبلا ظلّ (داكن) */
.day{border:none;border-radius:var(--rad-lg);box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.day.open{box-shadow:0 1px 3px rgba(0,0,0,0.05)}
[data-theme="dark"] .day,
[data-theme="dark"] .day.open{box-shadow:none}
/* الرأس: مساحة ضغط أوضح + خلفية هادئة، مع تغذية لمس واضحة */
.day .day-head{padding:18px 16px;gap:14px;background:transparent;border-bottom:none}
.day.open .day-head{background:transparent;border-bottom:1px solid var(--line)}
.day .day-head:active{background:var(--brand-soft)}
/* إبراز الإجمالي (Data Density Hierarchy): تسمية صغيرة فوق رقم كبير واضح */
.day .day-badge .db-lbl{font-size:.7rem;opacity:.85;margin-bottom:4px}
.day .day-badge b.num{font-size:1.2rem;font-weight:800;color:var(--txt);letter-spacing:-.2px}
/* لمسات نظيفة على الأيقونة والسهم */
.day .day-num{border-radius:12px}
.day .day-chev{color:var(--muted)}