body:has(.at-student-chat) #app>.main>.content{padding:18px 22px;max-width:none}
body:has(.at-student-chat) .content>.heading,body:has(.at-student-chat) .content>.demobar{display:none}
body:has(.at-student-chat) .content>section.card:has(#at-live-role-panel){border:0;background:none;box-shadow:none;padding:0;margin:0;border-radius:0}
body:has(.at-student-chat) #at-live-role-panel{min-height:0}
.at-student-chat{display:flex;flex-direction:column;gap:14px;height:calc(100dvh - 36px);min-height:480px;color:#282046}
.at-student-chat svg{width:23px;height:23px;flex-shrink:0}
.sc-page-title h1{margin:0;font-size:28px;line-height:1.5;color:#2e204e}.sc-page-title p{margin:2px 0 0;color:#9587ac;font-size:13px}
.sc-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0;border:1px solid #e9e1f8;border-radius:20px;overflow:hidden;background:white;box-shadow:0 5px 20px #6843a308}
.sc-groups{padding:19px 13px;border-inline-end:1px solid #e8e0f7;display:flex;flex-direction:column;min-height:0;background:#fff}
.sc-groups-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 17px;gap:12px}.sc-groups-heading h2{margin:0;font-size:20px;color:#33204f}.sc-groups-heading button{padding:4px;display:grid;place-items:center;border:0;background:none;color:#52338f;cursor:pointer}
.sc-search{display:flex;align-items:center;gap:8px;margin:0 0 15px;padding:10px 12px;border:1px solid #ded6ef;border-radius:13px;color:#887ba7;background:#fefcff}
.sc-search input{border:0!important;padding:0!important;margin:0!important;min-width:0;width:100%;height:23px;background:transparent!important;box-shadow:none!important;color:#4d416a;font:inherit;font-size:12px}
.sc-group-list{overflow:auto;min-height:0;display:grid;gap:8px;align-content:start}.sc-group{display:flex;align-items:center;gap:10px;position:relative;min-width:0;width:100%;padding:13px 10px;border:1px solid transparent;border-radius:13px;background:white;text-align:start;color:#33254d;cursor:pointer}.sc-group[hidden]{display:none}.sc-group.active{background:#f0eaff;border-color:#ebe1ff}.sc-avatar{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:linear-gradient(140deg,#e5d4ff,#c9affd);color:#7649dc;font:700 24px Inter,sans-serif}
.sc-group-copy{min-width:0;display:grid;gap:6px;padding-inline-end:25px}.sc-group-copy b{font-size:16px;color:#30234d}.sc-group-copy small{font-size:11px;color:#9483ab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}.sc-group time{position:absolute;left:9px;top:15px;font-size:10px;color:#a196b2;direction:ltr}.sc-no-groups{text-align:center;font-size:12px;color:#9586a8}
.sc-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}
.sc-conversation-heading{position:relative;height:auto;min-height:78px;display:flex;gap:12px;align-items:center;padding:13px 17px;border:0;border-bottom:1px solid #eee8f7;background:#fff}
.sc-conversation-heading>div{min-width:0;flex:1}.sc-conversation-heading h2{font-size:20px;margin:0 0 4px;color:#2e204d}.sc-conversation-heading p{font-size:12px;margin:0;color:#9385a5}
.sc-members{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid #a981fc;background:white;color:#7941ed;border-radius:12px;font-size:11px;cursor:pointer;white-space:nowrap}.sc-members svg{width:19px;height:19px}.sc-mobile-groups{display:none}
.sc-teacher-note{display:flex;align-items:center;gap:8px;border-radius:11px;margin:9px 12px 0;padding:9px 13px;background:#f1eaff;color:#8650d4;font-size:12px}.sc-teacher-note svg{width:19px;height:19px}.sc-teacher-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-student-chat .sc-history{direction:ltr;flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:18px;background:radial-gradient(#e9e0ff 1px,transparent 1px) 0 0/23px 23px,#fefcff;gap:17px;overscroll-behavior:contain}
.at-student-chat .sc-message{direction:rtl;align-self:flex-start;max-width:78%;background:#faf8ff;border:1px solid #e8dfff;border-radius:15px 15px 15px 4px;padding:11px 14px;box-shadow:0 2px 7px #563d9106;overflow-wrap:anywhere}
.at-student-chat .sc-message.admin-chat-message--mine{align-self:flex-end;background:linear-gradient(110deg,#9550f4,#7442ef)!important;color:white;border:0;border-radius:15px 15px 4px 15px}
.at-student-chat .admin-chat-message-head{display:flex;gap:7px;align-items:center;margin-bottom:7px;flex-wrap:wrap}
.at-student-chat .admin-chat-message-head b{font-size:12px;color:#3c2c58}.at-student-chat .admin-chat-message-head time{font-size:10px;color:#ab9abb;direction:ltr;margin-inline-start:auto}
.at-student-chat .admin-chat-message--mine .admin-chat-message-head b,.at-student-chat .admin-chat-message--mine .admin-chat-message-head time{color:#f0e4ff}
.at-student-chat .at-chat-sender-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8ddf8;font-size:11px;color:#7654a9;overflow:hidden;flex:none}
.at-student-chat .at-chat-sender-avatar img{width:100%;height:100%;max-height:none;margin:0;border-radius:50%;object-fit:cover}
.sc-teacher-badge{background:#8945f0;color:#fff;border-radius:13px;padding:2px 8px;font-size:9px}
.at-student-chat .chattext{font-size:14px;line-height:1.8;text-align:start}.at-student-chat .chattext a{color:#6a36d2;text-decoration:underline}.at-student-chat .admin-chat-message--mine .chattext a{color:#fff}
.at-student-chat .chatquoted{background:#ffffff85;border-inline-start:3px solid #b78cef;padding:8px 10px;border-radius:9px;margin-bottom:8px;color:#67527f;font-size:11px}.at-student-chat .chatquoted p{margin:4px 0 0}
.at-student-chat .at-live-message-actions{display:flex;align-items:center;gap:7px;margin-top:6px;min-height:20px}.at-student-chat .chatreplybutton{font-size:10px;background:none;border:0;color:#a080bd;padding:2px 4px;cursor:pointer}.at-student-chat .admin-chat-message--mine .chatreplybutton{color:#f0e2ff}.at-student-chat .reactionpicker summary{color:#a080bd;font-size:15px}.at-student-chat .admin-chat-message--mine .reactionpicker summary{color:#f3e5ff}
.sc-empty{direction:rtl;display:grid;justify-items:center;gap:10px;margin:auto;text-align:center;color:#a495ba;max-width:350px}.sc-empty>svg{width:65px;height:65px;padding:14px;border-radius:22px;background:#eee5ff;color:#a173e2}.sc-empty h3{font-size:18px;margin:0}.sc-empty p{font-size:12px;margin:0;line-height:1.7}
.sc-composer-area{border-top:1px solid #ece5f6;background:white;padding:11px 13px 9px;position:relative}
.sc-composer{display:flex;align-items:flex-end;gap:10px;margin:0;padding:0;border:0;background:none}
.sc-composer .chatattach{display:grid;place-items:center;position:relative;flex:0 0 39px;width:39px;height:39px;min-height:0;padding:0;margin:0 0 4px;border:1px solid #e6ddf5;border-radius:50%;background:#fff;color:#7b50ba;font-size:27px;cursor:pointer}
.sc-input{display:flex;flex:1;align-items:center;gap:7px;border:1px solid #dfd6ef;border-radius:15px;padding:7px 9px;min-width:0;background:#fff}
.sc-input textarea{resize:vertical;min-height:32px;max-height:96px;height:32px;flex:1;min-width:0;margin:0!important;padding:5px 7px!important;box-shadow:none!important;border:0!important;background:none!important;outline:0;font:inherit;font-size:13px;line-height:1.6}
.sc-input:focus-within{border-color:#b492f0;box-shadow:0 0 0 2px #b492f012}.sc-emoji-toggle{display:grid;place-items:center;background:none;border:0;padding:3px;color:#9281aa;cursor:pointer}
.sc-send{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;padding:10px;background:linear-gradient(120deg,#9250fa,#6f30ec)!important;color:white!important;border:0;border-radius:13px;cursor:pointer}.sc-send:disabled{opacity:.5;cursor:default}.sc-send svg{width:25px;height:25px}
.sc-privacy{display:block;text-align:end;font-size:9px;color:#ac9cba;margin-top:7px}
.sc-emojis{position:absolute;bottom:82px;left:60px;display:flex;gap:3px;padding:5px;border:1px solid #e4d5f5;border-radius:12px;background:white;box-shadow:0 5px 20px #5e288a20;z-index:3}.sc-emojis[hidden]{display:none}.sc-emojis button{font-size:22px;padding:5px;background:none;border:0;cursor:pointer}
.at-student-chat .chatreplypreview:empty,.at-student-chat .chatattachment:empty{display:none}
.at-student-chat .chatreplypreview{padding:8px 15px;margin:0;background:#f4eeff;border:0;border-inline-start:3px solid #b086e9;min-height:0;max-height:80px;overflow:auto;color:#8b6eac;font-size:11px}
.at-student-chat .chatreplypreview p{margin:3px 0}.at-student-chat .chatattachment{margin:0;padding:7px 14px;max-height:90px;overflow:auto;font-size:11px}.at-student-chat .chatattachment img{max-height:55px}
@media(max-width:1100px){.sc-workspace{grid-template-columns:220px minmax(0,1fr)}.sc-groups{padding:15px 9px}.sc-group-copy small{max-width:115px}.sc-group-copy{padding-inline-end:13px}.sc-members{font-size:10px;padding:7px}.sc-avatar{width:39px;height:39px;flex-basis:39px}.sc-conversation-heading{padding:12px}.sc-page-title h1{font-size:25px}}
@media(max-width:760px){body:has(.at-student-chat) #app>.main>.content{padding:12px}.at-student-chat{height:calc(100dvh - 180px);min-height:450px;gap:9px}.sc-page-title h1{font-size:23px}.sc-page-title p{font-size:11px}.sc-workspace{display:flex;position:relative;border-radius:15px}.sc-conversation{width:100%}.sc-groups{display:none}.sc-show-groups .sc-groups{display:flex;position:absolute;z-index:4;inset:0;background:#fff;border:0}.sc-show-groups .sc-conversation{visibility:hidden}.sc-show-groups .sc-mobile-groups{visibility:visible;position:absolute;left:12px;top:12px;z-index:5}.sc-mobile-groups{display:block;padding:7px 8px;border:1px solid #e1d3f2;color:#8352bd;background:white;border-radius:10px;font-size:10px;cursor:pointer}.sc-members{font-size:0;padding:7px}.sc-members svg{width:19px}.sc-conversation-heading{gap:7px;min-height:66px}.sc-conversation-heading h2{font-size:18px}.sc-conversation-heading p{font-size:10px}.sc-group-copy small{max-width:210px}.sc-group-list{padding-top:10px}.sc-show-groups .sc-groups-heading{padding-inline-end:85px}.sc-teacher-note{font-size:10px;padding:7px;margin:7px 7px 0}.at-student-chat .sc-history{padding:13px;gap:13px}.at-student-chat .sc-message{max-width:90%;padding:9px 11px}.at-student-chat .chattext{font-size:13px}.sc-composer-area{padding:8px}.sc-composer{gap:6px}.sc-input{padding:5px}.sc-send{width:41px;height:41px;flex-basis:41px}.sc-composer .chatattach{width:31px;height:31px;flex-basis:31px;font-size:24px}.sc-emoji-toggle svg{width:19px}.sc-privacy{font-size:8px}.sc-input textarea{font-size:12px;resize:none}}

/* Keep workspace-wide button rules out of the student conversation. */
body[data-workspace] .at-student-chat button{font-family:inherit}
body[data-workspace] .at-student-chat .sc-groups-heading button{width:34px;height:34px;min-height:0;padding:5px;border:0!important;border-radius:10px;background:transparent!important;color:#7950c5!important;box-shadow:none!important}
body[data-workspace] .at-student-chat .sc-group{background:#fff!important;border:1px solid transparent!important;color:#33254d!important;box-shadow:none!important}
body[data-workspace] .at-student-chat .sc-group.active{background:#f0eaff!important;border-color:#e2d6fa!important}
body[data-workspace] .at-student-chat .sc-members{background:#fff!important;border:1px solid #cbb3ee!important;color:#7941c8!important;box-shadow:none!important}
body[data-workspace] .at-student-chat .sc-emoji-toggle{width:30px;height:30px;min-height:0;border:0!important;border-radius:50%;padding:4px;background:transparent!important;color:#9281aa!important;box-shadow:none!important}
body[data-workspace] .at-student-chat .sc-send{border:0!important;background:linear-gradient(120deg,#9250fa,#6f30ec)!important;color:#fff!important;box-shadow:none!important}
body[data-workspace] .at-student-chat .sc-send:hover:not(:disabled){background:linear-gradient(120deg,#8440eb,#6024d7)!important;color:#fff!important}
.at-student-chat .sc-message{flex:0 0 auto;width:fit-content;min-width:128px;max-width:min(78%,560px)}
.at-student-chat .at-live-message-actions{position:relative;justify-content:flex-start;min-height:26px;gap:6px}
.at-student-chat .reactionpicker{position:static;flex:none;align-self:center}
.at-student-chat .reactionpicker>div{position:absolute;z-index:5;bottom:calc(100% + 5px);inset-inline-start:0;margin:0;width:222px;max-width:calc(100vw - 64px);display:flex;flex-wrap:nowrap;gap:2px;border:1px solid #e2d6f3;border-radius:16px;padding:5px;background:#fff;box-shadow:0 5px 18px #35204f24}
.at-student-chat .reactionpicker:not([open])>div{display:none}
body[data-workspace] .at-student-chat .reactionpicker button{display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:3px;border:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;font-size:20px;line-height:1}
body[data-workspace] .at-student-chat .reactionpicker button:hover{background:#f1eaff!important}
body[data-workspace] .at-student-chat .chatreplybutton{background:transparent!important;border:0!important;color:#8267a0!important;box-shadow:none!important;padding:3px 5px;min-height:24px}
body[data-workspace] .at-student-chat .admin-chat-message--mine .chatreplybutton{color:#fff!important}
body[data-workspace] .at-student-chat .sc-emojis button{background:transparent!important;border:0!important;box-shadow:none!important}
.at-student-chat .sc-message .reactioncounts{margin:0}.at-student-chat .sc-message .reactioncounts:empty{display:none}
.at-student-chat .sc-message .chatquoted{color:#514265;background:#f4eeff;border-inline-start-color:#c1a3ed}
.at-student-chat .sc-input textarea{resize:none;outline:0!important}
.at-student-chat button:focus-visible,.at-student-chat summary:focus-visible{outline:2px solid #ab83ee;outline-offset:3px}
@media(max-width:760px){.at-student-chat .sc-message{max-width:90%;min-width:115px}}

body[data-workspace] .at-student-chat .sc-conversation-heading{height:auto;min-height:78px;background:#fff;border-bottom:1px solid #eee8f7}
.at-student-chat .sc-history{scrollbar-width:thin;scrollbar-color:#dfd3f1 transparent}
#modal.sc-member-dialog{width:min(560px,calc(100% - 28px));max-height:88dvh;padding:0;border:1px solid #e8dff8;border-radius:24px;background:#fff;overflow:hidden;color:#302346;box-shadow:0 24px 80px #29174330}#modal.sc-member-dialog::backdrop{background:#24203570;backdrop-filter:blur(4px)}#modal.sc-member-dialog>.actions{display:none}
.sc-member-panel{direction:rtl}.sc-member-panel>header{position:relative;display:flex;align-items:center;gap:13px;height:auto;min-height:105px;padding:22px 25px;background:linear-gradient(110deg,#f7f1ff,#edf6ff);border-bottom:1px solid #ede5f7}.sc-member-group{display:grid;place-items:center;width:57px;height:57px;flex:none;border-radius:18px;background:linear-gradient(135deg,#9b61ee,#6e3cd9);color:#fff;font:700 28px Inter,sans-serif}.sc-member-panel header h2{margin:4px 0 0;font-size:25px;color:#352050}.sc-member-panel header small{color:#8f76ae;font-size:12px}.sc-member-close{margin-inline-start:auto;width:32px;height:32px;min-height:0;border:0!important;border-radius:50%;padding:0;background:#fff!important;color:#9473b3!important;font-size:25px;box-shadow:none!important;cursor:pointer}
.sc-member-content{padding:20px 24px;max-height:calc(88dvh - 105px);overflow:auto}.sc-member-summary{display:grid;gap:6px;margin-bottom:20px}.sc-member-summary>span{display:flex;align-items:center;gap:7px;font-size:16px;color:#624196}.sc-member-summary svg,.sc-member-search svg{width:21px;height:21px}.sc-member-summary>small{color:#a193af;font-size:12px}
.sc-member-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ece5f6;border-radius:14px;background:#fff}.sc-member-card[hidden]{display:none}.sc-member-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:#eee7fc;color:#8453cd;font-size:20px;font-weight:700}.sc-member-card>div{flex:1;min-width:0}.sc-member-card h3{margin:0;font-size:15px;color:#3c2e52;overflow-wrap:anywhere}.sc-member-card h3 small{color:#9c83bb;font-size:11px}.sc-member-card p{margin:4px 0 0;color:#a193b0;font-size:11px}.sc-member-role{font-size:10px;border-radius:20px;padding:4px 9px;background:#f4f0fb;color:#9579b4}.sc-member-teacher{background:#f7f2ff;border-color:#e2d4f8}.sc-member-teacher .sc-member-avatar{background:linear-gradient(135deg,#a56ce9,#7850d3);color:#fff}.sc-member-teacher .sc-member-role{background:#8b56dd;color:#fff}.sc-member-students-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.sc-member-students-heading h3{font-size:15px;margin:0}.sc-member-students-heading>span{background:#f0e9fb;color:#8b5acb;border-radius:20px;padding:3px 10px;font-size:12px}.sc-member-search{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e6ddf3;border-radius:12px;background:#fcfaff;color:#a18ab6;margin-bottom:12px}.sc-member-search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;padding:0!important;font:inherit;font-size:12px;box-shadow:none!important}.sc-member-list{display:grid;gap:9px}.sc-member-content footer{text-align:center;font-size:10px;color:#a192b3;margin-top:18px}.sc-member-empty{text-align:center;padding:18px;color:#a18cb5;font-size:13px}.sc-member-empty[hidden]{display:none}.sc-member-error{text-align:center;color:#947eac}.sc-member-error button{padding:8px 14px;border:1px solid #dfcff1;border-radius:10px;background:#f7f2ff;color:#8654c2}
@media(max-width:600px){.sc-member-panel>header{padding:18px;min-height:96px}.sc-member-content{padding:17px;max-height:calc(88dvh - 96px)}.sc-member-role{font-size:9px;padding:4px 7px}}
#modal.sc-member-dialog .sc-member-panel>header{height:auto;min-height:105px;background:linear-gradient(110deg,#f7f1ff,#edf6ff);border-bottom:1px solid #ede5f7}
@media(max-width:600px){#modal.sc-member-dialog .sc-member-panel>header{min-height:96px}}
/* Explicit surfaces avoid inherited workspace theme colors in the member dialog. */
body[data-workspace] #modal.sc-member-dialog,body[data-workspace] #modal.sc-member-dialog .sc-member-panel,body[data-workspace] #modal.sc-member-dialog .sc-member-content{background:#fff!important;color:#3c2e52!important}
body[data-workspace] #modal.sc-member-dialog .sc-member-students-heading h3{color:#3c2e52!important}
.at-student-chat .reactionpicker summary,.at-student-chat .admin-chat-message--mine .reactionpicker summary{background:transparent!important;border:0!important;box-shadow:none!important;color:#77529e!important;font-size:20px;line-height:1}
.at-student-chat .admin-chat-message--mine .reactionpicker summary{color:#fff!important}
.sc-pinned-message{display:flex;align-items:center;gap:10px;margin:9px 12px;padding:9px 12px;border:1px solid #e7dafa;border-radius:12px;background:#f5efff;flex-shrink:0}
body[data-workspace] .sc-pinned-message .sc-pinned-open{display:flex;align-items:center;gap:9px;flex:1;min-width:0;text-align:start;border:0!important;background:transparent!important;box-shadow:none!important;color:#8350c4!important;padding:0;cursor:pointer}.sc-pinned-open span{display:grid;min-width:0;gap:3px}.sc-pinned-open b{font-size:11px}.sc-pinned-open small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;color:#8f73ad}
body[data-workspace] .at-chat-pin-action{font:inherit;font-size:11px;padding:4px 7px;min-height:24px;border:0!important;background:transparent!important;color:#8152bf!important;box-shadow:none!important;cursor:pointer}.at-student-chat .admin-chat-message--mine .at-chat-pin-action{color:#fff!important}
.sc-pin-detail h2{color:#7444af}.sc-pin-detail p{line-height:1.8}