/* LAVIDA E7 — base design/components. Application shell and navigation live only in shell.css/navigation.css. */ /* ############################################################################ LAVIDA E7 — التوكنز والمكوّنات الأساسية (Base Design System) الإصدار: 20261020 — مستخرج حرفيًا من ملفات السيستم الحالية دون تعديل في القيم المحتوى: الخط Cairo + التوكنز + المكوّنات العامة. E7: shell.css هو المصدر الوحيد للـShell، navigation.css للتنقل المحلي، dashboards.css للشاشات الرئيسية. القواعد الإلزامية: 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 — تطوير التصميم المعتمد») الملف الأساسي للتوكنز والمكوّنات العامة. الـShell والتنقل في shell.css/navigation.css فقط. القواعد الإلزامية: #c62828 أساسي · Cairo · وزن 400 فقط · RTL · خلفيات فاتحة وبطاقات بيضاء. قيم التوكنز مطابقة حرفيًا لعقد config/ui-standard.json (LAVIDA-UI/1) و ThemePolicy.php. الصفحات تستهلك المتغيّرات فقط ولا تعيد تعريف :root. ============================================================================ */ *{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}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{position:relative;z-index:1}[hidden]{display:none!important}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 — أحمر الهوية) */ .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}/* ============================================================ القالب العام: توب بار + شريط المراكز العلوي + المحتوى ============================================================ */ [data-env="test"]{--lav-env-h:26px} .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}/* top bar date (replaces the old global search) */ /* أزرار الأيقونات في التوب بار — شكل واحد (دائرة 36px بحد فاتح) */ .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-bell:hover{background:var(--lav-primary-soft);color:var(--lav-primary);border-color:var(--lav-err-border)}.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.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)}/* شريط المراكز الثمانية (أيقونة فوق النص — كما في المرجع) */ /* لون ثابت لكل مركز — يساعد على التعرف السريع؛ ألوان الحالة الأربعة غير مستخدمة هنا */ /* LAVIDA FINANCIAL *//* LAVIDA LEGAL */ /* مركز بأكثر من صفحة: قائمة منسدلة تحت اسم المركز على سطح المكتب (الدرج على الموبايل يعرض نفس الصفحات تحت المركز) */ /* المحتوى */ /* مساحة عمل الصفحة (المرجع المعتمد): صف عنوان مضغوط (عنوان + وصف يمين، الإجراء الأساسي شمال) + صف تابات واحد + المحتوى */ .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}/* شريط التابات (الصفحة والتابات الداخلية): شريط أبيض لوحده، وتحته المسافة الموحدة */ /* المستوى الثاني (أقسام داخل التاب): مستطيلات متساوية المقاس، النص في المنتصف، صف واحد مصفوف — نفس قاعدة صف الصفحة بحدود بدل الخط السفلي، حتى لا يختلف شكل تاب عن تاب في أي صفحة. */ /* أسماء التابات الموروثة في الصفحات (.lavcu-tab,.p12-tab,.lavco-tab …) تأخذ نفس مقاس التاب وشكله من هنا؛ تعريفاتها القديمة حُذفت من مصدر كل صفحة فلا يوجد تعريفان لنفس العنصر. */ .lavcu-tab.active,.p12-tab.active,.p12-subtab.active,.lavco-tab.active,.lavpt-tab.active,.lavFu-tabs>button.active{background:var(--lav-primary-soft);border-color:var(--lav-primary);color:var(--lav-primary)} /* ============================================================ المكوّنات المشتركة ============================================================ */ /* رأس الصفحة + الإجراء الرئيسي */ .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-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>.lav-act{flex:0 0 auto;align-self:flex-end;height:var(--lav-field-h);margin:0}/* الأزرار وحالاتها */ .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-field,.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: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}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{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}[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-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:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.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)}/* توافق: ملخصات التقارير القديمة */ /* الجداول والترقيم والفرز */ 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)}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 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 .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.ok,.lavhr-bdg.ok,.lavrep-badge.ok,.p12-badge.is-ok,.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,.p12-badge.is-warn,.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,.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{background:var(--lav-transfer-soft);color:var(--lav-transfer);border-color:color-mix(in srgb,var(--st-info) 30%,transparent)}.lav-badge.muted{background:var(--lav-soft);color:var(--lav-muted)}/* وسم الكود/المرجع (كود عميل، رقم عملية، اسم شركة): عرض تلقائي ولون محايد — ليس شارة حالة */ .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 .lav-field{height:var(--lav-field-h);border-radius:var(--lav-radius-sm);width:100%}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.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}/* صفوف تفاصيل (تسمية يمين / قيمة يسار) — لوحة التفاصيل في المرجع */ @keyframes lavShimmer{from{background-position:100% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.lav-loading{animation:none}} /* الدخول: الشاشة بتتفك من زرار الدخول بحلقات حمرا وبعدها السيستم بيتبني قطعة قطعة (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} @keyframes lavCenterIn{from{opacity:0;transform:translateY(-14px) scale(.8);filter:blur(5px)}} @keyframes lavRise{from{opacity:0;transform:translateY(22px) scale(.97);filter:blur(7px)}} /* خانة كلمة المرور: نص مقنّع فالمتصفح مابيعرضش يحفظها */ input[data-secret]{-webkit-text-security:disc} /* قايمة تشيك: صناديق في عمودين، والنص بيلف */ .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 .is-done{color:var(--lav-text)} .lav-steps .is-cur{color:var(--lav-primary);font-weight:var(--lav-w-strong)} .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}} /* البلاك ليست: شريط أحمر بيومض تحت عنوان الصفحة */ @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)}} .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-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{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-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-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-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: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){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-ui-table td:has(>.lav-act),.lav-ui-table [data-lav-word]{white-space:nowrap}.lav-ui-table [data-lav-empty]{display:none}.lav-details-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--lav-action-gap)}.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{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-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-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-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 .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.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{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>.lav-badge{max-width:100%;height:auto;min-height:var(--lav-badge-h);white-space:normal;line-height:var(--lav-line-height)}/* الفورمز المشتركة */ /* شبكة النماذج الموحّدة (كل السيستم): أعمدة متساوية ثابتة حسب العرض — 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-drawer{--lav-form-cols:3} @media (max-width:959px){.lav-modal,.lav-drawer{--lav-form-cols:2}} @media (max-width:599px){.lav-modal,.lav-drawer{--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%}.lav-form-grid>.lav-btn,.lavco-grid>.lav-btn{justify-self:start}.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{color:var(--lav-primary);font-style:normal} .lav-pick{border:1px solid var(--lav-border);border-radius:var(--lav-radius-sm);overflow:auto;max-height:200px;margin-top:5px}.lav-pick-tbl{width:100%;border-collapse:collapse;font-size:var(--lav-table-font)}.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}.lav-pick-tbl td{padding:var(--lav-table-cell-pad);border-bottom:1px solid var(--lav-border);cursor:pointer}.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}.lav-note.is-rows{display:block}.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{transition:none}.lav-modal,.lav-modal-ov,.lav-login-msg,.lav-drawer,.lav-piece,.lav-ring,.lav-veil{animation:none}} /* القائمة الجانبية القديمة (غير مستخدمة في القشرة الحالية — تُترك للتوافق فقط) */ /* ============================================================ الصفحة الرئيسية — ترحيب + مؤشرات + بطاقات (تخطيط المرجع، بيانات حقيقية فقط) ============================================================ */ /* صورة الرئيسية الأصلية (استُعيدت 20 Sep 2026): كانت مضمّنة base64 داخل CSS في النسخة السابقة، الآن ملف أصول حقيقي assets/home-hero.webp يُشحن في الجذرين. الخلفية فاتحة كما هي — بلا ثيم داكن. */ .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 svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linejoin:round}.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-link:hover{text-decoration:underline}.lavhm-task:last-child{border-bottom:0}.lavhm-task:hover .tx{color:var(--lav-primary)}.lavhm-task .ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.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} /* ============================================================ الطباعة — قواعد ورقية (البيانات والحقول القانونية بلا تغيير) ============================================================ */ @media print{body{background:#fff;color:#000}.lav-btn,.lav-filters-bar,.lav-modal-ov,.lav-busy-ov{display:none}.lav-page-card,.lav-card{box-shadow:none;border-color:#ccc}th,td{border-color:#ccc}} /* ============================================================ التجاوب: 1024 (لوحي) — 900 (تنقل متجاوب من نفس خريطة المراكز) — 768 — 480 ============================================================ */ @media (max-width:1024px){.lav-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lav-kpis>:last-child:nth-child(odd){grid-column:1/-1}} @media (max-width:1100px){.lavx-logowrap{border-inline-end:0;padding-inline-end:0}/* شريط المراكز يتحوّل إلى درج جانبي (نفس خريطة المراكز + الصفحات الفرعية) */ } @media (max-width:900px){.lav-page-head-title{font-size:var(--fs-section)}} @media (max-width:768px){.lav-kpi{padding:12px}.lav-kpi-num{font-size:var(--fs-section)}.lav-page-card{padding:13px}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-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}.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)}} @media (max-width:480px){.lavhm-qa{grid-template-columns:repeat(3,minmax(0,1fr))}} /* customer code lookup (customer-code-lookup.js): code field + search button,identity cards */ /* صف أزرار موحّد: 8px بين أي زرين متجاورين في كل الصفحات */ .lav-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} /* رأس كارت: العنوان في ناحية والأزرار في الناحية التانية */ /* شريط الهوية أعلى الصفحة (اسم الموظف ← كوده وفرعه ووظيفته) — صفحة الموارد البشرية و«خدمتي» */ /* تسجيل الحضور من الموبايل («خدمتي»): كروت ضيقة في النص وزرار كبير */ /* البصمة من الموبايل: الكاميرا بإطار خفيف، وبعد البصمة صورة «بولارويد» بالتحية */ @keyframes lav-punch-flash{from{opacity:1}to{opacity: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) */ /* تبديل النظام في الشريط العلوي (للمالك) */ .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:hover{background:var(--lav-surface-2)}.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; --lav-ic-box:28px;--lav-ic-size:15px;color:var(--lav-text);text-decoration:none}.lavx-sysw-item:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--lav-primary)}.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-bell,body .lavx-logout,body .lavx-open-window,body .lavx-sysw,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 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} /* إعدادات العقود: شريط المقاسات، جدول البنود، ومعاينة الورقة بعدد صفحاتها */ /* الإيجارات (LAVIDA FINANCIAL): جدول شهور الإيجار — سطور مضغوطة، الشهر المحوّل، آخر 3 شهور في العقد، والفرع اللي عقده خلص */ /* 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. */ .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-base{stroke:var(--lav-border-3);stroke-width:1} .lav-chart-cat{font-size:var(--fs-small);fill:var(--lav-text)} .lav-chart-bar{cursor:pointer}.lav-chart-bar:hover{opacity:.82} .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-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} /* 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>.lav-btn{margin:0} /* Attach-document window (all systems): file, the document's own fields, the form data it carries. */ .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} /* Form field linked to a document: label line with the document status, the input and its attach (clip) button. */ .lav-fl>.t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .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.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. */ /* Clickable figure in a report table (opens the entries behind it). */ /* Company switcher in the FINANCIAL header. */ /* Receipts and receipt files (payment-lines.js): the 80 mm receipt on screen, a receipt image or PDF, the hidden print frame. */ /* a titled section inside a details popup */ .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-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} /* كود العميل كفلتر في كارت الفلاتر: العنوان في نص السطر والبحث ياخد باقي السطر */ @media (max-width:700px){.lav-cust-search .lav-field{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:has(>td:only-child){display:block;padding:0;border:0} 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] tbody tr:hover td{background:none} /* التقييم بالنجوم (تقييمات العملاء) */ .lav-stars i{color:var(--lav-border-2);font-style:normal} /* شاشات الإعدادات (L12) — نفس التعريف في صفحة الإعدادات ونافذة إعدادات كل صفحة (lavPageSettings) */ .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-actions .lav-btn{width:auto;padding-inline:16px} .p12-err-list.is-warn li{border-inline-start-color:var(--lav-warning);background:var(--lav-warning-bg);color:var(--lav-warning)} .p12-f .lav-field{margin:0} /* فلتر العمود في الجداول (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. */ .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} .lavx-open-window:focus-visible{outline:2px solid var(--lav-primary,var(--brand));outline-offset:2px} /* The busy layer sits over the dialogs (home.css .lav-modal-ov z-index 200000). */ .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); 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. */ /* ========== 5) print-kit.css ========== */ /* LAVIDA — الطباعة: تعريف واحد لكل المطبوعات في كل الأنظمة (التقارير، الخطابات، الكشوف، المسيرات، عروض الأسعار، طلبات الشركات، الإيصالات). */ 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} /* tone: info */ /* tone: indigo */ /* tone: indigo */ /* tone: violet */ /* tone: info */ /* tone: warn */ /* tone: err */ /* tone: ok */ /* tone: err */ /* tone: indigo */ /* tone: err */ /* tone: err */ /* tone: err */ /* tone: err */ /* tone: teal */ /* tone: teal */ /* tone: violet */ /* tone: info */ /* tone: brand */ /* tone: neutral */ /* tone: cyan */ /* tone: violet */ /* tone: cyan */ /* tone: indigo */ /* tone: err */ /* tone: violet */ /* tone: teal */ /* tone: neutral */ /* tone: neutral */ /* tone: violet */ /* tone: ok */ /* tone: violet */ /* tone: indigo */ /* tone: teal */ /* tone: indigo */ /* tone: warn */ /* tone: err */ /* tone: ok */ /* tone: warn */ /* tone: violet */ /* tone: err */ /* tone: ok */ /* tone: err */ /* tone: neutral */ /* tone: neutral */ /* tone: neutral */ /* tone: neutral */ /* tone: err */ /* tone: neutral */ /* tone: teal */ /* tone: indigo */ /* tone: teal */ /* tone: neutral */ /* tone: neutral */ /* tone: ok */ /* بطاقة ملخص السجل (تفاصيل طلب/مستند): رأس بالنوع والرقم والمبلغ، ثم حقول (العنوان فوق القيمة) في شبكة */ .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-amount{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2} .lav-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0} .lav-summary-grid>div:nth-child(3n/**/+1){border-inline-start:0} .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{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); 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{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; 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{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; 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-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-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-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-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): زر بشكل الحقل يفتح نافذة اختيار — بديل كل