/* Aiutoma SEO CSS */

/* General settings layout */
.aiutoma-seo-card {
    max-width: 800px;
    padding: 20px;
    margin-top: 20px;
}

.aiutoma-seo-card-wide {
    max-width: 1000px;
}

.aiutoma-seo-flex-row {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Bulk Optimization UI */
.aiutoma-seo-log-container {
    margin-top: 20px;
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    display: none;
}

.aiutoma-seo-log-list {
    margin: 0;
}

/* Status Colors */
.aiutoma-seo-status-success {
    color: green;
}

.aiutoma-seo-status-error {
    color: red;
}

.aiutoma-seo-status-processing {
    color: orange;
}

/* Content SEO Table */
.aiutoma-seo-slug {
    color: #666;
}

.aiutoma-seo-excerpt {
    font-size: 12px;
}

.aiutoma-seo-no-excerpt {
    color: #999;
    font-size: 12px;
}

/* Checkbox layouts */
.aiutoma-seo-checkbox-row {
    display: block;
    margin-bottom: 5px;
}

/* Media Library Modal */
.aiutoma-seo-media-btn-wrap {
    margin-top: 10px;
}

.aiutoma-seo-spinner {
    float: none;
    margin-top: 4px;
}

/* ==========================================================================
   AI Crawlers & Robots.txt Styles
   ========================================================================== */

.aiutoma-seo-server-alert {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    background: #fff8e5;
    border-left: 4px solid #dba617;
    padding: 15px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.aiutoma-seo-alert-icon {
    font-size: 28px;
    line-height: 1;
}

.aiutoma-seo-alert-content h3 {
    margin: 0 0 6px 0;
    color: #1d2327;
}

.aiutoma-seo-alert-content p {
    margin: 0;
    color: #50575e;
    font-size: 13.5px;
    line-height: 1.5;
}

.aiutoma-crawler-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dcdcde;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.aiutoma-crawler-header-bar h2 {
    margin-bottom: 4px;
}

.aiutoma-crawler-master-toggle {
    font-size: 14px;
    background: #f0f0f1;
    padding: 8px 14px;
    border-radius: 4px;
    border: 1px solid #c3c4c7;
}

.aiutoma-crawler-presets-bar {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    background: #f6f7f7;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #c3c4c7;
    margin-bottom: 25px;
}

.aiutoma-presets-title {
    font-weight: 600;
    color: #1d2327;
    margin-right: 5px;
}

.aiutoma-preset-btn {
    font-size: 12px !important;
    height: 30px !important;
    line-height: 28px !important;
}

.aiutoma-crawler-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    margin-bottom: 4px;
}

.aiutoma-badge-count-training {
    background: #fcf0f1;
    color: #d63638;
    border: 1px solid #f8d7da;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
}

.aiutoma-badge-count-answer {
    background: #edf8ee;
    color: #00a32a;
    border: 1px solid #c3e6cb;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
}

.aiutoma-crawlers-table td {
    vertical-align: middle;
}

.aiutoma-impact-pill {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
}

.impact-critical {
    background: #fce8e6;
    color: #b32d2e;
    border: 1px solid #fad2cf;
}

.impact-high {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

.impact-medium {
    background: #f0f0f1;
    color: #50575e;
    border: 1px solid #dcdcde;
}

.impact-low {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.traffic-citation {
    background: #e7f1f9;
    color: #2271b1;
    border: 1px solid #b8daff;
}

.aiutoma-crawler-desc {
    color: #50575e;
    font-size: 12.5px;
    line-height: 1.4;
    display: block;
}

.aiutoma-crawler-select {
    width: 100%;
    max-width: 160px;
    font-weight: 600;
    font-size: 12.5px;
}

.aiutoma-crawler-select option[value="block"] {
    color: #d63638;
}

.aiutoma-crawler-select option[value="allow"] {
    color: #00a32a;
}

.aiutoma-robots-preview-wrapper {
    position: relative;
    margin-top: 10px;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    background: #1e1e1e;
}

.aiutoma-robots-preview-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding: 8px 12px;
    background: #2d2d2d;
    border-bottom: 1px solid #3d3d3d;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.aiutoma-robots-preview-pre {
    margin: 0;
    padding: 15px;
    background: #1e1e1e;
    color: #e0e0e0;
    font-family: Consolas, Monaco, "Courier New", Courier, monospace;
    font-size: 12.5px;
    line-height: 1.5;
    white-space: pre-wrap;
    max-height: 380px;
    overflow-y: auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.aiutoma-robots-preview-pre code {
    background: transparent;
    color: inherit;
    padding: 0;
}