:root {
  /* ASOW brand */
  --color-primary: #1D9E75;
  --color-primary-dark: #24574A;
  --color-primary-light: #E1F5EE;

  /* ASOW semantic */
  --color-success: #3B6D11;
  --color-success-bg: #EAF3DE;
  --color-warning: #BA7517;
  --color-warning-bg: #FAEEDA;
  --color-danger: #C0392B;
  --color-danger-bg: #FCEBEB;
  --color-info: #185FA5;
  --color-info-bg: #E6F1FB;
  --color-neutral: #5F5E5A;
  --color-neutral-bg: #F1EFE8;

  /* ASOW text */
  --color-text-primary: #1A3C34;
  --color-text-secondary: #444444;
  --color-text-muted: #6B7FA3;

  /* ASOW borders / surfaces */
  --color-border: #DDE4F0;
  --color-surface: #F5F5F5;

  /* ASOW module accents */
  --color-module-risk: #1D9E75;
  --color-module-documents: #378ADD;
  --color-module-audits: #BA7517;
  --color-module-quality: #993556;
  --color-module-standards: #534AB7;
  --color-module-equipment: #D85A30;
  --color-module-personnel: #639922;
  --color-module-kpi: #185FA5;
  --color-module-complaints: #993556;
  --color-module-surveys: #888780;
  --color-module-reports: #444441;
  --color-module-environmental: #0B7D8A;

  /* Moduļu foni */
  --color-module-risk-bg:        var(--color-primary-light);
  --color-module-documents-bg:   var(--color-info-bg);
  --color-module-audits-bg:      var(--color-warning-bg);
  --color-module-quality-bg:     #F7E8ED;
  --color-module-standards-bg:   #EEEDF8;
  --color-module-equipment-bg:   var(--color-warning-bg);
  --color-module-personnel-bg:   #EDF5DE;
  --color-module-kpi-bg:         var(--color-info-bg);
  --color-module-complaints-bg:  #F7E8ED;
  --color-module-surveys-bg:     var(--color-neutral-bg);
  --color-module-reports-bg:     var(--color-neutral-bg);
  --color-module-environmental-bg: #E0F4F6;

  /* Riska matricas zonas */
  --zone-low-bg:      var(--color-success-bg);
  --zone-low-fg:      var(--color-success);
  --zone-medium-bg:   var(--color-warning-bg);
  --zone-medium-fg:   var(--color-warning);
  --zone-high-bg:     var(--color-danger-bg);
  --zone-high-fg:     #A32D2D;

  /* ASOW typography */
  --font-primary: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
  --text-h1: 24px;
  --weight-h1: 600;
  --text-h2: 16px;
  --weight-h2: 500;
  --text-h3: 14px;
  --weight-h3: 500;
  --text-body: 14px;
  --weight-body: 400;
  --text-meta: 12px;
  --weight-meta: 400;
  --text-mono: 13px;

  /* Navy skala */
  --color-navy-50:  #F0F4FB;
  --color-navy-100: #DDE4F0;
  --color-navy-400: #6B7FA3;
  --color-navy-700: #2C4A6E;

  /* Teal skala (--color-primary paliek #1D9E75) */
  --color-teal-50:  #E8F7F2;
  --color-teal-200: #A8E6D0;
  --color-teal-500: #1D9E75;
  --color-teal-700: #1A8A66;

  /* Lapas fons un layout */
  --color-page-bg:      #F7F9FC;
  --color-sidebar-bg:   #F0F4FB;
  --color-card-bg:      #FFFFFF;
  --color-text-heading: #2C4A6E;

  --bg: #F7F9FC;
  --sidebar-bg: #F0F4FB;
  --card-border: #DDE4F0;
  --text: #1F2933;
  --text-muted: #4B5563;
  --accent-blue: #4C8BF5;
  --accent-purple: #9D7DFF;
  --accent-yellow: #F6C76B;
  --accent-green: #52C7B2;
  --tile-1: #E6F0FF;
  --tile-2: #F7ECFF;
  --tile-3: #E6FCF5;
  --tile-4: #F4F6FF;
  --tile-5: #ECEAFD;
  --tile-6: #E7F6F4;
  --tile-7: #E8F0FF;
  --tile-8: #F4F4FF;
  --tile-9: #F9F2E7;
  --focus-ring: 0 0 0 3px rgba(76, 139, 245, 0.35);
  --shadow-card: 0 12px 24px rgba(76, 86, 106, 0.08);
  --shadow-card-compact: 0 6px 12px rgba(76, 86, 106, 0.08);
}

html {
  font-family: var(--font-primary);
  color: var(--text);
  background-color: var(--color-page-bg, #F7F9FC);
}

body {
  margin: 0;
  color: var(--text);
  background-color: var(--color-page-bg, #F7F9FC);
}

a {
  color: var(--accent-blue);
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.sidebar {
  background-color: var(--sidebar-bg);
  border-right: 1px solid var(--card-border);
}

.sidebar__label {
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card,
.tile {
  background-color: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  box-shadow: var(--shadow-card);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tile--compact {
  box-shadow: var(--shadow-card-compact);
  padding: 12px;
}

.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.badge--active,
.badge--published,
.badge--current,
.badge--ok,
.badge--normal,
.badge--mitigated,
.badge--success {
  background: var(--color-success-bg);
  color: var(--color-success);
}

.badge--draft,
.badge--in-progress,
.badge--warning,
.badge--due-soon,
.badge--stale {
  background: var(--color-warning-bg);
  color: #854F0B;
}

.badge--critical,
.badge--overdue,
.badge--danger {
  background: var(--color-danger-bg);
  color: #A32D2D;
}

.badge--pending,
.badge--info,
.badge--unknown,
.badge--open {
  background: var(--color-info-bg);
  color: #0C447C;
}

.badge--inactive,
.badge--closed,
.badge--no-date,
.badge--secondary {
  background: var(--color-neutral-bg);
  color: #444441;
}

.badge--success {
  background-color: rgba(95, 191, 154, 0.16);
  color: var(--accent-green);
}

.badge--warning {
  background-color: rgba(255, 209, 9, 0.18);
  color: var(--accent-yellow);
}

.badge--info {
  background-color: rgba(102, 158, 215, 0.16);
  color: var(--accent-blue);
}

.badge--alert {
  background-color: rgba(160, 57, 254, 0.14);
  color: var(--accent-purple);
}

.btn {
  border-radius: 999px;
  font-weight: 600;
  padding: 10px 18px;
  border: none;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.btn-primary {
  background-color: var(--accent-blue);
  color: #ffffff;
}

.btn-secondary {
  background-color: #ffffff;
  color: var(--text);
  border: 1px solid var(--card-border);
}

.btn-ghost {
  background-color: transparent;
  color: var(--accent-blue);
}

.btn:hover:not(:disabled),
.btn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 16px rgba(102, 158, 215, 0.18);
}

.btn:active {
  transform: translateY(0);
  box-shadow: none;
}

.table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 12px;
  overflow: hidden;
  background-color: #ffffff;
}

.table th,
.table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--card-border);
  font-size: var(--font-size-sm, 0.8125rem);
}

/* Problem 2 fix: branded table headers */
.table thead th,
thead th {
  background-color: color-mix(in srgb, var(--color-primary) 10%, white);
  color: var(--color-primary);
  font-weight: 600;
  font-size: var(--font-size-sm, 0.8125rem);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Override Tailwind bg-gray-* utility classes on table headers */
thead.bg-gray-50,
thead.bg-gray-100,
thead.bg-gray-200,
.table thead.bg-gray-50,
.table thead.bg-gray-100,
.table thead.bg-gray-200 {
  background-color: color-mix(in srgb, var(--color-primary) 10%, white) !important;
}

thead.bg-gray-50 th,
thead.bg-gray-100 th,
thead.bg-gray-200 th {
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.table tbody tr:hover {
  background-color: rgba(102, 158, 215, 0.08);
}

.table__empty {
  text-align: center;
  color: var(--text-muted);
  padding: 32px 16px;
  font-style: italic;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
  font-size: 13px;
}

.breadcrumb__home {
  color: var(--color-primary);
  display: flex;
}

.breadcrumb__sep {
  color: var(--color-border);
  user-select: none;
}

.breadcrumb__link {
  color: var(--color-primary);
  text-decoration: none;
}

.breadcrumb__link:hover {
  text-decoration: underline;
}

.breadcrumb__current {
  color: var(--color-text-primary);
  font-weight: 500;
}

/* Admin/User mode headers */
.navbar-admin,
.navbar[data-mode="admin"],
.layout-header.navbar-admin,
.layout-header[data-mode="admin"] {
  background: var(--color-primary-dark) !important;
  color: #fff !important;
}

.navbar-admin .nav-link,
.navbar-admin .navbar-brand,
.layout-header.navbar-admin a,
.layout-header[data-mode="admin"] a,
.layout-header[data-mode="admin"] .layout-header__section-name,
.layout-header[data-mode="admin"] .layout-header__user-name,
.layout-header[data-mode="admin"] .layout-header__user-role {
  color: #fff !important;
}

.admin-mode-badge {
  display: inline-block;
  background: var(--color-danger);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-left: 10px;
  vertical-align: middle;
}

.navbar-user,
.navbar[data-mode="user"],
.layout-header.navbar-user,
.layout-header[data-mode="user"] {
  background: #fff;
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-text-primary);
}

.btn-switch-to-admin {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  background: transparent;
  font-size: 13px;
  padding: 4px 12px;
  border-radius: 4px;
}

.btn-switch-to-admin:hover {
  background: var(--color-primary-light);
  color: var(--color-primary-dark);
}

.btn-switch-to-user {
  border: 1px solid var(--color-danger);
  color: var(--color-danger);
  background: transparent;
  font-size: 13px;
  padding: 4px 12px;
  border-radius: 4px;
}

.btn-switch-to-user:hover {
  background: var(--color-danger-bg);
  color: #A32D2D;
}

/* Empty states */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 2rem;
  text-align: center;
}

.empty-state__icon-wrap,
.empty-state__icon {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 36px;
}

.empty-state__icon-wrap--risk,
.empty-state__icon-wrap--fishbone {
  background: var(--color-module-risk-bg);
  color: var(--color-module-risk);
}

.empty-state__icon-wrap--documents {
  background: var(--color-module-documents-bg);
  color: var(--color-module-documents);
}

.empty-state__icon-wrap--controls {
  background: var(--color-module-documents-bg);
  color: var(--color-module-kpi);
}

.empty-state__icon-wrap--audits,
.empty-state__icon-wrap--categories,
.empty-state__icon-wrap--appetite {
  background: var(--color-module-audits-bg);
  color: var(--color-module-audits);
}

.empty-state__icon-wrap--equipment {
  background: var(--color-module-equipment-bg);
  color: var(--color-module-equipment);
}

.empty-state__icon-wrap--kri {
  background: var(--color-module-kri-bg, var(--color-danger-bg));
  color: var(--color-danger);
}

.empty-state__icon-wrap--default {
  background: var(--color-neutral-bg);
  color: var(--color-neutral);
}

.empty-state__icon-wrap svg {
  width: 36px;
  height: 36px;
}

.empty-state__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-primary);
  margin: 0 0 8px;
}

.empty-state__desc {
  font-size: 14px;
  color: var(--color-text-muted);
  margin: 0 0 20px;
  max-width: 360px;
}

.empty-state__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--color-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 6px;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.empty-state__cta:hover {
  background: var(--color-primary-dark);
  color: #fff;
  text-decoration: none;
}

/* Metric cards */
.metric-card {
  background: var(--color-surface);
  border-radius: 8px;
  padding: 1rem;
}

.metric-card__label {
  font-size: 12px;
  color: var(--color-text-muted);
  margin-bottom: 4px;
}

.metric-card__value {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-text-primary);
}

.metric-card__trend {
  font-size: 12px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.metric-card__trend--up {
  color: var(--color-success);
}

.metric-card__trend--down {
  color: var(--color-danger);
}

.metric-card__trend--flat {
  color: var(--color-text-muted);
}

/* Dashboard headers */
.dashboard-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 1.5rem;
}

.dashboard-header h1,
.dashboard-header .dashboard-title {
  font-size: var(--text-h1);
  font-weight: var(--weight-h1);
  color: var(--color-text-primary);
  border-left: 4px solid var(--module-accent, var(--color-primary));
  padding-left: 12px;
  margin: 0;
}

/* Dashboard header — module accent modifiers (BEM) */
.dashboard-header--risk        { --module-accent: var(--color-module-risk); }
.dashboard-header--documents   { --module-accent: var(--color-module-documents); }
.dashboard-header--audits      { --module-accent: var(--color-module-audits); }
.dashboard-header--quality     { --module-accent: var(--color-module-quality); }
.dashboard-header--standards   { --module-accent: var(--color-module-standards); }
.dashboard-header--equipment   { --module-accent: var(--color-module-equipment); }
.dashboard-header--personnel   { --module-accent: var(--color-module-personnel); }
.dashboard-header--kpi         { --module-accent: var(--color-module-kpi); }
.dashboard-header--complaints  { --module-accent: var(--color-module-complaints); }
.dashboard-header--surveys     { --module-accent: var(--color-module-surveys); }
.dashboard-header--reports     { --module-accent: var(--color-module-reports); }

/* Risk matrix zones */
.risk-matrix td,
.heatmap-matrix .risk-cell {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 3px;
  transition: opacity 0.15s;
}

.risk-matrix td.zone-low,
.risk-matrix .zone-low,
.heatmap-matrix .zone-low,
.heatmap-matrix .risk-level-low {
  background: var(--zone-low-bg);
  color: var(--zone-low-fg);
}

.risk-matrix td.zone-medium,
.risk-matrix .zone-medium,
.heatmap-matrix .zone-medium,
.heatmap-matrix .risk-level-medium {
  background: var(--zone-medium-bg);
  color: var(--zone-medium-fg);
}

.risk-matrix td.zone-high,
.risk-matrix .zone-high,
.heatmap-matrix .zone-high,
.heatmap-matrix .risk-level-high,
.heatmap-matrix .risk-level-critical {
  background: var(--zone-high-bg);
  color: var(--zone-high-fg);
}

.risk-matrix .risk-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.85;
}

/* Form improvements */
.field-required::after,
label.required::after {
  content: " *";
  color: var(--color-danger);
  font-weight: 600;
}

input::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
  font-style: italic;
}

select option[value=""] {
  color: var(--color-text-muted);
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

/* Sidebar module dots */
.sidebar-nav__item,
.sidebar-app-header,
.sidebar-section-link {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sidebar-nav__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* System Administration grouping */
.admin-group {
  margin-bottom: 1.5rem;
}

.admin-group__title {
  color: var(--color-text-primary);
  font-size: var(--text-h2);
  font-weight: var(--weight-h2);
  margin: 0 0 0.75rem;
}

.admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.admin-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--module-accent, var(--color-primary));
  border-radius: 8px;
  color: var(--color-text-primary);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 118px;
  padding: 1rem;
  text-decoration: none;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.admin-card:hover {
  box-shadow: 0 10px 20px rgba(26, 60, 52, 0.12);
  transform: translateY(-1px);
  text-decoration: none;
}

.admin-card__icon {
  color: var(--module-accent, var(--color-primary));
  font-size: 20px;
}

.admin-card__label {
  font-size: 14px;
  font-weight: 600;
}

.admin-card__desc {
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.4;
}

.layout-dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(220px, 24vw, 320px), 1fr));
  gap: clamp(8px, 1.2vw, 16px);
  align-content: start;
}

.layout-dashboard__tile {
  min-height: clamp(120px, 18vh, 180px);
}

.layout-dashboard--compact {
  gap: clamp(6px, 1vw, 12px);
}

.layout-dashboard--compact .layout-dashboard__tile {
  min-height: clamp(100px, 15vh, 140px);
}

.hidden-visually {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Lifecycle step enhancements */
.lifecycle-step {
  transition: all 0.15s ease;
}

.lifecycle-step:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.lifecycle-step[aria-current="step"] {
  box-shadow: 0 2px 10px rgba(13, 110, 253, 0.25) !important;
}

.lifecycle-step[aria-current="step"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 12px rgba(13, 110, 253, 0.35) !important;
}

/* Problem 3 fix: scrollable sections in dashboards */
.scrollable-section {
  max-height: 28vh;
  overflow-y: auto;
}

.scrollable-section::-webkit-scrollbar {
  width: 4px;
}

.scrollable-section::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 4px;
}

/* Fix: Tailwind CDN v3 generates `.collapse { visibility: collapse }` which
   conflicts with Bootstrap 5's collapse component on user-facing pages.
   Tailwind's dynamic stylesheet is injected after static CSS, so !important
   is required to override the cascade. */
.collapse,
.collapsing {
  visibility: visible !important;
}

/* ══ Kompaktas tabulas — TIKAI user puse ══ */
.user-dashboard .table,
.page-documents .table,
.page-equipment .table {
  --bs-table-cell-padding-y: 0.25rem;
  --bs-table-cell-padding-x: 0.5rem;
  font-size: 0.875rem;
}
.user-dashboard .table td,
.user-dashboard .table th,
.page-documents .table td,
.page-documents .table th,
.page-equipment .table td,
.page-equipment .table th {
  vertical-align: middle;
}
.user-dashboard .table th,
.page-documents .table th,
.page-equipment .table th {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-muted, #6B7FA3);
  border-bottom: 2px solid var(--color-border, #DDE4F0);
  white-space: nowrap;
}
.user-dashboard .table tbody tr:hover > *,
.page-documents .table tbody tr:hover > *,
.page-equipment .table tbody tr:hover > * {
  background-color: rgba(44, 74, 110, 0.03);
  cursor: pointer;
}
.user-dashboard .table-actions,
.page-documents .table-actions { white-space: nowrap; width: 1%; }

/* Bootstrap utility overrides — TIKAI user puse */
.user-dashboard .text-muted { color: var(--color-text-muted, #6B7FA3) !important; }
.user-dashboard .bg-light   { background-color: var(--color-navy-50, #F0F4FB) !important; }
.user-dashboard .card       { border-color: var(--color-border, #DDE4F0) !important; }

/* Stat kartītes — TIKAI user puse */
.user-dashboard .stat-card {
  background: #FFFFFF;
  border: 1px solid var(--color-border, #DDE4F0);
  border-radius: 8px;
  padding: 0.65rem 0.9rem;
}
.user-dashboard .stat-card .stat-value {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-navy-700, #2C4A6E);
  line-height: 1.1;
}
.user-dashboard .stat-card .stat-label {
  font-size: 0.72rem;
  color: var(--color-text-muted, #6B7FA3);
  margin-top: 0.1rem;
}
.user-dashboard .stat-card .stat-link {
  font-size: 0.72rem;
  color: var(--color-teal-500, #1D9E75);
  text-decoration: none;
}

/* Section header — TIKAI user puse */
.user-dashboard .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--color-border, #DDE4F0);
}
.user-dashboard .section-header h6 {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-text-muted, #6B7FA3);
}
.user-dashboard .section-header a {
  font-size: 0.72rem;
  color: var(--color-teal-500, #1D9E75);
  text-decoration: none;
}

/* Filter bar — TIKAI user puse */
.user-dashboard .filter-bar {
  background: var(--color-navy-50, #F0F4FB);
  border: 1px solid var(--color-border, #DDE4F0);
  border-radius: 6px;
  padding: 0.4rem 0.65rem;
  margin-bottom: 0.65rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.user-dashboard .filter-bar select,
.user-dashboard .filter-bar input[type="text"] {
  font-size: 0.8rem;
  padding: 0.15rem 0.45rem;
  border: 1px solid var(--color-border, #DDE4F0);
  border-radius: 4px;
  background: #FFFFFF;
  height: 27px;
}
.user-dashboard .filter-bar .btn-filter {
  font-size: 0.8rem;
  padding: 0.15rem 0.7rem;
  height: 27px;
  background: var(--color-teal-500, #1D9E75);
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.user-dashboard .filter-bar .btn-clear {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  text-decoration: none;
  padding: 0 0.25rem;
}

/* Padding — TIKAI user puse */
.user-dashboard.main-content,
.user-dashboard .content-wrapper { padding-top: 0.75rem !important; }

/* ══ Top header — layout-header (actual ASOW class) ══ */
header.layout-header, .layout-header {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #DDE4F0 !important;
  box-shadow: none !important;
  min-height: 48px !important;
}

/* Logo / brand link */
.header-title {
  color: #1D3557 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* Tagline ("All Systems. One Workflow.") */
.header-tagline {
  color: #6B7FA3 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* Mode switch buttons */
.btn-switch-to-admin, .btn-switch-to-user {
  background: transparent !important;
  border: 1px solid #DDE4F0 !important;
  color: #2C4A6E !important;
  font-size: 11.5px !important;
  padding: 3px 10px !important;
  border-radius: 5px !important;
}
.btn-switch-to-admin:hover, .btn-switch-to-user:hover {
  background: #F0F4FB !important;
  border-color: #2C4A6E !important;
}

/* Language select */
#user-language-select {
  font-size: 11.5px !important;
  color: #2C4A6E !important;
  border-color: #DDE4F0 !important;
  max-width: 110px;
}

/* User menu */
.user-menu {
  color: #2C4A6E !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.user-menu a {
  color: #1D9E75 !important;
  font-size: 11.5px !important;
  text-decoration: none;
}

/* Breadcrumb bar */
nav.breadcrumb {
  background: #F7F9FC !important;
  border-bottom: 1px solid #DDE4F0 !important;
  padding: 0.3rem 1.25rem !important;
}
.breadcrumb__link, .breadcrumb__home { font-size: 11.5px !important; color: #4A6490 !important; }
.breadcrumb__current               { font-size: 11.5px !important; color: #2C4A6E !important; font-weight: 500; }
.breadcrumb__sep                   { color: #9BAFC8 !important; }

/* ── Page header zone ── */
.page-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.page-header__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-navy-700, #2C4A6E);
  margin: 0;
}
.page-header__subtitle {
  font-size: 0.78rem;
  color: var(--color-text-muted, #6B7FA3);
  margin: 0.1rem 0 0;
}
.page-actions { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }

/* ══ Stat value severity modifiers (DAĻA C) ══ */
.stat-value.warn    { color: var(--color-danger, #C0392B); }
.stat-value.caution { color: #E67E22; }

/* ══ Date status helpers ══ */
.date-overdue { color: var(--color-danger, #C0392B); font-weight: 600; }
.date-soon    { color: #E67E22; font-weight: 500; }
.date-ok      { color: var(--color-text-muted, #6B7FA3); }

/* ══ Tabulas (DAĻA C) — kompakts, tīrs izskats ══ */
.table {
  --bs-table-cell-padding-y: 0.3rem !important;
  --bs-table-cell-padding-x: 0.55rem !important;
  font-size: 0.875rem !important;
}
.table thead th {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #6B7FA3 !important;
  border-bottom-width: 1px !important;
  white-space: nowrap !important;
}
.table > tbody > tr:hover { background: #F7F9FC !important; }

/* Stat skaitļi — mapi uz faktiskajām klasēm */
.stat-value,
.stat-number, .dashboard-stat .number,
.kpi-value, .metric-value {
  color: #2C4A6E !important;
  font-weight: 700 !important;
}
.stat-value.warn, .stat-number.text-danger, .kpi-value.text-danger { color: #C0392B !important; }
.stat-value.caution, .stat-number.text-warning, .kpi-value.text-warning { color: #E67E22 !important; }

/* Lapas virsraksti */
h1.page-title, .page-heading h1, .workspace-title, h2.section-title {
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  color: #2C4A6E !important;
}
.page-subtitle, .welcome-text {
  font-size: 0.82rem !important;
  color: #6B7FA3 !important;
}

/* Galvenās darbības pogas — teal/zaļa primārā krāsa */
.btn-primary {
  background-color: #1D9E75 !important;
  border-color: #1D9E75 !important;
  color: #FFFFFF !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #0F6E56 !important;
  border-color: #0F6E56 !important;
}
.btn-outline-primary {
  color: #1D9E75 !important;
  border-color: #1D9E75 !important;
  background: transparent !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background-color: #1D9E75 !important;
  color: #FFFFFF !important;
}

/* Brīdinājuma joslas — saglabāt dzelteno, uzlabot apmali */
.alert-warning {
  background: #FFFBF0 !important;
  border-color: #F0C040 !important;
  color: #856404 !important;
}

/* Footer */
footer.layout-footer, .layout-footer {
  background: #F0F4FB !important;
  border-top: 1px solid #DDE4F0 !important;
  color: #6B7FA3 !important;
  font-size: 11.5px !important;
  padding: 0.5rem 1.25rem !important;
}