.classroom-communication{min-width:0;margin:8px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--cream);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.classroom-communication-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.classroom-communication button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;color:inherit;background:var(--surface);font:inherit;cursor:pointer}
.classroom-communication button:disabled{opacity:.55;cursor:default}
.classroom-communication button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:1px;background:color-mix(in srgb,var(--gold) 18%,var(--surface))}
.classroom-communication :focus-visible{outline:3px solid var(--gold,#e6b85f);outline-offset:3px}
.classroom-audio-buttons{display:flex;gap:8px;flex-wrap:wrap}
.classroom-communication .classroom-chat-toggle{margin-left:auto}
.classroom-communication p{margin:6px 0}
.classroom-communication .classroom-communication-status{font-size:13px;color:var(--muted,#bbb3a0)}
.classroom-communication .classroom-audio-problem{border-color:#dba39a;color:#ffdbd4;background:#492724}
.classroom-audio-overview ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:3px;margin:4px 0;max-height:92px;overflow:auto;overscroll-behavior:contain}
.classroom-audio-overview li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 9px;border:1px solid var(--line);border-radius:8px}
.classroom-communication-chat{border-top:1px solid var(--line);margin-top:8px;padding-top:8px;max-height:min(42dvh,360px);overflow:auto;overscroll-behavior:contain}
.classroom-communication-chat[hidden]{display:none}
.classroom-communication-messages{list-style:none;max-height:180px;overflow:auto;overscroll-behavior:contain;margin:0;padding:4px}
.classroom-communication-messages li{padding:6px 0;border-bottom:1px solid var(--line)}
.classroom-communication-messages time{margin-left:10px;font-size:12px;color:var(--muted,#bbb3a0)}
.classroom-communication-messages p{white-space:pre-wrap}
.classroom-communication form{display:flex;gap:8px;align-items:flex-end}
.classroom-communication label{flex:1;min-width:0;display:grid;gap:4px}
.classroom-communication textarea{width:100%;box-sizing:border-box;min-height:48px;max-height:140px;resize:vertical;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;font:inherit;font-size:16px}
.classroom-communication-error{color:#ffdbd4}
.classroom-communication .classroom-heard-status[aria-pressed=true],.classroom-communication .classroom-heard-status.confirmed{color:#b6ecc0;background:#193822;border-color:#77bf87}
.classroom-communication .classroom-seen-status[aria-pressed=true],.classroom-communication .classroom-seen-status.confirmed{color:#c0e6ff;background:#17364b;border-color:#79bfe8}
.classroom-audio-overview .confirmed{padding:3px 6px;border-radius:5px;font-weight:700}
@media(max-width:600px){.classroom-communication{padding:8px;margin:6px 0}.classroom-communication-bar{gap:8px}.classroom-communication-bar>strong{display:none}.classroom-communication .classroom-chat-toggle{margin-left:0;flex:1;padding-inline:8px}.classroom-audio-buttons{flex:1;flex-wrap:nowrap}.classroom-audio-buttons button{flex:1;padding-inline:10px;white-space:nowrap}.classroom-communication .classroom-communication-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.classroom-audio-overview ul{max-height:64px}.classroom-communication-chat{max-height:36dvh}.classroom-communication form{flex-wrap:wrap}.classroom-communication form label{flex-basis:100%}.classroom-communication form button{width:100%}}

.classroom-message-meta,.classroom-message-deleted{color:var(--muted,#bbb3a0)}
.classroom-message-deleted{font-style:italic}
.classroom-message-actions,.classroom-message-actions>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.classroom-message-actions form{width:100%;flex-wrap:wrap}
.classroom-message-actions form label{flex-basis:100%}