:root {
  --sn-blue: #1a73e8;
  --sn-dark: #1a1a2e;
  --sn-gold: #f4b400;
  --sn-green: #34a853;
  --sn-red: #ea4335;
}
body { background: #f5f7fa; font-family: 'Segoe UI',Arial,sans-serif; font-size: 14px; }
.navbar { background: var(--sn-dark) !important; }
.navbar-brand .brand-gold { color: var(--sn-gold); font-weight: 700; }
.navbar-brand .brand-white { color: #aaa; }
.badge-month { background: var(--sn-green); font-size: 13px; padding: 5px 10px; border-radius: 6px; }

/* Cards */
.kpi-card { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.08); padding: 20px; }
.kpi-card .kpi-label { font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: .5px; }
.kpi-card .kpi-value { font-size: 26px; font-weight: 700; color: var(--sn-dark); }
.kpi-card .kpi-value.green { color: var(--sn-green); }
.kpi-card .kpi-value.blue { color: var(--sn-blue); }
.kpi-card .kpi-value.gold { color: var(--sn-gold); }
.kpi-card .kpi-icon { font-size: 32px; opacity: .2; }

/* Tables */
.table-sn th { background: var(--sn-dark); color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; }
.table-sn td { vertical-align: middle; }
.table-sn .num { text-align: right; font-variant-numeric: tabular-nums; }
.table-sn .computed { background: #e8f4fd; color: #1a73e8; font-weight: 600; }
.table-sn .total-row { background: #f0f7ff; font-weight: 700; }
.table-sn .mbetja-row { background: #fff3cd; font-weight: 700; }
.table-sn .hyrje-row { background: #d4edda; }
.table-sn .dalje-row { background: #fff; }

/* Inputs in table */
.table-sn input.form-control { border: 1px solid #dee2e6; padding: 3px 6px; font-size: 13px; text-align: right; min-width: 90px; }
.table-sn input.form-control:focus { border-color: var(--sn-blue); box-shadow: 0 0 0 2px rgba(26,115,232,.2); }
.table-sn select.form-select { padding: 3px 6px; font-size: 13px; min-width: 70px; }

/* Page header */
.page-header { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.08); padding: 16px 24px; margin-bottom: 20px; }
.page-header h4 { margin: 0; font-weight: 700; color: var(--sn-dark); }

/* Month badge */
.month-badge { background: var(--sn-blue); color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; }
.month-badge.active { background: var(--sn-green); }

/* Saved indicator */
@keyframes saved-flash { 0%{background:#d4edda} 100%{background:transparent} }
.row-saved { animation: saved-flash 1s ease-out; }

/* Report */
.report-table th { background: #2c3e50; color: #fff; }
.report-section-header { background: #34495e; color: #fff; font-weight: 700; padding: 8px 12px; border-radius: 6px; margin: 16px 0 8px; }
.report-final { background: #1a73e8; color: #fff; font-weight: 700; font-size: 16px; }

/* Nav tabs custom */
.nav-tabs .nav-link { color: #555; }
.nav-tabs .nav-link.active { color: var(--sn-blue); font-weight: 600; border-bottom: 2px solid var(--sn-blue); }

/* Print */
@media print {
  .navbar,.btn,.no-print { display: none !important; }
  body { background: #fff; }
  .kpi-card,.page-header { box-shadow: none; border: 1px solid #ddd; }
  .table-sn th { background: #333 !important; -webkit-print-color-adjust: exact; }
}

/* Responsive */
@media (max-width:768px) {
  .kpi-value { font-size: 20px !important; }
  .table-responsive { font-size: 12px; }
  .table-sn input.form-control { min-width: 70px; }
}