/* Roligt Support – app-specifika justeringar ovanpå Tabler */

/* Primärfärg: djup marinblå i stället för Tablers ljusa azur (#066fd1).
   Marinblå (~208°), inte indigo/lila. Överstyr CSS-variablerna → slår igenom
   på knappar, länkar, aktiv meny, bg-primary och dashboardens staplar. */
:root {
  --tblr-primary: #0f3d68;
  --tblr-primary-rgb: 15, 61, 104;
  --tblr-primary-darken: #0a2c4d;      /* knappars hover/active */
  --tblr-primary-lt: #e7edf2;          /* ljus tint (bg-primary-lt) */
  --tblr-primary-lt-rgb: 231, 237, 242;
  --tblr-link-color: #0f3d68;
  --tblr-link-color-rgb: 15, 61, 104;
}

.navbar-brand a { color: inherit; }
.datagrid-content { word-break: break-word; }
.toast-container { max-width: 360px; }

/* Sekundär sektionsmeny – smälter in i sidans bakgrund (ingen egen bar) */
.sub-navbar .btn-list { flex-wrap: wrap; }

/* Bilage-kort (PDF/dokument m.m.) i konversationstråden */
.attachment-card {
  border: 1px solid var(--tblr-border-color, #e6e7e9);
  border-radius: 8px;
  padding: 8px 12px;
  max-width: 320px;
  background: var(--tblr-bg-surface, #fff);
  transition: border-color .15s, background .15s;
}
.attachment-card:hover { border-color: var(--tblr-primary, #0f3d68); background: var(--tblr-primary-lt, #e7edf2); }
.attachment-card .attachment-icon { font-size: 1.5rem; line-height: 1; }
.attachment-card .attachment-dl { font-size: 1.1rem; color: var(--tblr-primary, #0f3d68); }

/* Dashboard – enfärgat stapeldiagram (aktivitet över tid), rena CSS-marker */
.spark { display: flex; align-items: flex-end; gap: 4px; height: 150px; }
.spark-col { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 0; }
.spark-val { font-size: 11px; line-height: 1; margin-bottom: 3px; color: var(--tblr-secondary, #667382); min-height: 12px; }
.spark-bar { width: 100%; max-width: 26px; background: var(--tblr-primary, #206bc4); border-radius: 4px 4px 0 0; transition: opacity .15s; }
.spark-bar:hover { opacity: .78; }
.spark-bar.is-zero { background: var(--tblr-border-color, #e6e7e9); border-radius: 4px; }
.spark-day { font-size: 10px; color: var(--tblr-secondary, #667382); margin-top: 4px; white-space: nowrap; }
/* Segmenterad statusstapel – 2px yt-gap mellan segment */
.statusbar { display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: var(--tblr-border-color, #e6e7e9); }
.statusbar > span { display: block; box-shadow: 2px 0 0 0 var(--tblr-card-bg, #fff); }
.statusbar > span:last-child { box-shadow: none; }
/* Mini-bar per tjänst (magnitud, enfärgad) */
.svc-bar { height: 6px; border-radius: 3px; background: var(--tblr-primary, #206bc4); min-width: 2px; }