/* =====================================================================
   /pitaj-pravnu/{id} (AskPravna/Detail) - izvestaj, konzola, nit
   dodatnih pitanja, kompozer. Ranije inline u dva <style> bloka.
   Pico/avatar gradient+senka preko STAMP tokena (--g/--e-brand-square).
   ===================================================================== */

/* Zajednička panel-ikonica — isti gradient rounded-square kao avatar u „Tok rada" (sva 3 panela). */
.ri-pico { flex:0 0 auto; width:38px; height:38px; border-radius:11px; display:grid; place-items:center; color:var(--p-white); background:var(--g-brand-square); box-shadow:var(--e-brand-square); }
.ri-brief { display:flex; gap:.85rem; align-items:flex-start; margin:1rem 0 1.15rem; padding:1rem 1.15rem; border:1px solid var(--c-border-hairline,var(--c-border-subtle)); border-radius:14px; background:var(--p-white); box-shadow:0 1px 2px rgba(15,23,42,.04); }
.ri-brief__body { min-width:0; }
.ri-brief__label { font-size:var(--fs-2xs); text-transform:uppercase; letter-spacing:.06em; color:var(--c-text-secondary); font-weight:700; }
.ri-brief__text { margin-top:.2rem; line-height:1.6; color:var(--c-text-primary); white-space:pre-wrap; }

.ri-banner { margin-bottom:1.1rem; padding:.8rem 1.1rem; border-radius:12px; font-size:var(--fs-base); }
.ri-banner--danger { border:1px solid var(--c-danger-line); background:var(--c-danger-soft); color:var(--c-danger-deep); }
.ri-banner--muted { border:1px solid var(--c-border-subtle); background:var(--p-app-surface-2); color:var(--p-slate-500); }

/* Akcioni dugmići u headeru — primarni „Kreiraj…" CTA ima ograničenu širinu;
   dug naziv se skraćuje sa „…" umesto da razvuče ceo red (desktop). */
.ri-head-actions .pb-cta-pill:not(.pb-cta-pill--ghost) { max-width: 360px; }
.ri-head-actions .pb-cta-pill:not(.pb-cta-pill--ghost) .ri-head-actions__lab {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Konzola ===== */
.ri-console { border:1px solid var(--c-border-hairline,var(--c-border-subtle)); border-radius:18px; background:var(--p-white); box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 28px rgba(15,23,42,.05); overflow:hidden; margin-bottom:1rem; }
.ri-console__bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1.15rem; border-bottom:1px solid var(--c-border-faint); background:linear-gradient(180deg,var(--c-surface-card-tint),var(--p-white)); flex-wrap:wrap; }
.ri-agent { display:flex; align-items:center; gap:.7rem; }
.ri-agent__avatar { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; color:var(--p-white); background:var(--g-brand-square); box-shadow:var(--e-brand-square); flex:0 0 auto; }
.ri-agent__avatar svg { width:19px; height:19px; } /* uskladi sa .ri-pico (Pitanje/Odgovor) */
.ri-agent__name { font-weight:700; font-size:var(--fs-base); color:var(--c-text-primary); }
/* „Pravna.rs" brend wordmark — ista logika kao sidebar logo (.rs plava + plava crtica ispod). */
.ri-agent__brand { font-weight:800; font-size:var(--fs-md); letter-spacing:-.02em; color:var(--p-app-ink-2); padding-bottom:1px;
    background-image:linear-gradient(90deg,var(--c-brand),rgba(37,99,235,.25) 70%,rgba(37,99,235,0)); background-repeat:no-repeat; background-position:0 100%; background-size:100% 1.5px; }
.ri-agent__brand .rs { color:var(--c-brand); }
.ri-agent__sub { font-size:var(--fs-xs); color:var(--c-text-secondary); margin-top:1px; }

.ri-meta { display:flex; align-items:center; gap:.9rem; flex-wrap:wrap; }
.ri-status { display:inline-flex; align-items:center; gap:.4rem; font-size:var(--fs-xs); font-weight:600; padding:.28rem .6rem; border-radius:999px; }
.ri-status--running, .ri-status--pending { color:var(--c-brand-strong); background:var(--c-brand-surface); }
.ri-status--waitingforuser { color:var(--c-accent-violet); background:var(--c-accent-violet-tint-1); }
.ri-status--completed { color:var(--c-success-strong); background:var(--c-success-soft); }
.ri-status--failed { color:var(--c-danger-strong); background:var(--c-danger-soft); }
.ri-status--cancelled { color:var(--p-slate-500); background:var(--p-app-surface-3); }
/* Animirana tačka = STAMP @keyframes pb-pulse (klasa .pb-pulse-dot u markup-u; ovde
   samo dimenzije/boja jer je .ri-status__dot uz boju statusa). */
.ri-status__dot { width:7px; height:7px; border-radius:50%; background:currentColor; animation:pb-pulse 1.2s infinite; }
.ri-metric { display:inline-flex; align-items:center; gap:.3rem; font-size:var(--fs-sm); color:var(--p-slate-500); font-variant-numeric:tabular-nums; }
.ri-metric svg { opacity:.6; }

/* ===== Kolaps (završeno istraživanje) ===== */
.ri-console__toggle { display:flex; align-items:center; gap:.4rem; width:100%; padding:.6rem 1.2rem; border:0; border-top:1px solid var(--c-border-faint); background:var(--c-surface-card-tint); color:var(--c-text-secondary); font:inherit; font-size:var(--fs-sm); font-weight:600; cursor:pointer; transition:background .12s,color .12s; }
.ri-console__toggle:hover { background:var(--c-surface-page-soft); color:var(--c-brand); }
.ri-console__chev { transition:transform .18s ease; }
.ri-console.is-collapsed #riStream { display:none; }
.ri-console:not(.is-collapsed) .ri-console__chev { transform:rotate(180deg); }
.ri-console:not(.is-collapsed) .ri-console__toggle-lab::after { content:""; }

/* ===== Sinteza progress (umesto striming-a teksta) ===== */
.ri-synth { display:flex; flex-direction:column; gap:.55rem; padding:1rem 1.2rem 1.15rem; border-top:1px solid var(--c-border-faint); }
.ri-synth__row { display:flex; align-items:center; gap:.55rem; color:var(--c-brand-deep); font-weight:600; font-size:var(--fs-base); }
/* Mini ring-spinner = STAMP @keyframes pb-spin-rot (deli ga .pb-spin). */
.ri-synth__spin { width:15px; height:15px; border-radius:50%; border:2px solid var(--c-focus-ring); border-top-color:var(--c-brand); animation:pb-spin-rot .7s linear infinite; flex:0 0 auto; }
.ri-synth__track { height:7px; border-radius:999px; background:var(--c-border-faint); overflow:hidden; }
.ri-synth__bar { height:100%; width:6%; border-radius:999px; background:linear-gradient(90deg,var(--c-brand),var(--c-brand-soft)); transition:width .6s cubic-bezier(.4,0,.2,1); }
.ri-synth__hint { font-size:var(--fs-xs); color:var(--c-text-subtle); }

/* ===== Stream ===== */
.ri-stream { list-style:none; margin:0; padding:.4rem 0; }
.ri-entry { position:relative; display:flex; gap:.85rem; padding:.6rem 1.2rem; animation:ri-in .28s ease; }
@keyframes ri-in { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }
.ri-entry__rail { flex:0 0 16px; position:relative; }
/* Live checklist: završen korak = kvačica; aktivan = spinner (override stanja je posle per-kind boja). */
.ri-entry__rail::before { content:"✓"; position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--fs-2xs); font-weight:700; line-height:1; color:var(--c-success); background:var(--c-success-soft); }
.ri-entry__rail::after { content:""; position:absolute; left:7.5px; top:20px; bottom:-10px; width:1px; background:var(--c-border-faint); }
.ri-entry:last-child .ri-entry__rail::after { display:none; }
.ri-entry__kind { font-size:var(--fs-2xs); text-transform:uppercase; letter-spacing:.05em; color:var(--c-text-subtle); font-weight:700; margin-bottom:.15rem; }
.ri-entry__body { line-height:1.62; color:var(--p-slate-600); font-size:var(--fs-base); white-space:pre-wrap; word-break:break-word; }

/* tipovi koraka */
.ri-entry--reason .ri-entry__rail::before { background:var(--c-brand); }
.ri-entry--reason .ri-entry__body { color:var(--p-app-ink-2); font-size:var(--fs-base); }
.ri-entry--tool .ri-entry__body { color:var(--c-text-secondary); font-size:var(--fs-base); }
.ri-entry--tool .ri-entry__rail::before { background:var(--c-accent-sky); }
.ri-entry--guidance .ri-entry__rail::before { background:var(--c-state-warn); }
.ri-entry--guidance .ri-entry__body { color:var(--c-state-warn-strong); font-weight:500; }
.ri-entry--ask_user .ri-entry__rail::before { background:var(--c-accent-violet); }
.ri-entry--answer .ri-entry__rail::before { background:var(--c-state-warn); }
.ri-entry--finish .ri-entry__rail::before { background:var(--c-success); }
.ri-entry--finish .ri-entry__body { color:var(--c-success-strong); font-weight:600; }
.ri-entry--finding .ri-entry__rail::before { background:var(--c-success); }
.ri-entry--finding .ri-entry__body { color:var(--c-success-strong); }
.ri-entry--verify .ri-entry__rail::before { background:var(--c-accent-violet); }
.ri-entry--verify .ri-entry__body { color:var(--c-accent-violet-strong); }
.ri-entry--scope .ri-entry__rail::before { background:var(--c-accent-sky); }
.ri-entry--scope .ri-entry__body { color:var(--c-text-secondary); }
.ri-entry--plan .ri-entry__rail::before { background:var(--c-brand); }
.ri-entry--plan .ri-entry__body { color:var(--p-app-ink-2); font-weight:500; }
.ri-entry--triage .ri-entry__rail::before { background:var(--c-accent-sky); }
.ri-entry--triage .ri-entry__body { color:var(--c-accent-sky-strong); }
.ri-entry--select .ri-entry__rail::before { background:var(--c-accent-violet); }
.ri-entry--select .ri-entry__body { color:var(--c-accent-violet-strong); font-weight:500; }
.ri-entry--cancelled .ri-entry__body { color:var(--c-danger-strong); font-weight:600; }
.ri-entry--subpath { padding-top:.2rem; padding-bottom:.2rem; }
.ri-entry--subpath .ri-entry__rail::before { width:5px; height:5px; background:var(--c-text-faint); }
.ri-entry--subpath .ri-entry__kind { opacity:.4; }
.ri-entry--subpath .ri-entry__body { color:var(--c-text-subtle); font-size:var(--fs-sm); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }

/* === Live checklist — stanja koraka (posle per-kind boja, da pobede po izvoru) === */
/* DONE (svi osim aktivnog): uniformna kvačica + stišan tekst. */
.ri-stream .ri-entry__rail::before { content:"✓"; background:var(--c-success-soft); color:var(--c-success); border:0; }
.ri-stream .ri-entry__body { color:var(--c-text-secondary); transition:color .3s ease; }
.ri-stream .ri-entry__kind { transition:color .3s ease; }
/* ACTIVE (poslednji korak dok traje): spinner + istaknut tekst. */
.ri-entry.is-active .ri-entry__rail::before { content:""; background:transparent; color:transparent; border:2px solid var(--c-focus-ring); border-top-color:var(--c-brand); width:14px; height:14px; left:1px; top:4px; animation:pb-spin-rot .7s linear infinite; }
.ri-entry.is-active .ri-entry__body { color:var(--c-text-primary); }
.ri-entry.is-active .ri-entry__kind { color:var(--c-brand); }
/* Sub-putanja ostaje sitna tačka (bez kvačice). */
.ri-stream .ri-entry--subpath .ri-entry__rail::before { content:""; width:5px; height:5px; left:5.5px; top:7px; background:var(--c-text-faint); }
/* Prekid na zahtev korisnika: X umesto kvačice (posle uniformne DONE kvačice, da pobedi). */
.ri-stream .ri-entry--cancelled .ri-entry__rail::before { content:"✕"; background:var(--c-danger-soft); color:var(--c-danger); }

.ri-working { display:flex; align-items:center; gap:.6rem; padding:.75rem 1.2rem; color:var(--c-brand); font-weight:600; font-size:var(--fs-base); border-top:1px solid var(--c-border-faint); flex-wrap:wrap; }
.ri-working__pulse { width:9px; height:9px; border-radius:50%; background:var(--c-brand); animation:ri-ping 1.5s infinite; flex:0 0 auto; }
@keyframes ri-ping { 0%{box-shadow:0 0 0 0 rgba(37,99,235,.45)} 70%{box-shadow:0 0 0 11px rgba(37,99,235,0)} 100%{box-shadow:0 0 0 0 rgba(37,99,235,0)} }
.ri-working__hint { color:var(--c-text-subtle); font-weight:400; font-size:var(--fs-sm); }
.ri-cursor::after { content:"▋"; color:var(--c-brand); animation:ri-blink 1s steps(2) infinite; margin-left:1px; }
@keyframes ri-blink { 0%,100%{opacity:1} 50%{opacity:0} }

/* ===== Odluka ===== */
.ri-decision { margin-bottom:1.1rem; padding:1.15rem 1.3rem; border:1px solid var(--c-brand-200); border-radius:16px; background:linear-gradient(180deg,var(--c-surface-page-soft),var(--p-white)); box-shadow:0 6px 22px rgba(37,99,235,.08); }
.ri-decision__kicker { display:inline-flex; align-items:center; gap:.45rem; font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em; color:var(--c-accent-indigo-strong); font-weight:700; }
.ri-decision__q { margin:.55rem 0 .95rem; font-weight:600; font-size:var(--fs-lg); line-height:1.45; color:var(--c-text-primary); }
.ri-decision__opts { display:flex; flex-direction:column; gap:.5rem; }
.ri-opt { display:flex; align-items:flex-start; gap:.65rem; padding:.7rem .85rem; border:1px solid var(--c-brand-100); border-radius:11px; cursor:pointer; background:var(--p-white); transition:border-color .12s, box-shadow .12s; }
.ri-opt:hover { border-color:var(--c-accent-indigo); box-shadow:0 1px 6px rgba(99,102,241,.12); }
.ri-opt input { position:absolute; opacity:0; }
.ri-opt__mark { flex:0 0 auto; width:17px; height:17px; border-radius:50%; border:2px solid var(--c-text-faint); margin-top:.15rem; position:relative; transition:border-color .12s; }
.ri-opt input:checked + .ri-opt__mark { border-color:var(--c-brand); }
.ri-opt input:checked + .ri-opt__mark::after { content:""; position:absolute; inset:3px; border-radius:50%; background:var(--c-brand); }
.ri-decision__other { margin:.9rem 0; }
.ri-decision__other label { font-size:var(--fs-sm); color:var(--c-text-secondary); }
.ri-decision__other textarea { width:100%; margin-top:.3rem; padding:.6rem .8rem; border:1px solid var(--c-brand-100); border-radius:11px; resize:vertical; font:inherit; }

/* ===== Kontrole ===== */
.ri-control { position:sticky; bottom:14px; display:flex; gap:.6rem; align-items:center; padding:.6rem .6rem .6rem .9rem; margin-top:.4rem; background:rgba(255,255,255,.86); backdrop-filter:saturate(1.4) blur(8px); border:1px solid var(--c-border-subtle); border-radius:14px; box-shadow:0 8px 30px rgba(15,23,42,.1); }
.ri-control__note { flex:1; font-size:var(--fs-sm); color:var(--c-text-secondary); }
.ri-stop { display:inline-flex; align-items:center; gap:.4rem; padding:.55rem .85rem; border:1px solid var(--c-danger-line); background:var(--p-white); color:var(--c-danger-strong); border-radius:11px; cursor:pointer; font-weight:600; }
.ri-stop:hover { background:var(--c-danger-soft); }
.ri-stop:disabled { opacity:.45; cursor:not-allowed; }
.ri-stop:disabled:hover { background:var(--p-white); }
.ri-stop__sq { width:9px; height:9px; background:currentColor; border-radius:2px; }

/* ===== Izveštaj ===== */
.ri-report { margin-top:.6rem; border:1px solid var(--c-border-subtle); border-radius:18px; overflow:hidden; background:var(--p-white); box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 28px rgba(15,23,42,.05); }
.ri-report__head { display:flex; align-items:center; justify-content:space-between; gap:.55rem; padding:.75rem 1.1rem .75rem 1.3rem; font-weight:700; color:var(--c-text-primary); border-bottom:1px solid var(--c-border-faint); background:linear-gradient(180deg,var(--c-surface-card-tint),var(--p-white)); }
.ri-report__head-title { display:inline-flex; align-items:center; gap:.6rem; }
.ri-report__actions { display:inline-flex; align-items:center; gap:.45rem; }
.ri-print { display:inline-flex; align-items:center; gap:.4rem; font-family:inherit; font-size:var(--fs-sm); font-weight:600; line-height:1; color:var(--c-brand); background:var(--c-brand-surface); border:1px solid var(--c-brand-100); padding:.38rem .7rem; border-radius:9px; text-decoration:none; cursor:pointer; transition:background .12s; }
.ri-print:hover { background:var(--c-brand-100); }
/* Share — dugme = CTA (marketing), padajući meni mreža */
.ri-share { position:relative; }
.ri-share__btn { color:var(--p-white); background:var(--c-brand); border-color:var(--c-brand); }
.ri-share__btn:hover { background:var(--c-brand-strong); }
.ri-share__menu { position:absolute; top:calc(100% + 6px); right:0; z-index:40; min-width:190px; padding:.35rem; background:var(--p-white); border:1px solid var(--c-border-subtle); border-radius:12px; box-shadow:0 12px 34px rgba(15,23,42,.16); display:flex; flex-direction:column; gap:1px; }
.ri-share__menu[hidden] { display:none; }
.ri-share__item { display:flex; align-items:center; gap:.6rem; width:100%; padding:.5rem .65rem; border:0; border-radius:8px; background:transparent; font:inherit; font-size:var(--fs-sm); color:var(--c-text-primary); text-decoration:none; cursor:pointer; text-align:left; }
.ri-share__item:hover { background:var(--c-surface-page-soft); color:var(--c-brand-strong); }
.ri-share__ico { flex:0 0 18px; width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; font-size:var(--fs-xs); font-weight:800; color:var(--c-text-secondary); }
.ri-share__item:hover .ri-share__ico { color:var(--c-brand-strong); }
.ri-share__item svg { color:var(--c-text-secondary); }
.ri-share__item.is-copied { color:var(--c-success-strong); }
.ri-share__item.is-copied .ri-share__ico { color:var(--c-success-strong); }
.ri-report .pp-answer { padding:1.1rem 1.35rem 1.4rem; line-height:1.7; font-size:var(--fs-base); }
/* Naslovi u odgovoru (markdown #/##/###) — umerena skala, prvi naslov nije ogroman.
   ri-src-title („Izvori") zadržava svoj stil. */
.pp-answer h1, .pp-answer h2:not(.ri-src-title), .pp-answer h3, .pp-answer h4 {
    line-height:1.35; color:var(--c-text-primary); font-weight:700;
}
.pp-answer h1 { font-size:var(--fs-xl); margin:1.2rem 0 .55rem; letter-spacing:-.01em; }
.pp-answer h2:not(.ri-src-title) { font-size:var(--fs-lg); margin:1.3rem 0 .5rem; }
.pp-answer h3 { font-size:var(--fs-md); margin:1.1rem 0 .4rem; }
.pp-answer h4 { font-size:var(--fs-base); margin:1rem 0 .35rem; }
.pp-answer > h1:first-child, .pp-answer > h2:first-child, .pp-answer > h3:first-child { margin-top:0; }
.ri-fn { font-size:var(--fs-2xs); line-height:0; white-space:nowrap; }
.ri-fn a { color:var(--c-brand); text-decoration:none; font-weight:700; padding:0 1px; }
.ri-fn a:hover { text-decoration:underline; }
/* Boja broja u tekstu po vrsti izvora (isti kod kao oznake u „Izvori") */
.ri-fn--propis a { color:var(--c-brand); }
.ri-fn--presuda a { color:var(--c-accent-violet); }
.ri-fn--misljenje a { color:var(--c-success); }
.ri-src-title { font-size:var(--fs-md); margin:1.5rem 0 .6rem; padding-top:1rem; border-top:1px solid var(--c-border-faint); color:var(--c-text-primary); }
.ri-src-note { font-weight:400; font-size:var(--fs-sm); color:var(--c-text-subtle); }
.ri-src-list { margin:0; padding-left:1.5rem; display:flex; flex-direction:column; gap:.4rem; font-size:var(--fs-sm); }
.ri-src-list li { line-height:1.5; }
.ri-src-link { color:var(--c-brand-strong); text-decoration:none; }
.ri-src-link:hover { text-decoration:underline; }
.ri-src-kind { font-size:var(--fs-2xs); text-transform:uppercase; letter-spacing:.03em; margin-left:.45rem; opacity:.85; }
.ri-src-kind--presuda { color:var(--c-accent-violet); }
.ri-src-kind--propis { color:var(--c-brand); }
.ri-src-kind--misljenje { color:var(--c-success); }
.pp-answer table.pp-table-md { width:100%; border-collapse:collapse; margin:.85rem 0; font-size:var(--fs-base); }
.pp-answer .pp-table-md th, .pp-answer .pp-table-md td { border:1px solid var(--c-border-subtle); padding:.5rem .65rem; text-align:left; vertical-align:top; }
.pp-answer .pp-table-md thead th { background:var(--p-app-surface-2); font-weight:600; color:var(--c-text-primary); white-space:nowrap; }
.pp-answer .pp-table-md tbody tr:nth-child(even) { background:var(--c-surface-card-tint); }
.pp-answer hr.pp-hr { border:0; border-top:1px solid var(--c-border-faint); margin:1.15rem 0; }

/* === Gornja zona: levo Pitanje + Tok rada, desno „Sledeći koraci"; Odgovor pun ispod === */
.ri-top { margin-top:1rem; }
.ri-top--split { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:1rem; align-items:start; }
@media (max-width:980px){ .ri-top--split { grid-template-columns:1fr; } }
.ri-top__main { min-width:0; }
.ri-top__main > .ri-brief { margin-top:0; } /* poravnaj vrh sa „Sledeći koraci" panelom */
.ri-next { display:flex; flex-direction:column; gap:.8rem; }
.ri-next__card { background:var(--p-white); border:1px solid var(--c-border-subtle); border-radius:16px; padding:1.1rem 1.2rem; box-shadow:0 1px 2px rgba(15,23,42,.04); }
.ri-next__title { margin:0 0 .85rem; font-size:var(--fs-2xs); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--c-brand-strong); }
.ri-next__actions { display:flex; flex-direction:column; gap:.5rem; }
.ri-next__actions .pb-cta-pill { width:100%; justify-content:center; text-align:center; }

/* Glavni mobilni prelaz (kanon 720): konzola/kontrole u kolonu, report toolbar
   ikone-only, header akcije horizontalni scroll. (Apsorbovan stari 640.) */
@media (max-width:720px){
    .ri-console__bar { flex-direction:column; align-items:flex-start; gap:.6rem; }
    .ri-entry { padding-left:.9rem; padding-right:.9rem; }
    .ri-control { flex-direction:column; align-items:stretch; }

    /* Report header: naslov („Odgovor") i dugmad u ISTOM redu (naslov levo,
       ikone desno). Copy/Word/PDF (.pb-cact, content-actions.css) i „Podeli"
       (.ri-print .ri-share__btn) su SAMO IKONE. Share meni zadržava tekst. */
    .ri-report__head { gap:.5rem; }
    .ri-report__actions { flex-wrap:nowrap; gap:.4rem; flex:0 0 auto; }
    .ri-report__actions .ri-print {
        font-size:0;
        gap:0;
        padding:.5rem;
        min-width:38px;
        justify-content:center;
    }
    .ri-report__actions .ri-print svg { width:17px; height:17px; }

    /* Akcioni dugmići u zaglavlju — isti obrazac kao editor (/dokumenti/{id}):
       horizontalni scroll red, ghost dugmad samo ikona (label skriven),
       primarni „Kreiraj…" zadržava tekst. */
    .ri-head-actions {
        width:100%;
        flex-wrap:nowrap;
        gap:6px;
        overflow-x:auto;
        scrollbar-width:none;
        padding-bottom:2px;
        padding-right:4px;          /* poslednja ikona („+") nije zalepljena za ivicu */
        scroll-padding-right:4px;
    }
    .ri-head-actions::-webkit-scrollbar { display:none; }
    .ri-head-actions .pb-cta-pill { flex:0 0 auto; }
    .ri-head-actions .pb-cta-pill svg { width:16px; height:16px; flex:0 0 auto; }
    .ri-head-actions .pb-cta-pill--ghost {
        padding:9px 11px;
        min-width:40px;
        gap:0;
        justify-content:center;
    }
    .ri-head-actions .pb-cta-pill--ghost .ri-head-actions__lab { display:none; }
    .ri-head-actions .pb-cta-pill:not(.pb-cta-pill--ghost) { padding:9px 14px; gap:6px; max-width:52vw; }
    /* Dug naslov primarnog CTA („Kreiraj ugovor…") se skraćuje da ikone ostanu vidljive. */
    .ri-head-actions .pb-cta-pill:not(.pb-cta-pill--ghost) .ri-head-actions__lab {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}
    

/* ===== Nit dodatnih pitanja (Pitanje → Tok odgovora → Odgovor) ===== */
.ri-thread { margin-top:1rem; display:flex; flex-direction:column; gap:1rem; }
.ri-pico--sm { width:30px; height:30px; border-radius:9px; }
.ri-pico--sm svg { width:16px; height:16px; }

.ri-turn { display:flex; flex-direction:column; gap:.7rem; }
.ri-turn.is-pending { }

/* Pitanje (read-only) */
.ri-turn__q { display:flex; gap:.7rem; align-items:flex-start; padding:.85rem 1.05rem; border:1px solid var(--c-border-hairline,var(--c-border-subtle)); border-radius:14px; background:var(--c-surface-card-tint); }
.ri-turn__q-body { min-width:0; }
.ri-turn__q-label { font-size:var(--fs-2xs); text-transform:uppercase; letter-spacing:.07em; color:var(--c-text-secondary); font-weight:700; }
.ri-turn__q-text { margin-top:.15rem; line-height:1.55; color:var(--c-text-primary); font-weight:600; white-space:pre-wrap; }

/* Tok odgovora — živi panel (mirror konzole) i kolapsovan rezime */
.ri-flowp { border:1px solid var(--c-border-subtle); border-radius:14px; background:var(--p-white); box-shadow:0 1px 2px rgba(15,23,42,.04); overflow:hidden; }
.ri-flowp__bar { display:flex; align-items:center; gap:.55rem; padding:.6rem .9rem; border-bottom:1px solid var(--c-border-faint); background:linear-gradient(180deg,var(--c-surface-card-tint),var(--p-white)); }
.ri-flowp__avatar { width:26px; height:26px; border-radius:8px; display:grid; place-items:center; color:var(--p-white); background:var(--g-brand-square); box-shadow:var(--e-brand-square); flex:0 0 auto; }
.ri-flowp__title { font-weight:700; font-size:var(--fs-base); color:var(--c-text-primary); }
.ri-flowp__bar .ri-status { margin-left:auto; }
.ri-flowp__steps { list-style:none; margin:0; padding:.55rem .95rem .7rem; display:flex; flex-direction:column; gap:.35rem; }
.ri-flowp__steps li { position:relative; padding-left:1.45rem; font-size:var(--fs-base); line-height:1.5; color:var(--c-text-secondary); animation:ri-in .28s ease; }
.ri-flowp__steps li::before { content:"✓"; position:absolute; left:0; top:1px; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--fs-2xs); font-weight:700; color:var(--c-success); background:var(--c-success-soft); }
.ri-flowp__steps li.is-active { color:var(--c-text-primary); }
.ri-flowp__steps li.is-active::before { content:""; border:2px solid var(--c-focus-ring); border-top-color:var(--c-brand); background:transparent; width:13px; height:13px; left:1px; top:3px; animation:pb-spin-rot .7s linear infinite; }
.ri-flowp .ri-synth__track { margin:0 .95rem .8rem; }
.ri-flowp--err { padding:.8rem 1rem; color:var(--c-danger-strong); background:var(--c-danger-soft); border-color:var(--c-danger-line); font-size:var(--fs-base); }

/* Kolapsovan rezime toka (završen odgovor) */
details.ri-flowp--done { }
.ri-flowp__sum { display:flex; align-items:center; gap:.5rem; padding:.6rem .95rem; cursor:pointer; list-style:none; color:var(--c-text-secondary); font-size:var(--fs-sm); }
.ri-flowp__sum::-webkit-details-marker { display:none; }
.ri-flowp__check { width:18px; height:18px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:var(--fs-2xs); font-weight:700; color:var(--c-success); background:var(--c-success-soft); flex:0 0 auto; }
.ri-flowp__sum .ri-flowp__title { font-size:var(--fs-sm); }
.ri-flowp__note { color:var(--c-text-subtle); }
.ri-flowp__chev { margin-left:auto; transition:transform .18s ease; color:var(--c-text-subtle); }
details[open] .ri-flowp__chev { transform:rotate(180deg); }
.ri-flowp__steps--static { border-top:1px solid var(--c-border-faint); }
.ri-flowp__steps--static li { color:var(--c-text-secondary); }

/* Odgovor (po dodatnom pitanju) */
.ri-turn__a { border:1px solid var(--c-border-subtle); border-radius:14px; overflow:hidden; background:var(--p-white); box-shadow:0 1px 2px rgba(15,23,42,.04); }
.ri-turn__a-head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.6rem .95rem; border-bottom:1px solid var(--c-border-faint); background:linear-gradient(180deg,var(--c-surface-card-tint),var(--p-white)); }
.ri-turn__a-title { display:inline-flex; align-items:center; gap:.5rem; font-weight:700; font-size:var(--fs-base); color:var(--c-text-primary); }
.ri-turn__a-actions { display:inline-flex; align-items:center; gap:.4rem; }
.ri-turn__a .pp-answer { padding:1rem 1.2rem 1.15rem; line-height:1.7; font-size:var(--fs-base); }

.ri-print--sm { font-size:var(--fs-xs); padding:.32rem .55rem; }

/* ===== Kompozer „Postavi dodatno pitanje" ===== */
.ri-ask { border:1px solid var(--c-border-subtle); border-radius:18px; background:var(--p-white); padding:1.05rem 1.2rem 1.2rem; box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 28px rgba(15,23,42,.05); }
.ri-ask.is-locked { opacity:.55; pointer-events:none; filter:grayscale(.2); }
.ri-ask--maxed { display:flex; align-items:center; gap:.6rem; padding:.85rem 1.1rem; color:var(--c-text-secondary); font-size:var(--fs-base); }
.ri-ask--maxed .ri-ask__maxed-ico { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:var(--c-success-soft); color:var(--c-success); flex:0 0 auto; }
.ri-ask__head { display:flex; align-items:center; gap:.55rem; font-weight:700; color:var(--c-text-primary); margin-bottom:.9rem; }
.ri-ask__form { border:1.5px solid var(--c-border-subtle); border-radius:14px; padding:.7rem .85rem .6rem; transition:border-color .12s, box-shadow .12s; }
.ri-ask__form:focus-within { border-color:var(--c-brand); box-shadow:0 0 0 3px rgba(37,99,235,.10); }
.ri-ask__input { display:block; width:100%; border:0; outline:0; resize:none; font:inherit; font-size:var(--fs-base); line-height:1.6; background:transparent; min-height:4.8em; max-height:320px; color:var(--c-text-primary); }
.ri-ask__bar { display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin-top:.5rem; padding-top:.55rem; border-top:1px solid var(--p-app-surface-3); flex-wrap:wrap; }
.ri-ask__hint { font-size:var(--fs-xs); color:var(--c-text-subtle); min-width:0; }
.ri-ask__send { display:inline-flex; align-items:center; gap:.45rem; font-weight:600; font-size:var(--fs-base); color:var(--p-white); background:var(--c-brand); border:0; border-radius:11px; padding:.5rem .95rem; cursor:pointer; white-space:nowrap; transition:background .12s; }
.ri-ask__send:hover { background:var(--c-brand-strong); }
.ri-ask__send .pb-credit-badge { color:rgba(255,255,255,.9); }

/* Predlozi pitanja (CTA — troše kredit, bez „dubinsko pitanje" natpisa) */
.ri-suggest { margin:0 0 .9rem; display:flex; flex-direction:column; gap:.5rem; }
.ri-suggest__form { margin:0; }
.ri-suggest__btn { display:flex; align-items:center; justify-content:space-between; gap:.9rem; width:100%; text-align:left; padding:.7rem .9rem;
    border:1px solid rgba(37,99,235,.30); border-radius:12px; background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(37,99,235,.02));
    cursor:pointer; color:var(--c-text-primary); transition:border-color .15s,box-shadow .15s,transform .12s,background .15s; }
.ri-suggest__btn:hover { border-color:rgba(37,99,235,.55); background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(37,99,235,.04)); box-shadow:0 6px 18px -8px rgba(29,78,216,.45); transform:translateY(-1px); }
.ri-suggest__txt { font-weight:600; font-size:var(--fs-base); line-height:1.45; min-width:0; }
.ri-suggest__meta { display:inline-flex; align-items:center; gap:.5rem; flex:0 0 auto; }
.ri-suggest__go { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:999px; background:var(--c-brand-strong); color:var(--p-white); box-shadow:0 4px 12px -4px rgba(29,78,216,.6); transition:transform .15s; }
.ri-suggest__btn:hover .ri-suggest__go { transform:translateX(2px); }

.ri-print.is-copied { color:var(--c-success-strong); background:var(--c-success-soft); border-color:var(--c-success-line); }
/* Dinamička cena pitanja koristi portal pb-credit-badge (⚡ + broj); na predlozima --ink, na dugmetu beli default. */
.ri-suggest__meta .pb-credit-badge { margin-left:0; }