/* Native classroom components, sharing Catholon's dashboard palette. */
.sp8-room-stage{margin-top:20px}.sp8-entry{margin:16px 0}.fm1 .sp8-consent{display:flex;align-items:flex-start;gap:12px}.fm1 .sp8-consent input{width:20px;min-height:20px;flex:0 0 20px;margin-top:3px}.fm1 .sp8-consent span{font-weight:400;font-size:.9rem;line-height:1.5}.sp8-preview{width:min(100%,420px);max-height:280px;display:block;background:#1d1516;margin-top:16px;border-radius:12px}.sp8-recording-status{background:#8e1826;color:white!important;padding:10px 16px;border-radius:9px;font-weight:700}.sp8-recording-status[hidden]{display:none}.sp8-setup{padding:24px;border:1px solid var(--fm1-line);border-radius:12px;background:var(--fm1-card)}
.sp8-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin:20px 0}.sp8-video-card{position:relative;min-height:180px;aspect-ratio:16/10;background:#201b1b;border:2px solid #51423e;border-radius:12px;overflow:hidden;color:#fff}.sp8-video-card video{width:100%;height:100%;object-fit:contain;background:#171313}.sp8-video-card.is-screen,.sp8-video-card.is-pinned{grid-column:1/-1;aspect-ratio:16/9;max-height:75vh}.sp8-video-card.is-speaking{border-color:#c5a15b;box-shadow:0 0 0 2px #c5a15b44}.sp8-video-label{position:absolute;bottom:0;left:0;right:0;padding:9px 12px;background:#1c1413bd;font-size:.82rem;display:flex;align-items:center;justify-content:space-between}.sp8-video-label button{font-size:.67rem!important;color:white!important;min-height:26px!important;padding:3px 6px!important}.sp8-camera-off{display:flex;align-items:center;justify-content:center}.sp8-initials{font:2.6rem Georgia;color:#d6b174}.sp8-room-controls{padding:12px;border:1px solid var(--fm1-line);border-radius:10px}.sp8-room-controls:empty{display:none}.fm1 .sp8-device{width:auto;max-width:185px;min-height:36px;padding:7px;font-size:.75rem}.sp8-listen-note{font-size:.85rem}.sp8-person{padding:12px 0;border-bottom:1px solid var(--fm1-line)}.sp8-person .fm1-actions{margin-top:7px}.sp8-person button{font-size:.73rem;min-height:30px}.sp8-people{margin:14px 0}
.sp8-collaboration{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px;margin-top:24px}.sp8-board,.sp8-chat{min-width:0;border:1px solid var(--fm1-line);padding:18px;border-radius:12px;background:var(--fm1-card)}.sp8-board .fm1-actions{gap:5px;margin-bottom:12px}.sp8-board .fm1-actions button{font-size:.72rem;padding:6px 8px}.sp8-board .fm1-actions select{max-width:140px}.sp8-board .fm1-actions input{max-width:200px}.sp8-board-canvas{width:100%;display:block;background:#fff;color:#1f2937;touch-action:none;border:1px solid #b9a68e;border-radius:7px}.sp8-page-count{text-align:center;font-size:.8rem}.sp8-chat-messages{height:280px;overflow:auto;border-bottom:1px solid var(--fm1-line);margin-bottom:10px}.sp8-chat-messages p{font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.sp8-chat textarea{min-height:80px;margin-bottom:8px}.sp8-recording-player{display:block;width:100%;max-height:75vh;background:#201b1b;border-radius:12px;margin:22px 0}.sp8-recording-save,.sp8-recording-publish{margin-top:24px}.sp8-recording-save select{margin:12px 0}
@media(max-width:1000px){.sp8-collaboration{grid-template-columns:1fr}.sp8-chat-messages{height:180px}}
@media(max-width:600px){.sp8-video-grid{grid-template-columns:1fr}.sp8-entry,.sp8-board,.sp8-chat{padding:12px}.sp8-room-controls{gap:5px}.sp8-room-controls button{font-size:.75rem}}