.de-chat-workspace{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:14px;min-height:560px;color:var(--text,#f5f7ff)}.de-chat-sidebar,.de-chat-thread{min-width:0;border:1px solid rgba(160,176,255,.18);border-radius:18px;background:rgba(14,18,33,.72);overflow:hidden}.de-chat-sidebar{display:flex;flex-direction:column}.de-chat-search{padding:16px;border-bottom:1px solid rgba(160,176,255,.14)}.de-chat-search label{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;color:var(--muted,#9ba6c6)}.de-chat-search-row{display:flex;gap:7px}.de-chat-search-row input{min-width:0;flex:1}.de-chat-search-row input,.de-chat-compose textarea{background:rgba(5,8,18,.7);color:inherit;border:1px solid rgba(160,176,255,.24);border-radius:11px;padding:12px;font:inherit}.de-chat-search-row button,.de-chat-sidebar-heading button{border:1px solid rgba(160,176,255,.22);border-radius:10px;background:rgba(113,128,255,.16);color:inherit;padding:9px 12px;font-weight:700;cursor:pointer}.de-chat-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px}.de-chat-sidebar-heading strong{font-size:13px}.de-chat-sidebar-heading button{font-size:12px}.de-chat-people{overflow:auto;max-height:410px;padding:0 8px 10px}.de-chat-person{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;cursor:pointer}.de-chat-person:hover,.de-chat-person.is-selected{background:rgba(115,133,255,.12);border-color:rgba(145,159,255,.28)}.de-chat-avatar{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6277ff,#ae78ff);color:white;font-weight:800}.de-chat-person-copy{display:grid;gap:4px;min-width:0}.de-chat-person-copy strong{font-size:13px;overflow-wrap:anywhere}.de-chat-person-copy small{font-size:11px;text-transform:capitalize;color:var(--muted,#9ba6c6)}.de-chat-person-arrow{margin-left:auto;color:#9ba6c6}.de-chat-privacy{margin-top:auto;padding:13px 15px;border-top:1px solid rgba(160,176,255,.14);font-size:11px;line-height:1.5;color:var(--muted,#9ba6c6)}.de-chat-thread{display:flex;flex-direction:column;min-height:560px}.de-chat-thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid rgba(160,176,255,.14)}.de-chat-thread-head>div:first-child{display:grid;gap:5px;min-width:0}.de-chat-thread-head strong{font-size:15px;overflow-wrap:anywhere}.de-chat-thread-head small{font-size:11px;color:var(--muted,#9ba6c6);text-transform:capitalize}.de-chat-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#59d9a3}.de-chat-safety{display:flex;gap:6px}.de-chat-safety button{background:transparent;border:1px solid rgba(160,176,255,.22);color:inherit;border-radius:9px;padding:7px 9px;font-size:11px;cursor:pointer}.de-chat-safety button:disabled{opacity:.4;cursor:not-allowed}.de-chat-messages{flex:1;min-height:340px;max-height:460px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.de-chat-empty{margin:auto;display:grid;gap:8px;text-align:center;max-width:290px;padding:26px;color:var(--muted,#9ba6c6)}.de-chat-empty strong{color:var(--text,#f5f7ff);font-size:15px}.de-chat-empty span{font-size:12px;line-height:1.6}.de-chat-bubble{align-self:flex-start;max-width:min(85%,520px);border:1px solid rgba(160,176,255,.15);border-radius:15px 15px 15px 5px;background:rgba(125,143,255,.11);padding:10px 13px;overflow-wrap:anywhere}.de-chat-bubble.is-mine{align-self:flex-end;border-radius:15px 15px 5px 15px;background:linear-gradient(135deg,rgba(94,116,255,.28),rgba(156,102,255,.2));border-color:rgba(148,159,255,.3)}.de-chat-bubble-meta{font-size:10px;color:var(--muted,#9ba6c6);margin-bottom:6px}.de-chat-bubble p{margin:0;white-space:pre-wrap;line-height:1.5;font-size:13px}.de-chat-compose{display:flex;gap:9px;padding:12px;border-top:1px solid rgba(160,176,255,.14);align-items:flex-end}.de-chat-compose textarea{resize:vertical;min-height:45px;max-height:140px;flex:1;min-width:0}.de-chat-compose button{padding:12px 16px;border:0;border-radius:11px;background:linear-gradient(135deg,#657cff,#9c6dff);color:white;font-weight:800;cursor:pointer}.de-chat-compose button:disabled{opacity:.45;cursor:not-allowed}.de-chat-status{min-height:17px;margin:0;padding:0 14px 10px;font-size:11px;color:#9ba6c6}.de-chat-status.is-error{color:#ff9b9b}.de-chat-muted{padding:12px;font-size:12px;line-height:1.6;color:var(--muted,#9ba6c6)}@media(max-width:760px){.de-chat-workspace{grid-template-columns:1fr;min-height:0}.de-chat-sidebar{max-height:300px}.de-chat-people{max-height:155px}.de-chat-thread{min-height:510px}.de-chat-messages{min-height:280px}.de-chat-thread-head{align-items:flex-start;flex-wrap:wrap}.de-chat-safety{margin-left:auto}}@media(max-width:420px){.de-chat-compose{align-items:stretch;flex-direction:column}.de-chat-compose button{width:100%}.de-chat-thread-head strong{font-size:13px}.de-chat-bubble{max-width:94%}}
/* Group chat controls share the existing responsive Chat workspace. */
.de-chat-group-heading { margin-top: 18px; }
#de-chat-create-group, #de-chat-add-member, #de-chat-leave-group { border: 1px solid var(--line, rgba(255,255,255,.14)); border-radius: 10px; padding: 7px 10px; color: inherit; background: rgba(255,255,255,.045); cursor: pointer; }
#de-chat-add-member[hidden], #de-chat-leave-group[hidden] { display: none; }
.de-chat-group-person .de-chat-avatar { font-weight: 800; }


/* Keyboard visibility and reduced-motion support for direct and group chat. */
.de-chat-workspace :is(button,input,textarea,select,[tabindex]):focus-visible,
.de-chat-workspace button:focus-visible,
.de-chat-workspace input:focus-visible,
.de-chat-workspace textarea:focus-visible {
  outline: 3px solid var(--accent-2, #9ee7ff);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .de-chat-workspace *,
  .de-chat-workspace *::before,
  .de-chat-workspace *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Cross-surface shortcuts keep learning tools reachable while chatting. */
.de-chat-quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid rgba(160,176,255,.14);background:rgba(113,128,255,.045)}
.de-chat-quick-actions span{margin-right:auto;font-size:11px;color:var(--muted,#9ba6c6);font-weight:700}
.de-chat-quick-actions button{min-height:34px;padding:7px 11px;border:1px solid rgba(160,176,255,.24);border-radius:10px;background:rgba(113,128,255,.12);color:inherit;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.de-chat-quick-actions button:hover{background:rgba(113,128,255,.22)}
.de-chat-quick-actions button:focus-visible{outline:3px solid var(--accent-2,#9ee7ff);outline-offset:2px}
@media(max-width:420px){.de-chat-quick-actions span{flex-basis:100%}.de-chat-quick-actions button{flex:1}}