/* PRODAJA v2 (2026-11-05). Portal tokens only (--c-*, --l*), so light and dark follow the portal.
   One loud element: the "Put firme" numerals; the step that loses the most firms carries the brand champagne.
   Everything else is quiet: hairlines, sentence case, no cards, no badges. Selectors start with #prodaja-root because the
   portal resets `.v3-shell button`. */
#prodaja-root{--ink:var(--c-ink,#f3f4f6);--ink2:var(--c-ink2,#a4a8b0);--ink3:var(--c-ink3,#80858e);--line:var(--l2,rgba(255,255,255,.1));--line2:var(--l3,rgba(255,255,255,.18));--soft:var(--l1,rgba(255,255,255,.06));--acc:var(--c-acc,#d6b98c);--bad:var(--c-err,#f0a896);--panel:var(--c-panel,#0d0e11);
  max-width:80rem;margin:0 auto;padding-bottom:3rem;color:var(--ink);font-size:.9375rem;line-height:1.55;font-variant-numeric:tabular-nums}
@media (prefers-color-scheme:light){html:not([data-mode="dark"]) #prodaja-root{--acc:var(--c-acc2,#9c7a45)}}
html[data-mode="light"] #prodaja-root{--acc:var(--c-acc2,#9c7a45)}
#prodaja-root *{box-sizing:border-box}
#prodaja-root h1{font-size:clamp(2rem,3.4vw,2.75rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:0}
#prodaja-root h2{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;margin:0}
#prodaja-root h3{font-size:1rem;font-weight:600;margin:0}
#prodaja-root h4{font-size:.875rem;font-weight:600;margin:1.1rem 0 .25rem}
#prodaja-root p{margin:0}
#prodaja-root .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#prodaja-root .pr-quiet,#prodaja-root .pr-sub{color:var(--ink2);font-size:.85rem}
#prodaja-root .pr-sub{display:block}
#prodaja-root .pr-err{color:var(--bad);font-size:.875rem;margin:.6rem 0}
#prodaja-root .pr-err ul{margin:.3rem 0 0;padding-left:1.1rem;color:var(--ink)}

/* controls */
#prodaja-root .pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--line2);background:none;color:var(--ink);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}
#prodaja-root .pr-btn:hover{border-color:var(--ink2)}
#prodaja-root .pr-btn.primary{background:var(--c-btn,#fff);color:var(--c-btn-ink,#0b0c0e);border-color:transparent}
#prodaja-root .pr-btn.primary:hover{opacity:.88}
#prodaja-root .pr-btn.quiet{border-color:transparent;color:var(--ink2);padding-inline:.6rem}
#prodaja-root .pr-btn.quiet:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#prodaja-root .pr-btn:disabled{opacity:.5;cursor:wait}
#prodaja-root :is(button,a,select,input,textarea,tr):focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#prodaja-root select,#prodaja-root input,#prodaja-root textarea{font:inherit;font-size:.875rem;color:var(--ink);background:var(--c-field,transparent);border:1px solid var(--line2);border-radius:.5rem;padding:.5rem .75rem;min-height:2.5rem}
#prodaja-root textarea{display:block;width:100%;min-height:6rem;resize:vertical;font-family:var(--c-mono,ui-monospace,monospace);font-size:.8rem}

/* head + status sentence */
#prodaja-root .pr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.5rem 0 .9rem}
#prodaja-root .pr-tools{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
#prodaja-root .pr-seg{display:inline-flex;gap:.15rem;padding:.2rem;border-radius:.65rem;background:var(--soft)}
#prodaja-root .pr-seg button{min-height:2.1rem;padding:.3rem .9rem;border-radius:.5rem;color:var(--ink2);font-weight:500}
#prodaja-root .pr-seg button.on{background:var(--panel);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
#prodaja-root .pr-ledew{padding-bottom:2rem;border-bottom:1px solid var(--line)}
#prodaja-root .pr-lede{max-width:46rem;color:var(--ink2);font-size:1rem}

/* sections */
#prodaja-root .pr-sec{padding:2.5rem 0 0}
#prodaja-root .pr-h{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem}
#prodaja-root .pr-h p{color:var(--ink2);font-size:.875rem;max-width:46rem}
#prodaja-root .pr-h.row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#prodaja-root .pr-do{display:inline-flex;gap:.5rem;flex-wrap:wrap;align-items:center}

/* Za tebe: one list, one action per row */
#prodaja-root .pr-todo{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
#prodaja-root .pr-todo li{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding-left:1rem;position:relative}
#prodaja-root .pr-todo li.k-odgovor::before,#prodaja-root .pr-todo li.k-zahtjev::before{content:'';position:absolute;left:0;top:.9rem;bottom:.9rem;width:3px;border-radius:2px;background:var(--acc)}
#prodaja-root .pr-todo li.k-isporuka::before{content:'';position:absolute;left:0;top:.9rem;bottom:.9rem;width:3px;border-radius:2px;background:var(--bad)}
#prodaja-root .pr-row{flex:1;min-width:0;display:grid;grid-template-columns:minmax(12rem,1.1fr) 2fr minmax(8rem,auto);gap:.25rem 1.25rem;align-items:baseline;text-align:left;padding:.95rem 0;min-height:3.25rem;cursor:pointer}
#prodaja-root .pr-row:hover .pr-name{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
#prodaja-root .pr-name{font-weight:600;overflow-wrap:anywhere}
#prodaja-root .pr-why{color:var(--ink)}
#prodaja-root .pr-meta{color:var(--ink2);font-size:.85rem;text-align:right;white-space:nowrap}

/* Put firme: the one loud element */
#prodaja-root .pr-track{list-style:none;margin:0;padding:1.5rem 0 .5rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
#prodaja-root .pr-track li{position:relative;display:flex;flex-direction:column;padding:0 .75rem 0 0;min-width:0}
#prodaja-root .pr-track li+li{padding-left:.75rem}
#prodaja-root .pr-num{font-size:clamp(2rem,3.6vw,3rem);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--ink)}
#prodaja-root .pr-lbl{margin-top:.55rem;font-size:.85rem;color:var(--ink2);line-height:1.3}
#prodaja-root .pr-step{position:absolute;left:-.25rem;right:auto;top:-1.4rem;display:flex;align-items:center;gap:.4rem;width:100%}
#prodaja-root .pr-step i{display:block;width:.9rem;height:1px;background:var(--line2)}
#prodaja-root .pr-step em{font-style:normal;font-size:.78rem;color:var(--ink2)}
#prodaja-root .pr-track li.leak .pr-num{color:var(--acc)}
#prodaja-root .pr-track li.leak .pr-step i{background:var(--acc);width:1.4rem;height:2px}
#prodaja-root .pr-track li.leak .pr-step em{color:var(--acc);font-weight:600}
#prodaja-root .pr-note-leak{margin-top:.35rem;font-size:.78rem;color:var(--acc)}

/* Firme */
#prodaja-root .pr-search input{width:min(28rem,90vw)}
#prodaja-root .pr-tabs{display:flex;gap:1.25rem;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:0;scrollbar-width:none}
#prodaja-root .pr-tabs button{padding:.6rem 0;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--ink2);white-space:nowrap;font-size:.875rem}
#prodaja-root .pr-tabs button span{color:var(--ink3);margin-left:.2rem}
#prodaja-root .pr-tabs button:hover{color:var(--ink)}
#prodaja-root .pr-tabs button.on{color:var(--ink);border-bottom-color:var(--acc);font-weight:600}
#prodaja-root .pr-tabs button.on span{color:var(--ink2)}
#prodaja-root .pr-tw{overflow-x:auto}
#prodaja-root .pr-t{width:100%;border-collapse:collapse}
#prodaja-root .pr-t th{text-align:left;font-family:inherit;font-weight:500;font-size:.8rem;text-transform:none;letter-spacing:0;color:var(--ink2);padding:.8rem 1rem .5rem 0;border-bottom:1px solid var(--line);background:none}
#prodaja-root .pr-ago{color:var(--ink2);font-size:.85rem}
#prodaja-root .pr-t td{padding:.8rem 1rem .8rem 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);font-size:.9375rem}
#prodaja-root .pr-t tbody tr{cursor:pointer}
#prodaja-root .pr-t tbody tr:hover td{background:var(--soft)}
#prodaja-root .pr-t td:first-child{padding-left:.25rem}
#prodaja-root .pr-t .r{text-align:right;padding-right:.25rem;white-space:nowrap}
#prodaja-root .pr-st{font-weight:500;white-space:nowrap}
#prodaja-root .pr-st.s-zahtjev,#prodaja-root .pr-st.s-odgovorilo,#prodaja-root .pr-st.s-pregled{color:var(--acc);font-weight:600}
#prodaja-root .pr-st.s-zadrzano{color:var(--bad)}
#prodaja-root .pr-st.s-zatvoreno,#prodaja-root .pr-st.s-analiza{color:var(--ink2)}
#prodaja-root .pr-more{padding:1rem 0}

/* Ručna analiza u Chatu: quiet */
#prodaja-root .pr-pkg{border-top:1px solid var(--line);padding:1.1rem 0}
#prodaja-root .pr-pkg header{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}
#prodaja-root .pr-pkg header .pr-btn{margin-left:auto}
#prodaja-root .pr-pkg.s-ready h3{color:var(--acc)}
#prodaja-root .pr-steps{margin:.2rem 0 .6rem;padding-left:1.25rem;display:grid;gap:.9rem;max-width:44rem}
#prodaja-root .pr-steps li{padding-left:.3rem}
#prodaja-root .pr-steps li>span{display:block;margin-bottom:.45rem}
#prodaja-root .pr-steps textarea{margin-bottom:.5rem}
#prodaja-root .pr-mini{list-style:none;margin:.2rem 0 .6rem;padding:0;max-width:44rem}
#prodaja-root .pr-mini .pr-row{grid-template-columns:minmax(10rem,1fr) 2fr;padding:.55rem 0;min-height:2.6rem}
#prodaja-root .pr-mini li{border-bottom:1px solid var(--line)}
#prodaja-root .pr-mini.res li.bad .pr-why{color:var(--bad)}
#prodaja-root details summary{cursor:pointer;color:var(--ink2);font-size:.85rem;padding:.35rem 0}
#prodaja-root details summary:hover{color:var(--ink)}
#prodaja-root .pr-links{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:3rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink2)}
#prodaja-root .pr-links button{color:var(--ink2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2);min-height:2rem}
#prodaja-root .pr-links button:hover{color:var(--ink)}

/* firm panel */
#prodaja-root .pr-ov{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:80}
#prodaja-root .pr-panel{position:fixed;top:0;right:0;bottom:0;width:min(44rem,96vw);background:var(--c-bg,#050506);border-left:1px solid var(--line);z-index:81;display:flex;flex-direction:column;outline:0;box-shadow:-2rem 0 4rem rgba(0,0,0,.3)}
#prodaja-root .pr-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.6rem 1.1rem;border-bottom:1px solid var(--line)}
#prodaja-root .pr-panel>header h2{font-size:1.5rem;letter-spacing:-.025em;line-height:1.15;margin-top:.15rem}
#prodaja-root .pr-pb{overflow:auto;padding:1.4rem 1.6rem 3rem;display:flex;flex-direction:column;gap:1.4rem}
#prodaja-root .pr-now{font-size:1.05rem}
#prodaja-root .pr-now .pr-st{margin-right:.4rem}
#prodaja-root .pr-facts{display:grid;grid-template-columns:9.5rem 1fr;gap:.35rem 1rem;margin:0;font-size:.9rem}
#prodaja-root .pr-facts dt{color:var(--ink2)}
#prodaja-root .pr-facts dd{margin:0;overflow-wrap:anywhere}
#prodaja-root .pr-block{border-top:1px solid var(--line);padding-top:1.2rem;display:flex;flex-direction:column;gap:.7rem}
#prodaja-root .pr-dec{font-size:1.05rem;font-weight:600}
#prodaja-root .pr-mail{margin:.2rem 0;padding:1rem 1.1rem;border-radius:.6rem;background:var(--soft)}
#prodaja-root .pr-mail figcaption{font-size:.8rem;color:var(--ink2)}
#prodaja-root .pr-subj{font-weight:600;margin-top:.3rem}
#prodaja-root .pr-panel pre{white-space:pre-wrap;font-family:inherit;font-size:.875rem;line-height:1.6;margin:.5rem 0 0;overflow-wrap:anywhere;background:none;border:0;padding:0;color:var(--ink)}
#prodaja-root .pr-ev{border-top:1px solid var(--line);padding:.55rem 0}
#prodaja-root .pr-ev blockquote{margin:.3rem 0;padding-left:.75rem;border-left:2px solid var(--line2);color:var(--ink2);font-size:.85rem}
#prodaja-root .pr-hist{list-style:none;margin:0;padding:0}
#prodaja-root .pr-hist li{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.65rem 0;border-top:1px solid var(--line)}
#prodaja-root .pr-hist time{color:var(--ink2);font-size:.8rem;padding-top:.1rem}
#prodaja-root .pr-ht{font-weight:500}
#prodaja-root .pr-hist li.h-in .pr-ht{color:var(--acc)}
html.pr-lock{overflow:hidden}
#pr-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,.75rem);background:var(--c-btn,#fff);color:var(--c-btn-ink,#0b0c0e);padding:.75rem 1.1rem;border-radius:.6rem;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:120;max-width:90vw;box-shadow:0 .5rem 2rem rgba(0,0,0,.25)}
#pr-toast.show{opacity:1;transform:translate(-50%,0)}
#pr-toast.bad{background:var(--c-err,#b3402b);color:#fff}

@media (max-width:900px){
  #prodaja-root .pr-track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:2.4rem}
  #prodaja-root .pr-track li:nth-child(5){padding-left:0}
  #prodaja-root .pr-row{grid-template-columns:1fr;gap:.1rem}
  #prodaja-root .pr-meta{text-align:left}
}
@media (max-width:640px){
  #prodaja-root{font-size:1rem}
  #prodaja-root .pr-head{align-items:flex-start}
  #prodaja-root .pr-tools{width:100%}
  #prodaja-root .pr-tools select{flex:1}
  #prodaja-root .pr-track{grid-template-columns:1fr;row-gap:0;padding-top:.25rem}
  #prodaja-root .pr-track li,#prodaja-root .pr-track li+li{display:grid;grid-template-columns:4.5rem 1fr auto;align-items:baseline;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
  #prodaja-root .pr-num{font-size:1.75rem;grid-column:1;grid-row:1}
  #prodaja-root .pr-lbl{margin:0;grid-column:2;grid-row:1}
  #prodaja-root .pr-step{position:static;grid-column:3;grid-row:1;width:auto}
  #prodaja-root .pr-step i{display:none}
  #prodaja-root .pr-note-leak{grid-column:2/-1;grid-row:2;margin:0}
  #prodaja-root .pr-todo li{flex-wrap:wrap;gap:.2rem;padding-bottom:.9rem}
  #prodaja-root .pr-todo .pr-row{padding-bottom:.35rem}
  #prodaja-root .pr-todo .pr-do{width:100%}
  #prodaja-root .pr-todo .pr-do .pr-btn{flex:1}
  #prodaja-root .pr-h.row .pr-search,#prodaja-root .pr-search input{width:100%}
  #prodaja-root .pr-t thead{display:none}
  #prodaja-root .pr-t,#prodaja-root .pr-t tbody,#prodaja-root .pr-t tr,#prodaja-root .pr-t td{display:block;width:100%}
  #prodaja-root .pr-t tr{padding:.8rem .25rem;border-bottom:1px solid var(--line)}
  #prodaja-root .pr-t td{border:0;padding:.1rem 0}
  #prodaja-root .pr-t .r{text-align:left}
  #prodaja-root .pr-panel{width:100vw}
  #prodaja-root .pr-panel>header,#prodaja-root .pr-pb{padding-inline:1.1rem}
  #prodaja-root .pr-facts{grid-template-columns:7.5rem 1fr}
  #prodaja-root .pr-hist li{grid-template-columns:1fr;gap:.1rem}
}
@media (prefers-reduced-motion:reduce){#pr-toast{transition:none}}

/* PRODAJA v3 (2026-11-05): counters, the flow in six stations, pages of 10, firm window centred */
#prodaja-root .pr-head{align-items:flex-end;padding:.5rem 0 1.75rem;border-bottom:1px solid var(--line)}
#prodaja-root .pr-head .pr-lede{margin-top:.6rem;max-width:44rem;color:var(--ink2);font-size:.95rem}
#prodaja-root .pr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding-top:1.75rem}
#prodaja-root .pr-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:1rem 1.1rem 1.05rem;border:1px solid var(--line);border-radius:.75rem;background:var(--panel);cursor:pointer;min-width:0;transition:border-color .15s}
#prodaja-root .pr-kpi:hover{border-color:var(--line2)}
#prodaja-root .pr-kl{font-size:.8rem;color:var(--ink2);font-weight:500}
#prodaja-root .pr-kn{font-size:clamp(2rem,3vw,2.6rem);font-weight:300;letter-spacing:-.045em;line-height:1.05;color:var(--ink)}
#prodaja-root .pr-ks{font-size:.8rem;color:var(--ink2);line-height:1.35}
#prodaja-root .pr-kpi.hot{border-color:color-mix(in srgb,var(--acc) 55%,transparent)}
#prodaja-root .pr-kpi.hot .pr-kn{color:var(--acc);font-weight:400}

/* Tok prodaje */
#prodaja-root .pr-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:.75rem;background:var(--panel);overflow:hidden}
#prodaja-root .pr-stn{position:relative;display:flex;flex-direction:column;min-width:0;padding:1rem 1rem 1.1rem;border-left:1px solid var(--line)}
#prodaja-root .pr-stn:first-child{border-left:0}
#prodaja-root .pr-stn+.pr-stn::before{content:'';position:absolute;left:-.38rem;top:2.6rem;width:.7rem;height:.7rem;border-top:1px solid var(--line2);border-right:1px solid var(--line2);transform:rotate(45deg);background:var(--panel)}
#prodaja-root .pr-stn-h{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.1rem;cursor:pointer;padding:0 0 .8rem}
#prodaja-root .pr-stn-h:hover .pr-stn-n{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3rem;text-decoration-color:var(--line2)}
#prodaja-root .pr-stn-t{font-size:.8rem;font-weight:600;color:var(--ink)}
#prodaja-root .pr-stn-n{font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:300;letter-spacing:-.045em;line-height:1.1}
#prodaja-root .pr-stn-w{font-size:.78rem;color:var(--ink2)}
#prodaja-root .pr-stn ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
#prodaja-root .pr-stn ul li{border-bottom:1px solid var(--line)}
#prodaja-root .pr-stn ul button,#prodaja-root .pr-fi{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;width:100%;padding:.45rem 0;font-size:.8rem;color:var(--ink2);text-align:left;line-height:1.3}
#prodaja-root .pr-stn ul button{cursor:pointer}
#prodaja-root .pr-stn ul button:hover:not(:disabled){color:var(--ink)}
#prodaja-root .pr-stn ul button:disabled{cursor:default;opacity:.65}
#prodaja-root .pr-stn ul b{font-weight:600;color:var(--ink);font-size:.85rem}
#prodaja-root .pr-stn ul button.need{color:var(--ink)}
#prodaja-root .pr-stn ul button.need span::before{content:'';display:inline-block;width:.42rem;height:.42rem;margin-right:.4rem;background:var(--acc);vertical-align:.08rem}
#prodaja-root .pr-stn ul button.need b{color:var(--acc)}
#prodaja-root .pr-stn-x{margin-top:.7rem;font-size:.75rem;color:var(--ink3);line-height:1.4}

/* Firme */
#prodaja-root .pr-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.9rem}
#prodaja-root .pr-seg button span{color:var(--ink3);margin-left:.2rem;font-size:.8rem}
#prodaja-root .pr-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:2.1rem;padding:.3rem .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--acc) 60%,transparent);color:var(--ink);font-size:.82rem;cursor:pointer}
#prodaja-root .pr-chip span[aria-hidden]{color:var(--acc);font-size:1rem;line-height:1}
#prodaja-root .pr-dc{color:var(--ink2);font-size:.85rem}
#prodaja-root .pr-t{min-width:0}
#prodaja-root .pr-pager{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;padding:1rem 0 0}
#prodaja-root .pr-pager button{min-width:2.25rem;min-height:2.25rem;padding:0 .5rem;border-radius:.5rem;color:var(--ink2);font-size:.875rem;cursor:pointer}
#prodaja-root .pr-pager button:hover:not(:disabled){color:var(--ink);background:var(--soft)}
#prodaja-root .pr-pager button.on{color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--line2)}
#prodaja-root .pr-pager button:disabled{opacity:.35;cursor:default}
#prodaja-root .pr-gap{color:var(--ink3);padding:0 .2rem}
#prodaja-root .pr-pn{margin-left:auto;color:var(--ink2);font-size:.82rem}

/* Rezultat */
#prodaja-root .pr-res tbody tr{cursor:default}
#prodaja-root .pr-res tbody tr:hover td{background:none}
#prodaja-root .pr-res b{font-weight:500;font-size:1.05rem}
#prodaja-root .pr-pc{display:block;color:var(--ink2);font-size:.78rem}

/* Chat, folded when nothing is open */
#prodaja-root .pr-fold{border-top:1px solid var(--line);padding-top:.4rem}
#prodaja-root .pr-fold>summary{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;padding:.75rem 0;list-style:none}
#prodaja-root .pr-fold>summary::-webkit-details-marker{display:none}
#prodaja-root .pr-fold>summary::after{content:'+';margin-left:auto;color:var(--ink2);font-size:1.1rem}
#prodaja-root .pr-fold[open]>summary::after{content:'−'}
#prodaja-root .pr-fold-t{font-size:1.05rem;font-weight:600;color:var(--ink)}
#prodaja-root .pr-fold>.pr-quiet{margin-bottom:.8rem}
#prodaja-root .pr-chat .pr-do{margin:.2rem 0 1rem}

/* firm window centred */
#prodaja-root .pr-ov{background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
#prodaja-root .pr-panel{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(52rem,94vw);max-height:88vh;border:1px solid var(--line);border-radius:.9rem;box-shadow:0 2rem 5rem rgba(0,0,0,.45);background:var(--c-bg,#050506)}

@media (max-width:1180px){
  #prodaja-root .pr-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  #prodaja-root .pr-stn:nth-child(4){border-left:0}
  #prodaja-root .pr-stn:nth-child(n+4){border-top:1px solid var(--line)}
  #prodaja-root .pr-stn:nth-child(4)::before{display:none}
}
@media (max-width:900px){#prodaja-root .pr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  #prodaja-root .pr-kpis{gap:.5rem}
  #prodaja-root .pr-kpi{padding:.8rem .85rem}
  #prodaja-root .pr-flow{grid-template-columns:1fr}
  #prodaja-root .pr-stn,#prodaja-root .pr-stn:nth-child(4){border-left:0;border-top:1px solid var(--line)}
  #prodaja-root .pr-stn:first-child{border-top:0}
  #prodaja-root .pr-stn::before{display:none}
  #prodaja-root .pr-stn-h{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:.6rem}
  #prodaja-root .pr-stn-t{width:100%}
  #prodaja-root .pr-res thead{display:none}
  #prodaja-root .pr-res td.r{display:inline-block;width:33.33%;text-align:left;padding:.35rem .5rem .35rem 0;vertical-align:top}
  #prodaja-root .pr-res td.r::before{content:attr(data-l);display:block;font-size:.75rem;color:var(--ink2)}
  #prodaja-root .pr-res td:first-child{margin-bottom:.3rem}
  #prodaja-root .pr-t td.pr-dc{margin:.15rem 0}
  #prodaja-root .pr-pn{width:100%;margin:.4rem 0 0}
  #prodaja-root .pr-panel{top:0;left:0;transform:none;width:100vw;max-height:none;height:100%;border-radius:0;border:0}
}