/* Tender workflow "pro" – portal tender tab, tender page sections, focus view, technical file buttons (tender-pro.js) */

/* ---------- portal: new tender (compact) ---------- */
#tenderGrid>.card:first-child{padding:24px 24px 22px}
#tenderGrid .tn-f{display:block;min-width:0}
#tenderGrid .tn-f span{display:block;font-family:Jost;font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
#tenderGrid .tn-f span i{color:var(--red);font-style:normal}
#tenderGrid .tn-f input{width:100%}
#tenderGrid .tn-f input.bad{border-color:var(--red);box-shadow:0 0 0 3px rgba(176,58,40,.12)}
.tn-err{margin-top:10px;font-size:.84rem;font-weight:600;color:var(--red)}
.tn-err[hidden]{display:none}
@media(max-width:900px){#tenderGrid{grid-template-columns:1fr!important}}

/* ---------- portal: tender documents ---------- */
.td-card{padding:0!important;overflow:hidden;position:relative}
.td-card.flash{animation:tdFlash 1.1s ease-out}
@keyframes tdFlash{0%{box-shadow:0 0 0 3px var(--tq,#4FB3B5),0 10px 30px rgba(10,46,47,.05)}100%{box-shadow:0 0 0 0 transparent,0 10px 30px rgba(10,46,47,.05)}}
.td-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 14px;background:linear-gradient(180deg,#F3FAFA,#fff)}
.td-eb{display:block;font-family:Jost;font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin-bottom:6px}
.td-head h3{font-family:Jost;font-size:1.22rem;line-height:1.25;color:var(--deeper);margin:0;overflow-wrap:anywhere}
.td-head p{font-size:.86rem;color:var(--muted);margin:5px 0 0}
.td-head p b{color:var(--deeper)} .td-head .warn,.tx-sum .warn{color:#9A5B00;font-weight:600} .td-head .bad{color:var(--red);font-weight:700}
.td-st{flex:none;font-family:Jost;font-weight:700;font-size:.74rem;letter-spacing:.04em;border-radius:999px;padding:6px 12px;white-space:nowrap;background:#EDF1F1;color:#587373}
.td-st.wait{background:#FFF1E0;color:#9A5B00}.td-st.ok{background:#EAF7F0;color:#1E6B45}.td-st.sub{background:#E7F0FA;color:#2A5A9C}
.td-bar{display:flex;height:6px;margin:0 24px;border-radius:99px;overflow:hidden;background:#EDF1F1}
.td-bar i{display:block;height:100%}.td-bar .exact{background:#2E9B6A}.td-bar .m80{background:#E0A43B}.td-bar .m50{background:#E58A3A}.td-bar .none{background:#C4553F}
.td-cnt{padding:7px 24px 0;font-size:.78rem;color:var(--muted)}
.td-note{margin:14px 24px 0;border-radius:12px;padding:11px 14px;font-size:.85rem;line-height:1.45}
.td-note.wait{background:#FFF8EE;color:#7A4A05;border:1px solid #F0CF9B}.td-note.ok{background:#EAF7F0;color:#1E5A3C;border:1px solid #9AD3B4}.td-note.sub{background:#EEF4FC;color:#24508A;border:1px solid #B9CFEA}
.td-list{padding:12px 16px 8px}
.td-row{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:12px;transition:background .15s}
.td-row+.td-row{border-top:1px solid #EEF3F3}
.td-row:hover{background:#F6FAFA}
.td-ic{flex:none;width:40px;height:40px;border-radius:11px;background:var(--tq-soft,#E6F4F4);display:grid;place-items:center}
.td-ic svg,.tx-dl svg,.td-empty svg,.td-lock svg,.tx-okc svg{width:20px;height:20px;fill:none;stroke:var(--deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.td-main{flex:1;min-width:0}.td-main b{display:block;font-family:Jost;font-size:.95rem;color:var(--deeper)}.td-main small{display:block;font-size:.79rem;color:var(--muted);line-height:1.35;margin-top:1px}
.td-tag{font-style:normal;font-family:Jost;font-weight:700;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle;background:#EDF1F1;color:#587373}
.td-tag.ok{background:#EAF7F0;color:#1E6B45}.td-tag.wait{background:#FFF1E0;color:#9A5B00}
.td-row.off .td-ic{background:#F1F4F4}.td-row.off .td-ic svg{stroke:#9DB0B0}.td-row.off .td-main b{color:#7C9090}
.td-btn{font-family:Jost;font-weight:700;font-size:.8rem;border-radius:999px;padding:9px 15px;border:1.5px solid var(--line);background:#fff;color:var(--deeper);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s}
.td-btn:hover{border-color:var(--deep);background:var(--tq-soft,#E6F4F4)}.td-btn:active{transform:translateY(1px)}
.td-btn.pri{background:var(--deep);border-color:var(--deep);color:#fff}.td-btn.pri:hover{background:var(--deeper)}
.td-lock{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:#8AA0A0;white-space:nowrap}.td-lock svg{width:15px;height:15px;stroke:#8AA0A0}
.td-sub{font-family:Jost;font-weight:700;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:14px 10px 4px}
.td-src{font-size:.76rem;color:var(--muted);padding:10px 10px 4px;overflow-wrap:anywhere}
.td-foot{padding:4px 24px 18px}
.td-link{background:none;border:0;padding:0;font-family:Jost;font-weight:700;font-size:.84rem;color:var(--deep);cursor:pointer}
.td-empty{padding:34px 28px 40px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.55}
.td-empty svg{width:34px;height:34px;stroke:#9CC5C6;margin-bottom:8px}
#tenderTable tr.tt-row{cursor:pointer;transition:background .15s}
#tenderTable tr.tt-row:hover{background:#F6FAFA}
#tenderTable tr.tt-row.sel{background:var(--tq-soft,#E6F4F4);box-shadow:inset 4px 0 0 var(--deep)}
.tstatus.sub{color:#2A5A9C}
@media(max-width:640px){.td-row{flex-wrap:wrap}.td-act{width:100%;padding-left:54px}.td-head{flex-direction:column}}

/* ---------- tender page: overview, team ---------- */
.tt-go{font-family:Jost;font-weight:700;font-size:12px;color:var(--deep);margin-top:6px;opacity:0;transition:opacity .15s}
.tt-card:hover .tt-go,.tt-card.on .tt-go,.tt-card:focus-within .tt-go{opacity:1}
.tt-teamcard .tt-invite{background:none;padding:0;margin:0}
.tt-teamcard .tt-feed{margin-top:18px}
.tt-solo{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tt-solo b{display:block;font-family:Jost;color:var(--deeper)}.tt-solo span{font-size:.86rem;color:var(--muted)}
.tt-solo .tp-btn{text-decoration:none}
/* the avatar is a <span>: keep it round inside rows whose spans stretch */
.tt-feed a span.tt-av,.tt-member span.tt-av,.tt-by span.tt-av,.tt-here span.tt-av{flex:none;overflow:visible;width:32px}
.tt-feed a span.tt-av.sm,.tt-by span.tt-av.sm,.tt-here span.tt-av.sm{width:22px}

/* ---------- tender page: margin per product ---------- */
.tp-price{display:flex;flex-direction:column;align-items:flex-end}
.tp-lm{order:9;display:inline-flex;align-items:center;gap:5px;margin-top:8px;border:1.5px solid var(--line);border-radius:9px;padding:3px 7px 3px 8px;background:#fff;cursor:text;transition:border-color .15s}
.tp-lm:hover,.tp-lm:focus-within{border-color:var(--deep)}
.tp-lm span{font-family:Jost;font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--caption)}
.tp-lm input{width:44px;border:0;outline:0;background:none;font:inherit;font-family:Jost;font-weight:700;font-size:13px;color:var(--primary);text-align:right;padding:2px 0;-moz-appearance:textfield}
.tp-lm input::-webkit-outer-spin-button,.tp-lm input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tp-lm input::placeholder{color:#9DB0B0;font-weight:600}
.tp-lm i{font-style:normal;font-size:12px;color:var(--caption)}
.tp-lm.own{border-color:var(--deep);background:var(--tq-soft,#E6F4F4)}
@media(max-width:900px){.tp-price{align-items:flex-start}}

/* ---------- tender page: next step ---------- */
#tpNextSec.flash .tx-next{animation:tdFlash 1.2s ease-out;border-radius:18px}
.tx-sum{margin-top:12px;font-size:.92rem;color:#2B4645}.tx-sum .ok{color:#1E6B45;font-weight:600}
.tx-next{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:14px}
.tx-next.one{grid-template-columns:1fr}
.tx-opt{display:flex;gap:16px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 6px 24px rgba(1,83,84,.06)}
.tx-opt.send{border-color:var(--deep);background:linear-gradient(180deg,#F3FAFA,#fff 60%)}
.tx-opt.wait{border-color:#F0CF9B;background:#FFF8EE}.tx-opt.done{border-color:#9AD3B4;background:#EAF7F0}
.tx-opt>div{flex:1;min-width:0}
.tx-num{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:Jost;font-weight:700;font-size:1rem;background:var(--deep);color:#fff}
.tx-opt.go .tx-num{background:#fff;color:var(--deep);border:1.5px solid var(--deep)}
.tx-opt.wait .tx-num{background:#E0A43B}.tx-opt.done .tx-num{background:#2E9B6A}.tx-num svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tx-opt h3{font-family:Jost;font-size:1.08rem;color:var(--deeper);margin:0}
.tx-opt p{font-size:.88rem;line-height:1.5;color:#3E5857;margin:6px 0 0}
.tx-form{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.tx-form label{display:block;min-width:0}.tx-form label.grow{flex:1;min-width:220px}
.tx-form span{display:block;font-family:Jost;font-weight:600;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--caption);margin-bottom:5px}.tx-form span i{text-transform:none;letter-spacing:0;font-weight:400}
.tx-form input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:.92rem;background:#fff;color:var(--ink,#123)}
.tx-form input:focus{outline:none;border-color:var(--deep)}
.tx-form small{display:block;font-size:.74rem;color:var(--caption);margin-top:4px}
.tx-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.tx-msg{font-size:.84rem;color:var(--caption)}.tx-msg.bad{color:var(--red);font-weight:600}.tx-msg:empty{display:none}
@media(max-width:900px){.tx-next{grid-template-columns:1fr}.tx-opt{padding:18px}}

/* ---------- tender page: submission ---------- */
.tx-submit{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.tx-subh b{font-family:Jost;font-size:1rem;color:var(--deeper)}.tx-subh span{font-size:.84rem;color:var(--caption);margin-left:10px}
.tx-dls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.tx-dl{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,transform .1s}
.tx-dl:hover{border-color:var(--deep);box-shadow:0 8px 22px rgba(1,83,84,.10)}.tx-dl:active{transform:translateY(1px)}
.tx-dl svg{flex:none;width:26px;height:26px}
.tx-dl b{display:block;font-family:Jost;font-size:.95rem;color:var(--deeper)}.tx-dl small{display:block;font-size:.76rem;color:var(--caption)}
.tx-subd{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;border-radius:14px;padding:14px 16px;background:#EAF7F0;border:1px solid #9AD3B4}
.tx-subd.todo{background:var(--panel,#F4F8F8);border:1px dashed #B9CECD}
.tx-subd>div{flex:1;min-width:220px}.tx-subd b{display:block;font-family:Jost;color:var(--deeper)}.tx-subd small{font-size:.8rem;color:var(--caption)}
.tx-okc{flex:none;width:34px;height:34px;border-radius:50%;background:#2E9B6A;display:grid;place-items:center}.tx-okc svg{stroke:#fff;stroke-width:2.4}
@media(max-width:760px){.tx-dls{grid-template-columns:1fr}}
.tx-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:1300;max-width:min(560px,92vw);background:var(--deeper,#0B2E2F);color:#fff;border-radius:999px;padding:12px 22px;font-size:.9rem;box-shadow:0 12px 36px rgba(0,0,0,.28)}
.tx-toast.bad{background:#8A2A1B}.tx-toast[hidden]{display:none}

/* ---------- focus view: the tender text stays in place while the right side scrolls ---------- */
@media(min-width:961px){
  .tpf-body>.tpf-col:first-child{position:sticky;top:0;align-self:start;max-height:calc(94vh - 190px);overflow-y:auto;overscroll-behavior:contain}
}

/* ---------- desk: feedback date ---------- */
.dk-due{font-style:normal;font-weight:600;color:#9A5B00}.dk-due.late{color:var(--red)}

/* ---------- step 1 (27.09): status flow in the hero, overview CTA, guide, customer documents ---------- */
.tp-flow{background:var(--panel,#F4F8F8);border-radius:14px;padding:14px 18px 12px}
.tp-flowh{font-family:Jost;font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--caption);margin-bottom:8px}
.tp-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.tp-flow li{position:relative;text-align:center;padding:0 2px}
.tp-flow li i{display:grid;place-items:center;width:26px;height:26px;margin:0 auto 6px;border-radius:50%;background:#fff;border:2px solid var(--line);color:var(--caption);font:700 12px Jost;font-style:normal;position:relative;z-index:1}
.tp-flow li:not(:last-child)::after{content:"";position:absolute;top:12px;left:calc(50% + 14px);right:calc(-50% + 14px);height:2px;background:var(--line)}
.tp-flow li.past i{background:var(--primary);border-color:var(--primary);color:#fff}.tp-flow li.past::after{background:var(--primary)}
.tp-flow li.now i{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px rgba(27,110,112,.15)}
.tp-flow li b{display:block;font-family:Jost;font-size:11.5px;color:var(--caption);line-height:1.2}.tp-flow li.now b,.tp-flow li.past b{color:var(--primary)}
.tp-flow li small{display:block;font-size:11px;color:var(--caption);margin-top:3px;line-height:1.3}
@media(max-width:900px){.tp-flow li b{font-size:10.5px}.tp-flow li small{display:none}}
.tt-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.tt-cta .tp-btn{font-size:1rem;padding:13px 22px}.tt-cta .tp-btn span{font-weight:400;opacity:.85}
.tt-cta small{font-size:.84rem;color:var(--caption)}.tt-alldone{font-family:Jost;font-weight:700;color:#1E6B45}
.td-guide{list-style:none;margin:0;padding:6px 24px 26px;counter-reset:g}
.td-guide li{display:flex;gap:14px;padding:12px 0;border-top:1px solid #EEF3F3;counter-increment:g}
.td-guide li:first-child{border-top:0}
.td-guide li::before{content:counter(g);flex:none;width:30px;height:30px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font:700 .85rem Jost}
.td-guide b{display:block;font-family:Jost;font-size:.95rem;color:var(--deeper)}.td-guide span{font-size:.84rem;color:var(--muted);line-height:1.45}
.td-sub .td-link{float:right;font-size:.78rem;text-transform:none;letter-spacing:0}
.td-none{font-size:.8rem;color:var(--muted);padding:6px 10px 8px}
/* the sticky total starts to the right of the floating Back/Shop pill instead of underneath it */
@media(min-width:900px){#pg-tender .tp-sticky .in{padding-left:236px}}
@media(max-width:899px){#pg-tender .tp-sticky .in{padding-bottom:70px}}

/* ---------- step 2 (27.09): focus view – three decisions, both prices, lightbox ---------- */
.tpf-acts .tp-btn.sec.ask.on{border-color:#E0A43B;color:#7A4A05;background:#FFF8EE}
.tpf-acts .tp-btn.sec.no.on{border-color:var(--bad,#B03A28);color:var(--bad,#B03A28)}
.tpf-acts .tp-lm{margin-top:0;order:0}
.tpf-help .tpf-hacts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tpf-help .tpf-hacts input{flex:1;min-width:240px}
.tpf-prod .pr{display:grid;gap:3px;margin-top:6px}
.tpf-prod .pr-row{display:flex;gap:8px;align-items:baseline;font-size:12.5px;color:var(--caption)}
.tpf-prod .pr-row em{font-style:normal;font-family:Jost;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--caption);width:88px;flex:none}
.tpf-prod .pr-row small{font-size:11px}
.tpf-prod .pr-row.main{color:var(--primary);font-size:13px}.tpf-prod .pr-row.main b{font-family:Jost;font-size:16px;color:var(--primary)}
.tp-zoom{position:fixed;inset:0;z-index:1400;background:rgba(10,46,47,.82);display:none;place-items:center;cursor:zoom-out;padding:24px}
.tp-zoom.show{display:grid}
.tp-zoom img{max-width:min(92vw,1100px);max-height:88vh;background:#fff;border-radius:16px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.4);object-fit:contain}
.tp-zoomx{position:absolute;top:18px;right:26px;color:#fff;font-size:34px;line-height:1}

/* ---------- step 3 (27.09): review list marked, locked lines, gate, history ---------- */
.tp-row.askd{border-left-color:#E0A43B;background:linear-gradient(90deg,#FFF8EE 0,#fff 140px)}
.tp-row.askd .tp-st::before{content:"On the Aprikos review list";display:inline-block;font:700 10.5px Jost;letter-spacing:.06em;text-transform:uppercase;color:#7A4A05;background:#FFF1E0;border-radius:999px;padding:3px 9px;margin-bottom:6px}
.tp-row.locked{opacity:.78}
.tp-row.locked .tp-alts,.tp-row.locked .tp-tools,.tp-row.locked .tp-rowacts .tp-mini,.tp-row.locked .tp-off,.tp-row.locked .tp-qty input{pointer-events:none;opacity:.55}
.tpf-foot.locked .tpf-acts .tp-btn[disabled]{opacity:.45;cursor:not-allowed}
.tpf-lock{grid-column:1/-1;background:#FFF8EE;border:1px solid #F0CF9B;color:#7A4A05;border-radius:10px;padding:9px 12px;font-size:.86rem}
.tp-btn.rev.gate{background:#fff;color:var(--caption);border:1.5px solid var(--line);box-shadow:none;cursor:pointer}
.tp-btn.rev.gate small{display:block;font-size:10.5px;font-weight:400;letter-spacing:0;text-transform:none;opacity:.9;line-height:1.1}
.txd-gate p{font-size:.92rem;line-height:1.55;color:#2B4645;margin:6px 0 14px}
.tt-hist{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.tt-hist #ttFeed{margin-top:8px;border-top:0;padding-top:0}

/* ---------- step 4 (27.09): Aprikos side – approved lines, confirmed prices, outcome ---------- */
.tp-mini.tp-help.apr{background:#EAF7F0;border-color:#9AD3B4;color:#1E6B45;cursor:default}
.tpf-apr{background:#EAF7F0;border:1px solid #9AD3B4;color:#1E6B45;border-radius:10px;padding:8px 12px;font-size:.86rem;font-weight:600;margin-bottom:8px}
.pr-ok{font-style:normal;font-weight:700;color:#1E6B45;font-size:11px;margin-left:6px}
.tp-price .pr-ok{display:block;margin:2px 0 0}
.tpf-aprice{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--caption)}
.tpf-aprice input{width:84px;border:1.5px solid var(--line);border-radius:8px;padding:4px 8px;font:inherit;font-weight:700;color:var(--primary)}
.tpf-aprice input:focus{outline:none;border-color:var(--deep)}
.tpf-aprice small{font-size:11px}
.dk-st.out{margin-left:6px;background:#EDF1F1;color:#587373}.dk-st.out.won{background:#EAF7F0;color:#1E6B45}.dk-st.out.lost{background:#FDECEA;color:#8A2A1B}.dk-st.out.partial{background:#FFF1E0;color:#9A5B00}.dk-st.out.submitted{background:#E7F0FA;color:#2A5A9C}
.dk-quick.outcome{justify-content:flex-start;align-items:center;gap:6px}.dk-quick.outcome span{font-family:Jost;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.dk-quick.outcome button.on{background:var(--deeper);border-color:var(--deeper);color:#fff}
.tstatus.won{color:#1E6B45}.tstatus.lost{color:#8A2A1B}.tstatus.partial{color:#9A5B00}

/* ---------- step 5 (28.09): submission – gate, outcome, internal copy, read-only after submission ---------- */
.tx-dl.done{border-color:#9AD3B4}
.tx-dlok{display:block;font-style:normal;font-size:11px;color:#1E6B45;margin-top:2px}
.tx-internal{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:.82rem;color:var(--caption);line-height:1.4}
.tx-internal input{margin-top:3px}.tx-internal b{color:var(--deeper);font-weight:600}
.tx-out{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:12px 16px;border-radius:14px;background:var(--panel,#F4F8F8)}
.tx-out>span{font-family:Jost;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.tx-out button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-family:Jost;font-weight:700;font-size:.8rem;color:var(--deeper);cursor:pointer}
.tx-out button.won.on{background:#1E6B45;border-color:#1E6B45;color:#fff}.tx-out button.partial.on{background:#B8790F;border-color:#B8790F;color:#fff}.tx-out button.lost.on{background:#8A2A1B;border-color:#8A2A1B;color:#fff}
.tx-out small{flex-basis:100%;font-size:.78rem;color:var(--caption)}
.tx-subd .tp-btn[disabled]{opacity:.45;cursor:not-allowed}
.tt-review.sub{background:#EEF4FC;border-color:#B9CFEA}.tt-review.sub b{color:#24508A}
#pg-tender.sublock #tpRows input,#pg-tender.sublock #tpRows textarea,#pg-tender.sublock #tpRows select,#pg-tender.sublock #tpRows .tp-alt,#pg-tender.sublock #tpRows .tp-tools,#pg-tender.sublock #tpRows .tp-rowacts,#pg-tender.sublock .of-card input,#pg-tender.sublock .of-card textarea,#pg-tender.sublock .of-card .of-chip,#pg-tender.sublock .of-card .of-cursel,#pg-tender.sublock .of-card .of-link,#pg-tender.sublock .tt-cta .tp-btn{pointer-events:none;opacity:.55}
.of-cursel{border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;font-family:Jost;font-weight:600;font-size:.82rem;background:#fff;color:var(--caption);cursor:pointer;margin-left:4px}
.of-cursel.on{border-color:var(--primary);color:var(--primary)}

/* ---------- step 6 (28.09): list review – a shop list goes through the tender review ---------- */
#pg-tender.listmode .tp-sticky .in > button,#pg-tender.listmode .tp-sticky .in > #tpReviewBtn{display:none}
#pg-tender.listmode .tp-badges .tp-badge:first-child{display:none}
.lr-bar{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.lr-bar .tp-btn[disabled]{opacity:.45;cursor:not-allowed}
.lr-sum .lr-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lr-sum .lr-tiles>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-align:center}
.lr-sum .lr-tiles b{display:block;font-family:Jost;font-size:20px;color:var(--primary);line-height:1.1}
.lr-sum .lr-tiles span{font-size:11px;color:var(--caption)}
.lr-sum .lr-tiles>div.warn b{color:#B8790F}.lr-sum .lr-tiles>div.ok b{color:#1E6B45}
.lr-sum .lr-tiles>div.main{grid-column:span 1;border-color:var(--primary)}.lr-sum .lr-tiles>div.main b{font-size:16px}
.tp-sticky .sum em.warn{font-style:normal;color:#B8790F;font-weight:600}
.lr-lists{margin:18px 0 26px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.lr-lists h3{font-family:Jost;font-size:1.05rem;color:var(--deeper);margin:0 0 4px}.lr-lists h3 small{font-weight:400;color:var(--muted);margin-left:6px}
.lr-empty{font-size:.9rem;color:var(--muted);background:var(--panel,#F4F8F8);border-radius:12px;padding:14px 16px;line-height:1.5}
.lr-rows{display:grid;gap:8px;margin-top:10px}
.lr-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.lr-main{flex:1;min-width:240px}.lr-main b{display:block;font-family:Jost;color:var(--deeper)}.lr-main small{font-size:.8rem;color:var(--muted)}.lr-main em{font-style:normal}.lr-main em.ok{color:#1E6B45;font-weight:600}
.lr-acts{display:flex;gap:8px}