Integrate project classroom with teacher and friend consultations

src/pages/Chat/classroom-workspace.css

@@ -0,0 +1,38 @@
+/* The classroom surface follows the approved quiet project/chat prototype. */
+[data-testid="sidebar"][data-classroom="true"] { background: #f5f5f1; border-color: #e9eae3; box-shadow: none; backdrop-filter: none; }
+[data-testid="sidebar"][data-classroom="true"] [data-testid="project-conversations"] { font-size: 13px; }
+[data-testid="coding-conversation-header"] { border-bottom-color: #eceee7; background: #fff; }
+.classroom-workspace { --background: 0 0% 100%; --foreground: 98 9% 22%; --muted-foreground: 94 6% 47%; --border: 85 15% 89%; }
+.classroom-tabs { display: flex; flex-shrink: 0; height: 44px; gap: 26px; padding: 0 26px; border-bottom: 1px solid #eceee7; }
+.classroom-tabs button { display: flex; align-items: center; gap: 7px; position: relative; padding: 0 2px; font-size: 12px; color: #8a9083; }
+.classroom-tabs button[aria-selected="true"] { color: #414e38; }
+.classroom-tabs button[aria-selected="true"]::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: #647357; border-radius: 2px; }
+.classroom-chat-view:not([hidden]), .classroom-work-view:not([hidden]) { display: flex; }
+.classroom-chat-view[hidden], .classroom-work-view[hidden] { display: none; }
+.classroom-workspace [data-testid="coding-message-composer"] { max-width: 740px; padding-bottom: 22px; }
+.classroom-workspace .chat-composer-surface { border-color: #dddfd6; border-radius: 17px; box-shadow: 0 2px 8px #29392005; }
+.classroom-workspace [data-testid="coding-conversation-timeline"] { padding-top: 30px; }
+.classroom-work-view [data-testid="agent-browser-panel"] { border: 1px solid #e5e8de; border-radius: 12px; }
+.classroom-consultation-dock { border-color: #e3e7dc; max-width: min(45vw, 520px); }
+.classroom-consultation-resizer { position: absolute; inset: 0 auto 0 -4px; width: 8px; z-index: 2; cursor: col-resize; }
+.classroom-consultation-resizer:hover, .classroom-consultation-resizer:focus-visible { background: #82986733; }
+.consultation-pane { background: #fafbf7; color: #434f3a; }
+.consultation-context { background: #f2f5ec; border-top: 1px solid #edf0e6; border-bottom: 1px solid #e7ecdf; color: #79866c; }
+.consultation-suggestion { border-color: #e0e6d6; color: #718163; }
+.consultation-suggestion:hover { border-color: #bac9aa; background: #f4f7ee; }
+.consultation-user { background: #eaf0e1; }
+.consultation-composer { border-color: #dce3d3; }
+.consultation-send { background: #536947; }
+.consult-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; color: #8c9781; }
+.consult-icon:hover { background: #eaf0e1; color: #45563b; }
+.consultation-friend { background: #fcfaf6; color: #756347; }
+.consultation-friend .consultation-context { background: #f5f0e7; border-color: #eee7d9; color: #958162; }
+.consultation-friend .consultation-user { background: #f0e9db; }
+.consultation-friend .consultation-composer, .consultation-friend .consultation-suggestion { border-color: #e6ddca; }
+.consultation-friend .consultation-suggestion { color: #8b7657; }
+.consultation-friend .consultation-suggestion:hover, .consultation-friend .consult-icon:hover { background: #f4eddf; }
+.consultation-friend .consultation-send { background: #8c7858; }
+@media (max-width: 1100px) { .classroom-consultation-dock { max-width: 40vw; } .classroom-tabs { padding: 0 18px; } }
+@media (max-width: 900px) { .classroom-consultation-dock { position: absolute; inset: 0 0 0 auto; z-index: 45; max-width: 100%; box-shadow: -12px 0 36px #24311b0d; } .classroom-consultation-resizer { display: none; } }
+@media (max-width: 600px) { .classroom-consultation-dock { width: 100%!important; } .classroom-workspace [data-testid="coding-message-composer"] { width: calc(100% - 24px); } }
+@media (prefers-reduced-motion: reduce) { .classroom-workspace *, .consultation-pane * { scroll-behavior: auto!important; } }