.message-box{margin:24px 0;padding:24px;border:1px solid #a4d8ca;border-radius:22px;background:#f0fbf7;color:#163d39;box-shadow:0 12px 30px #073c2510}.message-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.message-head h2{font-size:1.45rem;margin:5px 0;color:#125c51}.message-head p{margin:0 0 18px;line-height:1.6}.message-kicker{font-size:.8rem;color:#087a68;font-weight:800}.message-badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#bcf2dd;color:#0b6053;font-size:.75rem;vertical-align:middle}.message-refresh{background:transparent;color:inherit;border:1px solid #81baae;border-radius:12px;padding:8px;cursor:pointer}.message-thread{display:flex;flex-direction:column;gap:12px;min-height:100px;max-height:430px;overflow:auto;padding:15px;background:#fff;border:1px solid #c9e5dc;border-radius:16px}.message-item{max-width:min(86%,660px);padding:13px 17px;border-radius:15px;background:#eff5f3;color:#123b37;white-space:pre-wrap;overflow-wrap:anywhere}.message-item.mine{align-self:flex-start;background:#d7f4e8}.message-item.theirs{align-self:flex-end;background:#eef1ff}.message-item strong{display:inline-block;margin-inline-end:12px}.message-item time{font-size:.76rem;opacity:.75}.message-item p{margin:9px 0 0;line-height:1.65}.message-empty{margin:auto;text-align:center;color:#45665f}.message-form{display:grid;gap:9px;margin-top:16px}.message-form label{font-weight:750}.message-form textarea{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #94c9bb;border-radius:12px;background:#fff;color:#173c37;resize:vertical}.message-form button{justify-self:start;border:0;border-radius:12px;background:#087c6e;color:white;padding:12px 20px;font:inherit;font-weight:750;cursor:pointer}.message-form button:disabled{opacity:.6}.message-notice{position:fixed;z-index:2000;inset:auto 18px 18px auto;width:min(400px,calc(100vw - 36px));box-sizing:border-box;padding:22px;border:2px solid #50b699;border-radius:20px;background:#f5fffb;color:#12463d;box-shadow:0 12px 40px #002a2a55}.message-notice strong{display:block;font-size:1.15rem;padding-inline-end:20px}.message-notice p{max-height:130px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.message-notice a{display:inline-block;padding:10px 14px;border-radius:10px;background:#087c6e;color:#fff;text-decoration:none;font-weight:750}.message-notice button{position:absolute;inset:8px auto auto 10px;border:0;background:transparent;font-size:1.5rem;cursor:pointer;color:inherit}.inbox-page{margin:0;min-height:100vh;background:#eef6f3;color:#173c37;font-family:system-ui,sans-serif}.inbox-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px max(20px,calc((100vw - 1200px)/2));background:#e4f5ed}.inbox-top h1{margin:2px 0}.inbox-top p{margin:0}.inbox-top a,.inbox-top button{border:1px solid #9dcfc1;border-radius:10px;background:white;color:#176558;padding:9px 12px;text-decoration:none;font:inherit;cursor:pointer}.inbox-layout{display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:18px;max-width:1200px;margin:24px auto;padding:0 18px}.inbox-conversations,.inbox-thread{min-height:520px;background:white;border:1px solid #c9ded6;border-radius:20px;padding:20px;box-sizing:border-box}.inbox-conversations h2{margin:0 0 16px}.inbox-conversations input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #aacfc4;border-radius:10px;font:inherit}.inbox-list{display:grid;gap:8px;margin-top:14px;max-height:650px;overflow:auto}.inbox-person{display:grid;text-align:right;gap:5px;padding:12px;border:1px solid #d4e5dc;border-radius:12px;background:#f8fcfa;color:inherit;font:inherit;cursor:pointer}.inbox-person.selected{border-color:#138974;background:#e7faf1}.inbox-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-person span{font-size:.75rem;color:#5a7970}.inbox-person b{color:#047960;font-size:.8rem}.inbox-student{display:grid;gap:3px;margin:0 0 16px;padding:12px;border-bottom:1px solid #d2e6dc}.inbox-thread .message-thread{min-height:280px}.inbox-thread .message-item.mine{background:#d7f4e8}.inbox-thread .message-item.theirs{background:#eef1ff}@media(max-width:700px){.inbox-top{flex-wrap:wrap}.inbox-layout{grid-template-columns:1fr}.inbox-conversations,.inbox-thread{min-height:auto}.message-head{flex-wrap:wrap}}:root[data-theme=dark] .message-box,:root[data-theme=dark] .inbox-page{background:#142d2a;color:#e9f9f2;border-color:#3b7366}:root[data-theme=dark] .message-box h2{color:#92e9d0}:root[data-theme=dark] .message-kicker{color:#9cefd9}:root[data-theme=dark] .message-thread,:root[data-theme=dark] .inbox-conversations,:root[data-theme=dark] .inbox-thread{background:#172c2c;color:#e9f9f2;border-color:#47756c}:root[data-theme=dark] .message-item.mine{background:#195a51;color:#f4fffb}:root[data-theme=dark] .message-item.theirs{background:#333d61;color:#f4fffb}:root[data-theme=dark] .message-form textarea{background:#1d3635;color:#fff;border-color:#689c8c}:root[data-theme=dark] .message-notice{background:#18342f;color:#f0fff8}:root[data-theme=dark] .message-empty{color:#c9e4da}:root[data-theme=dark] .message-badge{background:#227a63;color:#fff}:root[data-theme=dark] .inbox-page{background:#102523}:root[data-theme=dark] .inbox-top{background:#163530;color:#edfff7}:root[data-theme=dark] .inbox-top a,:root[data-theme=dark] .inbox-top button{background:#234b43;color:#e7fff5;border-color:#548779}:root[data-theme=dark] .inbox-person{background:#223d38;color:#e9f9f2;border-color:#4f776e}:root[data-theme=dark] .inbox-person.selected{background:#1a5b50;border-color:#6dbea6}:root[data-theme=dark] .inbox-person span{color:#c1e4d8}:root[data-theme=dark] .inbox-person b{color:#9af5d8}:root[data-theme=dark] .inbox-conversations input{background:#1d3635;color:#fff;border-color:#689c8c}:root[data-theme=dark] .inbox-student{border-color:#47756c}.nav-teacher-message{border:1px solid #2bbaa7!important;background:#e4faf3!important;color:#0a6257!important;font-weight:800}.nav-message-badge,.ask-message-count{display:inline-block;margin-inline-start:5px;padding:2px 7px;border-radius:99px;background:#ffdc73;color:#674500;font-size:.76rem}.nav-message-badge[hidden],.ask-message-count[hidden]{display:none}.ask-teacher-strip{display:flex;align-items:center;gap:18px;margin:15px auto 18px;max-width:1200px;padding:17px 22px;border:1px solid #77cdb9;border-radius:20px;background:linear-gradient(110deg,#e7fbf3,#f7fffc);box-shadow:0 9px 22px #0a5d4e13;color:#164940}.ask-teacher-icon{width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;background:#0d9a83;color:white;font-size:1.7rem}.ask-teacher-strip div:nth-child(2){flex:1}.ask-teacher-strip strong{font-size:1.12rem}.ask-teacher-strip p{margin:4px 0 0;line-height:1.5}.ask-teacher-strip a{display:inline-block;padding:11px 17px;border-radius:12px;background:#087c6e;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.ask-teacher-strip a:hover,.ask-teacher-strip a:focus-visible{background:#075f56}@media(max-width:650px){.ask-teacher-strip{flex-wrap:wrap;margin-inline:12px}.ask-teacher-strip a{width:100%;text-align:center}}:root[data-theme=dark] .nav-teacher-message{background:#1a5048!important;color:#ebfff8!important;border-color:#5fc6a8!important}:root[data-theme=dark] .ask-teacher-strip{background:#193832;color:#eafff4;border-color:#56a98f}:root[data-theme=dark] .ask-teacher-icon{background:#087c6e}.inbox-top #inboxRefresh.is-refreshing,.message-refresh.is-refreshing{background:#dff6eb;color:#075f55;cursor:wait}.inbox-top #inboxRefresh.is-refreshing::after,.message-refresh.is-refreshing::after{content:" \25cc";display:inline-block;animation:message-refresh-spin .8s linear infinite}@keyframes message-refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.inbox-top #inboxRefresh.is-refreshing::after,.message-refresh.is-refreshing::after{animation:none}}:root[data-theme=dark] .inbox-top #inboxRefresh.is-refreshing,:root[data-theme=dark] .message-refresh.is-refreshing{background:#235b4e;color:#f0fff9}
