/* ============================================================
   Forkly — медицинская тема. Сдержанный дизайн:
   ОДИН зелёный для главных действий и активных состояний,
   остальное — нейтральные серые. Без КАПСА. Чистые поверхности.
   Подключается ПОСЛЕДНИМ, перекрывает light-bootstrap-dashboard.
   ============================================================ */
:root {
    --brand:    #1F9D5B;   /* основной зелёный (единственный) */
    --brand-dk: #157345;   /* hover/active */
    --brand-50: #EEF7F2;   /* очень светлый фон (hover/active строки) */
    --brand-100:#DCEFE4;
    --ink:      #232B27;   /* заголовки / основной текст */
    --ink-2:    #5C6B62;   /* вторичный текст, подписи */
    --ink-3:    #8A968F;   /* плейсхолдеры/хинты */
    --line:     #E7EDE9;   /* границы */
    --line-2:   #D9E2DC;
    --page:     #F4F7F5;   /* фон страницы */
    --surface:  #FFFFFF;
}

/* ---------- База / типографика ---------- */
body, .wrapper, .main-panel {
    background: var(--page) !important;
    color: var(--ink);
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
body { font-size: 14px; line-height: 1.55; }
/* убираем КАПС везде, где тема его навязывает */
label, legend, .navbar-brand, .sidebar .nav p,
.card .header legend, .card .header, .nav-tabs > li > a,
h1,h2,h3,h4,h5,h6, .panel-title, .th-inner {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
h1,h2,h3,h4,h5,h6, legend { color: var(--ink); font-weight: 600; }
a { color: var(--brand-dk); }
a:hover, a:focus { color: var(--brand); }

/* =========================== СКРОЛЛ (фикс) =========================== */
/* тема вешает overflow:hidden на main-panel и полагается на perfect-scrollbar.
   Включаем нативную прокрутку всей страницы. */
html, body { height: auto !important; overflow-y: auto !important; }
.wrapper { height: auto !important; min-height: 100vh; overflow: visible !important; }
.main-panel {
    height: auto !important;
    max-height: none !important;
    min-height: 100vh;
    overflow: visible !important;
}
.main-panel > .content { overflow: visible !important; }
.ps__rail-y, .ps__rail-x { display: none !important; } /* прячем рельсы perfect-scrollbar */
/* main-panel — float:right; очищаем флоат, чтобы wrapper рос и окно прокручивалось */
.wrapper::after { content: ""; display: table; clear: both; }

/* =========================== САЙДБАР =========================== */
.sidebar { background: var(--surface) !important; border-right: 1px solid var(--line); }
.sidebar:after, .sidebar:before { background: var(--surface) !important; opacity: 1 !important; }
.sidebar .logo { border-bottom: 1px solid var(--line); background: var(--surface); padding: 14px 18px; }
.sidebar .nav li > a {
    color: var(--ink-2) !important;
    opacity: 1 !important;
    border-radius: 8px;
    margin: 2px 12px 0;
    font-weight: 500;
    transition: background .12s ease, color .12s ease;
}
.sidebar .nav li > a, .sidebar .nav p { text-transform: none !important; font-weight: 500; font-size: 13.5px; }
.sidebar .nav i { color: var(--ink-3) !important; }
.sidebar .nav li:hover > a { background: var(--brand-50) !important; color: var(--ink) !important; }
.sidebar .nav li:hover > a i { color: var(--brand) !important; }
.sidebar .nav li.active > a { background: var(--brand-50) !important; color: var(--brand-dk) !important; font-weight: 600; }
.sidebar .nav li.active > a i { color: var(--brand) !important; }
.sidebar .nav .nav li > a { color: var(--ink-2) !important; font-weight: 400; }
.sidebar .nav .nav li.active > a { color: var(--brand-dk) !important; background: transparent !important; font-weight: 600; }
.sidebar .nav-line, hr.nav-line { border-color: var(--line) !important; }

/* =========================== НАВБАР =========================== */
.navbar-default {
    background: var(--surface) !important;
    border: none !important;
    border-bottom: 1px solid var(--line) !important;
    box-shadow: none !important;
}
.navbar-default .navbar-brand { color: var(--ink) !important; font-weight: 600; font-size: 17px; }
.navbar-default .navbar-nav > li > a { color: var(--ink-2) !important; }
.navbar-default .navbar-nav > li > a:hover { color: var(--brand-dk) !important; }

/* =========================== КНОПКИ =========================== */
.btn { border-radius: 8px; font-weight: 500; transition: all .12s ease; }
/* первичные действия — единственный зелёный */
.btn-primary, .btn-primary.btn-fill, .btn-success, .btn-success.btn-fill {
    background-color: var(--brand) !important;
    border: 1px solid var(--brand) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary.btn-fill:hover, .btn-success:hover, .btn-success.btn-fill:hover,
.btn-primary:focus, .btn-success:focus {
    background-color: var(--brand-dk) !important;
    border-color: var(--brand-dk) !important;
    color: #fff !important;
}
/* вторичные — нейтральные, БЕЗ зелёного текста */
.btn-default {
    background: var(--surface) !important;
    color: var(--ink-2) !important;
    border: 1px solid var(--line-2) !important;
}
.btn-default:hover, .btn-default:focus {
    background: #F3F6F4 !important;
    color: var(--ink) !important;
    border-color: var(--line-2) !important;
}
.btn-default .glyphicon, .input-group-btn .btn-default .glyphicon { color: var(--ink-3) !important; }

/* =========================== КАРТОЧКИ =========================== */
.card {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: none;
}
.card .header { padding: 16px 18px 0; }
.card .header legend, .card .content > .header { color: var(--ink); font-weight: 600; }
.card .content { padding: 16px 18px; }
h6, .panel-body h6 { color: var(--ink-2) !important; font-weight: 600; font-size: 13px; }
hr { border-color: var(--line) !important; }

/* =========================== ДАШБОРД (3 метрики -> чистые белые карточки) === */
.panel { background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: 10px !important; box-shadow: none !important; }
.panel-heading, .panel-primary > .panel-heading, .panel-danger > .panel-heading, .panel-default > .panel-heading {
    background: var(--surface) !important;
    color: var(--ink) !important;
    border: none !important;
    padding: 22px 20px;
}
.panel .huge { color: var(--brand) !important; font-weight: 600; font-size: 40px; }
.panel-heading [class^="pe-7s"], .panel-heading i { color: var(--brand) !important; opacity: .9; }
.panel-heading .text-right > div:last-child { color: var(--ink-2) !important; font-size: 14px; }

/* =========================== ТАБЛИЦЫ =========================== */
.table > thead > tr > th, .th-inner {
    color: var(--ink-2) !important;
    font-weight: 600;
    font-size: 12.5px;
    border-bottom: 1px solid var(--line-2) !important;
    text-transform: none !important;
}
.table > tbody > tr > td { border-top: 1px solid var(--line) !important; color: var(--ink); }
.table-hover > tbody > tr:hover { background-color: var(--brand-50) !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #FAFCFB; }

/* =========================== ФИЛЬТРЫ (шапка списка) ===================== */
/* ровная шапка: подписи в одну строку фиксированной высоты */
.fixed-table-toolbar label, .bars label {
    text-transform: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--ink-2) !important;
    display: block;
    height: 18px; line-height: 18px;
    margin-bottom: 6px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fixed-table-toolbar .form-group { margin-bottom: 14px; }

/* =========================== ПОЛЯ ВВОДА =========================== */
.form-control {
    border: 1px solid var(--line-2);
    border-radius: 8px;
    color: var(--ink);
    box-shadow: none;
}
.form-control::placeholder { color: var(--ink-3); }
.form-control:focus {
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px rgba(31, 157, 91, .12) !important;
}
.input-group-addon {
    background: #F7FAF8 !important;
    border: 1px solid var(--line-2) !important;
    color: var(--ink-3) !important;
    border-radius: 8px;
}
.input-group-addon i { color: var(--ink-3) !important; }
/* ui-select поля как обычные инпуты */
.ui-select-bootstrap > .ui-select-match > .btn { border: 1px solid var(--line-2) !important; border-radius: 8px !important; color: var(--ink) !important; box-shadow: none !important; }
.ui-select-choices-row.active > span, .ui-select-choices-row:hover > span {
    background-color: var(--brand) !important; color: #fff !important;
}

/* =========================== СПИСКИ / ВКЛАДКИ / ПАГИНАЦИЯ ============== */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important;
}
.list-group-item { border-color: var(--line); border-radius: 8px !important; margin-bottom: 4px; }
.list-group-item.active i, .list-group-item.active small { color: #fff !important; }
.nav-tabs { border-bottom: 1px solid var(--line); }
.nav-tabs > li > a { color: var(--ink-2) !important; border: none !important; }
.nav-tabs > li > a:hover { color: var(--brand-dk) !important; background: transparent !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: var(--brand-dk) !important; background: transparent !important;
    border: none !important; border-bottom: 2px solid var(--brand) !important; font-weight: 600;
}
.pagination > li > a { color: var(--ink-2); border-color: var(--line); }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
    background-color: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important;
}

/* =========================== ПРОЧЕЕ =========================== */
.label-primary, .badge { background-color: var(--brand) !important; }
.sweet-alert button.confirm { background-color: var(--brand) !important; }
dl.dl-horizontal dt { color: var(--ink-2); font-weight: 600; }
dl.dl-horizontal dd { color: var(--ink); }
.well { background: #F7FAF8; border: 1px solid var(--line); box-shadow: none; border-radius: 8px; }
/* плитки статистики из site.css — нейтрализуем «радугу» в один зелёный */
.stat-card-blue, .stat-card-green, .stat-card-orange, .stat-card-red {
    background-color: var(--brand) !important;
}

/* страница логина — фон в брендовый зелёный (а не лаймовый из темы) */
.login-page:after, .full-page:after {
    background: var(--brand-dk) !important;
    background-image: none !important;
    opacity: 1 !important;
}
.login-page .card { border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.12); }

/* ===== Бронь оборудования: подсветка занятых единиц в выборе ===== */
.equipment-busy-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 9px;
    font-size: 11px;
    line-height: 18px;
    border-radius: 10px;
    background: #E24B4A;
    color: #ffffff;
    vertical-align: middle;
    white-space: nowrap;
}
/* строка занятого оборудования (ui-select помечает её классом disabled) */
.ui-select-choices-row.disabled > span,
.ui-select-choices-row.disabled:hover > span {
    background: #FCEBEB !important;
    color: #A32D2D !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}