/* OrgelnotenDB – site.css */
body {
    font-size: 0.9rem;
    background-color: #f8f9fa;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main.container-fluid { flex: 1; max-width: 1400px; margin: 0 auto; }
.footer { margin-top: auto; }
.navbar-brand { font-size: 1.3rem; letter-spacing: 0.5px; }
.card { border-radius: 0.5rem; }
.card-header { border-radius: 0.5rem 0.5rem 0 0 !important; }
.table th { font-size: 0.78rem; font-weight: 600; white-space: nowrap; }
.table td { vertical-align: middle; font-size: 0.82rem; }
.badge { font-weight: 500; }
.pagination .page-link { color: #0d6efd; }
.pagination .active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff !important;
}
.form-control:focus, .form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.15);
}

/* ══ Werk-Spaltenköpfe (blau) ══ */
th.sp-werk {
    background-color: #cfe2ff;
    color: #084298;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
    border-bottom: 3px solid #084298 !important;
}

/* ══ Noten-Spaltenköpfe (grün) ══ */
th.sp-noten {
    background-color: #d1e7dd;
    color: #0a3622;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
    border-bottom: 3px solid #0a3622 !important;
}

/* ══ Werkzeile ══ */
tr.werk-row td {
    background-color: #e8f0ff;
    vertical-align: middle;
    border-top: 2px solid #84aef5 !important;
    padding: 0.4rem 0.6rem;
}
tr.werk-row:hover td { background-color: #d0e2ff; }

.field-label {
    font-size: 0.70rem;
    color: #6c757d;
    font-weight: 600;
    text-transform: uppercase;
}

/* ══ Notenzeile ══ */
tr.noten-row td {
    background-color: #f6fdf9;
    vertical-align: middle;
    padding: 0.3rem 0.6rem;
}
tr.noten-row:hover td { background-color: #e2f4ea; }

/* ══ Schwierigkeit / Bewertung Badges (1–6) ══
   1 = sehr leicht (grün)
   2 = leicht (hellgrün)
   3 = mittel (gelb)
   4 = mittelschwer (orange)
   5 = schwer (rot-orange)
   6 = sehr schwer (dunkelrot)
   0/unbekannt = grau
*/
.badge-stufe-1 { background-color: #198754; color: #fff; }
.badge-stufe-2 { background-color: #5cb85c; color: #fff; }
.badge-stufe-3 { background-color: #f0ad4e; color: #000; }
.badge-stufe-4 { background-color: #fd7e14; color: #fff; }
.badge-stufe-5 { background-color: #dc3545; color: #fff; }
.badge-stufe-6 { background-color: #7b1e2e; color: #fff; }
.badge-stufe-0 { background-color: #6c757d; color: #fff; }

/* ══ Extra-kleine Buttons ══ */
.btn-xs {
    padding: 0.1rem 0.35rem;
    font-size: 0.72rem;
    line-height: 1.4;
    border-radius: 0.2rem;
}

/* ══ Vita-Ansicht ══ */
.vita-section-title {
    font-size: 1.1rem;
    font-weight: 400;
    color: #333;
    margin-bottom: 0.4rem;
    margin-top: 0.5rem;
}
.vita-label {
    width: 38%;
    font-weight: 400;
    color: #444;
    font-size: 0.85rem;
}