/* Téléconsultation — accent blue */
:root { --accent: #1a6aad; --accent-light: #e6f1fb; --accent-dark: #114d80; }

/* ── Mock vidéo ── */
.video-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.video-tile { border-radius: 8px; padding: 26px 10px 12px; text-align: center; }
.video-doc { background: var(--d360-blue-light); }
.video-pat { background: var(--d360-gray-100); }
.video-avatar { font-size: 1.9rem; display: block; margin-bottom: 6px; }
.video-name { font-size: .68rem; font-weight: 700; color: var(--d360-gray-800); }
.video-controls { display: flex; gap: 6px; justify-content: center; }
.vc-btn { background: var(--d360-gray-100); border-radius: 6px; font-size: .68rem;
    font-weight: 600; padding: 7px 9px; }
.vc-doc { background: var(--d360-blue-light); color: var(--d360-blue-dark); }
.vc-end { background: var(--d360-coral-light); color: var(--d360-coral-dark); }