/* Bee-ID A-Codes – Frontend & Admin Styles */
/* Alle kritischen Styles sind inline im PHP (analog zu bestehenden Plugins).
   Diese Datei ergänzt nur globale Overrides die theme-abhängig sind. */

/* Dashboard-Sektion */
.beeid-acodes-section {
    font-family: system-ui, -apple-system, sans-serif;
}

/* QR-Code im Modal: Lade-Animation */
#beeid-modal-qr img {
    animation: beeidFadeIn 0.3s ease-out;
}

@keyframes beeidFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Dark Mode Ergänzungen für Modal */
@media (prefers-color-scheme: dark) {
    #beeid-acode-modal > div {
        background: #1A1A1B !important;
        color: #fff !important;
    }
    #beeid-modal-close {
        color: #aaa !important;
    }
    .beeid-acode-btn-outline {
        background: #2D2D2E !important;
        color: #ccc !important;
        -webkit-text-fill-color: #ccc !important;
        border-color: #444 !important;
    }
    #beeid-acode-add-form {
        background: #2D2610 !important;
    }
    .beeid-acodes-section table {
        background: #1A1A1B !important;
        color: #fff !important;
    }
    .beeid-acodes-section thead tr {
        background: #111 !important;
    }
}