/* 21st MCP: Harbor Blue by serafimcloud.
   https://21st.dev/community/themes/harbor-blue
   Retrieved with search/get_theme; namespaced to preserve ERP layout variables. */
:root {
  --harbor-background:#fff;
  --harbor-foreground:#0f172a;
  --harbor-primary:#194391;
  --harbor-blue:#4169e1;
  --harbor-secondary:#dce6f9;
  --harbor-border:#e2e8f0;
  --harbor-muted:#64748b;
  --harbor-sidebar:#f8fafc;
  --ink:var(--harbor-foreground);
  --muted:var(--harbor-muted);
  --paper:var(--harbor-background);
  --accent:var(--harbor-blue);
  --accent-dark:var(--harbor-primary);
  --accent-soft:var(--harbor-secondary);
  --line:var(--harbor-border);
}
body {background:linear-gradient(125deg,#f1f5f9 0%,#fff 46%,#f1f7ff 100%)}
.sidebar {background:var(--harbor-background);border-color:var(--harbor-border)}
.brand-symbol i:last-child {background:#7ca3f5}
.nav-item.active {box-shadow:inset 3px 0 0 var(--harbor-blue)}
.shop-mark {background:var(--harbor-sidebar)}
.owner-month-end:not(.is-loss) {background:linear-gradient(110deg,var(--harbor-primary),var(--harbor-blue) 65%,#159bd3)}
.owner-pane {border-color:var(--harbor-border)}
.owner-kpi.income {background:linear-gradient(135deg,#fff,#eef3ff);border-color:var(--harbor-secondary)}
.owner-kpi.income .owner-kpi-icon {background:var(--harbor-secondary);color:var(--harbor-primary)}
.owner-bar-sales {fill:var(--harbor-blue)}
.owner-chart-legend span:first-child:before {background:var(--harbor-blue)}
.owner-link,.owner-receivable-row>div>button {color:var(--harbor-primary)}
.owner-plan-button {color:var(--harbor-primary)}
.owner-kpi:focus-visible,.owner-section-tabs button:focus-visible,.owner-link:focus-visible {outline-color:#7ca3f5}
[data-theme=dark] {
  --harbor-background:#0f172a;
  --harbor-foreground:#f8fafc;
  --harbor-secondary:#1e293b;
  --harbor-border:#334155;
  --harbor-muted:#94a3b8;
  --harbor-sidebar:#1e293b;
  --harbor-blue:#60a5fa;
  --ink:var(--harbor-foreground);
  --muted:#bfcee2;
  --paper:var(--harbor-sidebar);
  --ground:var(--harbor-background);
  --line:var(--harbor-border);
  --accent:#93c5fd;
  --accent-dark:#bfdbfe;
  --accent-soft:#334155;
}
[data-theme=dark] body {background:radial-gradient(ellipse at 70% 0,#28496c,transparent 65%),var(--harbor-background)}
[data-theme=dark] .sidebar {background:var(--harbor-sidebar);border-color:var(--harbor-border)}
[data-theme=dark] .nav-item {color:#bfdbfe}
[data-theme=dark] .nav-item.active {color:#dce6f9}
[data-theme=dark] .topbar {background:#1e293bf5}
[data-theme=dark] .export-button {background:#243b58;color:#f8fafc;border-color:#416080}
[data-theme=dark] .btn.primary {background:#4169e1;border-color:#4169e1}
[data-theme=dark] .owner-month-end:not(.is-loss) {background:linear-gradient(110deg,#194391,#4169e1 65%,#147ea8)}
[data-theme=dark] .owner-kpi.income {background:linear-gradient(135deg,#263a5a,#264f78);border-color:#416080}
[data-theme=dark] .owner-kpi.income .owner-kpi-icon {background:#334155;color:#bfdbfe}
[data-theme=dark] .owner-kpi {color:var(--harbor-foreground)}
[data-theme=dark] .owner-link,[data-theme=dark] .owner-receivable-row>div>button {color:#bfdbfe}
[data-theme=dark] .owner-plan-button {color:#194391}
[data-theme=dark] .owner-axis {fill:#bfdbfe}
@media(max-width:700px) {
  .owner-plan-button {color:#fff}
  .owner-hero-main p {display:none}
  .owner-hero-main,.owner-hero-foot {flex:none}
  .owner-glow {width:260px;height:260px}
}
@media(max-width:700px) and (max-height:760px) {
  .owner-forecast-breakdown {margin-top:7px;padding-top:7px}
  .owner-hero-foot {margin-top:6px}
}
@media(max-width:700px) {[data-theme=dark] .owner-plan-button {color:#fff}}
