/* ===== BADGES ===== */
.badge {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 99px;
    font-size: 0.75rem;
    font-weight: 600;
}
.badge-cash      { background: #dcfce7; color: #15803d; }
.badge-ec        { background: #dbeafe; color: #1d4ed8; }
.badge-credit    { background: #f3e8ff; color: #7e22ce; }
.badge-paypal    { background: #fef3c7; color: #92400e; }
.badge-admin       { background: #fee2e2; color: #991b1b; }
.badge-mitarbeiter { background: #e0f2fe; color: #0369a1; }
.badge-verkaeufer  { background: #ede9fe; color: #5b21b6; }
.badge-available { background: #dcfce7; color: #15803d; }
.badge-sold      { background: #fee2e2; color: #991b1b; }
.badge-reserved  { background: #fef3c7; color: #92400e; }
/* badge-info (Firmenkunden) + badge-secondary (Privatkunden) */
.badge-info      { background: #dbeafe; color: #1d4ed8; }
.badge-secondary { background: #f3f4f6; color: #374151; }
.badge-success   { background: #dcfce7; color: #15803d; }
.badge-warning   { background: #fef3c7; color: #92400e; }
.badge-danger    { background: #fee2e2; color: #991b1b; }

/* Nav-Badge (Todo-Signal im Navigationslink) */
.nav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.38rem;
    height: 1.38rem;
    padding: 0 0.33rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    margin-left: 0.33rem;
    vertical-align: middle;
}
.nav-badge-danger  { background: var(--color-danger); color: #fff; }
.nav-badge-warning { background: #f59e0b;              color: #fff; }

/* Dark-Mode: Badge-Farben anpassen */
[data-theme="dark"] .badge-cash,
[data-theme="dark"] .badge-available { background: rgba(34,197,94,0.2);  color: #86efac; }
[data-theme="dark"] .badge-ec,
[data-theme="dark"] .badge-info      { background: rgba(59,130,246,0.2); color: #93c5fd; }
[data-theme="dark"] .badge-credit    { background: rgba(167,139,250,0.2);color: #c4b5fd; }
[data-theme="dark"] .badge-paypal,
[data-theme="dark"] .badge-reserved  { background: rgba(245,158,11,0.2); color: #fcd34d; }
[data-theme="dark"] .badge-admin,
[data-theme="dark"] .badge-sold      { background: rgba(239,68,68,0.2);  color: #fca5a5; }
[data-theme="dark"] .badge-mitarbeiter { background: rgba(14,165,233,0.2); color: #7dd3fc; }
[data-theme="dark"] .badge-verkaeufer  { background: rgba(139,92,246,0.2);  color: #c4b5fd; }
[data-theme="dark"] .badge-secondary { background: rgba(156,163,175,0.2);color: #d1d5db; }
.badge-overdue   { background: #fed7aa; color: #9a3412; }
[data-theme="dark"] .badge-overdue { background: rgba(217,119,6,0.25); color: #fdba74; }

/* ===== BESTANDSBADGES ===== */
.stock-ok  { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 99px; font-size: 0.75rem; font-weight: 600; background: #dcfce7; color: #15803d; }
.stock-low { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 99px; font-size: 0.75rem; font-weight: 600; background: #fef3c7; color: #92400e; }
.stock-out { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 99px; font-size: 0.75rem; font-weight: 600; background: #fee2e2; color: #991b1b; }
[data-theme="dark"] .stock-ok  { background: rgba(34,197,94,0.2);  color: #86efac; }
[data-theme="dark"] .stock-low { background: rgba(245,158,11,0.2); color: #fcd34d; }
[data-theme="dark"] .stock-out { background: rgba(239,68,68,0.2);  color: #fca5a5; }

/* =====================================================
   _badges.css
   Zweck:          Core-CSS-Modul (Components)
   Verwendet von:  Core-Basis auf allen Seiten (main.php/auth.php)
   Abhaengigkeiten: Reihenfolge base -> layout -> components
   Verantwortlich: Core-Styles
   ===================================================== */