/* RoomLead — модалка заявки на корпоративный тариф (lead.js). Цвета, радиусы и слои — токены tokens.css. */
.lead-modal[hidden] { display: none; }
.lead-modal { position: fixed; inset: 0; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center; padding: 16px; }
.lead-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.72); }
.lead-box {
    position: relative; width: min(480px, 100%); max-height: calc(100vh - 32px); overflow-y: auto;
    background: var(--bg-1); border: 1px solid var(--line-strong); border-radius: var(--r-lg);
    box-shadow: var(--shadow-3); padding: 24px; display: flex; flex-direction: column; gap: 12px;
    font-family: var(--font-sans); color: var(--text-0);
}
.lead-title { margin: 0; font-size: 1.25rem; font-weight: 600; color: var(--accent); }
.lead-sub { margin: 0 0 4px; color: var(--text-1); font-size: 0.92rem; line-height: 1.45; }
.lead-field { display: flex; flex-direction: column; gap: 4px; }
.lead-label { font-size: 0.82rem; color: var(--text-1); }
.lead-input {
    min-height: 44px; padding: 10px 12px; font: inherit; font-size: 16px; color: var(--text-0);
    background: var(--bg-2); border: 1px solid var(--line-strong); border-radius: var(--r-sm);
    transition: border-color var(--t-fast) var(--ease);
}
textarea.lead-input { resize: vertical; min-height: 88px; }
.lead-input:focus-visible { outline: none; border-color: var(--accent); }
.lead-trap { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }
.lead-msg { margin: 0; min-height: 1.2em; font-size: 0.9rem; color: var(--text-1); }
.lead-msg.error { color: var(--danger-400); }
.lead-msg.success { color: var(--success-400); }
.lead-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.lead-btn {
    min-height: 44px; padding: 10px 18px; font: inherit; font-weight: 600; border-radius: var(--r-pill);
    border: 1px solid var(--line-strong); cursor: pointer; transition: opacity var(--t-fast) var(--ease);
}
.lead-btn:disabled { opacity: 0.55; cursor: progress; }
.lead-btn-cancel { background: transparent; color: var(--text-1); }
.lead-btn-submit { background: var(--accent); border-color: var(--accent); color: var(--bg-0); }
.lead-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
body.lead-open { overflow: hidden; }
@media (max-width: 480px) {
    .lead-box { padding: 18px; }
    .lead-actions .lead-btn { flex: 1 1 auto; }
}