/* ═══════════════════════════════════════════════════════════════════════
   Schulungsplaner – Individuelle Anpassungen (custom.css)
   ═══════════════════════════════════════════════════════════════════════
   
   Diese Datei wird NACH style.css geladen und überschreibt dessen Werte.
   Ändern Sie hier Farben, Schriftarten, Abstände usw. ohne die Haupt-CSS
   zu bearbeiten – so bleiben Ihre Anpassungen bei Updates erhalten.
   
   Tipp: Kommentieren Sie eine Zeile ein (/* ... */ entfernen), um die
   Änderung zu aktivieren.
   
   ═══════════════════════════════════════════════════════════════════════ */


/* ── 1) FARBEN ─────────────────────────────────────────────────────────
   Alle Farben werden über CSS-Variablen in :root gesteuert.
   Überschreiben Sie nur die Variablen, die Sie ändern möchten.
   ─────────────────────────────────────────────────────────────────── */

/*
:root {
    --primary: #1e3a5f;
    --primary-light: #2a5a8f;
    --primary-dark: #0f2440;
    --accent: #0ea5e9;
    --accent-light: #e0f2fe;
    --success: #059669;
    --warning: #d97706;
    --danger: #dc2626;
}
*/


/* ── 2) SCHRIFTART ─────────────────────────────────────────────────────
   Standard: 'DM Sans'. Tauschen Sie z.B. gegen 'Inter', 'Roboto',
   'Open Sans' etc. Dazu ggf. den Google-Fonts-Link in base.html anpassen.
   ─────────────────────────────────────────────────────────────────── */

/*
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
*/


/* ── 3) SIDEBAR ────────────────────────────────────────────────────────
   Breite, Hintergrund, Akzente der Navigation.
   ─────────────────────────────────────────────────────────────────── */

/*
:root {
    --sidebar-width: 260px;
}
.sidebar {
    background: #1a1a2e;
}
.sidebar-nav a.active {
    background: #e94560;
    box-shadow: 0 2px 8px rgba(233,69,96,0.3);
}
*/


/* ── 4) LOGIN- & ONBOARDING-SEITEN ─────────────────────────────────────
   Diese Seiten verwenden eigene Klassen, die hier überschrieben
   werden können.
   ─────────────────────────────────────────────────────────────────── */

/*
.login-header, .wizard-card .card-header {
    background: linear-gradient(135deg, #16a34a, #059669);
}
.btn-login {
    background: linear-gradient(135deg, #16a34a, #059669);
}
*/


/* ── 5) PATIENTEN-PORTAL ───────────────────────────────────────────────
   Das öffentliche Portal hat eigene Klassen:
   .portal-header, .patient-card, .termin-card, .btn-zusage, .btn-absage
   ─────────────────────────────────────────────────────────────────── */

/*
.portal-header {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
}
.btn-zusage.active {
    background: #059669;
}
*/


/* ── 6) KARTEN & TABELLEN ─────────────────────────────────────────────
   ─────────────────────────────────────────────────────────────────── */

/*
:root {
    --radius: 12px;
}
.card {
    border: none;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.table thead th {
    background: var(--gray-50);
}
*/


/* ── 7) PRAXIS-LOGO ───────────────────────────────────────────────────
   Um ein Logo in der Sidebar anzuzeigen, aktivieren Sie diesen Block
   und passen Sie die URL zum Logo-Bild an (z.B. /static/img/logo.png).
   ─────────────────────────────────────────────────────────────────── */

/*
.sidebar-header::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url('/static/img/logo.png') center/contain no-repeat;
    margin-right: 8px;
}
.sidebar-header i { display: none; }
*/


/* ── 8) DRUCKANSICHT ──────────────────────────────────────────────────
   ─────────────────────────────────────────────────────────────────── */

/*
@media print {
    body { font-size: 12px; }
    .page-header h1 { font-size: 18px; }
}
*/


/* ═══════════════════════════════════════════════════════════════════════
   Eigene Regeln ab hier einfügen:
   ═══════════════════════════════════════════════════════════════════════ */