/* الخلفية الخارجية فقط: نفس اللون السادة لمساحة جدول الفاتورة الفارغة.
   لا تستهدف هذه القواعد البطاقات أو الأزرار أو الخلايا أو قوائم النوافذ.
   The opt-in belongs to screen-layout; marketing, embedded print documents
   and printed pages retain their existing design. */
html[data-screen-canvas="flat"] {
  --alfares-screen-canvas: #edf4f8;
}

@media screen {
  html[data-screen-canvas="flat"],
  html[data-screen-canvas="flat"] body,
  html[data-screen-canvas="flat"] :is(
    .my-slider-shell,
    .my-slider-workspace,
    .my-slider-content,
    .my-slider-screen,
    .my-slider-home,
    .my-shortcat-page,
    .my-shortcat-page-shell,
    .my-document-page,
    .my-report-page,
    .data-system-screen,
    .section-dashboard,
    .home-dashboard,
    .items-match,
    #OprAccounts_Page,
    #OprItems_Page,
    .options-page,
    .permissions-page,
    .tarefat-page,
    .hr-visual-page,
    .hrp-page,
    .pos2-restaurant-document,
    .config-setup-page,
    .auth-shell,
    .auth-form-panel
  ):not(.quick-entry-card-root):not([data-quick-entry-mode="true"]) {
    /* Some legacy root skins use !important or are linked in RenderBody.
       Restrict the override to these named canvases, never their children. */
    background-color: var(--alfares-screen-canvas) !important;
    background-image: none !important;
  }

  /* This is a decorative full-page grid, not a field/card decoration. */
  html[data-screen-canvas="flat"] .auth-form-panel::before {
    background-image: none !important;
  }
}