/* ═══════════════════════════════════════════════════════════════════════════
 * LAYERS 161-165 - EDITORIAL INTEGRITY UNIFIED STYLES
 * ═══════════════════════════════════════════════════════════════════════════
 */

/* Inherit all base dashboard styles from previous layers */
@import url('../css/layers151-155-unified.css');

/* Layer-specific toggle button positioning */
.layer161-toggle-btn {
    right: 990px;
}

.layer162-toggle-btn {
    right: 1050px;
}

.layer163-toggle-btn {
    right: 1110px;
}

.layer164-toggle-btn {
    right: 1170px;
}

.layer165-toggle-btn {
    right: 1230px;
}

/* Evidence Badges */
.evidence-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
}

/* Bias Indicators */
.bias-indicator {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    margin-left: 6px;
}

/* Disinformation Warning */
.disinfo-warning {
    background-color: #ef4444;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    margin: 8px 0;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: warning-pulse 2s ease-in-out infinite;
}

@keyframes warning-pulse {

    0%,
    100% {
        box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
    }

    50% {
        box-shadow: 0 0 16px rgba(239, 68, 68, 0.8);
    }
}

/* Throttle Indicator */
.throttle-indicator {
    background-color: #f59e0b;
    color: white;
    padding: 6px 10px;
    border-radius: 4px;
    margin: 6px 0;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Governance Badges */
.governance-badge {
    background-color: #10b981;
    color: white;
    padding: 6px 10px;
    border-radius: 4px;
    margin: 6px 0;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.governance-badge.review {
    background-color: #f59e0b;
}

.governance-badge.rejected {
    background-color: #ef4444;
}

.governance-badge.quarantine {
    background-color: #991b1b;
    animation: quarantine-blink 1.5s ease-in-out infinite;
}

@keyframes quarantine-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

/* Risk Level Styling */
.risk-verified {
    color: #10b981;
}

.risk-low {
    color: #3b82f6;
}

.risk-medium {
    color: #f59e0b;
}

.risk-high {
    color: #ef4444;
}

.risk-critical {
    color: #991b1b;
    font-weight: 700;
}

/* Evidence Tier Styling */
.evidence-gold {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
}

.evidence-silver {
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
}

.evidence-bronze {
    background: linear-gradient(135deg, #cd7f32 0%, #a0522d 100%);
}

.evidence-weak {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

/* Mobile Responsiveness for layers 161-165 */
@media (max-width: 768px) {
    .layer161-toggle-btn {
        left: 260px;
        bottom: 80px;
    }

    .layer162-toggle-btn {
        left: 20px;
        bottom: 140px;
    }

    .layer163-toggle-btn {
        left: 80px;
        bottom: 140px;
    }

    .layer164-toggle-btn {
        left: 140px;
        bottom: 140px;
    }

    .layer165-toggle-btn {
        left: 200px;
        bottom: 140px;
    }

    .disinfo-warning,
    .throttle-indicator,
    .governance-badge {
        font-size: 11px;
        padding: 5px 8px;
    }
}

/* Dark Mode Support for Editorial Layers */
@media (prefers-color-scheme: dark) {
    .evidence-badge {
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .bias-indicator {
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}