/* app/static/css/app.css */

/* ===========================================================================
   Finventia – design tokeny (paleta varianta E, viz knowledge_base_design.md)
   Přebíjí Bootstrap proměnné, takže .btn-primary, .bg-primary, .progress-bar
   apod. automaticky používají firemní barvy bez úprav v šablonách.
   =========================================================================== */
:root {
    --fv-primarni-tmava: #042C53;   /* nadpisy, ikony, progress bar */
    --fv-primarni-stredni: #0C447C; /* tlačítka, aktivní stavy */
    --fv-primarni-svetla: #E6F1FB;  /* pozadí ikon, badge */
    --fv-akcent: #D85A30;           /* CTA: Pokračovat, Odeslat, Nový klient */
    --fv-pozadi: #F1EFE8;           /* neutrální pozadí */

    --fv-stav-rozpracovan-bg: #FAEEDA; --fv-stav-rozpracovan-text: #633806;
    --fv-stav-dokoncen-bg: #EAF3DE;    --fv-stav-dokoncen-text: #27500A;
    --fv-stav-info-bg: #E6F1FB;        --fv-stav-info-text: #042C53;
    --fv-stav-chyba-bg: #FCEBEB;       --fv-stav-chyba-text: #791F1F;

    /* Bootstrap proměnné */
    --bs-primary: var(--fv-primarni-stredni);
    --bs-primary-rgb: 12, 68, 124;
    --bs-success: #27500A;
    --bs-success-rgb: 39, 80, 10;
    --bs-warning: #633806;
    --bs-warning-rgb: 99, 56, 6;
    --bs-link-color: var(--fv-primarni-stredni);
    --bs-link-hover-color: var(--fv-primarni-tmava);
}

body {
    background-color: var(--fv-pozadi);
    font-size: 0.9rem;
}

.btn-primary {
    --bs-btn-bg: var(--fv-primarni-stredni);
    --bs-btn-border-color: var(--fv-primarni-stredni);
    --bs-btn-hover-bg: var(--fv-primarni-tmava);
    --bs-btn-hover-border-color: var(--fv-primarni-tmava);
    --bs-btn-active-bg: var(--fv-primarni-tmava);
}

/* Hlavní/kritická akce (Pokračovat, Odeslat, Nový klient) – měděný akcent */
.btn-success, .wizard-cta {
    --bs-btn-bg: var(--fv-akcent);
    --bs-btn-border-color: var(--fv-akcent);
    --bs-btn-hover-bg: #b94a25;
    --bs-btn-hover-border-color: #b94a25;
    --bs-btn-active-bg: #b94a25;
    color: #fff;
}

.bg-primary { background-color: var(--fv-primarni-tmava) !important; }
.text-primary { color: var(--fv-primarni-tmava) !important; }

/* Stavové badge dle knowledge_base_design.md */
.badge.bg-warning.text-dark {
    background-color: var(--fv-stav-rozpracovan-bg) !important;
    color: var(--fv-stav-rozpracovan-text) !important;
}
.badge.bg-success {
    background-color: var(--fv-stav-dokoncen-bg) !important;
    color: var(--fv-stav-dokoncen-text) !important;
}
.badge.bg-secondary {
    background-color: var(--fv-stav-info-bg) !important;
    color: var(--fv-stav-info-text) !important;
}
.badge.bg-danger {
    background-color: var(--fv-stav-chyba-bg) !important;
    color: var(--fv-stav-chyba-text) !important;
}

.navbar-brand {
    letter-spacing: 0.03em;
}

.card {
    border: 0.5px solid #dee2e6;
    border-radius: 12px;
}

.card-header {
    background-color: var(--fv-primarni-svetla);
    border-bottom: 1px solid #dee2e6;
    padding: 0.5rem 1rem;
    border-radius: 12px 12px 0 0;
}

.form-control, .form-select {
    border-radius: 10px;
}

/* Segmentovaný progress bar (jeden segment = jeden krok wizardu) */
.progress {
    border-radius: 6px;
    background-color: var(--fv-primarni-svetla);
}
.progress-bar {
    background-color: var(--fv-primarni-tmava) !important;
}

.table th {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
}

.font-monospace {
    font-family: 'Courier New', monospace;
}

dl.row dt, dl.row dd {
    margin-bottom: 0.35rem;
}

/* PIN zobrazení */
.display-6.font-monospace {
    letter-spacing: 0.15em;
    font-weight: 700;
    color: var(--fv-akcent);
}