﻿/* Shell navigation theme tokens: Fiori (token-only) */
body.app-shell:not(.app-shell--default).app-theme--nav-fiori {
  --erp-page-max-width: 100%;
  --erp-surface-bg: linear-gradient(180deg, #f6f9fc 0%, #eef3f8 100%);
  --erp-content-bg:
    radial-gradient(circle at top left, rgba(116, 154, 194, 0.12), transparent 24%),
    linear-gradient(180deg, #f5f8fb 0%, #edf2f7 100%);
  --erp-panel-bg: rgba(255, 255, 255, 0.96);
  --erp-panel-border: rgba(32, 58, 84, 0.08);
  --erp-panel-shadow: 0 4px 14px rgba(18, 39, 58, 0.04);
  --erp-panel-radius: 12px;
  --erp-section-gap: 12px;
  --erp-toolbar-gap: 8px;
  --erp-dense-row-height: 40px;
  --erp-title-color: #14324d;
  --erp-muted-color: #5c7186;
  --erp-emphasis-bg: linear-gradient(135deg, #fbfdff 0%, #eef5fb 100%);
  --erp-emphasis-border: rgba(34, 74, 111, 0.12);
  --erp-pill-bg: rgba(24, 73, 117, 0.08);
  --erp-pill-color: #36536f;
  --erp-card-bg: rgba(255, 255, 255, 0.92);
  --erp-card-header-bg: linear-gradient(180deg, #fbfdff 0%, #f3f7fb 100%);
  --erp-card-header-border: rgba(24, 61, 95, 0.08);
  --erp-metric-bg: linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%);
  --erp-metric-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --erp-form-label-color: #26445f;

  --shell-sidebar-width: 272px;
  --shell-sidebar-bg: linear-gradient(180deg, #0f2740 0%, #0a1f35 55%, #081a2d 100%);
  --shell-sidebar-border: rgba(255, 255, 255, 0.08);
  --shell-sidebar-text: #d8e5f3;
  --shell-sidebar-text-soft: #9eb2c9;
  --shell-sidebar-hover: rgba(255, 255, 255, 0.08);
  --shell-sidebar-active: linear-gradient(90deg, #1f6feb 0%, #2d8cff 100%);
  --shell-sidebar-active-shadow: 0 6px 16px rgba(31, 111, 235, 0.32);
  --shell-sidebar-item-height: 36px;
  --shell-sidebar-item-radius: 8px;
  --shell-sidebar-font-size: 0.9rem;
  --shell-sidebar-sub-font-size: 0.9rem;
  --shell-sidebar-main-font-weight: 400;
  --shell-sidebar-sub-font-weight: 200;
  --shell-sidebar-pad-x: 14px;
  --shell-sidebar-pad-y: 12px;
  --shell-nav-arrow-right: 10px;
  --shell-nav-arrow-size: 7px;
  --shell-nav-lane-gap: 14px;
  --shell-nav-connector-offset: calc(-1 * (var(--shell-nav-lane-gap) - 4px));
  --shell-nav-dot-offset: calc(var(--shell-nav-connector-offset) - 13px);

  --shell-bottom-bar-border: rgba(147, 183, 219, 0.42);
  --shell-bottom-bar-bg: linear-gradient(180deg, rgba(245, 251, 255, 0.96) 0%, rgba(232, 242, 251, 0.98) 100%);
  --shell-bottom-bar-shadow: 0 -8px 18px rgba(15, 32, 56, 0.14);
  --shell-bottom-bar-text: #183552;
  --shell-bottom-chip-border: #c5d8eb;
  --shell-bottom-chip-bg: #f8fcff;
  --shell-bottom-chip-text: #1b3a58;
  --shell-bottom-status-dot: #0f8a62;
  --shell-bottom-status-ring: rgba(15, 138, 98, 0.16);

  --shell-user-menu-bg: #ffffff;
  --shell-user-menu-border: #c6d9ef;
  --shell-user-menu-shadow: 0 10px 26px rgba(15, 23, 42, 0.18);
  --shell-user-menu-radius: 10px;
  --shell-user-menu-header-border: #e5edf6;
  --shell-user-menu-title-color: #1b3148;
  --shell-user-menu-label-color: #6b819a;
  --shell-user-menu-text-color: #1f3852;
  --shell-user-menu-action-border: #e5edf6;
  --shell-user-menu-button-bg: #f8fbff;
  --shell-user-menu-button-border: #cfe0f2;
  --shell-user-menu-button-text: #1f3852;
  --shell-user-menu-button-hover-bg: #ecf4ff;
  --shell-user-menu-button-hover-border: #b9d1ee;
  --shell-user-menu-button-active-bg: #2f7be4;
  --shell-user-menu-button-active-border: #2f7be4;
  --shell-user-menu-button-active-text: #ffffff;
  --shell-topbar-badge-bg: #2f7be4;
  --shell-topbar-badge-text: #ffffff;
}
