/* CR-180 — Taiga UI overlay для tracker.vorx.tech.
 *
 * Подключается через nginx sub_filter в taiga-gateway/taiga.conf
 * (см. блок sub_filter '</head>' ...). Загружается с того же origin,
 * без CDN, чтобы не ломать CSP/HSTS.
 *
 * Стиль — спокойный серо-синий, ближе к ЛК vorx.tech.
 * Стартовая версия: типографика + плотность + базовая палитра.
 * Дальше итерируем по фидбэку и реальной DOM-структуре Taiga.
 */

:root {
    /* Палитра */
    --reprice-bg:           #f6f8fb;
    --reprice-surface:      #ffffff;
    --reprice-border:       #e2e7ee;
    --reprice-text:         #1c2433;
    --reprice-muted:        #6c7689;
    --reprice-accent:       #4a6cf7;
    --reprice-accent-hover: #3856d6;
    --reprice-success:      #2fae6a;
    --reprice-danger:       #d9534f;

    /* Геометрия */
    --reprice-radius:       6px;
    --reprice-radius-lg:    8px;

    /* Типографика */
    --reprice-font:         -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                            'Inter', 'Helvetica Neue', Arial, sans-serif;
    --reprice-font-mono:    ui-monospace, SFMono-Regular, 'JetBrains Mono', Menlo, monospace;
}

/* ─── Глобальные шрифты ─────────────────────────────────────────────── */

html, body,
body *:not(i):not([class*='icon']) {
    font-family: var(--reprice-font) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: var(--reprice-bg) !important;
    color: var(--reprice-text) !important;
}

/* ─── Шапка и навигация ─────────────────────────────────────────────── */

.main-nav {
    padding: 6px 12px !important;
}

.main-nav .nav-bar a,
.main-nav .nav-bar button {
    font-size: 13px !important;
    padding: 6px 10px !important;
}

.main-nav [class*='icon'],
.main-nav i {
    width: 18px !important;
    height: 18px !important;
    font-size: 16px !important;
}

/* ─── Списки и канбан: плотность ───────────────────────────────────── */

.us-item-row,
.issue-row,
.epic-row,
.task-row {
    padding: 8px 12px !important;
    border-radius: var(--reprice-radius) !important;
    border-color: var(--reprice-border) !important;
    box-shadow: none !important;
}

.kanban-task,
.card-element,
.ticket-card {
    border-radius: var(--reprice-radius) !important;
    border: 1px solid var(--reprice-border) !important;
    box-shadow: 0 1px 2px rgba(28, 36, 51, 0.04) !important;
    padding: 10px 12px !important;
    margin-bottom: 8px !important;
}

/* ─── Кнопки: единая палитра ───────────────────────────────────────── */

.button-green,
.button-primary,
.btn-primary,
.button.is-primary {
    background-color: var(--reprice-accent) !important;
    border-color: var(--reprice-accent) !important;
    color: #fff !important;
    border-radius: var(--reprice-radius) !important;
}

.button-green:hover,
.button-primary:hover,
.btn-primary:hover {
    background-color: var(--reprice-accent-hover) !important;
    border-color: var(--reprice-accent-hover) !important;
}

/* ─── Теги: меньше визуального шума ────────────────────────────────── */

.tags-block .tag,
.tag-item {
    padding: 2px 6px !important;
    font-size: 11px !important;
    border-radius: 3px !important;
}

/* ─── Заголовки и типографская шкала ───────────────────────────────── */

h1, .section-title { font-size: 22px !important; line-height: 1.3 !important; }
h2 { font-size: 18px !important; line-height: 1.35 !important; }
h3 { font-size: 15px !important; line-height: 1.4 !important; }

/* ─── Поля ввода и формы ───────────────────────────────────────────── */

input[type='text'],
input[type='search'],
input[type='email'],
textarea,
.input-empty {
    border: 1px solid var(--reprice-border) !important;
    border-radius: var(--reprice-radius) !important;
    background: var(--reprice-surface) !important;
    font-size: 13px !important;
}

input[type='text']:focus,
input[type='search']:focus,
textarea:focus {
    border-color: var(--reprice-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.15) !important;
}