/* ── KWE Rechner | Zentrales Stylesheet ─────────────────────────────────── */

:root {
    --kwe-blue:  #005aa7;
    --kwe-light: #3a8fd4;
    --kwe-red:   #c0392b;
}

/* ── Base ────────────────────────────────────────────────────────────────── */
body {
    background: #f0f2f5;
    font-family: 'Segoe UI', sans-serif;
}

/* ── Navbar ──────────────────────────────────────────────────────────────── */
.navbar {
    background: var(--kwe-blue) !important;
}

/* ── Cards ───────────────────────────────────────────────────────────────── */
.card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .08);
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn-kwe {
    background: var(--kwe-blue);
    color: #fff;
    border: none;
}
.btn-kwe:hover {
    background: #004484;
    color: #fff;
}

/* ── Status-Badges ───────────────────────────────────────────────────────── */
.badge-open {
    background: #fff3cd;
    color: #856404;
}
.badge-paid {
    background: #d1e7dd;
    color: #0a3622;
}

/* ── Tables ──────────────────────────────────────────────────────────────── */
.table-hover tbody tr:hover {
    background: #f5f8ff;
}

/* ── Login-Seite ─────────────────────────────────────────────────────────── */
.login-bg {
    background:
        linear-gradient(135deg, rgba(0, 90, 167, .88), rgba(0, 161, 225, .78)),
        url('https://images.unsplash.com/photo-1573163231162-717dfc3e0c1f?auto=format&fit=crop&w=1400&q=80')
        center / cover no-repeat;
    min-height: 100vh;
}
.login-box {
    background: #fff;
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
    width: 100%;
    max-width: 420px;
}
.login-box .form-control {
    border-radius: 10px;
    padding: .75rem 1rem;
}
.btn-login {
    background: var(--kwe-blue);
    border: none;
    border-radius: 10px;
    padding: .75rem;
    transition: background .2s;
}
.btn-login:hover {
    background: #004484;
}

/* ── Dashboard KPI-Kacheln ───────────────────────────────────────────────── */
.kpi-card {
    transition: transform .2s;
}
.kpi-card:hover {
    transform: translateY(-3px);
}

/* ── Rechner ─────────────────────────────────────────────────────────────── */
.service-row {
    background: #f8f9fa;
    border-radius: 10px;
    border: 1px solid #e9ecef;
}
.total-box {
    border-left: 5px solid var(--kwe-blue) !important;
}

/* ── BMA ─────────────────────────────────────────────────────────────────── */
.header-bma {
    background: var(--kwe-red);
    color: #fff;
}

/* ── Statistik Progress ──────────────────────────────────────────────────── */
.progress {
    height: 6px;
}
.progress-bar {
    background: var(--kwe-blue);
}

/* ── Profil ──────────────────────────────────────────────────────────────── */
.profile-header {
    background: var(--kwe-blue);
    color: #fff;
    padding: 2rem;
    text-align: center;
}

/* ── Print ───────────────────────────────────────────────────────────────── */
@media print {
    .no-print { display: none !important; }
    body       { background: #fff; }
}