/* Scoped application refinements; public landing and hosted access stay separate. */
html:has(#app:not([hidden])) { scroll-behavior:auto; }
#app .view { padding-top:0; }
#app .view.active { animation:none; }
#app .view-hero[data-compact] { overflow:visible; position:relative; flex-shrink:0; flex-wrap:nowrap !important; padding:0 !important; background:transparent !important; min-height:32px !important; }
#app .view-hero-copy { min-width:0; flex:1 1 auto; }
#app .settings-page .settings-head { flex-direction:row; align-items:center; flex-wrap:wrap; gap:8px 16px; padding-bottom:12px; }
#app .settings-page .settings-head h1 { font-size:18px; margin:0; }
#app #models .bridge-hint-cmd { flex-wrap:wrap; }
#app #models .bridge-hint-cmd code { min-width:0; white-space:normal; overflow-wrap:anywhere; }
#app .workspace-view-details { position:relative; margin-left:auto; flex-shrink:0; }
#app .workspace-view-details > summary { cursor:pointer; padding:6px 8px; font:12px var(--ui-font); color:var(--ink-dim); }
#app .workspace-view-details .view-hero-stats { position:absolute; right:0; top:100%; z-index:25; display:flex; flex-wrap:wrap; gap:12px; padding:16px; width:min(420px, calc(100vw - 48px)); background:var(--paper); border:1px solid var(--rule); border-radius:6px; box-shadow:0 8px 24px #0003; }
#app .workspace-view-details:not([open]) .view-hero-stats { display:none; }
#app .workspace-view-details[open] .view-hero-stats { display:flex !important; flex-wrap:wrap !important; max-width:min(420px, calc(100vw - 48px)) !important; overflow:visible; }
#app .workspace-view-details .view-stat { padding:0 12px; flex:1 1 90px; min-width:0; }
#app .sidebar { align-self:start; scrollbar-width:auto; }
#app .chat-categories-hint { display:none; }
#app #chat .chat-categories-panel { align-self:start; max-height:var(--pulse-height); overflow-y:auto; scrollbar-width:auto; }
#app #chat .chat-with-categories { align-items:start; }
@media(min-width:901px) {
  #app #chat { --pulse-height:max(360px, calc(100dvh - 184px)); }
  #app #chat .chat-main-column { height:var(--pulse-height); min-height:0; }
  #app #chat .chat-categories-panel { flex:0 0 200px; padding-top:12px; }
}
#app #homework.active { display:flex; flex-direction:column; height:auto; gap:12px; }
#app #homework [hidden] { display:none !important; }
#app .homework-toolbar { flex:none; padding:12px 0; border:0; background:transparent; }
#app .homework-class-row { flex-direction:row; flex-wrap:wrap; align-items:end; gap:12px; }
#app #homeworkClassSelect { min-width:180px; max-width:100%; min-height:40px; }
#app #homework[data-homework-pane="overview"] .homework-class-cell:has(#homeworkMode),
#app #homework[data-homework-pane="overview"] .homework-model-cell { display:none; }
#app .homework-view-actions { display:flex; gap:8px; flex-wrap:wrap; }
#app .homework-overview { min-width:0; padding:4px 0 12px; }
#app .homework-overview h2 { font:600 20px var(--ui-font); margin:0 0 6px; }
#app .homework-overview h3 { font:600 14px var(--ui-font); margin:0; }
#app .homework-overview p { font:14px/1.5 var(--ui-font); color:var(--ink-dim); margin:6px 0 14px; }
#app .homework-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:24px; }
#app .homework-overview section { min-width:0; }
#app .homework-overview ul { padding:0; margin:12px 0; list-style:none; }
#app .homework-overview li { border-bottom:1px solid var(--rule); }
#app .homework-overview li button { display:block; text-align:left; width:100%; padding:12px 0; background:transparent; border:0; border-radius:0; font:14px/1.5 var(--ui-font); color:var(--ink); overflow-wrap:anywhere; }
#app .homework-overview li button:hover { color:var(--signal); }
#app .homework-overview li:has(time) { display:flex; align-items:baseline; gap:12px; }
#app .homework-overview li:has(time) button { min-width:0; flex:1; }
#app .homework-overview time { flex:none; font:12px var(--ui-font); color:var(--ink-dim); }
#app .homework-assignments { margin-block:24px; }
#app .homework-archived-draft { white-space:pre-wrap; overflow-wrap:anywhere; }
#app .homework-class-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#app #homeworkDraftStatus:empty { display:none; }
.agenda-editor .agenda-fields label[hidden] { display:none; }
#app .homework-note-link { display:flex; gap:8px; align-items:end; flex-wrap:wrap; margin-top:16px; }
#app .homework-note-link label { flex:1 1 180px; min-width:0; font:12px var(--ui-font); }
#app .homework-note-link select { display:block; width:100%; min-height:40px; margin-top:6px; }
#app .homework-note-link button { min-height:40px; }
#app .homework-stream { min-height:0; max-height:none; }
#app #homework[data-homework-pane="conversation"] .homework-stream { max-height:55dvh; overflow:auto; }
@media(max-width:700px) {
  #app .homework-overview-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  #app #homeworkClassSelect { min-width:0; width:100%; }
  #app .homework-class-cell { min-width:0; max-width:100%; }
  #app .homework-class-cell:first-child { flex:1 1 180px; }
}
@media(prefers-reduced-motion:reduce) {
  #app .homework-overview *, #app .workspace-view-details * { transition:none; animation:none; }
}