/*
  Comfortable light palette for the authenticated application shell.
  Loaded after the shared component layers so legacy pure-white tokens do not
  turn large pages into a single high-luminance surface.
*/

html:not([data-theme="dark"]) body.has-app-sidebar {
  --mhd-ui-light-bg: #edf1f3;
  --mhd-ui-light-panel: #fafbfc;
  --mhd-ui-light-section: #f3f6f8;
  --mhd-ui-light-control: #f8fafb;
  --mhd-ui-light-border: #d2dde3;

  --bg: var(--mhd-ui-light-bg);
  --bg2: #f1f4f6;
  --surface: var(--mhd-ui-light-panel);
  --surface2: var(--mhd-ui-light-section);
  --glass: var(--mhd-ui-light-panel);
  --stroke: var(--mhd-ui-light-border);
  --stroke2: #c4d0d7;

  --mhd-tone-neutral-soft: #f4f7f8;
  --mhd-tone-neutral-border: #d2dde3;
  --mhd-action-neutral-bg: #f7f9fa;
  --mhd-action-neutral-hover: #edf3f1;
  --mhd-action-neutral-border: #d2dde3;

  --field-bg: #f9fbfc;
  --field-bg-hover: #f3f7f8;
  --field-bg-disabled: #eaf0f3;
  --field-border: #d2dde3;
  --field-border-hover: #bdccd4;
  --field-list-bg: #fbfcfd;
  --field-list-border: #d2dde3;

  --btn-neutral-bg: #f7f9fa;
  --btn-neutral-bg-hover: #edf3f1;
  --btn-neutral-border: #d2dde3;

  --tab-shell-bg: #f8fafb;
  --tab-shell-border: #d2dde3;
  --tab-bg-hover: #edf3f2;

  --table-row-bg: #fafbfc;
  --table-row-bg-alt: #f4f7f8;
  --table-row-bg-hover: #eaf2ef;
  --table-row-border: #d2dde3;

  --tk-panel-bg: var(--mhd-ui-light-panel);
  --tk-head-bg: var(--mhd-ui-light-section);
  --mhd-tab-shell-bg: var(--mhd-ui-light-panel);
  --mhd-tab-shell-border: var(--mhd-ui-light-border);
  --mhd-panel-head-bg: var(--mhd-ui-light-section);
  --mhd-control-bg: var(--mhd-ui-light-control);
  --mhd-table-head-modern-bg: var(--mhd-ui-light-section);
  --mhd-table-head-modern-hover: #eaf2ef;
  --mhd-table-head-modern-active: #e4f3eb;

  background: var(--mhd-ui-light-bg) !important;
  background-image: none !important;
}

html:not([data-theme="dark"]) body.has-app-sidebar .topbar {
  background: #f8fafb !important;
  background-image: none !important;
  border-bottom-color: #d2dde3 !important;
}

html:not([data-theme="dark"]) body.has-app-sidebar :is(.main, .content-wrap) {
  background: var(--mhd-ui-light-bg) !important;
  background-image: none !important;
}

html:not([data-theme="dark"]) body.has-app-sidebar :is(.card, .glass, .table-wrap, .modal__dialog, .drawer__panel) {
  border-color: var(--mhd-ui-light-border) !important;
}