:root {
    --lk-accent: #b28a52;
    --lk-accent-dark: #8c6938;
    --lk-bg: #f5f6f8;
    --lk-border: #e4e7eb;
}

body {
    background: var(--lk-bg);
}

.lk-navbar {
    border-bottom: 1px solid var(--lk-border);
    background: var(--lk-header, #fff);
}

.lk-brand {
    font-weight: 700;
    letter-spacing: .02em;
}

.lk-sidebar {
    background: #fff;
    border-right: 1px solid var(--lk-border);
    min-height: calc(100vh - 58px);
}

.lk-tree a {
    color: #343a40;
    text-decoration: none;
}

.lk-tree a:hover,
.lk-tree a.active {
    color: var(--lk-accent-dark);
    font-weight: 600;
}

.lk-product-card {
    height: 100%;
    transition: transform .12s ease, box-shadow .12s ease;
    border-color: var(--lk-border);
}

.lk-product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .08);
}

.lk-product-image {
    aspect-ratio: 4 / 3;
    object-fit: contain;
    background: #fff;
}

.btn-lk {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lk-accent);
    --bs-btn-border-color: var(--lk-accent);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lk-accent-dark);
    --bs-btn-hover-border-color: var(--lk-accent-dark);
}

.lk-login {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: #f1f3f5;
}

.lk-login-card {
    width: min(420px, calc(100vw - 2rem));
}

.table-variants input[type=number] {
    min-width: 90px;
}

/* v0.7: компактные рабочие экраны, единый визуальный язык карточек. */
.lk-app{background:#f3f5f9;color:#273449}.lk-app .card{border-radius:1rem}.lk-app .card-header{border-radius:1rem 1rem 0 0;padding:1rem 1.25rem}.lk-app .table>:not(caption)>*>*{padding:.85rem 1rem}.lk-app .table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.045em;color:#708096;background:#f8fafc}.lk-app .btn{border-radius:.58rem}.lk-app .form-control,.lk-app .form-select{border-radius:.55rem}.lk-app .nav-pills .nav-link{border-radius:.6rem}.lk-app .modal-content{border:0;border-radius:1rem;box-shadow:0 1rem 3rem #192d4d29}.lk-app .badge{font-weight:600}.lk-app .card.shadow-sm{box-shadow:0 .25rem 1rem rgba(30,50,80,.06)!important}

/* v0.9.3: кнопки поиска находятся в строке диапазона диаметра, без отдельной полосы. */
.lk-filter-actions .btn { min-height: 38px; white-space: nowrap; }
@media (max-width: 991.98px) { .lk-filter-actions { justify-content: flex-end; } }

/* Все фильтры — в одной строке на широком экране. На узких экранах прокрутка. */
.lk-filters-line {display:flex; align-items:end; gap:.65rem; flex-wrap:nowrap; overflow-x:auto; padding-bottom:.15rem;}
.lk-filter-field {flex:1 0 150px; min-width:0;}
.lk-filter-diameter {flex: .75 0 125px;}
.lk-filter-field .form-label {font-size:.77rem; margin-bottom:.3rem; white-space:nowrap;}
.lk-filter-field .form-control,.lk-filter-field .form-select {width:100%;}
.lk-filter-reset {flex:0 0 auto;}
#lkCatalogResults[aria-busy=true] {opacity:.65; pointer-events:none;}
@media (min-width:1500px) {.lk-filter-field {flex-basis:0;} .lk-filter-diameter {flex-basis:0;}}

/* v0.9.6 — оформление редактирования заказа, без искусственного ограничения ширины. */
.lk-order-editor { width:100%; }
.lk-order-editor .card { overflow:hidden; border:1px solid var(--tblr-border-color, #e2e8f0); }
.lk-order-editor .card-header { background:var(--tblr-bg-surface, #fff); }
.lk-order-editor .lk-order-qty { width:112px; max-width:100%; }
.lk-order-editor .card-title { font-size:1rem; }
@media (max-width:575.98px) {
 .lk-order-editor .page-header .row { align-items:flex-start; }
 .lk-order-editor .card-body { padding:1rem; }
 .lk-order-editor .card-table { min-width:640px; }
}

/* v0.10.3: широкое и корректно прокручиваемое окно редактора товара. */
#productDialog .modal-dialog { max-width:min(1100px,calc(100vw - 2rem)); }
#productDialog .modal-content { max-height:calc(100dvh - 2rem); overflow:hidden; display:flex; flex-direction:column; }
#productDialog .modal-body { flex:1 1 auto; min-height:0; overflow-y:auto; }
#productDialog .modal-footer,#productDialog .modal-header { flex-shrink:0; }
#productDialog .lk-file-grid { max-height:320px; overflow-y:auto; }
.lk-table-tools .form-control { flex:1 1 200px; }
@media(max-width:600px){#productDialog .modal-dialog{max-width:100%;margin:.5rem}#productDialog .modal-content{max-height:calc(100dvh - 1rem)}}

/* Toast выше модальных окон; компактный вид для телефона. */
.lk-toast-container { z-index: 1090; max-width: min(100vw, 420px); }
.lk-toast { width: min(380px, calc(100vw - 2rem)); }