/* OKKwork: интерактивное обучение на этапе 1 */
.okkwork-onboarding {
  position: fixed;
  inset: 0;
  z-index: 99980;
  pointer-events: none;
  font-family: "Rubik", "Rubik", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.okkwork-onboarding.is-active {
  pointer-events: none;
}

.okkwork-onboarding__panel {
  position: fixed;
  background: rgba(8, 18, 36, 0.78);
  pointer-events: auto;
  transition: opacity 0.2s ease;
}

.okkwork-onboarding__backdrop {
  position: fixed;
  inset: 0;
  z-index: 99987;
  background: rgba(8, 18, 36, 0.78);
  pointer-events: none;
  transition: opacity 0.2s ease;
  -webkit-mask-mode: luminance;
  mask-mode: luminance;
}

.okkwork-onboarding__tooltip {
  position: fixed;
  z-index: 100004;
  width: min(420px, calc(100vw - 32px));
  padding: 18px 20px 16px;
  border-radius: 16px;
  border: 1px solid rgba(0, 184, 217, 0.28);
  background:
    radial-gradient(900px 220px at 14% 0%, rgba(6, 88, 162, 0.22), transparent 60%),
    linear-gradient(145deg, rgba(15, 30, 55, 0.97) 0%, rgba(10, 22, 42, 0.98) 100%);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  color: rgba(255, 255, 255, 0.92);
  pointer-events: auto;
}

.okkwork-onboarding__step-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 184, 217, 0.14);
  border: 1px solid rgba(0, 184, 217, 0.28);
  color: rgba(120, 220, 255, 0.95);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.okkwork-onboarding__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.okkwork-onboarding__hint {
  margin: 10px 0 0;
  font-size: 12.5px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.55);
}

.okkwork-onboarding__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
}

.okkwork-onboarding__next {
  min-width: 96px;
  height: 38px;
  padding: 0 16px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(135deg, #00b8d9 0%, #0658a2 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 184, 217, 0.28);
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.okkwork-onboarding__next:disabled {
  opacity: 0.38;
  cursor: not-allowed;
  box-shadow: none;
}

.okkwork-onboarding__next:not(:disabled):hover {
  transform: translateY(-1px);
}

.okkwork-onboarding__skip {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 100004;
  height: 42px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(12, 22, 40, 0.88);
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  pointer-events: auto;
  backdrop-filter: blur(8px);
  transition: background 0.15s ease, color 0.15s ease;
}

.okkwork-onboarding__skip:hover {
  background: rgba(20, 34, 58, 0.95);
  color: rgba(255, 255, 255, 0.95);
}

.okkwork-onboarding-target {
  pointer-events: auto;
}

.okkwork-onboarding-target * {
  pointer-events: auto;
}

/* Поднять верхний блок над затемнением */
body.okkwork-onboarding-active .okkwork-stage1-topblock {
  z-index: 100000 !important;
}

body.okkwork-onboarding-active .okkwork-s1-fieldhost:has(.okkwork-onboarding-target) {
  z-index: 100000 !important;
}

body.okkwork-onboarding-active #okkwork-stagecards.okkwork-onboarding-target {
  z-index: 100001 !important;
}

/* Светлые поля — z-index без смены position (иначе ломается absolute у кнопок и иконок) */
body.okkwork-onboarding-active .okkwork-onboarding-target {
  z-index: 100001 !important;
  pointer-events: auto;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .stroke-wrapper-169_191.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage1-topblock .stroke-wrapper-169_192.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage1-topblock .stroke-wrapper-169_180.okkwork-onboarding-target {
  position: relative;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__field.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage4-s1-point__field.okkwork-onboarding-target {
  position: relative;
}

body.okkwork-onboarding-active #okkwork-stage4-add-subdivision.okkwork-onboarding-target {
  z-index: 100001 !important;
}

body.okkwork-onboarding-active .okkwork-stage4-add-subdivision-center {
  z-index: 100000 !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target {
  position: relative !important;
  z-index: 100060 !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 10px !important;
  overflow: visible !important;
  isolation: auto !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Закрытый список: скрыть host, чтобы не рисовал широкую белую подложку */
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Поле + открытый список: скругление сверху у поля, снизу у списка */
body.okkwork-onboarding-active .frame-content-171_10:has(.okkwork-top-dropdown-host[aria-hidden="false"]) .stroke-wrapper-169_192.okkwork-onboarding-target,
body.okkwork-onboarding-active .frame-content-169_178:has(.okkwork-top-dropdown-host[aria-hidden="false"]) .stroke-wrapper-169_180.okkwork-onboarding-target {
  border-radius: 10px 10px 0 0 !important;
}

body.okkwork-onboarding-active .frame-content-171_10:has(.okkwork-top-dropdown-host[aria-hidden="false"]) .stroke-wrapper-169_192.okkwork-onboarding-target .Pixso-rectangle-169_192,
body.okkwork-onboarding-active .frame-content-169_178:has(.okkwork-top-dropdown-host[aria-hidden="false"]) .stroke-wrapper-169_180.okkwork-onboarding-target .Pixso-rectangle-169_180,
body.okkwork-onboarding-active .frame-content-171_10:has(.okkwork-top-dropdown-host[aria-hidden="false"]) .stroke-wrapper-169_192.okkwork-onboarding-target .stroke-169_192,
body.okkwork-onboarding-active .frame-content-169_178:has(.okkwork-top-dropdown-host[aria-hidden="false"]) .stroke-wrapper-169_180.okkwork-onboarding-target .stroke-169_180 {
  border-radius: 10px 10px 0 0 !important;
}

/* Шаг 1: белая подложка у поля названия компании */
body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-171_11:has(.okkwork-onboarding-target) .Pixso-rectangle-169_191 {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 10px !important;
  pointer-events: none !important;
}

/* Шаги 2–3: как шаг 1 — симметричная белая подложка + glow */
body.okkwork-onboarding-active .okkwork-stage1-topblock .stroke-wrapper-169_192.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage1-topblock .stroke-wrapper-169_180.okkwork-onboarding-target {
  position: relative !important;
  overflow: visible !important;
  border-radius: 10px !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-171_10:has(.okkwork-onboarding-target) .Pixso-rectangle-169_192,
body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-169_178:has(.okkwork-onboarding-target) .Pixso-rectangle-169_180 {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 10px !important;
  pointer-events: none !important;
}

/* Список открыт — единая JS-подложка (combo-fill), Pixso и stroke без своей рамки */
body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-171_10:has(#okkwork-top-business-dropdown-host[aria-hidden="false"]) .okkwork-onboarding-target .Pixso-rectangle-169_192,
body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-169_178:has(#okkwork-top-crm-dropdown-host[aria-hidden="false"]) .okkwork-onboarding-target .Pixso-rectangle-169_180 {
  background: transparent !important;
  background-image: none !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-171_11:has(.okkwork-onboarding-target) .Pixso-paragraph-169_176,
body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-171_10:has(.okkwork-onboarding-target) .Pixso-paragraph-169_193,
body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-169_178:has(.okkwork-onboarding-target) .Pixso-paragraph-169_179_0 {
  margin-bottom: 10px !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-arrow-hit {
  position: absolute;
  z-index: 100003 !important;
  pointer-events: auto !important;
  cursor: pointer;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-171_10:has(.okkwork-onboarding-target) .okkwork-top-business-arrow,
body.okkwork-onboarding-active .okkwork-stage1-topblock .frame-content-169_178:has(.okkwork-onboarding-target) .okkwork-top-crm-arrow {
  top: 28px !important;
  right: 12px !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target .stroke-169_191,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target .stroke-169_192,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target .stroke-169_180 {
  z-index: 4 !important;
  pointer-events: none !important;
  border-radius: 10px !important;
  box-shadow:
    0 0 0 2px rgba(0, 184, 217, 0.85),
    0 0 0 6px rgba(0, 184, 217, 0.18),
    0 0 28px rgba(0, 184, 217, 0.35) !important;
}

body.okkwork-onboarding-combo-active .okkwork-onboarding-target.stroke-wrapper-169_192,
body.okkwork-onboarding-combo-active .okkwork-onboarding-target.stroke-wrapper-169_180 {
  overflow: hidden !important;
}

body.okkwork-onboarding-combo-active .okkwork-onboarding-target .stroke-169_192,
body.okkwork-onboarding-combo-active .okkwork-onboarding-target .stroke-169_180 {
  z-index: 5 !important;
  pointer-events: none !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none !important;
}

body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown-section,
body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown-list,
body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-stage4-dropdown-scroll {
  background: #ffffff !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-target .stroke-wrapper-219_34 {
  position: relative !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  isolation: isolate;
}

body.okkwork-onboarding-active .okkwork-onboarding-target .Pixso-rectangle-219_34,
body.okkwork-onboarding-active .okkwork-onboarding-target .stroke-219_34 {
  border-radius: 10px !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-target .Pixso-rectangle-219_34 {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-target .stroke-219_34 {
  z-index: 4 !important;
  pointer-events: none !important;
  box-shadow:
    0 0 0 2px rgba(0, 184, 217, 0.85),
    0 0 0 6px rgba(0, 184, 217, 0.18),
    0 0 28px rgba(0, 184, 217, 0.35) !important;
}

body.okkwork-onboarding-active #okkwork-stagecards.okkwork-onboarding-target {
  background: transparent !important;
  background-image: none !important;
  border-radius: 10px;
  overflow: visible;
}

/* Шаг 4: белая подложка под рамкой кнопки (как у полей направления/CRM) */
body.okkwork-onboarding-active #okkwork-stage4-add-subdivision.okkwork-onboarding-target {
  position: relative !important;
  isolation: isolate !important;
  transform: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow:
    inset 0 0 0 2px rgba(0, 184, 217, 0.88),
    0 0 20px rgba(0, 184, 217, 0.28) !important;
}

body.okkwork-onboarding-active #okkwork-stage4-add-subdivision.okkwork-onboarding-target::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  transform: none !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.okkwork-onboarding-active #okkwork-stage4-add-subdivision.okkwork-onboarding-target > * {
  position: relative !important;
  z-index: 1 !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-point__inner-icon.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage4-s1-block__inner-icon.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__icon-bl.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__icon-right.okkwork-onboarding-target {
  position: absolute !important;
  z-index: 100002 !important;
  border-radius: 8px !important;
  box-shadow:
    0 0 0 2px rgba(0, 184, 217, 0.85),
    0 0 0 6px rgba(0, 184, 217, 0.18),
    0 0 24px rgba(0, 184, 217, 0.4) !important;
  background-color: #ffffff !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-point__inner-icon.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage4-s1-block__inner-icon.okkwork-onboarding-target {
  right: 8px !important;
  transform: translateX(3px) !important;
  background-size: 16px 16px !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__icon-bl.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__icon-right.okkwork-onboarding-target {
  bottom: -33px !important;
  width: 24px !important;
  height: 24px !important;
  background-size: contain !important;
  transform: none !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__icon-bl.okkwork-onboarding-target {
  left: 10px !important;
  right: auto !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__icon-right.okkwork-onboarding-target {
  right: 10px !important;
  left: auto !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-block__inner-icon.okkwork-onboarding-target {
  top: 5px !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-point__inner-icon.okkwork-onboarding-target {
  top: 8px !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__field.okkwork-onboarding-target,
body.okkwork-onboarding-active .okkwork-stage4-s1-point__field.okkwork-onboarding-target {
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target input {
  position: absolute !important;
  z-index: 100062 !important;
  pointer-events: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: none !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target input:-webkit-autofill,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  border-radius: 0 !important;
  transition: background-color 99999s ease-out 0s;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target input:placeholder-shown,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target #okkwork-top-company-input:placeholder-shown,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target #okkwork-top-business-input:placeholder-shown,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target #okkwork-top-crm-input:placeholder-shown {
  color: rgba(6, 88, 162, 0.48) !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 0.48) !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-selected-icon,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-crm-selected-logo {
  z-index: 100063 !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target #okkwork-top-business-input[data-okkwork-has-value="1"],
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target #okkwork-top-crm-input[data-okkwork-has-value="1"],
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target #okkwork-top-business-input.okkwork-field-tone--filled,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-onboarding-target #okkwork-top-crm-input.okkwork-field-tone--filled {
  color: #0658a2 !important;
  -webkit-text-fill-color: #0658a2 !important;
}

/* Поля подразделения / специалиста: input на всю ширину (не relative — иначе клик только слева) */
body.okkwork-onboarding-active .okkwork-s1-fieldhost .okkwork-onboarding-target input.Pixso-paragraph-219_35,
body.okkwork-onboarding-active .okkwork-onboarding-target .stroke-wrapper-219_34 input.Pixso-paragraph-219_35 {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  min-height: 28px !important;
  margin: 0 !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  background: transparent !important;
  color: rgba(72, 87, 101, 0.92) !important;
  -webkit-text-fill-color: rgba(72, 87, 101, 0.92) !important;
}

body.okkwork-onboarding-active .okkwork-stage4-s1-company-field__field.okkwork-onboarding-target:has(.okkwork-stage4-s1-block__stroke)
  input.Pixso-paragraph-219_35 {
  right: 52px !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-target input::placeholder,
body.okkwork-onboarding-active .okkwork-onboarding-target #okkwork-top-company-input::placeholder,
body.okkwork-onboarding-active .okkwork-onboarding-target #okkwork-top-business-input::placeholder,
body.okkwork-onboarding-active .okkwork-onboarding-target #okkwork-top-crm-input::placeholder {
  color: rgba(6, 88, 162, 0.48) !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 0.48) !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"],
body.okkwork-onboarding-active .okkwork-top-dropdown-host--fixed,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active,
body.okkwork-onboarding-active #okkwork-top-business-dropdown-host[aria-hidden="false"],
body.okkwork-onboarding-active #okkwork-top-crm-dropdown-host[aria-hidden="false"] {
  position: fixed !important;
  z-index: 100052 !important;
  isolation: auto !important;
  pointer-events: auto !important;
  overflow: visible !important;
  border-radius: 0 0 10px 10px !important;
  touch-action: pan-y;
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active *,
body.okkwork-onboarding-active #okkwork-top-business-dropdown-host[aria-hidden="false"] *,
body.okkwork-onboarding-active #okkwork-top-crm-dropdown-host[aria-hidden="false"] * {
  pointer-events: auto !important;
}

/* Белая подложка — JS (border внутри box-sizing, без outline снаружи) */
.okkwork-onboarding-field-fill,
.okkwork-onboarding-combo-fill,
.okkwork-onboarding-target-fill {
  background: #ffffff;
}

.okkwork-onboarding-field-value--fixed {
  color: #0658a2 !important;
  -webkit-text-fill-color: #0658a2 !important;
  font-family: "Rubik", "Rubik", ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

/* Прозрачный input только у поля с открытым списком (второе поле не гаснет) */
body.okkwork-onboarding-combo-active .frame-content-171_10:has(#okkwork-top-business-dropdown-host[aria-hidden="false"]) #okkwork-top-business-input[data-okkwork-has-value="1"],
body.okkwork-onboarding-combo-active .frame-content-169_178:has(#okkwork-top-crm-dropdown-host[aria-hidden="false"]) #okkwork-top-crm-input[data-okkwork-has-value="1"] {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.okkwork-onboarding-combo-ring {
  display: none !important;
}

body.okkwork-onboarding-combo-active .okkwork-onboarding-target {
  position: relative !important;
  z-index: 100060 !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] .okkwork-crm-dropdown,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] .okkwork-stage4-checklist-dropdown,
body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] .okkwork-stage4-business-dropdown,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-checklist-dropdown,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-dropdown {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  box-shadow: none !important;
}

body.okkwork-onboarding-combo-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-dropdown,
body.okkwork-onboarding-combo-active #okkwork-top-business-dropdown-host[aria-hidden="false"] .okkwork-stage4-business-dropdown {
  overflow: hidden !important;
}

body.okkwork-onboarding-combo-active #okkwork-top-crm-dropdown-host[aria-hidden="false"] .okkwork-crm-dropdown,
body.okkwork-onboarding-combo-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: min(320px, 46vh) !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.okkwork-onboarding-combo-active #okkwork-top-business-dropdown-host[aria-hidden="false"] .okkwork-stage4-business-dropdown,
body.okkwork-onboarding-combo-active #okkwork-top-crm-dropdown-host[aria-hidden="false"] .okkwork-crm-dropdown,
body.okkwork-onboarding-combo-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-dropdown,
body.okkwork-onboarding-combo-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown {
  border: none !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] .okkwork-stage4-dropdown-search-wrap,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-dropdown-search-wrap {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(217, 224, 227, 0.95) !important;
  border-radius: 0 !important;
  padding: 10px 12px 8px !important;
  box-sizing: border-box !important;
}

body.okkwork-onboarding-combo-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown-heading,
body.okkwork-onboarding-combo-active #okkwork-top-crm-dropdown-host[aria-hidden="false"] .okkwork-crm-dropdown-heading {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

body.okkwork-onboarding-combo-active .okkwork-onboarding-dropdown-active .okkwork-crm-option,
body.okkwork-onboarding-combo-active #okkwork-top-crm-dropdown-host[aria-hidden="false"] .okkwork-crm-option {
  padding-left: 12px !important;
}

body.okkwork-onboarding-combo-active .okkwork-onboarding-dropdown-active .okkwork-stage4-dropdown-search,
body.okkwork-onboarding-combo-active #okkwork-top-business-dropdown-host[aria-hidden="false"] .okkwork-stage4-dropdown-search {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-stage4-business-dropdown,
body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown {
  margin: 0 !important;
  padding: 0 !important;
  left: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-stage4-dropdown-search-wrap {
  padding: 10px 12px 8px !important;
}

body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown-heading {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.okkwork-onboarding-combo-active .okkwork-top-dropdown-host--fixed .okkwork-crm-option {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] .okkwork-stage4-dropdown-search,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-dropdown-search {
  background: #ffffff !important;
  color: rgba(15, 23, 42, 0.92) !important;
  border: 1px solid rgba(107, 124, 128, 0.65) !important;
  border-radius: 8px !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] .okkwork-stage4-dropdown-search::placeholder,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-dropdown-search::placeholder {
  color: rgba(72, 87, 101, 0.55) !important;
}

body.okkwork-onboarding-active .okkwork-stage1-topblock .okkwork-top-dropdown-host[aria-hidden="false"] .okkwork-stage4-dropdown-scroll,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-dropdown-scroll {
  position: relative;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 0 10px 10px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: min(320px, 46vh) !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  pointer-events: auto !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-section-title,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown-heading {
  background: #f5f8fc !important;
  color: rgba(6, 88, 162, 1) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none;
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-section-title::after,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown-heading::after {
  content: "▾";
  float: right;
  font-size: 11px;
  opacity: 0.65;
  transition: transform 0.15s ease;
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-section-title[aria-expanded="false"]::after,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown-heading[aria-expanded="false"]::after {
  transform: rotate(-90deg);
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-checklist-option,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-option {
  background: #ffffff !important;
  color: rgba(15, 23, 42, 0.92) !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-checklist-option:hover,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-option:hover {
  background: rgba(6, 88, 162, 0.08) !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-item-list,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-stage4-business-item-list li {
  background: #ffffff !important;
}

/* Шаг 2: края списка = края поля (host позиционируется по .stroke-169_192) */
body.okkwork-onboarding-active #okkwork-top-business-dropdown-host.okkwork-top-dropdown-host--fixed {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Шаг 3: края списка = края поля */
body.okkwork-onboarding-active #okkwork-top-crm-dropdown-host.okkwork-top-dropdown-host--fixed {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.okkwork-onboarding-active .okkwork-top-dropdown-host--fixed .okkwork-stage4-business-dropdown,
body.okkwork-onboarding-active .okkwork-top-dropdown-host--fixed .okkwork-crm-dropdown {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
}

body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown-section,
body.okkwork-onboarding-active .okkwork-onboarding-dropdown-active .okkwork-crm-dropdown-list {
  background: #ffffff !important;
}

.okkwork-onboarding__hole-hit {
  position: fixed;
  z-index: 99989;
  background: transparent;
  box-sizing: border-box;
  touch-action: manipulation;
  transition: top 0.15s ease, left 0.15s ease, width 0.15s ease, height 0.15s ease, border-radius 0.15s ease;
}

.okkwork-onboarding__actions {
  justify-content: space-between;
}

.okkwork-onboarding__actions:has(.okkwork-onboarding__back[hidden]) {
  justify-content: flex-end;
}

.okkwork-onboarding__back {
  min-width: 96px;
  height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.okkwork-onboarding__back:hover {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.96);
  transform: translateY(-1px);
}

.okkwork-onboarding__back[hidden] {
  display: none;
}

.okkwork-onboarding__next[hidden] {
  display: none;
}