/* Claim-your-company modal — most styling is inline in the markup; this file
   adds hover/focus polish and small-screen behaviour. */
.clm-open { transition: background .15s; }
.clm-open:hover { background: #1c6d4e !important; }
.clm-method { transition: border-color .12s, background .12s; }
.clm-method:hover { border-color: #cdd3d8; }
.clm-otp-box:focus { border-color: #248761 !important; box-shadow: 0 0 0 3px rgba(36,135,97,.14); }
.clm-drop:hover { background: #f3f6f8; border-color: #a9b1b8; }
.clm-card input:focus, .clm-card textarea:focus { border-color: #248761; }
.clm-banner a, .clm-banner button { text-decoration: none; }

/* Card action-zone (bottom): claim + "Send message" + ⋮ in one evenly-spaced
   right-aligned row (so the buttons never touch). */
.company__act { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.company__act .company__btn { margin: 0; }
/* Round pill per design; the site-global .btn{border-radius:50px} over-rounds
   "Send message" — pin all to 20px. */
.company__act .clm-open,
.company__act .btn,
.company__act .company__btn { border-radius: 20px !important; }
/* Banner (top) claim button: squarer, per design. */
.clm-banner .clm-open-banner { border-radius: 8px !important; }

/* Modal action buttons — design uses 10px rounded rectangles (defeat any global pill). */
.clm-card .clm-proceed,
.clm-card .clm-reload,
.clm-card .clm-otp-send,
.clm-card .clm-otp-verify,
.clm-card .clm-doc-submit,
.clm-card .clm-adm-submit,
.clm-card .clm-close:not([aria-label]) { border-radius: 10px !important; }
.clm-card .clm-method { border-radius: 11px !important; }
.clm-card .clm-back { border-radius: 9px !important; }

/* Close (×) and Back icon buttons: grey round background on hover, like the design. */
.clm-card button[aria-label="Close"]:hover { background: #f1f3f4 !important; }
.clm-card button[aria-label="Back"]:hover { background: #e6e8ea !important; }
@media (max-width: 560px) {
	.clm-card { max-width: 100% !important; }
	.clm-otp-box { width: 40px !important; height: 50px !important; font-size: 19px !important; }
}

/* Вид seller-value (.clm-sv: рабочий стол и диалог-заслон, 27.10.2026): серые радиокарточки с точкой,
   поле почты в окне выбора, кнопки-пилюли справа -- главная крайняя правая. Токены --lp-* с запасными
   значениями: на этих страницах dirhub/tokens.css может быть не подключен. */
.clm-sv .clm-card { font-family: var(--lp-font-ui, inherit); color: var(--lp-ink, #2b2a29); }
.clm-sv__form { padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.clm-sv__head { display: flex; align-items: flex-start; gap: 12px; }
.clm-sv__headtxt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.clm-sv__title { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--lp-ink, #2b2a29); }
.clm-sv__co { font-size: 13.5px; color: var(--lp-ink-muted, #4b5563); }
.clm-sv__methods { display: flex; flex-direction: column; gap: 8px; }
.clm-sv .clm-card .clm-method { display: flex; gap: 12px; align-items: flex-start; width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--lp-line, #e5e7eb); border-radius: var(--lp-radius-sm, 5px) !important; background: #fff; font-family: inherit; text-align: start; cursor: pointer; }
.clm-sv .clm-card .clm-method:hover { border-color: var(--lp-ink-soft, #6b7280); }
.clm-sv .clm-card .clm-method[aria-checked="true"] { background: var(--lp-hover-grey, #f5f7f6); border-color: var(--lp-ink-soft, #6b7280); }
.clm-method__dot { flex: none; width: 18px; height: 18px; margin-top: 1px; border-radius: 999px; box-sizing: border-box; background: #fff; border: 1.5px solid var(--lp-line, #e5e7eb); }
.clm-method[aria-checked="true"] .clm-method__dot { border: 5px solid var(--lp-ink, #2b2a29); }
.clm-method__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.clm-method__t { font-size: 14.5px; font-weight: 600; color: var(--lp-ink, #2b2a29); }
.clm-method__d { font-size: 13px; line-height: 1.45; color: var(--lp-ink-muted, #4b5563); }
.clm-sv__email { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--lp-ink-muted, #4b5563); }
.clm-sv__emailbox { display: flex; align-items: center; border: 1px solid var(--lp-line, #e5e7eb); border-radius: var(--lp-radius-sm, 5px); overflow: hidden; }
.clm-sv__emailbox:focus-within { border-color: var(--lp-ink-soft, #6b7280); }
.clm-sv__emailbox input { flex: 1; min-width: 0; border: 0; outline: none; padding: 10px 12px; font: 14px var(--lp-font-ui, inherit); color: var(--lp-ink, #2b2a29); }
.clm-sv__suffix { align-self: stretch; display: flex; align-items: center; padding: 0 12px; border-left: 1px solid var(--lp-line-soft, #eef1ef); background: var(--lp-hover-grey, #f5f7f6); font-size: 14px; color: var(--lp-ink-soft, #6b7280); }
.clm-sv__err { margin: 0; font-size: 12.5px; color: #e5484d; }
.clm-sv__btns { display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
/* остальные шаги окна: те же кнопки -- ряд справа, gap 16 */
.clm-sv .clm-step > div[style*="justify-content:flex-end"] { gap: 16px !important; }
/* уровень 1 -- заливка --lp-green, hover темнее; текстовая -- hover серым фоном */
.clm-sv .clm-card .clm-proceed,
.clm-sv .clm-card .clm-reload,
.clm-sv .clm-card .clm-otp-send,
.clm-sv .clm-card .clm-otp-verify,
.clm-sv .clm-card .clm-doc-submit,
.clm-sv .clm-card .clm-adm-submit,
.clm-sv .clm-card .clm-close:not([aria-label]),
.clm-sv .clm-card button.clm-back:not([aria-label]) { border-radius: 999px !important; transition: background-color .15s, color .15s; }
.clm-sv .clm-card .clm-proceed:hover,
.clm-sv .clm-card .clm-reload:hover,
.clm-sv .clm-card .clm-otp-send:hover,
.clm-sv .clm-card .clm-otp-verify:hover,
.clm-sv .clm-card .clm-doc-submit:hover,
.clm-sv .clm-card .clm-adm-submit:hover { background: var(--lp-green-hover, #186044) !important; }
.clm-sv .clm-card .clm-close:not([aria-label]):hover,
.clm-sv .clm-card button.clm-back:not([aria-label]):hover { background: var(--lp-hover-grey, #f5f7f6) !important; color: var(--lp-ink, #2b2a29) !important; }
.clm-sv .clm-card button:disabled { opacity: .6; cursor: default; }
.clm-sv .clm-card input:focus, .clm-sv .clm-card textarea:focus { border-color: var(--lp-ink-soft, #6b7280); }
.clm-sv .clm-otp-box:focus { border-color: var(--lp-ink-soft, #6b7280) !important; box-shadow: 0 0 0 3px rgba(17,24,39,.08); }
.clm-sv .clm-card a.clm-otp-resend, .clm-sv .clm-card a.clm-back { color: var(--lp-link, #2563eb) !important; font-weight: 500 !important; }
.clm-sv .clm-card a.clm-otp-resend:hover, .clm-sv .clm-card a.clm-back:hover { color: var(--lp-link-hover, #1d4ed8) !important; text-decoration: underline; }
@media (max-width: 560px) {
	.clm-sv__form { padding: 20px 16px; }
	.clm-sv__btns button { height: 44px !important; }
}

/* Курсор-рука на всем кликабельном (владелец 28.10.2026); заблокированные -- default */
.clm-modal :is(a[href], button, [role=button], [onclick], select, summary, label, input[type=radio], input[type=checkbox], input[type=file], input[type=submit]) { cursor: pointer; }
.clm-modal :is(button, input, select)[disabled], .clm-modal [aria-disabled=true] { cursor: default; }