/* Read-only TZ + tender conditions + bid cards (2026-10-23) */
.tzro{display:grid;gap:12px;margin-top:8px}
.tzro-section{padding:12px 14px;border:1px solid rgba(120,160,150,.28);border-radius:12px}
.tzro-section h4{margin:0 0 8px;display:flex;gap:8px;align-items:center;font-size:15px}
.tzro-section h4 span{font-size:11px;opacity:.6}
.tzro dl,.tzro-conditions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;margin:0}
.tzro-conditions{margin:8px 0}
.tzro dl>div,.tzro-conditions>div{display:grid;gap:2px}
.tzro dt,.tzro-conditions dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.65}
.tzro dd,.tzro-conditions dd{margin:0;word-break:break-word}
.tzro-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0}
.tzro-chips li{padding:3px 10px;border-radius:999px;border:1px solid rgba(120,160,150,.4);font-size:12px}
.account-bid-card{display:grid;gap:6px;padding:12px 14px;border:1px solid rgba(120,160,150,.28);border-radius:12px;margin-bottom:10px}
.account-bid-files a{margin-right:6px}
.tender-reject-form{margin-top:6px}
.customer-tender-row [data-tender-draft-resume],.customer-tender-row [data-tender-draft-delete]{white-space:nowrap}

.account-bid-files a{color:#35ded4}
.light-theme #app .account-bid-files a{color:#0e7b74}
.producer-tender-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:0 0 14px}
.producer-tender-filters label{display:grid;gap:4px;min-width:200px;flex:1}
.producer-tender-filters label>span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.65}
.producer-tender-filters input,.producer-tender-filters select{padding:9px 11px;border-radius:10px;border:1px solid rgba(120,160,150,.4);background:rgba(255,255,255,.06);color:inherit;font:inherit}
.light-theme #app .producer-tender-filters input,.light-theme #app .producer-tender-filters select{background:#fff;border-color:#c8d9d1;color:#17362f}
.tender-empty-note{padding:18px;opacity:.8}
.proposal-panel [data-rp-pick]{width:100%}
.proposal-column{display:grid;gap:14px;align-content:start;min-width:0}
.proposal-column .proposal-panel{position:static;max-height:none;overflow:visible;height:auto}
.producer-tender-detail .detail-layout>main{align-content:start}
.producer-tender-detail .detail-layout>main>.detail-card{height:auto}
.proposal-column .submit-proposal{position:static;top:auto;bottom:auto}
.proposal-column .submit-proposal{width:100%;margin:0;box-sizing:border-box}

/* Draft row actions in "Мои тендеры": pill buttons, not the round arrow button of regular rows */
#app .customer-tender-row .tender-draft-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
#app .customer-tender-row .tender-draft-actions .tender-draft-btn{
  width:auto!important;height:auto!important;min-width:0!important;aspect-ratio:auto!important;
  padding:9px 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;
  white-space:nowrap;cursor:pointer;box-shadow:none!important;transform:none!important;
  background:linear-gradient(180deg,#1cb5ac 0%,#086968 100%)!important;color:#fff!important;border:1px solid #0b8680!important;
}
#app .customer-tender-row .tender-draft-actions .tender-draft-btn.danger{
  background:transparent!important;color:#c24242!important;border:1px solid rgba(194,66,66,.55)!important;
}
#app .customer-tender-row .tender-draft-actions .tender-draft-btn.danger:hover{background:rgba(194,66,66,.1)!important}
body:not(.light-theme) #app .customer-tender-row .tender-draft-actions .tender-draft-btn.danger{color:#ff9d9d!important;border-color:rgba(255,157,157,.5)!important}
#app .customer-tender-row .tender-draft-actions{flex-direction:column;align-items:stretch;flex-wrap:nowrap;min-width:128px}
#app .customer-tender-row .tender-draft-actions .tender-draft-btn{width:100%!important;text-align:center}

/* Attachments of the TZ (customer wizard + read-only views) */
.tz-attachments{margin-top:10px;display:grid;gap:6px}
.tz-attachments small{opacity:.7}
.tz-attachments ul,.tz-attachments-view ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tz-attachments li,.tz-attachments-view li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:7px 12px;border:1px solid rgba(120,160,150,.35);border-radius:10px;font-size:13px}
.tz-attachments li a,.tz-attachments-view li a{word-break:break-all;color:#35ded4}
.light-theme #app .tz-attachments li a,.light-theme #app .tz-attachments-view li a{color:#0e7b74}
.tz-attachments li em,.tz-attachments-view li em{opacity:.65;font-style:normal;font-size:12px}
.tz-att-kind{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}
.tz-attachments li button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.7}
.tz-attachments-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px}
.tz-attachments-photos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block}
.tz-att-title{margin:14px 0 6px}

/* Producer tender list: filter bar sits on the page, not on its own white block (both themes) */
#app .producer-tender-filters{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;padding:0!important}

/* ---- customer tender page: description on the left, bids on the right ---- */
.tender-manage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);gap:22px;align-items:start;margin-top:10px}
.tender-manage-info,.tender-manage-bids{min-width:0}
@media (max-width:1000px){.tender-manage-grid{grid-template-columns:1fr}}
.bid-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.bid-invite-note{margin:4px 0;font-size:13px}
.sample-invite-form{margin-top:8px;padding:12px;border:1px dashed rgba(120,160,150,.45);border-radius:12px}
.sample-invite-form h4{margin:0 0 4px}

/* ---- bid stepper ---- */
.bid-stepper{display:flex;gap:6px;list-style:none;margin:6px 0;padding:0;flex-wrap:wrap}
.bid-stepper li{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.55}
.bid-stepper li i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;border:1px solid rgba(120,160,150,.6)}
.bid-stepper li.done{opacity:.85}
.bid-stepper li.done i{background:#1cb5ac;color:#fff;border-color:#1cb5ac}
.bid-stepper li.active{opacity:1;font-weight:700}
.bid-stepper li.active i{background:#e7b93c;color:#2a2200;border-color:#e7b93c}
.bid-stepper li+li::before{content:"";width:14px;height:1px;background:rgba(120,160,150,.5)}
.proposal-note-strong{font-size:13px;line-height:1.4}

/* ---- sample room (chat + documents) ---- */
.sroom-wrap{margin-top:10px}
.sroom{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border:1px solid rgba(120,160,150,.3);border-radius:14px;padding:12px}
.sroom-side{display:grid;gap:10px;align-content:start;font-size:13px}
.sroom-side h4{margin:0 0 4px}
.sroom-side small{display:block;opacity:.65;margin-top:6px}
.sroom-side p{margin:2px 0}
.sroom-status{display:grid;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid rgba(231,185,60,.5)}
.sroom-status strong{color:#c9921a}
.sroom-link{border:0;background:transparent;color:#35ded4;cursor:pointer;padding:2px 0;text-align:left;font:inherit;font-size:12px;text-decoration:underline}
.light-theme #app .sroom-link{color:#0e7b74}
.sroom-tabs{display:flex;gap:6px;margin-bottom:8px}
.sroom-tabs button{padding:6px 12px;border-radius:9px;border:1px solid rgba(120,160,150,.4);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.sroom-tabs button.active{background:linear-gradient(180deg,#1cb5ac,#086968);color:#fff;border-color:#0b8680}
.sroom-tabs span{opacity:.75;font-size:11px;margin-left:4px}
.sroom-messages{display:grid;gap:8px;max-height:320px;overflow:auto;padding:2px}
.sroom-messages article{padding:8px 11px;border-radius:12px;border:1px solid rgba(120,160,150,.3);max-width:88%}
.sroom-messages article.mine{justify-self:end;border-color:rgba(28,181,172,.6)}
.sroom-messages header{display:flex;gap:8px;align-items:baseline;font-size:12px}
.sroom-messages header small{opacity:.6}
.sroom-messages p{margin:3px 0 0;white-space:pre-wrap;word-break:break-word;font-size:13px}
.sroom-compose{display:grid;gap:6px;margin-top:8px}
.sroom-compose textarea{min-height:60px;padding:8px 10px;border-radius:10px;border:1px solid rgba(120,160,150,.4);background:rgba(255,255,255,.06);color:inherit;font:inherit;resize:vertical}
.light-theme #app .sroom-compose textarea{background:#fff;border-color:#c8d9d1;color:#17362f}
.sroom-compose button{justify-self:end;padding:8px 18px;border-radius:10px;border:1px solid #0b8680;background:linear-gradient(180deg,#1cb5ac,#086968);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.sroom-docs h4{margin:10px 0 6px}
.sroom-docs ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sroom-docs li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 10px;border:1px solid rgba(120,160,150,.3);border-radius:10px;font-size:13px}
.sroom-docs li a{word-break:break-all;color:#35ded4}
.light-theme #app .sroom-docs li a{color:#0e7b74}
.sroom-docs li em{opacity:.6;font-style:normal;font-size:12px;margin-left:auto}
.sroom-upload{margin-top:10px;padding:8px 14px;border-radius:10px;border:1px solid rgba(120,160,150,.5);background:transparent;color:inherit;font:inherit;cursor:pointer}
.sroom-empty{opacity:.7;font-size:13px;margin:6px 0}

/* bid action buttons: same look in both themes */
#app .bid-actions button,#app .sample-invite-form .stock-create-actions button,#app .tender-reject-form .stock-create-actions button{
  width:auto!important;height:auto!important;min-width:0!important;padding:9px 16px!important;border-radius:10px!important;
  font-size:13px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer;box-shadow:none!important;
  background:linear-gradient(180deg,#1cb5ac 0%,#086968 100%)!important;color:#fff!important;border:1px solid #0b8680!important;
}
#app .bid-actions button.secondary,#app .sample-invite-form .stock-create-actions button.secondary,#app .tender-reject-form .stock-create-actions button.secondary{
  background:transparent!important;color:#0e7b74!important;border:1px solid rgba(14,123,116,.55)!important;
}
body:not(.light-theme) #app .bid-actions button.secondary,body:not(.light-theme) #app .sample-invite-form .stock-create-actions button.secondary,body:not(.light-theme) #app .tender-reject-form .stock-create-actions button.secondary{
  color:#9fe9e2!important;border-color:rgba(159,233,226,.5)!important;
}
#app .bid-actions button[data-reject-bid]{color:#c24242!important;border-color:rgba(194,66,66,.55)!important}
body:not(.light-theme) #app .bid-actions button[data-reject-bid]{color:#ff9d9d!important;border-color:rgba(255,157,157,.5)!important}

.sroom-side section{display:grid;gap:2px}
.sroom-status{grid-auto-flow:row}

/* tender page for the customer: "Тендер" / "Заявки" tabs instead of two columns */
.tender-manage-grid{display:block}
.tender-detail-tabs{margin:14px 0 6px}
.tender-detail-tabs span{margin-left:6px}
.tender-detail-tabs .tab-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e7b93c;margin-left:6px;vertical-align:middle}

/* ---- bids tab: compact rows ---- */
.bid-list{display:grid;gap:10px}
.bid-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid rgba(120,160,150,.3);border-radius:14px;cursor:pointer}
.bid-row:hover{border-color:rgba(28,181,172,.7)}
.bid-row-main{display:grid;gap:3px;min-width:0}
.bid-row-main small{opacity:.7}
.bid-row-reason{color:#c24242}
.bid-row-side{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.bid-row-open{padding:7px 12px;border-radius:10px;border:1px solid #0b8680;background:linear-gradient(180deg,#1cb5ac,#086968);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
@media (max-width:900px){.bid-row{grid-template-columns:1fr}.bid-row-side{justify-content:space-between}}

/* ---- single-producer page ---- */
.bidpage-head p{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bidpage-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;margin-top:12px}
@media (max-width:900px){.bidpage-layout{grid-template-columns:1fr}}
.bidpage-nav{display:grid;gap:8px}
.bidpage-nav button{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(120,160,150,.35);background:transparent;color:inherit;font:inherit;cursor:pointer}
.bidpage-nav button i{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;border:1px solid rgba(120,160,150,.6)}
.bidpage-nav button span{display:grid;gap:1px}
.bidpage-nav button small{opacity:.6;font-size:11px}
.bidpage-nav button em{opacity:.6;font-style:normal;font-size:12px}
.bidpage-nav button.active{border-color:#1cb5ac;background:rgba(28,181,172,.1)}
.bidpage-nav button.active i{background:#e7b93c;color:#2a2200;border-color:#e7b93c}
.bidpage-nav button.done i{background:#1cb5ac;color:#fff;border-color:#1cb5ac}
.bidpage-nav button.locked,.bidpage-nav button:disabled{opacity:.45;cursor:not-allowed}
.bidpage-content{display:grid;gap:12px;min-width:0}
.bidpage-copy small{opacity:.65;text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.bidpage-copy h2{margin:2px 0 4px}
.bidpage-copy p{margin:0 0 8px}

.account-bid-status.status-sample_review{background:#7a5b12!important;color:#fff!important;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}
.bidpage-nav button.active em,.bidpage-nav button.active small{opacity:.9}

/* ---- single-producer page: content blocks ---- */
#app .bidpage-card{display:grid;gap:14px;padding:18px 20px;border-radius:16px!important;border:1px solid rgba(120,160,150,.35)!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
.light-theme #app .bidpage-card{background:linear-gradient(135deg,#f6fbf9 0%,#e9f6f1 100%)!important;border-color:#cfe3da!important;box-shadow:0 6px 18px rgba(20,65,49,.06)!important}
.bidpage-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.bidpage-card>header small,.bidpage-terms small,.bidpage-comment small,.bidpage-note small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.65}
.bidpage-card>header h3{margin:2px 0 0}
.bidpage-card>header span{font-size:12px;opacity:.7}
.bidpage-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 18px}
.bidpage-terms strong{display:block;margin-top:2px;font-size:16px}
.bidpage-comment p,.bidpage-note p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.bidpage-files{display:grid;gap:8px}
#app .bidpage-file{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(120,160,150,.4);text-decoration:none;color:inherit}
.bidpage-file b{grid-column:1}
.bidpage-file small{grid-column:1;opacity:.65;font-size:12px}
.bidpage-file i{grid-column:2;grid-row:1/3;font-style:normal;font-size:13px;font-weight:700;color:#0e7b74}
body:not(.light-theme) .bidpage-file i{color:#35ded4}
/* stage navigation: readable subtitles in both themes, also on the active item */
.light-theme #app .bidpage-nav button small,.light-theme #app .bidpage-nav button em{color:#5f7a72!important;opacity:1}
.light-theme #app .bidpage-nav button.active small,.light-theme #app .bidpage-nav button.active em{color:#2f5c53!important}
body:not(.light-theme) #app .bidpage-nav button small,body:not(.light-theme) #app .bidpage-nav button em{color:#a9c8c0!important;opacity:1}

/* ---- sample room layout like the demo: chat / documents on the left, info on the right ---- */
.sroom-side{order:-1}                       /* narrow producer column: info first, then chat */
.bidpage-content .sroom{grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.bidpage-content .sroom-side{order:0;position:sticky;top:90px}
@media (max-width:900px){.bidpage-content .sroom{grid-template-columns:1fr}.bidpage-content .sroom-side{order:-1;position:static}}
.sroom-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}
.sroom-title h4{margin:0}
.sroom-title p{margin:2px 0 0;font-size:12px;opacity:.65}
.sroom-title span{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid rgba(120,160,150,.4);white-space:nowrap}
.bidpage-content .sroom-messages{height:360px;max-height:360px;align-content:start}

/* ---- sample room as a distinct chat window (header / main + side panes / docked composer) ---- */
#app .sroom{padding:0!important;gap:0!important;overflow:hidden;border-radius:16px!important;border:1px solid #244742!important;background:#0b2529!important;grid-template-rows:auto 1fr}
#app .sroom-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #244742;background:#0a292c}
#app .sroom-head small{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.65}
#app .sroom-head h3{margin:2px 0 0;font-size:18px}
#app .sroom-head-status{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid rgba(231,185,60,.6);color:#e7b93c;white-space:nowrap}
#app .sroom-main{display:grid;grid-template-rows:auto 1fr;min-width:0}
#app .sroom-tabs{margin:0;padding:12px 18px;border-bottom:1px solid #244742;background:#0c292d}
#app .sroom-content{padding:16px 18px;display:flex;flex-direction:column;min-width:0}
#app .sroom-side{padding:16px 18px;border-left:1px solid #244742;background:#092529;align-content:start}
#app .sroom-messages{padding:12px;border:1px solid #244742;border-radius:12px;background:#08201f;min-height:260px}
#app .bidpage-content .sroom-messages{height:340px;max-height:340px}
#app .sroom-messages article{background:#0f302f;border-color:#244742}
#app .sroom-messages article.mine{background:#0c3a38;border-color:rgba(28,181,172,.6)}
#app .sroom-compose{margin-top:12px;padding-top:12px;border-top:1px solid #244742}
/* light theme (colors from the demo: head #eef6f1, side #f4f8f6, borders #d4e2db) */
.light-theme #app .sroom{background:#ffffff!important;border-color:#cfe0d7!important;box-shadow:0 8px 24px rgba(20,65,49,.07)}
.light-theme #app .sroom-head{background:#eef6f1;border-color:#d4e2db}
.light-theme #app .sroom-head h3{color:#17362f}
.light-theme #app .sroom-head-status{color:#a86f00;border-color:rgba(168,111,0,.55)}
.light-theme #app .sroom-tabs{background:#f6faf8;border-color:#d4e2db}
.light-theme #app .sroom-side{background:#f4f8f6;border-color:#d4e2db}
.light-theme #app .sroom-messages{background:#f7fbf9;border-color:#d4e2db}
.light-theme #app .sroom-messages article{background:#ffffff;border-color:#d4e2db}
.light-theme #app .sroom-messages article.mine{background:#e6f5f1;border-color:#7fcfc5}
.light-theme #app .sroom-compose{border-color:#d4e2db}
@media (max-width:900px){#app .sroom-side{border-left:0;border-bottom:1px solid #244742}.light-theme #app .sroom-side{border-color:#d4e2db}}
#app .bidpage-content .sroom{align-items:stretch}
#app .bidpage-content .sroom-side{position:static;align-self:stretch}

/* dark theme: tabs / link-buttons inside the room must not inherit the big teal button look */
#app .sroom-tabs button{background:transparent!important;color:inherit!important;border:1px solid rgba(120,160,150,.4)!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:6px 12px!important;font-size:13px!important}
#app .sroom-tabs button.active{background:linear-gradient(180deg,#1cb5ac,#086968)!important;color:#fff!important;border-color:#0b8680!important}
#app .sroom-link{background:transparent!important;box-shadow:none!important;border:0!important;padding:2px 0!important;width:auto!important;height:auto!important;font-size:12px!important;color:#35ded4!important;text-decoration:underline}
.light-theme #app .sroom-link{color:#0e7b74!important}
#app .sroom-upload{background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:8px 14px!important;font-size:13px!important;border:1px solid rgba(120,160,150,.5)!important;color:inherit!important}

/* higher specificity than the dark-theme button rules */
body:not(.light-theme):not(.platform-route):not(.map-theme-lock) #app .sroom .sroom-tabs button:not(.active){
  background:transparent!important;background-image:none!important;box-shadow:none!important;border:1px solid rgba(120,160,150,.4)!important;color:inherit!important}
body:not(.light-theme):not(.platform-route):not(.map-theme-lock) #app .sroom button.sroom-link,
body:not(.light-theme):not(.platform-route):not(.map-theme-lock) #app .sroom button.sroom-upload{
  background:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;border:0!important;color:#35ded4!important;width:auto!important;min-height:0!important;padding:2px 0!important}
body:not(.light-theme):not(.platform-route):not(.map-theme-lock) #app .sroom button.sroom-upload{border:1px solid rgba(120,160,150,.5)!important;border-radius:10px!important;padding:8px 14px!important;color:inherit!important}

/* The dark-theme "any .page button" rule has ~45 :not() terms; these selectors outweigh it on purpose. */
body:not(.light-theme) #app .page .sroom .sroom-tabs button:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.active){background:transparent!important;background-image:none!important;box-shadow:none!important;border:1px solid rgba(120,160,150,.4)!important;color:inherit!important;width:auto!important}
body:not(.light-theme) #app .page .sroom .sroom-tabs button.active:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){background:linear-gradient(180deg,#1cb5ac,#086968)!important;color:#fff!important;border:1px solid #0b8680!important}
body:not(.light-theme) #app .page .sroom button.sroom-link:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:2px 0!important;min-height:0!important;width:auto!important;color:#35ded4!important}
body:not(.light-theme) #app .page .sroom button.sroom-upload:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){background:transparent!important;background-image:none!important;box-shadow:none!important;border:1px solid rgba(120,160,150,.5)!important;border-radius:10px!important;padding:8px 14px!important;width:auto!important;color:inherit!important}

/* producer tender page: two tabs ("Тендер" / "Моя заявка") */
.producer-pane{display:grid;gap:16px;margin-top:8px}
.producer-form-wrap{max-width:700px}
.producer-form-wrap .proposal-panel{position:static;max-height:none;overflow:visible;height:auto}
.producer-form-wrap .submit-proposal{position:static;width:100%;margin:0;box-sizing:border-box}
.tender-detail-tabs button span{font-size:11px;opacity:.75;margin-left:6px;font-weight:600}

/* tender page tabs ("Тендер" / "Заявки" / "Моя заявка"): readable text and badges in both themes */
.light-theme #app .tender-detail-tabs button:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){color:#5f7a72!important;opacity:1!important;text-shadow:none!important}
.light-theme #app .tender-detail-tabs button.active:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){color:#0e7b74!important;border-bottom-color:#1cb5ac!important}
.light-theme #app .tender-detail-tabs button span:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){background:rgba(28,181,172,.14)!important;color:#0b6b64!important;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;opacity:1!important;margin-left:8px}
body:not(.light-theme) #app .tender-detail-tabs button:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){color:#a9c8c0!important;opacity:1!important}
body:not(.light-theme) #app .tender-detail-tabs button.active:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){color:#ffffff!important}
body:not(.light-theme) #app .tender-detail-tabs button span:not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz):not(.zz){background:rgba(255,255,255,.1)!important;color:#9fe9e2!important;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;opacity:1!important;margin-left:8px}

/* ---- bid stepper: four equal columns, circle on top, label under it, connector lines ---- */
.bid-stepper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;margin:0!important;padding:0!important;list-style:none}
.bid-stepper li{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:6px!important;padding:0 4px;text-align:center;font-size:11px!important;line-height:1.25}
.bid-stepper li+li::before{content:none!important;display:none!important}
.bid-stepper li i{flex:0 0 22px;width:22px!important;height:22px!important;position:relative;z-index:1;background:transparent}
.bid-stepper li:not(:last-child)::after{content:"";position:absolute;top:10px;left:calc(50% + 15px);right:calc(-50% + 15px);height:2px;background:rgba(120,160,150,.45)}
.bid-stepper li.done:not(:last-child)::after{background:#1cb5ac}
.bid-stepper li span{display:block;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
.bid-row-stage{min-width:0}

/* production kanban (real): file lists inside the demo's stage form */
.real-production .prod-files{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px}
.real-production .prod-files li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 10px;border:1px solid rgba(120,160,150,.3);border-radius:10px;font-size:13px}
.real-production .prod-files a{word-break:break-all;color:#35ded4}
.light-theme #app .real-production .prod-files a{color:#0e7b74}
.real-production .prod-files em{opacity:.6;font-style:normal;font-size:12px;margin-left:auto}
.real-production .prod-file-field button{margin-top:4px}
.real-production .prod-return-form{margin:10px 0;padding:12px;border:1px dashed rgba(194,66,66,.5);border-radius:12px}
.real-production .prod-return-note{border-color:rgba(194,66,66,.55)}
.real-production .chat-messages{max-height:420px;overflow:auto}