:root {
  --selecta-ink: #14243b;
  --selecta-muted: #52657a;
  --selecta-accent: #086753;
  --selecta-line: #dae4ed;
}

.erp-app-shell {
  background: #f2f6fa;
}

.erp-sidebar {
  background: linear-gradient(170deg, #1a354a, #101d30 75%);
  scrollbar-color: #5b7588 #16283c;
}

.erp-sidebar .erp-brand-mark, .erp-sidebar .erp-company-avatar {
  background: #adf0d9;
  color: #103b36;
  box-shadow: none;
}

.erp-sidebar .erp-company-card {
  border-color: #486578;
  background: #20384d;
}

.erp-sidebar .erp-nav-label {
  color: #acc2d3;
  letter-spacing: .08em;
}

.erp-sidebar .erp-nav-item {
  color: #e3edf4;
  border-inline-start: 3px solid transparent;
}

.erp-sidebar .erp-nav-item:hover,
.erp-sidebar .erp-nav-item.active {
  color: #fff;
  background: #2a4b5e;
}

.erp-sidebar .erp-nav-item.active {
  border-inline-start-color: #8be5cb;
}

.erp-topbar {
  border-bottom-color: var(--selecta-line);
}

.erp-page-heading h1 {
  color: var(--selecta-ink);
  overflow-wrap: anywhere;
}

.erp-topbar .erp-language-selector, .selecta-login-topbar .erp-language-selector,
.registration-page .erp-language-selector, .selecta-public-nav .erp-language-selector {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 44px;
  min-height: 44px;
  padding-inline: 10px;
  background: #e5f6f0;
  color: #075544;
  border: 1px solid #9ccfbe;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
}

.erp-language-selector:hover { background: #c8eddf; }
.erp-language-selector:focus-visible, .erp-nav-item:focus-visible,
.erp-menu-button:focus-visible {
  outline: 3px solid #138b76;
  outline-offset: 2px;
}
.erp-sidebar .erp-nav-item:focus-visible { outline-color: #a8f6e2; }

.erp-page-content .erp-executive-header {
  background: linear-gradient(120deg, #15314a, #145647);
  box-shadow: 0 16px 30px rgba(17, 42, 64, .16);
}

.erp-page-content .erp-kpi-card,
.erp-page-content .erp-panel {
  border-color: var(--selecta-line);
  box-shadow: 0 5px 18px rgba(25, 52, 79, .06);
}

.erp-page-content .erp-kpi-card strong,
.erp-page-content .erp-panel-heading h3 { color: var(--selecta-ink); }
.erp-page-content .erp-kpi-card small { color: var(--selecta-muted); }
.erp-page-content .erp-kpi-icon { color: #075544; background: #dff4ec; }

@media (max-width: 620px) {
  .erp-topbar { gap: 8px; padding-inline: 10px; grid-template-columns: minmax(0, 1fr) auto; }
  .erp-topbar-left { min-width: 0; gap: 8px; }
  .erp-page-heading h1 { font-size: clamp(14px, 4vw, 18px); }
}
@media print {
  .erp-language-selector { display: none !important; }
}

.selecta-dashboard {
  display: grid;
  gap: 18px;
  max-width: 1440px;
  margin-inline: auto;
}
.selecta-hero {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  padding: clamp(20px, 4vw, 34px);
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(115deg, #172f4b 10%, #155444);
  box-shadow: 0 12px 28px #122b4420;
}
.selecta-hero .selecta-kicker {
  margin: 0 0 8px;
  color: #a4efda;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.selecta-hero h2 {
  margin: 0 0 8px;
  font-size: clamp(24px, 4vw, 38px);
  line-height: 1.15;
}
.selecta-hero p, .selecta-hero-meta {
  margin: 5px 0;
  color: #d7e8ef;
}
.selecta-hero-meta { font-size: 13px; margin-top: 14px; }
.selecta-hero-action {
  color: #113b33;
  background: #a9eed8;
  border-radius: 9px;
  padding: 11px 15px;
  text-decoration: none;
  font-weight: 750;
  white-space: nowrap;
}
.selecta-summary, .selecta-quick-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.selecta-summary article, .selecta-quick {
  padding: 17px;
  border: 1px solid var(--selecta-line);
  border-radius: 14px;
  background: white;
  box-shadow: 0 4px 12px #203b4d08;
}
.selecta-summary article > * { display: block; }
.selecta-summary article > strong {
  font-size: clamp(19px, 3vw, 26px);
  color: var(--selecta-ink);
  margin-block: 6px;
}
.selecta-summary span, .selecta-summary small, .selecta-quick p, .selecta-quick-grid small {
  color: var(--selecta-muted);
  font-size: 13px;
}
.selecta-quick h2 { margin: 0 0 5px; color: var(--selecta-ink); font-size: 19px; }
.selecta-quick p { margin: 0 0 16px; }
.selecta-quick-grid a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  min-width: 0;
  border: 1px solid var(--selecta-line);
  border-radius: 10px;
  color: var(--selecta-ink);
  text-decoration: none;
}
.selecta-quick-grid a:hover { background: #edf8f5; }
.selecta-quick-grid small { display: block; margin-top: 4px; }
.selecta-module-icon {
  flex: 0 0 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #dff4ec;
  color: #075544;
  font-size: 11px;
  font-weight: 800;
}
.selecta-arrow { margin-inline-start: auto; color: #086753; }
@media(max-width: 1100px) {
  .selecta-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 620px) {
  .selecta-hero { align-items: start; flex-direction: column; }
  .selecta-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .selecta-summary article:last-child { grid-column: 1 / -1; }
  .selecta-quick-grid { grid-template-columns: 1fr; }
}