/* =====================================================================
   Chytrá organizace – brandová vrstva (jen režim CHO).
   Bílá/navy základ, žlutý aktivní akcent, fialové odkazy, pill tlačítka.
   Načítá se přes styles/barvy.php AŽ za shards + style.css, takže přebíjí.
   ===================================================================== */
:root{
    --brand-yellow:  #FCD606;
    --brand-yellow-1:#FFF6CE;   /* pale – aktivní pozadí menu */
    --brand-navy:    #16202C;
    --brand-navy-2:  #22303F;
    --brand-purple:  #7C5CD6;
    --brand-purple-2:#6A4CC4;
    --brand-purple-1:#F3F0FE;   /* pale – hover */
    --brand-bg:      #F5F6F8;
    --brand-ink:     #2A3441;
    --brand-line:    #eceef2;
}

/* ---- plocha, výběr textu a nadpisy ---- */
body{ background-color:var(--brand-bg); color:var(--brand-ink); }
::selection{ background:rgba(124,92,214,.22); }
.page-title,
.main-content h1,.main-content h2,.main-content h3,
.main-content h4,.main-content h5,.main-content h6{ color:var(--brand-navy); }
.page-header .text-uppercase{ color:var(--brand-purple) !important; font-weight:700; letter-spacing:.06em; }

/* ---- odkazy = fialová ---- */
.main-content a:not(.btn):not(.nav-link):not(.card):not(.page-link){ color:var(--brand-purple); }
.main-content a:not(.btn):not(.nav-link):hover{ color:var(--brand-purple-2); }
.text-primary{ color:var(--brand-purple) !important; }
.text-info{ color:var(--brand-purple) !important; }

/* ---- tlačítka: pill jako v banneru ---- */
.btn{ border-radius:22px; font-weight:600; }
.btn-primary,.btn-accent{
    background-color:var(--brand-navy) !important;
    border-color:var(--brand-navy) !important;
    color:#fff !important;
}
.btn-primary:hover,.btn-accent:hover,
.btn-primary:focus,.btn-accent:focus{
    background-color:var(--brand-navy-2) !important;
    border-color:var(--brand-navy-2) !important;
}
.btn-warning{                                   /* žlutá CTA */
    background-color:var(--brand-yellow) !important;
    border-color:var(--brand-yellow) !important;
    color:var(--brand-navy) !important;
}
.btn-warning:hover,.btn-warning:focus{ background-color:#e6c400 !important; border-color:#e6c400 !important; }
.btn-outline-primary{
    color:var(--brand-purple) !important; border-color:var(--brand-purple) !important;
}
.btn-outline-primary:hover{ background:var(--brand-purple) !important; color:#fff !important; }
.btn-white{ border:1px solid #e1e5eb; color:var(--brand-navy); }
.btn-white:hover{ border-color:var(--brand-purple); color:var(--brand-purple); }
.btn:focus{ box-shadow:0 0 0 .18rem rgba(124,92,214,.20) !important; }

/* ---- karty ---- */
.card{ border-radius:14px; border:1px solid var(--brand-line); box-shadow:0 1px 3px rgba(20,30,45,.05); }
.card-header{ border-top-left-radius:14px; border-top-right-radius:14px; background:#fff; }
.card-header h6{ color:var(--brand-navy); font-weight:700; }

/* ---- tabulky – jemnější hlavička ---- */
.table thead.bg-light th,.table thead th{ border-top:none; color:#66788e; font-weight:600; }

/* =====================================================================
   LEVÉ MENU – plovoucí kulaté položky (sidebar zůstává bílý kvůli logu)
   ===================================================================== */
.main-sidebar{ box-shadow:1px 0 0 var(--brand-line); }
.main-sidebar .nav{ padding:4px 0 12px; }
.main-sidebar .nav .nav-item .nav-link{
    margin:2px 12px;
    padding:9px 14px !important;
    border-radius:11px;
    color:#41506a;
    font-weight:500;
    display:flex; align-items:center;
    transition:background .14s ease, color .14s ease;
}
.main-sidebar .nav .nav-item .nav-link i{ transition:color .14s ease; }
.main-sidebar .nav .nav-item .nav-link:hover{
    background:var(--brand-purple-1) !important;
    color:var(--brand-navy) !important;
    box-shadow:none !important;
}
.main-sidebar .nav .nav-item .nav-link:hover i{ color:var(--brand-purple) !important; }
.main-sidebar .nav .nav-item .nav-link.active{
    background:var(--brand-yellow-1) !important;
    color:var(--brand-navy) !important;
    font-weight:700;
    box-shadow:inset 3px 0 0 var(--brand-yellow) !important;   /* zaoblený žlutý akcent */
}
.main-sidebar .nav .nav-item .nav-link.active i{ color:var(--brand-navy) !important; }

/* nadpisy sekcí – zarovnané s textem položek (12+14 = 26px) */
.main-sidebar .nav-sekce{ padding:15px 26px 5px !important; color:#9aa3b2 !important; font-size:10px !important; }

/* přepínač firem dole */
.firmy_prepinac .nav-link:hover{ background:var(--brand-purple-1) !important; }

/* sladěný scrollbar sidebaru */
.main-sidebar::-webkit-scrollbar{ width:8px; }
.main-sidebar::-webkit-scrollbar-thumb{ background:#e2e5ec; border-radius:8px; }
.main-sidebar::-webkit-scrollbar-thumb:hover{ background:#d1d6df; }

/* ---- záložkové menu modulů (pill) ---- */
.menu_parent a{ border-radius:22px; transition:.13s; font-weight:600; }
.menu_parent a:hover{ color:var(--brand-purple); border-color:var(--brand-purple); }
.menu_parent a.active{ background:var(--brand-navy) !important; color:#fff !important; border-color:var(--brand-navy) !important; }

/* ---- formuláře: fialový focus, kulaté vstupy ---- */
.form-control{ border-radius:9px; }
.form-control:focus{
    border-color:var(--brand-purple) !important;
    box-shadow:0 0 0 .15rem rgba(124,92,214,.18) !important;
}

/* ---- horní lišta ---- */
.main-navbar .navbar{ border-bottom:1px solid var(--brand-line); background:#fff; }

/* ---- drobnosti ---- */
.badge{ border-radius:10px; }
.badge-primary{ background-color:var(--brand-purple) !important; }
.spinner-border.text-primary{ color:var(--brand-purple) !important; }
.progress{ border-radius:8px; }
.progress-bar,.bg-primary{ background-color:var(--brand-navy) !important; }
.alert{ border-radius:12px; }
.alert-primary{ background:var(--brand-purple-1); border-color:#d9cffb; color:var(--brand-purple-2); }
a.page-link{ color:var(--brand-purple); }
.custom-control-input:checked~.custom-control-label::before{ background-color:var(--brand-purple); border-color:var(--brand-purple); }