/**
 * AI Classroom Simulator Primary Application Stylesheet
 */

:root {
    --primary-brand: #0d6efd;
    --background-workspace: #f4f6f9;
    --card-surface: #ffffff;
    --text-primary-color: #1e293b;
    --border-subtle: rgba(0, 0, 0, 0.06);
}

body {
    background-color: var(--background-workspace);
    color: var(--text-primary-color);
    -webkit-font-smoothing: antialiased;
}

/* Glassmorphism Configuration Matrix Overlays */
.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Dynamic State Transformation Cards Definition Workspace Grid */
.student-card {
    background: var(--card-surface);
    border-radius: 14px;
    border: 2px solid transparent;
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.03);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* State Variant Modifications Triggered By Pipeline Execution Controller */
.student-card.state-Speaking {
    border-color: var(--primary-brand);
    transform: translateY(-4px);
    box-shadow: 0 12px 20px rgba(13, 110, 253, 0.15);
}

.student-card.state-Hand_Raised {
    border-color: #ffc107;
    animation: bounceAlert 0.4s ease alternate infinite;
}

.student-card.state-Distracted {
    opacity: 0.55;
    filter: grayscale(40%);
    border-color: #dc3545;
    border-style: dashed;
}

/* Base Level Micro-Interactions Structural Keyframe Logic Sheets */
@keyframes bounceAlert {
    0% { transform: translateY(0); }
    100% { transform: translateY(-3px); }
}

.console-log-box::-webkit-scrollbar {
    width: 6px;
}

.console-log-box::-webkit-scrollbar-track {
    background: #1e293b;
}

.console-log-box::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 3px;
}