/**
 * Influenzic — Post Monitor Add-on Styles
 */

.inzc-post-monitor-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.3;
}

.inzc-post-monitor-badge-live {
    background-color: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.inzc-post-monitor-badge-deleted {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.inzc-post-monitor-badge-private {
    background-color: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.inzc-post-monitor-badge-unreachable {
    background-color: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb;
}

/* Spinner animation used by the Re-verify button loading state */
@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Rotate the existing SVG icon inside the Re-verify button while loading */
button.inzc-loading > svg,
button.inzc-loading svg:first-child {
    animation: spin 0.8s linear infinite;
    transform-origin: center;
}

/* ========================================
   EXPORT CONFIRMATION MODAL TYPOGRAPHY & CONTRAST
   ======================================== */

.inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-content {
    background-color: #ffffff;
    color: #1f2937;
}

.inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-header {
    border-bottom: 1px solid #e5e7eb;
}

.inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-title {
    color: #111827;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-close {
    color: #6b7280;
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
}

.inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-body,
.inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-body p {
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}

.inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-footer {
    border-top: 1px solid #e5e7eb;
}

/* Dark Mode Theme Support */
[data-inzc-theme="dark"] .inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-content {
    background-color: #1f2937;
    color: #f9fafb;
}

[data-inzc-theme="dark"] .inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-title {
    color: #ffffff;
}

[data-inzc-theme="dark"] .inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-body,
[data-inzc-theme="dark"] .inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-body p {
    color: #d1d5db;
}

[data-inzc-theme="dark"] .inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-header,
[data-inzc-theme="dark"] .inzc-modal[id^="inzcExportConfirmModal"] .inzc-modal-footer {
    border-color: #374151;
}

/* ========================================
   STATUS GUIDE MODAL CONTRAST
   ======================================== */

.inzc-status-guide-item {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    color: #1f2937 !important;
}

.inzc-status-guide-desc strong {
    color: #111827 !important;
}

.inzc-status-guide-desc p {
    color: #4b5563 !important;
}

[data-inzc-theme="dark"] .inzc-status-guide-item {
    background: #374151 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

[data-inzc-theme="dark"] .inzc-status-guide-desc strong {
    color: #ffffff !important;
}

[data-inzc-theme="dark"] .inzc-status-guide-desc p {
    color: #d1d5db !important;
}