/* ======================================
   BKWOOD DESK TEMA – FINALNA OSNOVA
   Tamnoplavi sidebar, bijeli content, zelena akcija
   ====================================== */

/* VARIJABLE BOJA */
:root {
  --bk-navy: #051a35;
  --bk-navy-dark: #041728;
  --bk-navy-hover: #0a2642;

  --bk-green: #2ecc71;
  --bk-green-dark: #27ae60;

  --bk-bg: #f4f6fa;
  --bk-card-bg: #ffffff;

  --bk-border: #e1e5f0;

  --bk-text: #111827;
  --bk-text-muted: #6b7280;
}

/* GLOBAL */
html,
body {
  background: var(--bk-bg) !important;
  color: var(--bk-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
    Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 14px;
}

/* NAVBAR */
.navbar,
.navbar.navbar-light {
  background: #ffffff !important;
  border-bottom: 1px solid var(--bk-border) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

.navbar .navbar-brand,
.navbar .navbar-brand span {
  color: var(--bk-navy-dark) !important;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.navbar .nav-link,
.navbar .dropdown-toggle {
  color: var(--bk-text-muted) !important;
}

.navbar .nav-link:hover,
.navbar .dropdown-toggle:hover {
  color: var(--bk-navy-dark) !important;
}

/* ================== SIDEBAR ================== */

/* Glavni sidebar + pozadinski panel */
.desk-sidebar {
  background: var(--bk-navy) !important;
  width: 250px !important;
}

.layout-side-section {
  background: var(--bk-navy) !important;
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.35) !important;
  border-right: none !important;
}

/* Content pomaknut desno */
.page-container {
  margin-left: 250px !important;
}

/* Naslovi sekcija (JAVNI…) */
.desk-sidebar .standard-sidebar-label {
  color: rgba(255, 255, 255, 0.55) !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
}

/* Osnovni itemi */
.desk-sidebar .desk-sidebar-item,
.desk-sidebar .sidebar-item,
.desk-sidebar .item-anchor {
  background: transparent !important;
  color: #f7faff !important;
  border-radius: 0 !important;
  padding: 6px 10px !important;
  font-weight: 500;
}

/* Ikone */
.desk-sidebar .sidebar-item-icon {
  color: #cbd5f5 !important;
}

/* Hover */
.desk-sidebar .desk-sidebar-item:hover,
.desk-sidebar .desk-sidebar-item:hover .item-anchor {
  background: var(--bk-navy-hover) !important;
  color: #ffffff !important;
}

/* Aktivni modul – zelena traka lijevo, BEZ bijelog pill-a */
.desk-sidebar .desk-sidebar-item.standard-sidebar-item.selected,
.desk-sidebar .desk-sidebar-item.standard-sidebar-item.selected .item-anchor {
  background: var(--bk-navy) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  border-left: 4px solid var(--bk-green) !important;
  padding-left: 12px !important;
}

/* Label aktivne stavke */
.desk-sidebar .desk-sidebar-item.standard-sidebar-item.selected .sidebar-item-label {
  background: transparent !important;
}

/* ================== KARTICE / FORME ================== */

.page-card,
.widget,
.desk-page .widget,
.form-page,
.form-inner-area {
  background: var(--bk-card-bg) !important;
  border-radius: 12px !important;
  border: 1px solid var(--bk-border) !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06) !important;
}

.page-head {
  background: var(--bk-card-bg) !important;
  border-bottom: 1px solid var(--bk-border) !important;
}

/* Label + inputi */
.form-group label,
.control-label {
  color: var(--bk-text-muted) !important;
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
}

.form-control,
.input-with-feedback {
  border-radius: 10px !important;
  border: 1px solid var(--bk-border) !important;
}

.form-control:focus,
.input-with-feedback:focus {
  border-color: var(--bk-green) !important;
  box-shadow: 0 0 0 1px rgba(46, 204, 113, 0.35);
}

/* ================== GUMBI ================== */

.btn-primary,
.primary-action {
  background: var(--bk-green) !important;
  border-color: var(--bk-green-dark) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 500;
}

.btn-primary:hover,
.primary-action:hover {
  background: var(--bk-green-dark) !important;
  border-color: var(--bk-green-dark) !important;
}

.btn-secondary,
.btn-default {
  background: #ffffff !important;
  border: 1px solid var(--bk-border) !important;
  color: var(--bk-navy-dark) !important;
}

/* ================== LISTE / TABLICE ================== */

.list-row-head,
.grid-heading-row,
.data-row[data-row-index="-1"] {
  background: var(--bk-navy-dark) !important;
  color: #ffffff !important;
}

.list-row-head .list-header-col,
.list-row-head .list-header-subject,
.data-row[data-row-index="-1"] * {
  color: #ffffff !important;
  font-weight: 500;
}

.list-row-container .list-row,
.grid-body .grid-row {
  background: #ffffff !important;
  border-bottom: 1px solid var(--bk-border) !important;
}

.list-row-container .list-row:hover,
.grid-body .grid-row:hover {
  background: #edf2ff !important;
}

/* ================== LOGIN STRANICA ================== */

body[data-path="login"],
.page-card .login-content,
.web-login {
  background: radial-gradient(circle at top, #0b1730 0, #020617 55%, #000 100%) !important;
}

.login-content .page-card,
.page-card {
  max-width: 420px;
  margin: 40px auto;
  background: #ffffff !important;
  border-radius: 22px !important;
  border: 1px solid rgba(148, 163, 184, 0.45);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.85);
  padding: 20px 22px;
}

.page-card .page-card-head h4,
.page-card .page-card-title {
  color: var(--bk-navy-dark) !important;
  text-align: center;
}

/* ================== PRIMARY BOJE ZA FRAPPE ================== */

:root {
  --primary: var(--bk-green);
  --primary-color: var(--bk-green);
  --primary-color-hover: var(--bk-green-dark);
}