/* Shell navigation theme tokens: Compact (token-only) */
body.app-shell:not(.app-shell--default).app-theme--nav-compact {
  --erp-page-max-width: 100%;
  --erp-surface-bg: linear-gradient(180deg, #f1f3f5 0%, #e7ebef 100%);
  --erp-content-bg:
    linear-gradient(180deg, #eff3f7 0%, #e6ebf1 100%);
  --erp-panel-bg: rgba(255, 255, 255, 0.98);
  --erp-panel-border: rgba(84, 96, 109, 0.16);
  --erp-panel-shadow: none;
  --erp-panel-radius: 6px;
  --erp-section-gap: 10px;
  --erp-toolbar-gap: 6px;
  --erp-dense-row-height: 34px;
  --erp-title-color: #1c3246;
  --erp-muted-color: #5b6d80;
  --erp-emphasis-bg: linear-gradient(180deg, #f9fbfc 0%, #edf2f6 100%);
  --erp-emphasis-border: rgba(84, 96, 109, 0.18);
  --erp-pill-bg: rgba(47, 123, 228, 0.08);
  --erp-pill-color: #2f4f6e;
  --erp-card-bg: rgba(255, 255, 255, 0.98);
  --erp-card-header-bg: linear-gradient(180deg, #fafbfc 0%, #eef2f5 100%);
  --erp-card-header-border: rgba(84, 96, 109, 0.14);
  --erp-metric-bg: linear-gradient(180deg, #ffffff 0%, #f1f4f7 100%);
  --erp-metric-shadow: none;
  --erp-form-label-color: #274159;

  --shell-chrome-bg: #efefef;
  --shell-chrome-border: #c6d3e2;
  --shell-bar-bg: linear-gradient(180deg, #f3f5f7 0%, #e9edf2 100%);
  --shell-bar-border: #c7ced8;
  --shell-sidebar-width: 232px;
  --shell-sidebar-bg: #cfdae3;
  --shell-sidebar-border: #b3c1cc;
  --shell-sidebar-text: #233746;
  --shell-sidebar-text-soft: #526b7d;
  --shell-sidebar-icon-color: #2f4a5d;
  --shell-sidebar-hover: #bfd0dc;
  --shell-sidebar-active: linear-gradient(90deg, #adc2d1 0%, #c0d0dc 100%);
  --shell-sidebar-active-shadow: 0 6px 16px rgba(53, 82, 105, 0.18);
  --shell-sidebar-hover-text: #172938;
  --shell-sidebar-active-text: #172938;
  --shell-sidebar-subgroup-active-bg: #bacbd8;
  --shell-sidebar-indicator-bg: #557186;
  --shell-sidebar-indicator-ring: rgba(47, 74, 93, 0.22);
  --shell-sidebar-item-height: 30px;
  --shell-sidebar-item-radius: 2px;
  --shell-sidebar-font-size: 0.8rem;
  --shell-sidebar-sub-font-size: 0.8rem;
  --shell-sidebar-main-font-weight: 500;
  --shell-sidebar-sub-font-weight: 500;
  --shell-sidebar-main-pad-y: 5px;
  --shell-sidebar-main-pad-x: 8px;
  --shell-sidebar-sub-pad-y: 5px;
  --shell-sidebar-sub-pad-x: 8px;
  --shell-sidebar-pad-x: 6px;
  --shell-sidebar-pad-y: 8px;
  --shell-brand-text: #233746;
  --shell-brand-badge-bg: #557186;
  --shell-brand-badge-color: #ffffff;
  --shell-brand-badge-size: 22px;
  --shell-brand-badge-radius: 4px;
  --shell-brand-badge-font-size: 0.88rem;
  --shell-brand-title-size: 1rem;
  --shell-sidebar-toggle-border: #b3c1cc;
  --shell-sidebar-toggle-bg: #dde7ee;
  --shell-sidebar-toggle-color: #233746;
  --shell-sidebar-toggle-hover-bg: #bfd0dc;
  --shell-search-border: #c6c6c6;
  --shell-search-bg: #f7f7f7;
  --shell-search-text: #1f1f1f;
  --shell-search-kbd-color: #5a5a5a;
  --shell-nav-arrow-right: 8px;
  --shell-nav-arrow-size: 6px;
  --shell-nav-lane-gap: 11px;
  --shell-nav-connector-offset: calc(-1 * (var(--shell-nav-lane-gap) - 3px));
  --shell-nav-dot-offset: calc(var(--shell-nav-connector-offset) - 10px);

  --shell-topbar-icon-color: #233746;
  --shell-topbar-icon-hover-bg: rgba(47, 74, 93, 0.08);
  --shell-topbar-icon-hover-color: #172938;
  --shell-topbar-min-height: 42px;
  --shell-topbar-padding-y: 5px;
  --shell-topbar-padding-x: 10px;
  --shell-topbar-control-height: 30px;
  --shell-topbar-margin-bottom: 6px;
  --shell-workspace-module-color: #526b7d;
  --shell-workspace-path-color: #233746;
  --shell-workspace-chevron-color: #526b7d;
  --shell-user-chip-color: #233746;
  --shell-user-chip-chevron-color: #526b7d;
  --shell-user-avatar-bg: #557186;
  --shell-user-avatar-color: #ffffff;
  --shell-topbar-divider-bg: #b3c1cc;

  --shell-shortcut-menu-bg: #f2f2f2;
  --shell-shortcut-menu-border: #c6c6c6;
  --shell-shortcut-menu-shadow: none;
  --shell-shortcut-menu-radius: 2px;
  --shell-shortcut-menu-list-padding: 2px;
  --shell-shortcut-menu-item-padding-y: 5px;
  --shell-shortcut-menu-item-padding-x: 8px;
  --shell-shortcut-menu-item-radius: 2px;
  --shell-shortcut-menu-header-border: #d0d0d0;
  --shell-shortcut-menu-header-color: #2f3f50;
  --shell-shortcut-menu-header-font-size: 0.72rem;
  --shell-shortcut-menu-header-font-weight: 600;
  --shell-shortcut-menu-header-letter-spacing: 0.02em;
  --shell-shortcut-menu-item-color: #10263c;
  --shell-shortcut-menu-item-font-size: 0.8rem;
  --shell-shortcut-menu-item-font-weight: 500;
  --shell-shortcut-menu-item-hover-bg: #dde6ef;
  --shell-shortcut-menu-item-hover-color: #0f2740;
  --shell-shortcut-menu-item-active-bg: #c7d6e6;
  --shell-shortcut-menu-item-active-color: #0f2740;

  --shell-user-menu-bg: #f2f5f7;
  --shell-user-menu-border: #b3c1cc;
  --shell-user-menu-shadow: none;
  --shell-user-menu-radius: 2px;
  --shell-user-menu-header-border: #c6d3dd;
  --shell-user-menu-title-color: #233746;
  --shell-user-menu-label-color: #526b7d;
  --shell-user-menu-text-color: #233746;
  --shell-user-menu-action-border: #c6d3dd;
  --shell-user-menu-button-bg: #edf2f5;
  --shell-user-menu-button-border: #b3c1cc;
  --shell-user-menu-button-text: #233746;
  --shell-user-menu-button-hover-bg: #dde6ef;
  --shell-user-menu-button-hover-border: #9fb0bd;
  --shell-user-menu-button-active-bg: #557186;
  --shell-user-menu-button-active-border: #557186;
  --shell-user-menu-button-active-text: #ffffff;
  --shell-topbar-badge-bg: #557186;
  --shell-topbar-badge-text: #ffffff;

  --shell-bottom-bar-min-height: 45px;
  --shell-bottom-bar-height: var(--shell-bottom-bar-min-height);
  --shell-bottom-bar-gap: 6px;
  --shell-bottom-bar-padding-y: 4px;
  --shell-bottom-bar-padding-x: 8px;
  --shell-bottom-bar-border: #b3c1cc;
  --shell-bottom-bar-bg: #cfdae3;
  --shell-bottom-bar-shadow: none;
  --shell-bottom-bar-text: #233746;
  --shell-bottom-bar-font-size: 0.74rem;
  --shell-bottom-chip-height: 24px;
  --shell-bottom-chip-radius: 2px;
  --shell-bottom-chip-border: #c6c6c6;
  --shell-bottom-chip-bg: #f7f7f7;
  --shell-bottom-chip-text: #222222;
  --shell-bottom-chip-font-weight: 500;
  --shell-bottom-status-dot: #2f7d32;
  --shell-bottom-status-ring: rgba(47, 125, 50, 0.12);
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-header {
  padding: 0 10px 0 12px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #d8e1ea !important;
  gap: 8px !important;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar .brand-link {
  min-height: 42px !important;
  gap: 12px !important;
  color: #1d2f45 !important;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar .brand-link::before {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #5b7590;
  font-size: 0.96rem;
  font-weight: 800;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar .brand-link::after {
  content: "ERP PRO";
  color: #1d2f45;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-toggle--desktop {
  order: 3;
  margin-left: auto;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #7a8ea4;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-toggle--desktop:hover {
  background: #eef3f7;
  color: #24384d;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-toggle--desktop > span {
  font-size: 0;
  line-height: 1;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-toggle--desktop > span::before {
  content: "\00D7";
  font-size: 1.2rem;
  font-weight: 400;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-panel {
  padding-top: 10px !important;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-footer {
  padding: 10px 8px !important;
  border-top: 1px solid #c3d0db !important;
  background: #c9d6e0 !important;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .area-sidebar-toggle--footer {
  width: 100%;
  justify-content: center;
  min-height: 32px;
  border: 1px solid #b7c5d1;
  border-radius: 8px;
  background: #d7e1e9;
  color: #4f677e;
  font-size: 0.78rem;
  font-weight: 600;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar {
  min-height: 38px;
  padding-top: 4px;
  padding-bottom: calc(4px + env(safe-area-inset-bottom));
  border-top: 1px solid #cad6e0;
  background: #dbe5ed;
  color: #233746;
  font-size: 0.74rem;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar__lane--right {
  display: none;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar__lane--left {
  gap: 8px;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar__item {
  min-height: 22px;
  color: #233746;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar__item--organization {
  padding: 0 10px;
  border: 1px solid #c5d0da;
  border-radius: 8px;
  background: #eef3f7;
  font-weight: 700;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar__item--datetime,
body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar__item--status {
  padding: 0;
  border: 0;
  background: transparent;
}

body.app-shell:not(.app-shell--default).app-theme--nav-compact .erp-bottom-bar__sep {
  width: 1px;
  height: 14px;
  background: #b8c6d2;
}