/*
 * Thema Verloffabriek — accenten in de beheeromgeving.
 */

/* Merknaam in Fraunces, iets groter dan AdminLTE's standaard (hoogte blijft gelijk aan de navigatiebalk). */
[data-vf-theme] .main-sidebar .brand-link .brand-text { font-size: 1.3rem; line-height: 1.4; }

/* Menu-items als pillen, net als de knoppen. */
[data-vf-theme] .main-sidebar .nav-sidebar > .nav-item > .nav-link { border-radius: 999px; }
[data-vf-theme] .main-sidebar .nav-sidebar > .nav-item > .nav-link .badge { color: #17243D; }

/* Paginatitel: Fraunces met een koraal streepje als ankerpunt. */
[data-vf-theme] .content-header { padding-top: 1.5rem; }
[data-vf-theme] .content-header h1::after {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    margin-top: .6rem;
    border-radius: 2px;
    background: var(--vf-primary);
}

/* Kaarten: ruimer en zonder AdminLTE's harde schaduw. */
[data-vf-theme] .card-header { padding: 1rem 1.5rem; }
[data-vf-theme] .card-body { padding: 1.5rem; }
[data-vf-theme] .card-body.p-0 { padding: 0; }
[data-vf-theme] .card-footer { padding: 1rem 1.5rem; }

/* Tegels: groot getal in Fraunces; op navy een licht icoon. */
[data-vf-theme] .small-box > .inner { padding: 1.1rem 1.25rem .9rem; }
[data-vf-theme] .small-box h3 { font-size: 2.5rem; line-height: 1.05; }
[data-vf-theme] .small-box.bg-info .icon { color: rgba(250, 247, 242, .14); }
[data-vf-theme] .small-box.bg-info > .small-box-footer { background-color: rgba(250, 247, 242, .08); }

/* Kleine knoppen blijven pil, met wat meer lucht. */
[data-vf-theme] .btn-sm { padding: .3rem .85rem; }

/* Inloggen: grote ronde kaart op papier. */
[data-vf-theme] .login-box .card { border-radius: 24px; }
[data-vf-theme] .login-logo { font-size: 2.4rem; }
[data-vf-theme] .login-card-body { padding: 1.75rem; }

/* Secundaire knop uit de huisstijl: navy rand en tekst, bij hover gevuld. */
[data-vf-theme] .btn-outline-primary { color: #17243D; border-color: #17243D; }
[data-vf-theme] .btn-outline-primary:hover,
[data-vf-theme] .btn-outline-primary:not(:disabled):not(.disabled):active,
[data-vf-theme] .btn-outline-primary:not(:disabled):not(.disabled).active { color: #FAF7F2; background-color: #17243D; border-color: #17243D; }