/* A single Tutor workspace: question, response, then optional tools. */
.app-shell[data-active-view=ai] [data-view=ai] { min-height: 0; padding-bottom: 24px; }
.app-shell[data-active-view=ai] [data-view=ai] > .page-header { display: none !important; }
.app-shell[data-active-view=ai] .coda-welcome { display: grid; grid-template-columns: minmax(0,1fr) 80px; gap: 8px 12px; max-width: 620px; padding: 0 0 18px; text-align: left; }
.app-shell[data-active-view=ai] .coda-welcome > :is(.coda-brand,h2,.coda-greeting) { grid-column: 1; }
.app-shell[data-active-view=ai] .coda-welcome > .coda-flow { grid-column: 2; grid-row: 1 / 4; width: 80px; height: 80px; align-self: center; }
.app-shell[data-active-view=ai] .coda-state { grid-column: 2; }
.app-shell[data-active-view=ai] .coda-brand { margin-bottom: 0; }
.app-shell[data-active-view=ai] .coda-flow { width: 128px; height: 128px; margin: 8px auto; }
.app-shell[data-active-view=ai] .coda-welcome h2 { font-size: 19px; letter-spacing: -.3px; }
.app-shell[data-active-view=ai] .coda-greeting { margin: 0; font-size: 13px; line-height: 1.5; color: var(--mc-ink-secondary); }
.app-shell[data-active-view=ai] [data-view=ai] .ai-tutor-layout { max-width: 620px; gap: 16px; }
.app-shell[data-active-view=ai] [data-view=ai] .ai-tutor-layout[hidden] { display: none !important; }
.app-shell[data-active-view=ai] [data-view=ai] .ai-conversation-card { display: flex !important; }
.app-shell[data-active-view=ai] [data-view=ai] .tutor-course-bar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding: 14px !important; }
.app-shell[data-active-view=ai] .tutor-course-bar > label { flex: 1 1 180px; min-width: 0; margin: 0; }
.app-shell[data-active-view=ai] .tutor-context-options { flex-basis: 100%; }
.app-shell[data-active-view=ai] .tutor-context-options > summary { min-height: 44px; padding-block: 12px; }
.app-shell[data-active-view=ai] [data-tutor-material-shortcut] button { min-height: 44px; }
.app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer {
  position: static !important; left: auto; right: auto; bottom: auto; transform: none;
  display: flex !important; flex-direction: column; align-items: stretch; gap: 12px !important;
  width: 100%; max-width: none; min-width: 0; min-height: 0; max-height: none;
  padding: 16px !important; border-radius: 20px !important;
  background: var(--mc-surface,#fff) !important; color: var(--mc-ink,#0c193d);
  border: 1px solid var(--mc-glass-border,rgba(12,25,61,.2)) !important;
  box-shadow: 0 5px 22px rgba(5,21,92,.08); backdrop-filter: none;
}
.app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer textarea {
  width: 100%; height: 100px; min-height: 100px !important; max-height: 50dvh;
  flex: none; margin: 0; padding: 8px !important; resize: vertical;
  color: inherit; line-height: 1.5; font-size: 16px !important;
}
.app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions { display: flex !important; flex-wrap: wrap; gap: 8px; }
.app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions button {
  flex: 0 1 auto; min-height: 44px !important; padding: 10px 12px !important;
  border-radius: 12px !important; font-size: 13px; line-height: 1.4;
  background: var(--mc-glass-standard) !important; color: inherit;
}
.app-shell[data-active-view=ai] .tutor-quick-actions button svg { display: none; }
.app-shell[data-active-view=ai] .ai-action-allowance { margin: 0; font-size: 12px; line-height: 1.5; }
.app-shell[data-active-view=ai] .tutor-account-usage { order: 3; align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; color: var(--mc-ink); text-underline-offset: 3px; }
.app-shell[data-active-view=ai] .tutor-account-usage[hidden] { display: none !important; }
.app-shell[data-active-view=ai] [data-view=ai] .ai-composer__bottom { display: flex; justify-content: flex-end; }
.app-shell[data-active-view=ai] [data-view=ai] [data-ai-send] {
  width: auto !important; min-width: 130px; height: auto; min-height: 44px; padding: 10px 16px !important;
  border-radius: 12px !important; background: #0f4f42 !important; color: #fff;
}
.app-shell[data-active-view=ai] [data-view=ai] [data-ai-send] span { display: inline; }
.app-shell[data-active-view=ai] [data-ai-send] svg { width: 18px; height: 18px; }
.app-shell[data-active-view=ai] .coda-voice-options { order: 3; border-top: 1px solid var(--mc-glass-border); padding-top: 4px; }
.app-shell[data-active-view=ai] .coda-voice-options summary { min-height: 44px; padding-block: 12px; font-size: 13px; cursor: pointer; }
.app-shell[data-active-view=ai] .ai-voice-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.app-shell[data-active-view=ai] .ai-voice-actions :is(button,label) { min-height: 44px; }
.app-shell[data-active-view=ai] .mc-voice-status { font-size: 12px; line-height: 1.5; }
.app-shell[data-active-view=ai] :is(.coda-tools,.tutor-workspace-tools,[data-ai-access-note]) { max-width: 620px; margin: 16px auto; color: inherit; }
.app-shell[data-active-view=ai] :is(.coda-tools,.tutor-workspace-tools) > summary { min-height: 44px; padding: 14px 8px; text-align: left; cursor: pointer; font-size: 14px; list-style: revert; }
.app-shell[data-active-view=ai] .tutor-workspace-tools .mc-workspace-tools { margin-block: 12px; }
.app-shell[data-active-view=ai] [data-ai-access-note] { padding: 20px; }
.app-shell[data-active-view=ai] [data-ai-access-note] h2 { font-size: 21px; }
.app-shell[data-active-view=ai] [data-ai-access-note] > button { margin: 8px 8px 0 0; min-height: 44px; }
.app-shell[data-active-view=ai] .coda-welcome.in-conversation .coda-flow { display: none; }
body:has(.app-shell:is([data-active-view=ai],[data-active-view=study])) .mc-coda-companion:not([data-living-coda]) .mc-coda-companion__launcher[aria-expanded=false] { display: none; }
.app-shell[data-active-view=study] .study-page-header .page-header__actions { gap: 10px; }
.app-shell[data-active-view=study] .course-empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.app-shell[data-active-view=study] .study-workspace-tools { margin-top: 24px; }
.app-shell[data-active-view=study] .study-workspace-tools > summary { min-height: 44px; padding: 12px 8px; font-size: 14px; cursor: pointer; }
.app-shell[data-active-view=study] .study-workspace-tools .mc-workspace-tools { margin-block: 12px; }
/* Keep privacy, loading and route guards stronger than layout display rules. */
.app-shell[data-active-view=ai] [data-view=ai] :is(form,[data-ai-prompt],.ai-voice-actions,.coda-voice-options)[hidden] { display: none !important; }
@media(max-width:760px) {
 .app-shell[data-active-view=ai] .coda-flow { width: 100px; height: 100px; margin-block: 4px; }
 .app-shell[data-active-view=ai] .coda-brand h1 { font-size: 23px; }
 .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer { padding: 14px !important; }
}
@media(max-width:360px) {
 .app-shell[data-active-view=ai] .coda-welcome { grid-template-columns: minmax(0,1fr) 52px; gap: 6px; padding-bottom: 12px; }
 .app-shell[data-active-view=ai] .coda-welcome > .coda-flow { width: 52px; height: 52px; }
 .app-shell[data-active-view=ai] .coda-welcome h2 { font-size: 17px; }
 .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer { gap: 8px !important; }
 .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer textarea { height: 76px; min-height: 76px !important; }
}