/* Gemeinsame Basisstyles für alle Seiten des Dashboards */

/* ---- Light Mode (default) ---- */
:root {
    --bg:            #f5f5f5;
    --bg-card:       #ffffff;
    --text:          #333333;
    --text-muted:    #999999;
    --text-soft:     #bbbbbb;
    --border:        #dddddd;
    --border-light:  #eeeeee;
    --border-subtle: #f0f0f0;
    --accent:        #667eea;
    --accent-hover:  #5568d3;
    --accent-light:  #f0f2ff;
    --shadow:        rgba(0,0,0,0.08);
    --shadow-lg:     rgba(0,0,0,0.3);
    --error-bg:      #f8d7da;
    --error-text:    #721c24;
    --success-bg:    #d4edda;
    --success-text:  #155724;
    --warning-bg:    #fff3cd;
    --warning-text:  #856404;
    --info-bg:       #d1ecf1;
    --info-text:     #0c5460;
    --table-stripe:  #f9f9f9;
    --table-hover:   #fafafa;
    --input-bg:      #ffffff;
}
/* ---- Dark Mode ---- */
[data-theme="dark"] {
    --bg:            #0f0f1a;
    --bg-card:       #1a1a2e;
    --text:          #e0e0e0;
    --text-muted:    #888888;
    --text-soft:     #666666;
    --border:        #2a2a40;
    --border-light:  #252538;
    --border-subtle: #222236;
    --accent:        #8b9cf7;
    --accent-hover:  #a0b0ff;
    --accent-light:  #1e2240;
    --shadow:        rgba(0,0,0,0.3);
    --shadow-lg:     rgba(0,0,0,0.6);
    --error-bg:      #3d1f24;
    --error-text:    #f5a5ad;
    --success-bg:    #1a3628;
    --success-text:  #7ddb9e;
    --warning-bg:    #3d3520;
    --warning-text:  #e0c670;
    --info-bg:       #1a2e3d;
    --info-text:     #8ac4d8;
    --table-stripe:  #1e1e30;
    --table-hover:   #222238;
    --input-bg:      #1a1a2e;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
    background: var(--bg);
    min-height: 100vh;
    padding: 12px;
    color: var(--text);
}

/* Breadcrumb-Navigation (wird von topbar.php eingebunden) */
.breadcrumb {
    background: var(--bg-card);
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 12px;
    box-shadow: 0 1px 3px var(--shadow);
    font-size: 0.85em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.breadcrumb a {
    color: var(--accent);
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
}

.breadcrumb a:hover { text-decoration: underline; }

/* Abmelden-Link in der Topbar */
.logout-link {
    font-size: 0.85em;
    color: var(--text-soft);
    text-decoration: none;
    padding: 4px 10px;
    border: 1px solid var(--border-light);
    border-radius: 4px;
    white-space: nowrap;
}
.logout-link:hover { color: #e53e3e; border-color: #fecaca; }

/* Language-Switcher & Aktions-Container */
.breadcrumb-actions { display: flex; align-items: center; gap: 8px; }
.lang-switch,
.theme-toggle {
    font-size: 0.8em;
    font-weight: 700;
    color: var(--accent);
    text-decoration: none;
    padding: 3px 8px;
    border: 1px solid var(--accent);
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
}
.lang-switch:hover,
.theme-toggle:hover { background: var(--accent); color: #fff; }

/* Allgemeine Zustandsmeldungen */
.loading { text-align: center; padding: 30px; color: var(--text-muted); }
.empty-message { text-align: center; color: var(--text-muted); }