/* Završni sloj računovodstva: sve površine slijede korisnikovu aktivnu temu. */
body[data-view="accounting"][data-interface-surface="glass"] {
  --acc-final-panel: var(--uig-bg);
  --acc-final-card: var(--uig-bg-alt);
  --acc-final-inset: rgba(8, 28, 32, .36);
  --acc-final-line: var(--uig-line);
  --acc-final-text: var(--uig-text);
  --acc-final-muted: var(--uig-muted);
  --acc-final-accent: var(--uig-accent);
  --acc-final-blur: blur(7px) saturate(1.08);
}
body[data-view="accounting"][data-interface-surface="themed"] {
  --acc-final-panel: linear-gradient(145deg, var(--uis-card), var(--uis-panel));
  --acc-final-card: var(--uis-card-alt);
  --acc-final-inset: var(--uis-inset);
  --acc-final-line: var(--uis-line);
  --acc-final-text: var(--uis-text);
  --acc-final-muted: var(--uis-muted);
  --acc-final-accent: var(--uis-accent);
  --acc-final-blur: none;
}
body[data-view="accounting"][data-interface-surface] :is(.acc-hero,.acc-chart-panel,.acc-workbench,.acc-directory,.acc-ranking,.acc-travel-overview,.acc-report-panel,.acc-individual) {
  color: var(--acc-final-text) !important;
  border-color: var(--acc-final-line) !important;
  background: var(--acc-final-panel) !important;
  background-image: var(--acc-final-panel) !important;
  backdrop-filter: var(--acc-final-blur) !important;
  -webkit-backdrop-filter: var(--acc-final-blur) !important;
}
body[data-view="accounting"][data-interface-surface] :is(.acc-individual-list,.acc-individual-empty) {
  color: var(--acc-final-text) !important;
  background: transparent !important;
  background-image: none !important;
}
body[data-view="accounting"][data-interface-surface] :is(.acc-individual-list article,.acc-travel-overview article,.acc-kpis article,.acc-travel-card) {
  color: var(--acc-final-text) !important;
  border-color: var(--acc-final-line) !important;
  background: var(--acc-final-card) !important;
  background-image: none !important;
}
body[data-view="accounting"][data-interface-surface] .acc-kpis article {
  background: var(--acc-final-panel) !important;
  background-image: var(--acc-final-panel) !important;
  backdrop-filter: var(--acc-final-blur) !important;
  -webkit-backdrop-filter: var(--acc-final-blur) !important;
}
body[data-view="accounting"][data-interface-surface] :is(.acc-individual,.acc-individual-list,.acc-individual-empty) :is(h3,strong) { color: var(--acc-final-text) !important; }
body[data-view="accounting"][data-interface-surface] :is(.acc-individual,.acc-individual-list,.acc-individual-empty) :is(p,small) { color: var(--acc-final-muted) !important; }

body[data-view="accounting"] .acc-individual > header { align-items: center; padding: 18px 20px; }
body[data-view="accounting"] .acc-individual-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(130px, 1fr));
  gap: 6px;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  background-image: none !important;
}
body[data-view="accounting"] .acc-individual-tabs button {
  position: relative;
  justify-content: flex-start;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid var(--acc-final-line) !important;
  border-radius: 12px;
  color: var(--acc-final-muted) !important;
  background: var(--acc-final-inset) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body[data-view="accounting"] .acc-individual-tabs button b { margin-left: auto; color: inherit; background: color-mix(in srgb, var(--acc-final-accent) 12%, transparent); }
body[data-view="accounting"] .acc-individual-tabs button.is-active {
  color: var(--acc-final-text) !important;
  border-color: color-mix(in srgb, var(--acc-final-accent) 58%, var(--acc-final-line)) !important;
  background: color-mix(in srgb, var(--acc-final-accent) 16%, var(--acc-final-inset)) !important;
  box-shadow: inset 3px 0 0 var(--acc-final-accent), 0 8px 20px rgba(0,0,0,.1);
}
body[data-view="accounting"] .acc-individual-tabs button.is-active svg { color: var(--acc-final-accent) !important; }

body[data-view="accounting"] .accounting-header-tabs { gap: 8px; padding: 6px 0; }
body[data-view="accounting"] .accounting-header-tabs .event-header-tab {
  min-height: 44px;
  border-radius: 12px !important;
  color: var(--acc-final-muted) !important;
  border-color: var(--acc-final-line) !important;
  background: var(--acc-final-inset) !important;
  box-shadow: none !important;
}
body[data-view="accounting"] .accounting-header-tabs .event-header-tab.is-active {
  color: var(--acc-final-text) !important;
  border-color: color-mix(in srgb, var(--acc-final-accent) 58%, var(--acc-final-line)) !important;
  background: color-mix(in srgb, var(--acc-final-accent) 16%, var(--acc-final-inset)) !important;
  box-shadow: inset 0 -3px 0 var(--acc-final-accent) !important;
}

body[data-view="accounting"] [data-acc-panel="checklist"] .acc-travel-overview { margin-top: 14px; }
body[data-view="accounting"] [data-acc-panel="checklist"] > .acc-travel-card { margin-top: 14px; }

@media (max-width: 800px) {
  body[data-view="accounting"] .acc-individual-tabs { grid-template-columns: 1fr 1fr; }
}