/* ==========================================================================
   AKTIVNI LAGER (v1.66.0) — src/frontend/aktivni-lager/aktivni-lager.css
   Popis #/aktivni-lager i detalj #/aktivni-lager/<id> (aktivni-lager.mjs). Komponente (zaglavlje, KPI, tabovi,
   pilule, obavijesti, prazno, skeleti, tablica .data-table.is-stack) dolaze iz dizajn sustava; ovdje samo raspored
   (.akl-*) i boje grafova. Boje SAMO tokeni (nijedan hex/rgb, nijedan vlastiti token na :root / html.icare) — iCare
   (tamni prikaz) radi sam od sebe. Tuđi oglasi neutralno (--ink-3), pojas meko --viz-1, naš auto --viz-2.
   Raspored po širini SADRŽAJA (container "akl"), ne prozora: izbornik gura sadržaj.
   ========================================================================== */

/* page-stack / content-card su grid: stupac ne smije rasti s nowrap sadržajem (naslovi u retcima) */
.akl { container: akl / inline-size; grid-template-columns: minmax(0, 1fr); }
.akl .is-muted { color: var(--ink-3); font-weight: 500; }

/* --- uvod, svježina, "Kako se računa" ------------------------------------------------------------- */
.akl-intro { display: grid; gap: 4px; margin-top: -6px; }
.akl-lead { margin: 0; color: var(--ink-2); font-size: 13.5px; line-height: 1.45; }
.akl-fresh { margin: 0; color: var(--ink-3); font-size: var(--fs-meta); line-height: 1.4; }
.akl-fresh.is-warn { color: var(--warn); font-weight: 560; }
.akl-how { margin-top: 2px; }
.akl-how > summary {
  display: inline-flex; align-items: center; gap: 6px; width: fit-content; cursor: pointer; list-style: none;
  color: var(--brand-strong); font-size: var(--fs-meta); font-weight: 560;
}
.akl-how > summary::-webkit-details-marker { display: none; }
.akl-how > summary::after { content: "▾"; font-size: 11px; transition: transform var(--dur-fast) ease; }
.akl-how[open] > summary::after { transform: rotate(180deg); }
.akl-how > summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: var(--radius-xs); }
.akl-how-body {
  display: grid; gap: 10px; max-width: 900px; margin-top: 8px; padding: 14px 16px;
  border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-xs);
}
.akl-how-body ul { display: grid; gap: 5px; margin: 0; padding-left: 18px; color: var(--ink-2); font-size: 13px; line-height: 1.45; }
.akl-how-body b { color: var(--ink); font-weight: 600; }
.akl-how-table { justify-self: start; width: auto; min-width: min(420px, 100%); border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.akl-how-table caption { padding-bottom: 4px; color: var(--ink-3); font-size: 12px; font-weight: 600; text-align: left; }
.akl-how-table th, .akl-how-table td { padding: 4px 10px 4px 0; border-bottom: 1px solid var(--line); color: var(--ink-2); text-align: left; font-weight: 500; }
.akl-how-table thead th { color: var(--ink-3); font-size: 11.5px; font-weight: 600; }
.akl-how-table .num { text-align: right; }
.akl-how-note { margin: 0; color: var(--ink-3); font-size: 12px; }

/* --- KPI (6 pločica; klik = tab) ---------------------------------------------------------------------- */
.akl .akl-kpis.metric-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }   /* 6 pločica: 3 × 2 ili 6 u redu, nikad 5 + 1 */
@container akl (min-width: 900px) { .akl .akl-kpis.metric-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
/* uski sadržaj i mobitel: 3 × 2 male pločice (brojevi su prečaci na tabove — popis mora ostati u vidu) */
@container akl (max-width: 559px) {
  .akl .akl-kpis.metric-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .akl .akl-kpis .ui-kpi { padding: 8px 10px; gap: 2px; }
  .akl .akl-kpis .ui-kpi-label { font-size: 11.5px; line-height: 1.25; }
  .akl .akl-kpis .ui-kpi-value { font-size: 19px; }
  .akl .akl-kpis .ui-kpi-unit { display: none; }
}

/* --- popis ------------------------------------------------------------------------------------------- */
.akl-list-card { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0; overflow: hidden; }
.akl-toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 16px; padding: 4px 16px 0; box-shadow: inset 0 -1px 0 var(--line); }
.akl-toolbar > .ui-tabs { flex: 1 1 520px; min-width: 0; box-shadow: none; }
.akl-search { flex: 0 1 240px; min-width: 160px; margin-bottom: 6px; }
.akl-list { container: akllist / inline-size; }
.akl-rows { list-style: none; margin: 0; padding: 0; }
.akl-rows > li + li > .akl-row { border-top: 1px solid var(--line); }
.akl-list > .empty-state { margin: 16px; }

.akl-row {
  display: grid; align-items: center; gap: 4px 16px; padding: 10px 16px; color: inherit; text-decoration: none;
  grid-template-columns: 88px minmax(0, 1fr) 128px 160px 190px;
  grid-template-areas: "thumb main price band status";
}
.akl-row:hover { background: var(--surface-soft); text-decoration: none; }
.akl-row:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.akl-thumb {
  grid-area: thumb; display: grid; place-items: center; width: 88px; height: 66px; overflow: hidden;
  border-radius: var(--radius); background: var(--surface-soft); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-4);
}
.akl-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.akl-row-main { grid-area: main; display: grid; gap: 2px; min-width: 0; }
.akl-row-title { overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.akl-row-specs, .akl-row-days { overflow: hidden; color: var(--ink-3); font-size: 12.5px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.akl-row-days { color: var(--ink-2); font-variant-numeric: tabular-nums; }
.akl-sep { margin: 0 6px; color: var(--ink-4); }
.akl-row-price { grid-area: price; display: grid; gap: 2px; justify-items: end; text-align: right; }
.akl-row-price b { color: var(--ink); font-size: 14.5px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.akl-sugg { color: var(--ink-2); font-size: 12px; font-weight: 560; white-space: nowrap; }
.akl-sugg.is-floor { color: var(--warn); }
.akl-row-band { grid-area: band; display: grid; gap: 2px; justify-items: start; }
.akl-pos { display: inline-flex; align-items: baseline; gap: 6px; color: var(--ink-2); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.akl-pos b { color: var(--ink); font-weight: 650; }
.akl-pos-err { color: var(--ink-3); }
.akl-row-status { grid-area: status; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 8px; text-align: right; }
.akl-row-note { color: var(--ink-3); font-size: 12px; }

/* mini pojas */
.akl-mb { display: block; width: 132px; height: 24px; overflow: visible; }
.akl-mb-range { stroke: var(--viz-axis); stroke-width: 2; stroke-linecap: round; }
.akl-mb-box { fill: color-mix(in srgb, var(--viz-1) 22%, var(--surface)); stroke: color-mix(in srgb, var(--viz-1) 55%, var(--surface)); stroke-width: 1; }
.akl-mb-mid { stroke: var(--ink-2); stroke-width: 2; stroke-linecap: round; }
.akl-mb-ours { fill: var(--viz-2); stroke: var(--surface); stroke-width: 1.5; stroke-linejoin: round; }
.akl-mb.is-weak .akl-mb-box { fill: var(--surface-soft); stroke: var(--line-strong); }
.akl-mb.is-weak .akl-mb-mid { stroke: var(--ink-4); }

/* uži popis (uz prikvačen izbornik, tablet, mobitel): bez stupca pojasa u retku — pojas ide ispod */
@container akllist (max-width: 899px) {
  .akl-row { grid-template-columns: 80px minmax(0, 1fr) auto; grid-template-areas: "thumb main price" "thumb band status"; gap: 4px 12px; }
  .akl-thumb { width: 80px; height: 60px; }
  .akl-row-band { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
  .akl-row-status { justify-content: flex-end; }
}
/* telefon: naslov i podaci preko cijele širine uz sličicu; ispod pojas + pozicija i status lijevo, cijena desno */
@container akllist (max-width: 520px) {
  .akl-row {
    grid-template-columns: 72px minmax(0, 1fr) auto; padding: 10px 12px; gap: 6px 10px;
    grid-template-areas: "thumb main main" "band band price" "status status price";
  }
  .akl-thumb { width: 72px; height: 54px; align-self: start; }
  .akl-row-title { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .akl-row-specs { white-space: normal; }
  .akl-row-days { white-space: normal; }
  .akl-mb { width: 104px; height: 19px; }
  .akl-row-price { align-self: center; }
  .akl-row-status { justify-content: flex-start; text-align: left; }
}

/* mobilni prikaz: tražilica preko cijele širine, tabovi se listaju */
.mobile-shell .akl-toolbar { padding: 0 12px; }
.mobile-shell .akl-search { flex: 1 1 100%; order: -1; margin: 10px 0 2px; }
.mobile-shell .akl-intro { margin-top: 0; }

/* --- detalj --------------------------------------------------------------------------------------------- */
.akl-card {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-content: start; min-width: 0; padding: 14px 16px 16px;
  border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-xs);
}
.akl-card-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--ink); font-size: var(--fs-h2); font-weight: 620; line-height: 1.3; }
.akl-card-meta { color: var(--ink-3); font-size: 12.5px; font-weight: 500; }
.akl-card-sub { margin: 0; color: var(--ink-3); font-size: 12.5px; line-height: 1.45; }
.akl-detail .page-header .status-pill { margin-left: 4px; }

.akl-hero { grid-template-columns: 200px minmax(0, 1fr); gap: 16px; align-items: start; }
.akl-hero-thumb {
  display: grid; place-items: center; width: 200px; aspect-ratio: 4 / 3; overflow: hidden;
  border-radius: var(--radius); background: var(--surface-soft); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-4);
}
.akl-hero-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.akl-hero-thumb > svg { width: 32px; height: 32px; }
.akl-hero-main { display: grid; gap: 6px; min-width: 0; }
.akl-hero-main p { margin: 0; }
.akl-hero-specs { color: var(--ink-2); font-size: 13.5px; }
.akl-hero-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; color: var(--ink); font-size: 24px; font-weight: 680; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.akl-hero-pos { color: var(--ink-2); font-size: 13px; font-weight: 560; letter-spacing: 0; }
.akl-hero-facts { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; color: var(--ink-2); font-size: 13px; }
.akl-hero-facts b { color: var(--ink); font-weight: 600; }
.akl-hero-facts small { margin-left: 8px; color: var(--ink-3); font-size: 12px; }
.akl-hero-links { display: flex; flex-wrap: wrap; align-items: center; font-size: 13px; font-weight: 560; }
.akl-hero-links a { color: var(--brand-strong); }
@container akl (max-width: 559px) {
  .akl-hero { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; }
  .akl-hero-thumb { width: 112px; }
  .akl-hero-price { font-size: 20px; }
  .akl-hero-facts small { display: block; margin-left: 0; }
}

.akl-grid { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); align-items: start; }
.akl-col { display: grid; gap: 16px; min-width: 0; }
@container akl (min-width: 960px) {
  .akl-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
}

/* stanje */
.akl-status-msg { margin: 0; color: var(--ink); font-size: 14px; font-weight: 560; line-height: 1.45; }
.akl-reasons { display: grid; gap: 3px; margin: 0; padding-left: 18px; color: var(--ink-2); font-size: 13px; line-height: 1.45; }
.akl-facts { display: grid; gap: 6px; margin: 2px 0 0; padding-top: 10px; border-top: 1px solid var(--line); }
.akl-facts > div { display: grid; grid-template-columns: minmax(130px, 34%) minmax(0, 1fr); gap: 10px; font-size: 13px; line-height: 1.4; }
.akl-facts dt { color: var(--ink-3); }
.akl-facts dd { margin: 0; color: var(--ink-2); font-variant-numeric: tabular-nums; }
@container akl (max-width: 559px) { .akl-facts > div { grid-template-columns: minmax(0, 1fr); gap: 0; } }

/* cijena: izbor + gumbi */
.akl-opts { display: grid; gap: 6px; }
.akl-opt {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px;
  min-height: 48px; padding: 8px 12px; border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--surface); cursor: pointer;
}
.akl-opt:hover { border-color: var(--line-hover); }
.akl-opt.is-on { border-color: var(--brand); background: var(--brand-soft); box-shadow: 0 0 0 1px var(--brand) inset; }
.akl-opt:focus-within { outline: 2px solid var(--brand-ring); outline-offset: 1px; }
.akl-opt > input[type="radio"] { width: 16px; height: 16px; margin: 0; accent-color: var(--brand); }
.akl-opt-text { display: grid; gap: 1px; min-width: 0; }
.akl-opt-label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--ink); font-size: 13.5px; font-weight: 600; }
.akl-opt-text small { color: var(--ink-3); font-size: 12px; }
.akl-opt-price { display: grid; justify-items: end; color: var(--ink); font-size: 14.5px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.akl-opt-floor { color: var(--warn); font-size: 11.5px; font-weight: 600; }
.akl-opt.is-floor .akl-opt-price { color: var(--warn); }
.akl-opt-input { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-3); font-weight: 600; }
.akl-opt-input input { width: 120px; text-align: right; font-variant-numeric: tabular-nums; }
.akl-floor { margin: 0; color: var(--ink-2); font-size: 13px; }
.akl-floor b { color: var(--ink); font-variant-numeric: tabular-nums; }
.akl-floor-warn { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; color: var(--warn); font-size: 12.5px; font-weight: 560; }
.akl-floor-warn svg { width: 12px; height: 12px; }
.akl-pick-note { margin: 0; color: var(--ink-2); font-size: 13px; font-variant-numeric: tabular-nums; }
.akl-pick-note b { color: var(--ink); }
.akl-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@container akl (max-width: 559px) {
  .akl-opt-input input { width: 96px; }
  .akl-actions > button { flex: 1 1 100%; min-height: 44px; }
}

/* graf svedenih cijena (jedna os; x u postocima) */
.akl-sc-wrap { display: grid; gap: 6px; margin: 0; }
.akl-sc { display: block; overflow: visible; }
.akl-sc-band { fill: color-mix(in srgb, var(--viz-1) 14%, var(--surface)); stroke: color-mix(in srgb, var(--viz-1) 45%, var(--surface)); stroke-width: 1; }
.akl-sc-mid { stroke: var(--ink-2); stroke-width: 1.5; stroke-dasharray: 4 3; }
.akl-sc-axis { stroke: var(--viz-axis); stroke-width: 1; }
.akl-sc-tick { stroke: var(--viz-axis); stroke-width: 1; }
/* oznake grafa s "aureolom" boje kartice — čitljive i kad prelaze crtu sredine ili rub pojasa */
.akl-sc-lbl { fill: var(--ink-3); font-size: 11.5px; font-weight: 560; font-variant-numeric: tabular-nums; paint-order: stroke; stroke: var(--surface); stroke-width: 4px; stroke-linejoin: round; }
.akl-sc-lbl--mid { fill: var(--ink-2); font-weight: 600; }
.akl-sc-lbl--ours { fill: var(--ink); font-size: 12px; font-weight: 650; }
.akl-sc-hit { fill: transparent; }
.akl-sc-pt { cursor: default; outline: none; }
.akl-sc-dot { fill: var(--ink-3); stroke: var(--surface); stroke-width: 2; }
.akl-sc-pt.is-sold .akl-sc-dot, .akl-sc-dot.is-sold-mark { fill: var(--surface); stroke: var(--ink-3); stroke-width: 2; }
.akl-sc-pt.is-outlier .akl-sc-dot, .akl-sc-dot.is-outlier-mark { fill: var(--ink-4); opacity: 0.55; }
.akl-sc-pt.is-sold.is-outlier .akl-sc-dot { fill: var(--surface); stroke: var(--ink-4); }
.akl-sc-dot.is-active-mark { fill: var(--ink-3); stroke: none; }
.akl-sc-x path, svg.akl-sc-x path { stroke: var(--danger); stroke-width: 2; stroke-linecap: round; fill: none; }
.akl-sc-ours path { fill: var(--viz-2); stroke: var(--surface); stroke-width: 2; stroke-linejoin: round; }
.akl-sc-ours-guide { stroke: var(--viz-2); stroke-width: 1.5; stroke-dasharray: 2 3; opacity: 0.8; }
.akl-sc-pt:hover .akl-sc-dot, .akl-sc-pt:focus-visible .akl-sc-dot, .akl-sc-pt.is-tip-active .akl-sc-dot { stroke: var(--ink); }
.akl-sc-pt:focus-visible .akl-sc-hit { stroke: var(--brand); stroke-width: 2; }
.akl-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; color: var(--ink-3); font-size: 12px; }
.akl-legend li { display: inline-flex; align-items: center; gap: 6px; }
.akl-lg { flex: 0 0 auto; overflow: visible; }
.akl-lg-band { display: inline-block; width: 16px; height: 10px; border: 1px solid color-mix(in srgb, var(--viz-1) 45%, var(--surface)); border-radius: 2px; background: color-mix(in srgb, var(--viz-1) 14%, var(--surface)); }
.akl-lg-line { display: inline-block; width: 16px; height: 0; border-top: 2px solid var(--viz-2); }
.akl-lg-line.is-mid { border-top: 2px dashed var(--ink-3); }

/* usporedivi */
.akl-comps-wrap { margin: 0 -16px -16px; border-top: 1px solid var(--line); }
.akl-comps-table td { vertical-align: top; }
.akl-comps-table td.akl-comp-meta { white-space: nowrap; }
/* tablica u užoj kartici (uz prikvačen izbornik, ~1000 px prozora): bez stupca gorivo / mjenjač (ostaje u oblačiću grafa) */
@container uistack (min-width: 521px) and (max-width: 1040px) { .akl-comps-table .akl-col-fuel { display: none; } }
.akl-comps-table td[data-cell="title"] { min-width: 170px; }
.akl-comp-seller { color: var(--ink); font-weight: 600; }
/* naslov tuđeg oglasa: jedan redak "…" — širinu ograničava blok (max-width na ćeliji tablice ne vrijedi) */
.akl-comp-title { display: block; max-width: clamp(160px, 24cqi, 300px); overflow: hidden; color: var(--ink-3); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.akl-tags { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: 6px; vertical-align: 1px; }
.akl-tag {
  display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border: 1px solid var(--line-strong);
  border-radius: var(--radius-pill); color: var(--ink-2); font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap;
}
.akl-tag.is-soft { border-color: var(--line); color: var(--ink-3); }
.akl-tag.is-pdv { border-color: var(--brand-line); background: var(--brand-soft); color: var(--brand-strong); }
.akl-adj b { color: var(--ink); font-weight: 650; }
.akl-comp-status { white-space: nowrap; }
.akl-comp-status.is-sold { color: var(--ink-3); }
.akl-comp-link a { color: var(--brand-strong); font-weight: 600; text-decoration: none; }
.akl-exclude { width: auto; min-width: 104px; max-width: 150px; height: 30px; min-height: 30px; padding-block: 0; font-size: 12.5px; }
.akl-comps-table tr.is-excluded td { color: var(--ink-3); }
.akl-comps-table tr.is-excluded .akl-comp-seller, .akl-comps-table tr.is-excluded .akl-adj b { color: var(--ink-3); text-decoration: line-through; text-decoration-thickness: 1px; }
.akl-excl-note { display: block; color: var(--danger); font-size: 12px; font-weight: 560; }
/* složena tablica (kartica po oglasu; uski panel i mobitel — ui.css "uistack" < 520 px): prodavač | svedena,
   godište · km | status, gorivo, cijena | dana, ↗ | Isključi… — 5 redaka umjesto 7. Selektori su jači od pravila
   .mobile-shell .data-table.is-stack … u ui.css (ista specifičnost, ova datoteka se učitava kasnije). */
@container uistack (max-width: 520px) {
  .akl-comps-wrap .data-table.akl-comps-table td[data-cell="title"] { min-width: 0; }
  .akl-comps-wrap .akl-comp-title { max-width: none; }
  .akl-comps-wrap .data-table.akl-comps-table td.akl-comp-price { grid-column: 1; text-align: left; }
  .akl-comps-wrap .data-table.akl-comps-table td.akl-comp-days { grid-column: 2; justify-self: end; text-align: right; }
  .akl-comps-wrap .data-table.akl-comps-table td.akl-comp-link { grid-column: 1; justify-self: start; align-self: center; font-size: 14px; }
  .akl-comps-wrap .data-table.akl-comps-table td.row-action { grid-column: 2; margin-top: 2px; }
}

/* povijest */
.akl-hist-wrap { display: grid; gap: 4px; margin: 0; }
.akl-hist { display: block; }
.akl-hist-band { fill: color-mix(in srgb, var(--viz-1) 12%, var(--surface)); }
.akl-hist-mid { fill: none; stroke: var(--ink-3); stroke-width: 2; stroke-dasharray: 5 4; }
.akl-hist-ours { fill: none; stroke: var(--viz-2); stroke-width: 2; stroke-linejoin: round; }
.akl-hist-hit { fill: transparent; outline: none; }
.akl-hist-hit:hover, .akl-hist-hit:focus-visible, .akl-hist-hit.is-tip-active { fill: color-mix(in srgb, var(--ink) 6%, transparent); }
.akl-hist-axis { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; color: var(--ink-3); font-size: 12px; font-variant-numeric: tabular-nums; }
.akl-decisions { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.akl-decisions li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; }
.akl-decisions li:first-child { border-top: 0; }
.akl-decisions b { color: var(--ink); font-weight: 600; }
.akl-decisions span { color: var(--ink-2); font-variant-numeric: tabular-nums; }
.akl-decisions small { margin-left: auto; color: var(--ink-3); font-size: 12px; }
.akl-history .ui-overline { margin-top: 4px; }

/* dijalog "Postavi cijenu": posljedice kao popis (appConfirm({ bullets })) */
.confirm-copy .confirm-bullets { display: grid; gap: 4px; margin: 4px 0 0; padding-left: 18px; color: var(--ink-2); font-size: 13px; line-height: 1.45; }

@media (prefers-reduced-motion: reduce) {
  .akl-how > summary::after { transition: none; }
}