/* =====================================================================
   Date-Field — Datumseingabe mit farbigem Kalender-Icon-Badge links
   Verwendung:
     <div class="date-field">
       <span class="date-icon"><i class="fa-solid fa-calendar-days"></i></span>
       <input type="date" class="form-control" ...>
     </div>
   Farbe überschreiben: style="--date-icon-bg: #d97706" auf .date-field
   ===================================================================== */
.date-field {
    position: relative;
    display: flex;
    align-items: center;
}
.date-field .date-icon {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--date-icon-bg, #2563eb);
    border-radius: var(--radius) 0 0 var(--radius);
    pointer-events: auto;
    cursor: pointer;
    color: #fff;
    font-size: 1.05rem;
    z-index: 1;
}
.date-field input[type="date"] {
    padding-left: 3.1rem;
}
.date-field input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

/* =====================================================
   _date-field.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
   ===================================================== */