/* Живые правки этапа 1 — после stage1-main.css */

/* Блоки этапов — как на этапах 2–4 (глобальный Rubik не должен утолщать подзаголовки) */
.okkwork-stagecards,
.okkwork-stagecards * {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif !important;
}

.okkwork-stagecards .title {
  font-weight: 750 !important;
  letter-spacing: 0.2px !important;
  color: #0658a2 !important;
}

.okkwork-stagecards .desc {
  font-weight: 400 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  color: #3b556d !important;
}

#219_2,
#219_2 input,
#219_2 button,
#219_2 textarea,
.okkwork-user-menu,
.okkwork-user-menu * {
  font-family: "Rubik", sans-serif !important;
}

/* Меню профиля — поверх формы этапа 1 (шапка + выпадающее меню) */
.Pixso-frame-219_3 .vector-wrapper-219_6.okkwork-user-menu-host {
  z-index: 20015 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.Pixso-frame-219_3 .vector-wrapper-219_6.okkwork-user-menu-host .Pixso-vector-219_6,
.Pixso-frame-219_3 .vector-wrapper-219_6.okkwork-user-menu-host .okkwork-user-header-avatar {
  visibility: visible !important;
  opacity: 1 !important;
}

.okkwork-user-menu {
  z-index: 99998 !important;
}

.okkwork-user-menu.is-floating {
  z-index: 99999 !important;
}

/* Шапка — бренд: okkwork-header-brand.css (как стартовая) */

.Pixso-frame-219_3 .Pixso-rectangle-129_38 {
  z-index: 0 !important;
  background: #dce7f2 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(6, 88, 162, 0.14) !important;
  box-shadow: 0 10px 26px rgba(6, 88, 162, 0.12) !important;
}

.Pixso-frame-219_2 > .Pixso-frame-129_23,
.Pixso-frame-219_2 > .Pixso-frame-129_35,
.Pixso-frame-219_2 > .Pixso-frame-129_19 {
  z-index: 20001 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-host {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-img {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  pointer-events: none !important;
  transform-origin: 50% 0% !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-host--28 .okkwork-header-icon-img {
  width: 28px !important;
  height: 28px !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-host .Pixso-rectangle-129_25,
.Pixso-frame-219_2 .okkwork-header-icon-host .Pixso-rectangle-129_26,
.Pixso-frame-219_2 .okkwork-header-icon-host .Pixso-rectangle-129_27 {
  display: none !important;
}

/* Вертикальная синяя линия между иконками и балансом (как на этапах 2–4) */
.Pixso-frame-219_2 #129_28.Pixso-vector-129_28 {
  display: block !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  background-color: rgba(6, 88, 162, 0.45) !important;
  background-image: url("./icon/Vector85.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.Pixso-frame-219_2 .okkwork-header-separator-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 46px !important;
  object-fit: fill !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 #129_29.Pixso-frame-129_29 {
  position: relative !important;
}

.Pixso-frame-219_2 .okkwork-header-balance-wallet {
  position: absolute !important;
  left: 14px !important;
  top: 4px !important;
  width: 27px !important;
  height: 27px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
  transform-origin: 50% 0% !important;
}

.Pixso-frame-219_2 .okkwork-header-balance-arrow {
  position: absolute !important;
  left: 130px !important;
  top: 6px !important;
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 #129_29 .Pixso-rectangle-129_30,
.Pixso-frame-219_2 #129_29 .Pixso-rectangle-129_32 {
  display: none !important;
}

.Pixso-frame-219_2 .okkwork-header-search-icon {
  position: absolute !important;
  left: 10px !important;
  top: 10.5px !important;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 #129_36.Pixso-rectangle-129_36 {
  display: none !important;
}

.Pixso-frame-219_2 .okkwork-header-support-headset {
  position: absolute !important;
  left: -2px !important;
  top: 4px !important;
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 .okkwork-header-support-chevron {
  position: absolute !important;
  left: 159px !important;
  top: 3px !important;
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
  transform: rotate(180deg);
}

.Pixso-frame-219_2 .okkwork-support-host.is-open .okkwork-header-support-chevron {
  transform: rotate(0deg);
}

.Pixso-frame-219_2 #129_20.Pixso-rectangle-129_20,
.Pixso-frame-219_2 #129_21.Pixso-rectangle-129_21 {
  display: none !important;
}

.okkwork-support-menu__icon {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.okkwork-support-menu__icon-img {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.okkwork-support-menu__item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}

.okkwork-user-menu .Pixso-rectangle-281_125,
.okkwork-user-menu .Pixso-rectangle-281_126,
.okkwork-user-menu .Pixso-rectangle-281_131,
.okkwork-user-menu .Pixso-rectangle-281_133,
.okkwork-user-menu .Pixso-rectangle-281_135,
.okkwork-user-menu .Pixso-rectangle-281_141 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  overflow: visible !important;
}

.okkwork-user-menu .Pixso-rectangle-281_125 {
  background-image: url("./icon/okkwork-user-menu-icons/c9e46b6a52637bc2a6b41513caa33750ac1fc303.png") !important;
}

.okkwork-user-menu .Pixso-rectangle-281_126 {
  background-image: url("./icon/okkwork-user-menu-icons/07365eb145a31140b318edabce560798cd90f250.png") !important;
}

.okkwork-user-menu .Pixso-rectangle-281_131 {
  background-image: url("./icon/okkwork-user-menu-icons/aa8c8b064e5525a4da544486d3dd9d35f687df51.png") !important;
}

.okkwork-user-menu .Pixso-rectangle-281_133 {
  background-image: url("./icon/okkwork-user-menu-icons/okkwork-menu-marketplace.png") !important;
}

.okkwork-user-menu .Pixso-rectangle-281_135 {
  background-image: url("./icon/okkwork-user-menu-icons/okkwork-menu-birzha-zakazov.png") !important;
}

.okkwork-user-menu .Pixso-rectangle-281_141 {
  background-image: url("./icon/okkwork-user-menu-icons/92eaa6cabb72b6b7802c45c40822363c70792c20.png") !important;
}

.okkwork-user-menu .okkwork-user-menu__icon-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Стрелка в круге — подразделения */
.okkwork-s1-fieldhost .okkwork-stage4-s1-block__collapse-toggle {
  display: inline-block !important;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  min-height: 21px !important;
  top: 5px !important;
  background-color: transparent !important;
  background-image: url("./icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 12 !important;
  pointer-events: auto !important;
}

.okkwork-s1-fieldhost .okkwork-stage4-s1-company-field__field {
  overflow: visible !important;
}

/* Стрелка в круге — поля бизнес / CRM */
.okkwork-stage1-topblock .okkwork-top-business-arrow,
.okkwork-stage1-topblock .okkwork-top-crm-arrow,
.okkwork-stage1-topblock .Pixso-rectangle-169_196,
.okkwork-stage1-topblock .Pixso-rectangle-169_181 {
  background-color: transparent !important;
  background-image: url("./icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: rotate(180deg) !important;
  transform-origin: center center !important;
  transition: transform 0.22s ease, opacity 0.12s ease !important;
}

.okkwork-stage1-topblock .okkwork-top-business-arrow.is-open,
.okkwork-stage1-topblock .okkwork-top-crm-arrow.is-open,
.okkwork-stage1-topblock .Pixso-rectangle-169_196.is-open,
.okkwork-stage1-topblock .Pixso-rectangle-169_181.is-open {
  transform: rotate(0deg) !important;
}

/* Выпадающие списки — fixed под полем (см. stage1-top-dropdown.js) */
.okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] {
  display: block !important;
}

/* Выпадающий список в document.body — правила без .okkwork-stage1-topblock */
.okkwork-top-dropdown-host--fixed,
.okkwork-top-dropdown-host--fixed.okkwork-top-dropdown-host--aligned {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown,
.okkwork-top-dropdown-host--fixed .okkwork-stage4-checklist-dropdown,
.okkwork-top-dropdown-host--fixed .okkwork-stage4-business-dropdown {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
  border-radius: 0 0 10px 10px !important;
  border-top: none !important;
  border-left: 1px solid rgba(6, 88, 162, 0.45) !important;
  border-right: 1px solid rgba(6, 88, 162, 0.45) !important;
  border-bottom: 1px solid rgba(6, 88, 162, 0.45) !important;
  box-shadow: 0 10px 28px rgba(6, 88, 162, 0.12) !important;
}

.okkwork-top-dropdown-host--fixed .okkwork-stage4-dropdown-search-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Стык списка с полем: без боковых отступов у контейнеров списка */
.okkwork-top-dropdown-host--fixed .okkwork-stage4-business-item-list,
.okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown-list,
.okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.okkwork-top-dropdown-host--fixed .okkwork-stage4-business-item-list li {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.okkwork-stage1-topblock .frame-content-171_10.is-dropdown-open .stroke-wrapper-169_192,
.okkwork-stage1-topblock .frame-content-171_10.is-dropdown-open .Pixso-rectangle-169_192,
.okkwork-stage1-topblock .frame-content-171_10.is-dropdown-open .stroke-169_192 {
  border-radius: 10px 10px 0 0 !important;
}

.okkwork-stage1-topblock .frame-content-169_178.is-dropdown-open .stroke-wrapper-169_180,
.okkwork-stage1-topblock .frame-content-169_178.is-dropdown-open .Pixso-rectangle-169_180,
.okkwork-stage1-topblock .frame-content-169_178.is-dropdown-open .stroke-169_180 {
  border-radius: 10px 10px 0 0 !important;
}

/* Host в document.body — селекторы .okkwork-stage1-topblock #okkwork-top-* больше не срабатывают */
.okkwork-top-dropdown-host .okkwork-stage4-checklist-option,
.okkwork-top-dropdown-host .okkwork-crm-option {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: "Rubik", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: rgba(15, 23, 42, 0.92) !important;
  border-radius: 12px !important;
}

.okkwork-top-dropdown-host .okkwork-stage4-checklist-option:hover,
.okkwork-top-dropdown-host .okkwork-crm-option:hover {
  background: rgba(6, 88, 162, 0.08) !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.okkwork-top-dropdown-host .okkwork-stage4-checklist-option:focus,
.okkwork-top-dropdown-host .okkwork-stage4-checklist-option:focus-visible,
.okkwork-top-dropdown-host .okkwork-crm-option:focus,
.okkwork-top-dropdown-host .okkwork-crm-option:focus-visible {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.okkwork-top-dropdown-host .okkwork-stage4-checklist-option-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0658a2 !important;
  background: rgba(6, 88, 162, 0.12) !important;
  border: 0 !important;
  border-radius: 10px !important;
}

.okkwork-top-dropdown-host .okkwork-stage4-business-item-list li {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Стрелка сворачивания — выше заметки и удаления */
.okkwork-s1-fieldhost .okkwork-stage4-s1-company-field__field .okkwork-stage4-s1-block__collapse-toggle {
  right: 36px !important;
  top: 5px !important;
  z-index: 15 !important;
}

/* Бренд в шапке — okkwork-header-brand.css + inline final-lock (как этапы 2–4) */
body[data-okkwork-stage="1"] .Pixso-frame-219_3 .Pixso-rectangle-129_38,
body[data-okkwork-stage="1"] #129_38 {
  background: #dce7f2 !important;
  background-image: none !important;
}

/* Верхний блок: выбранные значения — та же жирность, что у названия проекта */
.okkwork-stage1-topblock #okkwork-top-company-input:not(:placeholder-shown),
.okkwork-stage1-topblock #okkwork-top-company-input.okkwork-field-tone--filled,
.okkwork-stage1-topblock #okkwork-top-business-input.okkwork-field-tone--filled,
.okkwork-stage1-topblock #okkwork-top-business-input:not(:placeholder-shown),
.okkwork-stage1-topblock #okkwork-top-crm-input.okkwork-field-tone--filled,
.okkwork-stage1-topblock #okkwork-top-crm-input:not(:placeholder-shown) {
  font-family: "Rubik", "Rubik-Medium", sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #0658a2 !important;
}

/* Подразделение / специалист: заполнено — тот же тон, что у карточки этапа */
.okkwork-s1-fieldhost
  :where(.okkwork-stage4-s1-company-field__field, .okkwork-stage4-s1-point).okkwork-company-committed
  :where(.stroke-219_34, .Pixso-rectangle-219_34) {
  background: rgba(6, 88, 162, 0.14) !important;
  background-image: none !important;
}

.okkwork-s1-fieldhost
  :where(.okkwork-stage4-s1-company-field__field, .okkwork-stage4-s1-point):not(.okkwork-company-committed)
  :where(.stroke-219_34, .Pixso-rectangle-219_34) {
  background: rgba(220, 231, 242, 1) !important;
  background-image: none !important;
}