/* ============================================================ المحاسبة | acc.css (ملف الإنتاج | design/acc-redesign/DESIGN.md §1 إلى §13) - يُحمَّل بعد app.css في صفحات فقط: الألوان من رموز app.css (+ color-mix) والنسختان عبر :root[data-theme] - كل الفئات تبدأ بـ ac- | لا عنصر aside ولا nav عاري (app.css يلوّنهما) | main.ac-stage فقط | جداول table.ac-tbl فقط - الكمبيوتر: قائمة سوداء بمجموعات تنطوي، عنوان كبير، شريط تصفية ومجاميع من السيرفر، قائمة + تفاصيل جنباً إلى جنب - التابلت (901 إلى 1279): شريط أيقونات 64px | الجوال (900 فأقل): عنوان كبير، صفوف بسطرين، ورقة كاملة، شريط تبويبات زجاجي حسب الدور - قانون الألوان: بنفسجي = عادي ومرحّل وأساسي | كهرماني = ينتظر شخص | أحمر = خطأ وفجوة تغطية الضريبة فقط | رمادي = محايد وملغى - الطباعة: الورق الرسمي من محرك المستندات فقط (MEEMDOC.print عبر acc-shell.js | design/doc-system/DESIGN.md §8) طباعة المتصفح لصفحة المحاسبة تطبع سطراً واحداً يدل على زر «طباعة» - الإطار (القائمة، الشريط العلوي، شريط الجوال، الأوراق، التأكيد، الفترة) يرسمه acc-shell.js | الصفحة تملأ .ac-page فقط ============================================================ */ .ac-app{ --ac-side:236px; --ac-rail:64px; --ac-top:52px; --ac-row:36px; --ac-row2:40px; --ac-gut:24px; --ac-panel:560px; --ac-r:14px; --ac-r-sm:10px; --ac-r-lg:20px; --ac-hair:color-mix(in srgb,var(--line) 78%,transparent); --ac-fill:color-mix(in srgb,var(--line) 55%,var(--surface)); --ac-head:color-mix(in srgb,var(--bg) 55%,var(--surface)); --ac-soft:color-mix(in srgb,var(--accent) 6%,var(--surface)); --ac-sel:color-mix(in srgb,var(--accent) 9%,var(--surface)); --ac-dim:color-mix(in srgb,var(--ink) 2.5%,var(--surface)); --ac-ink2:color-mix(in srgb,var(--ink) 78%,var(--muted)); --ac-field:color-mix(in srgb,var(--muted) 30%,var(--line)); --ac-hover:color-mix(in srgb,var(--ink) 3.5%,transparent); --ac-glass:color-mix(in srgb,var(--bg) 80%,transparent); --ac-scrim:rgba(14,8,28,.34); --ac-warnln:color-mix(in srgb,var(--warn) 34%,var(--line)); --ac-negln:color-mix(in srgb,var(--neg) 30%,var(--line)); --ac-accln:color-mix(in srgb,var(--accent) 34%,var(--line)); --ac-grey:color-mix(in srgb,var(--muted) 55%,var(--line)); --ac-hatch:color-mix(in srgb,var(--muted) 16%,transparent); --ac-tab:62px; } :root[data-theme="dark"] .ac-app{ --ac-fill:color-mix(in srgb,var(--line) 72%,var(--surface)); --ac-head:color-mix(in srgb,var(--bg) 40%,var(--surface)); --ac-soft:color-mix(in srgb,var(--accent) 11%,var(--surface)); --ac-sel:color-mix(in srgb,var(--accent) 16%,var(--surface)); --ac-dim:color-mix(in srgb,var(--ink) 3.5%,var(--surface)); --ac-hover:color-mix(in srgb,var(--ink) 5%,transparent); --ac-field:color-mix(in srgb,var(--muted) 32%,var(--line)); --ac-scrim:rgba(0,0,0,.58); --ac-warnln:color-mix(in srgb,var(--warn) 36%,var(--line)); --ac-negln:color-mix(in srgb,var(--neg) 34%,var(--line)); --ac-accln:color-mix(in srgb,var(--accent) 40%,var(--line)); --ac-hatch:color-mix(in srgb,var(--muted) 20%,transparent); } /* ---------- الأساس ---------- */ body.ac-app{display:block;min-height:100vh;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-tap-highlight-color:transparent} .ac-app :where(a){color:inherit;text-decoration:none} .ac-app :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0;text-align:inherit} .ac-app :where(input,select,textarea){font:inherit;color:inherit} .ac-app bdi{unicode-bidi:isolate;direction:ltr} .ac-app .num{font-variant-numeric:tabular-nums;letter-spacing:-.005em} /* التركيز بلوحة المفاتيح: إطار بلون العلامة (7.5:1 أبيض | 4.5:1 ليلي) | الحقول داخل .ac-in تكتفي بإطار الحقل نفسه */ .ac-app :focus-visible{outline:2px solid var(--accent);outline-offset:2px} .ac-app .ac-in :is(input,textarea,select):focus-visible,.ac-app .ac-cmdp-f input:focus-visible{outline:none} .ac-app .ac-list > :focus-visible,.ac-app .ac-kpis > :focus-visible{outline-offset:-2px} /* صف الجدول: الإطار على الخلايا (ظل ينرسم تحت الخلايا المجاورة) */ .ac-app .ac-tbl tr:focus-visible{outline:none} .ac-app .ac-tbl tr:focus-visible > td{box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)} .ac-app .ac-tbl tr:focus-visible > td:first-child{box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent),inset -2px 0 0 var(--accent)} .ac-app .ac-tbl tr:focus-visible > td:last-child{box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent),inset 2px 0 0 var(--accent)} .ac-app .ac-tbl tr:focus-visible > td:only-child{box-shadow:inset 0 0 0 2px var(--accent)} .ac-app .ac-tbl:dir(ltr) tr:focus-visible > td:first-child{box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent),inset 2px 0 0 var(--accent)} .ac-app .ac-tbl:dir(ltr) tr:focus-visible > td:last-child{box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent),inset -2px 0 0 var(--accent)} /* رابط «تخطَّ إلى المحتوى»: مخفي حتى يوصله التركيز */ .ac-skip{position:fixed;z-index:90;top:8px;inset-inline-start:8px;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;background:var(--accent);color:#fff!important;font-weight:600;font-size:.86rem;transform:translateY(-160%);transition:transform var(--t-fast) var(--ease-soft)} .ac-skip:focus,.ac-skip:focus-visible{transform:none;outline:2px solid var(--surface);outline-offset:2px} .ac-page:focus{outline:none} .ac-app [hidden]{display:none!important} .ac-app svg.ac-i{width:18px;height:18px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} .ac-app svg.ac-i-xs{width:12px;height:12px} .ac-app svg.ac-i-sm{width:15px;height:15px} .ac-app svg.ac-i-lg{width:22px;height:22px} .ac-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .ac-mut{color:var(--muted)} .ac-t{white-space:nowrap} .ac-sp{flex:1} @keyframes acIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} @keyframes acShim{from{background-position:120% 0}to{background-position:-20% 0}} @keyframes acSlide{from{transform:translateX(-28px);opacity:.3}to{transform:none;opacity:1}} @keyframes acUp{from{transform:translateY(48px);opacity:.3}to{transform:none;opacity:1}} @keyframes acPop{from{transform:translate(-50%,-46%) scale(.98);opacity:0}to{transform:translate(-50%,-50%);opacity:1}} /* ---------- القائمة الجانبية (سوداء في النسختين، مجموعات تنطوي) ---------- */ .ac-side{position:fixed;inset-block:0;inset-inline-start:0;width:var(--ac-side);z-index:30;background:var(--side-bg);color:var(--side-ink); display:flex;flex-direction:column;padding:12px 10px 10px} .ac-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;margin-bottom:6px;border-bottom:1px solid var(--side-hover)} .ac-brand img{height:21px;width:auto;display:block} .ac-brand .mk{display:none;height:24px} .ac-brand span{margin-inline-start:auto;font-size:.66rem;color:var(--side-muted);white-space:nowrap} .ac-navs{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding-top:2px;display:flex;flex-direction:column;gap:1px} .ac-navs::-webkit-scrollbar{display:none} .ac-ngb{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 10px;margin-top:8px;border-radius:8px;color:var(--side-muted);font-size:.7rem;font-weight:600;letter-spacing:.02em;white-space:nowrap} .ac-ngb:hover{color:var(--side-ink);background:var(--side-hover)} .ac-ngb .ch{margin-inline-start:auto;width:14px;height:14px;opacity:.7;transition:transform var(--t-fast) var(--ease-soft)} .ac-ngb[aria-expanded="true"] .ch{transform:rotate(180deg)} .ac-ngb[aria-expanded="true"] .ac-nb{display:none} .ac-ngb .ac-nb{margin-inline-start:0} .ac-ngi{display:flex;flex-direction:column;gap:1px} .ac-ni{position:relative;display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:8px;color:var(--side-muted);font-size:.84rem;white-space:nowrap; transition:background var(--t-fast) var(--ease-soft),color var(--t-fast) var(--ease-soft)} .ac-ni svg.ac-i{width:17px;height:17px;opacity:.9} .ac-ni:hover{background:var(--side-hover);color:var(--side-ink)} .ac-ni[aria-current="page"]{background:var(--accent);color:#fff;font-weight:600} .ac-ni[aria-current="page"] svg.ac-i{opacity:1} .ac-nb{margin-inline-start:auto;min-width:19px;height:18px;padding:0 6px;border-radius:9px;display:grid;place-items:center; background:var(--warn-soft);color:var(--warn);font-family:"Alexandria",sans-serif;font-size:.64rem;font-weight:600} .ac-nb.is-neg{background:var(--neg-soft);color:var(--neg)} .ac-ni[aria-current="page"] .ac-nb{background:rgba(255,255,255,.2);color:#fff} .ac-side-me{display:flex;align-items:center;gap:10px;padding:10px 8px 4px;border-top:1px solid var(--side-hover);margin-top:6px} .ac-side-me .ac-av{background:rgba(255,255,255,.1);color:#fff} .ac-side-me b{display:block;font-size:.8rem;font-weight:600;color:var(--side-ink)} .ac-side-me small{display:block;font-size:.68rem;color:var(--side-muted)} .ac-side-me .ac-ib{margin-inline-start:auto;background:transparent;border-color:var(--side-hover);color:var(--side-muted);width:32px;height:32px} /* ---------- الشريط العلوي (كمبيوتر): أدوات فقط، العنوان في رأس الصفحة ---------- */ .ac-top{position:sticky;top:0;z-index:25;height:var(--ac-top);display:flex;align-items:center;gap:10px;padding:0 var(--ac-gut); margin:0 calc(var(--ac-gut) * -1);background:var(--ac-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ac-hair)} .ac-crumbs{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);white-space:nowrap;min-width:0;overflow:hidden} .ac-crumbs b{color:var(--ink);font-weight:600} .ac-crumbs i{font-style:normal;opacity:.45} .ac-gs{display:flex;align-items:center;gap:8px;height:34px;flex:0 1 330px;min-width:150px;padding:0 10px 0 8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.8rem} .ac-gs .ph{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start} .ac-gs:hover{border-color:var(--ac-field)} .ac-ai{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:600;white-space:nowrap} .ac-ib{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ac-ink2);flex:none} .ac-ib:hover{color:var(--ink);border-color:var(--ac-field)} .ac-ib.is-flat{border:0;background:transparent} .ac-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-family:"Alexandria",sans-serif;font-weight:600;font-size:.82rem;flex:none} .ac-av.is-n{background:var(--ac-fill);color:var(--ac-ink2)} /* اختصارات لوحة المفاتيح: تظهر للمحاسب على الكمبيوتر فقط (body.ac-kb-on) وكلها شغّالة في الإنتاج */ .ac-kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;border:1px solid var(--ac-field);background:var(--bg);color:var(--muted); font-family:"Alexandria",sans-serif;font-size:.64rem;font-weight:500;line-height:1;flex:none;white-space:nowrap} .ac-kbd svg.ac-i{width:11px;height:11px;stroke-width:2} .ac-btn-p .ac-kbd{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff} .ac-app:not(.ac-kb-on) .ac-kbd,.ac-app:not(.ac-kb-on) .ac-keys{display:none!important} /* ---------- المسرح ورأس الصفحة ---------- */ .ac-app main.ac-stage{display:block;flex:none;max-width:none;margin-inline-start:var(--ac-side);padding:0 var(--ac-gut) 28px;min-height:100vh;view-transition-name:none;animation:none} /* الصفحة الممتلئة بلا حشوة سفلية على الكمبيوتر فقط | الجوال يحتفظ بمساحة شريط التبويبات (قاعدة 900 فأقل) */ @media (min-width:901px){.ac-app main.ac-stage:has(> .ac-page.is-fill){padding-bottom:0}} .ac-page{padding-top:4px} .ac-page.is-fill{display:flex;flex-direction:column;height:calc(100vh - var(--ac-top));padding-bottom:14px;min-height:560px} .ac-page > *{animation:acIn .38s var(--ease-out) backwards} .ac-page > :nth-child(2){animation-delay:.03s} .ac-page > :nth-child(n+3){animation-delay:.06s} .ac-hd{display:flex;align-items:flex-end;gap:10px 16px;flex-wrap:wrap;margin:14px 0 14px;flex:none} .ac-page.is-fill > .ac-hd{margin:12px 0 12px} .ac-hd-t{min-width:0} .ac-kick{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.78rem;flex-wrap:wrap;line-height:1.5} .ac-kick i{font-style:normal;opacity:.45} .ac-h1{font-size:1.72rem;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin-top:2px;white-space:nowrap} .ac-lead{font-size:.86rem;color:var(--ac-ink2);margin-top:5px;line-height:1.6;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ac-lead .dot{width:8px;height:8px;border-radius:50%;background:var(--warn);flex:none} .ac-lead .sep{color:var(--muted)} .ac-hd-m{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:2px} .ac-hd-act{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:2px} .ac-upd{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--muted);white-space:nowrap} .ac-ptop,.ac-tabbar,.ac-ph,.ac-ph-g,.ac-ph-f{display:none} .ac-offline{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--ac-fill);color:var(--ac-ink2);font-size:.82rem;line-height:1.6} .ac-offline svg.ac-i{color:var(--muted)} /* ---------- الفترة واكتمال الأرقام ---------- */ .ac-per{display:inline-flex;align-items:center;height:32px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.8rem;box-shadow:var(--shadow-sm);white-space:nowrap} .ac-per .stp{width:26px;height:30px;display:grid;place-items:center;color:var(--muted);border-radius:999px} .ac-per .stp:hover{color:var(--ink);background:var(--ac-hover)} .ac-per .lb{display:inline-flex;align-items:center;gap:7px;padding:0 6px;font-weight:600} .ac-per .lb svg{color:var(--muted)} .ac-per .st{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:var(--accent);padding-inline-end:4px} .ac-per .st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor} .ac-per.is-lock .st{color:var(--muted)} .ac-per.is-lock .st::before{display:none} .ac-per.solo{padding:0 12px 0 10px} .ac-comp{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--warn-soft);color:var(--warn);font-size:.78rem;font-weight:600;white-space:nowrap} .ac-comp .ac-i{width:14px;height:14px} .ac-dead{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--ac-warnln);color:var(--warn);font-size:.78rem;font-weight:600;white-space:nowrap;background:var(--surface)} /* ---------- الأسطح ---------- */ .ac-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--ac-r);box-shadow:var(--shadow-sm);min-width:0} .ac-card.is-warn{border-color:var(--ac-warnln)} .ac-card-h{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px 8px;flex-wrap:wrap} .ac-card-h h2,.ac-card-h h3{font-size:.94rem;font-weight:600;letter-spacing:-.005em;white-space:nowrap} .ac-card-h .n{font-family:"Alexandria",sans-serif;font-size:.74rem;color:var(--muted);font-weight:500} .ac-card-h .sub{font-size:.74rem;color:var(--muted)} .ac-card-h .end{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--muted)} .ac-card-h a.lnk,.ac-lnk{color:var(--accent);font-weight:600;font-size:.78rem;display:inline-flex;align-items:center;gap:3px;white-space:nowrap} .ac-card-b{padding:0 14px 14px} .ac-foot{font-size:.72rem;color:var(--muted);line-height:1.65;padding:8px 14px 10px;border-top:1px solid var(--ac-hair)} .ac-foot b{color:var(--ac-ink2);font-weight:600} .ac-grid{display:grid;gap:14px} .ac-g-main{grid-template-columns:minmax(0,1fr) 380px} .ac-g-2{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-g-5{grid-template-columns:repeat(5,minmax(0,1fr))} .ac-col{display:flex;flex-direction:column;gap:14px;min-width:0} .ac-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent)} .ac-ic svg.ac-i{width:17px;height:17px} .ac-ic.is-warn{background:var(--warn-soft);color:var(--warn)} .ac-ic.is-neg{background:var(--neg-soft);color:var(--neg)} .ac-ic.is-grey{background:var(--ac-fill);color:var(--muted)} /* ---------- الأزرار والأدوات ---------- */ .ac-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:10px;font-size:.8rem;font-weight:600;white-space:nowrap;flex:none; transition:filter var(--t-fast) var(--ease-soft),background var(--t-fast) var(--ease-soft)} .ac-btn svg.ac-i{width:16px;height:16px} .ac-btn-p{background:var(--accent);color:#fff!important;box-shadow:0 8px 18px -12px var(--accent)} .ac-btn-p:hover{filter:brightness(1.08)} .ac-btn-g{background:var(--surface);border:1px solid var(--line);color:var(--ink)} .ac-btn-g:hover{border-color:var(--ac-field)} .ac-btn-s{background:var(--accent-soft);color:var(--accent)} .ac-btn-q{color:var(--accent);padding:0 8px} .ac-btn-dt{background:var(--neg-soft);color:var(--neg)} .ac-btn-d{background:var(--neg);color:#fff!important;box-shadow:0 10px 22px -14px var(--neg)} .ac-btn-sm{height:28px;padding:0 10px;font-size:.74rem;border-radius:8px} .ac-btn-lg{height:42px;padding:0 18px;font-size:.88rem;border-radius:12px} .ac-btn.fx{flex:1 1 0;min-width:0} .ac-btn.block{width:100%} /* إجراء ممنوع: مقفل ومعه السبب ظاهر دائماً (aria-disabled يبقي الزر قابلاً للتركيز) */ .ac-btn[aria-disabled="true"]{background:var(--ac-fill)!important;color:var(--muted)!important;border:1px dashed var(--ac-field);box-shadow:none;cursor:not-allowed;filter:none} .ac-btn[aria-disabled="true"] .lk{width:13px;height:13px} .ac-why-w{position:relative;display:inline-flex;align-items:center;gap:7px;flex:none} .ac-why-w.is-col{flex-direction:column;align-items:flex-start;gap:4px} .ac-why-s{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--muted);white-space:nowrap} .ac-why{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:40;width:280px;padding:11px 12px 11px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg); display:none;gap:10px;align-items:flex-start;font-size:.78rem;line-height:1.6;white-space:normal} .ac-why.is-start{inset-inline-end:auto;inset-inline-start:0} .ac-why b{display:block;font-weight:600;color:var(--ink)} .ac-why span{color:var(--muted)} .ac-why .ac-ic{width:28px;height:28px;border-radius:8px} .ac-why-w:hover .ac-why,.ac-why-w:focus-within .ac-why{display:flex} .ac-reason{display:inline-flex;align-items:flex-start;gap:5px;font-size:.72rem;color:var(--muted);line-height:1.5} .ac-reason svg.ac-i{width:12px;height:12px;margin-top:3px} .ac-seg{display:inline-flex;background:var(--ac-fill);border-radius:10px;padding:3px;gap:2px;flex:none} .ac-seg button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;font-size:.78rem;color:var(--ac-ink2);font-weight:500;white-space:nowrap} .ac-seg button b{font-family:"Alexandria",sans-serif;font-weight:500;font-size:.7rem;color:var(--muted)} .ac-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(20,10,40,.12)} :root[data-theme="dark"] .ac-seg button[aria-pressed="true"]{background:color-mix(in srgb,var(--ink) 13%,var(--surface))} .ac-seg button[aria-pressed="true"] b{color:var(--accent)} .ac-seg button.is-zero{opacity:.55} .ac-seg.is-sm button{height:24px;font-size:.72rem;padding:0 8px} .ac-dd{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:.78rem;color:var(--ac-ink2);white-space:nowrap;flex:none} .ac-dd b{color:var(--ink);font-weight:600} .ac-dd.is-on{border-color:var(--ac-accln);background:var(--ac-soft);color:var(--accent)} .ac-dd.is-on b{color:var(--accent)} .ac-dd svg.ac-i{width:14px;height:14px;opacity:.7} .ac-search{display:flex;align-items:center;gap:7px;height:34px;min-width:180px;flex:1 1 200px;max-width:300px;padding:0 8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.8rem} .ac-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--ink);font-size:.8rem} .ac-search input::placeholder{color:var(--muted)} .ac-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;flex:none} .ac-tools .ac-sp{min-width:4px} /* ---------- الشارات ---------- */ .ac-chip{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:999px;font-size:.68rem;font-weight:600;white-space:nowrap;flex:none;line-height:1;border:1px solid transparent} .ac-chip svg.ac-i{width:11px;height:11px;stroke-width:2} .ac-chip.is-draft{border-color:var(--ac-grey);color:var(--muted);background:transparent} .ac-chip.is-posted,.ac-chip.is-ok{background:var(--accent-soft);color:var(--accent)} .ac-chip.is-rev,.ac-chip.is-void,.ac-chip.is-grey{background:var(--ac-fill);color:var(--muted)} .ac-chip.is-wait{background:var(--warn-soft);color:var(--warn)} .ac-chip.is-rvw{border-color:var(--ac-accln);color:var(--accent);background:transparent} .ac-chip.is-exc{border-color:var(--ac-warnln);color:var(--warn);background:transparent} .ac-chip.is-rej,.ac-chip.is-neg{border-color:var(--ac-negln);color:var(--neg);background:transparent} .ac-chip.is-prop{border:1px dashed var(--ac-accln);color:var(--accent);background:transparent} .ac-chip.is-lock{background:var(--ac-fill);color:var(--muted)} .ac-chip.is-nf{border-color:var(--ac-warnln);color:var(--warn);background:transparent} .ac-chip.is-der{border:1px dashed var(--ac-grey);color:var(--muted);background:transparent} .ac-src{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;background:var(--ac-fill);color:var(--ac-ink2);font-size:.68rem;font-weight:500;white-space:nowrap} .ac-src svg.ac-i{width:11px;height:11px} .ac-code{font-family:"Alexandria",sans-serif;font-weight:600;font-size:.76rem;color:var(--ink)} .ac-acct{display:inline-flex;align-items:baseline;gap:6px;min-width:0} .ac-acct .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* خلية الحسابات بسطرين: مدين فوق ودائن تحت (القيد العكسي يقرأ صح) */ .ac-acc2{display:flex;flex-direction:column;gap:1px;line-height:1.32;font-size:.74rem;color:var(--ac-ink2);min-width:0} .ac-acc2 > span{display:flex;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .ac-acc2 .sd{flex:none;width:28px;font-size:.66rem;color:var(--muted)} .ac-acc2 .ac-code{font-size:.74rem} .ac-acc2 .nm{overflow:hidden;text-overflow:ellipsis} .ac-ok{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:600} .ac-ok svg.ac-i{width:15px;height:15px;stroke-width:2.2} .ac-bad{display:inline-flex;align-items:center;gap:5px;color:var(--neg);font-weight:600} .ac-ref{font-family:"Alexandria",sans-serif;font-size:.78rem;font-weight:500;color:var(--ac-ink2)} a.ac-ref:hover,.ac-ref.is-link{color:var(--accent)} .ac-who{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:5px;background:var(--ac-fill);color:var(--ac-ink2);font-size:.66rem;font-weight:600;white-space:nowrap} .ac-who.is-me{background:var(--warn-soft);color:var(--warn)} /* ---------- شريط الملخص من السيرفر ---------- */ .ac-strip{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:var(--ac-r);box-shadow:var(--shadow-sm);margin-bottom:10px;min-width:0;overflow:hidden;flex:none} .ac-sc{flex:1 1 0;min-width:0;padding:9px 14px 10px;border-inline-start:1px solid var(--ac-hair);display:flex;flex-direction:column;justify-content:center;gap:2px} .ac-sc:first-child{border-inline-start:0} .ac-sc label{font-size:.68rem;color:var(--muted);white-space:nowrap} .ac-sc .v{font-family:"Alexandria",sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.01em;white-space:nowrap} .ac-sc .v small{font-size:.66em;font-weight:500;color:var(--muted);margin-inline-start:4px} .ac-sc .s{font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-sc.is-ok .v{color:var(--accent)} .ac-sc.is-fit{flex:0 0 auto} .ac-sc.is-src{flex:0 0 auto;background:var(--ac-head);justify-content:center} .ac-sc.is-src label{display:flex;align-items:center;gap:5px} /* ---------- الجدول الكثيف ---------- */ .ac-tcard{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--ac-r);box-shadow:var(--shadow-sm);overflow:clip;min-width:0} .ac-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent} .ac-app table.ac-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:.84rem;table-layout:auto} .ac-app .ac-tbl th{background:var(--ac-head);color:var(--muted);font-weight:500;font-size:.7rem;text-align:start;height:31px;padding:0 10px;border-bottom:1px solid var(--line);white-space:nowrap} .ac-app .ac-tbl td{height:var(--ac-row);padding:0 10px;border-bottom:1px solid var(--ac-hair);white-space:nowrap;background:var(--surface);transition:background var(--t-fast) var(--ease-soft)} .ac-app .ac-tbl tbody tr:hover td{background:color-mix(in srgb,var(--ink) 2.5%,var(--surface));cursor:pointer} .ac-app .ac-tbl :is(th,td).n{text-align:end} .ac-app .ac-tbl td.n{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"} .ac-app .ac-tbl td.dt{color:var(--ac-ink2);font-variant-numeric:tabular-nums} .ac-app .ac-tbl td.memo{max-width:1px;width:34%;overflow:hidden;text-overflow:ellipsis} .ac-app .ac-tbl td.acc{max-width:1px;width:24%;overflow:hidden} .ac-app .ac-tbl td.e{color:var(--muted)} .ac-app .ac-tbl td.cur,.ac-app .ac-tbl th.cur{width:4px;padding:0} .ac-app .ac-tbl tr.is-cur td,.ac-app .ac-tbl tr.is-sel td{background:var(--ac-sel)} .ac-app .ac-tbl tr.is-cur td.cur,.ac-app .ac-tbl tr.is-sel td.cur{background:var(--accent)} /* القيد المعكوس: السطر كله رمادي والبيان مشطوب */ .ac-app .ac-tbl tr.is-dim td{background:var(--ac-dim)} .ac-app .ac-tbl tr.is-dim td:not(.cur),.ac-app .ac-tbl tr.is-dim .ac-code,.ac-app .ac-tbl tr.is-dim .ac-ref,.ac-app .ac-tbl tr.is-dim .ac-acc2{color:var(--muted)} .ac-app .ac-tbl tr.is-dim .memo-t{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)} .ac-app .ac-tbl tr.is-grp td{background:var(--ac-head);font-weight:600;font-size:.74rem;color:var(--ac-ink2);height:28px} .ac-app .ac-tbl tr.is-sub td{font-weight:600;background:color-mix(in srgb,var(--ac-head) 60%,var(--surface))} .ac-app .ac-tbl tfoot td{background:var(--ac-head);font-weight:600;height:36px;border-top:1px solid var(--line);border-bottom:0} .ac-app .ac-tbl tfoot tr + tr td{border-top:1px solid var(--ac-hair)} .ac-app .ac-tbl tfoot td .lb{font-weight:500;color:var(--muted);font-size:.74rem} .ac-app .ac-tbl.is-2l td{height:var(--ac-row2)} .ac-app .ac-tbl.is-roomy td{height:46px} .ac-app .ac-tbl .two{display:flex;flex-direction:column;gap:2px;line-height:1.3;min-width:0} .ac-app .ac-tbl .two svg.ac-i{display:inline-block;vertical-align:-2px} .ac-app .ac-tbl .two small .ac-chip{height:18px;padding:0 6px;font-size:.62rem} .ac-app .ac-tbl .two small{font-size:.7rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis} .ac-app .ac-tbl td .ac-chip + .ac-chip{margin-inline-start:4px} .ac-app .ac-tbl .two small.fl{display:flex;gap:3px;flex-wrap:wrap;overflow:visible;white-space:normal;padding-bottom:3px} .ac-app .ac-tbl .two small.fl .ac-chip + .ac-chip{margin:0} .ac-app .ac-tbl .side{font-size:.68rem;color:var(--muted);margin-inline-start:4px;font-weight:500} .ac-pager{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted);flex-wrap:wrap;background:var(--surface);flex:none} .ac-pager b{color:var(--ink);font-weight:600} .ac-pages{display:inline-flex;align-items:center;gap:2px} .ac-pages button{min-width:28px;height:28px;padding:0 6px;border-radius:7px;font-family:"Alexandria",sans-serif;font-size:.72rem;color:var(--ac-ink2)} .ac-pages button[aria-current="page"]{background:var(--accent-soft);color:var(--accent);font-weight:600} .ac-pages button:hover{background:var(--ac-hover)} .ac-pages .gap{padding:0 4px} .ac-keys{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap} .ac-keys span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} .ac-app .ac-scroll .ac-tbl th{position:sticky;top:0;z-index:2} .ac-app .ac-scroll .ac-tbl tfoot td{position:sticky;bottom:0;z-index:2} .ac-qa{opacity:0;transition:opacity var(--t-fast)} .ac-app .ac-tbl tr:hover .ac-qa,.ac-app .ac-tbl tr.is-sel .ac-qa,.ac-qa:focus-visible{opacity:1} /* ---------- الشاشة المقسومة: قائمة + تفاصيل ---------- */ .ac-split{display:grid;grid-template-columns:minmax(0,1fr) var(--ac-panel);gap:14px;flex:1;min-height:0} .ac-split.is-wide{--ac-panel:620px} .ac-split > .ac-tcard{min-width:0} .ac-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--ac-r);box-shadow:var(--shadow-md);overflow:hidden;animation:acSlide .34s var(--ease-out) backwards} .ac-ph-h{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 10px 8px 12px;border-bottom:1px solid var(--ac-hair);background:var(--ac-head)} .ac-ph-h .crumbs{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted);min-width:0;flex-wrap:wrap} .ac-ph-h .crumbs b{color:var(--ink);font-weight:600} .ac-ph-h .crumbs i{font-style:normal;opacity:.5} .ac-ph-h .crumbs a:hover{color:var(--accent)} .ac-ph-h .acts{margin-inline-start:auto;display:flex;align-items:center;gap:4px} .ac-ph-h .ac-ib{width:30px;height:30px;border-radius:8px} .ac-pback{display:none} .ac-pb{flex:1;min-height:0;overflow:auto;padding:14px 16px 18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent} .ac-pt{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ac-pt h2{font-size:1.3rem;font-weight:600;letter-spacing:-.015em} .ac-pt h2 bdi{font-family:"Alexandria",sans-serif} .ac-psub{font-size:.78rem;color:var(--muted);margin-top:4px;line-height:1.6} .ac-pfoot{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--ac-hair);background:var(--surface);flex-wrap:wrap} .ac-sec{margin-top:16px} .ac-sec > h3,.ac-sec-h{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--ac-ink2);margin-bottom:7px} .ac-sec-h .end{margin-inline-start:auto;font-weight:500;color:var(--muted);font-size:.72rem} .ac-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ac-hair);border:1px solid var(--ac-hair);border-radius:12px;overflow:hidden} .ac-kv > div{background:var(--surface);padding:8px 11px;min-width:0} .ac-kv label{display:block;font-size:.68rem;color:var(--muted)} .ac-kv span{display:block;font-size:.84rem;font-weight:500;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-kv .is-warn span{color:var(--warn)} .ac-kv .is-neg span{color:var(--neg)} .ac-memo{padding:10px 12px;border-radius:12px;background:var(--ac-head);border:1px solid var(--ac-hair);font-size:.9rem;font-weight:500} .ac-lines{border:1px solid var(--ac-hair);border-radius:12px;overflow:hidden} .ac-lines .ac-tbl th{position:static} .ac-lines .ac-tbl tbody tr:hover td{cursor:default} .ac-note{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;font-size:.78rem;line-height:1.65;background:var(--ac-head);border:1px solid var(--ac-hair)} .ac-note svg.ac-i{width:16px;height:16px;margin-top:2px;flex:none} .ac-note b{font-weight:600} .ac-note.is-warn{background:var(--warn-soft);border-color:transparent;color:color-mix(in srgb,var(--warn) 80%,var(--ink))} .ac-note.is-neg{background:var(--neg-soft);border-color:transparent;color:color-mix(in srgb,var(--neg) 82%,var(--ink))} .ac-note.is-acc{background:var(--accent-soft);border-color:transparent;color:color-mix(in srgb,var(--accent) 80%,var(--ink))} .ac-note.is-lock{background:var(--ac-fill);border-color:transparent;color:var(--ac-ink2)} .ac-note .ac-lnk{margin-inline-start:auto;flex:none} .ac-note .fl{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px} .ac-rel{display:flex;flex-direction:column;border:1px solid var(--ac-hair);border-radius:12px;overflow:hidden} .ac-rel a,.ac-rel div.r{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 12px;font-size:.8rem;border-top:1px solid var(--ac-hair)} .ac-rel > :first-child{border-top:0} .ac-rel a:hover{background:var(--ac-hover)} .ac-rel .e{margin-inline-start:auto;color:var(--muted);font-size:.74rem;display:flex;align-items:center;gap:6px} .ac-acts{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap} .ac-acts.is-row{flex-wrap:nowrap} .ac-log{display:flex;flex-direction:column;gap:0;border-inline-start:2px solid var(--ac-hair);margin-inline-start:6px;padding-inline-start:14px} .ac-log .it{position:relative;padding:4px 0 10px;font-size:.78rem;line-height:1.55} .ac-log .it::before{content:"";position:absolute;inset-inline-start:-20px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)} .ac-log .it small{display:block;color:var(--muted);font-size:.7rem} .ac-att{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px dashed var(--ac-field);font-size:.8rem} .ac-att.is-warn{border-color:var(--ac-warnln);background:color-mix(in srgb,var(--warn-soft) 55%,var(--surface))} .ac-att.is-done{border-style:solid;border-color:var(--ac-hair)} .ac-att .th{width:38px;height:46px;border-radius:6px;background:var(--ac-fill);display:grid;place-items:center;color:var(--muted);flex:none} .ac-att .tx{min-width:0;flex:1} .ac-att .tx b{display:block;font-weight:600;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-att .tx small{display:block;color:var(--muted);font-size:.7rem} /* «وش صار؟»: شرح بلغة بسيطة للمالك فقط، مبني من نفس أسطر القيد */ .ac-plain{border-radius:16px;padding:14px 16px;background:linear-gradient(180deg,var(--ac-soft),var(--surface));border:1px solid var(--ac-accln)} .ac-plain .k{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:var(--accent);margin-bottom:6px} .ac-plain p{font-size:.92rem;line-height:1.75;font-weight:500} .ac-plain p + p{font-size:.84rem;color:var(--ac-ink2);font-weight:400;margin-top:2px} .ac-mvs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .ac-mv{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.78rem;white-space:nowrap} .ac-mv b{font-family:"Alexandria",sans-serif;font-weight:600} .ac-mv i{font-style:normal;color:var(--accent);font-weight:700} /* سلسلة نسخ الطلب (#68169 ← #68171 ← #68172) */ .ac-chain{display:flex;flex-direction:column;border:1px solid var(--ac-hair);border-radius:12px;overflow:hidden} .ac-chain .r{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--ac-hair);font-size:.8rem;position:relative} .ac-chain .r:first-child{border-top:0} .ac-chain .d{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ac-fill);color:var(--muted)} .ac-chain .d svg.ac-i{width:12px;height:12px;stroke-width:2.2} .ac-chain .r.is-me{background:var(--ac-soft)} .ac-chain .r.is-me .d{background:var(--accent);color:#fff} .ac-chain .t b{font-weight:600} .ac-chain .t small{display:block;color:var(--muted);font-size:.7rem} .ac-chain .e{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.74rem;white-space:nowrap} /* ---------- خطوات الاعتماد ---------- */ .ac-steps{display:flex;align-items:flex-start;gap:0;padding:2px 0} .ac-step{flex:1;display:flex;flex-direction:column;gap:4px;position:relative;min-width:0;font-size:.72rem;color:var(--muted)} .ac-step .d{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ac-fill);color:var(--muted);position:relative;z-index:1;border:2px solid var(--surface)} .ac-step .d svg.ac-i{width:11px;height:11px;stroke-width:2.4} .ac-step::after{content:"";position:absolute;top:9px;inset-inline-start:20px;inset-inline-end:0;height:2px;background:var(--ac-fill)} .ac-step:last-child::after{display:none} .ac-step b{font-size:.76rem;color:var(--ink);font-weight:600;white-space:nowrap} .ac-step small{font-size:.68rem;line-height:1.4;padding-inline-end:6px} .ac-step.is-done .d{background:var(--accent);color:#fff} .ac-step.is-done::after{background:color-mix(in srgb,var(--accent) 50%,var(--ac-fill))} .ac-step.is-now .d{background:var(--warn-soft);color:var(--warn);box-shadow:0 0 0 2px var(--ac-warnln)} /* ---------- الرئيسية ---------- */ .ac-tasks{display:flex;flex-direction:column} .ac-task{display:grid;grid-template-columns:32px minmax(0,1fr) 128px 86px 146px;align-items:center;column-gap:12px;min-height:56px;padding:8px 14px;border-top:1px solid var(--ac-hair)} .ac-task:hover{background:var(--ac-hover)} .ac-task.is-me{box-shadow:inset -3px 0 0 var(--warn)} .ac-task .tt{min-width:0} .ac-task .tt b{display:block;font-size:.86rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-task .tt small{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden} .ac-task .am{text-align:end;font-family:"Alexandria",sans-serif;font-weight:600;font-size:.86rem;white-space:nowrap} .ac-task .am small{display:block;font-family:"IBM Plex Sans Arabic",sans-serif;font-weight:400;font-size:.66rem;color:var(--muted)} .ac-task .am .cnt{font-family:"IBM Plex Sans Arabic",sans-serif;font-weight:600;font-size:.8rem} .ac-task .ag{font-size:.72rem;color:var(--muted);white-space:nowrap;text-align:center} .ac-task .go{display:flex;justify-content:flex-end;align-items:center;gap:6px} .ac-kpi{padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0} .ac-kpi label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--ac-ink2);font-weight:500;white-space:nowrap} .ac-kpi label svg.ac-i{width:14px;height:14px;color:var(--muted)} .ac-kpi .term{font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-2px} .ac-kpi .term bdi{font-family:"Alexandria",sans-serif;font-weight:500} .ac-kpi .v{font-family:"Alexandria",sans-serif;font-weight:600;font-size:1.36rem;letter-spacing:-.02em;line-height:1.3;white-space:nowrap;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:4px} .ac-kpi .v bdi small{font-size:.6em;font-weight:500} .ac-kpi .v .cur{font-size:.56em;color:var(--muted);font-weight:500} .ac-kpi .s{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-kpi.is-nf .v{color:var(--muted)} .ac-kpi .row{display:flex;align-items:center;gap:6px;min-width:0} .ac-bar{display:flex;height:6px;border-radius:4px;overflow:hidden;gap:2px;margin:3px 0 1px} .ac-bar i{display:block;height:100%;border-radius:2px;background:var(--accent)} .ac-bar i.b2{background:color-mix(in srgb,var(--accent) 70%,var(--surface))} .ac-bar i.b3{background:color-mix(in srgb,var(--accent) 45%,var(--surface))} .ac-bar i.b4{background:var(--warn)} .ac-bar i.b5{background:var(--ac-grey)} .ac-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.7rem;color:var(--muted)} .ac-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .ac-legend i{width:8px;height:8px;border-radius:2px;display:inline-block;background:var(--accent)} .ac-legend i.b2{background:color-mix(in srgb,var(--accent) 70%,var(--surface))} .ac-legend i.b3{background:color-mix(in srgb,var(--accent) 45%,var(--surface))} .ac-legend i.b4{background:var(--warn)} .ac-legend i.b5,.ac-legend i.ex{background:var(--ac-grey)} .ac-legend i.hz{background:repeating-linear-gradient(135deg,var(--ac-hatch) 0 3px,transparent 3px 6px);outline:1px dashed var(--ac-field)} /* رسم الأشهر: شريط مخطط «قبل بداية الدفاتر» بدل أشهر فاضية */ .ac-chart{--cols:12;--pre:10;position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:6px;align-items:end;height:150px;padding:18px 2px 0} .ac-chart .c{display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end;min-width:0} .ac-chart .bars{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;width:100%} .ac-chart .bars i{display:block;width:40%;max-width:14px;border-radius:3px 3px 0 0;background:var(--accent);min-height:2px} .ac-chart .bars i.ex{background:var(--ac-grey)} .ac-chart .val{position:absolute;bottom:calc(var(--h) + 3px);left:50%;transform:translateX(-50%);font-family:"Alexandria",sans-serif;font-size:.6rem;color:var(--ac-ink2);white-space:nowrap} .ac-chart .c span.m{font-size:.62rem;color:var(--muted);white-space:nowrap} .ac-chart .c.now span.m{color:var(--accent);font-weight:600} .ac-chart .band{position:absolute;top:18px;bottom:22px;inset-inline-start:2px;width:calc((100% - 4px - (var(--cols) - 1) * 6px) * var(--pre) / var(--cols) + (var(--pre) - 1) * 6px); border-radius:10px;border:1px dashed var(--ac-field);background:repeating-linear-gradient(135deg,var(--ac-hatch) 0 6px,transparent 6px 12px);display:grid;place-items:center;font-size:.7rem;color:var(--muted);text-align:center;line-height:1.5} .ac-chart .band b{display:block;font-family:"Alexandria",sans-serif;font-weight:500;color:var(--ac-ink2)} .ac-status{display:flex;flex-direction:column} .ac-status .r{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 14px;border-top:1px solid var(--ac-hair);font-size:.8rem} .ac-status .r .t{flex:1;min-width:0} .ac-status .r .t small{display:block;color:var(--muted);font-size:.7rem;line-height:1.45} .ac-status .r .e{font-family:"Alexandria",sans-serif;font-size:.8rem;font-weight:600;white-space:nowrap} .ac-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none} .ac-dot.is-warn{background:var(--warn)} .ac-dot.is-neg{background:var(--neg)} .ac-dot.is-grey{background:var(--ac-grey)} .ac-tick{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent)} .ac-tick svg.ac-i{width:12px;height:12px;stroke-width:2.4} .ac-tick.is-no{background:var(--neg-soft);color:var(--neg)} .ac-tick.is-wait{background:var(--warn-soft);color:var(--warn)} .ac-tick.is-grey{background:var(--ac-fill);color:var(--muted)} /* ---------- القوائم المالية ---------- */ .ac-stmt-h{display:flex;align-items:flex-end;gap:10px 16px;flex-wrap:wrap;padding:14px 16px 10px;border-bottom:1px solid var(--ac-hair)} .ac-stmt-h .ent{font-size:.74rem;color:var(--muted);font-weight:600} .ac-stmt-h h2{font-size:1.1rem;font-weight:600;letter-spacing:-.01em} .ac-stmt-h .per{font-size:.76rem;color:var(--muted);margin-top:2px} .ac-stmt-h .end{margin-inline-start:auto;display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);white-space:nowrap} .ac-stmt .ac-tbl td{height:36px} .ac-stmt .ac-tbl td.lbl{white-space:nowrap} .ac-stmt .ac-tbl tr.is-ind td.lbl{padding-inline-start:26px} .ac-stmt .ac-tbl tr.is-tot td{font-weight:600;background:var(--ac-head);border-top:1px solid var(--line)} .ac-stmt .ac-tbl tr.is-net td{font-family:"Alexandria",sans-serif;font-weight:600;font-size:.98rem;height:48px;background:var(--ac-soft);border-top:2px solid var(--ac-accln)} .ac-stmt .ac-tbl tr.is-net td.n.cmp{color:var(--ac-ink2)} .ac-stmt .ac-tbl tr.is-sec td{font-weight:600;font-size:.76rem;color:var(--muted);height:30px;padding-top:6px} .ac-stmt .ac-tbl tr.is-hot td{background:var(--ac-sel)} .ac-stmt .ac-tbl td.cmp,.ac-stmt .ac-tbl th.cmp{color:var(--ac-ink2)} .ac-stmt .ac-tbl .go{color:var(--muted);opacity:0;transition:opacity var(--t-fast)} .ac-stmt .ac-tbl tr:hover .go,.ac-stmt .ac-tbl tr.is-hot .go{opacity:1;color:var(--accent)} .ac-stmt .ac-tbl td.pc{color:var(--muted);font-size:.76rem} .ac-check{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--ac-r);background:var(--accent-soft);color:var(--accent);font-size:.86rem} .ac-check b{font-family:"Alexandria",sans-serif;font-weight:600} .ac-check .eq{color:color-mix(in srgb,var(--accent) 60%,var(--ink));font-family:"Alexandria",sans-serif} .ac-check .end{margin-inline-start:auto;display:flex;align-items:center;gap:6px;font-weight:600} .ac-check.is-top{margin-bottom:14px} .ac-hdr4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ac-hair);border:1px solid var(--ac-hair);border-radius:12px;overflow:hidden} .ac-hdr4 > div{background:var(--surface);padding:8px 11px;min-width:0} .ac-hdr4 label{display:block;font-size:.66rem;color:var(--muted);white-space:nowrap} .ac-hdr4 .v{font-family:"Alexandria",sans-serif;font-weight:600;font-size:.92rem;white-space:nowrap;letter-spacing:-.01em} .ac-hdr4 .v small{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:.68rem;color:var(--muted);font-weight:500;margin-inline-start:4px} .ac-hdr4 > div.is-end{background:var(--ac-soft)} .ac-tie{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-top:8px} .ac-tie .ac-ok{font-size:.76rem} .ac-reasons{counter-reset:r;display:flex;flex-direction:column} .ac-reasons .r{display:flex;gap:10px;align-items:flex-start;padding:8px 14px;border-top:1px solid var(--ac-hair);font-size:.78rem;line-height:1.55} .ac-reasons .r::before{counter-increment:r;content:counter(r);flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--warn-soft);color:var(--warn);font-family:"Alexandria",sans-serif;font-size:.66rem;font-weight:600;margin-top:1px} .ac-reasons .r small{display:block;color:var(--muted);font-size:.7rem} /* ---------- التحصيل: الأعمار والاقتراح ---------- */ .ac-app .ac-age{font-size:.8rem} .ac-app .ac-age :is(th,td){padding:0 7px} .ac-age td.n .c{display:block;font-size:.66rem;color:var(--muted);line-height:1.2} .ac-age td.n{line-height:1.25} .ac-age td.hot{background:color-mix(in srgb,var(--warn-soft) 60%,var(--surface))!important} .ac-age tr.is-sub td.hot{background:color-mix(in srgb,var(--warn-soft) 80%,var(--surface))!important} .ac-age tfoot td{height:38px} .ac-age tfoot .diff{color:var(--ac-ink2)} .ac-prop{display:flex;flex-direction:column;gap:12px;padding:14px} .ac-prop-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ac-prop-h b{font-size:.96rem;font-weight:600} .ac-fld{display:flex;flex-direction:column;gap:5px;min-width:0} .ac-fld > label{font-size:.72rem;color:var(--ac-ink2);font-weight:600;display:flex;align-items:center;gap:6px} .ac-fld > label .opt{font-weight:400;color:var(--muted)} .ac-in{display:flex;align-items:center;gap:8px;height:38px;padding:0 11px;border-radius:10px;border:1px solid var(--ac-field);background:var(--surface);font-size:.86rem;min-width:0} .ac-in.is-focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)} .ac-in.is-err{border-color:var(--neg);box-shadow:0 0 0 3px color-mix(in srgb,var(--neg) 14%,transparent)} .ac-in.is-need{border-color:var(--ac-warnln);border-style:dashed} .ac-in.is-ro{background:var(--ac-head);color:var(--ac-ink2)} .ac-in.is-lock{background:var(--ac-fill);color:var(--muted);border-style:dashed} .ac-in .v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-in .v.ph{color:var(--muted)} .ac-in .v.n{text-align:end;font-family:"Alexandria",sans-serif;font-weight:500;direction:ltr} .ac-in svg.ac-i{color:var(--muted);width:16px;height:16px} .ac-in.is-area{height:auto;min-height:64px;align-items:flex-start;padding-top:9px} .ac-help{font-size:.7rem;color:var(--muted);line-height:1.5} .ac-help.is-err{color:var(--neg);display:flex;align-items:flex-start;gap:5px} .ac-help.is-err svg.ac-i{width:13px;height:13px;margin-top:2px} .ac-help.is-ok{color:var(--accent);display:flex;align-items:center;gap:5px} .ac-help.is-warn{color:var(--warn)} .ac-miss{display:flex;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--ac-hair);font-size:.8rem} .ac-miss .t{flex:1;min-width:0} .ac-miss .t small{display:block;color:var(--muted);font-size:.7rem} /* ---------- الضريبة ---------- */ .ac-box td.no{font-family:"Alexandria",sans-serif;color:var(--muted);font-size:.74rem;width:34px} .ac-box td.lbl{white-space:normal;line-height:1.35;padding-top:5px;padding-bottom:5px} .ac-chk{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--ac-hair);min-height:52px} .ac-chk .t b{display:block;font-size:.8rem;font-weight:600;line-height:1.45} .ac-chk .t small{display:block;font-size:.7rem;color:var(--muted)} .ac-chk .e{text-align:end;white-space:nowrap} .ac-chk .e .n{font-family:"Alexandria",sans-serif;font-size:.8rem;font-weight:600;display:block} .ac-chk .e small{font-size:.68rem;color:var(--muted)} /* ---------- التقارير ---------- */ .ac-rgrp .ac-rr{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 14px;border-top:1px solid var(--ac-hair)} .ac-rgrp .ac-rr:hover{background:var(--ac-hover)} .ac-rr .t{flex:1;min-width:0} .ac-rr .t b{display:block;font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-rr .t small{display:block;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-rr .p{font-size:.66rem;color:var(--muted);white-space:nowrap} .ac-rr .x{display:flex;gap:2px;opacity:.55} .ac-rr:hover .x{opacity:1} .ac-bigsearch{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:.92rem;color:var(--muted)} .ac-bigsearch .ph{flex:1} /* ---------- الورقة (قيد يدوي، مصروف جديد) ---------- */ .ac-scrim{position:fixed;inset:0;z-index:60;background:var(--ac-scrim)} .ac-sheet{position:fixed;z-index:61;inset-block:0;inset-inline-end:0;width:min(860px,calc(100vw - 280px));display:flex;flex-direction:column;background:var(--surface); border-inline-start:1px solid var(--line);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);animation:acSlide .36s var(--ease-out) backwards} .ac-sheet.is-wide{width:min(980px,calc(100vw - 260px))} .ac-sheet.is-nar{width:min(560px,calc(100vw - 280px))} .ac-sh-h{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 18px;border-bottom:1px solid var(--ac-hair)} .ac-sh-h h2{font-size:1.1rem;font-weight:600;letter-spacing:-.01em} .ac-sh-h .acts{margin-inline-start:auto;display:flex;align-items:center;gap:8px} .ac-sh-b{flex:1;min-height:0;overflow:auto;padding:16px 18px 20px} .ac-sh-f{display:flex;align-items:center;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ac-hair);background:var(--surface);flex-wrap:wrap} .ac-sh-f .note{font-size:.72rem;color:var(--muted);flex:1;min-width:200px;line-height:1.5} .ac-wiz{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;color:var(--muted)} .ac-wiz span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .ac-wiz i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ac-fill);font-family:"Alexandria",sans-serif;font-size:.66rem;font-weight:600} .ac-wiz .on{color:var(--ink);font-weight:600} .ac-wiz .on i{background:var(--accent);color:#fff} .ac-wiz .ln{width:22px;height:1px;background:var(--line)} .ac-stepn{font-size:.78rem;color:var(--muted);white-space:nowrap} .ac-frow{display:grid;gap:12px;margin-bottom:12px} .ac-frow.c2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ac-frow.c3{grid-template-columns:repeat(3,minmax(0,1fr))} .ac-frow.d1{grid-template-columns:220px minmax(0,1fr)} .ac-2c{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start} /* شبكة الأسطر (مثل الجدول الحسابي) */ .ac-lg{border:1px solid var(--ac-field);border-radius:12px;overflow:hidden} .ac-lg-h,.ac-lg-r{display:grid;grid-template-columns:34px minmax(0,1.7fr) 130px 130px minmax(0,1fr) 34px;align-items:center} .ac-lg-h{background:var(--ac-head);height:32px;font-size:.7rem;color:var(--muted);border-bottom:1px solid var(--ac-field)} .ac-lg-h > *,.ac-lg-r > *{padding:0 10px;min-width:0} .ac-lg-h .n{text-align:end} .ac-lg-r{min-height:52px;border-bottom:1px solid var(--ac-hair)} .ac-lg-r:last-child{border-bottom:0} .ac-lg-r > *{height:100%;display:flex;align-items:center;border-inline-start:1px solid var(--ac-hair)} .ac-lg-r > :first-child{border-inline-start:0;justify-content:center;font-family:"Alexandria",sans-serif;font-size:.72rem;color:var(--muted)} .ac-lg-r .ac-cell{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;line-height:1.35} .ac-lg-r .ac-cell b{font-size:.84rem;font-weight:600} .ac-lg-r .ac-cell small{font-size:.68rem;color:var(--muted)} .ac-lg-r .amt{justify-content:flex-end;font-family:"Alexandria",sans-serif;font-size:.86rem;font-weight:500;direction:ltr} .ac-lg-r .amt.e{color:var(--ac-grey)} .ac-lg-r .nt{font-size:.78rem;color:var(--ac-ink2)} .ac-lg-r .x{justify-content:center;color:var(--muted)} .ac-lg-r.is-focus .amt.f{box-shadow:inset 0 0 0 2px var(--accent);background:var(--ac-soft)} .ac-lg-r.is-add{min-height:40px;color:var(--accent);font-size:.8rem;font-weight:600;background:var(--ac-head)} .ac-lg-r.is-add > *{border-inline-start:0} .ac-bal{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--accent-soft);font-size:.8rem;color:color-mix(in srgb,var(--accent) 70%,var(--ink))} .ac-bal b{font-family:"Alexandria",sans-serif;font-weight:600;color:var(--ink);margin-inline-start:4px} .ac-bal .end{margin-inline-start:auto;display:flex;align-items:center;gap:6px;color:var(--accent);font-weight:600} .ac-bal.is-bad{background:var(--neg-soft);color:var(--neg)} .ac-checks{display:flex;flex-direction:column;border:1px solid var(--ac-hair);border-radius:12px;overflow:hidden} .ac-checks .h{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--ac-head);font-size:.78rem;font-weight:600} .ac-checks .h .end{margin-inline-start:auto;font-family:"Alexandria",sans-serif;font-size:.74rem;white-space:nowrap} .ac-checks .c{display:flex;align-items:flex-start;gap:9px;padding:8px 12px;border-top:1px solid var(--ac-hair);font-size:.78rem;line-height:1.5} .ac-checks .c small{display:block;color:var(--muted);font-size:.7rem} .ac-pv-l{display:flex;flex-direction:column;gap:10px} .ac-exp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px} /* ---------- ورقة التأكيد (مستوى ب: عواقب + زر يسمّي المبلغ | مستوى ج: تأكيد مكتوب) ---------- */ .ac-cf{position:fixed;z-index:62;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column; background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 90px -30px rgba(0,0,0,.55);animation:acPop .32s var(--ease-out) backwards} .ac-cf-b{flex:1;min-height:0;overflow:auto;padding:22px 22px 8px} .ac-cf-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:var(--accent-soft);color:var(--accent)} .ac-cf-ic svg.ac-i{width:26px;height:26px} .ac-cf-ic.is-neg{background:var(--neg-soft);color:var(--neg)} .ac-ask{font-family:"Alexandria",sans-serif;font-size:1.18rem;font-weight:600;letter-spacing:-.015em;line-height:1.45;text-align:center} .ac-ask-s{font-size:.82rem;color:var(--muted);text-align:center;margin-top:4px;line-height:1.65} .ac-lv{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;background:var(--ac-fill);color:var(--ac-ink2);font-size:.68rem;font-weight:600;margin:0 auto 8px} .ac-cf-c{display:flex;justify-content:center} .ac-cons{display:flex;flex-direction:column;margin-top:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);overflow:hidden;list-style:none;padding:0} .ac-cons li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 14px;font-size:.82rem;line-height:1.6;border-top:1px solid var(--ac-hair)} .ac-cons li:first-child{border-top:0} .ac-cons li svg.ac-i{width:16px;height:16px;margin-top:3px;color:var(--muted)} .ac-cons li.is-warn svg.ac-i{color:var(--warn)} .ac-cf-f{display:flex;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--ac-hair)} .ac-cf-f .ac-btn{height:44px;border-radius:12px;font-size:.88rem} .ac-cf-f .ac-btn-p,.ac-cf-f .ac-btn-d,.ac-cf-f .ac-why-w{flex:1} .ac-cf-f .ac-why-w .ac-btn{width:100%} .ac-typed{margin-top:14px} .ac-typed .ac-in{height:44px} .ac-typed b{font-family:"Alexandria",sans-serif} /* ---------- لوحة الأوامر ---------- */ .ac-cmdp{position:fixed;z-index:62;top:84px;left:50%;transform:translateX(-50%);width:min(640px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.55);overflow:hidden} .ac-cmdp-f{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border-bottom:1px solid var(--ac-hair);font-size:1rem} .ac-cmdp-f .q{flex:1;font-family:"Alexandria",sans-serif} .ac-cmdp-g{padding:6px} .ac-cmdp-g h4{font-size:.68rem;color:var(--muted);font-weight:600;padding:8px 10px 4px} .ac-cmdp-r{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:10px;font-size:.84rem} .ac-cmdp-r[aria-selected="true"]{background:var(--ac-sel)} .ac-cmdp-r small{color:var(--muted);font-size:.72rem} .ac-cmdp-r .e{margin-inline-start:auto;display:flex;gap:6px;align-items:center;color:var(--muted);font-size:.72rem} .ac-cmdp-foot{display:flex;gap:14px;padding:9px 14px;border-top:1px solid var(--ac-hair);font-size:.7rem;color:var(--muted);background:var(--ac-head)} /* ---------- الحالات ---------- */ .ac-skel{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,var(--ac-fill) 0%,color-mix(in srgb,var(--ac-fill) 40%,var(--surface)) 50%,var(--ac-fill) 100%);background-size:220% 100%;animation:acShim 1.3s linear infinite} .ac-skel.w40{width:40%}.ac-skel.w60{width:60%}.ac-skel.w80{width:80%}.ac-skel.w30{width:30%}.ac-skel.w20{width:20%} .ac-skel.lg{height:20px;border-radius:8px} .ac-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:48px 20px;color:var(--muted);font-size:.82rem;flex:1} .ac-empty .ac-ic{width:46px;height:46px;border-radius:14px;margin-bottom:6px} .ac-empty .ac-ic svg.ac-i{width:22px;height:22px} .ac-empty b{color:var(--ink);font-size:.96rem;font-weight:600} .ac-empty .acts{display:flex;gap:8px;margin-top:8px} .ac-fail{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:.8rem;color:var(--ac-ink2)} .ac-fail .ac-btn{margin-inline-start:auto} .ac-q{color:var(--muted)!important;font-family:"Alexandria",sans-serif} .ac-print-h,.ac-print-f,.ac-print-sign,.ac-wm{display:none} /* ---------- الكمبيوتر الصغير (1280 إلى 1365): أعمدة ثانوية تختفي ---------- */ @media (max-width:1365px){ .ac-app .ac-tbl :is(th,td).c-time,.ac-app .ac-tbl :is(th,td).c-by,.ac-app .ac-split .ac-tbl :is(th,td).c-acc{display:none} .ac-app{--ac-panel:520px} .ac-split.is-wide{--ac-panel:560px} .ac-gs{flex-basis:240px} .ac-task{grid-template-columns:32px minmax(0,1fr) 118px 0 138px} .ac-task .ag{display:none} } /* ---------- تابلت (901 إلى 1279): شريط أيقونات واللوحة تطفو ---------- */ @media (max-width:1279px) and (min-width:901px){ .ac-app{--ac-side:var(--ac-rail);--ac-panel:500px} .ac-brand img:not(.mk),.ac-brand span,.ac-ngb,.ac-ni span,.ac-side-me > div{display:none} .ac-brand .mk{display:block} .ac-ngi[hidden]{display:flex!important} .ac-ngi{border-top:1px solid var(--side-hover);padding-top:4px;margin-top:4px} .ac-ni{justify-content:center;padding:0;height:36px} .ac-ni .ac-nb{position:absolute;top:1px;inset-inline-end:4px;min-width:16px;height:16px;font-size:.58rem;padding:0 4px} .ac-side-me{justify-content:center}.ac-side-me .ac-ib{display:none} .ac-split{grid-template-columns:minmax(0,1fr)} .ac-split > .ac-panel{position:fixed;z-index:50;inset-block:12px;inset-inline-end:12px;width:var(--ac-panel)} .ac-g-main,.ac-2c{grid-template-columns:minmax(0,1fr)} .ac-g-5{grid-template-columns:repeat(3,minmax(0,1fr))} .ac-gs{flex-basis:200px} .ac-crumbs{display:none} .ac-comp .t{display:none} } /* ============================================================ الجوال (900 فأقل): نفس الصفحة بقراءة مريحة ============================================================ */ @media (max-width:900px){ .ac-app{--ac-gut:16px} .ac-side,.ac-top,.ac-dk{display:none!important} .ac-ph{display:block} .ac-ph-g{display:grid} .ac-ph-f{display:inline-flex} .ac-app main.ac-stage{margin-inline-start:0;padding:0 16px calc(var(--ac-tab) + 36px + env(safe-area-inset-bottom))} .ac-app.no-tab main.ac-stage{padding-bottom:calc(56px + 40px + env(safe-area-inset-bottom))} .ac-page,.ac-page.is-fill{height:auto;padding-top:0;min-height:0;display:block} .ac-ptop{display:flex;align-items:center;gap:10px;height:54px;padding-top:env(safe-area-inset-top)} .ac-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.78rem;font-weight:600;box-shadow:var(--shadow-sm);white-space:nowrap} .ac-pill svg.ac-i{color:var(--accent);width:16px;height:16px} .ac-ptop .ac-ib{width:40px;height:40px;border-radius:50%;box-shadow:var(--shadow-sm)} .ac-hd,.ac-page.is-fill > .ac-hd{margin:2px 0 14px;gap:8px;align-items:flex-start;flex-direction:column} .ac-kick{font-size:.76rem} .ac-h1{font-size:1.9rem;white-space:normal} .ac-lead{display:block;font-size:.84rem} .ac-lead .dot{display:inline-block;margin-inline-end:6px;vertical-align:1px} .ac-lead .sep{display:block;height:0;overflow:hidden} .ac-hd-m{gap:6px} .ac-hd-m .ac-per .stp{display:none} .ac-hd-m .ac-per .lb{padding-inline-start:10px} .ac-hd-act{display:none} .ac-card{border-radius:16px} .ac-grid,.ac-g-main,.ac-g-2,.ac-g-5,.ac-2c{grid-template-columns:minmax(0,1fr)} .ac-psec{margin-top:22px} .ac-psec-h{display:flex;align-items:baseline;gap:8px;margin:0 4px 8px} .ac-psec-h h2{font-size:1.04rem;font-weight:600} .ac-psec-h .n{font-family:"Alexandria",sans-serif;font-size:.78rem;color:var(--muted)} .ac-psec-h a{margin-inline-start:auto;color:var(--accent);font-weight:600;font-size:.84rem} /* صف بسطرين */ .ac-list{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:clip;box-shadow:var(--shadow-sm)} .ac-list.is-warn{border-color:var(--ac-warnln)} .ac-r2{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:3px;padding:11px 14px;border-top:1px solid var(--ac-hair);min-height:60px;align-content:center} .ac-r2:first-child{border-top:0} .ac-r2.go{grid-template-columns:minmax(0,1fr) auto 14px} .ac-r2.go > .gc{grid-column:3;grid-row:1 / span 2;align-self:center;color:var(--muted)} .ac-r2 .t{font-size:.9rem;font-weight:600;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-r2 .a{font-family:"Alexandria",sans-serif;font-weight:600;font-size:.9rem;text-align:end;white-space:nowrap} .ac-r2 .m{font-size:.74rem;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px} .ac-r2 .s{text-align:end;display:flex;justify-content:flex-end;align-items:center;gap:4px;white-space:nowrap;font-size:.72rem;color:var(--muted)} .ac-r2.is-dim{background:var(--ac-dim)} .ac-r2.is-dim .t,.ac-r2.is-dim .a{color:var(--muted)} .ac-r2.is-dim .t{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)} .ac-r2.is-sub{background:var(--ac-head)} .ac-r2.is-sub .t,.ac-r2.is-sub .a{font-weight:600} .ac-r2.is-net{background:var(--ac-soft)} .ac-r2.is-net .t,.ac-r2.is-net .a{font-family:"Alexandria",sans-serif;font-size:1rem} .ac-r2.is-hd{min-height:34px;padding:8px 14px 4px;background:var(--ac-head);position:sticky;top:0;z-index:2} .ac-r2.is-hd .t{font-size:.74rem;color:var(--muted);font-weight:600} .ac-r2.is-cta{display:flex;gap:8px;min-height:0;padding:4px 14px 12px;border-top:0;flex-wrap:wrap} .ac-r2.is-cta .ac-btn{flex:1} .ac-r2.is-cta .ac-help{flex-basis:100%} /* المهام والأرقام على الجوال */ .ac-task{grid-template-columns:34px minmax(0,1fr) auto;padding:11px 14px;min-height:64px;column-gap:12px} .ac-task:first-child{border-top:0} .ac-task .ag,.ac-task .go{display:none} .ac-task .tt b{white-space:normal;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ac-task .tt small{white-space:normal;flex-wrap:wrap} .ac-kpis{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);gap:0!important} .ac-kpis > .ac-kpi{border:0;border-radius:0;box-shadow:none;border-top:1px solid var(--ac-hair);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;padding:12px 14px;align-items:center} .ac-kpis > .ac-kpi:first-child{border-top:0} .ac-kpis > .ac-kpi label{grid-column:1;font-size:.86rem;color:var(--ink);font-weight:600} .ac-kpis > .ac-kpi .term{grid-column:1;margin:0} .ac-kpis > .ac-kpi .v{grid-column:2;grid-row:1 / span 3;font-size:1.02rem;justify-content:flex-end;text-align:end;margin:0} .ac-kpis > .ac-kpi .s{grid-column:1;white-space:normal;font-size:.72rem} .ac-kpis > .ac-kpi .ac-bar{grid-column:1 / -1;margin-top:6px} .ac-kpis > .ac-kpi .row{grid-column:1 / -1} .ac-chart{--cols:6;--pre:4;height:132px} .ac-chart .c.m6{display:none} /* الشرائح والجداول تصير قوائم */ .ac-strip{flex-wrap:wrap} .ac-sc{flex:1 1 45%;border-top:1px solid var(--ac-hair)} .ac-tools{flex-wrap:wrap;gap:6px} .ac-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} .ac-fchip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.8rem;color:var(--ac-ink2);white-space:nowrap} .ac-fchip b{font-family:"Alexandria",sans-serif;font-weight:500;font-size:.72rem;color:var(--muted)} .ac-fchip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)} .ac-fchip[aria-pressed="true"] b{color:inherit;opacity:.7} .ac-fchip svg.ac-i{width:15px;height:15px} .ac-sumpill{position:fixed;z-index:28;left:50%;transform:translateX(-50%);bottom:calc(var(--ac-tab) + 12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px; background:var(--ac-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:.78rem;white-space:nowrap;max-width:calc(100vw - 32px)} .ac-sumpill b{font-family:"Alexandria",sans-serif;font-weight:600} .ac-sumpill .ac-ok{font-size:.78rem} /* شريط التبويبات الزجاجي */ .ac-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:30;height:calc(var(--ac-tab) + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom); background:var(--ac-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)} .ac-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:.64rem;font-weight:500;position:relative;min-width:0} .ac-tab svg.ac-i{width:23px;height:23px;stroke-width:1.6} .ac-tab[aria-current="page"]{color:var(--accent);font-weight:600} .ac-tab[aria-current="page"] svg.ac-i{stroke-width:2} .ac-tab .bd{position:absolute;top:2px;inset-inline-start:calc(50% + 6px);min-width:17px;height:17px;border-radius:9px;background:var(--warn);color:#fff;font-family:"Alexandria",sans-serif;font-size:.6rem;display:grid;place-items:center;padding:0 4px;border:2px solid var(--bg)} .ac-tab.is-add .pl{width:44px;height:44px;border-radius:15px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px -10px var(--accent)} .ac-tab.is-add .pl svg.ac-i{width:22px;height:22px;stroke-width:2.2} .ac-tab.is-add span:not(.pl){display:none} .ac-fab{position:fixed;z-index:30;inset-inline-end:16px;bottom:calc(20px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 22px 0 20px;border-radius:18px;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 16px 30px -14px var(--accent)} .ac-fab svg.ac-i{width:22px;height:22px} /* اللوحة والورقة تصير شاشة كاملة */ .ac-split{display:block} .ac-split > .ac-tcard{display:none} .ac-panel,.ac-sheet,.ac-sheet.is-wide,.ac-sheet.is-nar{position:fixed;z-index:61;inset:0;width:auto;border:0;border-radius:0;box-shadow:none;animation:acUp .36s var(--ease-out) backwards} .ac-scrim{display:none} .ac-cf{inset:auto 0 0 0;top:auto;left:0;transform:none;width:auto;max-height:calc(100dvh - 24px);border-radius:24px 24px 0 0;animation:acUp .36s var(--ease-out) backwards} .ac-cf + .ac-scrim,.ac-scrim.is-cf{display:block} .ac-cf-f{padding:12px 16px calc(14px + env(safe-area-inset-bottom))} .ac-ph-h{min-height:54px;padding:env(safe-area-inset-top) 10px 0 12px;background:var(--surface)} .ac-ph-h .crumbs{display:none} .ac-pback{display:inline-flex;align-items:center;gap:2px;color:var(--accent);font-weight:600;font-size:.95rem;height:40px} .ac-ph-h .ac-ib{width:38px;height:38px;border-radius:50%} .ac-pb{padding:6px 16px 28px} .ac-pt h2{font-size:1.6rem} .ac-kv{grid-template-columns:minmax(0,1fr)} .ac-kv.is-2{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-hdr4{grid-template-columns:minmax(0,1fr)} .ac-hdr4 > div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px} .ac-hdr4 .v{font-size:.96rem} .ac-btn{height:44px;border-radius:12px;font-size:.86rem;padding:0 16px} .ac-btn-sm{height:34px;font-size:.78rem} .ac-acts{flex-direction:column;align-items:stretch} .ac-acts > .ac-why-w{align-items:stretch;flex-direction:column} .ac-acts > .ac-why-w > .ac-btn{width:100%} .ac-acts.is-row{flex-direction:row;align-items:stretch} .ac-acts.is-row > .ac-why-w{flex:1} .ac-btn-icm{width:44px;padding:0;flex:none} .ac-btn-icm .lb{display:none} .ac-why{display:none!important} /* السبب القصير يبقى ظاهراً بجانب الزر | السبب الكامل في ورقة «ليش ما أقدر؟» عند اللمس */ .ac-sh-h{min-height:56px;padding:env(safe-area-inset-top) 12px 0} .ac-sh-h h2{font-size:1.02rem} .ac-sh-b{padding:12px 16px 24px} .ac-sh-f{padding:10px 16px calc(12px + env(safe-area-inset-bottom));gap:8px} .ac-sh-f .note{flex-basis:100%;order:-1} .ac-sh-f > .ac-btn-g{flex:0 0 auto} .ac-sh-f > .ac-btn-p,.ac-sh-f > .ac-why-w{flex:1} .ac-sh-f > .ac-why-w > .ac-btn{width:100%} .ac-frow.c2,.ac-frow.c3,.ac-frow.d1{grid-template-columns:minmax(0,1fr)} .ac-exp-grid{grid-template-columns:minmax(0,1fr)} .ac-in{height:46px;border-radius:12px;font-size:.95rem} .ac-lcard{border:1px solid var(--ac-field);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px} .ac-lcard .hd{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--muted)} .ac-lcard .hd .x{margin-inline-start:auto} .ac-lcard .ac-seg{align-self:flex-start} .ac-lcard .ac-seg button{height:32px;padding:0 14px;font-size:.8rem} .ac-ph3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px} .ac-ph3 span{height:4px;border-radius:2px;background:var(--ac-fill)} .ac-ph3 span.on{background:var(--accent)} .ac-ph3l{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin:-8px 0 14px} .ac-ph3l b{color:var(--ink);font-weight:600} .ac-gs,.ac-ai{display:none} .ac-empty{padding:40px 16px} .ac-note{font-size:.8rem} .ac-check{flex-direction:column;align-items:flex-start;gap:4px} .ac-check .end{margin-inline-start:0} .ac-offline{margin:0 0 12px} } @media (max-width:380px){ .ac-h1{font-size:1.65rem} .ac-tab{font-size:.6rem} } @media (prefers-reduced-motion:reduce){ .ac-page > *,.ac-panel,.ac-sheet,.ac-cf,.ac-pop,.ac-cmdp,.ac-skel{animation:none} } /* ============================================================ الإنتاج: أجزاء يرسمها acc-shell.js (حقول حقيقية، نوافذ صغيرة، منتقي الفترة، التقويم، قائمة الحساب، الطباعة) ============================================================ */ /* الحقول الحقيقية داخل .ac-in (النموذج كان يرسم نصاً) | بلا type=number ولا تاريخ أصلي */ .ac-in input,.ac-in textarea{flex:1;min-width:0;width:100%;border:0;background:transparent;outline:none;color:var(--ink);font:inherit;font-size:inherit;padding:0;align-self:stretch;height:auto} .ac-in input::placeholder,.ac-in textarea::placeholder{color:var(--muted)} .ac-in textarea{resize:vertical;min-height:44px;line-height:1.6} .ac-in:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)} .ac-in.is-err:focus-within{border-color:var(--neg)} .ac-in input.n,.ac-in input[inputmode="decimal"]{text-align:end;font-family:"Alexandria",sans-serif;font-weight:500;direction:ltr} .ac-date input{direction:ltr;text-align:end;font-family:"Alexandria",sans-serif;font-variant-numeric:tabular-nums} .ac-date .ac-ib{width:30px;height:30px;margin-inline-end:-6px} /* زر مشغول حتى رد السيرفر (ضغطتين ما ترسل مرتين) */ .ac-btn.is-busy{pointer-events:none;color:transparent!important} .ac-btn.is-busy::after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:acSpin .7s linear infinite} .ac-btn-g.is-busy::after{border-color:var(--ac-field);border-top-color:var(--accent)} @keyframes acSpin{to{transform:rotate(360deg)}} /* شرح القفل: يثبت بالنقر على الكمبيوتر (اللمس) | السطر الثاني لسبب الحالة */ .ac-why-w.is-open .ac-why{display:flex} .ac-why .l2{display:block;margin-top:6px} .ac-why .l2 b{color:var(--ink)} .ac-why-lines{display:flex;flex-direction:column;gap:3px} /* القائمة الجانبية: تركيز واضح على الأسود | اسم المتجر */ .ac-side :focus-visible{outline:2px solid var(--side-ink);outline-offset:-2px;box-shadow:none} .ac-store{overflow:hidden;text-overflow:ellipsis;max-width:120px} .ac-crumbs a{color:inherit} .ac-crumbs a:hover{color:var(--accent)} .ac-per .lb{height:30px;border-radius:999px} .ac-per .lb:hover{background:var(--ac-hover)} .ac-per .stp:disabled{opacity:.35;cursor:default;background:none} .ac-comp:hover{filter:brightness(.98)} .ac-comp[aria-expanded="true"]{box-shadow:0 0 0 2px var(--ac-warnln)} .ac-comp.is-q{background:var(--ac-fill);color:var(--muted)} .ac-ai:hover{filter:brightness(.97)} /* قائمة + لوحة: بلا لوحة مفتوحة يأخذ الجدول العرض كله */ .ac-split:not(:has(> .ac-panel)){grid-template-columns:minmax(0,1fr)} .ac-panel:focus{outline:none} /* رأس الورقة الجانبية */ .ac-sh-tt{min-width:0;flex:1} .ac-sh-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-top:2px} .ac-sh-sub:empty{display:none} .ac-sh-f[hidden],.ac-pfoot[hidden]{display:none} /* التأكيد: سبب قفل الزر الأساسي ظاهر فوق الأزرار | خطأ السيرفر داخل الورقة */ .ac-cf-need{display:flex;align-items:flex-start;gap:6px;padding:0 22px 10px;font-size:.74rem;color:var(--muted);line-height:1.55} .ac-cf-need svg.ac-i{margin-top:3px} .ac-cf-need.ac-pulse{animation:acNeed .5s var(--ease-out)} @keyframes acNeed{30%{color:var(--warn)}60%{transform:translateX(-3px)}} .ac-cf-err{margin-top:14px} .ac-cap{caption-side:top;text-align:start;padding:8px 12px;font-size:.74rem;color:var(--muted)} .ac-cf .ac-cons li span{min-width:0} /* النوافذ الصغيرة: أسباب الاكتمال، قائمة الحساب، منتقي الفترة، التقويم */ .ac-scrim.is-pop{background:transparent} .ac-pop{position:fixed;z-index:64;min-width:260px;max-width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);animation:acIn .22s var(--ease-out) backwards} .ac-pop-grab{display:none} .ac-comp-pop .ac-card-h{padding:12px 14px 6px} .ac-comp-pop .ac-reasons .r:first-child{border-top:0} .ac-reasons-pop{width:360px} .ac-menu{padding:6px} .ac-menu-h{padding:8px 10px 10px;border-bottom:1px solid var(--ac-hair);margin-bottom:4px} .ac-menu-h b{display:block;font-size:.86rem;font-weight:600} .ac-menu-h small{display:block;font-size:.72rem;color:var(--muted);margin-top:1px} .ac-mi{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border-radius:10px;font-size:.84rem;color:var(--ink)} .ac-mi:hover,.ac-mi:focus-visible{background:var(--ac-hover)} .ac-mi svg.ac-i{color:var(--muted)} .ac-pp-pop{width:340px} .ac-pp{display:flex;flex-direction:column;gap:12px;padding:12px} .ac-pp-m{align-self:stretch;display:flex} .ac-pp-m button{flex:1;justify-content:center} .ac-pp-pre{display:flex;flex-wrap:wrap;gap:6px} .ac-pre{height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line);font-size:.76rem;color:var(--ac-ink2);white-space:nowrap} .ac-pre:hover{border-color:var(--ac-field);color:var(--ink)} .ac-pre[aria-pressed="true"]{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:600} .ac-pp-y{display:flex;align-items:center;justify-content:space-between;gap:8px} .ac-pp-y b{font-family:"Alexandria",sans-serif;font-weight:600;font-size:.94rem} .ac-pp-y .ac-ib:disabled,.ac-cal-h .ac-ib:disabled{opacity:.3;cursor:default} .ac-pp-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .ac-pp-g.is-q{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-pp-g.is-y{grid-template-columns:repeat(3,minmax(0,1fr))} .ac-pm{height:38px;border-radius:10px;border:1px solid var(--ac-hair);font-size:.82rem;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px} .ac-pm.is-q{height:54px} .ac-pm b{font-weight:600;font-size:.84rem} .ac-pm small{font-size:.68rem;color:var(--muted)} .ac-pm bdi{font-family:"Alexandria",sans-serif} .ac-pm:hover:not(:disabled){border-color:var(--ac-field);background:var(--ac-hover)} .ac-pm[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff} .ac-pm[aria-pressed="true"] small{color:rgba(255,255,255,.8)} .ac-pm:disabled{color:var(--ac-grey);cursor:default} .ac-pm[data-pre-books]:not([aria-pressed="true"]){color:var(--muted);border-style:dashed} .ac-pp .ac-frow{margin-bottom:0} .ac-pp-f{display:flex;justify-content:flex-end;gap:8px} .ac-pp-err{color:var(--neg)} .ac-cal{display:flex;flex-direction:column;gap:6px} .ac-cal-h{display:flex;align-items:center;justify-content:space-between} .ac-cal-h b{font-weight:600;font-size:.86rem} .ac-cal-h b bdi{font-family:"Alexandria",sans-serif} .ac-cal-w,.ac-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center} .ac-cal-w span{font-size:.68rem;color:var(--muted);padding:2px 0} .ac-d{height:34px;border-radius:9px;font-family:"Alexandria",sans-serif;font-size:.78rem;color:var(--ink);display:grid;place-items:center} .ac-d:hover:not(:disabled){background:var(--ac-hover)} .ac-d.is-today{box-shadow:inset 0 0 0 1px var(--ac-accln);color:var(--accent);font-weight:600} .ac-d.is-range{background:var(--ac-soft)} .ac-d.is-pre{color:var(--muted)} .ac-d[aria-pressed="true"]{background:var(--accent);color:#fff;font-weight:600} .ac-d:disabled{color:var(--ac-grey);cursor:not-allowed;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ac-grey) 60%,transparent)} /* لوحة الأوامر بحقل حقيقي */ .ac-cmdp-f input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--ink);font:inherit;font-size:1rem} .ac-cmdp-f input::placeholder{color:var(--muted)} .ac-cmdp-l{max-height:min(420px,60vh);overflow:auto} .ac-cmdp-r{width:100%;text-align:start} .ac-cmdp-r:hover{background:var(--ac-hover)} .ac-cmdp-r svg.ac-i{color:var(--muted)} .ac-cmdp-empty{padding:22px 16px;text-align:center;font-size:.82rem;color:var(--muted)} @media (min-width:901px){.ac-app:not(.ac-kb-on) .ac-cmdp .ac-kbd{display:inline-grid!important}} /* التنبيه العابر: زر «فتح» بجانب النص */ .snd-toast .ac-tact{flex:none;height:28px;padding:0 10px;border-radius:8px;border:0;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;align-self:center} /* ورقات الجوال (المزيد، إضافة، ليش ما أقدر؟) */ .ac-ps .ac-ps-t{text-align:start} .ac-ps .ac-psec{margin-top:14px} .ac-ps .ac-r2 .t{display:flex;align-items:center;gap:10px} .ac-ps .ac-r2 .t svg.ac-i{color:var(--muted);width:18px;height:18px} .ac-ps-help{margin:8px 4px 0} .ac-list > button.ac-r2{width:100%;text-align:start} .ac-more{margin-top:10px} @media (max-width:1279px) and (min-width:901px){ .ac-store{display:none} } @media (max-width:900px){ .ac-tabbar{grid-template-columns:repeat(var(--tabs,5),1fr)} .ac-app #snd-toast{bottom:calc(var(--ac-tab) + 14px + env(safe-area-inset-bottom,0px))} .ac-app.no-tab #snd-toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))} .ac-pop,.ac-pp-pop,.ac-reasons-pop{inset:auto 0 0 0!important;top:auto!important;width:auto;max-width:none;max-height:calc(100dvh - 40px);border-radius:24px 24px 0 0;border-inline:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);animation:acUp .3s var(--ease-out) backwards} .ac-pop-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--ac-fill);margin:8px auto 2px} .ac-scrim.is-pop{background:var(--ac-scrim)} .ac-pp{padding:12px 16px 16px} .ac-d{height:42px} .ac-pm{height:44px} .ac-mi{height:48px} .ac-cmdp{top:12px;border-radius:18px} .ac-cmdp-foot,.ac-cmdp .ac-kbd{display:none!important} .ac-cf-need{padding:0 16px 10px} /* أهداف اللمس 44 على الأقل (DESIGN §3.4 و§10): منطقة لمس شفافة حول الأزرار الصغيرة بدون ما يتغيّر شكلها */ .ac-ptop .ac-ib{width:44px;height:44px} .ac-per .lb,.ac-per .stp,.ac-comp,.ac-dead,.ac-fchip,.ac-date .ac-ib,.ac-lnk,.ac-card-h .lnk,.ac-psec-h a,.ac-btn-sm,.ac-pre,.ac-ph-h .ac-ib{position:relative} .ac-per .lb::before,.ac-per .stp::before,.ac-comp::before,.ac-dead::before,.ac-fchip::before,.ac-date .ac-ib::before,.ac-lnk::before,.ac-card-h .lnk::before,.ac-psec-h a::before,.ac-btn-sm::before,.ac-pre::before,.ac-ph-h .ac-ib::before{ content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;min-width:44px;min-height:44px;transform:translate(-50%,-50%)} } /* ============================================================ الطباعة: الورق الرسمي من محرك المستندات فقط (design/doc-system/DESIGN.md §8) طباعة المتصفح لصفحة المحاسبة (من قائمة المتصفح) تطبع سطراً واحداً بدل الشاشة ============================================================ */ @media print{ :root,:root[data-theme="dark"]{color-scheme:light} body.ac-app{background:#fff!important;color:#111!important;min-height:0} body.ac-app > *{display:none!important} body.ac-app::before{content:"للطباعة الرسمية استخدم زر «طباعة» في الصفحة | الورق يطلع من محرك المستندات بأرقام السيرفر";display:block;padding:30mm 12mm;text-align:center;font:500 13pt/1.8 "IBM Plex Sans Arabic",sans-serif;color:#111} }