/* A small messenger above the room, with no backdrop or page takeover. */
.room-chat-tab{position:fixed;left:22px;bottom:22px;z-index:95;width:52px;height:52px;display:grid;place-items:center;border:1px solid #b59b62;border-radius:50%;background:linear-gradient(145deg,#3b3b2b,#112b2c);color:#eedba7;box-shadow:0 6px 22px #0009,inset 0 0 0 3px #b8995418;cursor:pointer;padding:0}
.room-chat-tab:hover{background:#284343}.room-chat-tab:focus-visible{outline:2px solid #e5c880;outline-offset:4px}.messenger-icon{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:25px;height:20px;border:1.6px solid currentColor;border-radius:7px}.messenger-icon:after{content:'';position:absolute;left:4px;bottom:-5px;width:6px;height:6px;background:#203331;border-left:1.6px solid currentColor;transform:skewY(-40deg)}.messenger-icon i{width:3px;height:3px;border-radius:50%;background:currentColor}
#room-chat.school-messenger{box-sizing:border-box;position:fixed;inset:auto auto 88px 22px;margin:0;width:360px;height:490px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 112px);padding:0;overflow:hidden;border:1px solid #a78b57;border-radius:18px;background:#0f1c1e;color:#e8e6dc;box-shadow:0 16px 55px #0009,0 0 0 3px #c1a05b0b;z-index:2147483000;text-align:left;font:14px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:normal;animation:messenger-in .2s ease-out;flex-direction:column}
#room-chat.school-messenger:popover-open{display:flex}#room-chat[hidden]{display:none!important}#room-chat::backdrop{background:transparent;pointer-events:none}#room-chat *{box-sizing:border-box}#room-chat [hidden]{display:none!important}
#room-chat .msg-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px 16px;background:#192a2b;flex-shrink:0}#room-chat .msg-brand{display:flex;align-items:center;gap:8px}#room-chat .msg-emblem{color:#d7b975;font-size:21px}#room-chat h2{margin:0;color:#f0dcb2;font:20px/1.2 Georgia,serif;letter-spacing:0;text-transform:none}#room-chat .msg-preview{font:9px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border:1px solid #99824b77;border-radius:4px;padding:2px 4px;color:#cdbb91;white-space:nowrap}
#room-chat button,#room-chat select,#room-chat textarea{font:inherit;letter-spacing:normal;color:inherit;cursor:pointer}#room-chat button{background:none;border:0;border-radius:6px;padding:6px 10px;min-height:32px;white-space:normal}#room-chat button:hover{background:#cfb77b18}#room-chat :focus-visible{outline:2px solid #d0b579;outline-offset:2px}#room-chat button:disabled{opacity:.4;cursor:default}#room-chat .msg-close{font:25px/1 sans-serif;width:34px;height:34px;min-height:34px;padding:0;color:#ceb98f}
#room-chat .msg-roombar{display:flex;align-items:center;gap:8px;padding:0 16px 10px;background:#192a2b;border-bottom:1px solid #b39c5e33;flex-shrink:0}#room-chat .msg-roombar label{font:11px/1.4 sans-serif;color:#a6b2aa}#room-chat select{width:100%;min-width:0;border:0;background:#192a2b;color:#e1ce9f;padding:5px 0;font-size:13px;color-scheme:dark}
#room-chat .msg-status{flex-shrink:0;padding:7px 14px;font-size:12px;background:#233937;color:#c5cfb8}#room-chat .msg-status[data-error=true]{color:#f0c497;background:#352e22}
#room-chat .msg-stream{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 14px 14px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#57634e transparent;background:radial-gradient(ellipse at top left,#22323166,transparent 80%),#101d1f}#room-chat .msg-day{text-align:center;font-size:10px;color:#92a39a;margin:6px 0 16px}#room-chat .msg-row{display:flex;justify-content:flex-start;margin:0 0 12px}#room-chat .msg-row.msg-own{justify-content:flex-end}#room-chat .msg-bubble{min-width:75px;max-width:88%;padding:9px 12px 6px;background:#30382f;border:1px solid #716b4833;border-radius:15px 15px 15px 4px;overflow-wrap:anywhere}#room-chat .msg-own .msg-bubble{background:#23504b;border-color:#83a48a22;border-radius:15px 15px 4px 15px}#room-chat .msg-author{display:block;font-size:10px;color:#d1c29e;margin:0 0 4px}#room-chat .msg-own .msg-author{color:#bdd1c2}#room-chat p.msg-text{font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;white-space:pre-wrap;margin:0;color:#f0f0e6;letter-spacing:normal}#room-chat .msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:4px;font-size:9px;color:#afc0b4}#room-chat time{font:inherit}
#room-chat .msg-menu{position:relative}#room-chat .msg-menu summary{list-style:none;cursor:pointer;font:bold 16px/1 sans-serif;min-width:26px;min-height:24px;text-align:center;padding:3px;color:#d3dbcd}#room-chat .msg-menu summary::-webkit-details-marker{display:none}#room-chat .msg-menu-actions{position:absolute;bottom:26px;right:-4px;z-index:3;min-width:136px;padding:5px;background:#152527;border:1px solid #907b4f;border-radius:9px;box-shadow:0 5px 18px #0007}#room-chat .msg-menu-actions button{display:block;width:100%;font-size:12px;text-align:left}#room-chat .msg-menu-actions span{display:block;font-size:12px;padding:5px;color:#e3cba0}
#room-chat .msg-bottom{flex-shrink:0;padding:10px 12px 8px;background:#192a2b;border-top:1px solid #b39c5e33}#room-chat .msg-compose{display:flex;align-items:flex-end;gap:8px;margin:0;padding:0}#room-chat textarea{flex:1;width:0;min-height:40px;max-height:100px;resize:none;border:1px solid #66786a77;border-radius:18px;background:#0c191c;padding:9px 12px;color:#eff0e7;font-size:14px;line-height:20px;cursor:text}#room-chat textarea::placeholder{color:#98a89f}#room-chat .msg-send{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;margin-bottom:2px;border-radius:50%;background:#b99c61;color:#102426;font:25px/1 sans-serif}#room-chat .msg-send:hover{background:#d2b77e}#room-chat p.msg-private{font:10px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:6px 0 0;color:#95a99d;text-align:center;letter-spacing:0}#room-chat .msg-editbar{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d8c08b;margin-bottom:5px}#room-chat .msg-editbar button{font-size:11px}
#room-chat .msg-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9aaca1;font-size:12px}#room-chat .msg-empty p{font:16px/1.5 Georgia,serif;color:#dfcda6;margin:10px 0 3px}#room-chat .msg-empty-icon{color:#c2a567;font-size:30px}#room-chat .msg-older{display:block;margin:0 auto 14px;font-size:11px;color:#c9b37f}.mediation-arriving .room-chat-tab{opacity:0;pointer-events:none}
@keyframes messenger-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){#room-chat.school-messenger{animation:none}}
@media(max-width:600px){.room-chat-tab{left:12px;bottom:12px;width:48px;height:48px}#room-chat.school-messenger{left:12px;bottom:72px;width:350px;height:470px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px)}#room-chat textarea{font-size:16px}#room-chat .msg-menu summary{min-height:28px}}

#room-chat .msg-new{display:block;margin:0 auto 8px;font-size:12px;color:#e5cc91;border:1px solid #a88d4f55;border-radius:16px;padding:4px 12px}

#messenger-review{width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:auto;background:#101e20;color:#e2d9c4;border:1px solid #a58a54;padding:clamp(18px,4vw,32px);font:16px/1.6 Georgia,serif}#messenger-review::backdrop{background:#020909ce}#messenger-review h2,#messenger-review h3{color:#e2c48e;font-family:Georgia,serif;letter-spacing:normal;text-transform:none}#messenger-review article{border-top:1px solid #a58a5455;padding:20px 0;overflow-wrap:anywhere}#messenger-review blockquote{margin:12px 0;padding:14px;border-left:2px solid #b49a62;background:#20302e}#messenger-review button{min-height:44px;padding:9px 14px;margin:5px 8px 5px 0;background:#253635;border:1px solid #b49a6255;color:#ead7af;font:15px Georgia,serif;cursor:pointer}#messenger-review button:disabled{opacity:.5}#messenger-review button:focus-visible{outline:2px solid #e4c68b;outline-offset:2px}#room-chat .msg-private{line-height:1.4}#room-chat .msg-report{font-size:11px;opacity:.85}

/* The owner chooses when to announce; the student badge is also visible with chat closed. */
.room-chat-tab .msg-available-badge{position:absolute;left:calc(100% + 10px);bottom:7px;white-space:nowrap;padding:8px 12px;border:1px solid #bba26b;border-radius:20px;background:#172b28;color:#f1dfb6;font:13px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 4px 18px #0008;letter-spacing:normal;text-transform:none}
.room-chat-tab .msg-available-badge:before,#room-chat .msg-availability[data-available=true] .msg-availability-title:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#9ed4a4;box-shadow:0 0 8px #9ed4a455}
.room-chat-tab .msg-available-badge[hidden]{display:none}
#room-chat .msg-availability{flex-shrink:0;padding:10px 16px;border-bottom:1px solid #b39c5e33;background:#172b28}
#room-chat .msg-availability-title{display:block;color:#f0dcb2;font-size:13px}
#room-chat p.msg-availability-help,#room-chat p.msg-availability-error{font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:normal;margin:4px 0 0;color:#b9c5ba}
#room-chat p.msg-availability-error{color:#f0c497}
#room-chat button.msg-availability-toggle{margin-top:7px;min-height:36px;padding:7px 12px;border:1px solid #bba26b;color:#f1dfb6;background:#293b32;font-size:12px}
#room-chat.school-messenger{height:570px}
@media(max-width:600px){#room-chat.school-messenger{height:550px}.room-chat-tab .msg-available-badge{font-size:12px;padding:8px 10px}}

.room-chat-tab .msg-unread-count{position:absolute;right:-5px;top:-5px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:12px;background:#e6c782;color:#152421;border:2px solid #102122;font:bold 11px/1 sans-serif;box-shadow:0 2px 8px #0008}
.room-chat-tab .msg-unread-label{position:absolute;left:calc(100% + 10px);bottom:7px;white-space:nowrap;padding:8px 12px;border:1px solid #bba26b;border-radius:20px;background:#172b28;color:#f1dfb6;font:13px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 4px 18px #0008;letter-spacing:normal;text-transform:none}
.room-chat-tab.has-unread .msg-available-badge{bottom:43px}
.room-chat-tab .msg-unread-count[hidden],.room-chat-tab .msg-unread-label[hidden]{display:none}
@media(max-width:600px){.room-chat-tab .msg-unread-label{font-size:12px;padding:8px 10px}}