/* 2Tek final monochromatic UI palette. Loaded after app.css. */
:root{
  --mono-ink:#173d3a;
  --mono-border:#9fc6bf;
  --mono-1:#d5ebe7;
  --mono-2:#dbeeea;
  --mono-3:#e0f1ed;
  --mono-4:#e5f3f0;
  --mono-5:#eaf6f3;
  --mono-6:#eef8f6;
  --mono-7:#f1f9f7;
  --mono-8:#f4faf9;
  --mono-9:#f6fbfa;
  --mono-10:#f8fcfb;
}

/* Large category cards: one hue, progressively lighter. */
.axes > .axis-card{
  color:var(--mono-ink)!important;
  border-color:var(--mono-border)!important;
}
.axes > .category-financije{background:linear-gradient(145deg,var(--mono-1),#cfe7e2)!important}
.axes > .category-pravno{background:linear-gradient(145deg,var(--mono-2),#d6ebe7)!important}
.axes > .category-imovina{background:linear-gradient(145deg,var(--mono-3),#dcefea)!important}
.axes > .category-zdravlje{background:linear-gradient(145deg,var(--mono-4),#e2f2ee)!important}
.axes > .category-poslovanje{background:linear-gradient(145deg,var(--mono-5),#e8f5f2)!important}
.axes > .axis-card small,
.axes > .axis-card h2,
.axes > .axis-card p,
.axes > .axis-card span{color:inherit!important}
.axes > .axis-card:hover{color:#102f2d!important;border-color:#78a9a2!important}

/* Main navigation: same hue and gradual lightness scale. */
.main-nav .menu-item{color:var(--mono-ink)!important;border-color:var(--mono-border)!important}
.main-nav .menu-item:nth-child(1){background:var(--mono-1)!important}
.main-nav .menu-item:nth-child(2){background:var(--mono-2)!important}
.main-nav .menu-item:nth-child(3){background:var(--mono-3)!important}
.main-nav .menu-item:nth-child(4){background:var(--mono-4)!important}
.main-nav .menu-item:nth-child(5){background:var(--mono-5)!important}
.main-nav .menu-item:nth-child(6){background:var(--mono-6)!important}
.main-nav .menu-item:nth-child(7){background:var(--mono-7)!important}
.main-nav .menu-item:nth-child(8){background:var(--mono-8)!important}
.main-nav .menu-item:nth-child(9){background:var(--mono-9)!important}
.main-nav .menu-item:nth-child(10){background:var(--mono-10)!important}
.main-nav .menu-item:hover,
.main-nav .menu-item.active{
  color:#102f2d!important;
  border-color:#78a9a2!important;
  box-shadow:inset 0 -3px 0 var(--primary),0 3px 10px #0f5f5c12!important;
}

/* Finance and registry sub-tabs follow the same family. */
.section-tabs > *,
.registry-tabs > *,
.view-switch > *{color:var(--mono-ink)!important;border-color:var(--mono-border)!important}
.section-tabs > *:nth-child(1),.registry-tabs > *:nth-child(1),.view-switch > *:nth-child(1){background:var(--mono-1)!important}
.section-tabs > *:nth-child(2),.registry-tabs > *:nth-child(2),.view-switch > *:nth-child(2){background:var(--mono-2)!important}
.section-tabs > *:nth-child(3){background:var(--mono-3)!important}
.section-tabs > *:nth-child(4){background:var(--mono-4)!important}
.section-tabs > *:nth-child(5){background:var(--mono-5)!important}
.section-tabs > *:nth-child(6){background:var(--mono-6)!important}
.section-tabs > *:nth-child(7){background:var(--mono-7)!important}
.section-tabs a.active,
.registry-tabs a.active,
.view-switch .selected{
  color:#102f2d!important;
  border-color:#78a9a2!important;
  box-shadow:inset 0 -3px 0 var(--primary)!important;
}

/* Sidebar shell intentionally uses one quiet surface; active state is a left marker. */
.app-sidebar .main-nav .menu-item,
.app-sidebar .context-nav > *{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.app-sidebar .main-nav .menu-item:hover,
.app-sidebar .context-nav > a:hover{background:#e2f0ed!important}
.app-sidebar .main-nav .menu-item.active,
.app-sidebar .context-nav > a.active{background:#d7ebe6!important;box-shadow:none!important}