/* ############################################################################
LAVIDA — ملف التصميم الموحد (Design System) — كل الثيم والتنسيق في ملف واحد
الإصدار: 20261020 — مستخرج حرفيًا من ملفات السيستم الحالية دون تعديل في القيم
المحتوى:
1) الخط Cairo
2) التوكنز + القالب العام + المكوّنات (home.css)
3) التنقل والجلسة (session-navigation.css)
4) أدوات الملفات والمرفقات (file-controls.css)
5) الطباعة والتقارير (print-kit.css)
6) الأيقونات (55 أيقونة)
القواعد الإلزامية: var(--brand) أساسي · Cairo · وزن 400 · RTL · خلفيات فاتحة وبطاقات بيضاء
نوافذ منبثقة (popups) لا قوائم منسدلة · الصفحات تستهلك المتغيرات ولا تعيد تعريف :root
############################################################################ */
/* ========== 1) الخط ========== */
@font-face{font-family:"Cairo";src:url("fonts/Cairo-Variable.ttf") format("truetype-variations");font-weight:200 1000;font-display:swap;}
/* ========== 2) home.css ========== */
/* ============================================================================
LAVIDA — Design System التنفيذي (المرجع الوحيد: صورة «LAVIDA — تطوير التصميم المعتمد»)
الملف المشترك الوحيد لثيم النظام كله: التوكنز + القالب العام (تنقل علوي للمراكز) + المكوّنات.
القواعد الإلزامية: #c62828 أساسي · Cairo · وزن 400 فقط · RTL · خلفيات فاتحة وبطاقات بيضاء.
قيم التوكنز مطابقة حرفيًا لعقد config/ui-standard.json (LAVIDA-UI/1) و ThemePolicy.php.
الصفحات تستهلك المتغيّرات فقط ولا تعيد تعريف :root.
============================================================================ */
:root{
/* ===== E5.7 — قيود التصميم المعتمدة 2026-10-23 (tokens.css) — القيم الوحيدة المسموحة ===== */
--lav-font:"Cairo",system-ui,sans-serif; --lav-w-text:600; --lav-w-strong:800;
--fs-small:12px; --fs-text:14px; --fs-title-sm:16px; --fs-section:20px; --fs-page:26px; --fs-kpi:30px;
--bg:#f6f7f9; --grid:#e6e8ec; --glow:rgba(214,40,40,.14);
--surface:#ffffff; --surface-solid:#ffffff; --border:#e5e7eb; --text:#0f172a; --muted:#475569; --soft:#f8fafc;
--brand:#c62828; --brand-2:#e53935; --brand-glow:#ef4444; --brand-soft:#fdecec; --brand-deep:#b91c1c;
--st-draft:#64748B; --st-pending:#D97706; --st-approved:#16A34A; --st-rejected:#DC2626;
--st-canceled:#4B5563; --st-archived:#A16207; --st-info:#2563EB;
--btn-save:linear-gradient(180deg,#22c55e,#15803d); --btn-primary:linear-gradient(180deg,#3b82f6,#1d4ed8);
--btn-danger:linear-gradient(180deg,#ef4444,#b91c1c);
--radius-card:18px; --radius-row:10px; --radius-btn:12px; --radius-badge:6px; --radius-icon:12px;
--row-h:40px; --row-gap:6px; --badge-w:88px; --toast-w:420px;
/* ألوان الأيقونات الـ18 (icons.json) */
--c-green:#16A34A; --c-blue:#2563EB; --c-emerald:#059669; --c-red:#DC2626; --c-slate:#475569; --c-amber:#D97706;
--c-cyan:#0891B2; --c-indigo:#4F46E5; --c-sky:#0284C7; --c-violet:#7C3AED; --c-teal:#0D9488; --c-purple:#9333EA;
--c-orange:#EA580C; --c-rose:#E11D48; --c-brown:#92400E; --c-pink:#DB2777; --c-lime:#65A30D; --c-fuchsia:#C026D3;
--on-color:#ffffff; --print-ink:#111;
--shadow-card:0 10px 30px rgba(15,23,42,.06); --overlay:rgba(15,23,42,.42);
--lav-primary:var(--brand);
--lav-primary-dark:var(--brand-deep);
--lav-primary-soft:var(--brand-soft);
--lav-warn:var(--brand);
--lav-warn-dark:var(--brand-deep);
--lav-bg:var(--bg);
--lav-surface:var(--surface-solid);
--lav-surface-2:var(--soft);
--lav-card:var(--surface-solid);
--lav-border:var(--border);
--lav-border-2:var(--border);
--lav-text:var(--text);
--lav-muted:var(--muted);
--lav-soft:var(--soft);
--lav-ok:var(--st-approved);
--lav-success:var(--st-approved);
--lav-success-bg:color-mix(in srgb,var(--st-approved) 12%,transparent);
--lav-warning:var(--st-pending);
--lav-warning-bg:color-mix(in srgb,var(--st-pending) 12%,transparent);
--lav-error:var(--st-rejected);
--lav-error-bg:color-mix(in srgb,var(--st-rejected) 8%,transparent);
--lav-error-blink:color-mix(in srgb,var(--st-rejected) 22%,transparent);
--lav-shadow:var(--shadow-card);
--lav-shadow-soft:0 4px 12px rgba(15,23,42,.05);
--lav-radius:var(--radius-btn);
--lav-sidebar:220px;
--lav-topbar:54px;
--lav-env-h:0px;
--lav-env-bg:color-mix(in srgb,var(--st-pending) 14%,transparent);
--lav-env-text:var(--st-pending);
--lav-env-icon:var(--st-pending);
--lav-env-line:color-mix(in srgb,var(--st-pending) 40%,transparent);
--lav-font:"Cairo",system-ui,sans-serif;
--lav-warn-soft:color-mix(in srgb,var(--st-pending) 30%,transparent);
--lav-ok-bg:color-mix(in srgb,var(--st-approved) 12%,transparent);
--lav-ok-border:color-mix(in srgb,var(--st-approved) 35%,transparent);
--lav-err-bg2:color-mix(in srgb,var(--st-rejected) 10%,transparent);
--lav-primary-2:var(--brand);
--lav-err-border:color-mix(in srgb,var(--st-rejected) 35%,transparent);
--lav-warn-bg2:color-mix(in srgb,var(--st-pending) 12%,transparent);
--lav-ok-dark:var(--st-approved);
--lav-primary-3:var(--brand-2);
--lav-primary-deep:var(--brand-deep);
--lav-border-3:var(--border);
--lav-save:var(--st-approved);
--lav-save-dark:var(--st-approved);
--lav-danger2:var(--st-rejected);
--lav-warn-bg3:color-mix(in srgb,var(--st-pending) 8%,transparent);
--lav-warn-bg4:color-mix(in srgb,var(--st-pending) 10%,transparent);
--lav-warn-text:var(--st-pending);
--lav-warn-border:color-mix(in srgb,var(--st-pending) 35%,transparent);
--lav-ok-deep:var(--st-approved);
--lav-transfer:var(--st-info);
--lav-transfer-dark:var(--st-info);
--lav-transfer-soft:color-mix(in srgb,var(--st-info) 12%,transparent);
--lav-transfer-border:color-mix(in srgb,var(--st-info) 35%,transparent);
--lav-border-4:var(--border);
--lav-soft2:var(--soft);
--lav-muted2:var(--muted);
--lav-muted3:var(--muted);
--lav-ok-bg2:color-mix(in srgb,var(--st-approved) 8%,transparent);
--lav-ok-border2:color-mix(in srgb,var(--st-approved) 30%,transparent);
--lav-err-bg3:color-mix(in srgb,var(--st-rejected) 6%,transparent);
--lav-err-border2:color-mix(in srgb,var(--st-rejected) 30%,transparent);
--lav-warn-text2:var(--st-pending);
--lav-warn2:var(--st-pending);
--lav-err-bg4:color-mix(in srgb,var(--st-rejected) 5%,transparent);
--lav-soft3:var(--soft);
--lav-note-info-text:var(--muted);
--lav-note-info-border:var(--border);
--lav-note-empty-bg:var(--soft);
--lav-note-empty-border:var(--border);
--lav-font-base:var(--fs-text);
--lav-font-title:var(--fs-title-sm);
--lav-font-small:var(--fs-small);
--lav-font-tiny:var(--fs-small);
--lav-font-lg:var(--fs-title-sm);
--lav-radius-pill:999px;
--lav-radius-sm:var(--radius-row);
--lav-toast-w:var(--toast-w);
--lav-toast-h:auto;
--lav-toast-icon:32px;
--lav-ic-indigo:var(--c-indigo);
--lav-ic-indigo-bg:color-mix(in srgb,var(--c-indigo) 22%,transparent);
--lav-ic-teal:var(--c-teal);
--lav-ic-teal-bg:color-mix(in srgb,var(--c-teal) 22%,transparent);
--lav-ic-violet:var(--c-violet);
--lav-ic-violet-bg:color-mix(in srgb,var(--c-violet) 22%,transparent);
--lav-ic-cyan:var(--c-cyan);
--lav-ic-cyan-bg:color-mix(in srgb,var(--c-cyan) 22%,transparent);
--lav-ic-amberd:var(--c-amber);
--lav-ic-amberd-bg:color-mix(in srgb,var(--c-amber) 22%,transparent);
--lav-ic-pink:var(--c-pink);
--lav-ic-pink-bg:color-mix(in srgb,var(--c-pink) 22%,transparent);
--lav-ic-orange:var(--c-orange);
--lav-ic-orange-bg:color-mix(in srgb,var(--c-orange) 22%,transparent);
--lav-badge-w:var(--badge-w);
--lav-star:var(--c-amber);
--lav-act-w:30px;
--lav-act-h:30px;
--lav-btn-xs-w:76px;
--lav-badge-h:24px;
--lav-badge-ok-bg:color-mix(in srgb,var(--st-approved) 12%,transparent);
--lav-badge-ok-bd:color-mix(in srgb,var(--st-approved) 35%,transparent);
--lav-badge-warn-bg:color-mix(in srgb,var(--st-pending) 12%,transparent);
--lav-badge-warn-bd:color-mix(in srgb,var(--st-pending) 35%,transparent);
--lav-badge-err-bg:color-mix(in srgb,var(--st-rejected) 12%,transparent);
--lav-badge-err-bd:color-mix(in srgb,var(--st-rejected) 35%,transparent);
--lav-ic-box:40px;
--lav-ic-size:18px;
--lav-ic-size-btn:16px;
--lav-ic-stroke:1.8;
--lav-tab-h:38px;
--lav-tab-font:var(--fs-text);
--lav-tab-pad-x:9px;
--lav-tab-min-w:112px;
--lav-btn-h:40px;
--lav-btn-font:var(--fs-text);
--lav-btn-pad:0 18px;
--lav-btn-radius:var(--radius-btn);
--lav-field-h:44px;
--lav-field-font:var(--fs-text);
--lav-select-font:var(--fs-small);
--lav-card-pad:13px;
--lav-table-font:var(--fs-text);
--lav-table-cell-pad:5px 8px;
--lav-gap:12px;
--lav-font-weight:var(--lav-w-text);
--lav-line-height:1.6;
--lav-field-pad-x:10px;
--lav-textarea-min-h:72px;
--lav-icon-btn:36px;
--lav-label-gap:4px;
--lav-error-gap:4px;
--lav-action-gap:8px;
--lav-dialog-message:430px;
--lav-dialog-form:720px;
--lav-dialog-data:960px;
--lav-dialog-wide:1320px;
--lav-dialog-padding:14px;
--lav-dialog-radius:var(--radius-card);
--lav-dialog-gap:12px;
--lav-form-field-width:215px;
--lav-form-cols:4;
--lav-nav-h:60px;
--lav-nav-icon:20px;
--lav-nav-font:var(--fs-title-sm);
--lav-kpi-num:var(--fs-kpi);
--lav-h1:var(--fs-page);
--lav-drawer-w:420px;
--lav-content-standard:1440px;
--lav-content-wide:1600px;
--lav-content-form:960px;
--lav-content-max:var(--lav-content-wide);
--lav-focus-ring:0 0 0 3px color-mix(in srgb,var(--brand-2) 22%,transparent);
--lav-touch-min:36px;
--lav-overlay:var(--overlay);
}*{box-sizing:border-box}html,body,button,input,select,textarea,[role="button"],[role="tab"],table,th,td,h1,h2,h3,h4,h5,h6,b,strong{font-family:var(--lav-font)}/* وزن 400 فقط — يشمل العناوين ورؤوس الجداول و b/strong والشعار النصي */
h1,h2,h3,h4,h5,h6,th,optgroup,b,strong,label,legend,dt{font-weight:var(--lav-w-text)}h1,h2,h3{font-size:var(--lav-font-title);line-height:var(--lav-line-height);margin:0 0 6px}h4,h5,h6{font-size:var(--lav-font-base);line-height:var(--lav-line-height);margin:0 0 4px}body{
margin:0;font-family:var(--lav-font);font-size:var(--lav-font-base);color:var(--lav-text);direction:rtl;
line-height:var(--lav-line-height);font-weight:var(--lav-w-text);min-height:100vh;min-height:100dvh;background:var(--lav-bg);
}#app,.lavx-shell,.lav-shell{position:relative;z-index:1}button,input,select,textarea{font-family:var(--lav-font);font-weight:var(--lav-w-text);color:var(--lav-text)}a{color:var(--lav-primary)}[hidden]{display:none!important}.lav-ic{width:14px;height:14px;display:inline-block;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:5px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--lav-primary);outline-offset:2px;box-shadow:var(--lav-focus-ring)}/* الشعار النصي (نص حي — وزن 400 — أحمر الهوية) */
.lav-logo,.lavx-logo-word{font-size:var(--fs-page);letter-spacing:.5px;color:var(--lav-primary);line-height:1.1;font-weight:var(--lav-w-text);direction:ltr;display:inline-block}.lav-sub{font-size:var(--lav-font-small);color:var(--lav-muted);line-height:1.3;font-weight:var(--lav-w-text)}.lavx-logo-tag{font-size:var(--lav-font-small);color:var(--lav-muted);line-height:1.3;font-weight:var(--lav-w-text);letter-spacing:.5px;white-space:nowrap}/* ============================================================
القالب العام: توب بار + شريط المراكز العلوي + المحتوى
============================================================ */
[data-env="test"]{--lav-env-h:26px}.lav-env-bar{position:fixed;top:0;inset-inline:0;z-index:140;height:var(--lav-env-h);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--lav-env-bg);color:var(--lav-env-text);border-bottom:1px solid var(--lav-env-line);font:700 var(--lav-font-small)/1 var(--lav-font);letter-spacing:.3px}.lav-env-bar svg{width:14px;height:14px;fill:none;stroke:var(--lav-env-icon);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lavx-shell{display:flex;flex-direction:column;margin-top:var(--lav-env-h);height:calc(100dvh - var(--lav-env-h));min-height:calc(100vh - var(--lav-env-h));overflow:hidden;direction:rtl;background:var(--lav-bg)}.lavx-head{flex:0 0 auto;background:var(--lav-surface);border-bottom:1px solid var(--lav-border);z-index:40;position:relative}.lavx-topbar{height:var(--lav-topbar);min-height:var(--lav-topbar);display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid var(--lav-border);background:var(--lav-surface)}.lavx-logowrap{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:6px;flex-shrink:0;padding-inline-end:14px;border-inline-end:1px solid var(--lav-border);direction:ltr}.lavx-burger{display:none;background:none;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);cursor:pointer;color:var(--lav-text);width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0;padding:0}.lavx-burger svg{width:20px;height:20px}.lavx-tb-user{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;border-radius:var(--lav-radius-pill);border:1px solid transparent;flex-shrink:0;min-width:0}.lavx-av{width:32px;height:32px;border-radius:50%;background:var(--lav-primary-soft);color:var(--lav-primary);display:flex;align-items:center;justify-content:center;font-size:var(--lav-font-base);flex-shrink:0;border:1px solid var(--lav-err-border)}.lavx-uinfo{display:flex;flex-direction:row;align-items:baseline;gap:6px;line-height:1.3;text-align:start;min-width:0}.lavx-uinfo .nm{font-size:var(--lav-font-base);color:var(--lav-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.lavx-uinfo .rl{font-size:var(--lav-font-small);color:var(--lav-muted);white-space:nowrap}/* top bar date (replaces the old global search) */
.lavx-tb-date{display:flex;align-items:center;gap:8px;margin-inline-start:auto;font-size:var(--lav-font-small);color:var(--lav-muted);white-space:nowrap}.lavx-tb-date svg{width:16px;height:16px;flex:none}.lavx-tb-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.lavx-topbar svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}/* أزرار الأيقونات في التوب بار — شكل واحد (دائرة 36px بحد فاتح) */
.lavx-topbar .lavx-open-window,.lavx-bell,.lavx-logout{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--lav-border);border-radius:50%;background:var(--lav-surface);color:var(--lav-muted2);cursor:pointer;flex-shrink:0;position:relative;font:inherit}.lavx-topbar .lavx-open-window:hover,.lavx-bell:hover{background:var(--lav-primary-soft);color:var(--lav-primary);border-color:var(--lav-err-border)}.lavx-topbar .lavx-open-window svg,.lavx-bell svg,.lavx-logout svg{width:18px;height:18px}#lav_mynotify{color:var(--lav-ic-violet)}#lav_refresh{color:var(--lav-ic-cyan)}.lavx-bell{color:var(--lav-warning)}.lavx-logout{color:var(--lav-error)}.lavx-logout:hover{background:var(--lav-error-bg);border-color:var(--lav-err-border)}.lavx-bell-badge{position:absolute;top:-4px;inset-inline-start:-4px;min-width:17px;height:17px;border-radius:9px;background:var(--lav-primary);color:var(--on-color);font-size:var(--lav-font-small);display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--lav-surface);line-height:1}.lavx-bell.has-many .lavx-bell-badge{background:var(--lav-danger2)}.lavx-bell.has-some,.lavx-bell.has-many{color:var(--lav-primary);border-color:var(--lav-err-border)}/* شريط المراكز الثمانية (أيقونة فوق النص — كما في المرجع) */
.lavx-menu{display:flex;align-items:stretch;justify-content:center;gap:0;height:var(--lav-nav-h);padding:0 12px;background:var(--lav-surface);overflow:visible}.lavx-menu::-webkit-scrollbar{display:none}.lav-menu-center{display:flex;align-items:stretch;flex:0 1 auto;min-width:0;position:relative}.lav-menu-center+.lav-menu-center::before{content:"";width:1px;background:var(--lav-border);margin:16px 0;flex:none}.lav-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 clamp(8px,1vw,16px);color:var(--lav-muted2);text-decoration:none;font-size:var(--lav-nav-font);text-align:center;border:0;background:none;cursor:pointer;position:relative;transition:color .12s}.lav-menu-item .mi-ic,.lav-menu-item .mi-ic svg{width:var(--lav-nav-icon);height:var(--lav-nav-icon);display:block}.lav-menu-item .mi-ic{color:var(--lav-muted)}/* لون ثابت لكل مركز — يساعد على التعرف السريع؛ ألوان الحالة الأربعة غير مستخدمة هنا */
.lav-menu-center[data-center="home"] .mi-ic{color:var(--lav-ic-indigo)}.lav-menu-center[data-center="customers"] .mi-ic{color:var(--lav-primary)}.lav-menu-center[data-center="connect"] .mi-ic{color:var(--lav-success)}.lav-menu-center[data-center="sales"] .mi-ic{color:var(--lav-ic-teal)}.lav-menu-center[data-center="contracts_services"] .mi-ic{color:var(--lav-ic-violet)}.lav-menu-center[data-center="daily_operations"] .mi-ic{color:var(--lav-ic-cyan)}.lav-menu-center[data-center="companies"] .mi-ic{color:var(--lav-ic-pink)}.lav-menu-center[data-center="finance"] .mi-ic{color:var(--lav-ic-amberd)}.lav-menu-center[data-center="employees"] .mi-ic{color:var(--lav-ic-orange)}.lav-menu-center[data-center="admin_system"] .mi-ic{color:var(--lav-muted2)}/* LAVIDA FINANCIAL */.lav-menu-center[data-center="tax"] .mi-ic{color:var(--lav-primary)}.lav-menu-center[data-center="bank"] .mi-ic{color:var(--lav-ic-teal)}.lav-menu-center[data-center="books"] .mi-ic{color:var(--lav-ic-violet)}.lav-menu-center[data-center="reports"] .mi-ic{color:var(--lav-ic-cyan)}.lav-menu-center[data-center="assets"] .mi-ic{color:var(--lav-ic-pink)}.lav-menu-center[data-center="partners"] .mi-ic{color:var(--lav-ic-orange)}.lav-menu-center[data-center="review"] .mi-ic{color:var(--lav-ic-amberd)}.lav-menu-center[data-center="settings"] .mi-ic{color:var(--lav-muted2)}/* LAVIDA LEGAL */.lav-menu-center[data-center="cases"] .mi-ic{color:var(--lav-ic-violet)}.lav-menu-center[data-center="admin"] .mi-ic{color:var(--lav-ic-cyan)}.lav-menu-center[data-center="requests"] .mi-ic{color:var(--lav-ic-pink)}.lav-menu-center[data-center="my"] .mi-ic{color:var(--lav-ic-teal)}.lav-menu-center[data-center="account"] .mi-ic{color:var(--lav-ic-amberd)}.lav-menu-item span{line-height:1.2}.lav-menu-item:hover{color:var(--lav-primary)}.lav-menu-item.active{color:var(--lav-primary)}.lav-menu-item.active::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--lav-primary)}.lav-menu-dd{display:none}
/* مركز بأكثر من صفحة: قائمة منسدلة تحت اسم المركز على سطح المكتب (الدرج على الموبايل يعرض نفس الصفحات تحت المركز) */
@media (min-width:1101px){.lav-menu-center.has-dd .lav-menu-item{padding-inline-end:22px}.lav-menu-center.has-dd .lav-menu-item::before{content:"";position:absolute;inset-inline-end:8px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.55}.lav-menu-center.has-dd .lav-menu-dd{display:none;position:absolute;top:100%;inset-inline-start:0;min-width:220px;flex-direction:column;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);box-shadow:var(--lav-shadow);padding:6px;z-index:130}.lav-menu-center.has-dd:not(.is-closed):hover .lav-menu-dd,.lav-menu-center.has-dd:not(.is-closed):focus-within .lav-menu-dd{display:flex}.lav-menu-center.has-dd .lav-menu-sub{border-radius:var(--lav-radius-sm)}}
.lav-menu-sub{display:flex;align-items:center;gap:10px;text-align:start;background:none;border:0;cursor:pointer;font-family:var(--lav-font);padding:8px 12px;font-size:var(--lav-font-base);color:var(--lav-text);border-radius:var(--lav-radius-sm);white-space:nowrap;text-decoration:none}.lav-menu-sub svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:var(--lav-ic-stroke);stroke-linecap:round;stroke-linejoin:round}.lav-menu-sub:hover{background:var(--lav-soft);color:var(--lav-primary)}.lav-menu-sub.active{background:var(--lav-primary-soft);color:var(--lav-primary)}.lavx-mload{padding:0 14px;color:var(--lav-muted);font-size:var(--lav-font-small);white-space:nowrap;align-self:center}.lavx-nav-ov{display:none}/* المحتوى */
.lavx-main{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;position:relative;background:var(--lav-bg)}.lavx-content{width:100%;max-width:var(--lav-content-max);margin:0 auto;padding:10px 16px 24px;position:relative;min-width:0}.lavx-content[data-page-layout="standard"]{--lav-content-max:var(--lav-content-standard)}.lavx-content[data-page-layout="form"]{--lav-content-max:var(--lav-content-form)}.lav-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}/* مساحة عمل الصفحة (المرجع المعتمد): صف عنوان مضغوط (عنوان + وصف يمين، الإجراء الأساسي شمال) + صف تابات واحد + المحتوى */
.lav-center-workspace{display:flex;flex-direction:column;gap:10px;min-width:0}.lav-center-workspace-body{min-width:0}.lav-page-head-text{display:flex;flex-direction:column;gap:1px;min-width:0}.lav-page-head-title{font-size:var(--lav-h1);color:var(--lav-text);line-height:1.35;margin:0;font-weight:var(--lav-w-text)}.lav-page-head-sub{font-size:var(--lav-font-small);color:var(--lav-muted)}.lav-page-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}/* عنوان الصفحة الداخلي مخفي — اسم الصفحة من الشيت هو عنوان الرأس الوحيد */
.lav-center-workspace-body [data-lav-shell-title]{display:none}/* شريط التابات (الصفحة والتابات الداخلية): شريط أبيض لوحده، وتحته المسافة الموحدة */
.lav-page-tabs,.lav-ptabs,.lav-subtabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 10px;margin:0 0 var(--lav-gap);background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius)}.lav-page-tabs>button,.lav-page-tabs>a,.lav-ptabs>button,.lav-ptabs>a,.lav-subtabs>button,.lav-subtabs>a{appearance:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:var(--lav-tab-h);min-height:var(--lav-tab-h);min-width:var(--lav-tab-min-w);padding:0 var(--lav-tab-pad-x);margin:0;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);font-family:var(--lav-font);font-size:var(--lav-tab-font);font-weight:var(--lav-w-text);color:var(--lav-text);white-space:nowrap;line-height:1.2;cursor:pointer;box-shadow:none;text-decoration:none;transition:color .12s,background .12s,border-color .12s}.lav-page-tabs>button:hover,.lav-page-tabs>a:hover,.lav-ptabs>button:hover,.lav-ptabs>a:hover,.lav-subtabs>button:hover,.lav-subtabs>a:hover{border-color:var(--lav-primary);color:var(--lav-primary)}.lav-page-tabs>button.active,.lav-page-tabs>a.active,.lav-ptabs>button.active,.lav-ptabs>a.active,.lav-subtabs>button.active,.lav-subtabs>a.active,.lav-page-tabs>[aria-selected="true"],.lav-ptabs>[aria-selected="true"],.lav-subtabs>[aria-selected="true"]{background:var(--lav-primary-soft);border-color:var(--lav-primary);color:var(--lav-primary)}.lav-page-tabs>button svg,.lav-page-tabs>a svg{display:none}.lav-page-tabs ~ .opr-status:empty{display:none}/* المستوى الثاني (أقسام داخل التاب): مستطيلات متساوية المقاس، النص في المنتصف، صف واحد مصفوف
— نفس قاعدة صف الصفحة بحدود بدل الخط السفلي، حتى لا يختلف شكل تاب عن تاب في أي صفحة. */
/* أسماء التابات الموروثة في الصفحات (.lavcu-tab,.p12-tab,.lavco-tab …) تأخذ نفس مقاس التاب
وشكله من هنا؛ تعريفاتها القديمة حُذفت من مصدر كل صفحة فلا يوجد تعريفان لنفس العنصر. */
.lavcu-tab,.p12-tab,.p12-subtab,.lavco-tab,.lavpt-tab,.lavFu-tabs>button{display:inline-flex;align-items:center;justify-content:center;text-align:center;height:var(--lav-tab-h);min-height:var(--lav-tab-h);min-width:var(--lav-tab-min-w);padding:0 var(--lav-tab-pad-x);margin:0;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);font-family:var(--lav-font);font-size:var(--lav-tab-font);font-weight:var(--lav-w-text);color:var(--lav-text);white-space:nowrap;line-height:1.2;cursor:pointer;box-shadow:none;transition:color .12s,background .12s,border-color .12s}.lavcu-tab.active,.p12-tab.active,.p12-subtab.active,.lavco-tab.active,.lavpt-tab.active,.lavFu-tabs>button.active,.lavcu-tab[aria-selected="true"],.p12-tab[aria-selected="true"],.p12-subtab[aria-selected="true"],.lavco-tab[aria-selected="true"],.lavpt-tab[aria-selected="true"],.lavFu-tabs>button[aria-selected="true"]{background:var(--lav-primary-soft);border-color:var(--lav-primary);color:var(--lav-primary)}.lavcu-tab svg,.p12-tab svg,.p12-subtab svg,.lavco-tab svg,.lavpt-tab svg,.lavFu-tabs>button svg{display:none}
/* ============================================================
المكوّنات المشتركة
============================================================ */
/* رأس الصفحة + الإجراء الرئيسي */
.lav-page-card{background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);box-shadow:var(--lav-shadow-soft);padding:var(--lav-card-pad);min-width:0}.lav-page-card:empty{display:none}:is(.lav-page-card,.lav-kpis,.lav-dialog-actions):not([hidden]) + :is(.lav-page-card,.lav-filters-bar,.lav-kpis):not([hidden]):not(.lav-stack>*):not(.lav-grid>*){margin-top:var(--lav-gap)}.lav-page-title{font-size:var(--lav-font-title);color:var(--lav-text);margin-bottom:6px;font-weight:var(--lav-w-text)}.lav-page-hint{font-size:var(--lav-font-small);color:var(--lav-muted);line-height:var(--lav-line-height)}.lav-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;min-height:40px}.lav-page-head .lav-page-title{font-size:var(--lav-h1);margin-bottom:2px}/* صف متكرّر بزرار حذف — تعريف واحد لكل الشاشات، الزرار جوّه الصف مش فوقه */
.lav-linerow{display:flex;align-items:flex-start;gap:var(--lav-gap);background:transparent;border:0;border-top:1px solid var(--lav-border);border-radius:0;padding:12px 0 0;margin-bottom:10px;min-width:0}.lav-linerow>:first-child{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--lav-gap)}.lav-linerow>.lav-act{flex:0 0 auto;align-self:flex-end;height:var(--lav-field-h);margin:0}/* الأزرار وحالاتها */
.lav-btn,.lav-modal-btn{
margin-top:0;min-width:0;height:var(--lav-btn-h);min-height:var(--lav-btn-h);border:1px solid var(--lav-primary);border-radius:var(--lav-btn-radius);padding:var(--lav-btn-pad);
background:var(--lav-primary);color:var(--on-color);font-size:var(--lav-btn-font);font-weight:var(--lav-w-text);line-height:var(--lav-line-height);white-space:nowrap;text-decoration:none;
cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--lav-font);
}.lav-btn:hover,.lav-modal-btn:hover{background:var(--lav-primary-dark);border-color:var(--lav-primary-dark)}.lav-btn:disabled,.lav-modal-btn:disabled,.lav-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}.lav-btn-light,.lav-modal-btn.cancel{background:var(--lav-surface);color:var(--lav-primary);border-color:var(--lav-border-2)}.lav-btn-light:hover,.lav-modal-btn.cancel:hover{background:var(--lav-primary-soft);border-color:var(--lav-err-border)}.lav-btn-neutral{background:var(--lav-surface);color:var(--lav-text);border-color:var(--lav-border-2)}.lav-btn-neutral:hover{background:var(--lav-soft);border-color:var(--lav-border-3)}.lav-btn-save{background:var(--lav-save);border-color:var(--lav-save)}.lav-btn-save:hover{background:var(--lav-save-dark);border-color:var(--lav-save-dark)}.lav-btn.is-loading,.lav-btn-save.is-loading,.lavco-go.is-loading{cursor:default;opacity:.72;box-shadow:none}.lav-btn svg{width:var(--lav-ic-size-btn);height:var(--lav-ic-size-btn);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:var(--lav-ic-stroke);stroke-linecap:round;stroke-linejoin:round}.lav-btn:focus-visible,.lav-modal-btn:focus-visible,.lav-ptab:focus-visible,.lav-subtab:focus-visible{outline:2px solid var(--lav-primary);outline-offset:2px}#login_btn{background:var(--lav-primary)}#login_btn:hover{background:var(--lav-primary-dark)}/* الحقول والقوائم والتواريخ */
.lav-req{color:var(--lav-primary)}.lav-field,.lav-select,.lav-modal-input{
height:var(--lav-field-h);min-height:var(--lav-field-h);width:100%;min-width:0;border:1px solid var(--lav-border-2);border-radius:var(--lav-radius-sm);
padding:0 var(--lav-field-pad-x);font-size:var(--lav-field-font);font-family:var(--lav-font);outline:none;transition:border-color .15s,box-shadow .15s;background:var(--lav-surface);color:var(--lav-text);
}.lav-field::placeholder,.lav-modal-input::placeholder{color:var(--lav-muted3);font-size:var(--lav-font-base)}.lav-field:focus,.lav-select:focus,.lav-modal-input:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--lav-primary);box-shadow:var(--lav-focus-ring);outline:none}.lav-select,select.lav-field{font-size:var(--lav-select-font);cursor:pointer;appearance:none;-webkit-appearance:none;padding-inline-end:30px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center}select.lav-field,select.lav-select{min-width:0;max-width:100%;text-overflow:ellipsis}textarea.lav-field,.lav-modal-input{height:auto;min-height:var(--lav-textarea-min-h);padding:8px var(--lav-field-pad-x);line-height:var(--lav-line-height);resize:vertical}input[type="checkbox"].lav-field,input[type="radio"].lav-field{width:16px;height:16px;min-height:0;padding:0;flex:0 0 auto;accent-color:var(--lav-primary)}input[type="checkbox"],input[type="radio"]{accent-color:var(--lav-primary)}input[type="date"].lav-field,input[type="time"].lav-field,input[type="month"].lav-field{cursor:pointer;color:var(--lav-text)}input[type="date"].lav-field::-webkit-calendar-picker-indicator,input[type="time"].lav-field::-webkit-calendar-picker-indicator,input[type="month"].lav-field::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;padding:4px;border-radius:6px}input[readonly].lav-field:not([data-lavdate]){background:var(--lav-surface-2);cursor:default}
/* منتقي التاريخ والشهر (module-shell.js) */.lav-cal{position:fixed;display:none;width:268px;padding:12px;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);box-shadow:var(--lav-shadow);direction:rtl;font-family:var(--lav-font)}.lav-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lav-cal-title{padding:4px 10px;border:1px solid transparent;border-radius:var(--lav-radius-sm);background:none;font-family:inherit;font-size:var(--lav-font-base);color:var(--lav-text)}button.lav-cal-title{cursor:pointer}button.lav-cal-title:hover{border-color:var(--lav-primary);color:var(--lav-primary)}.lav-cal-nav{width:30px;height:30px;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);color:var(--lav-primary);font-size:var(--fs-title-sm);line-height:1;cursor:pointer}.lav-cal-nav:hover{background:var(--lav-primary);border-color:var(--lav-primary);color:var(--lav-surface)}.lav-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.lav-cal-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lav-cal-wd{padding:3px 0;font-size:var(--fs-small);color:var(--lav-muted);text-align:center}.lav-cal-day,.lav-cal-month{background:transparent;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--lav-radius-sm);font-size:var(--lav-font-small);color:var(--lav-text);cursor:pointer;transition:background .1s,border-color .1s}.lav-cal-day{height:32px}.lav-cal-month{height:40px}.lav-cal-day:hover:not(:disabled),.lav-cal-month:hover:not(:disabled){background:var(--lav-primary-soft);border-color:var(--lav-primary)}.lav-cal-day:disabled,.lav-cal-month:disabled{opacity:.45;cursor:not-allowed}.lav-cal-day.empty{visibility:hidden;cursor:default}.lav-cal-day.today,.lav-cal-month.today{border-color:var(--lav-primary);color:var(--lav-primary)}.lav-cal-day.sel,.lav-cal-month.sel{background:var(--lav-primary);border-color:var(--lav-primary);color:var(--lav-surface)}.lav-cal-day.sel:hover,.lav-cal-month.sel:hover{background:var(--lav-primary-dark)}.lav-cal-foot{display:flex;justify-content:space-between;gap:6px;margin-top:9px}.lav-cal-btn{flex:1;height:30px;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);color:var(--lav-text);font-family:inherit;font-size:var(--lav-font-small);cursor:pointer}.lav-cal-btn:hover{background:var(--lav-soft)}.lav-cal-btn.today{border-color:var(--lav-primary);color:var(--lav-primary)}.lav-field:disabled,select:disabled,textarea:disabled{background:var(--lav-soft);color:var(--lav-muted);cursor:not-allowed}.lav-field.err,.lav-field[aria-invalid="true"],.lav-modal-input.err{border-color:var(--lav-primary);background:var(--lav-err-bg4)}.lav-field-error{font-size:var(--lav-font-small);color:var(--lav-error);margin-top:var(--lav-error-gap)}[data-lavdate]{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:left 11px center;padding-left:34px;cursor:pointer;
}/* البحث (حقل بحث بأيقونة) */
/* Fields placed straight in a filter bar (LEGAL lists): one row, search wider than the lists. */
/* التابات الداخلية (نص + خط سفلي أحمر للنشط — كما في المرجع) */
/* البحث والفلاتر */
/* شريط الفلاتر — تعريف واحد لكل الأنظمة: سطر واحد، اسم الفلتر فوق خانته، كل الخانات بنفس الارتفاع، والزرار في الآخر؛ الموبايل عمودين */.lav-filters-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--lav-gap);padding:10px var(--lav-card-pad);background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);box-shadow:var(--lav-shadow-soft);margin-bottom:var(--lav-gap)}.lav-filters-bar>*{margin:0;min-width:0}.lav-filters-bar>label{display:flex;flex-direction:column;gap:var(--lav-label-gap);flex:1 1 150px;font-size:var(--lav-font-small);color:var(--lav-muted)}.lav-filters-bar>label>:is(input,select){width:100%;margin:0}:is(.lav-filters-bar,.lav-form-grid)>label.lav-check{flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;height:var(--lav-field-h);font-size:var(--lav-font-base);color:var(--lav-text);white-space:nowrap}:is(.lav-filters-bar,.lav-form-grid)>label.lav-check>input{width:17px;height:17px;accent-color:var(--lav-primary)}.lav-filters-bar>:is(.lav-field,.lav-select){flex:1 1 150px;width:auto}.lav-filters-bar>.lav-actions{flex:0 0 auto}.lav-filters-bar>.lav-btn,.lav-filters-bar>.lav-actions>.lav-btn{flex:0 0 auto;height:var(--lav-field-h)}.lav-filters-bar>label.lav-cust-cell{flex:2 1 320px}.lav-filters-bar>label>.lav-cust-lbl{margin:0}/* المؤشرات (KPI) — بطاقة بيضاء: تسمية رمادية، رقم كبير، أيقونة في دائرة وردية فاتحة */
.lav-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--lav-gap);margin-bottom:var(--lav-gap)}.lav-kpis:last-child:not(:only-child){margin-bottom:0}
/* المكان اللي بيتملي بعد التحميل (غلاف فيه المؤشرات أو الفلاتر بس) بياخد مسافتها؛ وجوه .lav-stack الفجوة هي المسافة */
.lav-stack>*>:is(.lav-kpis,.lav-filters-bar):only-child{margin-bottom:0}
.lav-kpi{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);padding:10px 14px;min-width:0;box-shadow:var(--lav-shadow-soft);text-decoration:none;color:inherit}a.lav-kpi:hover,button.lav-kpi:hover{border-color:var(--lav-err-border)}.lav-kpi-ic{width:var(--lav-ic-box);height:var(--lav-ic-box);border-radius:var(--lav-radius-sm);background:var(--lav-primary-soft);color:var(--lav-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* each card of a row gets its own icon colour */
.lav-kpi:nth-child(6n+2) .lav-kpi-ic{background:var(--lav-ic-teal-bg);color:var(--lav-ic-teal)}.lav-kpi:nth-child(6n+3) .lav-kpi-ic{background:var(--lav-ic-indigo-bg);color:var(--lav-ic-indigo)}.lav-kpi:nth-child(6n+4) .lav-kpi-ic{background:var(--lav-warning-bg);color:var(--lav-warning)}.lav-kpi:nth-child(6n+5) .lav-kpi-ic{background:var(--lav-ic-violet-bg);color:var(--lav-ic-violet)}.lav-kpi:nth-child(6n) .lav-kpi-ic{background:var(--lav-ic-cyan-bg);color:var(--lav-ic-cyan)}.lav-kpi-ic svg{width:var(--lav-ic-size);height:var(--lav-ic-size);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lav-kpi-body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;text-align:center}.lav-kpi-lbl{font-size:var(--lav-font-small);color:var(--lav-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lav-kpi-num{font-size:var(--lav-kpi-num);color:var(--lav-text);line-height:1.2;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}.lav-kpi-num.is-primary{color:var(--lav-primary)}/* توافق: ملخصات التقارير القديمة */
.lav-summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px 12px;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);margin-bottom:16px}/* الجداول والترقيم والفرز */
table{border-collapse:collapse}th{background:var(--lav-note-empty-bg);color:var(--lav-muted);font-weight:var(--lav-w-text);font-size:var(--lav-font-small);text-align:center;padding:var(--lav-table-cell-pad);border-bottom:1px solid var(--lav-border);overflow-wrap:normal;word-break:normal}td{color:var(--lav-text);font-size:var(--lav-table-font);padding:var(--lav-table-cell-pad);border-bottom:1px solid var(--lav-border);vertical-align:middle;overflow-wrap:break-word;word-break:normal;unicode-bidi:plaintext}td:only-child:has(>.lav-empty){border-bottom:0}/* صف «مفيش» من غير خط تحته */tbody tr:hover td{background:var(--lav-surface-2)}/* الجداول من غير سكرول جوّه: بعرض الكارت، والصفحة بس هي اللي بتنزل */.lav-table-wrap,.lav-tbl-wrap{max-width:100%;border:0;border-radius:var(--lav-radius);background:var(--lav-surface)}.lav-table-wrap table,.lav-tbl-wrap table{width:100%}.lav-ui-table,.lav-ui-table th,.lav-ui-table td{font-size:var(--lav-table-font);font-weight:var(--lav-w-text);line-height:var(--lav-line-height)}.lav-ui-table th,.lav-ui-table td{padding:var(--lav-table-cell-pad);text-align:center}td.num,td[data-num]{text-align:center;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}/* خلايا جداول التحرير في مكانه (إعدادات LEGAL): كود ثابت بلا التفاف، وحقل رقمي قصير */.lav-ui-table td.code{white-space:nowrap;color:var(--lav-muted)}/* E6 — owner decision 14 Sep: long values stay visible on up to two lines; never ellipsis. */.lav-cell-clip{display:-webkit-box;min-width:0;max-width:100%;margin-inline:auto;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:var(--lav-line-height);-webkit-box-orient:vertical;-webkit-line-clamp:2}.lav-ui-table tr.is-off td{color:var(--lav-muted)}.lav-ui-table input.lav-field.num{max-width:110px}
/* total row of a table (sums under the lines) */
.lav-ui-table :is(tr.total,tr:has(.lav-row-tot)) td{background:var(--lav-soft)}.lav-ui-table td input.lav-field:is([type="number"],[inputmode="numeric"],[inputmode="decimal"]){max-width:130px}th[aria-sort="ascending"]::after{content:" ↑";color:var(--lav-primary)}th[aria-sort="descending"]::after{content:" ↓";color:var(--lav-primary)}/* رأس الجدول ثابت وانت بتنزل في الصفحة */
#lav_content .opr-tbl thead th,#lav_content .rpt-tbl thead th,#lav_content .lav-tbl thead th,#lav_content .lavcl-tbl thead th,#lav_content .lav-ui-table thead th{position:sticky;top:0;z-index:2;background:var(--lav-note-empty-bg)}/* شارات الحالة */
/* شارة الحالة: شكل ومقاس واحد لكل السيستم (مكتمل/قيد المراجعة/متأخر…)؛ أسماء الصفحات القديمة
(rqc-st,opr-badge,lavAl-badge,st-*) تنضم هنا وتُحذف تعريفاتها من مصادرها. */
.lav-badge,.lavrep-badge,.p12-badge,.lavrcp-tag,.lavhr-bdg,.lavco-st-text{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--lav-badge-w);height:var(--lav-badge-h);padding:0 10px;border-radius:var(--lav-radius-sm);border:1px solid var(--lav-border);font-size:var(--lav-font-small);font-weight:var(--lav-w-text);white-space:nowrap;text-align:center;line-height:1;background:var(--lav-soft);color:var(--lav-muted2)}.lav-badge.ok,.lavhr-bdg.ok,.lavco-st-ok,.lavrep-badge.ok,.p12-badge.is-ok,.lavrcp-tag.t-cash,.st.ok{background:var(--lav-badge-ok-bg);color:var(--lav-success);border-color:var(--lav-badge-ok-bd)}.lav-badge.warn,.lavhr-bdg.wait,.lavco-st-warn,.p12-badge.is-warn,.lavrcp-tag.t-credit,.st.warn{background:var(--lav-badge-warn-bg);color:var(--lav-warning);border-color:var(--lav-badge-warn-bd)}.lav-badge.err,.lavhr-bdg.no,.lavco-st-bad,.lavrep-badge.rem,.st.err{background:var(--lav-badge-err-bg);color:var(--lav-error);border-color:var(--lav-badge-err-bd)}.lav-badge.info,.p12-badge.is-primary,.lavrcp-tag.t-transfer{background:var(--lav-transfer-soft);color:var(--lav-transfer);border-color:color-mix(in srgb,var(--st-info) 30%,transparent)}.lav-badge.muted,.lavco-st-neutral{background:var(--lav-soft);color:var(--lav-muted)}/* وسم الكود/المرجع (كود عميل، رقم عملية، اسم شركة): عرض تلقائي ولون محايد — ليس شارة حالة */
.lav-code{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:var(--lav-soft);color:var(--lav-text);font-size:var(--lav-font-small);font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:plaintext}.lav-card{border:1px solid var(--lav-border);border-radius:var(--lav-radius);padding:10px 12px;background:var(--lav-surface);transition:border-color .12s}.lav-card.open{border-color:var(--lav-primary);box-shadow:var(--lav-shadow-soft)}.lav-grid{display:grid;gap:12px;--lav-grid-cols:3;grid-template-columns:repeat(var(--lav-grid-cols),minmax(0,1fr))}
.lav-grid-2{--lav-grid-cols:2}
@media (max-width:1200px){.lav-grid{--lav-grid-cols:2}}
@media (max-width:760px){.lav-grid{--lav-grid-cols:1}}
.lav-foot-field{display:flex;flex-direction:column;gap:3px}.lav-foot-field>span{font-size:var(--lav-font-small);color:var(--lav-muted)}.lav-foot-field .lav-field,.lav-foot-field select{height:var(--lav-field-h);border-radius:var(--lav-radius-sm);width:100%}.lav-foot-field select{font-size:var(--lav-select-font)}.lav-foot-btns{display:flex;flex-wrap:wrap;gap:8px}.lav-foot-btns button{flex:0 0 auto;font-family:var(--lav-font);font-size:var(--lav-btn-font);height:var(--lav-btn-h);border-radius:var(--lav-radius-sm);cursor:pointer}dl.lav-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(220px,calc((100% - 2 * var(--lav-gap)) / 3)),1fr));gap:var(--lav-label-gap) var(--lav-gap);margin:0;font-size:var(--lav-font-base)}.lav-dp{display:grid;grid-template-columns:fit-content(50%) minmax(0,1fr);align-items:baseline;column-gap:var(--lav-gap);min-width:0}.lav-dp.is-wide{grid-column:1/-1}.lav-dp.is-wide dd{white-space:pre-line}dl.lav-details dt{margin:0;color:var(--lav-muted)}dl.lav-details dd{margin:0;min-width:0;overflow-wrap:break-word}/* صفوف تفاصيل (تسمية يمين / قيمة يسار) — لوحة التفاصيل في المرجع */
/* هيكل الشاشة وقت فتح السيستم (lav-boot.js): نفس أماكن الشريط والمراكز والكروت، بلمعة متحركة */
.lav-boot{position:fixed;inset:var(--lav-env-h) 0 0;display:flex;flex-direction:column;background:var(--lav-bg);overflow:hidden}.lav-boot .t{flex:0 0 var(--lav-topbar);background:var(--lav-surface);border-bottom:1px solid var(--lav-border)}.lav-boot .m{flex:0 0 var(--lav-nav-h);display:flex;justify-content:center;align-items:center;gap:40px;background:var(--lav-surface);border-bottom:1px solid var(--lav-border)}.lav-boot .m i{width:56px;height:30px}.lav-boot .c{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--lav-gap);width:100%;max-width:var(--lav-content-max);margin:0 auto;padding:20px 24px;box-sizing:border-box}.lav-boot .c i{height:84px;border:1px solid var(--lav-border)}.lav-boot .c i:first-child{grid-column:1/-1;height:110px}.lav-boot .c i:nth-last-child(-n+2){grid-column:span 3;height:220px}.lav-boot i{display:block;border-radius:var(--lav-radius);background:linear-gradient(90deg,var(--lav-surface) 35%,var(--lav-soft) 50%,var(--lav-surface) 65%) 0 0/300% 100%;animation:lavShimmer 1.4s linear infinite}.lav-boot .m i{border-radius:var(--lav-radius-sm);background-image:linear-gradient(90deg,var(--lav-border) 35%,var(--lav-soft) 50%,var(--lav-border) 65%)}.lav-boot .c i{position:relative}.lav-boot .c i::before,.lav-boot .c i::after{content:"";position:absolute;inset-inline-start:16px;height:10px;border-radius:5px;background:var(--lav-soft)}.lav-boot .c i::before{top:18px;width:38%}.lav-boot .c i::after{top:40px;width:22%}@keyframes lavShimmer{from{background-position:100% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.lav-boot i,.lav-loading{animation:none}}@media(max-width:899px){.lav-boot .m{display:none}.lav-boot .c{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.lav-boot .c i:nth-last-child(-n+2){grid-column:1/-1}}
@media(max-width:600px){.lav-boot .t{flex-basis:calc(var(--lav-topbar) * 2)}.lav-boot .c{padding:16px 10px}}
/* الدخول: الشاشة بتتفك من زرار الدخول بحلقات حمرا وبعدها السيستم بيتبني قطعة قطعة (lav-enter) */
.lav-piece{animation:lavPieceOut .62s cubic-bezier(.5,0,.75,.3) var(--d,0s) both}@keyframes lavPieceOut{to{opacity:0;transform:translate(var(--dx,0),var(--dy,0)) scale(.9) rotate(var(--r,0deg));filter:blur(8px)}}
.lav-ring{position:fixed;left:var(--x);top:var(--y);z-index:50;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid var(--lav-primary);border-radius:50%;pointer-events:none;animation:lavRing 1.1s cubic-bezier(.2,.7,.3,1) var(--d,0s) both}@keyframes lavRing{from{opacity:.4;transform:scale(.2)}to{opacity:0;transform:scale(48)}}
.lav-veil{position:fixed;inset:0;z-index:40;background:var(--lav-bg);pointer-events:none;animation:lavFade .5s ease-in .55s both}
.lav-enter .lav-menu-center{animation:lavCenterIn .5s cubic-bezier(.2,.85,.25,1) calc(var(--i,0) * .05s) both}@keyframes lavCenterIn{from{opacity:0;transform:translateY(-14px) scale(.8);filter:blur(5px)}}
.lav-build{animation:lavRise .6s cubic-bezier(.2,.85,.25,1) var(--d,0s) both}@keyframes lavRise{from{opacity:0;transform:translateY(22px) scale(.97);filter:blur(7px)}}
/* خانة كلمة المرور: نص مقنّع فالمتصفح مابيعرضش يحفظها */
input[data-secret]{-webkit-text-security:disc}
/* قايمة تشيك: صناديق في عمودين، والنص بيلف */
.lav-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px var(--lav-gap)}.lav-checklist label{display:flex;align-items:flex-start;gap:8px;min-width:0;font-size:var(--lav-font-base);color:var(--lav-text);line-height:var(--lav-line-height);cursor:pointer}.lav-checklist input{flex:0 0 auto;width:17px;height:17px;margin:2px 0 0;accent-color:var(--lav-primary)}.lav-checklist .is-all{grid-column:1/-1}@media(max-width:599px){.lav-checklist{grid-template-columns:1fr}}
.lav-section-title{font-size:var(--lav-font-base);color:var(--lav-primary);padding-bottom:6px;margin:14px 0 8px;border-bottom:1px solid var(--lav-border)}.lav-section-title:nth-child(1 of :not([hidden])){margin-top:0}/* الملاحظات + رسائل التحقق والنجاح والخطأ + حالات التحميل/الفراغ/منع الصلاحية */
/* خطوات بالترتيب (طلب التأسيس، مستند العميل): المنتهية علامة صح، والحالية بلون السيستم */
.lav-steps{display:grid;grid-template-columns:repeat(var(--lav-steps,4),minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.lav-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:var(--lav-font-small);color:var(--lav-muted)}
.lav-steps b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--lav-border);background:var(--lav-surface)}
.lav-steps .is-done{color:var(--lav-text)}.lav-steps .is-done b{background:var(--lav-ok);border-color:var(--lav-ok);color:var(--lav-surface)}
.lav-steps .is-cur{color:var(--lav-primary);font-weight:var(--lav-w-strong)}.lav-steps .is-cur b{background:var(--lav-primary);border-color:var(--lav-primary);color:var(--lav-surface)}
.lav-steps button{all:unset;display:contents;cursor:pointer}
@media(max-width:599px){.lav-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}}
/* البلاك ليست: شريط أحمر بيومض تحت عنوان الصفحة */
.lav-blacklist{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 var(--lav-gap);border:1px solid var(--lav-error);border-inline-start:6px solid var(--lav-error);border-radius:var(--lav-radius);background:var(--lav-error-bg);color:var(--lav-error);animation:lavBlacklistBlink 1.2s ease-in-out infinite}
.lav-blacklist-ic{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--lav-error);color:var(--lav-surface)}.lav-blacklist-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.lav-blacklist-body{flex:1;min-width:0}.lav-blacklist-title{font-weight:var(--lav-w-strong);font-size:var(--lav-font-title)}
.lav-blacklist-meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:4px 0 0;font-size:var(--lav-font-small);color:var(--lav-text)}.lav-blacklist-meta div{display:flex;gap:6px;min-width:0}.lav-blacklist-meta dt{color:var(--lav-muted)}.lav-blacklist-meta dd{margin:0;overflow-wrap:break-word;min-width:0}
.lav-blacklist-act{flex:none}
@keyframes lavBlacklistBlink{0%,100%{background:var(--lav-error-bg);box-shadow:0 0 0 0 transparent}50%{background:var(--lav-error-blink);box-shadow:0 0 0 4px var(--lav-error-blink)}}
@media(prefers-reduced-motion:reduce){.lav-blacklist{animation:none}}
@media(max-width:599px){.lav-blacklist{flex-wrap:wrap}.lav-blacklist-act{width:100%}}
.lav-note{display:flex;align-items:flex-start;gap:9px;text-align:start;font-size:var(--lav-table-font);line-height:var(--lav-line-height);padding:11px 13px;border-radius:var(--lav-radius-sm);border:1px solid var(--lav-border);background:var(--lav-soft);color:var(--lav-muted2);margin:12px 0}.lav-note>svg,.lav-note .lav-ic{width:18px;height:18px;flex-shrink:0;margin-top:1px}.lav-note.is-info{background:var(--lav-soft3);color:var(--lav-note-info-text);border-color:var(--lav-note-info-border)}.lav-note.is-warn{background:var(--lav-warning-bg);color:var(--lav-warning);border-color:var(--lav-warn-border)}.lav-note.is-ok{background:var(--lav-success-bg);color:var(--lav-success);border-color:var(--lav-ok-border2)}.lav-note.is-err{background:var(--lav-error-bg);color:var(--lav-error);border-color:var(--lav-err-border2)}.lav-note.is-loading{background:var(--lav-soft);color:var(--lav-muted);border-color:var(--lav-border)}.lav-note.is-empty{background:var(--lav-note-empty-bg);color:var(--lav-muted);border:1px dashed var(--lav-note-empty-border)}
/* تنبيه بزرار في آخره (تاريخ قرب ينتهي + «تحديث»)، ونص مستند طويل يتقري جوه نافذة (إقرار) */
.lav-note-act{align-items:center}.lav-note-act>span{flex:1}
.lav-doc-text{max-height:44vh;overflow:auto;padding:12px 14px;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-bg);color:var(--lav-text);line-height:1.9;font-size:var(--lav-font-base)}.lav-doc-text ol{margin:6px 0 0;padding-inline-start:22px}.lav-loading{display:block;min-height:142px;margin:6px 0;border-radius:var(--lav-radius-sm);background:linear-gradient(90deg,transparent 35%,var(--lav-surface) 50%,transparent 65%) 0 0/300% 100%,linear-gradient(var(--lav-border),var(--lav-border)) 0 0/100% 18px no-repeat,repeating-linear-gradient(var(--lav-soft) 0 14px,transparent 14px 31px);animation:lavShimmer 1.4s linear infinite}.lav-loading.is-line{display:inline-block;width:min(220px,100%);min-height:14px;margin:0;vertical-align:middle;background:linear-gradient(90deg,var(--lav-soft) 35%,var(--lav-surface) 50%,var(--lav-soft) 65%) 0 0/300% 100%}.lav-spinner{width:18px;height:18px;border:2.5px solid var(--lav-border);border-top-color:var(--lav-primary);border-radius:50%;animation:lavSpin .7s linear infinite;flex-shrink:0}@keyframes lavSpin{to{transform:rotate(360deg)}}.lav-empty,.lavco-empty{text-align:center;color:var(--lav-muted);background:var(--lav-note-empty-bg);border:1px dashed var(--lav-note-empty-border);border-radius:var(--lav-radius-sm);font-size:var(--lav-table-font);padding:16px;line-height:var(--lav-line-height);margin:12px 0}.lav-empty.is-error,.lav-empty.err{color:var(--lav-error);background:var(--lav-error-bg);border:1px solid var(--lav-err-border2)}.lav-denied{text-align:center;color:var(--lav-warning);background:var(--lav-warning-bg);border:1px solid var(--lav-warn-border);border-radius:var(--lav-radius-sm);padding:16px;margin:12px 0}.lavcl-empty{color:var(--lav-muted);background:var(--lav-note-empty-bg);border:1px dashed var(--lav-note-empty-border);border-radius:var(--lav-radius-sm);margin:12px 0}.lav-login-msg{font-size:var(--lav-font-base);text-align:center;margin-top:10px;padding:11px 14px;border-radius:var(--lav-radius-sm);line-height:var(--lav-line-height);background:var(--lav-ok-bg2);color:var(--lav-save-dark);border:1px solid var(--lav-ok-border2);animation:lavMsgIn .22s ease}.lav-login-msg:empty{display:none;padding:0;border:0;margin:0}.lav-login-msg.err{background:var(--lav-err-bg3);color:var(--lav-error);border-color:var(--lav-err-border2)}.lav-login-msg.info{background:var(--lav-warn-bg3);color:var(--lav-warning);border-color:var(--lav-warn-border)}@keyframes lavMsgIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}/* النوافذ المنبثقة */
/* ===== رسائل التنبيه (Toast) — تعريف واحد لكل السيستم =====
منطق واحد: تظهر أعلى منتصف الشاشة، مقاس واحد ثابت لكل الرسائل، والنص الطويل يكمل
في سطر ثانٍ داخل نفس المقاس، وشريط جانبي بلون نوع الرسالة (نجاح/فشل/تنبيه/معلومة).
الشكل من كروت السيستم نفسها: نفس السطح والحدود ونصف القطر والظل — بلا ثيم داكن. */
.lav-toast-host{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:200020;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;width:min(var(--lav-toast-w),calc(100vw - 32px))}.lav-toast{pointer-events:auto;box-sizing:border-box;display:grid;grid-template-columns:var(--lav-toast-icon) 1fr var(--lav-toast-icon);align-items:center;gap:10px;
width:100%;height:var(--lav-toast-h);padding:12px 14px;background:var(--lav-surface);border:1px solid var(--lav-border);
border-radius:var(--lav-radius);box-shadow:var(--lav-shadow);font-family:var(--lav-font);text-align:start;
border-inline-end:4px solid var(--lav-muted);animation:lavToastIn .16s ease}.lav-toast-ic{display:inline-flex;align-items:center;justify-content:center;width:var(--lav-toast-icon);height:var(--lav-toast-icon);border-radius:var(--lav-radius-sm);background:var(--lav-soft);color:var(--lav-muted)}.lav-toast-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lav-toast-tx{min-width:0}.lav-toast-tt{font-size:var(--lav-font-base);color:var(--lav-text);line-height:1.35}.lav-toast-ms{font-size:var(--lav-font-small);color:var(--lav-muted);line-height:var(--lav-line-height);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lav-toast-x{appearance:none;border:0;background:transparent;color:var(--lav-muted);cursor:pointer;width:var(--lav-toast-icon);height:var(--lav-toast-icon);border-radius:var(--lav-radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-title-sm);line-height:1}.lav-toast-x:hover{background:var(--lav-soft)}.lav-toast.is-ok,.lav-message-modal.is-ok .lav-modal{border-inline-end-color:var(--lav-success)}.lav-toast.is-ok .lav-toast-ic,.lav-message-modal.is-ok .lav-toast-ic{background:var(--lav-ok-bg);color:var(--lav-success)}.lav-toast.is-err,.lav-message-modal.is-err .lav-modal{border-inline-end-color:var(--lav-error)}.lav-toast.is-err .lav-toast-ic,.lav-message-modal.is-err .lav-toast-ic{background:var(--lav-error-bg);color:var(--lav-error)}.lav-toast.is-warn,.lav-message-modal.is-warn .lav-modal{border-inline-end-color:var(--lav-warning)}.lav-toast.is-warn .lav-toast-ic,.lav-message-modal.is-warn .lav-toast-ic{background:var(--lav-warning-bg);color:var(--lav-warning)}.lav-toast.is-info,.lav-message-modal.is-info .lav-modal{border-inline-end-color:var(--lav-transfer)}.lav-toast.is-info .lav-toast-ic,.lav-message-modal.is-info .lav-toast-ic{background:var(--lav-transfer-soft);color:var(--lav-transfer)}.lav-toast.is-out{opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}@keyframes lavToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:599px){.lav-toast-ms{-webkit-line-clamp:3}}
/* ===== مكتبة الأيقونات الموحّدة =====
أسلوب واحد Outline بسمك خط واحد، والأيقونة داخل مربع مدوّر بخلفية خفيفة من لون دلالتها. */
/* لون الأيقونة الدلالي بلا مربع (داخل الأزرار والجداول ورؤوس الأقسام) */
/* الأيقونات غير المصنّفة داخل المحتوى والنوافذ تأخذ نفس العقد (بلا !important وبلا ملف ثانٍ) */
#lav_content svg:not(.lav-chart-svg),.lav-modal-ov svg:not(.lav-chart-svg),.lavx-topbar button svg,.lav-menu-item svg,.lav-i{width:var(--lav-ic-size);height:var(--lav-ic-size);fill:none;stroke:currentColor;stroke-width:var(--lav-ic-stroke);stroke-linecap:round;stroke-linejoin:round}.lav-i--neutral{color:var(--lav-muted)}.lav-i--brand{color:var(--lav-primary)}.lav-i--ok{color:var(--lav-success)}.lav-i--warn{color:var(--lav-warning)}.lav-i--err{color:var(--lav-error)}.lav-i--info{color:var(--lav-transfer)}.lav-i--indigo{color:var(--lav-ic-indigo)}.lav-i--teal{color:var(--lav-ic-teal)}.lav-i--violet{color:var(--lav-ic-violet)}.lav-i--cyan{color:var(--lav-ic-cyan)}.lav-act{display:inline-flex;align-items:center;justify-content:center;width:var(--lav-act-w);height:var(--lav-act-h);min-height:var(--lav-act-h);padding:0;margin:0;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);cursor:pointer;vertical-align:middle}.lav-act:hover{border-color:var(--lav-primary)}.lav-act+.lav-act{margin-inline-start:6px}.lav-ui-table td:has(>.lav-act),.lav-ui-table [data-lav-word]{white-space:nowrap}.lav-ui-table [data-lav-empty]{display:none}.lav-act svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lav-details-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--lav-action-gap)}.lav-ic{display:inline-flex;align-items:center;justify-content:center;width:var(--lav-ic-box);height:var(--lav-ic-box);border-radius:var(--lav-radius-sm);background:var(--lav-soft);color:var(--lav-muted);flex-shrink:0}.lav-ic svg{width:var(--lav-ic-size);height:var(--lav-ic-size);fill:none;stroke:currentColor;stroke-width:var(--lav-ic-stroke);stroke-linecap:round;stroke-linejoin:round}.lav-ic--sm{--lav-ic-box:28px;--lav-ic-size:16px}.lav-ic--neutral{background:var(--lav-soft);color:var(--lav-muted)}.lav-ic--brand{background:var(--lav-primary-soft);color:var(--lav-primary)}.lav-ic--ok{background:var(--lav-ok-bg);color:var(--lav-success)}.lav-ic--warn{background:var(--lav-warning-bg);color:var(--lav-warning)}.lav-ic--err{background:var(--lav-error-bg);color:var(--lav-error)}.lav-ic--info{background:var(--lav-transfer-soft);color:var(--lav-transfer)}.lav-ic--indigo{background:var(--lav-ic-indigo-bg);color:var(--lav-ic-indigo)}.lav-ic--teal{background:var(--lav-ic-teal-bg);color:var(--lav-ic-teal)}.lav-ic--violet{background:var(--lav-ic-violet-bg);color:var(--lav-ic-violet)}.lav-ic--cyan{background:var(--lav-ic-cyan-bg);color:var(--lav-ic-cyan)}.lav-ic--amberd{background:var(--lav-ic-amberd-bg);color:var(--lav-ic-amberd)}.lav-ic--orange{background:var(--lav-ic-orange-bg);color:var(--lav-ic-orange)}.lav-ic--pink{background:var(--lav-ic-pink-bg);color:var(--lav-ic-pink)}.lav-modal-ov{min-width:0;min-height:0;position:fixed;inset:0;box-sizing:border-box;background:var(--lav-overlay);display:flex;align-items:center;justify-content:center;z-index:200000;padding:var(--lav-dialog-padding);animation:lavFade .15s ease}.lav-modal{position:relative;margin:0;box-sizing:border-box;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-dialog-radius);width:min(var(--lav-modal-max,var(--lav-dialog-message)),100%);max-width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--lav-shadow);overflow:hidden;animation:lavPop .18s ease;display:flex;flex-direction:column;outline:0}
.lav-modal.lavco-partner-dialog{--lav-modal-max:var(--lav-dialog-form)}.lav-modal.lav-receipt-modal,.lav-modal.lav-details{--lav-modal-max:var(--lav-dialog-data)}.lav-modal.lav-details-wide{--lav-modal-max:var(--lav-dialog-wide)}.lav-modal.lav-details-form{--lav-modal-max:var(--lav-dialog-form)}
.lav-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.lav-modal-h{flex:0 0 auto;overflow-wrap:anywhere;font-size:var(--lav-font-title);color:var(--lav-text);padding:var(--lav-dialog-padding);border-bottom:1px solid var(--lav-border);display:flex;align-items:center;justify-content:space-between;gap:10px}.lav-modal-b{min-height:0;min-width:0;overflow-wrap:anywhere;padding:var(--lav-dialog-padding);font-size:var(--lav-font-base);color:var(--lav-text);line-height:var(--lav-line-height);white-space:normal;overflow:auto}.lav-message-modal .lav-modal-b{white-space:pre-line}.lav-message-modal .lav-modal{border-inline-end:4px solid var(--lav-muted)}.lav-modal-t{display:inline-flex;align-items:center;gap:10px;min-width:0}/* نافذة التفاصيل الموحّدة — أعرض من نافذة الرسالة لأنها بتشيل جداول */
.lav-details .lav-modal-b>table,.lav-details .lav-modal-b .lav-ui-table{width:100%}.lav-modal-input{width:100%;margin-top:var(--lav-dialog-gap)}.lav-modal-f{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:var(--lav-action-gap);padding:var(--lav-dialog-padding);justify-content:flex-end;border-top:1px solid var(--lav-border);background:var(--lav-surface)}.lav-modal-close{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--lav-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-section);line-height:1}.lav-modal-close:hover{background:var(--lav-soft);color:var(--lav-text)}@keyframes lavFade{from{opacity:0}to{opacity:1}}@keyframes lavPop{from{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}.lav-dialog-card{box-sizing:border-box;border-radius:var(--lav-dialog-radius);padding:var(--lav-dialog-padding);max-height:calc(100dvh - 32px);overflow:auto;font-family:var(--lav-font);font-size:var(--lav-font-base);line-height:var(--lav-line-height);background:var(--lav-surface);border:1px solid var(--lav-border);box-shadow:var(--lav-shadow);outline:0}.lav-dialog--form{width:min(var(--lav-dialog-form),calc(100vw - 32px));max-width:var(--lav-dialog-form)}.lav-dialog--data{width:min(var(--lav-dialog-data),calc(100vw - 32px));max-width:var(--lav-dialog-data)}.lav-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--lav-action-gap);align-items:center;flex:0 0 auto}.lav-dialog-card h3{font-size:var(--lav-font-title);line-height:var(--lav-line-height);color:var(--lav-text)}.lav-dialog-card .lav-btn{min-height:var(--lav-btn-h);height:auto;line-height:var(--lav-line-height);white-space:normal}.lav-dialog-card .lav-tbl-wrap{min-width:0;max-width:100%}/* قفل الصفحة أثناء الحفظ */
.lav-busy-ov{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lav-busy-ov.show{display:flex}.lav-busy-box{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);box-shadow:var(--lav-shadow);padding:22px 30px;max-width:80%}.lav-busy-spin{width:30px;height:30px}.lav-busy-txt{font-size:var(--lav-font-base);color:var(--lav-text)}/* اللوحة الجانبية (Drawer) — تنزلق من جهة البداية (يمين في RTL) كما في المرجع */
.lav-drawer-ov{position:fixed;inset:0;background:var(--lav-overlay);z-index:9998;display:flex;justify-content:flex-start;animation:lavFade .15s ease}.lav-drawer{min-width:0;max-width:100%;width:min(var(--lav-drawer-w),100vw);height:100%;background:var(--lav-surface);border-inline-end:1px solid var(--lav-border);box-shadow:var(--lav-shadow);display:flex;flex-direction:column;animation:lavSlideIn .2s ease;direction:rtl}@keyframes lavSlideIn{from{transform:translateX(30px);opacity:.6}to{transform:none;opacity:1}}/* سجل النشاط */
/* صف شارات: كل بيان في شارة لوحده، والشارة الأطول من الصف بتنزل سطر */.lav-badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.lav-badge-row>.lav-badge{max-width:100%;height:auto;min-height:var(--lav-badge-h);white-space:normal;line-height:var(--lav-line-height)}/* الفورمز المشتركة */
.lav-form-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.lav-form-row>label{display:flex;flex-direction:column;gap:var(--lav-label-gap);flex:1 1 160px;min-width:0}
/* شبكة النماذج الموحّدة (كل السيستم): أعمدة متساوية ثابتة حسب العرض — 4 / 3 / 2 / 1 — وداخل النوافذ واللوحات 2 ثم 1.
كل حقل خلية واحدة؛ النص الطويل صف كامل؛ لا امتدادات جزئية تكسر الاستواء. */
@media (max-width:1279px){body{--lav-form-cols:3}}
@media (max-width:959px){body{--lav-form-cols:2}}
@media (max-width:599px){body{--lav-form-cols:1}}
.lav-modal,.lav-dialog-card,.lav-drawer,.lavcu-dov,.lavhr-overlay{--lav-form-cols:3}
@media (max-width:959px){.lav-modal,.lav-dialog-card,.lav-drawer,.lavcu-dov,.lavhr-overlay{--lav-form-cols:2}}
@media (max-width:599px){.lav-modal,.lav-dialog-card,.lav-drawer,.lavcu-dov,.lavhr-overlay{--lav-form-cols:1}}
.lav-form-grid,.lavcu-form,.lavrg-custrow3,.lavc-linefields,.opr-form,.lavco-grid,.lavco-partner-grid,.lavco-doc-grid,.lavrg-paygrid,.p12-grid3,.rpt-f{display:grid;grid-template-columns:repeat(var(--lav-form-cols),minmax(0,1fr));gap:var(--lav-gap);align-items:end;width:100%;min-width:0}.lav-form-grid>*,.lavcu-form>*,.opr-form>*,.lavco-grid>*,.p12-grid3>*,.rpt-f>*{min-width:0}:is(.lav-form-grid,.opr-form)>label{display:flex;flex-direction:column;gap:var(--lav-label-gap);min-width:0}:is(.lav-form-grid,.opr-form)>label>span:first-child{color:var(--lav-muted);font-size:var(--lav-font-small)}:is(.lav-form-grid,.opr-form)>label.wide{grid-column:1/-1}.lav-form-grid>.lav-f-full,.lavcu-form>label:has(textarea),.opr-form>:has(textarea),.lavco-grid>:has(textarea){grid-column:1/-1}.lav-form-grid textarea,.lavcu-form textarea,.opr-form textarea,.lavco-grid textarea{width:100%}.lavhr-f-wide,.lavco-f-wide{grid-column:1/-1}.lav-form-grid>.lav-btn,.lavco-grid>.lav-btn{justify-self:start}.lav-f-span3{grid-column:span 3}.lav-form-grid+.lav-form-grid,.lavco-grid+.lavco-grid{margin-top:var(--lav-gap)}
/* خانة بعرض عمودين (العنوان مثلاً) — على الموبايل بعرض الصف */
@media(min-width:600px){:is(.lav-form-grid,.lavco-grid)>.lav-f-2{grid-column-end:span 2}}
/* عنوان قسم جوه الفورم: المسافة من فجوة الجريد نفسها */
.lav-form-grid>.lav-section-title{grid-column:1/-1;margin:6px 0 0}.lav-form-grid>.lav-section-title:first-child{margin-top:0}
/* علامة الخانة الإجبارية جنب اسمها */
:is(.lav-form-grid,.opr-form)>label>span:first-child>i,.lav-docpop-f>span i,.lav-fl i{color:var(--lav-primary);font-style:normal}
@media (max-width:959px){.lav-f-span3{grid-column:1/-1}}
.lavhr-f-wide .lav-select{width:100%}.lav-ptabs,.lav-subtabs,.lavhr-tabs{flex-wrap:wrap}
.opr-pick,.lav-pick{border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);overflow:auto;max-height:200px;margin-top:5px}.opr-pick-tbl,.lav-pick-tbl{width:100%;border-collapse:collapse;font-size:var(--lav-table-font)}.opr-pick-tbl th,.lav-pick-tbl th{position:sticky;top:0;background:var(--lav-note-empty-bg);color:var(--lav-muted);font-size:var(--lav-table-font);padding:var(--lav-table-cell-pad);text-align:start}.opr-pick-tbl td,.lav-pick-tbl td{padding:var(--lav-table-cell-pad);border-bottom:1px solid var(--lav-border);cursor:pointer}.opr-pick-tbl tr:hover td,.lav-pick-tbl tr:hover td{background:var(--lav-surface-2)}.opr-pick-tbl tr.is-sel td,.lav-pick-tbl tr.is-sel td{background:var(--lav-primary-soft);box-shadow:inset 3px 0 0 var(--lav-primary)}.opr-pick-tbl tr.is-off td,.lav-pick-tbl tr.is-off td{color:var(--lav-muted);background:var(--lav-note-empty-bg);cursor:not-allowed}.opr-lbl{display:block;font-size:var(--lav-font-base);color:var(--lav-muted);margin-bottom:2px}.lav-note.is-rows{display:block}.opr,.rpt,.lavAl{font-family:var(--lav-font)}.opr table,.rpt table,.lavAl table{max-width:100%}.lav-btn-xs{min-height:28px;height:28px;padding:0 10px;font-size:var(--lav-font-small);min-width:var(--lav-btn-xs-w)}.lav-btn,button,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select{min-height:var(--lav-touch-min)}.lav-modal-close,.lav-btn-xs{min-height:0}
@media(prefers-reduced-motion:reduce){.lav-btn,.lavx-menu{transition:none}.lav-modal,.lav-modal-ov,.lav-login-msg,.lav-drawer,.lav-drawer-ov,.lav-piece,.lav-ring,.lav-veil,.lav-enter .lav-menu-center,.lav-build{animation:none}}
/* القائمة الجانبية القديمة (غير مستخدمة في القشرة الحالية — تُترك للتوافق فقط) */
.lav-shell:not(.lavx-shell) .lav-menu-item{display:block;width:100%;text-align:right;border:0;background:transparent;color:var(--lav-text);padding:9px 12px;border-radius:9px;cursor:pointer}.lav-shell:not(.lavx-shell) .lav-menu-item.active{background:var(--lav-primary);color:var(--on-color)}.lav-topbar{font-family:var(--lav-font)}/* ============================================================
الصفحة الرئيسية — ترحيب + مؤشرات + بطاقات (تخطيط المرجع، بيانات حقيقية فقط)
============================================================ */
/* صورة الرئيسية الأصلية (استُعيدت 20 Sep 2026): كانت مضمّنة base64 داخل CSS في النسخة السابقة،
الآن ملف أصول حقيقي assets/home-hero.webp يُشحن في الجذرين. الخلفية فاتحة كما هي — بلا ثيم داكن. */
.lavhm-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:clamp(130px,17vw,190px);padding:18px 20px;margin-bottom:12px;border:1px solid var(--lav-border);border-radius:var(--lav-radius);overflow:hidden;background:var(--lav-surface) url("home-hero.webp") center/cover no-repeat}.lavhm-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(255,255,255,.92) 0%,rgba(255,255,255,.75) 38%,rgba(255,255,255,0) 68%);pointer-events:none}.lavhm-hero-l{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:0}/* «رسالة اليوم» centred on the hero image */
.lavhm-msg{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 22%;text-align:center;pointer-events:none}.lavhm-msg-t{display:inline-flex;align-items:center;gap:6px;font-size:var(--lav-font-small);color:var(--lav-primary)}.lavhm-msg-t svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linejoin:round}.lavhm-msg-b{max-width:560px;padding:8px 16px;border-radius:var(--lav-radius);background:color-mix(in srgb,var(--lav-surface) 82%,transparent);font-size:var(--lav-font-base);color:var(--lav-text);line-height:1.7}.lavhm-hero-l h1{margin:0;font-size:var(--lav-h1);color:var(--lav-text);line-height:1.4}.lavhm-hero-l .sub{font-size:var(--lav-font-small);color:var(--lav-muted)}.lavhm-row{display:grid;gap:var(--lav-gap);margin-bottom:var(--lav-gap)}.lavhm-row.two{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.lavhm-card{background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);padding:var(--lav-card-pad);box-shadow:var(--lav-shadow-soft);min-width:0}.lavhm-card-t{font-size:var(--lav-font-title);color:var(--lav-text);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.lavhm-card-link{font-size:var(--lav-font-small);color:var(--lav-primary);cursor:pointer;text-decoration:none;white-space:nowrap}.lavhm-card-link:hover{text-decoration:underline}.lavhm-tasks{display:flex;flex-direction:column;gap:0}.lavhm-task{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--lav-border);cursor:pointer;color:inherit;text-decoration:none;background:none;border-inline:0;border-top:0;width:100%;text-align:start;font:inherit}.lavhm-task:last-child{border-bottom:0}.lavhm-task:hover .tx{color:var(--lav-primary)}.lavhm-task .ic{width:30px;height:30px;border-radius:var(--lav-radius-sm);display:flex;align-items:center;justify-content:center;flex:none}.lavhm-task .ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.lavhm-task .tx{flex:1;font-size:var(--lav-font-base);color:var(--lav-text);min-width:0}.lavhm-task .cnt{font-size:var(--lav-font-small);background:var(--lav-soft);color:var(--lav-muted2);border-radius:var(--lav-radius-pill);padding:2px 10px;min-width:32px;text-align:center}.lavhm-task .cnt.is-hot{background:var(--lav-primary-soft);color:var(--lav-primary)}.lavhm-task svg.chev{width:14px;height:14px;stroke:var(--lav-muted3);fill:none;stroke-width:2;flex:none;transform:scaleX(-1)}.lavhm-qa{display:grid;grid-template-columns:repeat(var(--qa-cols,4),minmax(0,1fr));gap:var(--lav-gap)}.lavhm-qa a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);padding:16px 8px;text-decoration:none;min-width:0;color:var(--lav-text);transition:border-color .12s}.lavhm-qa a:hover{border-color:var(--lav-err-border);background:var(--lav-primary-soft)}.lavhm-qa a svg{width:22px;height:22px;stroke:var(--lav-primary);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lavhm-qa a span{font-size:var(--lav-font-small);text-align:center;line-height:1.3}.lavhm-empty{font-size:var(--lav-font-small);color:var(--lav-muted);padding:8px 0}
/* ============================================================
الطباعة — قواعد ورقية (البيانات والحقول القانونية بلا تغيير)
============================================================ */
@media print{body{background:#fff;color:#000}.lavx-head,.lavx-menu,.lavx-topbar,.lav-page-tabs,.lav-btn,.lav-filters-bar,.lav-modal-ov,.lav-drawer-ov,.lav-busy-ov{display:none}.lavx-shell{height:auto;overflow:visible}.lavx-main{overflow:visible}.lav-page-card,.lav-card,.lavhm-card{box-shadow:none;border-color:#ccc}th,td{border-color:#ccc}}
/* ============================================================
التجاوب: 1024 (لوحي) — 900 (تنقل متجاوب من نفس خريطة المراكز) — 768 — 480
============================================================ */
@media (max-width:1024px){.lavx-content{padding:16px}.lav-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lav-kpis>:last-child:nth-child(odd){grid-column:1/-1}.lavhm-row.two{grid-template-columns:1fr}}
@media (max-width:1100px){.lavx-burger{display:inline-flex}.lavx-logowrap{border-inline-end:0;padding-inline-end:0}/* شريط المراكز يتحوّل إلى درج جانبي (نفس خريطة المراكز + الصفحات الفرعية) */
.lavx-menu{position:fixed;top:var(--lav-env-h);bottom:0;inset-inline-start:0;width:min(300px,86vw);height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:14px 10px;gap:2px;overflow-y:auto;background:var(--lav-surface);border-inline-end:1px solid var(--lav-border);box-shadow:var(--lav-shadow);transform:translateX(100%);transition:transform .2s;z-index:120}.lavx-shell.sidebar-open .lavx-menu{transform:none}.lavx-nav-ov{display:none;position:fixed;inset:0;background:var(--lav-overlay);z-index:110}.lavx-shell.sidebar-open .lavx-nav-ov{display:block}.lav-menu-center{flex-direction:column;align-items:stretch}.lav-menu-center+.lav-menu-center::before{display:none}.lav-menu-item{flex-direction:row;justify-content:flex-start;gap:12px;min-height:46px;min-width:0;padding:0 12px;text-align:start;border-radius:var(--lav-radius-sm);font-size:var(--lav-font-base);color:var(--lav-text)}.lav-menu-item.active{background:var(--lav-primary-soft);color:var(--lav-primary)}.lav-menu-item.active::after{display:none}.lav-menu-dd{display:flex;flex-direction:column;gap:0;padding:0 0 6px 0;margin-inline-start:32px}.lav-menu-sub{font-size:var(--lav-font-small);padding:7px 10px;color:var(--lav-muted2)}}
@media (max-width:900px){.lavx-topbar{padding:0 12px;gap:10px}.lavx-tb-date{display:none}.lavx-topbar #lav_refresh{display:none}.lavx-content{padding:14px 12px}.lav-page-head-title{font-size:var(--fs-section)}}
@media (max-width:768px){.lavx-uinfo{display:none}.lavx-tb-user{padding:2px}.lav-kpi{padding:12px}.lav-kpi-num{font-size:var(--fs-section)}.lav-page-card{padding:13px}.lav-foot-btns,.lav-foot-field{flex-wrap:wrap}.lav-page-tabs>button,.lav-page-tabs>a,.lav-ptabs>button,.lav-ptabs>a,.lav-subtabs>button,.lav-subtabs>a{white-space:normal}img,svg,video{max-width:100%}.lav-filters-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.lav-filters-bar>:is(.lav-btn,.lav-actions){grid-column:1/-1;width:100%}.lav-filters-bar>.lav-actions>.lav-btn{flex:1 1 auto}.lav-summary-card{grid-template-columns:repeat(2,1fr)}.lavhr-tabs,.p12-nav{flex-wrap:wrap}.lav-drawer{width:100%;max-width:100%}}
@media (max-width:600px){.lavhm-msg{position:relative;inset:auto;padding:0;margin-top:14px;width:100%}/* على body لا :root: قيم العقد تُحقن inline على من الخادم، وقيمة body تسبقها لكل ما بداخلها */
body{--lav-btn-h:38px;--lav-field-h:38px;--lav-icon-btn:38px;--lav-tab-h:36px;--lav-touch-min:38px;--lav-act-w:36px;--lav-act-h:32px}.lavx-topbar{height:auto;min-height:var(--lav-topbar);flex-wrap:wrap;padding-block:8px;gap:8px}.lavx-tb-right{margin-inline-start:auto;flex-wrap:wrap}.lav-modal-close{width:var(--lav-icon-btn);height:var(--lav-icon-btn);min-height:var(--lav-icon-btn)}.lav-field:not(select),.lav-modal-input{font-size:var(--fs-title-sm)}.lavx-content{padding-inline:10px}}
@media (max-width:480px){.lavhm-qa{grid-template-columns:repeat(3,minmax(0,1fr))}.lavx-content{padding:10px 8px}}
.lavx-uinfo{min-width:0}/* customer code lookup (customer-code-lookup.js): code field + search button,identity cards */
/* صف أزرار موحّد: 8px بين أي زرين متجاورين في كل الصفحات */
.opr-actions,.lav-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lav-nme{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lav-gap)}.lav-nme-box{display:flex;flex-direction:column;gap:8px;min-width:0}.lav-nme-t{color:var(--lav-text)}.lav-nme-d{font-size:var(--lav-font-small);color:var(--lav-muted)}.lav-nme-foot{grid-column:1/-1}@media (max-width:700px){.lav-nme{grid-template-columns:1fr}}
/* رأس كارت: العنوان في ناحية والأزرار في الناحية التانية */
.lav-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.lav-card-head-title{font-size:var(--lav-font-base);color:var(--lav-text)}
/* شريط الهوية أعلى الصفحة (اسم الموظف ← كوده وفرعه ووظيفته) — صفحة الموارد البشرية و«خدمتي» */
.lav-strip{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--lav-gap);padding:8px 12px;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);font-size:var(--lav-font-small)}
.lav-strip-name{font-size:var(--lav-font-base);color:var(--lav-text)}.lav-strip-meta{display:flex;flex-wrap:wrap;gap:var(--lav-gap);color:var(--lav-muted)}.lav-strip-meta b{font-weight:var(--lav-font-weight);color:var(--lav-text)}
/* تسجيل الحضور من الموبايل («خدمتي»): كروت ضيقة في النص وزرار كبير */
.lav-punch{display:grid;gap:var(--lav-gap);max-width:520px;width:100%;margin-inline:auto}.lav-punch-card{background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);padding:6px 16px}
.lav-punch-row{display:flex;justify-content:space-between;align-items:center;gap:var(--lav-gap);padding:10px 0;border-bottom:1px solid var(--lav-soft)}.lav-punch-row:last-child{border-bottom:0}.lav-punch-row>span:first-child{color:var(--lav-muted)}
.lav-punch-clock{padding:14px 16px;text-align:center}.lav-punch-time{font-size:var(--fs-kpi);font-weight:var(--lav-w-strong);color:var(--lav-text);line-height:1.2}.lav-punch-date{color:var(--lav-muted)}.lav-punch-go{width:100%;height:56px;font-size:var(--fs-section)}
/* البصمة من الموبايل: الكاميرا بإطار خفيف، وبعد البصمة صورة «بولارويد» بالتحية */
.lav-punch-cam{position:relative;aspect-ratio:1;border-radius:24px;overflow:hidden;background:var(--lav-ic-pink-bg);border:4px solid var(--lav-ic-pink-bg)}
.lav-punch-cam>:is(video,img){display:block;width:100%;height:100%;object-fit:cover}
.lav-punch-cam>video{transform:scaleX(-1)}
.lav-punch-cam::after{content:"";position:absolute;inset:12% 18% 22%;border:3px dashed var(--lav-ic-pink);border-radius:50%;pointer-events:none}
.lav-punch-cam.is-flash::before{content:"";position:absolute;inset:0;z-index:2;background:var(--lav-surface);animation:lav-punch-flash .5s ease-out forwards;pointer-events:none}
@keyframes lav-punch-flash{from{opacity:1}to{opacity:0}}
.lav-punch-chip{position:absolute;top:12px;inset-inline:0;margin-inline:auto;width:max-content;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:var(--lav-surface);color:var(--lav-ic-pink);font-weight:var(--lav-w-strong);box-shadow:var(--lav-shadow-soft)}
.lav-punch-chip svg{width:18px;height:18px}
.lav-punch-deco{position:absolute;width:26px;height:26px;color:var(--lav-ic-pink)}
.lav-punch-deco svg{display:block;width:100%;height:100%}
.lav-punch-deco[data-d="1"]{top:20%;inset-inline-start:7%}
.lav-punch-deco[data-d="2"]{top:34%;inset-inline-end:7%;width:20px;height:20px}
.lav-punch-deco[data-d="3"]{bottom:26%;inset-inline-start:11%;width:16px;height:16px}
.lav-punch-shutter{position:absolute;bottom:14px;inset-inline:0;margin-inline:auto;width:72px;height:72px;border-radius:50%;background:var(--lav-surface);border:6px solid var(--lav-ic-pink);box-shadow:0 0 0 4px var(--lav-surface);cursor:pointer}
.lav-punch-shutter:active{transform:scale(.92)}
.lav-punch-hi{color:var(--lav-ic-pink);font-weight:var(--lav-w-strong);font-size:var(--fs-section)}
.lav-punch-done{display:grid;justify-items:center;gap:12px;padding:18px 16px;border-radius:var(--lav-radius);background:var(--lav-ic-pink-bg)}
.lav-punch-polaroid{margin:0;width:210px;padding:10px 10px 12px;background:var(--lav-surface);box-shadow:var(--lav-shadow);transform:rotate(-3deg)}
.lav-punch-polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.lav-punch-polaroid figcaption{margin-top:8px;text-align:center;font-weight:var(--lav-w-strong);color:var(--lav-ic-pink)}
.lav-punch-msg{font-weight:var(--lav-w-strong);color:var(--lav-text)}
.lav-att-photo{display:block;width:100%;max-width:340px;aspect-ratio:1;object-fit:cover;border-radius:var(--lav-radius);margin-inline:auto}
.lav-exact-row{display:flex;align-items:center;gap:8px;width:100%}.lav-exact-row input{flex:1;min-width:0}.lav-exact-row .lav-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin:0}/* search results the user clicks to open (table rows) */
.lav-pick-rows tbody tr{cursor:pointer}.lav-pick-rows tbody tr:hover,.lav-pick-rows tbody tr:focus-visible{background:var(--lav-primary-soft);outline:none}/* تبديل النظام في الشريط العلوي (للمالك) */
.lavx-sysw{position:relative;flex:none}.lavx-sysw-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);color:var(--lav-muted2);font-family:var(--lav-font);font-size:var(--lav-font-small);cursor:pointer;white-space:nowrap}.lavx-sysw-btn svg{width:var(--lav-ic-size-btn);height:var(--lav-ic-size-btn);flex:none}.lavx-sysw-btn:hover{border-color:var(--lav-primary);color:var(--lav-primary)}
.lavx-sysw-btn svg.chev{width:14px;height:14px}.lavx-sysw-menu{position:absolute;inset-inline-start:0;top:calc(100% + 8px);z-index:60;width:272px;border:1px solid var(--lav-border);border-radius:var(--lav-radius);background:var(--lav-surface);box-shadow:var(--lav-shadow);overflow:hidden}.lavx-sysw-row{display:flex;align-items:stretch;border-bottom:1px solid var(--lav-border)}.lavx-sysw-row:last-child{border-bottom:0}.lavx-sysw-item{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:7px 12px;border:0;background:var(--lav-surface);font-family:var(--lav-font);cursor:pointer;text-align:start}.lavx-sysw-new{display:flex;align-items:center;justify-content:center;width:44px;flex:none;border-inline-start:1px solid var(--lav-border);background:var(--lav-surface);color:var(--lav-muted2)}.lavx-sysw-new:hover{background:var(--lav-surface-2);color:var(--lav-primary)}.lavx-sysw-new svg{width:16px;height:16px}.lavx-sysw-item:hover{background:var(--lav-surface-2)}.lavx-sysw-item{--lav-ic-box:28px;--lav-ic-size:15px}.lavx-sysw-item .ic{display:inline-flex;align-items:center;justify-content:center;width:var(--lav-ic-box);height:var(--lav-ic-box);border-radius:var(--lav-radius-sm);flex:none}.lavx-sysw-item .ic svg{width:var(--lav-ic-size);height:var(--lav-ic-size);fill:none;stroke:currentColor;stroke-width:var(--lav-ic-stroke);stroke-linecap:round;stroke-linejoin:round}.lavx-sysw-item .t{flex:1;min-width:0;font-size:var(--lav-font-small);color:var(--lav-text);text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lavx-sysw-item.is-cur{background:var(--lav-primary-soft)}.lavx-sysw-item.is-cur .ic{box-shadow:0 0 0 1px currentColor}.lavx-sysw-item.is-cur .t{color:var(--lav-primary)}.lavx-sysw-item.is-off{opacity:.5;cursor:default}
/* ===== الطباعة: تعريف واحد للسيستم كله — أي شاشة تتطبع بنفس الشكل =====
التخصيص متعلّق بـbody عشان يغلب ستايل الصفحات من غير ما نستخدم !important. */
@media print{body .lavx-head,body .lavx-topbar,body .lavx-menu,body .lavx-nav-ov,body .lavx-burger,body .lavx-bell,body .lavx-logout,body .lavx-open-window,body .lavx-sysw,body .lav-page-tabs,body .printbar,body .lav-btn,body .lav-btn-light,body .lav-btn-neutral,body .lav-btn-save,body [data-lav-filters],body [data-col="actions"],body th.actions,body td.actions{display:none}html,body{background:#fff}body .lavx-shell,body .lavx-main,body .lavx-content{margin:0;padding:0;max-width:none;width:auto}body .lavx-content{font-size:11px}body .lavx-content table{width:100%;border-collapse:collapse;font-size:10.5px}body .lavx-content th,body .lavx-content td{padding:3px 6px;line-height:1.45}body .lavx-content .lav-card{box-shadow:none;border-radius:0;padding:6px 0;break-inside:avoid}body tr,body .lav-card{break-inside:avoid}body thead{display:table-header-group}body a[href]:after{content:""}}
@page{size:A4 portrait;margin:12mm 10mm}
/* إعدادات العقود: شريط المقاسات، جدول البنود، ومعاينة الورقة بعدد صفحاتها */
.lav-cd-txt{display:inline-block;max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.lav-cd-add{margin-top:var(--lav-gap)}
.lav-cd-pv{max-height:calc(100dvh - 160px);overflow:hidden auto;position:sticky;top:0}
.lav-cd-sheet{position:relative;background:var(--lav-surface);box-shadow:var(--lav-shadow);transform-origin:top right}
.lav-cd-sheet iframe{display:block;border:0}
.lav-cd-zone{position:absolute;top:0;inset-inline:0;border-bottom:1px dashed var(--lav-err-border);background:var(--lav-primary-soft)}
.lav-cd-zone span,.lav-cd-brk span{position:absolute;inset-inline-start:6px;font-size:var(--lav-font-small);color:var(--lav-primary);background:var(--lav-surface);padding:0 4px}
.lav-cd-zone span{bottom:4px}
.lav-cd-brk{position:absolute;inset-inline:0;border-top:1px dashed var(--lav-primary)}
.lav-cd-brk span{top:-10px}
.lav-cd-form{--lav-form-cols:2}
.lav-cd-chips{display:flex;flex-wrap:wrap;gap:6px}
.lav-cd-chip{height:26px;padding:0 10px;border:1px dashed var(--lav-border-2);border-radius:99px;background:var(--lav-surface-2);color:var(--lav-text);font-family:var(--lav-font);font-size:var(--lav-font-small);cursor:pointer}
.lav-cd-chip:hover{border-style:solid;border-color:var(--lav-primary);color:var(--lav-primary)}
.lav-cd-chip.is-sub{border-style:solid;border-color:var(--lav-primary);background:var(--lav-primary-soft);color:var(--lav-primary)}
@media(max-width:599px){.lav-cd-form{--lav-form-cols:1}}
/* الإيجارات (LAVIDA FINANCIAL): جدول شهور الإيجار — سطور مضغوطة، الشهر المحوّل، آخر 3 شهور في العقد، والفرع اللي عقده خلص */
.lav-rent-grid{--lav-table-cell-pad:3px 8px;--lav-touch-min:24px}
.lav-rent-grid th small{display:block;color:var(--lav-muted);font-size:var(--lav-font-small)}
.lav-rent-grid tr.is-paid td{background:var(--lav-success-bg)}
.lav-rent-grid tr.is-now td{font-weight:var(--lav-w-strong)}
.lav-rent-grid td.is-end3{background:var(--lav-ic-amberd-bg)}
.lav-rent-grid td.is-end2{background:var(--lav-ic-pink-bg)}
.lav-rent-grid td.is-end1{background:var(--lav-badge-err-bg)}
.lav-rent-grid td.is-ended{background:var(--lav-note-empty-bg);color:var(--lav-muted3)}
.lav-rent-up{display:inline-flex;vertical-align:middle;color:var(--lav-primary)}
.lav-rent-up svg{width:13px;height:13px}
/* One vertical rhythm for stacked blocks (pages, windows, panes). */
.lav-stack{display:flex;flex-direction:column;gap:var(--lav-gap);min-width:0}.lav-stack>*{margin-block:0;flex-shrink:0}.lav-stack>div:empty{display:none}
/* Icon name on hover / keyboard focus. */
[data-tip]{position:relative}[data-tip]:hover::after,[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--lav-surface);color:inherit;border:1px solid currentColor;box-shadow:var(--lav-shadow-soft);font-family:var(--lav-font);font-size:var(--lav-font-small);line-height:1.4;padding:4px 8px;border-radius:var(--lav-radius-sm);pointer-events:none;z-index:5}
/* أزرار آخر عمود في الجدول: الاسم بيفتح لجوّه علشان مايطلعش برّه الكارت أو النافذة */td:last-child>[data-tip]:is(:hover,:focus-visible)::after,td:last-child>*>[data-tip]:is(:hover,:focus-visible)::after{left:auto;right:auto;inset-inline-end:0;transform:none}
/* Charts (lavChart) and report rows. */
:root{--lav-chart-red:var(--lav-primary);--lav-chart-teal:var(--lav-ic-teal);--lav-chart-indigo:var(--lav-ic-indigo);--lav-chart-line:var(--lav-ic-indigo)}
.lav-chart{display:flex;flex-direction:column;gap:10px;min-width:0}
.lav-chart-svg{display:block;width:100%;height:auto;font-family:var(--lav-font);overflow:visible;stroke:none}
.lav-chart-svg text{stroke:none;font-weight:var(--lav-w-text)}
.lav-chart .lav-chart-num{direction:ltr;unicode-bidi:embed}
.lav-chart .lav-chart-bar{stroke:none}
.lav-chart-grid{stroke:var(--lav-border);stroke-width:1}
.lav-chart-base{stroke:var(--lav-border-3);stroke-width:1}
.lav-chart-axis,.lav-chart-note{font-size:var(--fs-small);fill:var(--lav-muted)}
.lav-chart-cat{font-size:var(--fs-small);fill:var(--lav-text)}
.lav-chart-val{font-size:var(--fs-small);fill:var(--lav-text)}
.lav-chart-bar{cursor:pointer}.lav-chart-bar:hover{opacity:.82}
.lav-chart-ghost{stroke:var(--lav-text);stroke-width:2}
.lav-chart-avg{stroke:var(--lav-muted);stroke-width:1.2;stroke-dasharray:5 4}
.lav-chart-chg{font-size:var(--fs-small)}.lav-chart-chg.is-up{fill:var(--lav-success)}.lav-chart-chg.is-down{fill:var(--lav-error)}
.lav-chart-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:var(--lav-font-small);color:var(--lav-muted2)}
.lav-chart-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--c);margin-inline-end:6px;vertical-align:-1px}
.lav-chart-legend i.is-line{width:18px;height:3px;border-radius:2px;vertical-align:3px}
.lav-chart-legend i.is-tick{width:18px;height:2px;border-radius:0;vertical-align:4px}
.lav-chart-legend i.is-dash{width:18px;height:0;border-top:2px dashed var(--c);background:none;border-radius:0;vertical-align:4px}
.lav-share{display:flex;flex-direction:column;gap:12px}
.lav-share-row{display:grid;grid-template-columns:150px minmax(0,1fr) 96px 44px;gap:12px;align-items:center;font-size:var(--lav-table-font)}
.lav-share-track{display:block;height:12px;background:var(--lav-soft);border-radius:6px;overflow:hidden}
.lav-share-track span{display:block;height:100%;border-radius:6px;background:var(--c,var(--lav-primary))}
.lav-share-v,.lav-share-p{text-align:end;font-variant-numeric:tabular-nums}.lav-share-p{color:var(--lav-muted)}
@media(max-width:600px){.lav-share-row{grid-template-columns:minmax(0,1fr) auto auto;row-gap:4px}.lav-share-track{grid-column:1/-1;grid-row:2}}
.lav-kpi-sub{font-size:var(--lav-font-small);color:var(--lav-muted);white-space:nowrap}
.lav-chg{font-variant-numeric:tabular-nums;white-space:nowrap}.lav-chg.is-up{color:var(--lav-success)}.lav-chg.is-down{color:var(--lav-error)}
.lav-ui-table td .lav-row-sec{color:var(--lav-primary)}
.lav-ui-table tr:has(.lav-row-sec) td{background:var(--lav-surface-2);text-align:start}
/* E6 — DR-128: net result is an identity-red line, not an error state. */
.lav-report-net{display:flex;align-items:center;justify-content:space-between;gap:var(--lav-gap);padding:12px 16px;border:1px solid var(--lav-err-border);border-inline-start:4px solid var(--lav-primary);border-radius:var(--lav-radius-sm);background:var(--lav-primary-soft);color:var(--lav-primary);font-weight:var(--lav-w-title);font-variant-numeric:tabular-nums}
/* A code that must not break across lines inside a table cell (company code, account code). */
.lav-nowrap{white-space:nowrap}.lav-code-long{white-space:normal;overflow-wrap:anywhere}
/* Upload box (all systems): drop, pick or paste one file. Row form: type select + box + action button. */
.lav-drop{flex:1 1 320px;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--lav-gap);flex-wrap:wrap;min-height:var(--lav-btn-h);padding:6px 12px;border:1px dashed var(--lav-border-2);border-radius:var(--lav-radius);background:var(--lav-surface-2);font-size:var(--lav-table-font);color:var(--lav-muted);cursor:pointer}
.lav-drop:focus-visible,.lav-drop.is-over{border-color:var(--lav-primary);background:var(--lav-primary-soft);outline:0}
.lav-drop.has-file{border-style:solid}.lav-drop.has-file .lav-drop-hint{color:var(--lav-text)}
.lav-drop-t{color:var(--lav-text)}.lav-drop-hint{font-size:var(--lav-font-small)}.lav-drop .lav-btn{margin:0}
.lav-upload-row{display:flex;align-items:center;gap:var(--lav-gap);flex-wrap:wrap}.lav-upload-row>.lav-select{flex:0 0 260px;width:260px;margin:0}
@media (max-width:768px){.lav-upload-row>.lav-select{flex-basis:100%;width:100%}}
.lav-upload-row>.lav-btn{margin:0}
/* Attach-document window (all systems): file, the document's own fields, the form data it carries. */
.lav-docpop{display:grid;gap:var(--lav-gap);min-width:0}
.lav-docpop-who{font-size:var(--lav-font-small);color:var(--lav-muted)}
.lav-docpop-f{display:flex;flex-direction:column;gap:var(--lav-label-gap);min-width:0}.lav-docpop-f>span{font-size:var(--lav-font-small);color:var(--lav-muted)}
.lav-docpop-kinds{display:flex;flex-wrap:wrap;gap:var(--lav-gap)}.lav-docpop-kinds>span{display:inline-flex;align-items:center;height:var(--lav-btn-h);padding:var(--lav-btn-pad);border:1px solid var(--lav-primary);border-radius:var(--lav-radius-sm);background:var(--lav-soft);color:var(--lav-primary);font-size:var(--lav-btn-font)}
.lav-docpop-prev{text-align:center}.lav-docpop-prev img{max-width:100%;max-height:200px;border-radius:var(--lav-radius-sm);border:1px solid var(--lav-border)}
.lav-doc-view{text-align:center}.lav-doc-view img,.lav-doc-view iframe{max-width:100%;border-radius:var(--lav-radius-sm);border:1px solid var(--lav-border)}.lav-doc-view img{max-height:70vh}.lav-doc-view iframe{width:100%;height:70vh}
.lav-docpop-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lav-gap)}.lav-docpop-fields>:last-child:nth-child(odd){grid-column:1/-1}.lav-docpop-fields:empty,.lav-docpop-data:empty{display:none}
.lav-docpop-built{border:1px solid var(--lav-border);background:var(--lav-soft);border-radius:var(--lav-radius-sm);padding:8px 11px;font-size:var(--lav-font-small);color:var(--lav-muted)}.lav-docpop-built bdi{color:var(--lav-primary);word-break:break-all}
@media(max-width:560px){.lav-docpop-fields{grid-template-columns:minmax(0,1fr)}}
/* Form field linked to a document: label line with the document status, the input and its attach (clip) button. */
.lav-fl{display:flex;align-items:center;gap:8px;min-width:0;min-height:18px;line-height:18px;font-size:var(--lav-font-small);color:var(--lav-muted)}.lav-fl>.t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lav-frow{display:flex;gap:var(--lav-gap);align-items:flex-end;min-width:0}.lav-frow .lav-field{flex:1}
.lav-clip{margin:0;flex-shrink:0;width:var(--lav-field-h);height:var(--lav-field-h);padding:0;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);color:var(--lav-muted);cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center}.lav-clip:hover{color:var(--lav-primary);border-color:var(--lav-primary);background:var(--lav-soft)}
.lav-doc-st{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:var(--lav-font-tiny);white-space:nowrap}.lav-doc-st .lav-i{width:14px;height:14px}
.lav-doc-st.ok{color:var(--lav-success)}.lav-doc-st.warn{color:var(--lav-warning)}.lav-doc-st.err{color:var(--lav-error)}.lav-doc-st.pend{color:var(--lav-primary)}
.lav-doc-st .go{color:var(--lav-primary);text-decoration:underline;cursor:pointer;background:none;border:0;padding:0;font:inherit}
/* Full-page stop message (no access / session closed) for LEGAL and FINANCIAL entry pages. */
.lav-stop{display:flex;min-height:100vh;align-items:center;justify-content:center;margin:0;background:var(--lav-bg);font-family:var(--lav-font)}.lav-stop-card{max-width:430px;text-align:center}.lav-stop-title{font-size:var(--lav-font-title);color:var(--lav-text);margin-bottom:6px}.lav-stop-hint{font-size:var(--lav-font-small);color:var(--lav-muted);line-height:1.9}.lav-stop-card p{margin:16px 0 0}
/* Clickable figure in a report table (opens the entries behind it). */
.lav-num-link{background:none;border:0;padding:0;min-height:0;font:inherit;color:inherit;cursor:pointer;font-variant-numeric:tabular-nums}.lav-num-link:hover,.lav-num-link:focus-visible{color:var(--lav-primary);text-decoration:underline}
/* Company switcher in the FINANCIAL header. */
.lavx-co-switch{margin-inline-start:12px}
/* Receipts and receipt files (payment-lines.js): the 80 mm receipt on screen, a receipt image or PDF, the hidden print frame. */
.lav-receipt-frame{display:block;width:340px;max-width:100%;height:560px;margin-inline:auto;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface)}
.lav-doc-frame{display:block;width:100%;height:58vh;min-height:300px;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface)}
/* a titled section inside a details popup */
.lav-box{display:flex;flex-direction:column;gap:var(--lav-gap);padding:var(--lav-card-pad);border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);min-width:0}
.lav-box>h4{margin:0;font-weight:var(--lav-font-weight)}
.lav-proof-view{display:block;max-width:100%;max-height:70vh;margin-inline:auto;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm)}iframe.lav-proof-view{width:100%;height:70vh}
.lav-print-frame{position:fixed;width:0;height:0;border:0;inset-inline-end:0;bottom:0}
/* Customer code search row: label on top; code + بحث + name + company in one row. */
.lav-cust-cell{display:block;grid-column:1/-1}
.lav-cust-lbl{display:block;color:var(--lav-muted);font-size:var(--lav-font-small);margin:0 0 var(--lav-label-gap)}
.lav-cust-search{display:flex;align-items:center;gap:var(--lav-gap);flex-wrap:wrap}.lav-cust-search .lav-field{flex:0 1 260px;min-width:170px;margin:0}.lav-cust-search .lav-btn{width:auto;margin:0;display:inline-flex;align-items:center;gap:6px}
.lav-cust-ids{display:flex;flex-wrap:wrap;gap:var(--lav-gap);align-items:center}.lav-cust-ids:empty{display:none}.lav-cust-search>.lav-cust-ids{display:contents}
/* كود العميل كفلتر في كارت الفلاتر: العنوان في نص السطر والبحث ياخد باقي السطر */
.lav-cust-id{display:inline-flex;align-items:center;min-height:var(--lav-field-h);padding:0 var(--lav-field-pad-x);border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface);color:var(--lav-text);font-size:var(--lav-field-font)}.lav-cust-id:empty{display:none}
@media(max-width:700px){.lav-cust-search .lav-field{flex:1 1 100%}.lav-cust-id{flex:1 1 100%}}
/* الشاشات الضيقة (كارتين جنب بعض): عنوان المؤشر بيكمل على سطرين بدل ما يتقص، وكل الكروت بنفس الارتفاع */
@media (max-width:600px){.lav-kpi-lbl{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;min-height:2.7em}}
/* الجداول — تعريف واحد لكل الأنظمة: بعرض الكارت من غير سكرول يمين وشمال.
الجدول اللي أعمدته ماتساعش مكانه (والموبايل دايمًا) بيتعرض كروت: كل صف كارت، وخاناته «اسم العمود: القيمة» جنب بعض بعدد اللي يساع
(module-shell.js بيحط data-label من رأس العمود و data-lav-stack). خط الفصل فوق كل خانة، وخط أول صف بيركب على حافة الكارت. */
table:has(>thead){width:100%}
table[data-lav-stack]{display:block}
table[data-lav-stack]>thead{display:none}
table[data-lav-stack]>:is(tbody,tfoot){display:flex;flex-direction:column;gap:8px}
table[data-lav-stack]>:is(tbody,tfoot)>tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));column-gap:24px;padding:0 12px 2px;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);background:var(--lav-surface)}
table[data-lav-stack]>:is(tbody,tfoot)>tr:has(>td:only-child){display:block;padding:0;border:0}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td{display:flex;align-items:center;gap:6px;min-width:0;min-height:30px;margin-top:-1px;padding:4px 0;border:0;border-top:1px solid var(--lav-border);text-align:end}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td>*{min-width:0}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td:has(.lav-act){flex-wrap:wrap}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td:only-child{display:block;margin:0;padding:0;border:0;text-align:center}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td[data-label]:not([data-label=""])::before{content:attr(data-label);flex:0 0 auto;max-width:45%;margin-inline-end:auto;color:var(--lav-muted);font-size:var(--lav-font-small);text-align:start}
table[data-lav-stack] tbody tr:hover td{background:none}
/* التقييم بالنجوم (تقييمات العملاء) */
.lav-stars{color:var(--lav-star);letter-spacing:1px;white-space:nowrap;font-size:var(--lav-font-base)}.lav-stars i{color:var(--lav-border-2);font-style:normal}
/* شاشات الإعدادات (L12) — نفس التعريف في صفحة الإعدادات ونافذة إعدادات كل صفحة (lavPageSettings) */
.p12-tab:focus-visible,.p12-subtab:focus-visible{outline:2px solid var(--lav-primary);outline-offset:2px}
.lav-psettings-tabs{display:flex;flex-wrap:wrap;gap:6px}
.p12-sec{border:1px solid var(--lav-border);border-radius:var(--lav-radius);background:var(--lav-surface);box-shadow:var(--lav-shadow-soft);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.p12-sec[hidden]{display:none}
.p12-sec+.p12-sec{margin-top:var(--lav-gap)}
div:not([hidden]):has(>.p12-sec)+.p12-sec,.p12-sec+div:not([hidden]):has(>.p12-sec){margin-top:var(--lav-gap)}
.p12-sec-head{display:flex;justify-content:space-between;align-items:center;gap:var(--lav-gap);flex-wrap:wrap;padding:12px 16px;background:var(--lav-surface-2);border-bottom:1px solid var(--lav-border)}
.p12-sec-head>div:first-child{min-width:0;flex:1 1 300px}
.p12-sec-title{margin:0;font-size:var(--lav-font-lg);color:var(--lav-text);line-height:var(--lav-line-height);display:flex;align-items:center;gap:var(--lav-gap)}
.p12-sec-title::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--lav-primary);flex-shrink:0}
.p12-sec-desc{font-size:var(--lav-font-small);color:var(--lav-muted);line-height:var(--lav-line-height);margin-top:2px}
.p12-sec-tools{display:flex;min-width:0;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}
.p12-sec-tools--start{margin-inline-start:0}
.p12-sec-tools .lav-field{width:220px;max-width:100%;font-size:var(--lav-field-font)}
.p12-sec-tools .lav-btn{height:var(--lav-btn-h);font-size:var(--lav-btn-font);width:auto;padding-inline:13px}
.p12-sec-body{padding:14px 16px;display:flex;flex-direction:column;gap:var(--lav-gap);min-width:0}
.p12-count{font-size:var(--lav-font-small);color:var(--lav-muted);white-space:nowrap}
.p12-key{font:var(--lav-font-weight) var(--lav-font-base)/var(--lav-line-height) var(--lav-font);color:var(--lav-text);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;display:inline-block}
.p12-actions{display:flex;gap:var(--lav-gap);flex-wrap:wrap;align-items:center}
.p12-actions .lav-btn{width:auto;padding-inline:16px}
.p12-note{overflow-wrap:anywhere;word-break:break-word;font-size:var(--lav-font-small);color:var(--lav-muted);line-height:var(--lav-line-height)}
.p12-note code{font:var(--lav-font-weight) var(--lav-font-base)/var(--lav-line-height) var(--lav-font);direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
.p12-diff-tab{border-top:1px solid var(--lav-border)}
.p12-diff-tab:first-child{border-top:0}
.p12-diff-head{display:flex;align-items:center;gap:var(--lav-gap);font-size:var(--lav-font-base);color:var(--lav-text)}
.p12-diff-lines{margin:6px 0 0;padding:0 18px 0 0;list-style:none;font-size:var(--lav-font-small);line-height:var(--lav-line-height);color:var(--lav-text)}
.p12-diff-lines li{border-top:1px dashed var(--lav-border);padding:3px 0}
.p12-diff-lines li:first-child{border-top:0}
.p12-k-add{color:var(--lav-success)}.p12-k-chg{color:var(--lav-warning)}.p12-k-del{color:var(--lav-error)}
.p12-err-list{margin:0;padding:0;list-style:none;font-size:var(--lav-font-small);line-height:var(--lav-line-height)}
.p12-err-list li{padding:6px 10px;border-inline-start:3px solid var(--lav-error);background:var(--lav-error-bg);color:var(--lav-error);border-radius:var(--lav-radius-sm);margin-bottom:6px}
.p12-err-list.is-warn li{border-inline-start-color:var(--lav-warning);background:var(--lav-warning-bg);color:var(--lav-warning)}
.p12-editor{display:flex;flex-direction:column;gap:var(--lav-gap);min-width:0}
.p12-multi{cursor:pointer;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p12-img{display:inline-flex;align-items:center;gap:6px}.p12-img img{height:28px;max-width:72px;object-fit:contain}
.p12-acc{--lav-form-cols:4}
@media(max-width:959px){.p12-acc{--lav-form-cols:2}}
@media(max-width:599px){.p12-acc{--lav-form-cols:1}}
@media(min-width:900px){.lav-checklist.p12-pages{grid-template-columns:repeat(3,minmax(0,1fr))}}
.p12-grp{display:flex;align-items:center;gap:8px;cursor:pointer}.p12-grp input{flex:0 0 auto;width:17px;height:17px;margin:0;accent-color:var(--lav-primary)}
.p12-subtab .p12-count{margin-inline-start:6px}
.p12-editor tr.is-new td{background:var(--lav-primary-soft)}
.p12-f{display:flex;flex-direction:column;gap:4px;font-size:var(--lav-font-small);color:var(--lav-muted)}.p12-f .lav-field{margin:0}
@media (max-width:900px){.p12-sec-head{padding:10px 12px}.p12-sec-body{padding:12px}.p12-sec-tools{margin-inline-start:0;width:100%}}
/* فلتر العمود في الجداول (module-shell.js) */
.lav-cf{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-inline-start:4px;padding:0;border:0;border-radius:var(--lav-radius-sm);background:transparent;color:var(--lav-muted);cursor:pointer;vertical-align:middle}
.lav-cf:hover,.lav-cf.is-on{background:var(--lav-primary-soft);color:var(--lav-primary)}
:is(#lav_content,.lav-modal-ov) .lav-cf svg{width:12px;height:12px;stroke-width:2.2}
.lav-cf-pop{position:fixed;z-index:200010;width:240px;max-width:calc(100vw - 16px);max-height:min(420px,calc(100dvh - 16px));display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--lav-surface);border:1px solid var(--lav-border);border-radius:var(--lav-radius);box-shadow:var(--lav-shadow);font-family:var(--lav-font);font-size:var(--lav-font-small)}
.lav-cf-sort,.lav-cf-foot{display:flex;gap:6px}
.lav-cf-sort>.lav-btn,.lav-cf-foot>.lav-btn{flex:1;height:30px;min-height:30px;padding:0 8px;font-size:var(--lav-font-small)}
.lav-cf-pop>.lav-field{width:100%;height:30px}
.lav-cf-list{flex:1 1 auto;min-height:0;overflow-y:auto;border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);padding:4px 8px}
.lav-cf-list>label{display:flex;align-items:center;gap:6px;padding:3px 0;color:var(--lav-text);cursor:pointer}
.lav-cf-list>label[hidden]{display:none}
.lav-cf-list input{margin:0;accent-color:var(--lav-primary)}
.lav-cf-all{border-bottom:1px solid var(--lav-border)}
/* ========== 3) session-navigation.css ========== */
/* Navigation/accessibility only. Owner workbook and contract layout untouched. */
.lav-menu-item,.lavh-sc{text-decoration:none;color:inherit}
.lavx-open-window{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--lav-border,var(--border));border-radius:var(--lav-radius-sm,9px);background:var(--lav-surface,var(--on-color));color:var(--lav-muted2,var(--muted));padding:7px 10px;cursor:pointer;font:inherit;white-space:nowrap}
.lavx-open-window svg{width:17px;height:17px}
.lav-menu-item:focus-visible,.lavh-sc:focus-visible,.lavx-open-window:focus-visible{outline:2px solid var(--lav-primary,var(--brand));outline-offset:2px}
.lav-session-lock{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--lav-bg,var(--bg));font-family:var(--lav-font);direction:rtl}
.lavx-topbar .lavx-open-window{flex-shrink:0}.lavx-topbar .lavx-open-window svg{fill:none;stroke:currentColor}
.lavx-topbar #lav_refresh span{display:inline}
/* The busy layer sits over the dialogs (home.css .lav-modal-ov z-index 200000). */
.lav-busy-ov{z-index:210000}
/* Topbar icon controls (refresh/notify/bell/logout) share one 36px circular shape defined in home.css. */
/* ========== 4) file-controls.css ========== */
/* File inputs stay focusable and retain validation, form submission and browser picker behavior. */
.lav-file-control{position:relative;display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:100%;min-width:0;vertical-align:middle;line-height:var(--lav-line-height);font-family:var(--lav-font)}
.lav-file-control>.lav-file-native[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;min-width:0;max-width:1px}
.lav-file-control>.lav-file-pick{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-height:var(--lav-btn-h,36px);box-sizing:border-box;padding:5px 12px;margin:0;border:1px solid var(--lav-border,var(--lav-border));border-radius:8px;background:var(--lav-surface,var(--lav-surface));color:var(--lav-primary,var(--lav-primary));font:inherit;font-size:var(--lav-font-small);font-weight:var(--lav-font-weight);cursor:pointer;line-height:var(--lav-line-height);white-space:nowrap}
.lav-file-control>.lav-file-pick:hover{background:var(--lav-surface-2,var(--lav-soft));border-color:var(--lav-primary,var(--lav-primary))}
.lav-file-control:focus-within>.lav-file-pick{outline:2px solid var(--lav-primary,var(--lav-primary));outline-offset:3px}
.lav-file-control>.lav-file-name{display:block;flex:1 1 120px;min-width:0;max-width:100%;margin:0;padding:0;color:var(--lav-muted,var(--lav-muted));font-size:var(--lav-font-small);font-weight:var(--lav-font-weight);line-height:var(--lav-line-height);overflow-wrap:anywhere;unicode-bidi:plaintext}
.lav-file-control.is-disabled>.lav-file-pick{opacity:.55;cursor:not-allowed;background:var(--lav-surface-2,var(--lav-soft))}
.lav-file-control.is-disabled>.lav-file-name{opacity:.65}
@media(max-width:480px){.lav-file-control{gap:7px}.lav-file-control>.lav-file-name{flex-basis:100%}}
@media print{.lav-file-control>.lav-file-pick,.lav-file-control>.lav-file-native{display:none}}
/* ========== 5) print-kit.css ========== */
/* LAVIDA — الطباعة: تعريف واحد لكل المطبوعات في كل الأنظمة
(التقارير، الخطابات، الكشوف، المسيرات، عروض الأسعار، طلبات الشركات، الإيصالات). */
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{font-family:"Cairo",sans-serif}
/* جدول بيانات: جوه عرض الورقة، كل عنوان فوق عموده، والتاريخ والأرقام والأكواد (.n) والكلام القصير (.nw) في سطر واحد */
table.pt{width:100%;border-collapse:collapse;table-layout:auto;margin:0}
.pt thead{display:table-header-group}.pt tfoot{display:table-row-group}.pt tr{break-inside:avoid}
.pt th,.pt td{border:1px solid #d5d9df;text-align:center;vertical-align:middle;overflow-wrap:break-word;word-break:normal}
.pt th{background:var(--pt-head,#f3f4f6);color:var(--pt-head-ink,#374151);font-size:6.5pt;font-weight:600;line-height:1.3;padding:3px 4px}
.pt td{font-size:7pt;line-height:1.35;padding:2px 4px;color:#1f2937;unicode-bidi:plaintext}
.pt tbody tr:nth-child(even) td{background:#fafbfc}
.pt .n,.pt .num,.pt .nw{white-space:nowrap;font-variant-numeric:tabular-nums}
.pt td.n,.pt td.num{direction:ltr;unicode-bidi:isolate}
.pt .t{text-align:start}
.pt tfoot td,.pt tr.tot td{background:#f3f4f6;font-weight:600}
/* جدول مستند (طلب، خطاب، عرض سعر، مفردات): خط أكبر شوية؛ وجدول بيان وقيمته (kv) */
.pt.doc th{font-size:8.5pt;padding:4px 8px}.pt.doc td{font-size:9pt;padding:3px 8px}
.pt.kv td{text-align:start}.pt.kv td.k{background:#f8f9fb;color:#6b7280;width:38%}
/* تقرير: العنوان واسم السيستم والفلاتر والأرقام */
.rp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:7px;margin-bottom:9px;border-bottom:1.5px solid #c62828}
.rp-title{font-size:12.5pt;font-weight:600;color:#1f2937}
.rp-mark{direction:ltr;text-align:left;line-height:1.25}.rp-word{font-size:15pt;letter-spacing:.5px;color:#c62828}.rp-tag{font-size:7.5pt;letter-spacing:.5px;color:#6b7280;margin-left:5px}
.rp-date{font-size:7.5pt;color:#6b7280}
.rp-meta{display:flex;flex-wrap:wrap;border:1px solid #e5e7eb;border-radius:5px;margin-bottom:8px;overflow:hidden}
.rp-meta>div{flex:1 1 0;min-width:90px;padding:4px 9px;border-inline-start:1px solid #e5e7eb}.rp-meta>div:first-child{border-inline-start:0}
.rp-meta small,.rp-kpi small{display:block;font-size:7pt;color:#6b7280}.rp-meta b{font-weight:500;font-size:8.5pt}
.rp-kpis{display:flex;gap:6px;margin-bottom:9px}.rp-kpi{flex:1 1 0;border:1px solid #e5e7eb;border-radius:5px;background:#f8f9fb;padding:4px 9px;text-align:center}
.rp-kpi b{font-size:10.5pt;font-weight:600;font-variant-numeric:tabular-nums}.rp-kpi.ok b{color:#15803d}.rp-kpi.err b{color:#c62828}
.rp-sec{font-size:8.5pt;font-weight:600;color:#c62828;margin:9px 0 4px}
/* ورق الشركة: الاسم والسجل والبطاقة الضريبية واللوجو والخط الأحمر فوق كل صفحة (الفروع والهوت لاين تحت من @page) */
.pg{width:100%;border-collapse:collapse}.pg>thead>tr>td,.pg>tbody>tr>td{padding:0}.pg>thead>tr>td{padding:9mm 0 3mm}
.lh{display:flex;justify-content:space-between;align-items:center}.lh .ar{display:flex;flex-direction:column;font-size:8pt;line-height:1.5;color:#4b5563}.lh .ar b{font-size:11.5pt;color:#111}.lh img{height:12mm}
.lh-bar{height:1mm;margin-top:2.5mm;background:linear-gradient(to left,#c62828 70%,#6d6e71 70%)}
.wm{position:fixed;top:105mm;left:22mm;width:140mm;opacity:.05;z-index:-1}
/* رأس خطابات الكيان (من «الكيانات»): اللوجو شمال جنب البيانات (.elh) أو البيانات شمال واللوجو يمين (.elh.r) */
.elh{display:flex;align-items:center;gap:6mm;direction:ltr;margin-bottom:8mm}.elh.r{justify-content:space-between}
.elh img{height:30mm;max-width:80mm;object-fit:contain}.elh-t{line-height:1.55;font-size:9.5pt;color:#111}
.elh-t b{display:block;font-size:15pt;font-weight:400;letter-spacing:.3px}.elh-t .mail{color:#1d4ed8;text-decoration:underline}
/* شعار السيستم (مطبوعات الموارد البشرية — من غير بيانات الشركات) */
.brand{display:flex;align-items:baseline;gap:5px;direction:ltr;white-space:nowrap}
.brand b{color:#c62828;font-size:17pt;font-weight:400;letter-spacing:.5px;line-height:1}.brand span{color:#6b7280;font-size:7.5pt;letter-spacing:.6px}
/* مستند السيستم (طلب الشركة، استلام وتسليم المستندات، عرض تكلفة التأسيس): الشريط الأحمر والعنوان والكروت */
body.doc{margin:0;padding:10mm 9mm;background:#fff;color:#1f2937;font-size:12px;line-height:1.5;direction:rtl}
body.doc *{box-sizing:border-box}
@media print{body.doc{padding:8mm 7mm}.printbar{display:none}}
.lvdoc{max-width:760px;margin:0 auto;display:flex;overflow:hidden;border:1px solid #e6e8ec;border-radius:12px}
.lvdoc>.lv-bar{width:7px;background:#c62828;flex-shrink:0}.lvdoc>.lv-body{flex:1;padding:20px 26px}
.lvdoc .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e6e8ec}
.lvdoc .ttl{font-size:18px;color:#1f2937;font-weight:400}.lvdoc .ttl span{color:#c62828}
.lvdoc .dt{font-size:10.5px;color:#6b7280;background:#f8f9fb;border:1px solid #e6e8ec;padding:5px 12px;border-radius:20px;direction:ltr}
.lvdoc .cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.lvdoc .cc{background:#f8f9fb;border:1px solid #e6e8ec;border-radius:9px;padding:9px 13px;flex:1;min-width:120px}.lvdoc .cc.f2{flex:2;min-width:160px}.lvdoc .cc.full{flex-basis:100%}
.lvdoc .cc .k{color:#6b7280;font-size:9.5px;margin-bottom:3px}.lvdoc .cc .v{color:#1f2937;font-size:13px}
.lvdoc .sec{font-size:11px;color:#c62828;font-weight:400;margin:14px 0 7px}
.lvdoc .badge{display:inline-block;background:#fdecec;color:#c62828;font-size:10.5px;padding:3px 11px;border-radius:14px;margin-bottom:8px}
.lvdoc .summary{background:#f8f9fb;border:1px solid #e6e8ec;border-radius:10px;padding:10px 15px;margin-bottom:12px}
.lvdoc .srow{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #e6e8ec;font-size:12.5px}.lvdoc .srow:last-child{border-bottom:0}.lvdoc .srow .k{color:#6b7280}.lvdoc .srow .v{direction:ltr}
.lvdoc .total{display:flex;justify-content:space-between;align-items:center;background:#c62828;border-radius:10px;padding:12px 20px;margin:12px 0}
.lvdoc .total .k{color:#fff;font-size:13px}.lvdoc .total .v{color:#fff;font-size:20px;font-weight:400;direction:ltr}
.lvdoc .sum{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.lvdoc .sum div{flex:1;min-width:120px;background:#f8f9fb;border:1px solid #e6e8ec;border-radius:9px;padding:8px 12px}
.lvdoc .sum small{display:block;color:#6b7280;font-size:9.5px}.lvdoc .sum strong{font-weight:400;font-size:13px;direction:ltr;display:inline-block}
.lvdoc .pcard{border:1px solid #e6e8ec;border-radius:9px;padding:8px 12px;margin-bottom:8px;background:#f8f9fb;break-inside:avoid}.lvdoc .pcard-h{font-size:11.5px;color:#c62828;margin-bottom:4px}
.lvdoc .note{white-space:pre-line;font-size:11px;padding:8px 12px;background:#f8f9fb;border:1px solid #e6e8ec;border-radius:9px}
.lvdoc .info .ir{display:flex;gap:9px;padding:7px 0;border-bottom:1px solid #e6e8ec;font-size:11.5px;line-height:1.65}.lvdoc .info .lbl{color:#c62828;min-width:115px}
.lvdoc .nrow{display:flex;gap:8px;padding:3px 0;font-size:11px;line-height:1.5}.lvdoc .dot{color:#c62828;margin-top:5px}
.lvdoc .decl{margin-top:12px;font-size:11px;color:#374151;line-height:1.8}
.lvdoc .sig{display:flex;gap:18px;margin-top:22px}.lvdoc .sig div{flex:1;border-top:1px solid #9ca3af;padding-top:6px;color:#6b7280;font-size:10.5px;text-align:center}
.printbar{position:fixed;top:0;left:0;right:0;background:#c62828;color:#fff;padding:9px;text-align:center;z-index:9}
.printbar button{background:#fff;color:#c62828;border:0;padding:7px 20px;border-radius:8px;font-family:Cairo,sans-serif;cursor:pointer}
/* ========== 6) الأيقونات — نفس مجموعة LAV_ICONS في module-shell.js (55 أيقونة) ==========
الاستخدام: — اللون من currentColor، والحجم من font-size.
ألوان الدلالة (tone): brand, cyan, err, indigo, info, neutral, ok, teal, violet, warn */
i.lav-ic{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask:var(--lav-ic) center/contain no-repeat;mask:var(--lav-ic) center/contain no-repeat}
.lav-ic-edit{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E")} /* tone: info */
.lav-ic-search{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")} /* tone: indigo */
.lav-ic-filter{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8.5V19l-4 2v-7.5z'/%3E%3C/svg%3E")} /* tone: indigo */
.lav-ic-attach{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.5 12.5 21a5 5 0 0 1-7-7l8.5-8.5a3.5 3.5 0 0 1 5 5L10.5 19a2 2 0 0 1-3-3l8-8'/%3E%3C/svg%3E")} /* tone: violet */
.lav-ic-message{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-4 4V5a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")} /* tone: info */
.lav-ic-warn{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")} /* tone: warn */
.lav-ic-reject{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-approve{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")} /* tone: ok */
.lav-ic-finance{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1v22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-calendar{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")} /* tone: indigo */
.lav-ic-contract{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h5'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-company{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V7l8-3v17M11 21V10l8 2.5V21M3 21h18'/%3E%3Cpath d='M6 11h2M6 15h2M14 14h2M14 18h2'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-customer{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.4'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-delete{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M6 6v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-time{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")} /* tone: teal */
.lav-ic-reports{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 14 4-4 3 3 5-6'/%3E%3C/svg%3E")} /* tone: teal */
.lav-ic-settings{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E")} /* tone: violet */
.lav-ic-info{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 16v-5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")} /* tone: info */
.lav-ic-add{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")} /* tone: brand */
.lav-ic-close{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-refresh{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.6-6.4'/%3E%3Cpath d='M21 4v5h-5'/%3E%3C/svg%3E")} /* tone: cyan */
.lav-ic-print{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-2'/%3E%3Cpath d='M6 14h12v7H6z'/%3E%3C/svg%3E")} /* tone: violet */
.lav-ic-view{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")} /* tone: cyan */
.lav-ic-docs{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E")} /* tone: indigo */
.lav-ic-users{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2.5 21a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M16 5.2a3.4 3.4 0 0 1 0 6.6'/%3E%3Cpath d='M21.5 21a5.5 5.5 0 0 0-3-4.9'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-room{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M6 10V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4'/%3E%3C/svg%3E")} /* tone: violet */
.lav-ic-download{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E")} /* tone: teal */
.lav-ic-logout{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-chevron{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-calc{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h4M8 15h2M12 15h4'/%3E%3C/svg%3E")} /* tone: violet */
.lav-ic-save{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E")} /* tone: ok */
.lav-ic-invoice{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1V2l-2 1-2-1-2 1-2-1-2 1-2-1z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")} /* tone: violet */
.lav-ic-id{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Ccircle cx='8' cy='12' r='2.6'/%3E%3Cpath d='M14 10h4M14 14h4'/%3E%3C/svg%3E")} /* tone: indigo */
.lav-ic-phone{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")} /* tone: teal */
.lav-ic-table{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M15 4v16'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")} /* tone: indigo */
.lav-ic-alert{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E")} /* tone: warn */
.lav-ic-building{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l7-4 7 4v14'/%3E%3Cpath d='M9 9h2M9 13h2M9 17h2M13 9h2M13 13h2M13 17h2'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-collect{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1v22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")} /* tone: ok */
.lav-ic-refund{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='13' height='10' rx='1.5'/%3E%3Ccircle cx='8.5' cy='12' r='2'/%3E%3Cpath d='M22 12h-5'/%3E%3Cpath d='m19.5 9.5 2.5 2.5-2.5 2.5'/%3E%3C/svg%3E")} /* tone: warn */
.lav-ic-link{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E")} /* tone: violet */
.lav-ic-bank{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10 12 4l9 6'/%3E%3Cpath d='M5 10v8M9.5 10v8M14.5 10v8M19 10v8'/%3E%3Cpath d='M3 20h18'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-up{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17 9 11l4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E")} /* tone: ok */
.lav-ic-down{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l6 6 4-4 8 8'/%3E%3Cpath d='M15 17h6v-6'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-moveup{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-movedown{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-spacing{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 6h10M11 12h10M11 18h10'/%3E%3Cpath d='M4 8l2-2 2 2M6 6v12M4 16l2 2 2-2'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-grip{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='6' r='1'/%3E%3Ccircle cx='15' cy='6' r='1'/%3E%3Ccircle cx='9' cy='12' r='1'/%3E%3Ccircle cx='15' cy='12' r='1'/%3E%3Ccircle cx='9' cy='18' r='1'/%3E%3Ccircle cx='15' cy='18' r='1'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-percent{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='m9 15 6-6'/%3E%3Ccircle cx='9.5' cy='9.5' r='1'/%3E%3Ccircle cx='14.5' cy='14.5' r='1'/%3E%3C/svg%3E")} /* tone: err */
.lav-ic-lock{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-mail{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")} /* tone: teal */
.lav-ic-camera{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E")} /* tone: indigo */
.lav-ic-upload{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M17 8l-5-5-5 5'/%3E%3Cpath d='M12 3v12'/%3E%3C/svg%3E")} /* tone: teal */
.lav-ic-prev{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-next{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E")} /* tone: neutral */
.lav-ic-whatsapp{--lav-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5l1.3-4.2A8.5 8.5 0 1 1 8 19.3z'/%3E%3Cpath d='M9 8.8c.3 2.6 2.2 4.8 4.9 5.6l1.2-1.3 1.9.8-.3 1.6c-3.9.2-7.8-3.5-7.8-7.6l1.6-.3.8 1.9z'/%3E%3C/svg%3E")} /* tone: ok */
/* بطاقة ملخص السجل (تفاصيل طلب/مستند): رأس بالنوع والرقم والمبلغ، ثم حقول (العنوان فوق القيمة) في شبكة */
.lav-summary{border:1px solid var(--lav-border);border-radius:var(--lav-radius);background:var(--lav-surface);overflow:hidden;margin:0 0 12px}
.lav-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--lav-primary-soft);border-bottom:1px solid var(--lav-border)}
.lav-summary-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.lav-summary-title b{font-size:var(--lav-font-title);color:var(--lav-text)}
.lav-summary-amount{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.lav-summary-amount small{font-size:var(--lav-font-small);color:var(--lav-muted)}
.lav-summary-amount strong{font-size:var(--fs-page);color:var(--lav-primary);font-variant-numeric:tabular-nums}
.lav-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.lav-summary-grid>div{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border-bottom:1px solid var(--lav-border);border-inline-start:1px solid var(--lav-border);min-width:0}
.lav-summary-grid>div:nth-child(3n+1){border-inline-start:0}
.lav-summary-grid dt{font-size:var(--lav-font-small);color:var(--lav-muted)}
.lav-summary-grid dd{margin:0;font-size:var(--lav-font-base);color:var(--lav-text);font-weight:600;overflow-wrap:anywhere}
.lav-summary-grid>.is-wide{grid-column:1/-1;border-inline-start:0}
.lav-summary-grid{margin-bottom:-1px}.lav-summary-grid dd code,.lav-summary-grid dd .lav-nowrap{white-space:nowrap}
@media (max-width:719px){.lav-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lav-summary-grid>div:nth-child(3n+1){border-inline-start:1px solid var(--lav-border)}.lav-summary-grid>div:nth-child(2n+1){border-inline-start:0}.lav-summary-amount{align-items:flex-start}}
/* الجداول على الموبايل (كروت): التسمية فوق القيمة في شبكة عمودين — ممنوع «التسمية ……… القيمة» المتباعدة في صف واحد. أزرار الإجراءات سطر كامل في آخر الكارت. */
table[data-lav-stack]>:is(tbody,tfoot)>tr{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));column-gap:16px;padding:2px 14px 4px}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:8px 0;text-align:start;font-weight:600;overflow-wrap:anywhere}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td[data-label]:not([data-label=""])::before{max-width:none;margin:0;font-weight:var(--lav-w-text)}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td:has(.lav-acts,.lav-act){grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-end}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td:has(.lav-acts,.lav-act)::before{margin-inline-end:auto}
table[data-lav-stack]>:is(tbody,tfoot)>tr>td:first-child{grid-column:1/-1;border-top:0;font-size:var(--lav-font-title);color:var(--lav-text)}
/* ========== 7) صفحة الدخول وتجهيز المنصة ========== */
/* صفحة الدخول — نفس التوكنز والمكونات؛ كارت الدخول باسم المجموعة ولوحة تعريف النظام جنبه على الشاشات الواسعة (يختلف الكلام فقط من نظام لآخر) */
.lav-login{min-height:100dvh;margin:0;background:
radial-gradient(ellipse 40% 55% at var(--lav-start) 0,var(--lav-primary-soft) 0,transparent 100%),
radial-gradient(ellipse 50% 70% at var(--lav-start) 0,var(--lav-primary-soft) 0,transparent 100%),
repeating-linear-gradient(0deg,var(--lav-border) 0 1px,transparent 1px 44px),
repeating-linear-gradient(90deg,var(--lav-border) 0 1px,transparent 1px 44px),
var(--lav-bg)}
.lav-login-wrap{min-height:100dvh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:40px 120px;padding:24px}
.lav-login-bar{display:block;width:40px;height:2px;border-radius:1px;background:var(--lav-primary)}
/* لوحة التعريف: شعار النظام، العنوان، شرطة حمراء، سطر التعريف، ثم الأرقام */
.lav-login-side{flex:0 1 340px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:start}
.lav-login-side .lavx-logowrap{flex-direction:column;align-items:flex-start;gap:2px;padding:0;border:0;margin-bottom:10px}
.lav-login-side .lavx-logo-word{font-size:var(--fs-page);letter-spacing:3px}
.lav-login-side .lavx-logo-tag{letter-spacing:4px;font-size:var(--fs-small)}
.lav-login-side .t{margin:0;font-size:var(--fs-kpi);font-weight:var(--lav-w-text);color:var(--lav-text);line-height:1.35;text-wrap:balance}
.lav-login-side .lav-login-bar{height:3px}
.lav-login-side .s{margin:0;font-size:var(--lav-font-base);color:var(--lav-muted);line-height:var(--lav-line-height)}
/* الكارت: حافة علوية حمراء، شعار المجموعة فوق شرطة حمراء قصيرة، ثم النموذج */
.lav-login-card{flex:0 1 420px;min-width:0;background:var(--lav-surface);border:1px solid var(--lav-border);border-top:3px solid var(--lav-primary);border-radius:var(--lav-dialog-radius);box-shadow:var(--lav-shadow);padding:24px 28px 26px;display:flex;flex-direction:column;gap:22px}
.lav-login-brand{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--lav-border)}
.lav-login-brand .lavx-logowrap{grid-column:2;flex-direction:column;align-items:center;gap:6px;padding:0;border:0}
.lav-login-brand .lavx-logo-word{letter-spacing:3px}
.lav-login-brand .lavx-open-window{grid-column:3}
.lav-login-brand .lavx-logo-tag{letter-spacing:4px;font-size:var(--fs-small)}
.lav-login-head{text-align:center}
.lav-login-head h1{margin:0;font-size:var(--lav-h1)}
.lav-login-badge{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:12px;border-radius:50%;background:var(--lav-primary-soft);color:var(--lav-primary)}
.lav-login-badge svg{width:26px;height:26px}
.lav-login-head .lav-login-note{margin:0;font-size:var(--lav-font-base);line-height:var(--lav-line-height);color:var(--lav-text)}
.lav-login-head p{margin:2px 0 0;font-size:var(--lav-font-small);color:var(--lav-muted)}
.lav-login-form{display:flex;flex-direction:column;gap:16px}
.lav-login-form>label{display:flex;flex-direction:column;gap:var(--lav-label-gap);font-size:var(--lav-font-base);color:var(--lav-text)}
.lav-login-field{position:relative;display:flex;align-items:center}
.lav-login-field .lav-field{height:42px;min-height:42px;padding-inline-start:40px}
.lav-login-field>svg{position:absolute;inset-inline-start:13px;width:18px;height:18px;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lav-login-field>svg.is-user{color:var(--lav-primary)}
.lav-login-field>svg.is-lock{color:var(--lav-ic-violet)}
.lav-login-eye{position:absolute;inset-inline-end:6px;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--lav-ic-cyan);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.lav-login-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lav-login-eye:hover{background:var(--lav-soft)}
.lav-login-row{display:flex;align-items:center;gap:12px;font-size:var(--lav-font-small)}
.lav-login-row a{color:var(--lav-primary);text-decoration:none}
.lav-login-row a:hover{text-decoration:underline}
.lav-login-btn{width:100%;height:42px;min-height:42px;font-size:var(--lav-font-base)}
.lav-login-foot{margin-top:16px;padding-top:18px;border-top:1px solid var(--lav-border);text-align:center;font-size:var(--lav-font-small);color:var(--lav-muted);direction:ltr}
/* الشاشات الأضيق: لوحة التعريف فوق الكارت بلا أرقام، وعلى الموبايل الكارت وحده */
@media (max-width:1100px){
.lav-login-wrap{flex-direction:column;flex-wrap:nowrap;gap:28px}
.lav-login-side{flex:0 0 auto;width:min(100%,420px);align-items:center;text-align:center;gap:10px}
.lav-login-side .lavx-logowrap{align-items:center}
.lav-login-side .t{font-size:var(--fs-page)}
.lav-login-card{flex:0 0 auto;width:min(100%,420px)}
}
@media (max-width:600px){
.lav-login-wrap{display:block;padding:16px}
.lav-login-side{display:none}
.lav-login-card{padding:22px 18px 22px;gap:18px}
}
/* ========== 8) مكونات LAVIDAOSP (P0): الأشرطة، المنتقي المنبثق، ترقيم الصفحات، الخط الزمني، المعالج، كلمة المرور المؤقتة ========== */
/* أشرطة تحت رأس المنصة: ترقية القاعدة المعلقة (لحارس النظام) */
.lavx-bars{flex:0 0 auto;display:flex;flex-direction:column}
.lavx-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:7px 16px;font-size:var(--lav-font-small);line-height:var(--lav-line-height);border-bottom:1px solid var(--lav-border);background:var(--lav-soft);color:var(--lav-text)}
.lavx-bar.is-warn{background:var(--lav-warning-bg);color:var(--lav-warning);border-color:var(--lav-warn-border)}
.lavx-bar.is-err{background:var(--lav-error-bg);color:var(--lav-error);border-color:var(--lav-err-border2)}
.lavx-bar .lav-btn{height:28px;min-height:28px;padding:0 12px;font-size:var(--lav-font-small)}
/* خانة المنتقي (U.pick): زر بشكل الحقل يفتح نافذة اختيار — بديل كل