/* QR-Generator – Widget (Embed-Variante)
 * Laedt NACH pages/qrgenerator.css.
 * Kompakte Raender fuer iframe-Einbindung, Badge-Abstand unten rechts.
 */

body.boza-widget.page-qrgenerator {
    padding: 12px;
}

body.boza-widget.page-qrgenerator .container {
    max-width: 640px;
    padding: 0;
}

/* Platz fuer die Badge unten rechts */
body.boza-widget.page-qrgenerator .main-card {
    margin-bottom: 40px;
}

/* Compact-Modus (?compact=true): Header reduzieren */
body.boza-widget.page-qrgenerator.compact .card-header h1 {
    font-size: 1.35em;
}

body.boza-widget.page-qrgenerator.compact .card-header p {
    display: none;
}

/* ==== Voll-Anpassung (Tools): Tabs, Download-Buttons, Eingaben, Warnung ==== */

/* Aktive Mode-Tabs + Download-Buttons -> accent / accentText */
body.boza-widget .mode-tab.active,
body.dark-theme.boza-widget .mode-tab.active,
body.boza-widget .mode-tab:hover:not(.active),
body.dark-theme.boza-widget .mode-tab:hover:not(.active),
body.boza-widget .download-btn,
body.dark-theme.boza-widget .download-btn {
    background: linear-gradient(135deg, var(--c-accent, #667eea) 0%, var(--c-accent-2, #764ba2) 100%);
    color: var(--c-accent-text, #fff);
}

body.boza-widget .download-btn:disabled,
body.dark-theme.boza-widget .download-btn:disabled {
    background: var(--c-surface-2, #dbe3ff);
    color: var(--c-muted, #666);
}

/* Eingaben (?btn): Textfelder, Selects, Dropdown-Trigger, Panels */
body.boza-widget .text-input,
body.dark-theme.boza-widget .text-input,
body.boza-widget .setting-body select.text-input,
body.dark-theme.boza-widget .setting-body select.text-input,
body.boza-widget .custom-select-trigger,
body.dark-theme.boza-widget .custom-select-trigger,
body.boza-widget .custom-select-menu,
body.dark-theme.boza-widget .custom-select-menu,
body.boza-widget .color-hex,
body.dark-theme.boza-widget .color-hex {
    background-color: var(--c-surface-2, #f0f0f0);
    color: var(--c-text, #333);
    border-color: var(--c-border, #e0e0e0);
}

body.boza-widget .custom-select-menu li:hover,
body.boza-widget .custom-select-menu li.selected {
    background-color: var(--c-surface, #f8f9fa);
}

/* Warnung -> warning */
body.boza-widget .qr-warning,
body.dark-theme.boza-widget .qr-warning {
    background: var(--c-warning, #f59e0b);
    color: var(--c-accent-text, #fff);
    border-color: var(--c-warning, #f59e0b);
}