.student-message-board{border-color:#4d3429;background:linear-gradient(150deg,#17120f,#121419)}.message-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.message-board-head h2{margin:3px 0 0}.message-unread{background:#ff6828;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.message-thread{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;margin:16px 0;padding:2px}.message-bubble{max-width:88%;padding:11px 13px;border-radius:15px;background:#22262e;border:1px solid #303641}.message-bubble.student{align-self:flex-end;background:#402217;border-color:#854124}.message-bubble.tutor{align-self:flex-start}.message-bubble strong{display:block;font-size:10px;letter-spacing:.08em;color:#ff9670;margin-bottom:4px}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble time{display:block;color:#858b96;font-size:9px;margin-top:6px}.message-empty{color:#9da2ac;text-align:center;padding:20px 8px}.message-compose{display:grid;gap:9px}.message-compose select,.message-compose textarea{width:100%;box-sizing:border-box;background:#0b0d10;color:#f5f6f8;border:1px solid #343944;border-radius:12px;padding:11px;font:inherit}.message-compose textarea{min-height:86px;resize:vertical}.message-status{min-height:18px;color:#ff9a7a;font-size:10px}
