/* Mitarbeiterverwaltung – eigenes Styling.
   Angelehnt an www.selbstbewusst.at: sanftes Blau als Hauptfarbe. */

:root {
    --brand-primary:        #EB7915; /* Hauptfarbe (aus selbstbewusst.at) */
    --brand-primary-dark:   #5b94c0;
    --brand-primary-light:  #e6f1f9;
    --brand-accent:         #22B87E; /* dezenter Orange-Akzent */
    --brand-text:           #383838;
    --brand-text-muted:     #6b6b6b;
    --brand-bg:             #f7f7f9;
    --brand-card-border:    #e3e6ea;
}

html, body {
    background-color: var(--brand-bg);
    color: var(--brand-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    min-height: 100vh;
}

main.container {
    min-height: calc(100vh - 130px);
}

h1, h2, h3, h4, h5 { color: var(--brand-text); }

/* ===== Navbar ===== */
.mav-navbar {
    background-color: #ffffff;
    border-bottom: 3px solid var(--brand-primary);
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.mav-navbar .navbar-brand { color: var(--brand-text); font-weight: 600; }
.mav-navbar .nav-link { color: var(--brand-text); }
.mav-navbar .nav-link:hover,
.mav-navbar .dropdown-item:hover { color: var(--brand-primary-dark); background-color: var(--brand-primary-light); }
.mav-navbar .navbar-text { color: var(--brand-text-muted); font-size: .9rem; }
.mav-navbar .dropdown-menu { border: 1px solid var(--brand-card-border); }

.mav-logo {
    max-height: 40px;
    width: auto;
}

/* ===== Cards ===== */
.mav-card {
    border: 1px solid var(--brand-card-border);
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.mav-card .card-title { color: var(--brand-text); }

/* ===== Buttons (Brand-Variante) ===== */
.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active, .btn-primary.active {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
}
.btn-outline-primary {
    color: var(--brand-primary-dark);
    border-color: var(--brand-primary);
}
.btn-outline-primary:hover {
    background-color: var(--brand-primary);
    color: #fff;
}

/* Akzent-Klasse für Hinweise */
.text-accent { color: var(--brand-accent); }

/* ===== Forms ===== */
.mav-form h4 {
    font-size: 1.05rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--brand-text-muted);
    margin-top: 1.5rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid var(--brand-card-border);
    padding-bottom: .25rem;
}
.form-label { font-weight: 500; color: var(--brand-text); }
.form-control:focus, .form-select:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 .2rem rgba(116,171,210,.25);
}
.form-text { color: var(--brand-text-muted); }

/* ===== Tabellen ===== */
.table thead th {
    color: var(--brand-text-muted);
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 2px solid var(--brand-primary-light);
}
.table.table-hover tbody tr:hover {
    background-color: var(--brand-primary-light);
}

/* ===== Footer ===== */
.mav-footer {
    border-top: 1px solid var(--brand-card-border);
    background-color: #fff;
}

/* Pre/Code in Audit-Log lesbar halten */
pre {
    color: var(--brand-text);
    background: var(--brand-bg);
    padding: .25rem .5rem;
    border-radius: 4px;
}

/* Kompakte Inline-Action-Forms im Edit-Bereich */
.card .d-flex.gap-2 form.d-inline { margin-bottom: 0; }