/* Admin meta box styles for AI Summary */
#ai-summary-meta {
    font-family: Arial, sans-serif;
}
.ai-summary-tabs {
    margin-bottom: 10px;
}
.ai-summary-tabs .ai-tab-button {
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 5px;
}
.ai-summary-tabs .ai-tab-button.active {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}
.ai-summary-tab-content {
    display: none;
    margin-bottom: 15px;
}
.ai-summary-tab-content.active {
    display: block;
}
.ai-summary-tab-content label {
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}
.ai-summary-tab-content textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
}
.ai-summary-tab-content button {
    margin-right: 5px;
    padding: 5px 10px;
    cursor: pointer;
}

/* Front-end summary display styles */
.ai-summary-display,
.ai-summary-shortcode,
.ai-summary-block {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 15px 0;
    background-color: #fafafa;
}
.ai-summary-display h3,
.ai-summary-shortcode h3,
.ai-summary-block h3 {
    margin-top: 0;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    #ai-summary-meta,
    .ai-summary-display,
    .ai-summary-shortcode,
    .ai-summary-block {
        background-color: #2a2a2a;
        color: #ddd;
        border-color: #444;
    }
    .ai-summary-tabs .ai-tab-button {
        background: #444;
        color: #ddd;
        border: 1px solid #555;
    }
    .ai-summary-tabs .ai-tab-button.active {
        background: #0073aa;
        border-color: #0073aa;
        color: #fff;
    }
}

/* Gutenberg block styling */
.wp-block-ai-summary-block {
    margin: 15px 0;
}