/*
 * OCC / WAY — карточка лида и форма нового лида, current-style (v1).
 *
 * Карточка общая для CRM, воронки, «Моего дня» и уведомлений, поэтому слой
 * подключён в base.html последним после lead-modal.css. Значения — только из
 * occ-way-tokens.css. Прежние слои и разметка карточки местами красят через
 * !important и инлайн, поэтому здесь он тоже нужен. Логика и данные не менялись.
 */

/* ---------- Оболочка ---------- */
html body .modal[id^="lead-modal-"] .modal-content {
    overflow: hidden;
    border: 1px solid var(--way-border-strong) !important;
    border-radius: var(--way-radius-feature) !important;
    background: var(--way-surface) !important;
    box-shadow: var(--way-shadow-pop) !important;
    color: var(--way-text);
    font-family: var(--way-font-sans);
}

html body .modal[id^="lead-modal-"] :is(*, *::before, *::after) {
    text-shadow: none !important;
    letter-spacing: normal;
}

/* Капс из старых слоёв — обычный регистр: заголовки читаются, а не кричат. */
html body .modal[id^="lead-modal-"] :is(h1, h2, h3, h4, h5, h6, label, .badge, .btn, button, [class*="__title"], [class*="__label"], [class*="-label"], [class*="__badge"], [class*="__panel-label"], .lmt-label, .lmt-toolbar-title, .section-title, .modal-title) {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ---------- Шапка: знак, имя, номер, три действия ---------- */
html body .modal[id^="lead-modal-"] .modal-header {
    min-height: 72px;
    padding: 14px 20px !important;
    gap: 12px;
    border-bottom: 1px solid var(--way-border) !important;
    background: var(--way-surface) !important;
    box-shadow: none !important;
}

html body .modal[id^="lead-modal-"] .modal-header::after { content: none !important; }
html body .modal[id^="lead-modal-"] .modal-title-container { min-width: 0; flex: 1 1 auto; gap: 10px; }

html body .modal[id^="lead-modal-"] .modal-title {
    min-width: 0;
    gap: 12px !important;
    color: var(--way-text) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
}

html body .modal[id^="lead-modal-"] .modal-title .entity-icon {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--way-brand-line) !important;
    border-radius: var(--way-radius-control) !important;
    background: var(--way-brand-tint) !important;
    box-shadow: none !important;
    color: var(--way-brand) !important;
    font-size: 17px !important;
}

html body .modal[id^="lead-modal-"] .modal-title .title-text {
    min-width: 0;
    overflow: hidden;
    color: var(--way-text) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body .modal[id^="lead-modal-"] .entity-id {
    padding: 2px 8px !important;
    border: 1px solid var(--way-border) !important;
    border-radius: 999px !important;
    background: var(--way-surface-raised) !important;
    box-shadow: none !important;
    color: var(--way-text-secondary) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    font-variant-numeric: tabular-nums;
}

html body .modal[id^="lead-modal-"] .quick-actions-header { display: flex; gap: 8px; }

/* Позвонить / написать / задача — инструменты, не три цветные заливки. */
html body .modal[id^="lead-modal-"] .quick-actions-header .quick-action-btn {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    border: 1px solid var(--way-border) !important;
    border-radius: var(--way-radius-control) !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--way-text-secondary) !important;
    font-size: 16px !important;
    transform: none !important;
}

html body .modal[id^="lead-modal-"] .quick-actions-header .quick-action-btn:hover {
    border-color: var(--way-border-strong) !important;
    background: var(--way-surface-soft) !important;
    color: var(--way-text) !important;
}

html body .modal[id^="lead-modal-"] .quick-actions-header .quick-action-btn[data-action="call"] { color: var(--way-brand) !important; }
html body .modal[id^="lead-modal-"] .quick-actions-header .action-label { display: none !important; }

html body .modal[id^="lead-modal-"] .btn-close {
    width: 44px;
    height: 44px;
    margin: 0 !important;
    padding: 0;
    border-radius: var(--way-radius-control);
    opacity: .7;
    filter: invert(1) grayscale(1);
    box-shadow: none !important;
}

html body .modal[id^="lead-modal-"] .btn-close:hover { opacity: 1; }

/* ---------- Вкладки: подчёркивание, не четыре кнопки ---------- */
html body .modal[id^="lead-modal-"] .modal-tabs-nav {
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--way-border) !important;
    border-radius: 0 !important;
    background: var(--way-surface) !important;
    box-shadow: none !important;
}

html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-tabs {
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
    border: 0 !important;
    background: none !important;
    scrollbar-width: none;
}

html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-link {
    flex: 0 0 auto !important;
    min-height: 48px;
    margin: 0 0 -1px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: var(--way-text-secondary) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    transform: none !important;
}

html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-link:hover { color: var(--way-text) !important; }

html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-link.active {
    border-bottom-color: var(--way-brand) !important;
    color: var(--way-text) !important;
}

html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-link > i { color: var(--way-text-muted); }
html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-link.active > i { color: var(--way-brand); }

/* ---------- Тело ---------- */
html body .modal[id^="lead-modal-"] .modal-body {
    padding: 20px !important;
    background: var(--way-bg) !important;
    color: var(--way-text);
    font-size: 14px;
}

html body .modal[id^="lead-modal-"] .modal-footer {
    padding: 12px 20px !important;
    border-top: 1px solid var(--way-border) !important;
    background: var(--way-surface) !important;
}

html body .modal[id^="lead-modal-"] .tab-content > .tab-pane > * { max-width: 880px; margin-left: auto; margin-right: auto; }

/* Все карточки внутри — одна поверхность: без градиентов, свечения и кремовых подложек. */
html body .modal[id^="lead-modal-"] :is(.lm-card, .lm-hero, .lm-section, .lm-invite, .lm-context, .lm-objstate, .lm-dream__panel, .lm-note, .lmt-toolbar, .lmt-form-panel, .lmc-form, .card, .lead-info-section) {
    margin-bottom: 12px !important;
    border: 1px solid var(--way-border) !important;
    border-radius: var(--way-radius-panel) !important;
    background: var(--way-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--way-text) !important;
}

html body .modal[id^="lead-modal-"] :is(.lm-card, .lm-hero, .lm-section, .lm-invite, .lm-context, .lm-objstate, .lmt-toolbar, .lmt-form-panel, .lmc-form)::before,
html body .modal[id^="lead-modal-"] :is(.lm-card, .lm-hero, .lm-section, .lm-invite, .lm-context, .lm-objstate, .lmt-toolbar, .lmt-form-panel, .lmc-form)::after { content: none !important; }

html body .modal[id^="lead-modal-"] :is(.lm-section, .lm-invite, .lm-context, .lm-objstate, .lmt-form-panel, .lmc-form) { padding: 16px 18px !important; }
html body .modal[id^="lead-modal-"] .lm-hero { padding: 12px 16px !important; }

/* «Следующий шаг» — единственная карточка с тоном: кромка слева. */
html body .modal[id^="lead-modal-"] .lm-context { border-left: 3px solid var(--way-brand) !important; }

html body .modal[id^="lead-modal-"] :is(.lm-section__title, .lm-context__title, .lm-invite__title, .lm-objstate__title, .lmt-toolbar-title, .lmc-title, h6) {
    color: var(--way-text) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    font-size: 15px !important;
    font-weight: 680 !important;
}

html body .modal[id^="lead-modal-"] :is(.lm-section__title, .lm-context__title, .lm-invite__title, .lmc-title) > i,
html body .modal[id^="lead-modal-"] .lm-context__title i,
html body .modal[id^="lead-modal-"] .lm-invite__title i { color: var(--way-brand) !important; }

html body .modal[id^="lead-modal-"] :is(.lm-section__icon, .lm-prop__icon, .lm-objstate__ico) {
    border: 1px solid var(--way-border) !important;
    border-radius: 10px !important;
    background: var(--way-surface-raised) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--way-brand) !important;
}

html body .modal[id^="lead-modal-"] :is(.lm-prop__icon--success, .lm-prop__icon--cyan, .lm-prop__icon--info, .lm-prop__icon--warn) { color: var(--way-text-secondary) !important; }

html body .modal[id^="lead-modal-"] :is(p, .lm-section__hint, .lm-context__hint, .lm-invite__hint, .lm-objstate__sub, .lm-hero__sub, small, .text-muted, .lmc-hint) {
    color: var(--way-text-secondary) !important;
}

html body .modal[id^="lead-modal-"] :is(.lm-section__hint, .lm-context__hint, .lm-invite__hint, .lm-objstate__sub, .lm-hero__sub, small, .lmc-hint) { font-size: 13px !important; line-height: 1.5; }

/* Статус — точка и слово, не светящаяся пилюля. */
html body .modal[id^="lead-modal-"] :is(.lm-hero__badge, .entity-status .badge, .status-badge) {
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: var(--way-text) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

html body .modal[id^="lead-modal-"] :is(.lm-hero__badge, .entity-status .badge)::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--way-brand);
}

html body .modal[id^="lead-modal-"] .lm-hero__budget-value { color: var(--way-text) !important; -webkit-text-fill-color: currentColor !important; background: none !important; }

/* Свойства: строки «подпись — значение». */
html body .modal[id^="lead-modal-"] .lm-prop { border-color: var(--way-border) !important; background: none !important; }
html body .modal[id^="lead-modal-"] :is(.lm-prop__label, .lm-fact__label, .lm-dream__row-label, .lmt-label) { color: var(--way-text-secondary) !important; font-size: 12px !important; font-weight: 600 !important; }
html body .modal[id^="lead-modal-"] :is(.lm-prop__value, .lm-fact__value, .lm-dream__row-value) { color: var(--way-text) !important; font-size: 14px !important; font-weight: 620 !important; }
html body .modal[id^="lead-modal-"] .lm-prop__value a { color: var(--way-text) !important; }
html body .modal[id^="lead-modal-"] .lm-fact { border: 1px solid var(--way-border) !important; background: var(--way-surface-raised) !important; box-shadow: none !important; }

/* Воронка этапов: номер и подпись, текущий — брендом. */
html body .modal[id^="lead-modal-"] .lm-funnel-step__num {
    border: 1px solid var(--way-border-strong) !important;
    background: var(--way-surface-raised) !important;
    box-shadow: none !important;
    color: var(--way-text-secondary) !important;
}

html body .modal[id^="lead-modal-"] .lm-funnel-step--done .lm-funnel-step__num { border-color: var(--way-success-line) !important; background: var(--way-success-tint) !important; color: var(--way-success) !important; }
html body .modal[id^="lead-modal-"] .lm-funnel-step--current .lm-funnel-step__num { border-color: var(--way-brand) !important; background: var(--way-brand-tint) !important; color: var(--way-text) !important; }
html body .modal[id^="lead-modal-"] .lm-funnel-step__label { color: var(--way-text-secondary) !important; font-size: 12px !important; }
html body .modal[id^="lead-modal-"] .lm-funnel-step--current .lm-funnel-step__label { color: var(--way-text) !important; }
html body .modal[id^="lead-modal-"] .lm-funnel__divider { background: var(--way-border-strong) !important; }

/* ---------- Кнопки ---------- */
html body .modal[id^="lead-modal-"] :is(.lm-btn, .btn:not(.btn-close), .lmt-btn-add, .lmt-btn-ghost, .lmt-btn-primary, .lmt-btn-done, .lm-invite__btn, .lm-invite__copy, .lm-prop__action, .lm-quick-btn, .quick-status-btn, .edit-btn-main, .lmc-btn, .lmc-attach, .lmc-remove):not(.quick-action-btn) {
    min-height: 44px;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--way-border-strong) !important;
    border-radius: var(--way-radius-control) !important;
    background: var(--way-surface-raised) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--way-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    text-decoration: none;
    transform: none !important;
    cursor: pointer;
}

html body .modal[id^="lead-modal-"] :is(.lm-btn, .btn:not(.btn-close), .lmt-btn-add, .lmt-btn-ghost, .lm-invite__btn, .lm-invite__copy, .lm-prop__action, .lm-quick-btn, .quick-status-btn, .lmc-btn, .lmc-attach):not(.quick-action-btn) > i { color: var(--way-brand) !important; }

html body .modal[id^="lead-modal-"] :is(.lm-btn, .btn:not(.btn-close), .lmt-btn-add, .lmt-btn-ghost, .lm-invite__btn, .lm-invite__copy, .lm-prop__action, .lm-quick-btn, .quick-status-btn, .lmc-btn, .lmc-attach):not(.quick-action-btn):hover {
    border-color: var(--way-border-hover) !important;
    background: var(--way-surface-soft) !important;
}

/* Приглашение и прочие «главные» — акцентом, не заливкой. */
html body .modal[id^="lead-modal-"] :is(.lm-btn--primary, .lm-invite__btn) {
    border-color: var(--way-brand-line) !important;
    background: var(--way-brand-tint) !important;
}

/* Одна залитая кнопка на вкладке: следующий шаг сделки, «Создать» задачу,
   «Отправить» комментарий. Экран позади закрыт — действие в диалоге главное. */
html body .modal[id^="lead-modal-"] :is(.lm-context .lm-btn--primary:first-of-type, .lmt-btn-primary, .lmc-send) {
    border-color: var(--way-brand) !important;
    background: var(--way-brand) !important;
    color: var(--way-on-brand) !important;
}

html body .modal[id^="lead-modal-"] :is(.lm-context .lm-btn--primary:first-of-type, .lmt-btn-primary, .lmc-send) > i { color: inherit !important; }
html body .modal[id^="lead-modal-"] :is(.lm-context .lm-btn--primary:first-of-type, .lmt-btn-primary, .lmc-send):hover { border-color: var(--way-brand-hover) !important; background: var(--way-brand-hover) !important; }

html body .modal[id^="lead-modal-"] :is(.lm-btn--ghost, .lmt-btn-ghost) { border-color: transparent !important; background: transparent !important; color: var(--way-text-secondary) !important; }
html body .modal[id^="lead-modal-"] :is(.lm-btn__icon) { background: none !important; box-shadow: none !important; color: inherit !important; }

/* ---------- Поля ---------- */
html body .modal[id^="lead-modal-"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .lmt-input, .lmt-select, .lmt-textarea, .form-control, .form-select) {
    min-height: 44px;
    border: 1px solid var(--way-border-strong) !important;
    border-radius: var(--way-radius-control) !important;
    background-color: var(--way-surface) !important;
    box-shadow: none !important;
    color: var(--way-text) !important;
    font-size: 14px !important;
}

html body .modal[id^="lead-modal-"] :is(input, textarea)::placeholder { color: var(--way-text-muted) !important; }
html body .modal[id^="lead-modal-"] :is(input, select, textarea):focus { border-color: var(--way-brand) !important; box-shadow: 0 0 0 3px var(--way-brand-soft) !important; outline: none !important; }
html body .modal[id^="lead-modal-"] select option { background: var(--way-surface-raised); color: var(--way-text); }

/* ---------- Задачи ---------- */
html body .modal[id^="lead-modal-"] .lmt-toolbar { padding: 12px 16px !important; display: flex; align-items: center; gap: 10px; }
html body .modal[id^="lead-modal-"] .lmt-count { border: 1px solid var(--way-border) !important; background: var(--way-surface-raised) !important; color: var(--way-text-secondary) !important; font-size: 12px !important; }
html body .modal[id^="lead-modal-"] .lmt-toolbar > :is(i, .lmt-toolbar-ico, span:first-child:not(.lmt-toolbar-title)) { background: none !important; color: var(--way-brand) !important; }

html body .modal[id^="lead-modal-"] :is(.lmt-list > *, .lead-feed-item, .history-item) { border-color: var(--way-border) !important; }

html body .modal[id^="lead-modal-"] .lmt-list > * {
    border: 1px solid var(--way-border) !important;
    border-radius: var(--way-radius-tile) !important;
    background: var(--way-surface) !important;
    box-shadow: none !important;
}

html body .modal[id^="lead-modal-"] :is(.lmt-task-title) { color: var(--way-text) !important; font-size: 14px !important; font-weight: 650 !important; }
html body .modal[id^="lead-modal-"] :is(.lmt-task-desc, .lmt-task-type) { color: var(--way-text-secondary) !important; font-size: 13px !important; }
html body .modal[id^="lead-modal-"] .lmt-chip { border: 1px solid var(--way-border) !important; background: none !important; color: var(--way-text-secondary) !important; font-size: 12px !important; }

/* ---------- Комментарии ---------- */
html body .modal[id^="lead-modal-"] .lmc { display: grid; gap: 12px; }
html body .modal[id^="lead-modal-"] .lmc-form { display: grid; gap: 12px; margin: 0 !important; }
html body .modal[id^="lead-modal-"] .lmc-title { margin: 0 !important; display: flex; align-items: center; gap: 8px; }
html body .modal[id^="lead-modal-"] .lmc-text { min-height: 104px; padding: 12px 14px !important; resize: vertical; line-height: 1.5; }
html body .modal[id^="lead-modal-"] .lmc-photo { padding: 10px 12px; border: 1px dashed var(--way-border-strong); border-radius: var(--way-radius-tile); }
html body .modal[id^="lead-modal-"] .lmc-photo-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
html body .modal[id^="lead-modal-"] .lmc-photo-name { color: var(--way-text-secondary); font-size: 13px; }
html body .modal[id^="lead-modal-"] .lmc-remove { min-height: 40px !important; border-color: var(--way-danger-line) !important; background: var(--way-danger-tint) !important; color: var(--way-danger-text) !important; }
html body .modal[id^="lead-modal-"] .lmc-preview { margin-top: 10px; display: grid; gap: 8px; }
html body .modal[id^="lead-modal-"] .lmc-preview img { max-width: 200px; max-height: 150px; border: 1px solid var(--way-border); border-radius: 10px; }
html body .modal[id^="lead-modal-"] .lmc-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
html body .modal[id^="lead-modal-"] .lmc-list { display: grid; gap: 10px; }
html body .modal[id^="lead-modal-"] .lmc-title--list { margin-top: 4px !important; }
html body .modal[id^="lead-modal-"] .lmc-count { color: var(--way-text-secondary); font-size: 13px; font-weight: 650; }

html body .modal[id^="lead-modal-"] :is(.lmc-empty, .lmc-error) {
    margin: 0;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px dashed var(--way-border-strong);
    border-radius: var(--way-radius-tile);
    color: var(--way-text-secondary) !important;
    font-size: 14px;
}

html body .modal[id^="lead-modal-"] .lmc-error { border: 1px solid var(--way-danger-line); background: var(--way-danger-tint); color: var(--way-danger-text) !important; }
html body .modal[id^="lead-modal-"] .lmc-empty > i { color: var(--way-brand); }

html body .modal[id^="lead-modal-"] .lmc-item {
    padding: 14px 16px;
    display: grid;
    gap: 10px;
    border: 1px solid var(--way-border);
    border-radius: var(--way-radius-tile);
    background: var(--way-surface);
}

html body .modal[id^="lead-modal-"] .lmc-item-head { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; }

html body .modal[id^="lead-modal-"] :is(.lmc-ava, .lmf-ico) {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid var(--way-border);
    border-radius: 10px;
    background: var(--way-surface-raised);
    color: var(--way-text-secondary);
    font-size: 14px;
    font-weight: 700;
}

html body .modal[id^="lead-modal-"] .lmc-who { min-width: 0; display: grid; gap: 1px; }
html body .modal[id^="lead-modal-"] .lmc-who > b { overflow: hidden; color: var(--way-text); font-size: 14px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
html body .modal[id^="lead-modal-"] :is(.lmc-who > time, .lmf-when) { color: var(--way-text-muted); font-size: 12px; font-variant-numeric: tabular-nums; }

html body .modal[id^="lead-modal-"] .lmc-del {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: var(--way-radius-control);
    background: transparent;
    color: var(--way-text-muted);
    cursor: pointer;
}

html body .modal[id^="lead-modal-"] .lmc-del:hover { background: var(--way-danger-tint); color: var(--way-danger-text); }
html body .modal[id^="lead-modal-"] .lmc-body { color: var(--way-text); font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
html body .modal[id^="lead-modal-"] .lmc-item-photo { padding-top: 10px; display: grid; gap: 8px; border-top: 1px solid var(--way-border); }
html body .modal[id^="lead-modal-"] .lmc-photo-desc { margin: 0; font-size: 13px; }

/* ---------- История: лента касаний ---------- */
html body .modal[id^="lead-modal-"] :is(.lead-feed, .history-timeline) {
    padding: 4px 16px !important;
    border: 1px solid var(--way-border);
    border-radius: var(--way-radius-panel);
    background: var(--way-surface);
}

html body .modal[id^="lead-modal-"] .lmf-item {
    margin: 0 !important;
    padding: 12px 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    border-bottom: 1px solid var(--way-border);
}

html body .modal[id^="lead-modal-"] .lmf-item:last-child { border-bottom: 0; }
html body .modal[id^="lead-modal-"] .lmf-ico { color: var(--lmf-tone, var(--way-text-secondary)); }
html body .modal[id^="lead-modal-"] .lmf-body { min-width: 0; display: grid; gap: 2px; }
html body .modal[id^="lead-modal-"] .lmf-top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
html body .modal[id^="lead-modal-"] .lmf-title { min-width: 0; color: var(--way-text); font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
html body .modal[id^="lead-modal-"] .lmf-when { white-space: nowrap; }
html body .modal[id^="lead-modal-"] :is(.lmf-who, .lmf-desc, .lmf-meta) { margin: 0; font-size: 13px !important; line-height: 1.5; }
html body .modal[id^="lead-modal-"] .lmf-who { color: var(--way-text-muted) !important; font-size: 12px !important; }
html body .modal[id^="lead-modal-"] .lmf-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; }
html body .modal[id^="lead-modal-"] .lmf-meta .is-done { color: var(--way-success) !important; }

html body .modal[id^="lead-modal-"] .lmf-quote {
    margin: 6px 0 0;
    padding: 8px 12px;
    border-left: 2px solid var(--way-border-hover);
    border-radius: 0 8px 8px 0;
    background: var(--way-surface-raised);
    color: var(--way-text) !important;
    font-size: 13px;
    line-height: 1.5;
}

/* ---------- Форма нового лида (#createLeadModal) ---------- */
html body #createLeadModal .modal-content {
    border: 1px solid var(--way-border-strong) !important;
    border-radius: var(--way-radius-feature) !important;
    background: var(--way-surface) !important;
    box-shadow: var(--way-shadow-pop) !important;
}

html body #createLeadModal :is(.modal-header, .modal-footer) { border-color: var(--way-border) !important; background: var(--way-surface) !important; }
html body #createLeadModal .modal-body { background: var(--way-bg) !important; }
html body #createLeadModal .modal-title { color: var(--way-text) !important; font-size: 18px !important; font-weight: 700 !important; }
html body #createLeadModal .modal-title i { color: var(--way-brand) !important; }
html body #createLeadModal :is(.olm-group, .olm-hint) { border: 1px solid var(--way-border) !important; border-radius: var(--way-radius-panel) !important; background: var(--way-surface) !important; box-shadow: none !important; }
html body #createLeadModal .olm-hint { border-left: 3px solid var(--way-brand) !important; color: var(--way-text-secondary) !important; }
html body #createLeadModal .olm-field label { color: var(--way-text-secondary) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; }
html body #createLeadModal .olm-field label .olm-req { color: var(--way-brand) !important; }
html body #createLeadModal .modal-footer .btn { min-height: 44px; border-radius: var(--way-radius-control) !important; box-shadow: none !important; font-size: 14px !important; font-weight: 650 !important; text-transform: none !important; }
html body #createLeadModal .modal-footer .btn-secondary { border: 1px solid var(--way-border-strong) !important; background: var(--way-surface-raised) !important; color: var(--way-text) !important; }
html body #createLeadModal .modal-footer .btn-primary { border: 1px solid var(--way-brand) !important; background: var(--way-brand) !important; background-image: none !important; color: var(--way-on-brand) !important; }
html body #createLeadModal .modal-footer .btn-primary:hover { background: var(--way-brand-hover) !important; }

/* ---------- Телефон: карточка — лист снизу ---------- */
@media (max-width: 680px) {
    html body .modal[id^="lead-modal-"] .modal-dialog { max-width: none; min-height: 100%; margin: 0; display: flex; align-items: flex-end; }

    html body .modal[id^="lead-modal-"] .modal-content {
        max-height: 94dvh;
        border-radius: 16px 16px 0 0 !important;
    }

    html body .modal[id^="lead-modal-"] .modal-header { min-height: 64px; padding: 10px 12px 10px 14px !important; flex-wrap: nowrap; }
    html body .modal[id^="lead-modal-"] .modal-title { font-size: 16px !important; gap: 10px !important; }
    html body .modal[id^="lead-modal-"] .modal-title .entity-icon { display: none !important; }
    html body .modal[id^="lead-modal-"] .entity-id { display: none !important; }
    html body .modal[id^="lead-modal-"] .quick-actions-header { gap: 6px; }
    html body .modal[id^="lead-modal-"] .quick-actions-header .quick-action-btn { width: 40px !important; height: 40px !important; min-height: 40px; }
    html body .modal[id^="lead-modal-"] .btn-close { width: 40px; height: 40px; }
    html body .modal[id^="lead-modal-"] .modal-tabs-nav { padding: 0 8px !important; }
    html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-link { padding: 0 10px !important; font-size: 13px !important; }
    html body .modal[id^="lead-modal-"] .modal-body { padding: 12px !important; }
    html body .modal[id^="lead-modal-"] :is(.lm-section, .lm-invite, .lm-context, .lm-objstate, .lmt-form-panel, .lmc-form) { padding: 14px !important; }
    html body .modal[id^="lead-modal-"] :is(input, select, textarea) { font-size: 16px !important; }
    html body .modal[id^="lead-modal-"] .lmc-foot > .lmc-send { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html body .modal[id^="lead-modal-"] * { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}

/* ---------- Поправки после первого прохода ---------- */
html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-tabs .nav-link.active,
html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-tabs .nav-link:hover {
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: none !important;
    box-shadow: none !important;
}

html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-tabs .nav-link.active { border-bottom-color: var(--way-brand) !important; color: var(--way-text) !important; }
html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-tabs .nav-link.active::after { content: none !important; }

/* Обёртки вкладки — без своей рамки и подложки: панели стоят прямо на фоне. */
html body .modal[id^="lead-modal-"] :is(.lm-card, .lead-info-container, .tab-pane, .tab-loading) {
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    animation: none !important;
}

html body .modal[id^="lead-modal-"] .lm-card { display: grid; gap: 12px; }
html body .modal[id^="lead-modal-"] .lm-card > * { margin-bottom: 0 !important; }

@media (max-width: 680px) {
    /* Шапка — одна строка: имя, три инструмента, закрыть. */
    html body .modal[id^="lead-modal-"] .modal-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        gap: 8px;
    }

    html body .modal[id^="lead-modal-"] .modal-title-container { width: auto !important; min-width: 0; order: 1 !important; }
    html body .modal[id^="lead-modal-"] .modal-header > .quick-actions-header { order: 2 !important; }
    html body .modal[id^="lead-modal-"] .modal-header > .btn-close { order: 3 !important; }
    html body .modal[id^="lead-modal-"] :is(.lm-btn, .lm-invite__btn) { white-space: normal; text-align: center; line-height: 1.25; }
    html body .modal[id^="lead-modal-"] .quick-actions-header { width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; justify-content: flex-end; }
    html body .modal[id^="lead-modal-"] .modal-tabs-nav .nav-link { flex: 1 1 0 !important; justify-content: center; }
}