@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ================================================================
   PostPilot · ПОЛЕТЕН НАРЪЧНИК — Filament тема (light / paper)
   Ретро авиационна документация: хартия + мастило + International Orange.
   Панелите вървят само в light режим (darkMode(false) в panel providers).
   ================================================================ */

:root {
    --pp-paper: #F2EEE3;
    --pp-panel: #FAF7EE;
    --pp-ink: #1C2B33;
    --pp-orange: #D9481C;
    --pp-orange-deep: #C13E15;
    --pp-green: #2E6B46;
    --pp-line: #9AA8AE;
    --pp-muted: #51616B;
    --pp-dark: #22333C;
    --pp-mono: 'JetBrains Mono', ui-monospace, monospace;
    --pp-disp: 'Unbounded', sans-serif;
}

/* ---------- фон: техническа хартия + 56px мрежа ---------- */
body.fi-body,
.fi-simple-layout {
    background-color: var(--pp-paper) !important;
    background-image:
        linear-gradient(rgba(154, 168, 174, 0.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(154, 168, 174, 0.10) 1px, transparent 1px);
    background-size: 56px 56px;
    color: var(--pp-ink);
}

.fi-main {
    background: transparent;
}

::selection {
    background: var(--pp-orange);
    color: var(--pp-panel);
}

/* ---------- заглавия: Unbounded ---------- */
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-wi-stats-overview-stat-value {
    font-family: var(--pp-disp) !important;
    letter-spacing: -0.02em;
    color: var(--pp-ink);
}

/* ---------- сайдбар + топбар: кремаво стъкло с мастилен ръб ---------- */
.fi-sidebar,
.fi-sidebar-header {
    background: var(--pp-panel) !important;
    border-right: 1px solid var(--pp-ink);
}

.fi-topbar,
.fi-topbar > nav {
    background: rgba(250, 247, 238, 0.92) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--pp-ink);
}

/* бранд името → Unbounded, мастило (без AI градиент) */
.fi-logo {
    font-family: var(--pp-disp) !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    color: var(--pp-ink) !important;
    background: none !important;
    -webkit-text-fill-color: var(--pp-ink);
}

/* навигация → mono „инструментални" етикети */
.fi-sidebar-item-label {
    font-family: var(--pp-mono);
    font-size: 12.5px;
    letter-spacing: 0.04em;
}

.fi-sidebar-group-label {
    font-family: var(--pp-mono);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--pp-muted);
}

/* активен елемент → оранжева лента отляво (без заоблено) */
.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background: rgba(193, 62, 21, 0.09) !important;
    border-left: 3px solid var(--pp-orange-deep);
    border-radius: 0 !important;
    color: var(--pp-orange-deep);
}

.fi-sidebar-item-btn:hover {
    background: rgba(28, 43, 51, 0.05) !important;
}

/* ---------- секции / карти / таблици: печатни панели ---------- */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-fo-tabs,
.fi-modal-window {
    background: var(--pp-panel) !important;
    border: 1px solid var(--pp-ink) !important;
    border-radius: 3px !important;
    box-shadow: 3px 3px 0 rgba(28, 43, 51, 0.10) !important;
}

.fi-section:hover,
.fi-wi-stats-overview-stat:hover {
    box-shadow: 4px 4px 0 rgba(193, 62, 21, 0.18) !important;
    transition: box-shadow 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
    .fi-section:hover,
    .fi-wi-stats-overview-stat:hover {
        transition: none;
    }
}

/* описание под заглавието на секция → mono */
.fi-section-header-description {
    font-family: var(--pp-mono);
    font-size: 11.5px;
    letter-spacing: 0.02em;
    color: var(--pp-muted);
}

/* ---------- главни бутони: плосък оранжев печат + offset сянка ---------- */
.fi-btn-color-primary {
    background: var(--pp-orange-deep) !important;
    background-image: none !important;
    color: #FFF8F0 !important;
    border: 1px solid var(--pp-ink) !important;
    border-radius: 3px !important;
    box-shadow: 3px 3px 0 var(--pp-ink) !important;
    font-family: var(--pp-mono);
    font-weight: 700;
    letter-spacing: 0.04em;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.fi-btn-color-primary:hover {
    transform: translate(3px, 3px);
    box-shadow: 0 0 0 var(--pp-ink) !important;
}

@media (prefers-reduced-motion: reduce) {
    .fi-btn-color-primary,
    .fi-btn-color-primary:hover {
        transform: none;
        transition: none;
        box-shadow: 3px 3px 0 var(--pp-ink) !important;
    }
}

/* ---------- полета за въвеждане: остри ъгли ---------- */
.fi-input,
.fi-select-input,
.fi-input-wrp,
.fi-fo-field-wrp .fi-input-wrp {
    border-radius: 3px !important;
}

/* ---------- таблици: mono главна редица + хайрлайн редове ---------- */
.fi-ta-header-cell {
    font-family: var(--pp-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pp-muted);
}

.fi-ta-row {
    border-color: rgba(154, 168, 174, 0.35);
}

/* ---------- значки: остри, mono ---------- */
.fi-badge {
    font-family: var(--pp-mono);
    font-weight: 700;
    letter-spacing: 0.03em;
    border-radius: 3px;
}

/* ---------- dashboard stat джаджи ---------- */
.fi-wi-stats-overview-stat-label {
    font-family: var(--pp-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pp-muted);
}

/* ---------- падащи менюта / попоувъри ---------- */
.fi-dropdown-panel {
    background: var(--pp-panel) !important;
    border: 1px solid var(--pp-ink) !important;
    border-radius: 3px !important;
    box-shadow: 4px 4px 0 rgba(28, 43, 51, 0.12) !important;
}

/* ---------- login (simple) страница: карта като боравен документ ---------- */
.fi-simple-main {
    background: var(--pp-panel) !important;
    border: 1px solid var(--pp-ink) !important;
    border-radius: 3px !important;
    box-shadow: 5px 5px 0 rgba(28, 43, 51, 0.14) !important;
}