/* LAVIDA E7 — canonical design tokens. Single top-level :root owner. */
:root{
/* ===== E5.7 — قيود التصميم المعتمدة 2026-10-23 (tokens.css) — القيم الوحيدة المسموحة ===== */
  --lav-font:"Cairo",system-ui,sans-serif; --lav-w-text:600; --lav-w-strong:800; --lav-w-title: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;
  /* E8 room occupancy (owner-approved, visual baseline lock §5): vacant = light pistachio · occupied = light red · tentative = light amber + hatch */
  --occ-free:#DFF2DF; --occ-free-line:#A9D3AA; --occ-busy:#FDE1E1; --occ-busy-line:#E8A6A6; --occ-busy-mark:#D45B5B; --occ-busy-ink:#7A2323;
  --occ-held:#FFF0C9; --occ-held-line:#D9B25E; --occ-held-ink:#6B4A0E;
  --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-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-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);
--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);
--badge-w-max:140px;

  /* E7 shell/navigation tokens */
  --lav-app-topbar-h:64px;
    --lav-app-sidebar-w:276px;
    --lav-layer-topbar:420;
    --lav-layer-backdrop:390;
    --lav-layer-sidebar:400;
    --lav-layer-modal:1000;
    --lav-nav-hover:color-mix(in srgb,var(--brand) 7%,var(--surface-solid));
    --lav-nav-active:color-mix(in srgb,var(--brand) 11%,var(--surface-solid));
    --lav-focus-ring:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent);
  --lav-nav-tab-h:40px;
    --lav-nav-tab-radius:10px;
}