/* ────────────────────────────────────────────────────────────
   Court.lv — тема CRM и клиентского кабинета: НОВЫЙ ВИД (PUP-1526, эпик PUP-1571).
   Решение Кости 17.10.2026: подход ADept (светлое меню, крупные цифры, списки
   строками), но цвета, логотип и шрифты суда. Эскиз — docs/redesign/eskizs.html.
   Значения — из docs/branding/design-system.md (раздел «CRM и кабинет»), их
   совпадение сторожит scripts/check_brand_tokens.py. Свою палитру и свой шрифт
   здесь не заводи: всё ниже берётся из переменных :root.
   Шрифты — у нас на сервере (court-fonts.css): Manrope — текст, Montserrat — заголовки
   и крупные цифры. Сторонних запросов нет.
   ──────────────────────────────────────────────────────────── */

:root {
    /* Палитра */
    --court-primary: #14416B;
    --court-primary-hover: #0F3357;
    --court-primary-soft: #eef3f8;   /* активный пункт меню, выбранная строка */
    --court-primary-100: #dbe6f1;    /* аватар, мягкая заливка */
    --court-sidebar-bg: #ffffff;     /* меню — светлое (в тёмной теме — тёмный navy) */
    --court-sidebar-hover: #f3f6f9;
    --court-bg: #f5f6f8;
    --court-card: #ffffff;
    --court-ink: #0f2236;            /* заголовки, крупные цифры */
    --court-text: #25384c;
    --court-heading: var(--court-ink);
    --court-text-muted: #5d6d7e;     /* контраст 5.3 на белом */
    --court-text-faint: #606f80;     /* второстепенное: иконки, сноски (контраст 5.1 на белом, 4.8 на фоне) */
    --court-border: #cfd6df;         /* рамка поля ввода, кнопки */
    --court-border-light: #e4e8ee;   /* рамка карточки, линии таблиц */
    --court-line-2: #eef1f5;         /* самые тихие разделители, подложки счётчиков */

    /* Акцент бренда — цвет логотипа. Две роли, потому что чистый оранжевый
       на белом даёт контраст 3.06 (мелкий текст нечитаем):
         --court-accent      — заливки: главная кнопка КАБИНЕТА, метка «дело сейчас здесь», черта активного пункта меню;
         --court-accent-text — акцент как ЦВЕТ ТЕКСТА на светлом (контраст 5.18).
       В CRM главные кнопки тёмно-синие (решение Кости 17.10.2026). */
    --court-accent: #ff5e00;
    --court-accent-hover: #f76b20;
    --court-accent-text: #c2410c;
    --court-accent-soft: #fff4ec;
    /* Надпись на оранжевой кнопке — белая, как на сайте; кнопка крупная (≥14px жирный). */
    --court-on-accent: #ffffff;

    /* Статусные цвета — несут смысл, под бренд НЕ подгоняются
       (таблица в docs/branding/design-system.md, сторож check_brand_tokens.py). */
    --court-warn: #a16207;
    --court-warn-bg: #fdf6e7;
    --court-warn-border: #f0dcae;
    --court-danger: #b42318;
    --court-danger-bg: #fdecea;
    --court-danger-border: #f5c2bd;
    --court-success: #067647;
    --court-success-bg: #eaf6ec;
    --court-success-border: #bee0c4;
    --court-info-bg: #eaf0f6;
    --court-info-border: #cbd9e8;

    /* Форма нового вида: 8px — кнопки, поля, плашки; 12px — карточки, панели, окна */
    --court-radius: 8px;
    --court-radius-lg: 12px;
    --court-font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --court-font-display: 'Montserrat', 'Manrope', system-ui, Arial, sans-serif;
    --court-shadow-sm: 0 1px 2px rgba(15, 34, 54, .04);
    --court-shadow-md: 0 8px 24px rgba(15, 34, 54, .10);
    --court-focus-ring: 0 0 0 3px rgba(20, 65, 107, .18);
    --court-top-bar: 56px;

    /* Переменные ядра EspoCRM 10 — через них вид расходится по всем экранам
       ядра, без перебивания каждого элемента. */
    --font-family: var(--court-font);
    --text-color: var(--court-text);
    --body-bg: var(--court-bg);
    --default-border-color: var(--court-border-light);
    --border-radius: var(--court-radius);
    --border-radius-small: 6px;
    --dropdown-border-radius: var(--court-radius);
    --dropdown-border: var(--court-border-light);
    --dropdown-box-shadow: var(--court-shadow-md);
    --dropdown-link-hover-bg: var(--court-sidebar-hover);
    --panel-border-radius: var(--court-radius-lg);
    --panel-default-border: var(--court-border-light);
    --modal-border-color: var(--court-border-light);
    --link-color: var(--court-primary);
    --link-hover-color: var(--court-primary-hover);
    --link-record-color: var(--court-primary);
    --link-record-hover-color: var(--court-primary-hover);
    --text-link-color: var(--court-primary);
    --text-link-hover-color: var(--court-primary-hover);
    --btn-primary-bg: var(--court-primary);
    --btn-primary-border: var(--court-primary);
    --btn-primary-color: #ffffff;
    --btn-primary-hover-bg: var(--court-primary-hover);
    --btn-primary-hover-border: var(--court-primary-hover);
    --btn-primary-active-bg: var(--court-primary-hover);
    --btn-primary-active-border: var(--court-primary-hover);
    --btn-default-bg: #ffffff;
    --btn-default-border: var(--court-border-light);
    --btn-default-color: var(--court-ink);
    --btn-default-hover-bg: var(--court-sidebar-hover);
    --btn-default-hover-border: var(--court-border);
    --input-border: var(--court-border);
    --input-border-focus: var(--court-primary);
    --input-border-focus-rgba: rgba(20, 65, 107, .18);
    --input-color: var(--court-text);
    /* Верхняя панель и меню (ядро рисует их по этим переменным) */
    --top-bar-height: var(--court-top-bar);
    --top-bar-box-shadow: none;
    --navbar-bg: #ffffff;
    --navbar-link-color: var(--court-text-muted);
    --navbar-link-hover-color: var(--court-ink);
    --navbar-link-active-bg: var(--court-primary-soft);
    --navbar-inverse-bg: var(--court-sidebar-bg);
    --navbar-inverse-border: var(--court-border-light);
    --navbar-inverse-link-color: var(--court-text);
    --navbar-inverse-link-hover-color: var(--court-ink);
    --navbar-inverse-link-hover-bg: var(--court-sidebar-hover);
    --navbar-inverse-link-active-bg: var(--court-primary-soft);
    --navbar-inverse-link-icon-color: var(--court-text-faint);
    --navbar-inverse-link-icon-hover-color: var(--court-primary);
    --navbar-inverse-color: var(--court-text-faint);
}

/* Body & background */
body {
    font-family: var(--court-font) !important;
    background: var(--court-bg) !important;
    color: var(--court-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "tnum" 1;
}
/* Поля, кнопки и окна ядро рисует своим стеком шрифтов — приводим к одному. */
button, input, select, textarea {
    font-family: var(--court-font);
}

/* Заголовки — Montserrat, тёмные, без капса (капс PR #279 снят). */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--court-font-display);
    color: var(--court-heading);
    font-weight: 700;
    letter-spacing: -.01em;
}

/* ── Боковое меню — светлое, с иконками, активный пункт подсвечен ─────────── */
body[data-navbar=side] #navbar > .navbar.navbar-inverse,
#navbar > .navbar.navbar-inverse {
    background: var(--court-sidebar-bg) !important;
    border-right: 1px solid var(--court-border-light) !important;
}
.navbar.navbar-inverse .navbar-collapse,
.navbar.navbar-inverse .navbar-left-container {
    background: transparent !important;
}

/* Логотип: на светлом меню — цветной (navy-надпись), в тёмной теме — белый (court-theme-dark.css) */
.navbar .navbar-header {
    min-height: 88px !important;
}
.navbar .navbar-logo-container,
.navbar .navbar-brand-container {
    padding: 18px 22px 10px !important;
    height: 88px !important;
    min-height: 88px;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    background-color: transparent !important;
    background-image: url("/client/custom/img/rst-logo.svg");
    background-repeat: no-repeat;
    background-position: 22px center;
    background-size: auto 52px;
    border-bottom: 0 !important;
}
.navbar .navbar-brand,
.navbar .navbar-brand.nav-link {
    display: block !important;
    width: 100%;
    height: 56px;
    padding: 0 !important;
    margin: 0 !important;
}
/* Логотип из настроек (компании/портала) прячем: его заменяет фон выше */
.navbar .navbar-brand img.logo,
.navbar .navbar-brand .logo,
.navbar .logo {
    display: none !important;
}

.navbar.navbar-inverse ul.tabs {
    padding: 4px 14px 14px !important;
}
.navbar.navbar-inverse .nav > li.tab > a,
.navbar.navbar-inverse ul.tabs > li > a {
    display: flex !important;
    align-items: center;
    gap: 11px;
    margin: 1px 0;
    padding: 8px 10px !important;
    border-radius: var(--court-radius) !important;
    border-left: 0 !important;
    color: var(--court-text) !important;
    font-weight: 600;
    font-size: 13.5px;
    position: relative;
    transition: background-color 120ms ease, color 120ms ease !important;
}
.navbar.navbar-inverse .nav > li.tab > a .full-label {
    color: inherit !important;
}
/* Иконки пунктов — единого тихого цвета (свой цвет раздела ядро вписывает в style — перебиваем) */
.navbar.navbar-inverse .nav > li.tab > a .short-label,
.navbar.navbar-inverse .nav > li.tab > a .short-label .fas,
.navbar.navbar-inverse .nav > li.tab > a .short-label .far,
.navbar.navbar-inverse .nav > li.tab > a .item-icon {
    color: var(--court-text-faint) !important;
    width: 18px;
    text-align: center;
    font-size: 14px;
}
.navbar.navbar-inverse .nav > li.tab > a:hover {
    background: var(--court-sidebar-hover) !important;
    color: var(--court-ink) !important;
}
.navbar.navbar-inverse .nav > li.tab.active > a,
.navbar.navbar-inverse .nav > li.tab.active > a:hover {
    background: var(--court-primary-soft) !important;
    color: var(--court-primary) !important;
    font-weight: 800;
}
.navbar.navbar-inverse .nav > li.tab.active > a .short-label,
.navbar.navbar-inverse .nav > li.tab.active > a .short-label .fas,
.navbar.navbar-inverse .nav > li.tab.active > a .short-label .far {
    color: var(--court-primary) !important;
}
/* Активный пункт — оранжевая черта у края меню, как в эскизе */
.navbar.navbar-inverse .nav > li.tab.active > a::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--court-accent);
}
/* Подписи групп меню (разделители ядра) — мелко, приглушённо */
.navbar.navbar-inverse .tab-divider,
.navbar.navbar-inverse .nav-divider-text,
.navbar.navbar-inverse .header-breaker {
    color: var(--court-text-faint) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
    border-top: 0 !important;
    padding: 14px 10px 6px !important;
}
/* «…» — ещё пункты */
.navbar.navbar-inverse .nav > li.more > a {
    color: var(--court-text-muted) !important;
    border-radius: var(--court-radius) !important;
}
.navbar.navbar-inverse .nav > li.more > a:hover {
    background: var(--court-sidebar-hover) !important;
}
.navbar.navbar-inverse .more-dropdown-menu {
    border-radius: var(--court-radius-lg) !important;
    border: 1px solid var(--court-border-light) !important;
    box-shadow: var(--court-shadow-md) !important;
    padding: 6px !important;
}
.navbar.navbar-inverse .more-dropdown-menu > li > a {
    border-radius: var(--court-radius) !important;
}
.navbar.navbar-inverse .minimizer {
    color: var(--court-text-faint) !important;
}

/* Свёрнутое меню (узкий экран, 50px): логотип не помещается — оставляем кнопку
   разворота ядра; пункты — иконками по центру. */
body.minimized #navbar .navbar-logo-container {
    display: none !important;
}
body.minimized #navbar .navbar-header {
    min-height: 0 !important;
}
body.minimized .navbar.navbar-inverse ul.tabs {
    padding: 4px 6px !important;
}
body.minimized .navbar.navbar-inverse .nav > li.tab > a {
    justify-content: center;
    padding: 9px 0 !important;
}
body.minimized .navbar.navbar-inverse .nav > li.tab.active > a::before {
    left: -6px;
}

/* ── Верхняя панель: поиск, «+», колокольчик, профиль ───────────────────── */
body[data-navbar=side] #navbar .navbar-right {
    background: #ffffff !important;
    border-bottom: 1px solid var(--court-border-light) !important;
    box-shadow: none !important;
    align-items: center;
    gap: 2px;
    padding-left: 28px;
}
/* Поиск — первым слева, как в эскизе; остальное — вправо */
body[data-navbar=side] #navbar .navbar-right > li[data-item="globalSearch"] {
    order: -1;
    margin-right: auto;
    align-items: center;
}
body[data-navbar=side] #navbar .navbar-right .global-search-container .input-group {
    display: flex;
    align-items: center;
}
body[data-navbar=side] #navbar .navbar-right input.global-search-input,
.navbar .global-search-container input.form-control {
    width: 420px !important;
    max-width: 42vw;
    min-height: 38px !important;
    max-height: 38px !important;
    background: var(--court-bg) !important;
    border: 1px solid var(--court-border-light) !important;
    border-radius: var(--court-radius) !important;
    color: var(--court-text) !important;
    padding-left: 12px !important;
    font-size: 13.5px;
}
body[data-navbar=side] #navbar .navbar-right input.global-search-input:focus {
    background: #ffffff !important;
    border-color: var(--court-primary) !important;
    box-shadow: var(--court-focus-ring) !important;
}
body[data-navbar=side] #navbar .navbar-right input.global-search-input::placeholder {
    color: var(--court-text-faint) !important;
}
body[data-navbar=side] #navbar .navbar-right .global-search-container a.global-search-button {
    height: 38px !important;
    display: inline-flex;
    align-items: center;
    color: var(--court-text-faint) !important;
}
/* Иконки панели — квадраты 38×38, тихий цвет, мягкий ховер */
body[data-navbar=side] #navbar .navbar-right > li > a,
body[data-navbar=side] #navbar .navbar-right > li > button {
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    border-radius: var(--court-radius) !important;
    color: var(--court-text-muted) !important;
}
body[data-navbar=side] #navbar .navbar-right > li > a:hover,
body[data-navbar=side] #navbar .navbar-right > li.open > a {
    background: var(--court-sidebar-hover) !important;
    color: var(--court-ink) !important;
}
body[data-navbar=side] #navbar .navbar-right > li.quick-create-container,
body[data-navbar=side] #navbar .navbar-right > li.menu-container {
    width: auto !important;
}
/* «+» — заметнее остальных: это частое действие канцелярии */
body[data-navbar=side] #navbar .navbar-right > li.quick-create-container > a {
    color: var(--court-primary) !important;
}
body[data-navbar=side] #navbar .navbar-right .notifications-badge-container .number-badge {
    top: 4px;
    right: 4px;
}
/* Профиль — последним, отделён тонкой линией */
body[data-navbar=side] #navbar .navbar-right > li.menu-container {
    margin-left: 6px;
    padding-left: 8px;
    border-left: 1px solid var(--court-border-light);
}
body[data-navbar=side] #navbar .navbar-right > li > .dropdown-menu,
#navbar .navbar-right .dropdown-menu {
    border-radius: var(--court-radius-lg) !important;
    border: 1px solid var(--court-border-light) !important;
    box-shadow: var(--court-shadow-md) !important;
    padding: 6px !important;
}
#navbar .navbar-right .dropdown-menu > li > a {
    border-radius: var(--court-radius);
    padding: 7px 12px;
}
#navbar .navbar-right .dropdown-menu > li.dropdown-header {
    font-weight: 700;
    color: var(--court-text-faint);
}

/* ── Карточки, панели, дашлеты — белые, 12px, тонкая рамка, мягкая тень ── */
.panel.panel-default,
.list-container,
.detail-container {
    background: var(--court-card) !important;
    border: 1px solid var(--court-border-light) !important;
    border-radius: var(--court-radius-lg) !important;
    box-shadow: var(--court-shadow-sm) !important;
}
.panel-default > .panel-heading {
    background: transparent !important;
    border-bottom: 1px solid var(--court-line-2) !important;
    border-radius: var(--court-radius-lg) var(--court-radius-lg) 0 0 !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    color: var(--court-heading);
}
.panel-default > .panel-body {
    padding: 16px 20px;
}
/* Заголовки панелей и дашлетов — Montserrat, обычный регистр */
.panel-default > .panel-heading > .panel-title,
.panel-default > .panel-heading .panel-title,
.dashlet .panel-heading .panel-title,
.dashlet-container .panel-heading .panel-title {
    font-family: var(--court-font-display);
    font-size: 14.5px !important;
    text-transform: none;
    letter-spacing: -.005em;
    color: var(--court-heading) !important;
    font-weight: 700 !important;
}
.dashlet {
    border-radius: var(--court-radius-lg) !important;
    border: 1px solid var(--court-border-light) !important;
    background: var(--court-card) !important;
    box-shadow: var(--court-shadow-sm) !important;
}

/* ── Кнопки: 8px, полужирные, обычный регистр.
   CRM: главная — тёмно-синяя; обычная — белая с тонкой рамкой.
   Оранжевая — только главная кнопка кабинета (.court-cta) и метка «дело сейчас здесь». */
.btn {
    border-radius: var(--court-radius) !important;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: normal;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.btn-sm { font-size: 12.5px; }
.btn-xs { font-size: 11.5px; }
.btn-lg { font-size: 15px; padding: 11px 24px; }

.btn-primary,
.btn.btn-primary,
.action[data-action="save"].btn-primary {
    background: var(--court-primary) !important;
    border-color: var(--court-primary) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background: var(--court-primary-hover) !important;
    border-color: var(--court-primary-hover) !important;
    color: #ffffff !important;
}
.btn-primary[disabled], .btn-primary.disabled {
    opacity: .55 !important;
}
.btn-default {
    background: var(--court-card) !important;
    border: 1px solid var(--court-border-light) !important;
    color: var(--court-ink) !important;
    box-shadow: 0 1px 0 rgba(15, 34, 54, .03) !important;
}
.btn-default:hover,
.btn-default:focus {
    background: var(--court-sidebar-hover) !important;
    border-color: var(--court-border) !important;
    color: var(--court-ink) !important;
}
.btn-default .fas, .btn-default .far {
    color: var(--court-text-muted);
}
/* Опасное действие — статусный цвет ошибки свода, не произвольный красный ядра */
.btn-danger {
    background: var(--court-danger) !important;
    border-color: var(--court-danger) !important;
    color: #ffffff !important;
}
/* «Veidot» у почты ядро красит как опасное (btn-danger) — это главное действие экрана, оно navy */
.btn.btn-danger[data-action="composeEmail"] {
    background: var(--court-primary) !important;
    border-color: var(--court-primary) !important;
}
.btn.btn-danger[data-action="composeEmail"]:hover {
    background: var(--court-primary-hover) !important;
    border-color: var(--court-primary-hover) !important;
}
/* Главная кнопка кабинета — оранжевая (решение Кости 17.10.2026) */
.btn.court-cta,
.btn-primary.court-cta {
    background: var(--court-accent) !important;
    border-color: var(--court-accent) !important;
    color: var(--court-on-accent) !important;
    font-size: 14px;
}
.btn.court-cta:hover,
.btn.court-cta:focus {
    background: var(--court-accent-hover) !important;
    border-color: var(--court-accent-hover) !important;
}

/* Кнопки действий над карточкой и списком — отдельными плашками с зазором, как в эскизе
   (группа ядра склеивает их в одну полосу, а у каждой — своё скругление). */
.detail-button-container .btn-group.actions-btn-group,
.list-buttons-container .btn-group,
.page-header .header-buttons .btn-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}
.detail-button-container .btn-group.actions-btn-group > .btn,
.list-buttons-container .btn-group > .btn {
    margin-left: 0 !important;
}

/* Видимый фокус с клавиатуры — navy-обводка (оранжевый оставлен меткам) */
.btn:focus-visible,
a:focus-visible,
.nav-tabs > li > a:focus-visible {
    outline: 2px solid var(--court-primary) !important;
    outline-offset: 2px;
}

/* Links & text-link — через переменные ядра: в тёмной теме они светлее */
a {
    color: var(--link-color, var(--court-primary));
    transition: color 150ms ease;
}
a:hover {
    color: var(--link-hover-color, var(--court-primary-hover));
}

/* ── Поля ввода — 8px, серая рамка, navy-фокус ── */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
textarea,
select,
.selectize-input {
    border-radius: var(--court-radius) !important;
    border: 1px solid var(--court-border) !important;
    background: var(--court-card) !important;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}
.form-control:focus,
input:focus,
textarea:focus,
select:focus,
.selectize-input.focus {
    border-color: var(--court-primary) !important;
    box-shadow: var(--court-focus-ring) !important;
    outline: none !important;
}
/* Выпадающий список ядра (selectize): рамку несёт только .selectize-input.
   Обёртка тоже носит класс form-control, а внутри сидит служебное поле поиска
   шириной 4px — без этих правил обе получали рамку, и у края списка торчала
   «палочка» (было и до PUP-1526). */
.selectize-control.form-control {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}
.selectize-input input,
.selectize-input input:focus {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.selectize-dropdown {
    border-radius: var(--court-radius) !important;
    border: 1px solid var(--court-border-light) !important;
    box-shadow: var(--court-shadow-md) !important;
}
.input-group > .form-control:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group > .input-group-btn > .btn,
.input-group > .input-group-btn:last-child > .btn { border-radius: 0 var(--court-radius) var(--court-radius) 0 !important; }

/* Подписи полей — мелко, приглушённо, без капса */
.cell > label.control-label,
.field-label,
label.control-label {
    color: var(--court-text-muted);
    font-weight: 600;
    font-size: 12.5px;
}

/* ── Таблицы списков — строки с воздухом, тихая шапка без капса ── */
.list table.table {
    border-radius: var(--court-radius-lg);
    overflow: hidden;
}
.list table.table > thead > tr > th {
    background: var(--court-card) !important;
    border-bottom: 1px solid var(--court-border-light) !important;
    color: var(--court-text-muted) !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    text-transform: none;
    letter-spacing: normal;
    padding: 11px 14px !important;
}
.list table.table > thead > tr > th a {
    color: var(--court-text-muted) !important;
}
.list table.table > tbody > tr {
    transition: background 120ms ease;
}
.list table.table > tbody > tr:hover {
    background: var(--court-bg) !important;
}
.list table.table > tbody > tr > td {
    border-top: 1px solid var(--court-line-2) !important;
    padding: 12px 14px !important;
}

/* Status labels (не «пилюли» состояния — те ниже, в разделе Soft status pills) */
.label, .label-default, .label-primary, .label-success, .label-info, .label-warning, .label-danger {
    border-radius: 999px !important;
    padding: 4px 9px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}
.label-primary { background: var(--court-primary) !important; }
.label-success { background: var(--court-success) !important; }
.label-info    { background: var(--court-primary) !important; }
.label-warning { background: var(--court-warn) !important; }
.label-danger  { background: var(--court-danger) !important; }
.label-default { background: var(--court-text-faint) !important; color: #fff !important; }

/* Kanban columns */
.kanban-column {
    background: var(--court-line-2) !important;
    border-radius: var(--court-radius-lg) !important;
    padding: 14px !important;
}
.kanban-column .kanban-column-header {
    color: var(--court-heading) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 4px 4px 12px;
}
.kanban-item {
    background: var(--court-card) !important;
    border: 1px solid var(--court-border-light) !important;
    border-radius: var(--court-radius) !important;
    box-shadow: var(--court-shadow-sm) !important;
    transition: all 150ms ease !important;
}
.kanban-item:hover {
    box-shadow: var(--court-shadow-md) !important;
    border-color: var(--court-border) !important;
}

/* Счётчик уведомлений — оранжевый, как в эскизе, но затемнённым токеном акцента:
   цифра мелкая (≈11px), а белое на чистом #ff5e00 даёт 3.06 при норме 4.5;
   на #c2410c — 5.18. */
.notification-badge,
.badge {
    background: var(--court-accent-text) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

/* ── Окна ── */
.modal-dialog .modal-content {
    border-radius: var(--court-radius-lg) !important;
    border: 1px solid var(--court-border-light) !important;
    box-shadow: 0 24px 48px rgba(15, 34, 54, 0.18) !important;
    overflow: hidden;
}
.modal-header {
    background: var(--court-card) !important;
    border-bottom: 1px solid var(--court-line-2) !important;
    padding: 16px 22px !important;
}
.modal-header .modal-title {
    font-family: var(--court-font-display);
    color: var(--court-heading);
    font-weight: 700;
}
.modal-footer {
    border-top: 1px solid var(--court-line-2) !important;
}

/* ── Вкладки (ядро) — подчёркивание, без коробок ── */
.nav-tabs {
    border-bottom: 1px solid var(--court-border-light) !important;
}
.nav-tabs > li > a {
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    color: var(--court-text-muted) !important;
    font-weight: 700;
    margin-bottom: -1px;
    background: transparent !important;
}
.nav-tabs > li > a:hover {
    color: var(--court-ink) !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--court-primary) !important;
    border-bottom-color: var(--court-primary) !important;
}

/* Stream items */
.stream-record-list .stream-item {
    border-radius: var(--court-radius) !important;
    padding: 12px 14px !important;
    margin-bottom: 8px;
    background: var(--court-card);
    border: 1px solid var(--court-line-2) !important;
}

.panel, .label, .nav > li > a {
    transition: all 150ms ease !important;
}

/* ── Заголовок страницы — Montserrat, крупный, тёмный; без оранжевой черты PR #279 ── */
#main .page-header h3 {
    font-family: var(--court-font-display);
    color: var(--court-heading);
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -.012em;
}
#main .page-header .header-title,
#main .page-header h3 .header-title {
    color: var(--court-heading);
}
/* Хлебные крошки «Lietas › …»: ссылка — тихая, текущее — тёмное */
#main .page-header h3 a {
    color: var(--court-text-muted);
    font-weight: 600;
}
#main .page-header h3 a:hover {
    color: var(--court-primary);
}

/* ── Уведомления (тосты ядра) — карточка с цветной полосой, а не сплошная заливка ── */
#notification .alert,
.notify-container .alert,
body > .alert {
    border-radius: var(--court-radius-lg) !important;
    box-shadow: var(--court-shadow-md) !important;
    border: 1px solid var(--court-border-light) !important;
    font-weight: 600;
}
.alert-success { background: var(--court-success-bg) !important; color: var(--court-success) !important; border-color: var(--court-success-border) !important; }
.alert-danger  { background: var(--court-danger-bg) !important; color: var(--court-danger) !important; border-color: var(--court-danger-border) !important; }
.alert-warning { background: var(--court-warn-bg) !important; color: var(--court-warn) !important; border-color: var(--court-warn-border) !important; }
.alert-info    { background: var(--court-info-bg) !important; color: var(--court-primary) !important; border-color: var(--court-info-border) !important; }

/* В list/detail page header — отступ иконки сущности */
.list-container > .page-header h3 .icon,
.detail-container > .page-header h3 .icon,
.page-header h3 .item-icon {
    margin-right: 10px;
    font-size: 18px;
}

/* In Kanban view, color top stripe of cards by status enum style */
.kanban-item {
    border-left: 3px solid var(--court-border) !important;
}

/* On record list rows — colored icon column */
.list table.table > tbody > tr > td:first-child {
    position: relative;
}

/* Поджать колонку чекбоксов + левый отступ первой колонки данных,
   чтобы номер дела (и любой первый столбец списка) стоял ближе к левому краю.
   Каретку select-all не режем — оставляем ~36px под чекбокс + dropdown. */
.list table.table > thead > tr > th.checkbox-cell,
.list table.table > tbody > tr > td.checkbox-cell,
.list table.table > thead > tr > th[data-name="r-checkbox"],
.list table.table > tbody > tr > td[data-name="r-checkbox"] {
    width: 36px !important;
    min-width: 36px !important;
    padding-left: 8px !important;
    padding-right: 0 !important;
}

.list table.table > thead > tr > th.checkbox-cell + th,
.list table.table > tbody > tr > td.checkbox-cell + td,
.list table.table > thead > tr > th[data-name="r-checkbox"] + th,
.list table.table > tbody > tr > td[data-name="r-checkbox"] + td {
    padding-left: 4px !important;
}



/* === Status Timeline (Stadiju vēsture) === */
.court-status-timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}
.court-status-timeline__item {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 6px 0;
    position: relative;
}
.court-status-timeline__item::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 22px;
    bottom: -6px;
    width: 2px;
    background: var(--court-border-light);
}
.court-status-timeline__item:last-child::before { display: none; }
.court-status-timeline__dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--court-border-light);
    flex-shrink: 0;
    z-index: 1;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #d1d5db;
    transition: all 0.2s ease;
}
.court-status-timeline__item--done .court-status-timeline__dot {
    background: var(--court-primary);
    box-shadow: 0 0 0 1px var(--court-primary);
}
/* Текущая стадия — метка «дело сейчас здесь»: оранжевое кольцо с ореолом
   (решение Кости 17.10.2026: оранжевый в CRM — только эта метка). Дата — акцент-текстом. */
.court-status-timeline__item--current .court-status-timeline__dot {
    background: var(--court-accent);
    box-shadow: 0 0 0 2px var(--court-accent), 0 0 0 6px rgba(255, 94, 0, 0.14);
    transform: scale(1.1);
}
.court-status-timeline__item--current .court-status-timeline__date {
    color: var(--court-accent-text);
    font-weight: 700;
}
.court-status-timeline__label {
    flex: 1;
    font-size: 13px;
    color: var(--court-text);
}
.court-status-timeline__item--current .court-status-timeline__label {
    font-weight: 600;
    color: var(--court-text);
}
.court-status-timeline__item--pending .court-status-timeline__label {
    color: var(--court-text-faint);
}
.court-status-timeline__date {
    font-size: 11px;
    color: var(--court-text-muted);
    min-width: 78px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.court-status-timeline__item--pending .court-status-timeline__date {
    color: #d1d5db;
}
.court-status-timeline__footer {
    margin-top: 12px;
    font-size: 12px;
    padding-top: 10px;
    border-top: 1px solid #f3f4f6;
}


/* === Status timeline: skipped state === */
.court-status-timeline__item--skipped .court-status-timeline__dot {
    background: var(--court-card);
    box-shadow: 0 0 0 1px #d1d5db;
    border-style: dashed;
    border-color: var(--court-border);
}
.court-status-timeline__item--skipped .court-status-timeline__label {
    color: var(--court-text-faint);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    text-decoration-color: #d1d5db;
}
.court-status-timeline__item--skipped .court-status-timeline__date {
    color: #d1d5db;
}
.court-status-timeline__item--skipped::before {
    background: repeating-linear-gradient(
        to bottom,
        #e5e7eb 0,
        #e5e7eb 3px,
        transparent 3px,
        transparent 6px
    );
}
.court-status-timeline__hint {
    font-size: 12px;
    color: #d1d5db;
    margin-left: 4px;
    cursor: help;
}

/* === Strīda puses (Parties side-panel) === */
.court-parties { padding: 0; }
.court-parties__role { padding: 8px 0 14px; }
.court-parties__role + .court-parties__role { border-top: 1px solid #f3f4f6; }
.court-parties__role-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--court-text-faint);
    margin-bottom: 6px;
}
.court-parties__name {
    font-size: 14px;
    font-weight: 600;
    color: var(--court-heading);
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.court-parties__name:hover { text-decoration: underline; }
.court-parties__regnum {
    font-size: 11px;
    color: var(--court-text-muted);
    margin-bottom: 6px;
    font-variant-numeric: tabular-nums;
}
.court-parties__field {
    font-size: 12px;
    color: var(--court-text);
    margin: 3px 0;
    line-height: 1.5;
}
.court-parties__field a { color: var(--court-text); text-decoration: none; }
.court-parties__field a:hover { color: var(--court-heading); }
.court-parties__icon {
    display: inline-block;
    width: 16px;
    text-align: center;
    margin-right: 4px;
    opacity: 0.6;
}
.court-parties__empty {
    font-size: 12px;
    color: #d1d5db;
    font-style: italic;
}

/* === Party card (inline в detail layout) === */
.court-party-card {
    padding: 4px 0;
}
.court-party-card__name {
    font-size: 15px;
    font-weight: 600;
    color: var(--court-heading);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 4px;
}
.court-party-card__name:hover { text-decoration: underline; color: var(--court-heading); }
.court-party-card__regnum {
    font-size: 12px;
    color: var(--court-text-muted);
    margin-bottom: 8px;
    font-variant-numeric: tabular-nums;
}
.court-party-card__row {
    font-size: 13px;
    color: var(--court-text);
    margin: 4px 0;
    line-height: 1.6;
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.court-party-card__row a { color: var(--court-text); text-decoration: none; }
.court-party-card__row a:hover { color: var(--court-heading); text-decoration: underline; }
.court-party-card__icon {
    width: 16px;
    text-align: center;
    color: var(--court-text-faint);
    flex-shrink: 0;
    font-size: 12px;
}
/* === Панель «Skatīts portālā» в карточке дела (PUP-1775) === */
.court-skatijumi__person + .court-skatijumi__person {
    border-top: 1px solid var(--court-border-light);
    margin-top: 10px;
    padding-top: 10px;
}
.court-skatijumi__name {
    font-weight: 600;
    color: var(--court-heading);
    overflow-wrap: anywhere;
}
.court-skatijumi__role {
    font-size: 12px;
    color: var(--court-text-muted);
    line-height: 1.4;
    margin-top: 1px;
    overflow-wrap: anywhere;
}
.court-skatijumi__events {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}
.court-skatijumi__event {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 3px 0;
}
.court-skatijumi__icon {
    width: 14px;
    flex-shrink: 0;
    text-align: center;
    font-size: 11px;
    color: var(--court-text-faint);
}
.court-skatijumi__body { min-width: 0; }
.court-skatijumi__what {
    font-size: 13px;
    color: var(--court-text);
    overflow-wrap: anywhere;
}
.court-skatijumi__deleted { color: var(--court-text-muted); }
.court-skatijumi__when {
    font-size: 12px;
    color: var(--court-text-muted);
    font-variant-numeric: tabular-nums;
}
.court-skatijumi__toggle { padding: 6px 0 0; }
.court-skatijumi__empty { font-size: 13px; color: var(--court-text); }
.court-skatijumi__note {
    font-size: 12px;
    color: var(--court-text-muted);
    margin-top: 8px;
}
.court-skatijumi__empty + .court-skatijumi__note,
.court-skatijumi > .court-skatijumi__note:only-child { margin-top: 4px; }

/* Список карточек доп. ответчиков (atbildetajiCiti): разделитель между карточками */
.court-party-card-list .court-party-card + .court-party-card {
    border-top: 1px solid var(--court-border-light);
    margin-top: 8px;
    padding-top: 12px;
}
/* PUP-502: ручная выдача портального доступа стороне без eParaksts */
.court-party-card__access-btn {
    font-size: 12px;
    font-weight: 600;
    color: #c2410c !important;
    text-decoration: none !important;
}
.court-party-card__access-btn:hover { text-decoration: underline !important; }
.court-party-card__access-btn i { margin-right: 4px; }

/* === Dokuments inline file preview === */
.court-file-preview { padding: 0; }
.court-file-preview__iframe {
    width: 100%;
    height: 720px;
    border: 1px solid var(--court-border-light);
    border-radius: var(--court-radius);
    background: var(--court-bg);
}
.court-file-preview__image {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--court-border-light);
    border-radius: var(--court-radius);
}
.court-file-preview__nopreview {
    text-align: center;
    padding: 32px;
    color: var(--court-text-muted);
    background: var(--court-bg);
    border: 1px dashed var(--court-border-light);
    border-radius: var(--court-radius);
}
.court-file-preview__nopreview i { color: var(--court-text-faint); margin-bottom: 8px; }
.court-file-preview__empty {
    text-align: center;
    padding: 24px;
    color: var(--court-text-faint);
}

/* === Status label readability fix === */
/* Espo по умолчанию использует "soft labels" с тонированным фоном и тёмным
 * текстом. Когда мы переопределили primary на solid #14416B, light text
 * стал невидимым. Возвращаем классический стиль: solid bg + white text. */
.label.label-state {
    color: #ffffff !important;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    letter-spacing: 0.01em;
}
.label.label-state.label-default { background-color: #6b7280 !important; }
.label.label-state.label-info    { background-color: #3b82f6 !important; }
.label.label-state.label-warning { background-color: #f59e0b !important; color: #fff !important; }
.label.label-state.label-primary { background-color: #14416B !important; }
.label.label-state.label-success { background-color: #0F3357 !important; }
.label.label-state.label-danger  { background-color: #ef4444 !important; }

/* === Print court dialog === */
.court-print-dialog__hint {
    margin-bottom: 14px;
    font-size: 12px;
}
.court-print-dialog__group {
    margin: 14px 0;
}
.court-print-dialog__group-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--court-text);
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--court-border-light);
}
.court-print-dialog__table {
    width: 100%;
    border-collapse: collapse;
}
.court-print-dialog__table tr + tr td {
    border-top: 1px solid #f3f4f6;
}
.court-print-dialog__name {
    padding: 8px 4px;
    font-size: 13px;
}
.court-print-dialog__btn-cell {
    padding: 6px 4px;
    width: 110px;
    text-align: right;
    white-space: nowrap;
}
.court-print-dialog__btn-cell .btn {
    width: 100%;
}

/* === Court params dialog === */
.court-params-dialog__hint {
    font-size: 13px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f3f4f6;
}
.court-params-dialog .form-group { margin-bottom: 14px; }
.court-params-dialog__checkbox {
    font-weight: normal;
    cursor: pointer;
}
.court-params-dialog__checkbox input { margin-right: 6px; }
.court-params-dialog .small {
    font-size: 11px;
    margin-top: 4px;
    color: var(--court-text-faint);
}
/* Откуда взято число листов (PUP-1215): текст для решения, поэтому
   контраст ≥ 4.5:1, а «не удалось определить» — статусным цветом. */
.court-params-dialog__lapu-hint {
    font-size: 12px;
    margin-top: 4px;
    color: var(--court-text-muted);
}
.court-params-dialog__lapu-hint--warn {
    color: #a16207;
    font-weight: 500;
}

/* === Iesniegt-lietu dashlet === */
.court-iesniegt-dashlet {
    text-align: center;
    padding: 24px 12px;
}
.court-iesniegt-dashlet__icon { font-size: 48px; margin-bottom: 8px; }
.court-iesniegt-dashlet__title { margin: 12px 0 8px; color: var(--court-heading); }
.court-iesniegt-dashlet__hint { font-size: 13px; margin-bottom: 20px; }
.court-iesniegt-dashlet__btn { padding: 10px 28px; }

/* Banner-variant: компактный CTA для 2×2 квадрата (вертикальный) */
.court-iesniegt-dashlet--banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    padding: 18px 20px;
    background: linear-gradient(135deg, rgba(20, 65, 107, 0.04) 0%, rgba(194, 65, 12, 0.04) 100%);
    border-radius: var(--court-radius-lg);
    height: 100%;
}
.court-iesniegt-dashlet--banner .court-iesniegt-dashlet__icon {
    font-size: 36px;
    margin: 0;
    line-height: 1;
}
.court-iesniegt-dashlet--banner .court-iesniegt-dashlet__body {
    margin: 0;
}
.court-iesniegt-dashlet--banner .court-iesniegt-dashlet__title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
}
.court-iesniegt-dashlet--banner .court-iesniegt-dashlet__hint {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 1.4;
}
.court-iesniegt-dashlet--banner .court-iesniegt-dashlet__btn {
    padding: 8px 20px;
    white-space: nowrap;
}

/* === Manas lietas dashlet (table view) === */
.dashlet[data-id="p_lietas"] .list-buttons-container { display: none !important; }
.dashlet[data-id="p_lietas"] th.action-cell,
.dashlet[data-id="p_lietas"] td.action-cell { display: none !important; }
.dashlet[data-id="p_lietas"] table.table {
    margin: 0;
}
.dashlet[data-id="p_lietas"] table.table > tbody > tr.list-row > td {
    padding: 14px 12px;
    vertical-align: middle;
}
.dashlet[data-id="p_lietas"] table.table > thead > tr > th {
    border-bottom: 1px solid var(--court-border-light);
    font-size: 12.5px;
    color: var(--court-text-muted);
    font-weight: 700;
}
.dashlet[data-id="p_lietas"] table.table > tbody > tr.list-row:hover {
    background: rgba(20, 65, 107, 0.025);
}
.dashlet[data-id="p_lietas"] td[data-name="prasibasSumma"] {
    font-weight: 600;
    color: var(--court-heading);
}

/* === Wizard === */
.court-wizard {}
.court-wizard__steps {
    display: flex;
    gap: 4px;
    margin: 0 0 18px 0;
    padding: 0 4px;
    border-bottom: 1px solid var(--court-border-light);
}
.court-wizard__step {
    flex: 1;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--court-text-faint);
    border-bottom: 3px solid transparent;
    transition: all 0.2s;
}
.court-wizard__step.is-active {
    color: var(--court-heading);
    border-bottom-color: #14416B;
    font-weight: 600;
}
.court-wizard__step.is-done {
    color: var(--court-heading);
    border-bottom-color: #0F3357;
}
/* Шаг 5 «Avansa rēķins» — не форма, а то, что ждёт клиента в кабинете
   после подачи. Никогда не бывает is-active/is-done: пунктир + gold. */
.court-wizard__step--info {
    /* по содержимому — иначе длинная метка переносится на вторую строку */
    flex: 0 0 auto;
    white-space: nowrap;
    color: #c2410c;
    border-bottom-style: dashed;
    border-bottom-color: rgba(194, 65, 12, 0.35);
}
.court-wizard__step--info i { margin-right: 4px; font-size: 12px; opacity: 0.8; }
.court-wizard__next-step {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 16px;
    padding: 10px 12px;
    border: 1px dashed rgba(194, 65, 12, 0.4);
    border-radius: var(--court-radius-lg);
    background: rgba(194, 65, 12, 0.05);
    font-size: 13px;
    line-height: 1.5;
    color: var(--court-text-muted);
}
.court-wizard__next-step i { color: #c2410c; margin-top: 2px; }
.court-wizard__next-step strong { color: #c2410c; }
.court-wizard__pane { padding: 8px 4px; }
.court-wizard__hint {
    background: var(--court-bg);
    padding: 12px;
    border-radius: var(--court-radius);
    font-size: 13px;
    margin-bottom: 14px;
    line-height: 1.6;
}
.court-wizard__file-list {
    margin-top: 12px;
}
.court-wizard__file-item {
    padding: 6px 10px;
    background: var(--court-bg);
    border-radius: 4px;
    margin: 4px 0;
    font-size: 13px;
}
.court-wizard__file-item i { margin-right: 6px; color: var(--court-text-muted); }

/* ════════════════════════════════════════════════════════════
   COURT.LV — UI POLISH PASS (2026-05-12)
   5 блоков: soft pills · list polish · sticky save · empty/skeleton · sidebar
   ════════════════════════════════════════════════════════════ */

:root {
    /* Совместимость: старое имя токена. Новые правила пиши на --court-accent-text. */
    --court-gold: var(--court-accent-text);
}

/* ──────────────── 1. Soft status pills ──────────────── */
/* Мягкие плашки состояния: тонированный фон + цветной текст + точка 6px.
   Цвета — из свода: navy для нейтрального, статусные — без подгонки под бренд. */
.label.label-state,
.label.label-status {
    background: var(--court-info-bg) !important;
    color: var(--court-primary) !important;
    border: 1px solid var(--court-info-border) !important;
    border-radius: 999px !important;
    padding: 3px 10px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: normal !important;
    text-transform: none;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
}
.label.label-state.label-default,
.label.label-status.label-default {
    background: var(--court-line-2) !important;
    color: var(--court-text-muted) !important;
    border-color: var(--court-border-light) !important;
}
.label.label-state.label-info,
.label.label-status.label-info,
.label.label-state.label-primary,
.label.label-status.label-primary {
    background: var(--court-info-bg) !important;
    color: var(--court-primary) !important;
    border-color: var(--court-info-border) !important;
}
.label.label-state.label-warning,
.label.label-status.label-warning {
    background: var(--court-warn-bg) !important;
    color: var(--court-warn) !important;
    border-color: var(--court-warn-border) !important;
}
.label.label-state.label-success,
.label.label-status.label-success {
    background: var(--court-success-bg) !important;
    color: var(--court-success) !important;
    border-color: var(--court-success-border) !important;
}
.label.label-state.label-danger,
.label.label-status.label-danger {
    background: var(--court-danger-bg) !important;
    color: var(--court-danger) !important;
    border-color: var(--court-danger-border) !important;
}
.label.label-state::before,
.label.label-status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

/* В узкой колонке списка плашку статуса поджимаем, чтобы помещалась;
   длинное название обрезаем многоточием, а не краем колонки. */
.list table.table td .label.label-state,
.list table.table td .label.label-status {
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    gap: 5px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ──────────────── 2. List view polish ──────────────── */
.list table.table > thead {
    position: sticky;
    top: 0;
    z-index: 3;
}
.list table.table > thead > tr > th {
    background: var(--court-card) !important;
    box-shadow: inset 0 -1px 0 var(--court-border-light);
}

.list table.table > tbody > tr td.cell-actions,
.list table.table > tbody > tr td.actions-cell {
    opacity: 0;
    transition: opacity 120ms ease;
}
.list table.table > tbody > tr:hover td.cell-actions,
.list table.table > tbody > tr:hover td.actions-cell {
    opacity: 1;
}

.list table.table > tbody > tr.active,
.list table.table > tbody > tr.checked,
.list table.table > tbody > tr.selected,
.list table.table > tbody > tr.list-row-checked,
.list table.table > tbody > tr.row-checked {
    background: var(--court-primary-soft) !important;
    box-shadow: inset 3px 0 0 var(--court-primary);
}

.list table.table > tbody > tr > td {
    vertical-align: middle;
}

.list.list-striped table.table > tbody > tr:nth-child(2n) {
    background: rgba(15, 23, 42, 0.018);
}

/* ──────────────── 3. Detail / Edit rhythm + sticky save ──────────────── */
.detail-container .panel.panel-default + .panel.panel-default,
.edit-container .panel.panel-default + .panel.panel-default {
    margin-top: 14px;
}


.detail-container > .button-container,
.edit-container > .button-container,
.detail > .button-container,
.edit > .button-container {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(245, 246, 248, 0.9);
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    padding: 10px 0;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--court-border);
}

.detail .row .cell,
.edit .row .cell {
    margin-bottom: 14px;
}

/* ──────────────── 4. Empty states + skeleton ──────────────── */
.list .empty-list-message,
.list-container .empty-list-message,
.no-data {
    text-align: center !important;
    padding: 48px 24px !important;
    color: var(--court-text-muted) !important;
    font-size: 14px !important;
}
.list .empty-list-message::before,
.list-container .empty-list-message::before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    background: var(--court-border-light);
    border-radius: 50%;
    border: 1px dashed var(--court-border);
    background-image: linear-gradient(135deg, transparent 45%, var(--court-border) 45%, var(--court-border) 55%, transparent 55%);
}

.ct-skel {
    background: linear-gradient(90deg, #eef2f7 0%, #f6f8fb 50%, #eef2f7 100%);
    background-size: 200% 100%;
    animation: ct-skel-shimmer 1.4s linear infinite;
    border-radius: var(--court-radius);
    color: transparent !important;
    user-select: none;
    min-height: 14px;
    display: inline-block;
}
@keyframes ct-skel-shimmer {
    0%   { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}
@media (prefers-reduced-motion: reduce) {
    .ct-skel { animation: none; background: #eef2f7; }
}

/* ──────────────── 5. Sidebar ──────────────── */
/* Меню целиком — в разделе «Боковое меню» в начале файла (новый вид, PUP-1526). */

/* ════════════════════════════════════════════════════════════
   Dokuments — категории документов (pill + иконка).
   Используется в portal wizard и в детальке Dokuments.
   ════════════════════════════════════════════════════════════ */
.dok-kat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(100, 116, 139, 0.20);
    background: rgba(100, 116, 139, 0.08);
    color: var(--court-text-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.4;
    white-space: nowrap;
}
.dok-kat > i.fas,
.dok-kat > i.far {
    font-size: 11px;
    opacity: 0.9;
}

/* Цвета по смысловым группам */

/* Основные процессуальные документы — navy */
.dok-kat[data-k="Prasības pieteikums"],
.dok-kat[data-k="Pretprasība"],
.dok-kat[data-k="Atsauksme uz prasības pieteikumu"],
.dok-kat[data-k="Atbildētāja paskaidrojumi"] {
    background: rgba(20, 65, 107, 0.10);
    color: var(--court-heading);
    border-color: rgba(20, 65, 107, 0.22);
}

/* Финансовые / расчётные — gold */
.dok-kat[data-k="Parāda aprēķins"],
.dok-kat[data-k="Rēķini un pavadzīmes"],
.dok-kat[data-k="Avansa rēķins"],
.dok-kat[data-k="Noslēguma rēķins"] {
    background: rgba(245, 158, 11, 0.12);
    color: #c2410c;
    border-color: rgba(245, 158, 11, 0.28);
}

/* Договорная база — emerald */
.dok-kat[data-k="Līgums"],
.dok-kat[data-k="Vienošanās"] {
    background: rgba(5, 150, 105, 0.10);
    color: #047857;
    border-color: rgba(5, 150, 105, 0.24);
}

/* Досудебка — orange/red, эскалация по тону */
.dok-kat[data-k="Atgādinājums par saistību izpildi"] {
    background: rgba(217, 119, 6, 0.10);
    color: #c2410c;
    border-color: rgba(217, 119, 6, 0.24);
}
.dok-kat[data-k="Brīdinājums par parāda un maksājuma saistību izpildi"] {
    background: rgba(234, 88, 12, 0.10);
    color: #c2410c;
    border-color: rgba(234, 88, 12, 0.26);
}
.dok-kat[data-k="Pirmstiesas brīdinājums"] {
    background: rgba(220, 38, 38, 0.10);
    color: #b91c1c;
    border-color: rgba(220, 38, 38, 0.26);
}

/* Официальные документы — purple */
.dok-kat[data-k="Izziņa"],
.dok-kat[data-k="Pilnvara"] {
    background: rgba(124, 58, 237, 0.10);
    color: #6d28d9;
    border-color: rgba(124, 58, 237, 0.24);
}

/* Прочие обращения — slate */
.dok-kat[data-k="Iesniegums"],
.dok-kat[data-k="Lūgums"],
.dok-kat[data-k="Paziņojums"],
.dok-kat[data-k="Nosūtīšanu apliecinoši dokumenti"] {
    background: rgba(71, 85, 105, 0.10);
    color: #334155;
    border-color: rgba(71, 85, 105, 0.22);
}

/* Судебные — тёмный slate */
.dok-kat[data-k="Tiesneša lēmums"],
.dok-kat[data-k="Lēmums"],
.dok-kat[data-k="Pavēste"],
.dok-kat[data-k="Protokols"] {
    background: rgba(30, 41, 59, 0.10);
    color: var(--court-text);
    border-color: rgba(30, 41, 59, 0.24);
}

/* Spriedums — итоговое решение, выделяем gold-акцентом */
.dok-kat[data-k="Spriedums"] {
    background: rgba(194, 65, 12, 0.10);
    color: #c2410c;
    border-color: rgba(194, 65, 12, 0.28);
}

/* В колонке списка длинная категория сокращается многоточием внутри плашки,
   а не срезается краем ячейки посреди рамки; полное имя — в title (PUP-1773). */
.list td.cell .dok-kat {
    max-width: 100%;
}
.list td.cell .dok-kat > i {
    flex-shrink: 0;
}
.list td.cell .dok-kat > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Панель «Dokumenti» в карточке дела: название — главное в строке, поэтому
   переносим его на вторую строку, а не обрезаем на первой (строка и так в два
   этажа из-за кнопок справа). Дальше второй строки — многоточие, полное имя
   остаётся в title ссылки (PUP-1773). */
.panel-dokumenti td.cell[data-name="name"] {
    white-space: normal;
}
.panel-dokumenti td.cell[data-name="name"] > a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* ────────────────────────────────────────────────────────────
   Portal wizard — выбор типа файла
   ──────────────────────────────────────────────────────────── */
.court-wizard__file-row {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 4px 12px;
    padding: 10px 12px;
    margin-bottom: 8px;
    border: 1px solid var(--court-border-light);
    border-radius: var(--court-radius-lg);
    background: var(--court-card);
    transition: border-color 120ms ease, box-shadow 120ms ease;
}
.court-wizard__file-row:hover {
    border-color: var(--court-border);
}
.court-wizard__file-row.is-missing-kat {
    border-color: #fca5a5;
    background: #fef2f2;
}
.court-wizard__file-row .court-wizard__file-name {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--court-heading);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.court-wizard__file-row .court-wizard__file-name i {
    color: var(--court-text-muted);
    flex-shrink: 0;
}
.court-wizard__file-row .court-wizard__file-size {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    color: var(--court-text-faint);
    font-size: 12px;
    align-self: center;
    white-space: nowrap;
}
.court-wizard__file-row .court-wizard__file-kat {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}
.court-wizard__file-row .court-wizard__file-kat > label {
    margin: 0;
    color: var(--court-text-muted);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}
.court-wizard__file-row .court-wizard__file-kat > select {
    flex: 1;
    border: 1px solid var(--court-border-light);
    border-radius: var(--court-radius);
    padding: 5px 8px;
    background: var(--court-card);
    color: var(--court-heading);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.court-wizard__file-row .court-wizard__file-kat > select:focus {
    outline: none;
    border-color: #c2410c;
    box-shadow: 0 0 0 2px rgba(194, 65, 12, 0.15);
}
.court-wizard__file-row.is-missing-kat .court-wizard__file-kat > select {
    border-color: #fca5a5;
    background: var(--court-card);
}
.court-wizard__file-row .court-wizard__file-remove {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    align-self: center;
    background: none;
    border: none;
    color: var(--court-text-faint);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 13px;
    transition: color 120ms, background 120ms;
}
.court-wizard__file-row .court-wizard__file-remove:hover {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.08);
}

/* ===== Lieta detail: sticky middle-tabs + related-panel anchors ===== */
/* Вкладки карточки — как в эскизе: подчёркивание, без коробок. Прилипают под
   верхней панелью (её высота — --court-top-bar). */
.record .middle-tabs.btn-group {
    position: sticky;
    top: var(--court-top-bar);
    z-index: 20;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 4px;
    background: var(--court-bg);
    border-bottom: 1px solid var(--court-border-light);
    padding: 6px 0 0;
    margin-bottom: 16px;
}

.record .middle-tabs > button.btn-text {
    color: var(--court-text-muted) !important;
    font-weight: 700 !important;
    font-size: 13.5px;
    padding: 9px 14px 10px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    margin-bottom: -1px;
    box-shadow: none !important;
}

.record .middle-tabs > button.btn-text:hover {
    color: var(--court-ink) !important;
}

.record .middle-tabs > button.btn-text.active {
    color: var(--court-primary) !important;
    border-bottom-color: var(--court-primary) !important;
}

[data-theme="dark"] .record .middle-tabs > button.btn-text:hover {
    color: #fff !important;
}

[data-theme="dark"] .record .middle-tabs > button.btn-text.active {
    color: #fff !important;
    border-bottom-color: var(--court-accent) !important;
}

/* Кнопки-якоря (скролл к related-панелям) выглядят как вкладки.
   Перед первым якорем — лёгкий отступ-разделитель от реальных табов. */
.record .middle-tabs.has-related-anchors .court-related-anchor:first-of-type {
    margin-left: 14px;
}

/* Action-dropdown карточки должен быть поверх sticky middle-tabs (z-index:20).
   Espo-родитель .detail-button-container — sticky с z-index:10; повышаем его
   stacking context над middle-tabs, иначе UL .dropdown-menu (даже с z-index:1100)
   рендерится из под прилипших табов. */
.detail-button-container.button-container {
    z-index: 30 !important;
}
.detail-button-container .dropdown-menu,
.actions-btn-group .dropdown-menu {
    z-index: 1100;
}

/* Highlight на related panel после клика по anchor'у */
.panel.court-anchor-hl {
    box-shadow: 0 0 0 2px rgba(194, 65, 12, 0.35);
    transition: box-shadow 1.2s ease-out;
}

/* Скролл к related panel: учитываем sticky tabs (~ 56px navbar + ~ 56px middle tabs).
   Без этого panel улетает под закреплённую навигацию. */
.panel.panel-stream,
.panel.panel-invoices,
.panel.panel-sedes,
.panel.panel-dokumenti {
    scroll-margin-top: 130px;
}

/* Lieta: sidebar 25% (3:1) на десктопе. */
@media (min-width: 992px) {
    .record[data-scope="Lieta"] .record-grid {
        grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) !important;
    }
}
/* Lieta: скрываем Создано/Изменено в sidebar info-блоке — статус дела и его
   история видны в Stadiju vēsture panel. SCOPED только под Lieta, чтобы не
   ломать audit-rows в Account/Contact/Dokuments/Sede/Invoice/etc. */
.record[data-scope="Lieta"] .side [data-name="complexCreated"],
.record[data-scope="Lieta"] .side [data-name="complexModified"] {
    display: none;
}

/* Бейдж номера дела в карточке/списке Dokuments — заметная кликабельная ссылка
   на дело (custom:views/dokuments/fields/lieta-link). */
a.dok-lieta-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 12px;
    background: rgba(194, 65, 12, 0.10);
    color: #c2410c !important;
    border: 1px solid rgba(194, 65, 12, 0.28);
    border-radius: var(--court-radius);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none !important;
    transition: background .15s ease, border-color .15s ease;
}
a.dok-lieta-badge:hover {
    background: rgba(194, 65, 12, 0.18);
    border-color: rgba(194, 65, 12, 0.45);
    color: #8a3f07 !important;
}
.dok-lieta-badge__icon { font-size: 12px; opacity: .85; }
/* В строках списка делаем чуть компактнее */
.list a.dok-lieta-badge { font-size: 13px; padding: 2px 9px; }

/* Вид процесса перед номером дела в списке заседаний (PUP-1685,
   custom:views/sede/fields/name-procedure): письменный — неброская иконка
   документа, устный — заметная иконка людей в акцентном цвете. Цвета — токены,
   тёмная тема переопределяет их сама. Ширина фиксирована, чтобы номера в колонке
   стояли ровно, в том числе у заседаний без дела (там место пустое). */
.court-sede-procedure {
    display: inline-block;
    width: 18px;
    margin-right: 6px;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    vertical-align: baseline;
}
.court-sede-procedure--written { color: var(--court-text-faint); }
.court-sede-procedure--oral { color: var(--court-accent-text); }

/* «Ответственный» в списке заседаний — только фото (PUP-1685,
   custom:views/sede/fields/assigned-user-photo). Имя остаётся в подсказке и
   в скрытом тексте для скринридера. */
a.court-assigned-photo { display: inline-block; line-height: 1; vertical-align: middle; }
a.court-assigned-photo img.avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    object-fit: cover;
    vertical-align: middle;
    margin: -3px 0; /* фото выше строки текста: высота строки списка не растёт */
}
.court-assigned-photo__name {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Иконка-ссылка на PDF счёта в карточке и списках Rēķini
   (custom:views/invoice/fields/pdf-download) — вместо длинного имени файла. */
a.court-invoice-pdf {
    color: #dc2626 !important;
    font-size: 16px;
    line-height: 1;
    text-decoration: none !important;
}
a.court-invoice-pdf:hover { color: #991b1b !important; }

/* ── Atsauksme panel + modal (PUP-46) ─────────────────────────────── */
.court-atsauksme-panel__countdown { text-align: center; margin-bottom: 10px; }
.court-atsauksme-panel__days {
    display: inline-block; font-size: 30px; font-weight: 700; line-height: 1;
    margin-right: 6px; vertical-align: middle;
}
.court-atsauksme-panel__days--ok { color: #15803d; }
.court-atsauksme-panel__days--warn { color: #c2410c; }
.court-atsauksme-panel__days--danger { color: #b91c1c; }
.court-atsauksme-panel__days-label { color: var(--court-text-muted); font-size: 13px; vertical-align: middle; }
.court-atsauksme-panel__deadline { margin-top: 4px; }
.court-atsauksme-panel__btn { margin-top: 4px; }
.court-atsauksme-panel__done {
    color: #15803d; font-weight: 600; text-align: center; padding: 6px 0;
}
.court-atsauksme-panel__expired {
    color: #b91c1c; font-weight: 600; text-align: center; padding: 6px 0;
}
.court-atsauksme-modal__hint { margin-bottom: 12px; }
.court-atsauksme-modal__files { margin-top: 6px; word-break: break-word; }

/* ── Логотип на логин-экране крупнее (было 181×43, тесно для полного
   лого «Rīgas šķīrējtiesa») — та же пропорция 4.7:1 (160×34 у court-logo.svg) */
#login .logo-container {
    width: 270px;
    height: 58px;
    background: url("/client/custom/img/rst-logo.svg") no-repeat left center / contain;
}
/* Тот же логотип, что в меню: название суда — со строчной «š» (логотип из настроек
   написан с заглавной). */
#login .logo-container img,
#login .logo-container .logo {
    visibility: hidden;
}

/* ── Экран «Lietas materiāli»: дело как подшивка (PUP-608) ───────────────────
   Слева документы по порядку с номерами листов, справа открытый документ.
   Высоту считаем от экрана: подшивку листают целиком, а не прокручивают
   страницу до конца списка. */
.court-materiali {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 130px);
    min-height: 420px;
}
.court-materiali-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.court-materiali-title {
    margin: 0 0 2px;
    font-size: 20px;
    font-weight: 600;
    color: var(--court-heading);
}
.court-materiali-parties {
    color: var(--court-text-muted);
    font-size: 13px;
}
.court-materiali-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.court-materiali-summary {
    color: var(--court-text-muted);
    font-size: 13px;
    margin-right: 4px;
}
.court-materiali-body {
    display: flex;
    gap: 14px;
    flex: 1 1 auto;
    min-height: 0;
}
.court-materiali-list {
    flex: 0 0 380px;
    overflow-y: auto;
    border: 1px solid var(--court-border-light);
    border-radius: var(--court-radius-lg);
    background: var(--court-card);
    padding: 4px;
}
/* Контроль комплектности: подсказка канцелярии, а не запрет. */
.court-komplektums {
    margin: 0 0 12px;
    padding: 10px 14px;
    border-radius: var(--court-radius-lg);
    background: #fdf6e7;
    border-left: 3px solid #a16207;
    font-size: 13px;
}
.court-komplektums-head { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--court-heading); }
.court-komplektums-icon { font-size: 15px; }
.court-komplektums-list { margin: 8px 0 0; padding-left: 26px; color: var(--court-text-muted); }
.court-komplektums-list li { margin: 2px 0; }

/* Заголовок раздела подшивки: разделы читаются глазом, нумерация сквозная. */
.court-materiali-sadala {
    margin: 14px 0 4px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--court-heading);
    background: rgba(20, 65, 107, .07);
    border-left: 3px solid #ff5e00;
    border-radius: 4px;
}
.court-materiali-sadala:first-child { margin-top: 0; }

.court-materiali-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--court-radius-lg);
    cursor: pointer;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.court-materiali-row:hover { background: var(--court-border-light); }
.court-materiali-row.is-selected { background: rgba(20, 65, 107, 0.08); }
.court-materiali-row.is-dragging { opacity: 0.45; }
/* Куда встанет перетаскиваемая строка */
.court-materiali-row.drop-above { border-top-color: #ff5e00; }
.court-materiali-row.drop-below { border-bottom-color: #ff5e00; }
.court-materiali-nr {
    flex: 0 0 26px;
    text-align: right;
    color: var(--court-text-faint);
    font-variant-numeric: tabular-nums;
    font-size: 12px;
}
.court-materiali-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.court-materiali-name {
    color: var(--court-text);
    font-size: 13px;
    line-height: 1.35;
    word-break: break-word;
}
.court-materiali-meta {
    color: var(--court-text-faint);
    font-size: 11px;
    margin-top: 2px;
}
.court-materiali-lapas {
    flex: 0 0 auto;
    color: #c2410c;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.court-materiali-viewer {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--court-border-light);
    border-radius: var(--court-radius-lg);
    background: var(--court-card);
    overflow: hidden;
}
/* Документ рисуем сами (pdf.js), а не встроенным просмотрщиком браузера:
   у части машин он выключен или отдаёт чёрное полотно. */
.court-materiali-pdfbar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-bottom: 1px solid var(--court-border-light);
    background: var(--court-bg);
}
.court-materiali-pagecount {
    flex: 1 1 auto;
    color: var(--court-text-muted);
    font-size: 12px;
}
.court-materiali-zoom {
    min-width: 32px;
    font-weight: 600;
    line-height: 1;
}
.court-materiali-pages {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 12px;
    background: #eef2f7;
    text-align: center;
}
/* Лист = полотно + невидимый текстовый слой (PUP-1332). Правила слоя —
   из pdf.js 4.8 (web/pdf_viewer.css, класс .textLayer), иначе выделение
   съезжает с букв. Ширину листа задаёт скрипт по масштабу. */
.court-materiali-sheet {
    position: relative;
    margin: 0 auto 12px;
}
.court-materiali-sheet .court-materiali-page {
    margin: 0;
    max-width: none;
}
.court-materiali-textlayer {
    position: absolute;
    text-align: initial;
    inset: 0;
    overflow: clip;
    opacity: 1;
    line-height: 1;
    text-size-adjust: none;
    forced-color-adjust: none;
    transform-origin: 0 0;
    caret-color: CanvasText;
    z-index: 0;
}
.court-materiali-textlayer :is(span, br) {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%;
}
.court-materiali-textlayer > :not(.markedContent),
.court-materiali-textlayer .markedContent span:not(.markedContent) {
    z-index: 1;
}
.court-materiali-textlayer span.markedContent {
    top: 0;
    height: 0;
}
.court-materiali-textlayer ::selection {
    background: rgba(0, 0, 255, 0.25);
}
.court-materiali-textlayer br::selection {
    background: transparent;
}
.court-materiali-textlayer .endOfContent {
    display: block;
    position: absolute;
    inset: 100% 0 0;
    z-index: 0;
    cursor: default;
    user-select: none;
}
.court-materiali-textlayer span.court-materiali-hit {
    background: rgba(255, 94, 0, 0.30);
    border-radius: 2px;
}
.court-materiali-textlayer span.court-materiali-quote {
    background: rgba(255, 94, 0, 0.38);
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255, 94, 0, 0.55);
}
.court-materiali-search {
    width: 180px;
    flex: 0 0 auto;
}
.court-materiali-searchresult,
.court-materiali-ocrnote {
    color: var(--court-text-muted);
    font-size: 12px;
}

.court-materiali-page,
.court-materiali-image {
    display: block;
    margin: 0 auto 12px;
    max-width: 100%;
    background: var(--court-card);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.18);
}
.court-materiali-viewerbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    padding: 6px 10px;
    border-top: 1px solid var(--court-border-light);
    background: var(--court-bg);
}
.court-materiali-viewername {
    /* базис 160px: на ноутбуке имя и кнопки в одну строку (имя с
       многоточием), кнопки уходят вниз, только когда имени места нет */
    flex: 1 1 160px;
    min-width: 0;
    color: var(--court-text-muted);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Действия под документом — кнопки, а не бледные ссылки (PUP-1380):
   главное «Atvērt jaunā cilnē» заливкой navy, остальные — контуром. */
.court-materiali-actions {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px;
}
.btn.court-materiali-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border: 1px solid var(--court-primary) !important;
    border-radius: var(--court-radius) !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    white-space: nowrap;
}
.btn.court-materiali-action--primary {
    background: var(--court-primary) !important;
    color: #fff !important;
}
.btn.court-materiali-action--primary:hover,
.btn.court-materiali-action--primary:focus {
    background: var(--court-primary-hover) !important;
    border-color: var(--court-primary-hover) !important;
    color: #fff !important;
}
.btn.court-materiali-action--outline {
    background: var(--court-card) !important;
    color: var(--court-primary) !important;
}
.btn.court-materiali-action--outline:hover,
.btn.court-materiali-action--outline:focus {
    background: var(--court-primary-soft) !important;
    color: var(--court-primary-hover) !important;
}
.btn.court-materiali-action:focus-visible {
    outline: 2px solid var(--court-accent);
    outline-offset: 2px;
}
.court-materiali-empty {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--court-text-faint);
    font-size: 13px;
    padding: 24px;
    text-align: center;
}

/* Узкий экран: подшивка сверху, документ под ней — рядом они не помещаются. */
@media (max-width: 991px) {
    .court-materiali { height: auto; }
    .court-materiali-body { flex-direction: column; }
    .court-materiali-list { flex: 0 0 auto; max-height: 40vh; }
    .court-materiali-viewer { min-height: 60vh; }
    .court-materiali-viewername { flex-basis: 100%; }
}
/* ── Панель «Kvalitāte»: дашлеты обратной связи сторон (PUP-614) ───────────── */
.aptauja-dashlet { font-size: 13px; }
.aptauja-dashlet__empty { padding: 18px 4px; text-align: center; }
.aptauja-dashlet__caption {
    font-size: 11px; text-transform: uppercase; letter-spacing: .04em;
    color: var(--court-text-muted); margin: 0 0 8px;
}
.aptauja-group + .aptauja-group,
.aptauja-chart + .aptauja-breakdown { margin-top: 18px; }

.aptauja-kpi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.aptauja-kpi__tile {
    border: 1px solid var(--court-border-light); border-radius: var(--court-radius-lg); padding: 10px 12px; background: var(--court-card);
}
.aptauja-kpi__title { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--court-text-muted); }
.aptauja-kpi__value { font-size: 26px; font-weight: 600; line-height: 1.25; color: var(--court-heading); }
.aptauja-kpi__foot { font-size: 11px; color: var(--court-text-muted); }
@media (max-width: 900px) { .aptauja-kpi { grid-template-columns: repeat(2, 1fr); } }

.aptauja-tone--good { color: #0f8a5f; }
.aptauja-tone--warn { color: #a16207; }
.aptauja-tone--bad  { color: #b91c1c; }
.aptauja-bar__fill.aptauja-tone--good { background: #10b981; }
.aptauja-bar__fill.aptauja-tone--warn { background: #f59e0b; }
.aptauja-bar__fill.aptauja-tone--bad  { background: #dc2626; }

.aptauja-chart__svg { width: 100%; height: 96px; color: var(--court-heading); }
.aptauja-chart__labels {
    display: flex; justify-content: space-between; gap: 6px;
    font-size: 11px; color: var(--court-text-muted); margin-top: 2px;
}

.aptauja-bar { display: grid; grid-template-columns: 120px 1fr 88px; align-items: center; gap: 8px; margin-bottom: 6px; }
.aptauja-bar__label { color: var(--court-heading); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aptauja-bar__track { height: 8px; border-radius: 999px; background: #eef2f7; overflow: hidden; }
.aptauja-bar__fill { height: 100%; border-radius: 999px; background: #14416B; }
.aptauja-bar__value { text-align: right; font-variant-numeric: tabular-nums; }
.aptauja-bar__fill--verySatisfied { background: #10b981; }
.aptauja-bar__fill--satisfied { background: #14416B; }
.aptauja-bar__fill--ratherDissatisfied { background: #f59e0b; }
.aptauja-bar__fill--dissatisfied { background: #dc2626; }
@media (max-width: 700px) { .aptauja-bar { grid-template-columns: 90px 1fr 72px; } }

.aptauja-comment { padding: 8px 0; border-bottom: 1px solid #eef2f7; }
.aptauja-comment:last-child { border-bottom: 0; }
.aptauja-comment__head { font-size: 11px; color: var(--court-text-muted); margin-bottom: 3px; }
.aptauja-comment__case { font-weight: 600; }
.aptauja-comment__flag {
    display: inline-block; padding: 1px 7px; border-radius: 999px;
    background: rgba(220, 38, 38, .10); color: #b91c1c; font-weight: 600;
}
.aptauja-comment__text { color: var(--court-heading); }

/* ===================================================================   Экран судьи «Sprieduma vednis» (PUP-993). Отдельная раскладка: панель
   навигации CRM скрыта, судья видит только своё дело. Токены — те же, что у
   всего проекта (docs/branding/design-system.md): navy, акцент #ff5e00 для
   заливок и #c2410c для текста, статусные цвета по смыслу.
   ========================================================================== */
body.court-tiesnesa-ekrans #navbar,
body.court-tiesnesa-ekrans .navbar.navbar-inverse { display: none !important; }
body.court-tiesnesa-ekrans #content,
body.court-tiesnesa-ekrans .container.content,
body.court-tiesnesa-ekrans #main { margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; width: 100% !important; }
body.court-tiesnesa-ekrans { padding-left: 0 !important; padding-top: 0 !important; }

.court-sv { display: flex; flex-direction: column; height: 100vh; min-height: 480px; font-size: 14px; }
.court-sv-bar {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 9px 18px; background: var(--court-sidebar-bg); color: #fff; flex: 0 0 auto;
}
.court-sv-bar-left, .court-sv-bar-right { display: flex; align-items: center; gap: 12px; min-width: 0; }
.court-sv-mark { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; letter-spacing: .01em; white-space: nowrap; }
.court-sv-numurs { color: rgba(255,255,255,.72); font-variant-numeric: tabular-nums; white-space: nowrap; }
.court-sv-saved { color: rgba(255,255,255,.62); font-size: 12.5px; white-space: nowrap; }
.court-sv-exit { color: #fff; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.court-sv-exit:hover { color: #fff; opacity: .85; }
.court-sv-modes { display: inline-flex; gap: 3px; background: rgba(255,255,255,.10); border-radius: var(--court-radius-lg); padding: 3px; }
.court-sv-mode {
    font: inherit; font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.66);
    background: transparent; border: 0; border-radius: var(--court-radius); padding: 4px 11px; cursor: pointer;
}
.court-sv-mode[aria-pressed="true"] { background: rgba(255,255,255,.18); color: #fff; }
.court-sv-mode:focus-visible { outline: 2px solid var(--court-accent); outline-offset: 1px; }

.court-sv-split { display: grid; grid-template-columns: minmax(0, 1fr); flex: 1 1 auto; min-height: 0; }
.court-sv-split[data-mode="abi"] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.court-sv-split[data-mode="vednis"] .court-sv-pane-lieta { display: none; }
.court-sv-split[data-mode="lieta"] .court-sv-pane-vednis { display: none; }
.court-sv-pane { min-width: 0; min-height: 0; overflow-y: auto; }
.court-sv-pane-vednis { padding: 18px 26px 60px; background: var(--court-bg); }
.court-sv-pane-lieta { border-left: 1px solid var(--court-border); padding: 12px 16px; background: var(--court-card); }
.court-sv-pane-lieta .court-materiali { height: 100%; min-height: 0; }
.court-sv-pane-lieta .court-materiali-list { flex-basis: 300px; }
.court-sv-pane-lieta .court-materiali-title { font-size: 16px; }
@media (max-width: 960px) {
    .court-sv-split[data-mode="abi"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); }
    .court-sv-pane-lieta { border-left: 0; border-top: 1px solid var(--court-border); }
    .court-sv-pane-vednis { padding: 14px 14px 40px; }
}

.court-materiali-page.is-target { outline: 3px solid var(--court-accent); outline-offset: 2px; }
.court-materiali.is-embedded .court-materiali-header { margin-bottom: 8px; }

/* Шаги */
.court-sv-stepper { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; }
.court-sv-stepbtn {
    font: inherit; display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px;
    border: 1px solid var(--court-border); border-radius: var(--court-radius); background: var(--court-card);
    color: var(--court-text-muted); cursor: pointer; font-size: 13px; font-weight: 600;
}
.court-sv-stepbtn.is-active { border-color: var(--court-primary); color: var(--court-primary); box-shadow: inset 0 0 0 1px var(--court-primary); }
.court-sv-stepbtn.is-clean .court-sv-stepnum { background: rgba(6,118,71,.12); color: #067647; }
.court-sv-stepnum { font-size: 11.5px; font-weight: 700; color: var(--court-accent-text); background: rgba(255,94,0,.12); border-radius: var(--court-radius); padding: 1px 7px; font-variant-numeric: tabular-nums; }
.court-sv-stepcount { font-size: 12px; font-weight: 500; color: var(--court-text-muted); font-variant-numeric: tabular-nums; }
.court-sv-steppending { font-size: 11px; font-weight: 700; color: #fff; background: #b42318; border-radius: 999px; min-width: 18px; height: 18px; line-height: 18px; text-align: center; padding: 0 5px; }
.court-sv-stephead h2 { margin: 0 0 4px; font-size: 22px; font-weight: 650; letter-spacing: -.01em; color: var(--court-text); }
.court-sv-sub { margin: 0 0 18px; color: var(--court-text-muted); max-width: 70ch; }

/* Карточки и блоки */
.court-sv-card {
    background: var(--court-card); border: 1px solid var(--court-border); border-radius: var(--court-radius-lg);
    padding: 18px 20px; margin: 0 0 14px; display: flex; flex-direction: column; gap: 12px;
}
.court-sv-card.is-ok { border-left: 3px solid #067647; }
.court-sv-card.is-alert { border-left: 3px solid #b42318; background: rgba(180,35,24,.05); }
.court-sv-card.is-warn { border-left: 3px solid #a16207; }
.court-sv-inline { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.court-sv-inline label { margin: 0; font-weight: 600; }
.court-sv-kicker { font-size: 11.5px; letter-spacing: .11em; text-transform: uppercase; color: var(--court-text-muted); font-weight: 700; }
.court-sv-lead { font-size: 16px; margin: 0; }
.court-sv-hint { font-size: 12.5px; color: var(--court-text-muted); }
.court-sv-muted { color: var(--court-text-muted); }
.court-sv-empty, .court-sv-loading { color: var(--court-text-muted); padding: 24px 0; }
.court-sv-banner { padding: 10px 14px; border-radius: var(--court-radius-lg); background: rgba(161,98,7,.10); color: #7a4b05; font-weight: 600; margin-bottom: 14px; }
.court-sv-banner.is-ok { background: rgba(6,118,71,.10); color: #05563a; }
.court-sv-casetitle { margin: 0; font-size: 21px; font-weight: 650; color: var(--court-text); }
.court-sv-parties { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: start; }
.court-sv-partycol { display: flex; flex-direction: column; gap: 8px; }
.court-sv-party { background: var(--court-primary-soft); border-radius: var(--court-radius-lg); padding: 11px 14px; }
.court-sv-role { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--court-text-muted); font-weight: 700; }
.court-sv-partyname { font-weight: 600; margin-top: 2px; }
.court-sv-partyreg { font-size: 12.5px; color: var(--court-text-muted); font-variant-numeric: tabular-nums; }
.court-sv-vs { color: var(--court-text-muted); font-size: 13px; padding-top: 14px; }
.court-sv-metarow { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--court-border); border: 1px solid var(--court-border); border-radius: var(--court-radius-lg); overflow: hidden; }
.court-sv-meta { background: var(--court-card); padding: 10px 14px; }
.court-sv-metak { font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: var(--court-text-muted); font-weight: 700; }
.court-sv-metav { font-weight: 600; font-variant-numeric: tabular-nums; }
.court-sv-metav.is-warn { color: #a16207; }
.court-sv-metav.is-alert { color: #b42318; }
.court-sv-meta-tiesnesis { font-size: 13px; color: var(--court-text-muted); }
.court-sv-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 6px 0 20px; }
.court-sv-btn { padding: 10px 20px; font-weight: 600; border-radius: var(--court-radius); }
.court-sv-listcard { padding: 10px 16px; gap: 6px; }
.court-sv-listhead { font: inherit; font-weight: 600; background: none; border: 0; padding: 4px 0; text-align: left; cursor: pointer; color: var(--court-text); display: flex; align-items: center; gap: 8px; }
.court-sv-count { font-size: 11.5px; font-weight: 700; background: rgba(20,65,107,.10); color: var(--court-primary); border-radius: 999px; padding: 1px 8px; }
.court-sv-list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 5px; font-size: 13.5px; }
.court-sv-list a { color: var(--court-primary); text-decoration: underline; text-underline-offset: 2px; }
.court-sv-zurnals { font-size: 12.5px; }

/* Факты */
.court-sv-claim {
    position: relative; border: 1px solid var(--court-border); border-left: 3px solid var(--court-border); border-radius: var(--court-radius-lg);
    padding: 14px 16px 12px 44px; margin: 0 0 10px; background: var(--court-card); display: flex; flex-direction: column; gap: 9px;
}
.court-sv-claim.is-ok { border-left-color: #067647; }
.court-sv-claim.is-alert { border-left-color: #b42318; background: rgba(180,35,24,.05); }
.court-sv-claim.is-removed { opacity: .55; border-left-color: #94a3b8; }
.court-sv-claim.is-removed .court-sv-doc { text-decoration: line-through; }
.court-sv-claimnr { position: absolute; left: 14px; top: 15px; font-size: 12px; font-weight: 700; color: var(--court-text-muted); font-variant-numeric: tabular-nums; }
.court-sv-doc { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.62; white-space: pre-line; }
.court-sv-pre { white-space: pre-wrap; font-size: 14px; }
.court-sv-mark-label { background: rgba(161,98,7,.18); color: #7a4b05; border-radius: var(--court-radius); padding: 0 3px; }
.court-sv-warn { font-size: 13px; color: #b42318; font-weight: 600; }
.court-sv-diff { font-size: 13px; color: #b42318; font-weight: 600; margin-top: 3px; }
.court-sv-claimfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.court-sv-spacer { flex: 1; }
.court-sv-src {
    font: inherit; font-size: 12.5px; font-weight: 600; color: var(--court-primary); background: var(--court-primary-soft);
    border: 1px solid var(--court-border); border-radius: 999px; padding: 3px 11px 3px 9px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
}
.court-sv-src::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #067647; }
.court-sv-src:hover { border-color: var(--court-primary); }
.court-sv-src.is-bad { color: #b42318; cursor: default; }
.court-sv-src.is-bad::before { background: #b42318; }
.court-sv-src.is-none { color: var(--court-text-muted); cursor: default; }
.court-sv-src.is-none::before { background: #94a3b8; }
.court-sv-act {
    font: inherit; font-size: 13px; font-weight: 600; border: 1px solid var(--court-border); background: var(--court-card);
    color: var(--court-text-muted); border-radius: var(--court-radius); padding: 5px 12px; cursor: pointer;
}
.court-sv-act:hover { border-color: var(--court-primary); color: var(--court-primary); }
.court-sv-act:focus-visible { outline: 2px solid var(--court-accent); outline-offset: 2px; }
.court-sv-act[aria-pressed="true"], .court-sv-act.is-full[aria-pressed="true"] { background: rgba(6,118,71,.12); border-color: #067647; color: #067647; }
.court-sv-act.is-half[aria-pressed="true"] { background: rgba(161,98,7,.12); border-color: #a16207; color: #a16207; }
.court-sv-act.is-neg[aria-pressed="true"] { background: rgba(180,35,24,.10); border-color: #b42318; color: #b42318; }
.court-sv-act.is-primary { background: var(--court-primary); border-color: var(--court-primary); color: #fff; }
.court-sv-act:disabled { opacity: .5; cursor: not-allowed; }
.court-sv-chip { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; padding: 4px 12px; border-radius: 999px; background: rgba(161,98,7,.12); color: #a16207; }
.court-sv-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.court-sv-chip.is-full { background: rgba(6,118,71,.12); color: #067647; }
.court-sv-chip.is-none { background: rgba(180,35,24,.10); color: #b42318; }
.court-sv-verify { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 0; }
.court-sv-citatsforma { flex: 1 0 100%; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.court-sv-citatsforma textarea { width: 100%; }

/* Единое поле ввода */
.court-sv-fieldwrap { display: flex; flex-direction: column; gap: 5px; }
.court-sv-field {
    width: 100%; border: 1px solid var(--court-border); border-radius: var(--court-radius); padding: 12px 14px; background: var(--court-card);
    font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.6; color: var(--court-text); resize: vertical;
}
.court-sv-field:focus { outline: 2px solid var(--court-accent); outline-offset: 1px; border-color: var(--court-accent); }
.court-sv-field:disabled { background: var(--court-bg); }

/* Таблица требований */
.court-sv-tblscroll { overflow-x: auto; background: var(--court-card); border: 1px solid var(--court-border); border-radius: var(--court-radius-lg); padding: 4px 16px 10px; margin-bottom: 14px; }
.court-sv-table { border-collapse: collapse; width: 100%; min-width: 680px; font-size: 14px; }
.court-sv-table th { text-align: left; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: var(--court-text-muted); font-weight: 700; padding: 12px 12px 8px 0; }
.court-sv-table th.num, .court-sv-table td.num { text-align: right; }
.court-sv-table td { padding: 12px 12px 12px 0; border-top: 1px solid var(--court-border); vertical-align: top; }
.court-sv-table td.num { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.court-sv-table tr.is-check td { background: rgba(161,98,7,.06); }
.court-sv-table tr.court-sv-reasonrow td { border-top: 0; padding-top: 0; }
.court-sv-table tr.court-sv-izdevumi td { background: var(--court-bg); }
.court-sv-rowtitle { font-weight: 600; }
.court-sv-rownote { font-size: 12.5px; color: var(--court-text-muted); margin-top: 2px; }
.court-sv-quote { font-size: 12.5px; color: var(--court-text-muted); font-style: italic; margin-top: 4px; }
.court-sv-rowactions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.court-sv-decide { display: inline-flex; gap: 5px; flex-wrap: wrap; }
.court-sv-partial { margin-top: 8px; display: flex; flex-direction: column; gap: 3px; }
.court-sv-partial label { font-size: 12px; font-weight: 600; color: var(--court-text-muted); margin: 0; }
.court-sv-num { width: 130px; text-align: right; font-variant-numeric: tabular-nums; }
.court-sv-select { width: auto; display: inline-block; min-width: 150px; }
.court-sv-date { width: 170px; display: inline-block; }
.court-sv-reason { border: 1px solid var(--court-border); border-left: 3px solid #b42318; border-radius: var(--court-radius-lg); padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; background: rgba(180,35,24,.04); }
.court-sv-reason.is-ok { border-left-color: #067647; background: var(--court-card); }
.court-sv-add input { width: auto; display: inline-block; }
.court-sv-add input[data-field="jauns-nosaukums"] { min-width: 260px; }
.court-sv-totals { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--court-border); border: 1px solid var(--court-border); border-radius: var(--court-radius-lg); overflow: hidden; margin: 0 0 14px; }
.court-sv-total { background: var(--court-card); padding: 10px 14px; display: flex; flex-direction: column; gap: 3px; }
.court-sv-total span:first-child { font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: var(--court-text-muted); font-weight: 700; }
.court-sv-total b { font-size: 16px; font-variant-numeric: tabular-nums; }
.court-sv-total.is-grand b { font-size: 19px; color: var(--court-primary); }
/* Нерешённое — не отказ: цвет предупреждения, а не ошибки (PUP-993). */
.court-sv-total.is-pending b { color: #a16207; }
/* Перечень счетов дела под строкой расходов: номер — тип — назначение — сумма. */
.court-sv-rekins { font-size: 12.5px; line-height: 1.5; color: var(--court-text-muted); }
.court-sv-rekins-nr { font-variant-numeric: tabular-nums; color: var(--court-text); }
.court-sv-rekins-tips { text-transform: uppercase; font-size: 10.5px; letter-spacing: .06em; font-weight: 700; }
.court-sv-rekins b { font-variant-numeric: tabular-nums; color: var(--court-text); }
/* Название расхода, как оно попадёт в резолютив: судья правит прямо в строке. */
.court-sv-nameinput { height: 30px; font-size: 13px; margin: 4px 0 2px; max-width: 420px; }
.court-sv-table tr.court-sv-izdevumi.is-sum td { font-weight: 700; }
.court-sv-table tr.court-sv-izdevumi.is-first td { border-top: 2px solid var(--court-border); }
/* Сверка «иск в карточке ↔ сумма требований» над итоговой полосой. */
.court-sv-sverka { font-size: 12.5px; color: var(--court-text-muted); padding: 8px 14px; border: 1px solid var(--court-border); border-radius: var(--court-radius-lg); margin: 0 0 8px; background: var(--court-card); }
.court-sv-sverka b { color: var(--court-text); font-variant-numeric: tabular-nums; }
.court-sv-sverka.is-alert { border-color: #b42318; color: #b42318; background: rgba(180,35,24,.06); }
.court-sv-sverka.is-alert b { color: #b42318; }
/* Из чего сложился итог — чтобы не складывать столбик глазами. */
.court-sv-formula { font-size: 11px; color: var(--court-text-muted); font-variant-numeric: tabular-nums; }

/* Резолютив */
.court-sv-verdict { font-family: Georgia, "Times New Roman", serif; background: var(--court-primary-soft); border-radius: var(--court-radius-lg); padding: 18px 22px; margin-bottom: 14px; }
.court-sv-verdict h4 { margin: 0 0 10px; font-family: inherit; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--court-text-muted); font-weight: 700; font-family: var(--court-font); }
.court-sv-verdicthead { font-weight: 700; margin: 0 0 10px; font-size: 15.5px; }
.court-sv-verdictlist p { margin: 0 0 9px; font-size: 15px; line-height: 1.6; }
.court-sv-signrow { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 6px 0 20px; }
=======
/* PUP-1083: страна плательщика не определена — PVN не угадываем (карточка дела, визард). */
.court-fee-warning {
    margin-top: 6px;
    padding: 6px 8px;
    border-radius: var(--court-radius);
    font-size: 12px;
    line-height: 1.4;
    color: #a16207;
    background: rgba(161, 98, 7, 0.10);
}
.court-fee-warning .fas { margin-right: 4px; }

/* ── Apvienot PDF: список документов в модалке склейки (PUP-1132) ───────── */
.court-merge-modal__list {
    max-height: 340px;
    overflow-y: auto;
    border: 1px solid var(--court-border);
    border-radius: var(--court-radius);
}
.court-merge-row {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "pick order" "meta order";
    align-items: center;
    gap: 0 8px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--court-border);
}
.court-merge-row:last-child { border-bottom: 0; }
.court-merge-row__pick { grid-area: pick; margin: 0; font-weight: 500; cursor: pointer; }
.court-merge-row__meta { grid-area: meta; }
.court-merge-row__order { grid-area: order; white-space: nowrap; }
.court-merge-row__order .btn[disabled] { opacity: .3; }
.court-merge-row__name { margin-left: 4px; }

/* Вид документа на экране подшивки (PUP-1328): опознан по тексту — спокойно;
   по имени файла или не опознан — предупреждающим цветом, догадка не должна
   выглядеть фактом. */
.court-materiali-tips {
    display: block;
    color: var(--court-text-muted);
    font-size: 11px;
    margin-top: 2px;
}
.court-materiali-tips[data-pec="nosaukums"],
.court-materiali-tips[data-pec="nav"] {
    color: #a16207;
}

/* PUP-1357: значок «содержит электронную подпись» (custom:views/dokuments/fields/esignature).
   Нейтральный информационный цвет свода (не «успех»): значок подпись не проверяет. */
.court-esign { color: var(--court-heading); cursor: help; }
.court-esign__icon { font-size: 15px; }
.court-esign__head { color: var(--court-heading); font-weight: 600; margin-bottom: 4px; }
.court-esign__row { color: inherit; line-height: 1.7; }

/* Spriedums: форма взыскания при нескольких ответчиках (PUP-1474) */
.court-sv-piedzina { display: flex; flex-direction: column; gap: 10px; }
.court-sv-piedzina-no { display: flex; flex-direction: column; gap: 4px; }
.court-sv-check { font-weight: 400; margin: 0; display: flex; align-items: center; gap: 6px; }
.court-sv-piedzina-rinda { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; }
.court-sv-piedzina-rinda .court-sv-num { width: 130px; }
.court-sv-piedzina-rinda .court-sv-quote, .court-sv-piedzina-rinda .court-sv-warn { flex-basis: 100%; }