.assignment-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px;align-items:start}.enrollment-card{background:white;border:1px solid #d4e1f3;border-radius:17px;padding:22px;margin-bottom:16px;box-shadow:0 6px 20px #14375c08;cursor:grab}.enrollment-heading{display:flex;align-items:center;gap:12px}.enrollment-heading h3{font:700 17px/1.3 'Segoe UI',sans-serif;margin:0}.enrollment-heading small{font-size:11px;color:#607795}.enrollment-card p{font-size:13px;margin:18px 0;color:#4e6383}.enrollment-card form{display:flex;gap:10px;margin:0}.enrollment-card select{min-width:0;flex:1;background:#f5f8ff;border:1px solid #c9d9ef;border-radius:9px;font-size:13px}.enrollment-card .bk-button{padding:10px 16px}.learner-avatar,.teacher-avatar{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:#e7f1ff;color:#216fc1;font-size:25px}.assignment-badge{font-size:10px;font-weight:700;color:#097963;background:#dcf6eb;border-radius:20px;padding:5px 9px;white-space:nowrap}.enrollment-heading .assignment-badge{margin-left:auto}.assignment-badge.pending{background:#fff0ce;color:#8b5b0b}.teacher-drop-list{position:sticky;top:20px}.teacher-drop{padding:22px;background:linear-gradient(120deg,#e6efff,#f1f7ff);border:1px dashed #a2bee3;border-radius:17px;display:flex;align-items:center;gap:15px;margin:14px 0;transition:background .15s,transform .15s}.teacher-drop h3{font:700 17px 'Segoe UI',sans-serif;margin:0 0 6px}.teacher-drop p{font-size:12px;color:#556e8c;margin:0 0 5px}.teacher-drop small{font-size:11px;color:#1c6f9e}.teacher-drop-active{background:#d7f3e8;border-color:#009b78;transform:translateY(-2px)}.unassign-drop{flex-direction:column;align-items:flex-start;gap:6px;background:#f6f8fc;color:#5d6f88;font-size:13px}.teacher-add{border:1px solid #d8e3f3;border-radius:16px;margin-bottom:24px}.teacher-add-controls{display:flex;gap:14px}.teacher-add-controls select{flex:1;min-width:0}.teacher-add-controls button{white-space:nowrap}.teacher-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.teacher-roster .bk-card h3{font:700 20px 'Segoe UI',sans-serif}.teacher-roster p{overflow-wrap:anywhere;font-size:13px}.assigned-learner{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e0e8f5;padding:12px 0;font-size:13px}.assigned-learner a{color:#1265c7!important;font-weight:600}.conversation-grid{display:grid;gap:16px;max-width:1000px;margin:auto}.conversation-card{display:flex;align-items:center;gap:18px;background:white;border:1px solid #d6e3f5;border-radius:18px;padding:24px}.conversation-card>div{flex:1;min-width:0}.conversation-card h2{font-size:20px;margin-bottom:7px}.conversation-card p{font-size:12px;color:#58708f;margin-bottom:10px}.conversation-card small{font-size:13px;color:#526c8c;overflow-wrap:anywhere}.conversation-card:hover{border-color:#6fa2e8;box-shadow:0 8px 30px #174a8110}.chat-shell{max-width:920px;margin:0 auto;background:white;border:1px solid #d9e4f4;border-radius:22px;overflow:hidden;box-shadow:0 16px 45px #1a477c0d}.chat-header{display:flex;align-items:center;gap:20px;padding:24px;border-bottom:1px solid #dfe8f5;background:#f8fbff}.chat-header>div{flex:1}.chat-header h1{font-size:24px;margin:0 0 7px}.chat-header p{font-size:12px;margin:0;color:#617795}.chat-header>a{font-size:25px}.chat-messages{height:430px;overflow:auto;padding:26px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(140deg,#f1f6ff,#f7fbff);overscroll-behavior:contain}.chat-bubble{max-width:80%;align-self:flex-start;border:1px solid #d6e3f4;background:white;padding:14px 18px;border-radius:16px 16px 16px 3px}.chat-bubble.mine{align-self:flex-end;background:#1766c6;border-color:#1766c6;color:white;border-radius:16px 16px 3px 16px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 7px;font-size:14px}.chat-bubble time{font-size:10px;color:#6f8099}.chat-bubble.mine time{color:#d2e3fc}.chat-empty{margin:auto!important;text-align:center;font-size:14px;color:#647c9b;max-width:350px}.chat-compose{padding:20px 26px}.chat-compose label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.chat-compose>div{display:flex;align-items:flex-end;gap:12px}.chat-compose textarea{flex:1;min-width:0;padding:12px;border:1px solid #bed0e8;border-radius:10px;background:#f8fbff;color:#142c55;resize:vertical}.chat-compose small{display:block;font-size:11px;color:#6b819d;margin-top:10px}#chat-status:not(:empty){padding:10px 26px;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.assignment-workspace{grid-template-columns:1fr}.teacher-drop-list{position:static}.teacher-roster{grid-template-columns:1fr}}@media(max-width:560px){.enrollment-card{padding:16px}.enrollment-heading{flex-wrap:wrap}.teacher-add-controls{flex-direction:column}.chat-header{padding:18px;gap:12px}.chat-header h1{font-size:20px}.chat-header .assignment-badge{display:none}.chat-messages{height:50dvh;padding:16px}.chat-bubble{max-width:90%;padding:12px 14px}.chat-compose{padding:16px}.chat-compose>div{align-items:stretch;flex-direction:column}.conversation-card{padding:18px;gap:12px}}@media(prefers-reduced-motion:reduce){.teacher-drop{transition:none}}