/**
 * EventHub Debug Styles
 *
 * Styles für den Debug-Modus (?eventhub_debug=1)
 * Nur für Admins sichtbar.
 *
 * @package EventHub
 * @since 1.0.0
 */

/* ==========================================================================
   DEBUG SECTION
   ========================================================================== */

.eventhub-debug {
    margin: var(--eventhub-spacing-lg) 0;
    padding: var(--eventhub-spacing-md);
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: var(--eventhub-border-radius);
    font-family: monospace;
    font-size: var(--eventhub-font-size-sm);
}

.eventhub-debug__title {
    margin: 0 0 var(--eventhub-spacing-sm);
    padding-bottom: var(--eventhub-spacing-sm);
    font-size: var(--eventhub-font-size-base);
    font-weight: 700;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
}

.eventhub-debug__content {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-x: auto;
}

.eventhub-debug pre {
    margin: 0;
    padding: var(--eventhub-spacing-sm);
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: var(--eventhub-border-radius);
    overflow-x: auto;
}

/* Debug-Info in Card */
.eventhub-card__debug {
    margin-top: var(--eventhub-spacing-sm);
    padding: var(--eventhub-spacing-sm);
    font-family: monospace;
    font-size: 0.75rem;
    background: #f8f9fa;
    border: 1px dashed #dee2e6;
    border-radius: var(--eventhub-border-radius);
}