/* Production kanban buttons keep only status nodes and text. */
html body:not(.light-theme) #app#app .page.production-page .production-story .production-kanban > button.production-stage,
html body:not(.light-theme) #app#app .page.production-page .production-story .production-kanban > button.production-stage:is(:hover,:focus,:focus-visible,:active),
html body.light-theme #app#app .page.production-page .production-story .production-kanban > button.production-stage,
html body.light-theme #app#app .page.production-page .production-story .production-kanban > button.production-stage:is(:hover,:focus,:focus-visible,:active){
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
}
html body #app .page.production-page .production-kanban > button.production-stage > small,
html body #app .page.production-page .production-kanban > button.production-stage:is(.done,.current,.locked) > small{
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Keep completed nodes and their connector in the platform turquoise. */
html body #app#app .page.production-page .production-story .production-kanban > button.production-stage.done::before,
html body #app#app .page.production-page .production-story .production-kanban > button.production-stage.done::after,
html body #app#app .page.production-page .production-story .production-kanban > button.production-stage.current::before{background:#20cbbb!important}
html body #app#app .page.production-page .production-story .production-kanban > button.production-stage.done > .story-node{border-color:#20cbbb!important;background:#20cbbb!important;color:#042a28!important}
html body #app#app .page.production-page .kanban-legend > .done::before{background:#20cbbb!important}
html body.light-theme #app#app .page.production-page .production-story .production-kanban > button.production-stage.done::before,
html body.light-theme #app#app .page.production-page .production-story .production-kanban > button.production-stage.done::after,
html body.light-theme #app#app .page.production-page .production-story .production-kanban > button.production-stage.current::before{background:#16a99f!important}
html body.light-theme #app#app .page.production-page .production-story .production-kanban > button.production-stage.done > .story-node{border-color:#16a99f!important;background:#16a99f!important;color:#fff!important}
html body.light-theme #app#app .page.production-page .kanban-legend > .done::before{background:#16a99f!important}

/* Match the kanban board surfaces to the turquoise logistics gradients. */
html body:not(.light-theme) #app#app .page.production-page .production-rule,
html body:not(.light-theme) #app#app .page.production-page .production-story{
  border-color:#2f7774!important;
  background-color:#0f4543!important;
  background-image:linear-gradient(135deg,#17615d 0%,#0f4543 54%,#093536 100%)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
html body.light-theme #app#app .page.production-page .production-rule,
html body.light-theme #app#app .page.production-page .production-story{
  border-color:#8ccbc3!important;
  background-color:#d9f1ed!important;
  background-image:linear-gradient(135deg,#eaf9f6 0%,#d9f1ed 54%,#c6e7e1 100%)!important;
  box-shadow:0 8px 24px rgba(19,105,96,.1)!important;
}

/* Use the logistics gradient on every card inside all production stages. */
html body:not(.light-theme) #app#app .page.production-page .stage-workspace > .stage-form,
html body:not(.light-theme) #app#app .page.production-page .stage-workspace > .stage-chat,
html body:not(.light-theme) #app#app .page.production-page .contract-documents > .contract-party,
html body:not(.light-theme) #app#app .page.production-page .signature-module > div,
html body:not(.light-theme) #app#app .page.production-page .stage-fields > label,
html body:not(.light-theme) #app#app .page.production-page .chat-messages > article{
  border-color:#2f7774!important;
  background-color:#0f4543!important;
  background-image:linear-gradient(135deg,#17615d 0%,#0f4543 54%,#093536 100%)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}
html body.light-theme #app#app .page.production-page .stage-workspace > .stage-form,
html body.light-theme #app#app .page.production-page .stage-workspace > .stage-chat,
html body.light-theme #app#app .page.production-page .contract-documents > .contract-party,
html body.light-theme #app#app .page.production-page .signature-module > div,
html body.light-theme #app#app .page.production-page .stage-fields > label,
html body.light-theme #app#app .page.production-page .chat-messages > article{
  border-color:#8ccbc3!important;
  background-color:#d9f1ed!important;
  background-image:linear-gradient(135deg,#eaf9f6 0%,#d9f1ed 54%,#c6e7e1 100%)!important;
  box-shadow:0 8px 24px rgba(19,105,96,.09)!important;
}
html body #app#app .page.production-page .stage-fields > label{
  display:block;
  padding:11px;
  border:1px solid;
  border-radius:9px;
}


/* === Кнопки выбора ТЗ в стиле селектов категории, без подложки === */
.category-result{border:0 !important;padding:0 !important;margin-top:18px !important;gap:16px !important}
html body #app .tender-create-page:has(.category-step-card) .category-step-card .category-result{background:transparent !important;background-image:none !important;border:0 !important;padding:0 !important;box-shadow:none !important}
.category-result small{color:#8fb0a8 !important}
.light-theme .category-result small{color:#5c776e !important}
.category-result-actions{display:flex;gap:14px;width:100%;margin-top:0}
.category-result-actions button{flex:1 1 0;width:auto !important;min-height:52px !important;padding:14px 16px !important;border:0 !important;border-radius:12px !important;margin:0 !important;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:500 16px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;color:#fff !important;text-decoration:none !important;background:linear-gradient(180deg,#1cb5ac 0%,#086968 100%) !important;box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 10px 24px rgba(8,105,104,.28) !important}
.category-result-actions button span{margin:0 !important;text-decoration:none !important}
.category-result-actions button svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:#fff !important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.category-result-actions{flex-direction:column}.category-result-actions button{width:100% !important}}
.tz-uploaded-note{display:flex;align-items:center;gap:8px;width:100%;margin:10px 0 0;padding:9px 12px;border-radius:8px;background:rgba(103,200,121,.14);color:#8fe0a3;font-size:11px;line-height:1.35}
.tz-uploaded-note svg{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:#67c879;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tz-uploaded-note b{color:#c9f2d5}
.light-theme .tz-uploaded-note{background:rgba(47,125,70,.12);color:#276b3d}
.light-theme .tz-uploaded-note b{color:#1c4b2c}