/* GCG Comment Agent v3 Public Styles */

.gcg-ca-v3-comment-enhanced {
    position: relative;
}

.gcg-ca-v3-comment-meta {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.gcg-ca-v3-ai-reply {
    background: #f9f9f9;
    border-left: 3px solid #2271b1;
    padding: 10px 15px;
    margin: 10px 0;
    font-style: italic;
}

.gcg-ca-v3-ai-reply::before {
    content: "AI Response: ";
    font-weight: bold;
    color: #2271b1;
}

.gcg-ca-v3-censored-word {
    background: #ffe6e6;
    padding: 1px 3px;
    border-radius: 2px;
    font-weight: bold;
}

/* Responsive design for mobile */
@media screen and (max-width: 600px) {
    .gcg-ca-v3-ai-reply {
        padding: 8px 12px;
        font-size: 14px;
    }
    
    .gcg-ca-v3-comment-meta {
        font-size: 11px;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .gcg-ca-v3-ai-reply {
        background: #2d2d2d;
        color: #e0e0e0;
        border-left-color: #4a9eff;
    }
    
    .gcg-ca-v3-ai-reply::before {
        color: #4a9eff;
    }
    
    .gcg-ca-v3-censored-word {
        background: #4a2d2d;
        color: #ff9999;
    }
}