.assistant-workspace{min-height:calc(100vh - 125px);display:flex;flex-direction:column;color:#30343b;font-size:14px}.assistant-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.assistant-header .state-tabs{margin-bottom:18px;flex:1}.assistant-header>.primary{margin-top:1px;white-space:nowrap;padding:8px 12px;border-radius:8px}.assistant-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:2px 0 22px}.assistant-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666;width:clamp(140px,15vw,193px)}.assistant-filters input,.assistant-filters select{height:32px;width:100%;font-size:13px}.assistant-filters>button{height:32px;padding:4px 16px;border-radius:6px}.assistant-table-scroll{overflow:auto;max-width:100%}.assistant-table{min-width:1100px;font-size:14px}.assistant-table th{background:white;color:#8c8c8c;font-weight:400;white-space:nowrap}.assistant-table td,.assistant-table th{height:56px;padding:14px 20px;border-bottom:1px solid #f0f1f3;white-space:nowrap}.assistant-table td{color:#60646a}.assistant-task-title{display:block;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#24282e;cursor:pointer;background:none;border:0;font:inherit;padding:0}.assistant-task-title:hover{color:#1677ff}.assistant-fixed{position:sticky;right:0;background:white;box-shadow:-5px 0 10px -7px #aaa;min-width:104px}.assistant-fixed .text-btn{font-size:13px;padding:0 6px}.assistant-tag{font-size:12px;display:inline-block;padding:3px 7px;border-radius:3px;line-height:1.3;font-weight:400}.assistant-tag.orange{color:#f58453;background:#fff3ec}.assistant-tag.blue{color:#1685f7;background:#e9f5ff}.assistant-tag.green{color:#00a887;background:#e6fbf4}.assistant-tag.red{color:#f96868;background:#fff0f0}.assistant-list-footer{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;gap:16px}.assistant-list-footer>small{font-size:12px;color:#9299a5}.assistant-list-footer .pagination{justify-content:center;margin-top:0}.assistant-section-title{font-size:16px;background:#f7f7f8;margin:0 0 22px;padding:12px;color:#34383d}.assistant-form{max-width:1020px;width:100%;margin:0 auto 24px;padding:0 24px}.assistant-form-row{display:flex;align-items:flex-start;gap:8px;position:relative;margin:16px 0 20px;line-height:32px}.assistant-form-row>span:first-child{width:104px;text-align:right;flex-shrink:0}.assistant-form-row>input{flex:1;min-width:0;padding-right:55px;height:34px}.assistant-form-row>small{position:absolute;right:9px;color:#888;font-size:11px}.assistant-form-row em{font-style:normal;color:#ff6262}.assistant-scenes{display:flex;flex-wrap:wrap;gap:10px}.assistant-scenes button{border:0;background:transparent;color:#333;padding:2px 8px;line-height:28px}.assistant-scenes button.active{background:#e8f3ff;color:#1685ff;border-radius:4px}.assistant-fill{min-width:0;flex:1}.assistant-group-tabs{margin:0 0 18px 104px;display:flex;flex-wrap:wrap;gap:4px;background:#f5f5f6;padding:4px;border-radius:10px;width:fit-content;max-width:calc(100% - 104px)}.assistant-group-tabs button{border:0;background:none;padding:8px 16px;white-space:nowrap}.assistant-group-tabs button.active{background:#fff;border-radius:8px;font-weight:600;box-shadow:0 1px 2px #ddd}.assistant-radio{display:flex;flex-wrap:wrap;gap:24px}.assistant-radio label{display:flex;align-items:center;gap:6px;white-space:nowrap}.assistant-radio input,.assistant-checkbox input{accent-color:#1685ff}.assistant-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.assistant-inline .secondary{padding:6px 10px;font-size:13px;line-height:20px}.assistant-inline>.muted,.assistant-inline>small{margin-left:auto;font-size:12px}.assistant-selected{border:1px solid #ddd;border-radius:8px;min-height:48px;padding:10px 18px;margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;max-height:120px;overflow:auto}.assistant-student-chip{background:#edf5ff;color:#2474c9;padding:0 8px;border-radius:4px;font-size:12px;line-height:24px}.assistant-editor{margin-top:14px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.assistant-tokens{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 8px}.assistant-tokens button{border:1px solid #d3e8ff;border-radius:3px;background:white;color:#1685ff;font-size:13px;line-height:20px;padding:0 6px}.assistant-editor textarea{border:0;resize:vertical;min-height:130px;display:block;width:100%;padding:8px 20px;outline:none;line-height:1.7}.assistant-editor>.assistant-inline{padding:8px 20px 12px}.assistant-file{cursor:pointer;position:relative;overflow:hidden;display:inline-block}.assistant-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.assistant-attachments{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6a7689;line-height:1.6;padding:12px 0}.assistant-form-footer{display:flex;justify-content:center;gap:8px;margin-top:36px}.assistant-form-footer button{padding:8px 14px}.assistant-form .error-text{margin-left:112px}.assistant-settings{max-width:650px;width:100%;padding:0 24px 30px}.assistant-account{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #edf0f5;margin-bottom:24px}.assistant-account p{color:#8b95a5;margin:6px 0 0;font-size:12px}.assistant-account>.assistant-tag{margin-left:auto}.assistant-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ecf5ff;color:#2686ed;font-weight:700}.assistant-time{display:flex;align-items:center;gap:12px}.assistant-time input{flex:1;min-width:0}.assistant-checkbox{display:flex;align-items:center;gap:8px;margin:24px 0}.assistant-relation-tabs{display:flex;border-bottom:1px solid #ebedf2;gap:24px;margin-bottom:20px}.assistant-relation-tabs button{border:0;background:none;padding:12px 3px;color:#666}.assistant-relation-tabs button.active{color:#1677ff;border-bottom:2px solid #1677ff}.assistant-relation-search{margin-bottom:20px}.assistant-relation-search input{width:min(360px,100%)}.assistant-drawer-backdrop{position:fixed;inset:0;background:#0007;z-index:85;display:flex;justify-content:flex-end}.assistant-drawer{width:min(1000px,calc(100vw - 100px));background:#fff;height:100%;padding:20px 24px;overflow:auto;box-shadow:-10px 0 30px #0001}.assistant-drawer>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.assistant-drawer h2{font-size:18px;margin:0 0 16px}.assistant-drawer header>button{background:none;border:0;font-size:28px;color:#777;line-height:24px}.assistant-meta{display:flex;gap:5px;flex-wrap:wrap}.assistant-meta>span{font-size:12px;background:#f7f7f8;color:#666;padding:3px 8px;border-radius:3px}.assistant-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:16px 0 28px}.assistant-stats>div{border-radius:16px;padding:14px 28px;background:#ecfbff;display:flex;flex-direction:column;gap:5px}.assistant-stats>div:nth-child(2){background:#e9fff7;color:#00ad8b}.assistant-stats>div:nth-child(3){background:#fff0f1;color:#fa6370}.assistant-stats span{font-size:13px;color:#606770}.assistant-stats b{font-size:24px;font-weight:500}.assistant-drawer .service-table{min-width:650px}.assistant-drawer .service-table th{background:white;color:#929292;font-weight:400}.assistant-drawer .service-table td{padding:18px}.assistant-message{white-space:normal;min-width:200px;max-width:350px;line-height:1.7}.assistant-drawer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.assistant-modal-backdrop{z-index:110}.assistant-picker-filters{display:flex;gap:12px;margin:16px 0}.assistant-picker-filters>*{flex:1;min-width:0}.assistant-picker-list{max-height:45vh;overflow:auto}.assistant-picker-list table{min-width:600px}.assistant-preview-group{margin:16px 0}.assistant-phone{background:#f1f3f7;border:1px solid #e0e4ec;border-radius:16px;margin-top:12px;padding:14px;max-width:340px;margin-inline:auto;min-height:160px}.assistant-phone-title{text-align:center;border-bottom:1px solid #dde0e7;padding:0 0 12px;font-size:13px}.assistant-bubble{background:white;border-radius:8px;padding:12px;margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.assistant-template-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.assistant-template-list button{border:1px solid #e1e8f3;background:white;border-radius:6px;padding:14px;text-align:left;color:#326091}.assistant-workspace button:focus-visible,.assistant-workspace input:focus-visible,.assistant-workspace select:focus-visible,.assistant-workspace textarea:focus-visible{outline:2px solid #197bff;outline-offset:2px}
@media(max-width:1000px){.assistant-header{gap:10px;flex-wrap:wrap}.assistant-header .state-tabs{min-width:280px}.assistant-form{padding:0}.assistant-filters label{width:calc(50% - 6px)}.assistant-drawer{width:calc(100vw - 32px)}.assistant-stats{gap:10px}.assistant-stats>div{padding:12px}.assistant-form-row>span:first-child{width:84px}.assistant-group-tabs{margin-left:92px;max-width:calc(100% - 92px)}.assistant-form .error-text{margin-left:92px}}
@media(max-width:650px){.assistant-header .state-tabs{min-width:0}.assistant-header>.primary{margin-bottom:12px}.assistant-header .tabs button{font-size:14px;padding-inline:8px}.assistant-form-row{display:block}.assistant-form-row>span:first-child{display:block;text-align:left;width:auto}.assistant-form-row>input{width:100%}.assistant-form-row>small{bottom:0}.assistant-group-tabs{margin-left:0;max-width:100%}.assistant-form .error-text{margin-left:0}.assistant-form-footer{flex-wrap:wrap}.assistant-stats{gap:6px}.assistant-stats>div{padding:12px 8px}.assistant-stats span{font-size:11px}.assistant-drawer{width:100vw;padding:16px}.assistant-settings{padding:0}.assistant-picker-filters{flex-direction:column}}
.assistant-account-grid{display:grid;grid-template-columns:1fr 170px;gap:14px;margin-bottom:24px}.assistant-profile,.assistant-qr-placeholder{border:1px solid #e2efff;border-radius:18px;background:linear-gradient(165deg,#f8fbff,#e4f3ff 70%,#d1e9ff);padding:20px 30px}.assistant-profile h3{font-size:16px;margin:0 0 18px}.assistant-profile h3 small,.assistant-scene-heading h3 small{font-size:13px;font-weight:400;color:#929292}.assistant-profile-body{display:flex;align-items:center;gap:20px}.assistant-profile-body img{width:88px;height:88px;object-fit:contain;border-radius:18px;background:white}.assistant-profile dl{margin:0;display:flex;flex-direction:column;gap:10px;font-size:13px}.assistant-profile dl>div{display:flex;gap:15px;align-items:center}.assistant-profile dt{min-width:90px;color:#757b83}.assistant-profile dd{margin:0}.assistant-qr-placeholder{padding:20px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8295ae}.assistant-qr-placeholder>span{font-size:54px;line-height:1}.assistant-qr-placeholder>b{font-size:13px}.assistant-qr-placeholder>small{font-size:12px}.assistant-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.assistant-scene-heading h3{font-size:16px;margin:0;border-left:4px solid #ff8050;padding-left:9px}.assistant-scene-heading>span{white-space:nowrap;color:#888;font-size:13px}.assistant-scene-heading>span b{color:#fb8b50}.assistant-scene-card{display:flex;align-items:flex-start;gap:20px;border:1px solid #ededed;border-radius:18px;padding:22px;margin-bottom:20px}.assistant-scene-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:8px;background:#e8f3ff;color:#1685ff;font-size:22px}.assistant-scene-card>div{flex:1}.assistant-scene-card p{color:#929292;line-height:1.7;margin:10px 0 16px}.assistant-scene-card small{display:inline-block;color:#777;background:#f8f8f8;border-radius:8px;padding:8px 16px}.assistant-switch{border:0;border-radius:20px;background:#ccc;padding:2px;width:38px;height:22px;flex-shrink:0;align-self:center}.assistant-switch>span{display:block;width:18px;height:18px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}.assistant-switch.on{background:#1677ff}.assistant-switch.on>span{transform:translateX(16px)}.assistant-class-stages{display:flex;background:#f5f5f5;border:1px solid #eee;border-radius:10px;padding:4px;width:fit-content;gap:3px;margin-bottom:12px}.assistant-class-stages button{border:0;background:none;padding:7px 14px;color:#777;border-radius:8px}.assistant-class-stages button.active{background:white;color:#222;font-weight:600}.assistant-relations-layout{display:grid;grid-template-columns:268px minmax(0,1fr);gap:20px;flex:1}.assistant-class-list{border-right:1px solid #e2e2e2;padding-right:20px}.assistant-class-list>input{width:100%;height:34px;margin-bottom:12px}.assistant-class-list>button{display:flex;flex-direction:column;gap:5px;width:100%;border:1px solid #e2efff;background:white;border-radius:12px;text-align:left;padding:16px;margin-bottom:14px;color:#8c8c8c;font-size:12px;line-height:1.4}.assistant-class-list>button b{font-size:14px;color:#444;margin-bottom:10px}.assistant-class-list>button.active{border:2px solid #18b8fa;background:#f7fbff;box-shadow:0 3px 8px #119cee26;padding:15px}.assistant-relations-main{min-width:0}.assistant-relations-main>header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.assistant-relations-main>header>b{margin-right:auto;font-weight:500}.assistant-relations-main>header small{color:#888;font-weight:400}.assistant-relations-main>header input{width:200px;height:32px}.assistant-relations-main>header button{height:32px;padding:5px 12px}.assistant-relations-main .assistant-relation-tabs{margin-bottom:8px;gap:26px}.assistant-relations-table{min-width:880px;font-size:13px}.assistant-relations-table th{background:white;color:#999;font-weight:400;white-space:nowrap;padding:16px 14px}.assistant-relations-table td{padding:16px 14px;height:56px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-relations-table td:first-child{color:#1685ff}.assistant-relations-table tr:nth-child(even){background:#fafafa}.assistant-relations-table input,.assistant-relations-table select{width:120px;height:32px;font-size:13px;padding:4px 8px}.assistant-relations-table select{width:90px}
@media(max-width:1000px){.assistant-relations-layout{grid-template-columns:220px minmax(0,1fr);gap:14px}.assistant-class-list{padding-right:14px}.assistant-profile{padding:18px}.assistant-profile h3 small{display:block;line-height:1.6;margin-top:8px}.assistant-scene-heading{flex-wrap:wrap}.assistant-scene-heading h3 small{display:block;line-height:1.7;margin-top:6px}}
@media(max-width:700px){.assistant-account-grid{grid-template-columns:1fr}.assistant-qr-placeholder{display:none}.assistant-profile-body{gap:10px}.assistant-profile-body img{width:56px;height:56px}.assistant-profile dl>div{gap:5px}.assistant-profile dt{min-width:82px}.assistant-scene-card{padding:14px;gap:10px}.assistant-scene-icon{display:none}.assistant-relations-layout{display:block}.assistant-class-list{display:flex;overflow:auto;gap:12px;border:0;padding:0;margin-bottom:20px;flex-wrap:wrap;max-height:210px}.assistant-class-list>input{width:100%}.assistant-class-list>button{flex:1;min-width:210px}.assistant-relations-main>header input{width:180px}.assistant-relation-tabs{gap:15px}}
.assistant-import-drop{display:flex;flex-direction:column;align-items:center;gap:16px;border:1px dashed #9ac8ff;border-radius:10px;padding:30px;margin:20px 0;background:#f7fbff;color:#267bdc}.assistant-import-drop input{max-width:100%;font-size:13px}
/* The new assistant forms fit the viewport instead of inheriting the legacy 1080px canvas. */
@media(max-width:859px){body:has(.assistant-workspace){min-width:0}.page-assistant{min-width:0}.assistant-header{flex-direction:column;gap:0}.assistant-header .state-tabs{width:100%;margin-bottom:12px}.assistant-form-row{display:block}.assistant-form-row>span:first-child{display:block;text-align:left;width:auto}.assistant-form-row>input{width:100%}.assistant-form-row>small{bottom:0}.assistant-group-tabs{margin-left:0;max-width:100%}.assistant-form .error-text{margin-left:0}.assistant-account-grid{grid-template-columns:1fr}.assistant-qr-placeholder{display:none}.assistant-relations-layout{display:block}.assistant-class-list{display:flex;overflow:auto;gap:12px;border:0;padding:0;margin-bottom:20px;flex-wrap:wrap;max-height:210px}.assistant-class-list>input{width:100%}.assistant-class-list>button{flex:1;min-width:210px}}
