/*
 * Дизайн-система DETAGRAM — страницы сделок.
 *
 * Токены и правила взяты из присланных референсов (DETAGRAM_contract_card,
 * DETAGRAM_clients_deals, чек-листы). Новый раздел был сделан по ним сразу,
 * а прежние экраны договоров остались на голом Bootstrap от Orchid — рядом
 * они выглядят как две разные программы.
 *
 * Область действия намеренно ограничена страницами сделок, клиентов и
 * оплат: перекрашивать всю CRM одним махом — риск, которого никто не
 * просил. Список страниц ниже, в селекторе .dtg-ui.
 */

/* 02.10.2026: правила срабатывают сразу по классу страницы на <body>, который
   отдаёт сервер (page-platform-…), а не только по .dtg-ui — его ставит
   detagram-ui.js уже после загрузки, и при обновлении страницы мелькал старый
   дизайн. Список страниц тот же, что в detagram-ui.js (PAGES). */

:root {
    --dtg-bg: #f6f7fb;
    --dtg-surface: #fff;
    --dtg-text: #3c4255;
    --dtg-muted: #747b8e;
    --dtg-line: #e9ebf2;
    --dtg-purple: #7166a7;
    --dtg-purple-dark: #5c528e;
    --dtg-purple-soft: #eeebfa;
    --dtg-green: #4d8478;
    --dtg-green-soft: #e6f2ed;
    --dtg-rose: #a06b7b;
    --dtg-rose-soft: #f7e9ef;
    --dtg-amber-soft: #f8eddf;
    --dtg-shadow: 0 8px 35px -26px #4c54735c;
    --dtg-radius: 22px;
    --dtg-radius-sm: 13px;
    --dtg-field-radius: 11px;
}

/* ——— Кнопки ——— */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) button.btn {
    min-height: 43px;
    padding: 10px 17px;
    border-radius: var(--dtg-radius-sm);
    border: 1px solid #dfe2ec;
    background: var(--dtg-surface);
    color: var(--dtg-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
    transition: background .2s, transform .2s, box-shadow .2s;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn:hover {
    background: #f4f2fa;
    border-color: #dfe2ec;
    color: var(--dtg-text);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px -12px #685583;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn:active { transform: translateY(0); }

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-primary {
    background: var(--dtg-purple);
    border-color: var(--dtg-purple);
    color: #fff;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-primary:hover {
    background: var(--dtg-purple-dark);
    border-color: var(--dtg-purple-dark);
    color: #fff;
}

/* Зелёная кнопка остаётся зелёной: «Закрыть договор» и «Отказ» различаются
   именно цветом, и свести их к одному фиолетовому значит убрать смысл. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-success {
    background: var(--dtg-green);
    border-color: var(--dtg-green);
    color: #fff;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-success:hover {
    background: #3f7267;
    border-color: #3f7267;
    color: #fff;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-danger {
    background: #f8ecf0;
    border-color: transparent;
    color: #a55a70;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-danger:hover { background: #f4e2e8; color: #92485e; }

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-link { border-color: transparent; background: transparent; color: var(--dtg-purple-dark); }

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-sm {
    min-height: 35px;
    padding: 7px 12px;
    font-size: .8125rem;
    border-radius: 10px;
}

/* ——— Поля ——— */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-control,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-select,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) textarea.form-control {
    min-height: 44px;
    background: #fafbfe;
    border: 1px solid #e9ebf3;
    border-radius: var(--dtg-field-radius);
    padding: 11px 13px;
    color: #51596d;
    font-size: .9375rem;
    line-height: 1.4;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-control:focus,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-select:focus {
    background: #fff;
    border-color: #a79bc7;
    box-shadow: 0 0 0 3px #d4caf2;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) textarea.form-control { min-height: 96px; resize: vertical; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-control[readonly] { background: #f4f5f9; color: #9298a7; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-label,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) label { color: var(--dtg-muted); font-size: .8125rem; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-check-input:checked { background-color: var(--dtg-purple); border-color: var(--dtg-purple); }

/* ——— Карточки и блоки ——— */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .card,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .bg-white.rounded,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .layout-wrapper > .bg-white {
    border: 1px solid var(--dtg-line);
    border-radius: var(--dtg-radius);
    box-shadow: var(--dtg-shadow);
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .card { background: var(--dtg-surface); }

/* ——— Модальные окна ——— */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-content {
    border: 1px solid #e4deed;
    border-radius: 24px;
    box-shadow: 0 25px 90px #5147632b;
    background: #fff;
    overflow: hidden;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-header {
    padding: 24px 28px 16px;
    border-bottom: 0;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-title {
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.35px;
    color: var(--dtg-text);
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-body { padding: 6px 28px 24px; }

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-footer {
    padding: 16px 28px 24px;
    border-top: 1px solid var(--dtg-line);
    gap: 10px;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-backdrop.show { opacity: .22; }

/* ——— Таблицы ——— */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .table > thead th {
    font-weight: 400;
    color: #9ba1af;
    font-size: .75rem;
    border-bottom: 1px solid var(--dtg-line);
    background: #fcfcfe;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .table > tbody td {
    border-bottom: 1px solid #f0f1f6;
    color: #535a6e;
    font-size: .875rem;
    vertical-align: middle;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .table > tbody tr:hover > td { background: #faf9fd; }

/* ——— Плашки ——— */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .badge {
    border-radius: 99px;
    padding: 5px 10px;
    font-size: .75rem;
    font-weight: 500;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .badge.bg-primary { background: var(--dtg-purple-soft) !important; color: #6f5c98; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .badge.bg-success { background: var(--dtg-green-soft) !important; color: #42746a; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .badge.bg-danger { background: var(--dtg-rose-soft) !important; color: #96596f; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .badge.bg-warning { background: var(--dtg-amber-soft) !important; color: #8a6335; }

/* ——— Заголовки экрана ——— */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) h1, :is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .h1 { letter-spacing: -.8px; font-weight: 500; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) a { color: var(--dtg-purple-dark); }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) a:hover { color: var(--dtg-purple); }

/* Ссылки внутри таблиц не должны краситься поверх собственных правил
   нового раздела — там свои классы и свои состояния. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .cd a, :is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .dc a { color: inherit; }

/* ——— Подтверждающая кнопка в модальном окне ———
   Orchid отдаёт её как .btn-default, и рядом с фиолетовой системой она
   выглядит как вторичная, хотя это главное действие окна. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-footer .btn-default {
    background: var(--dtg-purple);
    border-color: var(--dtg-purple);
    color: #fff;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-footer .btn-default:hover {
    background: var(--dtg-purple-dark);
    border-color: var(--dtg-purple-dark);
    color: #fff;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-footer .btn-link {
    color: var(--dtg-muted);
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .modal-footer .btn-link:hover { color: var(--dtg-text); background: #f4f2fa; }

/* ——— Переключатели выбора ———
   Выбранный вариант был зелёным — цветом «успеха», хотя ничего не
   подтверждает. В референсе это мягкая сиреневая заливка. */
/* Orchid кладёт input внутрь label и помечает выбранный вариант классом
   .active — поэтому цепляемся за него, а не за соседство с :checked. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-group-toggle > .btn.active,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-group-toggle > .btn.btn-default.active,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-check:checked + .btn {
    background: #ede8f7;
    border-color: #cec4e8;
    color: #706093;
    box-shadow: none;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-group-toggle > .btn.active:hover { background: #e4ddf4; color: #64548a; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-check:focus-visible + .btn { outline: 3px solid #b5a7da; outline-offset: 2px; }

/* Набор вариантов переносится по строкам: пять способов оплаты в одну
   строку не помещаются и последний просто уезжал за край окна. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-group.btn-group-toggle {
    flex-wrap: wrap;
    gap: 6px;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-group.btn-group-toggle > .btn {
    border-radius: 10px !important;
    min-height: 39px;
    padding: 9px 13px;
    font-size: .8125rem;
}

/* ——— Выбранный вариант: перебиваем зелёный из platform.css ———
 *
 * В platform.css выбранный переключатель залит зелёным через !important
 * (общее правило и отдельное для .source-buttons). Зелёный в системе
 * означает «успех, готово», а здесь это просто «выбрано», и рядом с
 * фиолетовой системой такой акцент читается как ошибка.
 *
 * Перебить !important можно только !important — но правило ограничено
 * классом :is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card), то есть действует лишь на страницах сделок.
 */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-default:not([disabled]):not(.disabled).active,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .source-buttons .btn-default:not([disabled]):not(.disabled).active,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-group-toggle > .btn.active {
    background: #ede8f7 !important;
    border-color: #cec4e8 !important;
    color: #706093 !important;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-default:not([disabled]):not(.disabled).active:hover,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .source-buttons .btn-default:not([disabled]):not(.disabled).active:hover {
    background: #e4ddf4 !important;
    color: #64548a !important;
}

/* ——— Цвета кнопок поверх platform.css ———
 * Собственные стили проекта расставляют бутстраповские синий и зелёный
 * через !important. Внутри раздела сделок ведущий цвет — сиреневый, и
 * перебить их можно только тем же приоритетом. Область по-прежнему
 * ограничена :is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card).
 */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-primary:not([disabled]) {
    background: var(--dtg-purple) !important;
    border-color: var(--dtg-purple) !important;
    color: #fff !important;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-primary:not([disabled]):hover {
    background: var(--dtg-purple-dark) !important;
    border-color: var(--dtg-purple-dark) !important;
}

/* ——— Номер договора ———
 * В списке он оформлен как зелёная кнопка. В референсе номер — спокойная
 * сиреневая плашка-ссылка: это не действие, а ссылка на карточку.
 */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .order-number.btn,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .order-number.btn.btn-success {
    background: var(--dtg-purple-soft) !important;
    border-color: transparent !important;
    color: #6f5c98 !important;
    border-radius: 99px !important;
    min-height: 32px;
    padding: 5px 13px;
    font-size: .8125rem;
    font-weight: 500;
    box-shadow: none;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .order-number.btn:hover {
    background: #e4ddf4 !important;
    color: #5c528e !important;
    transform: none;
}

/* ——— Вкладки внутри блока ———
 * Активная вкладка была залита почти чёрным и висела по центру — читалась
 * как всплывающая подсказка, а не как заголовок раздела.
 */
/* Только вкладки внутри содержимого: у них класс nav-justified. Боковое
   меню тоже собрано на nav-pills, и без этого уточнения правило скрывало
   его подгруппы с одним пунктом. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .nav-pills.nav-justified .nav-link {
    border-radius: 99px;
    padding: 9px 16px;
    font-size: .875rem;
    color: #7c8192;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .nav-pills.nav-justified .nav-link:hover { background: #edebf5; color: #69617d; }

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .nav-pills.nav-justified .nav-link.active,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .nav-pills.nav-justified .show > .nav-link {
    background: var(--dtg-purple-soft) !important;
    color: #6f5c98 !important;
    box-shadow: none;
}

/* Одна вкладка — это не вкладки, а подпись. Полосу в таком случае убираем:
   она занимает место и притворяется переключателем, которого нет. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .nav-pills.nav-justified:has(> .nav-item:only-child) { display: none !important; }

/* ——— Ссылки-подсказки под полями ———
 * «Позвонить» и «Написать» под телефоном и почтой — рабочие ссылки, но
 * выглядели как случайный фиолетовый текст под полем.
 */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .maillink {
    font-size: .75rem;
    color: var(--dtg-muted);
    text-decoration: none;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .maillink:hover { color: var(--dtg-purple); text-decoration: underline; text-underline-offset: 3px; }


/* ——— Перебиваем тему Orchid ———
 * Её таблица стилей подключается после нашей, поэтому без веса body и
 * !important кнопки возвращались к бутстраповским зелёной и синей — на
 * странице сделки это выбивалось из всего остального.
 */
body:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-primary,
body:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-success {
    background: var(--dtg-purple) !important;
    border-color: var(--dtg-purple) !important;
    color: #fff !important;
}

body:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-primary:hover,
body:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-success:hover {
    background: var(--dtg-purple-dark) !important;
    border-color: var(--dtg-purple-dark) !important;
}

body:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-danger {
    background: #f8ecf0 !important;
    border-color: transparent !important;
    color: #a55a70 !important;
}

body:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .btn-danger:hover { background: #f4e2e8 !important; color: #92485e !important; }


/* ——— Деньги по сделке (правая колонка карточки) ——— */
.op-money { font-variant-numeric: tabular-nums; }
.op-money .op-label { font-size: .75rem; color: var(--dtg-muted); display: block; margin-bottom: 4px; }
.op-money .op-sum { font-size: 1.5rem; font-weight: 400; letter-spacing: -.5px; color: #4c5164; }
.op-money .op-total { margin-bottom: 14px; }
.op-money .op-bar { height: 5px; border-radius: 5px; background: #eeeaf7; overflow: hidden; }
.op-money .op-bar span { display: block; height: 100%; border-radius: 5px; background: #9c8bbb; }
.op-money .op-bar span.ok { background: #7fae9c; }
.op-money .op-bar span.half { background: #8aa6c4; }
.op-money .op-bar span.low { background: #d3b58a; }
.op-money .op-paid-line { display: flex; justify-content: space-between; gap: 10px;
    font-size: .8125rem; color: var(--dtg-muted); margin-top: 8px; }
.op-money .op-pct { font-weight: 500; }
.op-money .op-pct.ok, .op-money b.ok { color: #4d8478; }
.op-money .op-pct.half, .op-money b.half { color: #55708f; }
.op-money .op-pct.low, .op-money b.low { color: #8a6335; }
.op-money .op-rows { margin-top: 16px; }
.op-money .op-row { display: flex; justify-content: space-between; gap: 12px; align-items: baseline;
    padding: 9px 0; border-top: 1px solid var(--dtg-line); font-size: .8125rem; }
.op-money .op-row:first-child { border-top: 0; }
.op-money .op-row i { font-style: normal; color: var(--dtg-muted); }
.op-money .op-row b { font-weight: 500; margin-left: 4px; }
.op-money .op-left { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--dtg-line); }
.op-money .op-left.is-closed .op-sum { color: #4d8478; }
.op-money .op-empty { font-size: .8125rem; color: var(--dtg-muted); line-height: 1.6; margin: 0; }


/* ——— Кнопки «что назначить» над календарём ———
 * Были пять разноцветных картинок без подписей: что делает каждая,
 * выяснялось только наведением мыши.
 */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .action-icons-hint {
    font-size: .75rem;
    color: var(--dtg-muted);
    line-height: 1.5;
    margin: 0 0 10px;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .action-icons { gap: 6px; margin: 0; }

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .action-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 4px;
    border: 1px solid var(--dtg-line);
    border-radius: 12px;
    background: #fafbfe;
    cursor: pointer;
    transition: background .15s, border-color .15s;
    text-align: center;
}

:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .action-icon:hover { background: var(--dtg-purple-soft); border-color: #cec4e8; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .action-icon img { width: 22px; height: 22px; object-fit: contain; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .action-icon span { font-size: .625rem; line-height: 1.25; color: var(--dtg-muted); }


/* ——— Карточка клиента ———
 * Служебная строка (согласие + идентификатор THR) прижимается влево и
 * приглушается: это справочные поля, а не то, ради чего открывают карточку.
 */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .customer-service-row { max-width: 560px; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .customer-service-row .form-control { background: #f6f7fb; color: #8b90a1; }
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .customer-service-row label { color: #9aa0b0; }

/* Поля «источник клиента» — та же плашка, что и в остальных разделах. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .source-buttons .btn-group label,
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .source-buttons .form-check-label { border-radius: 10px; }

/* Подсказка под полем не должна отрывать строки друг от друга. */
:is(.dtg-ui, .page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived, .page-platform-order-edit, .page-platform-order-create, .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index, .page-platform-customer-edit, .page-platform-payment-index, .page-platform-deals-index, .page-platform-deal-card) .form-group .form-text { margin-top: 5px; }

/* Выбор вида события в окне календаря: по ширине окна, как остальные поля. */
#eventModal .event-type-select{width:100%;min-height:40px;border:1px solid #e9ebf3;border-radius:10px;
    background:#fafbfe;padding:8px 10px;font:inherit;font-size:.875rem;color:#51596d;margin-top:4px}
#eventModal .event-type-select:focus{outline:3px solid #d4caf2;border-color:#a79bc7}
#eventModal label{display:block;font-size:.75rem;color:#777b8b;margin-bottom:10px}

/* ——— Фильтры в шапке таблиц (28.09.2026) ———
   Внутри выпадашки фильтра выбор выглядел серым текстом «Все» / «Не
   выбрано»: без рамки и стрелки было не понять, что на него можно нажать
   (встреча 28.09: «нельзя выбрать иконку»). Действует во всех таблицах. */
.table > thead th { color: #6b7285; }
.table > thead th .dropdown-toggle { color: #7a6fb0; }
.table > thead .dropdown-menu { min-width: 260px; }
.table > thead .dropdown-menu .ts-wrapper { padding: 0; border: 0; background: transparent; min-height: 0; }
.table > thead .dropdown-menu .ts-wrapper .ts-control,
.table > thead .dropdown-menu input.form-control {
    position: relative;
    min-height: 40px;
    padding: 8px 34px 8px 12px;
    border: 1px solid #cfd3e3;
    border-radius: 10px;
    background: #fff;
    color: #3d4356;
    font-size: .875rem;
    cursor: pointer;
}
.table > thead .dropdown-menu input.form-control { padding-right: 12px; cursor: text; }
.table > thead .dropdown-menu .ts-wrapper.single .ts-control::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #6b7285;
    border-bottom: 1.5px solid #6b7285;
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}
.table > thead .dropdown-menu .ts-wrapper.focus .ts-control,
.table > thead .dropdown-menu input.form-control:focus {
    border-color: #a79bc7;
    box-shadow: 0 0 0 3px #e4ddf6;
}
.table > thead .dropdown-menu .ts-dropdown { font-size: .875rem; }
.table > thead .dropdown-menu .ts-dropdown .option { padding: 7px 12px; }

/* 02.10.2026: списки сделок, клиентов и оплат — во всю ширину окна.
   Таблицы широкие (до 15 столбцов), а Orchid держал страницу в 1565 px:
   на широком мониторе по бокам пустые поля, а таблица листалась вбок. */
body:is(.page-platform-order-index, .page-platform-order-leads, .page-platform-order-archived,
        .page-platform-order-tech-index, .page-platform-order-rmp-index, .page-platform-customer-index,
        .page-platform-payment-index) :is(.workspace-limit, .container-xl) {
    max-width: none !important;
}