/* css/themes/clean.css - MINIMALIST PERFECTION */

:root {
    /* ====================================
       HINTERGRUND: Reines Weiß
       ==================================== */
    --bg-body: #ffffff;
    
    /* ====================================
       TYPOGRAFIE: Schwarz auf Weiß
       ==================================== */
    --text-main: #000000;      /* Echtes Schwarz */
    --text-muted: #737373;     /* Neutrales Grau */
    
    /* ====================================
       PRIMARY: Zurückhaltendes Grau
       ==================================== */
    --primary: #171717;         /* Fast Schwarz */
    --primary-hover: #000000;
    --primary-glow: rgba(0, 0, 0, 0);
    
    /* ====================================
       STATUS COLORS: Natürlich & Dezent
       ==================================== */
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #ea580c;
    --info: #0284c7;

    /* Status Hintergründe */
    --bg-danger-light: #fef2f2;
    --bg-success-light: #f0fdf4;

    /* ====================================
       GLASS PANELS: Flach & Klar
       ==================================== */
    --glass-bg: #ffffff;
    --glass-bg-hover: #fafafa;
    --glass-border: #e5e5e5;
    --glass-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --backdrop-blur: 0px;
    
    /* ====================================
       INPUTS: Minimalistisch
       ==================================== */
    --input-bg: #fafafa;
    --input-text: #000000;
    --input-border: #e5e5e5;
    
    /* ====================================
       BUTTONS
       ==================================== */
    --bg-secondary: #fafafa;
    
    /* ====================================
       TABELLENFARBEN
       ==================================== */
    --table-hover: #f5f5f5;
}

/* =========================================
   BODY: Reines Weiß
   ========================================= */
body {
    background: #ffffff;
}

/* =========================================
   GLASS PANELS: Flat Design
   ========================================= */
.glass-panel {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    transition: all 0.15s ease;
}

.glass-panel:hover {
    border-color: #d4d4d4 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
}

/* =========================================
   PORTAL CARDS: Minimales Hover
   ========================================= */
.portal-card:hover, .admin-card:hover {
    background: #fafafa !important;
    border-color: #000000 !important;
    transform: translateY(-1px);
}

/* =========================================
   INPUTS: Flat & Fokussiert
   ========================================= */
input, select, textarea {
    background: #fafafa !important;
    border: 1px solid transparent !important;
    transition: all 0.15s ease;
}

input:hover, select:hover, textarea:hover {
    background: #ffffff !important;
    border-color: #e5e5e5 !important;
}

input:focus, select:focus, textarea:focus {
    background: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}

/* =========================================
   BUTTONS: Klare Kanten
   ========================================= */
.btn {
    box-shadow: none;
    border-radius: 6px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.btn:hover {
    filter: brightness(0.95);
    transform: translateY(0);
}

.btn:active {
    filter: brightness(0.9);
}

.btn-secondary {
    background: #fafafa !important;
    border: 1px solid #e5e5e5 !important;
    color: #000000 !important;
}

.btn-secondary:hover {
    background: #f5f5f5 !important;
    border-color: #d4d4d4 !important;
}

/* =========================================
   TABELLEN: Minimalistische Linien
   ========================================= */
th {
    border-bottom: 2px solid #e5e5e5 !important;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #737373 !important;
}

td {
    border-bottom: 1px solid #f5f5f5 !important;
}

tr:hover td {
    background: #fafafa !important;
}

/* =========================================
   SCROLLBAR: Minimalistisch
   ========================================= */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #fafafa;
}

::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
}

/* =========================================
   NAVBAR: Haarlinie
   ========================================= */
.navbar {
    border-bottom: 1px solid #e5e5e5;
    box-shadow: none;
}

/* =========================================
   ALERTS: Dezent
   ========================================= */
.alert {
    border-left-width: 3px;
    background: #fafafa;
}

.alert-success {
    border-left-color: var(--success);
    color: #166534;
}

.alert-error {
    border-left-color: var(--danger);
    color: #991b1b;
}