.inbox-toggle{margin:12px 18px;padding:12px 18px;border:1px solid #b89449;border-radius:14px;background:#fff;color:#244b6d;font:inherit;cursor:pointer}
.instructor-inbox{padding:0 20px 18px;text-align:left;color:#202020;background:#f5f4ef}
#chat-section [hidden]{display:none!important}
.instructor-inbox h3{margin:0;padding-top:16px}.instructor-inbox>p{font-size:15px;line-height:1.5}
.instructor-inbox button{min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid #c6aa6b;background:white;color:#254f73;cursor:pointer;font:inherit}
.instructor-inbox button:disabled{opacity:.55;cursor:default}
.inbox-conversation{display:block;width:100%;text-align:left;margin:10px 0}.inbox-conversation small{display:block;margin-top:5px}
.inbox-feed{max-height:48vh;min-height:140px;overflow:auto;padding:12px 0;display:flex;flex-direction:column;gap:14px}
.inbox-message{align-self:flex-start;max-width:85%;padding:12px 16px;background:white;border:1px solid #e2d7bd;border-radius:16px;overflow-wrap:anywhere}
.inbox-message.mine{align-self:flex-end;background:#3d709a;color:white}.inbox-message small{display:block;font-size:12px;margin-top:4px}.inbox-message p{white-space:pre-wrap;margin:8px 0 0}
.instructor-inbox textarea{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;margin:12px 0;border:1px solid #b9c9d5;border-radius:12px;resize:vertical}
.chat-message-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chat-message-controls button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:8px;padding:6px 9px;min-height:36px;cursor:pointer}.chat-message-controls button[aria-pressed=true]{background:#d5b769;color:#202020}.message-bubble blockquote{border-left:3px solid #d5b769;margin:0 0 8px;padding:5px 10px;font-size:14px;overflow-wrap:anywhere}
#chat-section .input-area{flex-wrap:wrap}.chat-reply-bar{flex-basis:100%;font-size:14px;display:flex;gap:10px;align-items:center}

/* Shared Illumined styling for classroom and private conversations. */
#chat-section {--chat-blue:#3d709a;--chat-paper:#f5f4ef;--chat-ink:#242320;--chat-muted:#64635d;--chat-gold:#c6aa6b}
#chat-section .chat-container{background:var(--chat-paper);border:1px solid #e2d7bd;border-radius:20px;color:var(--chat-ink);font-family:var(--font-family,Georgia,serif)}
#chat-section .chat-header{background:var(--chat-blue);color:white;border-radius:0;padding:18px 20px;font-size:20px}
#chat-section button{font:inherit;min-height:44px}
#chat-section button:disabled{opacity:.5;cursor:default}
#chat-section button:focus-visible,#chat-section textarea:focus-visible{outline:3px solid var(--chat-blue);outline-offset:3px}
.inbox-toggle{margin:12px 20px}
.instructor-inbox h3{margin:4px 0 12px;font-size:20px}
.instructor-inbox h4{margin:16px 0 8px;font-size:17px}
.instructor-inbox>p{font-size:14px;line-height:1.5;color:var(--chat-muted)}
.inbox-conversation small{color:var(--chat-muted)}
#chat-section .messages-area,.inbox-feed{background:var(--chat-paper);display:flex;flex-direction:column;overflow-y:auto;min-height:160px;max-height:48vh;padding:18px 20px;border:0;gap:14px}
.inbox-feed{padding:18px 0}
#chat-section .message{max-width:85%;margin:0;min-width:0}
#chat-section .message-bubble{padding:11px 14px;border-radius:16px;margin-top:5px;overflow-wrap:anywhere;box-shadow:0 3px 8px #00000008}
#chat-section .message.current-user .message-bubble{background:var(--chat-blue);color:white}
#chat-section .message:not(.current-user) .message-bubble{background:white;color:var(--chat-ink);border:1px solid #e2d7bd}
#chat-section .message-header{font-size:12px;opacity:1;color:var(--chat-muted)}
#chat-section .message.current-user .message-header{color:var(--chat-blue)}
#chat-section .message-content{font-size:17px;line-height:1.5;white-space:pre-wrap;margin:0}
#chat-section .message-bubble a{color:inherit;text-decoration:underline}
#chat-section .input-area{display:flex;align-items:flex-end;gap:10px;padding:12px;background:#ffffffeb;border-top:1px solid #e2d7bd;border-radius:0;box-shadow:none}
.instructor-inbox .input-area{margin:0 -20px -18px}
#chat-section .input-area input,#chat-section .input-area textarea{flex:1;width:0;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.5;padding:11px 14px;margin:0;border:1px solid #e2d7bd;border-radius:18px;background:white;color:var(--chat-ink);resize:vertical;max-height:160px}
#chat-section .input-area button{background:var(--chat-blue);color:white;border:0;border-radius:18px;padding:12px 16px;min-width:64px;box-shadow:none}
#chat-section .input-area button:hover:not(:disabled){background:#305b7e}
#chat-section .input-area input:focus{border-color:var(--chat-blue);box-shadow:0 0 0 2px #3d709a33}
#chat-section .chat-message-controls button{min-height:44px;border-radius:12px;font-size:13px}
.chat-reply-bar{overflow-wrap:anywhere}
@media(max-width:480px){.instructor-inbox{padding-left:12px;padding-right:12px}#chat-section .messages-area{padding:16px 12px}.instructor-inbox .input-area{margin-left:-12px;margin-right:-12px}#chat-section .message{max-width:92%}}
@media(prefers-reduced-motion:reduce){#chat-section .message{animation:none}}

/* Quiet message toolbar; secondary actions live in an accessible disclosure. */
#chat-section .chat-message-controls{gap:2px;align-items:center;margin-top:8px;padding-top:4px}
#chat-section .chat-message-controls button,
#chat-section .chat-message-options summary{
  border:0;background:transparent;box-shadow:none;border-radius:999px;
  min-height:44px;min-width:40px;padding:6px 10px;
  font-family:system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.2;
  color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
}
#chat-section .chat-message-controls button:hover,
#chat-section .chat-message-options summary:hover{background:#3d709a12}
#chat-section .current-user .chat-message-controls button:hover,
#chat-section .current-user .chat-message-options summary:hover{background:#ffffff20}
#chat-section .chat-message-controls button[aria-pressed=true]{background:#efd08a;color:#242320}
#chat-section .chat-message-options{position:relative;margin-left:4px}
#chat-section .chat-message-options summary{list-style:none;font-size:24px}
#chat-section .chat-message-options summary::-webkit-details-marker{display:none}
#chat-section .chat-message-options summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#chat-section .chat-message-options[open] summary{background:#3d709a18}
#chat-section .chat-options-panel{
  position:absolute;right:0;bottom:calc(100% + 4px);z-index:5;
  min-width:132px;padding:5px;border-radius:14px;border:1px solid #e2d7bd;
  background:#fff;color:#242320;box-shadow:0 6px 22px #172e4226;
}
#chat-section .chat-options-panel button{display:flex;justify-content:flex-start;width:100%;border-radius:9px;padding:10px 14px}
#chat-section .chat-options-panel button:last-child{color:#a33932}
#chat-section .current-user .chat-options-panel button:hover{background:#3d709a12}