body { background: #e8f4fd; }

/* Navbar — identisch mit shop admin */
.kd-navbar {
    background-color: #0D6EFD;
    border-radius: 8px;
}
.kd-navbar .navbar-brand { font-size: 1.1rem; letter-spacing: -0.2px; }
.kd-navbar .nav-link-abmelden { color: rgba(255,255,255,0.85); font-weight: 600; }
.kd-navbar .nav-link-abmelden:hover { color: #fff; }

/* Cards — identisch mit shop admin */
.card {
    border: 2px solid #a0bcda !important;
    border-radius: 8px !important;
    background: #fff;
}

/* Well-Box — identisch mit shop admin */
.well-box {
    background: #f5f5f5;
    border: 2px solid #a0bcda;
    border-radius: 8px;
    padding: 1rem;
}

/* Login */
.login-wrap { min-height: 100vh; display: flex; align-items: center; background: linear-gradient(135deg, #1155a0, #239ddb); }
.login-card { border-radius: 16px; box-shadow: 0 8px 32px rgba(0,0,0,0.2); border: none !important; }
.otp-input  { font-size: 1.8rem; letter-spacing: 0.4em; text-align: center; font-weight: 700; }

/* Badges */
.badge-stammkunde { background: #0D6EFD; color: #fff; }
.badge-wa         { background: #25D366; color: #fff; }

/* Avatar in Liste */
.kd-avatar {
    width: 38px; height: 38px; border-radius: 50%;
    background: #e0e0e0; object-fit: cover;
    font-size: 0.85rem; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
    color: #888; border: 1px solid #a0bcda;
}

/* Tabelle */
.table-kunden td { vertical-align: middle; }
.table-kunden tr:hover { background: #f0f7ff; cursor: pointer; }

/* Profil-Labels */
.kd-label { font-size: 0.75rem; color: #888; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; }