/* tcpdf/docs.css — общий каркас таблиц/кнопок/статусов для admin- и user-страниц.
   Подключается через <link rel="stylesheet" href="/tcpdf/docs.css">.
   Цвета (фон шапки, зебра, hover) — это намеренное визуальное различение
   разделов, поэтому они остаются в <style> каждой конкретной страницы. */

/* ── Таблицы ─────────────────────────────────────────────────────────── */
.all-table, .cp-table, .edo-table, .arc-table, .reg-table,
.cab-table, .cabt, .doc-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 18px;
}

.all-table th, .cp-table th, .edo-table th, .arc-table th, .reg-table th,
.cab-table th, .cabt th, .doc-table th {
    padding: 8px 10px;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
}

.all-table td, .cp-table td, .edo-table td, .arc-table td, .reg-table td,
.cab-table td, .cabt td, .doc-table td {
    padding: 6px 10px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

/* ── Кнопки-чипы: маленькие inline-действия в строке таблицы
   (admin_all .ab + registry_edo .edo-chip-btn — один и тот же паттерн) ── */
.ab, .edo-chip-btn {
    display: inline-block;
    padding: 3px 7px;
    margin: 1px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
}

/* ── Кнопки-действия среднего размера ───────────────────────────────── */
.arc-btn, .reg-btn, .edo-btn {
    padding: 4px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

/* ── Крупные CTA-кнопки ("Отправить реестр", "Подключить" и т.п.) ──────── */
.btn-zip, .edo-batch-btn, .reg-btn-send, .sub-btn {
    display: inline-block;
    padding: 10px 26px;
    border: none;
    border-radius: 8px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

/* ── Статус-бейджи: один и тот же набор цветов переизобретался под разными
   именами на каждой странице (st-*, status-*, cst-*, edc-*, edo-unsent) ── */
.st-wait, .cst-w { color: #e65100; font-weight: bold; }
.st-active, .cst-a, .edc-yes { color: #2e7d32; font-weight: bold; }
.st-expired, .cst-e, .edc-unk { color: #999; }
.st-overdue, .cst-o, .edo-unsent { color: #dc3545; font-weight: bold; }

/* ── Заголовок таблицы остаётся на экране при прокрутке. z-index:20 —
   ниже липких панелей управления (z-index:30), чтобы шапка таблицы никогда
   не перекрывала свою панель. Фон у каждой th уже задан по месту (нужен для
   непрозрачности при прилипании). top задаётся на странице: 0, если над
   таблицей нет своей sticky-панели, либо var(--sticky-h, ...) — если есть
   (см. tcpdf/docs.js:syncStickyOffset).
   border-collapse:separate — position:sticky на th молча не работает при
   border-collapse:collapse (ограничение CSS-спека, воспроизводится во всех
   браузерах); border-spacing:0 убирает щели между ячейками, которые иначе
   появились бы при separate. Затрагивает только 4 класса с sticky-шапкой —
   .cp-table/.cab-table/.cabt/.doc-table не sticky, остаются collapse. ── */
.all-table, .edo-table, .reg-table, .arc-table {
    border-collapse: separate;
    border-spacing: 0;
}
.all-table thead th, .edo-table thead th,
.reg-table thead th, .arc-table thead th {
    position: sticky;
    z-index: 20;
}

/* ── Всплывающее меню действий (позиционируется через tcpdf/docs.js:
   openPopupMenu). Общее для admin_all.html и registry_edo.html ── */
.act-menu {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
    z-index: 9999;
    min-width: 240px;
    padding: 4px 0;
}
.act-menu button, .act-menu a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 7px 14px;
    border: none;
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    margin: 1px 0;
}
.act-menu button:hover, .act-menu a:hover { filter: brightness(0.85); }
.act-menu hr { margin: 4px 0; border: none; border-top: 1px solid #eee; }

/* ── Строка фильтров/панели управления (обёртка, без фоновой "коробки") ── */
.all-filters, .cp-filters, .edo-controls, .edo-form-row,
.arc-controls, .reg-controls, .reg-form-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.all-filters input, .all-filters select,
.all-panel select, .all-panel input[type=date],
.cp-filters input, .cp-filters select,
.edo-form-row input[type=date],
.arc-filter,
.reg-form-row select, .reg-form-row input[type=date] {
    padding: 5px 8px;
    border: 1px solid #aaa;
    border-radius: 5px;
    font-size: 18px;
}
