/*
 * Личный кабинет МедиаЛидген — тема поверх Tabler.
 * Фирменные цвета: зелёный #61B763 (основной, затемнён для контраста), оранжевый #FFA64B (акцент).
 */

:root,
[data-bs-theme=light] {
    --lk-green: #61B763;
    --lk-orange: #FFA64B;
    --tblr-primary: #3b9a41;
    --tblr-primary-rgb: 59, 154, 65;
    --tblr-primary-darken: #317f36;
    --tblr-primary-lt: #e8f4e8;
    --tblr-primary-lt-rgb: 232, 244, 232;
    --tblr-primary-bg-subtle: #e8f4e8;
    --tblr-primary-border-subtle: #b9ddbb;
    --tblr-primary-text-emphasis: #255e29;
    --tblr-link-color: #2f8a36;
    --tblr-link-color-rgb: 47, 138, 54;
    --tblr-link-hover-color: #255e29;
    --tblr-link-hover-color-rgb: 37, 94, 41;
    --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

[data-bs-theme=dark] {
    --tblr-primary: #5cb862;
    --tblr-primary-rgb: 92, 184, 98;
    --tblr-primary-darken: #4a9d50;
    --tblr-primary-lt: rgba(92, 184, 98, .14);
    --tblr-primary-bg-subtle: rgba(92, 184, 98, .14);
    --tblr-primary-border-subtle: rgba(92, 184, 98, .4);
    --tblr-primary-text-emphasis: #9bd79f;
    --tblr-link-color: #7cc882;
    --tblr-link-color-rgb: 124, 200, 130;
    --tblr-link-hover-color: #9bd79f;
}

/* Совместимость со старым кодом (Bootstrap 3) */
.hidden { display: none !important; }

/* ---------- Бренд ---------- */
.lk-brand {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--tblr-body-color);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .01em;
}
.lk-brand:hover { text-decoration: none; color: var(--tblr-body-color); }
.lk-brand img { height: 28px; width: auto; }
.lk-brand b { font-weight: 700; }
.lk-brand-lg { font-size: 1.25rem; }
.lk-brand-lg img { height: 40px; }

/* ---------- Боковое меню ---------- */
.lk-sidebar { --tblr-navbar-active-border-color: var(--tblr-primary); }
.lk-menu .lk-menu-heading {
    padding: 1rem 1rem .25rem;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--tblr-secondary);
}
.lk-menu .lk-menu-section:first-child .lk-menu-heading { padding-top: .25rem; }
.lk-menu .nav-item.active > .nav-link,
.lk-menu .nav-item.active > .nav-link .nav-link-icon {
    color: var(--tblr-primary);
    font-weight: 600;
}
.lk-menu .nav-item.active > .nav-link { background: var(--tblr-primary-lt); }

@media (min-width: 992px) {
    .lk-menu .nav-link { border-radius: var(--tblr-border-radius); margin: 1px .75rem; padding-left: .75rem; }
}

/* Тема: иконка показывает, на что переключим */
.lk-theme-light { display: none; }
[data-bs-theme=dark] .lk-theme-light { display: inline-block; }
[data-bs-theme=dark] .lk-theme-dark { display: none; }

/* ---------- Сторонние виджеты под Tabler ---------- */
.chosen-container { width: 100% !important; font-size: inherit; }
.chosen-container-single .chosen-single {
    height: calc(1.4285714em + 1rem + 2px);
    line-height: calc(1.4285714em + 1rem);
    padding: 0 .75rem;
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    background: var(--tblr-bg-forms);
    box-shadow: none;
    color: var(--tblr-body-color);
}
.chosen-container-single .chosen-single div b { background-position: 0 6px; }
.chosen-container .chosen-drop { background: var(--tblr-bg-surface); border-color: var(--tblr-border-color); }

.daterangepicker { font-family: inherit; border-color: var(--tblr-border-color); }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--tblr-primary); }
.daterangepicker td.in-range { background-color: var(--tblr-primary-lt); }

.ui-datepicker { z-index: 1090 !important; font-family: inherit; font-size: .875rem; }
.ui-timepicker-wrapper { z-index: 1090 !important; font-size: .875rem; }

/* ---------- Мелочи ---------- */
.page-title { font-weight: 700; }
.card-title .ti { margin-right: .25rem; }
.empty-compact { padding: 2rem 1rem; }

/* ---------- Заявки ---------- */
.lk-loading { position: relative; opacity: .55; pointer-events: none; transition: opacity .15s; }

.lk-reqs-table td { vertical-align: top; }
.lk-reqs-table .lk-req-row { cursor: pointer; }
.lk-reqs-table .lk-client { min-width: 190px; max-width: 280px; }
.lk-reqs-table .lk-email { max-width: 240px; }
.lk-reqs-table .lk-source { max-width: 220px; }
.lk-reqs-table .lk-stage { white-space: normal; text-align: left; line-height: 1.3; }
.lk-reqs-table .edit-sum { min-width: 3.5rem; justify-content: flex-end; }
.lk-sum-editor { width: 11rem; }
.lk-reqs-table .req-comment, .lk-reqs-table .opcomm_text { max-width: 320px; white-space: normal; cursor: auto; }

.lk-messenger { display: inline-flex; font-size: 1.15rem; line-height: 1; }
.lk-messenger.lk-wa { color: #25d366; }
.lk-messenger.lk-tg { color: #2aabee; }
.lk-messenger:hover { opacity: .8; }

.lk-audio { height: 32px; width: 220px; max-width: 100%; }

/* Карточка заявки */
.lk-req-card.offcanvas-end { --tblr-offcanvas-width: min(760px, 100vw); }
.lk-card .form-selectgroup-boxes .form-selectgroup-label { min-height: 2.5rem; }
.lk-card .lk-status-group.is-invalid .form-selectgroup-label { border-color: var(--tblr-danger); }
.lk-card .lk-essence { white-space: pre-line; }
.lk-card .card-header-tabs .nav-link { white-space: nowrap; }
.lk-card .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }

/* На телефоне строки таблицы превращаются в карточки */
@media (max-width: 767.98px) {
    .lk-reqs-table thead { display: none; }
    .lk-reqs-table, .lk-reqs-table tbody, .lk-reqs-table tr, .lk-reqs-table td { display: block; width: 100%; }
    .lk-reqs-table tr { padding: .75rem 1rem; border-bottom: var(--tblr-border-width) solid var(--tblr-border-color); position: relative; }
    .lk-reqs-table td { border: 0 !important; padding: .2rem 0 !important; max-width: none !important; }
    .lk-reqs-table td.hidden, .lk-reqs-table td.for-hidden.hidden { display: none !important; }
    .lk-reqs-table td[data-label="Сумма"], .lk-reqs-table td[data-label="Перезвон"], .lk-reqs-table td[data-label="Качество"] { display: inline-block; width: auto; margin-right: 1rem; text-align: left !important; }
    .lk-reqs-table td:last-child { position: absolute; top: .75rem; right: 1rem; width: auto; }
    .lk-reqs-table .edit-sum { padding-left: 0; }
    .lk-reqs-table td[data-label="Сумма"]::before { content: "Сумма: "; color: var(--tblr-secondary); font-size: .8125rem; }
    .lk-reqs-table td:has(> .lk-empty:only-child) { display: none !important; }
    .lk-reqs-results .card-header { flex-wrap: wrap; gap: .5rem; }
    .lk-reqs-results .card-actions { margin-left: 0; }
}

/* Tom Select: исходный select скрыт (стили самой библиотеки не подключаем) */
.ts-hidden-accessible {
    border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important;
    overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important;
}
.lk-card .lk-status-group { display: flex; gap: .5rem; }
.lk-card .lk-status-group .form-selectgroup-item { flex: 1 1 0; margin: 0; }
.lk-reqs-table .lk-client > .d-flex { flex-wrap: nowrap !important; }

/* ---------- Контент ---------- */
.lk-dropzone { position: relative; }
.lk-dropzone-input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.lk-dropzone-area {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem;
    min-height: 150px; padding: 1.5rem; text-align: center; cursor: pointer;
    border: 2px dashed var(--tblr-border-color); border-radius: var(--tblr-border-radius-lg);
    background: var(--tblr-bg-surface-secondary); transition: border-color .15s, background .15s;
}
.lk-dropzone-area:hover, .lk-dropzone.is-dragover .lk-dropzone-area { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.lk-dropzone-input:focus-visible + .lk-dropzone-area { outline: 2px solid var(--tblr-primary); outline-offset: 2px; }
.lk-media-item .object-cover { width: 100%; height: 100%; object-fit: cover; }
.lk-media-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2rem; text-shadow: 0 2px 8px rgba(0,0,0,.4); pointer-events: none; }

.tenant-phone-status { padding: .75rem 1rem; border-radius: var(--tblr-border-radius); white-space: pre-line; }
.tenant-phone-status--success { background: var(--tblr-green-lt); color: var(--tblr-green); font-weight: 500; }
.tenant-phone-status--pending { background: var(--tblr-yellow-lt); color: var(--tblr-body-color); }