/* Verification Badge Styles - Subtle Version */

.verification-badge-container {
    display: inline-flex;
    align-items: center;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-left: 3px solid #28a745;
    color: #495057;
    padding: 6px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 2px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    box-shadow: none;
}

.verification-badge-icon {
    font-size: 14px;
    margin-right: 8px;
    color: #28a745;
    font-weight: bold;
}

.verification-badge-content {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.verification-badge-title {
    font-weight: 500;
    font-size: 13px;
    color: #495057;
}

.verification-badge-date {
    font-size: 12px;
    color: #6c757d;
}

.verification-badge-reviewer {
    font-size: 12px;
    color: #6c757d;
}

.verification-badge-content::before {
    content: "•";
    color: #dee2e6;
    font-weight: bold;
}

/* Alternative green theme - uncomment to use */
/*
.verification-badge-container {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}
*/

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .verification-badge-container {
        background-color: #2d2d2d;
        border-color: #495057;
        border-left-color: #28a745;
        color: #f8f9fa;
    }
    
    .verification-badge-title {
        color: #f8f9fa;
    }
    
    .verification-badge-date,
    .verification-badge-reviewer {
        color: #adb5bd;
    }
    
    .verification-badge-content::before {
        color: #495057;
    }
}