:root {
  --canvas: #f5f6fa;
  --surface: #ffffff;
  --surface-soft: #fafbfe;
  --surface-muted: #f0f2f7;
  --line: #e5e8f0;
  --line-strong: #d6dbe8;
  --ink: #1b2334;
  --muted: #697386;
  --faint: #9ba4b5;
  --blue: #2864dc;
  --blue-soft: #eaf1ff;
  --green: #199a70;
  --green-soft: #e5f6ef;
  --coral: #d86c5c;
  --amber: #bd7d19;
  --shadow: 0 12px 30px rgba(30, 44, 72, 0.06);
  --font: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  --mono: 'DM Mono', 'Cascadia Code', monospace;
}

* { box-sizing: border-box; }
html, body, #app-shell { width: 100%; min-width: 320px; height: 100%; margin: 0; }
body { background: var(--canvas); color: var(--ink); font-family: var(--font); font-size: 14px; letter-spacing: 0; }
button, input, textarea { font: inherit; }
button { color: inherit; cursor: pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #85a9f6; outline-offset: 2px; }
svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

.entry-switcher-backdrop { position: fixed; inset: 0; z-index: 45; display: grid; place-items: center; padding: 18px; background: rgba(24, 34, 54, .36); }
.entry-switcher-backdrop[hidden] { display: none; }
.entry-switcher { position: relative; width: min(560px, 100%); padding: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 20px 50px rgba(22, 31, 49, .24); }
.entry-switcher header { padding-right: 30px; margin-bottom: 16px; }
.entry-switcher h2 { margin: 5px 0 0; color: var(--ink); font-size: 18px; }
.entry-switcher-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.entry-switcher-options button { display: grid; grid-template-columns: 34px minmax(0, 1fr) 15px; align-items: center; min-height: 78px; gap: 10px; padding: 11px; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; text-align: left; }
.entry-switcher-options button:hover { border-color: #b7caf5; background: var(--surface); }
.entry-switcher-options b, .entry-switcher-options small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entry-switcher-options b { font-size: 12px; }
.entry-switcher-options small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.entry-switcher-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 6px; }
.entry-switcher-icon svg { width: 17px; height: 17px; }
.entry-switcher-icon-project { color: #4d7ede; background: #eaf1ff; }
.entry-switcher-icon-creator { color: #c66f61; background: #fbece8; }
.entry-switcher-icon-dashboard { color: #3e8b75; background: #e7f5ef; }
.entry-switcher-icon-learning { color: #b07a24; background: #fff4df; }
.entry-switcher-arrow { width: 15px; height: 15px; color: var(--faint); }
.dark .entry-switcher-options button { background: var(--surface-soft); }
.dark .entry-switcher-icon-project { color: #8db3ff; background: #263c61; }
.dark .entry-switcher-icon-creator { color: #eea495; background: #482f32; }
.dark .entry-switcher-icon-dashboard { color: #84d6b7; background: #25453b; }
.dark .entry-switcher-icon-learning { color: #e9bd70; background: #4b3b21; }

.dashboard-project-cards-panel { margin: 0 0 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.dashboard-project-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.dashboard-project-card { min-width: 0; padding: 12px; background: var(--surface); }
.dashboard-project-card header { display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.dashboard-project-card header .dashboard-member-avatar { width: 25px; height: 25px; font-size: 10px; }
.dashboard-project-card header b, .dashboard-project-card header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-project-card header b { color: var(--ink); font-size: 11px; }
.dashboard-project-card header small { margin-top: 2px; color: var(--faint); font-size: 9px; }
.dashboard-project-card header strong { color: var(--green); font: 11px var(--mono); }
.dashboard-project-card-progress { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 7px; margin-top: 11px; }
.dashboard-project-card-progress > span { height: 5px; overflow: hidden; background: var(--surface-muted); border-radius: 4px; }
.dashboard-project-card-progress i { display: block; height: 100%; background: var(--green); border-radius: inherit; }
.dashboard-project-card-progress b { color: var(--muted); font: 10px var(--mono); }
.dashboard-project-card footer { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 9px; }
.dashboard-project-card footer span { padding: 2px 5px; color: #397b66; background: var(--green-soft); border-radius: 3px; font-size: 9px; }
.dashboard-project-card-empty { grid-column: 1 / -1; padding: 18px 12px; color: var(--faint); background: var(--surface); text-align: center; font-size: 11px; }
.dark .dashboard-project-card footer span { color: #84d3b5; }

@media (max-width: 520px) {
  .entry-switcher { padding: 20px; }
  .entry-switcher-options { grid-template-columns: 1fr; }
  .learning-header .entry-switcher-trigger { width: 32px; padding: 0; justify-content: center; }
  .learning-header .entry-switcher-trigger span { display: none; }
  .dashboard-project-cards { grid-template-columns: 1fr; }
}

@media (min-width: 681px) {
  .app-shell.dashboard-active .topbar .entry-switcher-trigger { display: none; }
}

.creator-sidebar-footer [data-action="go-home"],
.creator-sidebar-footer [data-action="open-entry-switcher"] { display: none; }

.app-shell { display: flex; min-height: 100%; }
.sidebar { width: 268px; flex: 0 0 268px; display: flex; flex-direction: column; padding: 18px 12px 12px; background: var(--surface); border-right: 1px solid var(--line); transition: width .2s ease, flex-basis .2s ease, padding .2s ease; overflow: hidden; }
.sidebar { height: 100vh; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.creator-sidebar { display: none; width: 248px; flex: 0 0 248px; height: 100vh; padding: 18px 12px 12px; background: var(--surface); border-right: 1px solid var(--line); }.app-shell.creator-active > .sidebar { display: none; }.app-shell.creator-active > .creator-sidebar { display: flex; flex-direction: column; }.creator-sidebar-brand { display: flex; align-items: center; gap: 9px; height: 36px; padding: 0 8px; color: var(--ink); font-size: 16px; font-weight: 700; }.creator-sidebar-brand .brand-mark { display: grid; flex: 0 0 auto; }.creator-sidebar-brand b { color: var(--coral); }.creator-sidebar-nav { display: grid; gap: 2px; margin-top: 24px; }.creator-sidebar-nav button, .creator-sidebar-footer button { display: flex; align-items: center; width: 100%; height: 36px; gap: 10px; padding: 0 10px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; text-align: left; font-size: 12px; }.creator-sidebar-nav button:hover, .creator-sidebar-footer button:hover { color: var(--ink); background: var(--surface-muted); }.creator-sidebar-nav button.active { color: var(--coral); background: #fbeeea; font-weight: 600; }.creator-sidebar-nav svg, .creator-sidebar-footer svg { width: 16px; height: 16px; }.creator-sidebar-footer { display: grid; gap: 3px; padding-top: 11px; margin-top: auto; border-top: 1px solid var(--line); }.dark .creator-sidebar-nav button.active { color: #eea495; background: #482f32; }
.dashboard-sidebar { display: none; width: 248px; flex: 0 0 248px; height: 100vh; padding: 18px 12px 12px; background: var(--surface); border-right: 1px solid var(--line); }.app-shell.dashboard-active > .sidebar, .app-shell.dashboard-active > .creator-sidebar { display: none; }.app-shell.dashboard-active > .dashboard-sidebar { display: flex; flex-direction: column; }.dashboard-sidebar-brand { display: flex; align-items: center; gap: 9px; height: 36px; padding: 0 8px; color: var(--ink); font-size: 16px; font-weight: 700; }.dashboard-sidebar-brand .brand-mark { display: grid; flex: 0 0 auto; }.dashboard-sidebar-brand b { color: var(--green); }.dashboard-sidebar-nav { display: grid; gap: 2px; margin-top: 24px; }.dashboard-sidebar-nav button, .dashboard-sidebar-footer button { display: flex; align-items: center; width: 100%; height: 36px; gap: 10px; padding: 0 10px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; text-align: left; font-size: 12px; }.dashboard-sidebar-nav button:hover, .dashboard-sidebar-footer button:hover { color: var(--ink); background: var(--surface-muted); }.dashboard-sidebar-nav button.active { color: var(--green); background: var(--green-soft); font-weight: 600; }.dashboard-sidebar-nav svg, .dashboard-sidebar-footer svg { width: 16px; height: 16px; }.dashboard-sidebar-footer { display: grid; gap: 3px; padding-top: 11px; margin-top: auto; border-top: 1px solid var(--line); }.dark .dashboard-sidebar-nav button.active { color: #84d3b5; background: #25453b; }
.sidebar-account { justify-content: flex-start; color: var(--ink) !important; background: var(--surface-soft) !important; border: 1px solid var(--line) !important; }.sidebar-account span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }.entry-account { display: flex; align-items: center; gap: 7px; padding: 3px; color: var(--faint); background: transparent; border: 0; border-radius: 5px; font-size: 11px; }.entry-account:hover { color: var(--ink); background: var(--surface-muted); }
.brand-row { display: flex; align-items: center; height: 36px; padding: 0 6px 0 8px; gap: 10px; }
.client-app-icon { display: block; flex: 0 0 auto; width: 20px; height: 20px; object-fit: contain; }
.brand-name { flex: 1; font-size: 16px; font-weight: 700; white-space: nowrap; }.brand-name b { color: var(--blue); font-weight: 700; }
.icon-button, .plain-icon, .tool-button, .response-actions button { display: inline-grid; place-items: center; border: 0; background: transparent; color: var(--muted); border-radius: 6px; transition: color .16s ease, background .16s ease; }
.icon-button { width: 32px; height: 32px; }.icon-button:hover, .plain-icon:hover, .tool-button:hover, .response-actions button:hover { background: var(--surface-muted); color: var(--ink); }
.sidebar-collapse { flex: 0 0 32px; }.new-chat { display: flex; align-items: center; gap: 9px; width: calc(100% - 8px); height: 40px; padding: 0 10px; margin: 20px 4px 12px; color: #fff; background: var(--blue); border: 1px solid var(--blue); border-radius: 6px; font-weight: 600; text-align: left; box-shadow: 0 3px 8px rgba(40, 100, 220, .18); }.new-chat:hover { background: #1d55c6; }.new-chat svg { width: 17px; }.new-chat kbd { margin-left: auto; color: #cbdcff; font: 10px var(--mono); }
.sidebar-search { display: flex; align-items: center; height: 36px; margin: 0 4px 13px; padding: 0 9px; gap: 7px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; color: var(--faint); }.sidebar-search svg { width: 15px; height: 15px; }.sidebar-search input { width: 100%; min-width: 0; background: transparent; border: 0; outline: 0; color: var(--ink); font-size: 12px; }.sidebar-search input::placeholder { color: var(--faint); }.sidebar-search kbd, .input-hint kbd { font: 10px var(--mono); color: var(--faint); }
.nav-list { display: grid; gap: 2px; margin-bottom: 20px; }.nav-item { display: flex; align-items: center; width: 100%; height: 36px; gap: 10px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); text-align: left; }.nav-item svg { width: 17px; }.nav-item span { flex: 1; }.nav-item em { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; color: var(--blue); background: var(--blue-soft); border-radius: 9px; font: 10px var(--mono); font-style: normal; }.nav-item:hover { background: var(--surface-muted); color: var(--ink); }.nav-item.active { color: var(--blue); background: var(--blue-soft); font-weight: 600; }
.history-section { min-height: 0; flex: 1; overflow: hidden; }.section-label { display: flex; align-items: center; justify-content: space-between; height: 30px; padding: 0 9px; color: var(--faint); font-size: 11px; font-weight: 600; }.plain-icon { width: 24px; height: 24px; font-weight: 700; letter-spacing: 1px; }.conversation-list { display: grid; gap: 2px; overflow-y: auto; max-height: calc(100vh - 360px); padding: 0 3px; }.conversation { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; width: 100%; gap: 9px; height: 37px; padding: 0 8px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; text-align: left; }.conversation:hover { background: var(--surface-muted); color: var(--ink); }.conversation.active { color: var(--ink); background: #f1f4fa; font-weight: 600; }.conversation > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.conversation time { color: var(--faint); font: 10px var(--mono); font-weight: 400; }.conversation-dot { width: 7px; height: 7px; border-radius: 50%; }.blue { background: #5d88e8; }.coral { background: #dd8477; }.green { background: #55b493; }.amber { background: #dba342; }
.sidebar-footer { padding: 12px 4px 0; margin-top: 8px; border-top: 1px solid var(--line); }.workspace-switcher { display: flex; align-items: center; width: 100%; gap: 8px; padding: 7px 5px; border: 0; border-radius: 6px; background: transparent; text-align: left; }.workspace-switcher:hover { background: var(--surface-muted); }.workspace-avatar { display: grid; place-items: center; width: 27px; height: 27px; color: white; background: #4e5d7c; border-radius: 7px; font-size: 12px; font-weight: 700; }.workspace-switcher > span:nth-child(2) { flex: 1; min-width: 0; }.workspace-switcher b, .workspace-switcher small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.workspace-switcher b { font-size: 12px; }.workspace-switcher small { margin-top: 1px; color: var(--faint); font-size: 10px; }.workspace-switcher svg { width: 14px; }.footer-actions { display: flex; justify-content: flex-end; gap: 3px; margin-top: 3px; }

.main-content { display: grid; grid-template-columns: minmax(0, 1fr) 306px; grid-template-rows: 58px minmax(0, 1fr); flex: 1; min-width: 0; min-height: 100vh; }.topbar { grid-column: 1 / -1; display: flex; align-items: center; min-width: 0; padding: 0 23px 0 25px; background: rgba(255,255,255,.8); border-bottom: 1px solid var(--line); }.crumb { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--faint); font-size: 12px; }.crumb b { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }.crumb svg { width: 14px; height: 14px; }.topbar-actions { display: flex; align-items: center; gap: 7px; margin-left: auto; }.small-control { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 9px; color: var(--muted); background: transparent; border: 1px solid var(--line-strong); border-radius: 5px; font-size: 12px; }.small-control:hover { color: var(--blue); border-color: #b7caf5; background: #f8faff; }.small-control svg { width: 15px; }.mobile-menu { display: none; }
.crumb, .main-content.project-context .crumb { display: none; }
.topbar > .topbar-home { margin-right: 8px; }
.api-status { display: inline-flex; align-items: center; gap: 5px; color: var(--faint); font-size: 10px; white-space: nowrap; }.api-status i { width: 6px; height: 6px; background: #b4bdcc; border-radius: 50%; }.api-status.connected { color: var(--green); }.api-status.connected i { background: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }.api-status.unavailable { color: var(--coral); }.api-status.unavailable i { background: var(--coral); }
.conversation-area { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--canvas); }.conversation-header { display: flex; justify-content: space-between; align-items: end; padding: 30px 48px 18px; background: var(--surface); border-bottom: 1px solid var(--line); }.eyebrow, .tiny-label { color: var(--faint); font-size: 10px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }.live-dot { display: inline-block; width: 6px; height: 6px; margin-right: 5px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 3px var(--green-soft); }.conversation-header h1 { margin: 5px 0 0; font-size: 21px; letter-spacing: 0; line-height: 1.3; }.presence { display: flex; align-items: center; padding-bottom: 1px; }.avatar, .ai-avatar { display: inline-grid; place-items: center; flex: 0 0 auto; width: 26px; height: 26px; border: 2px solid var(--surface); border-radius: 50%; font-size: 10px; font-weight: 700; }.presence .avatar { margin-left: -7px; }.presence .avatar:first-child { margin-left: 0; }.avatar-a { color: #fff; background: #527cb3; }.avatar-b { color: #fff; background: #a66579; }.avatar-c { color: #fff; background: #42927e; }.presence button { height: 26px; padding: 0 7px; margin-left: 8px; color: var(--blue); background: transparent; border: 0; font-size: 11px; font-weight: 600; }.presence button:hover { text-decoration: underline; }
.message-stream { flex: 1; min-height: 0; overflow-y: auto; padding: 15px max(40px, calc((100% - 730px) / 2)) 28px; }.date-divider { display: flex; align-items: center; gap: 10px; margin: 2px 0 18px; color: var(--faint); font: 10px var(--mono); }.date-divider::before, .date-divider::after { height: 1px; flex: 1; content: ''; background: var(--line); }.message { margin-bottom: 24px; }.message-meta { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; color: var(--muted); font-size: 11px; }.message-meta b { color: var(--ink); font-size: 12px; }.message-meta time { color: var(--faint); font-size: 10px; }.message-bubble { max-width: 69%; padding: 10px 13px; margin-left: 33px; color: #243047; background: var(--blue-soft); border: 1px solid #dce8ff; border-radius: 2px 9px 9px 9px; line-height: 1.75; }.ai-avatar { gap: 2px; background: var(--blue); }.ai-avatar i { display: block; width: 3px; height: 3px; background: #fff; border-radius: 50%; }.model-tag { padding: 2px 6px; color: #5976b5; background: #e9f0ff; border-radius: 3px; font: 9px var(--mono); }.ai-response { margin-left: 33px; color: #344054; line-height: 1.75; }.ai-response p { margin: 0 0 12px; }.plan-card { margin: 13px 0 12px; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 7px; box-shadow: var(--shadow); overflow: hidden; }.plan-heading { display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; color: var(--ink); border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 700; }.status-count { color: var(--amber); background: #fff5df; border-radius: 3px; padding: 2px 5px; font-size: 10px; font-weight: 600; }.task-row { position: relative; display: grid; grid-template-columns: 17px 1fr auto; align-items: center; gap: 9px; min-height: 49px; padding: 7px 12px; border-bottom: 1px solid var(--line); cursor: pointer; }.task-row:last-child { border-bottom: 0; }.task-row:hover { background: #fafcff; }.task-row input { position: absolute; opacity: 0; }.checkmark { position: relative; display: block; width: 15px; height: 15px; border: 1.5px solid #b7c0cf; border-radius: 4px; }.task-row input:checked + .checkmark { background: var(--green); border-color: var(--green); }.task-row input:checked + .checkmark::after { position: absolute; top: 2px; left: 4px; width: 4px; height: 7px; content: ''; border: solid #fff; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }.task-row > span:nth-child(3) { min-width: 0; }.task-row b, .task-row small { display: block; }.task-row b { overflow: hidden; color: #344054; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.task-row small { margin-top: 1px; color: var(--faint); font-size: 10px; }.priority { padding: 2px 5px; border-radius: 3px; font: 10px var(--mono); font-style: normal; }.priority.high { color: #bd4750; background: #ffedf0; }.priority.medium { color: #987027; background: #fff6e4; }.response-actions { display: flex; gap: 3px; margin-top: -3px; }.response-actions button { width: 27px; height: 27px; }.response-actions svg { width: 14px; height: 14px; }
.composer-wrap { flex: 0 0 auto; padding: 0 max(40px, calc((100% - 730px) / 2)) 18px; background: var(--canvas); }.suggestion-row { display: flex; gap: 7px; margin: 0 0 8px; overflow-x: auto; }.suggestion-row button { flex: 0 0 auto; height: 25px; padding: 0 8px; color: #60708c; background: transparent; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 10px; }.suggestion-row button:hover { color: var(--blue); background: var(--surface); border-color: #b6cafd; }.composer { padding: 10px 11px 9px; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 7px; box-shadow: 0 8px 23px rgba(35, 48, 74, .06); transition: border-color .16s, box-shadow .16s; }.composer:focus-within { border-color: #91b3f4; box-shadow: 0 0 0 3px rgba(77, 133, 235, .12); }.composer textarea { display: block; width: 100%; max-height: 120px; min-height: 28px; padding: 1px 2px; resize: none; color: var(--ink); background: transparent; border: 0; outline: none; line-height: 1.6; }.composer textarea::placeholder { color: #a5adba; }.composer-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }.composer-tools, .composer-send { display: flex; align-items: center; gap: 3px; }.tool-button { width: 27px; height: 27px; }.tool-button svg { width: 16px; height: 16px; }.context-button, .mode-button { display: flex; align-items: center; gap: 5px; height: 27px; padding: 0 7px; color: #5b6678; background: transparent; border: 0; border-radius: 4px; font-size: 10px; }.context-button:hover, .mode-button:hover { color: var(--ink); background: var(--surface-muted); }.context-button svg, .mode-button svg { width: 12px; height: 12px; }.context-dot { width: 6px; height: 6px; background: #7f9fdf; border-radius: 50%; }.send-button { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; }.send-button:hover { background: #1d55c6; }.send-button:disabled { cursor: not-allowed; background: #b7c5e2; }.send-button svg { width: 16px; }.input-hint { display: flex; gap: 11px; margin-top: 6px; color: var(--faint); font-size: 9px; }.input-hint kbd { margin-right: 3px; }

.context-panel { display: flex; flex-direction: column; min-height: 0; background: var(--surface); border-left: 1px solid var(--line); }.panel-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 27px 19px 17px; border-bottom: 1px solid var(--line); }.panel-header h2 { margin: 5px 0 0; font-size: 15px; }.focus-block { padding: 17px 19px; border-bottom: 1px solid var(--line); }.focus-block p { margin: 7px 0 12px; color: #465268; font-size: 12px; line-height: 1.65; }.progress-line { height: 5px; overflow: hidden; background: #e9edf4; border-radius: 4px; }.progress-line span { display: block; height: 100%; background: var(--green); border-radius: inherit; }.focus-block small { display: block; margin-top: 6px; color: var(--faint); font-size: 10px; }.context-section { padding: 15px 19px; border-bottom: 1px solid var(--line); }.section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: var(--muted); font-size: 11px; font-weight: 700; }.section-title button { padding: 0; color: var(--blue); background: transparent; border: 0; font-size: 10px; }.resource-list { display: grid; gap: 5px; }.resource-item { display: flex; align-items: center; width: 100%; gap: 8px; padding: 6px 0; background: transparent; border: 0; text-align: left; }.resource-item:hover b { color: var(--blue); }.file-icon { display: grid; place-items: center; width: 25px; height: 27px; border-radius: 4px; font: 10px var(--mono); }.file-icon.doc { color: #a35562; background: #fbeff2; }.file-icon.board { color: #50816c; background: #ecf7f2; }.resource-item > span:nth-child(2) { flex: 1; min-width: 0; }.resource-item b, .resource-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.resource-item b { color: #3d485b; font-size: 11px; }.resource-item small { margin-top: 1px; color: var(--faint); font-size: 9px; }.resource-item svg { width: 13px; height: 13px; color: var(--faint); }.activity-section { flex: 1; min-height: 0; }.activity-list { display: grid; gap: 13px; padding: 0; margin: 0; list-style: none; }.activity-list li { display: grid; grid-template-columns: 20px 1fr; gap: 8px; }.activity-icon { display: grid; place-items: center; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; font-size: 10px; font-weight: 700; }.activity-icon.done { color: #fff; background: var(--green); }.activity-icon.pending { border: 2px solid #e5b359; }.activity-icon.info { color: #6484c3; background: #eaf1ff; font-family: serif; }.activity-list p { margin: 0; }.activity-list b, .activity-list small { display: block; }.activity-list b { color: #465268; font-size: 11px; font-weight: 600; }.activity-list small { margin-top: 2px; color: var(--faint); font-size: 9px; line-height: 1.4; }.panel-footer { padding: 12px 19px; border-top: 1px solid var(--line); }.panel-footer button { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 31px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 5px; font-size: 11px; font-weight: 600; }.panel-footer button:hover { background: #dce9ff; }.panel-footer svg { width: 14px; }

.toast { position: fixed; left: 50%; bottom: 24px; z-index: 20; padding: 9px 13px; color: #fff; background: #273147; border-radius: 5px; box-shadow: 0 9px 22px rgba(18, 29, 48, .2); font-size: 12px; opacity: 0; pointer-events: none; transform: translate(-50%, 10px); transition: opacity .2s, transform .2s; }.toast.show { opacity: 1; transform: translate(-50%, 0); }.modal-backdrop { position: fixed; inset: 0; z-index: 30; display: grid; place-items: center; padding: 18px; background: rgba(24, 34, 54, .3); opacity: 0; pointer-events: none; transition: opacity .18s; }.modal-backdrop.show { opacity: 1; pointer-events: auto; }.modal { position: relative; width: min(360px, 100%); padding: 25px; background: var(--surface); border-radius: 8px; box-shadow: 0 20px 50px rgba(22, 31, 49, .22); transform: translateY(8px); transition: transform .18s; }.modal-backdrop.show .modal { transform: translateY(0); }.modal h2 { margin: 0; font-size: 17px; }.modal p { margin: 11px 0 20px; color: var(--muted); font-size: 13px; line-height: 1.7; }.modal-close { position: absolute; top: 12px; right: 13px; width: 26px; height: 26px; color: var(--muted); background: transparent; border: 0; font-size: 17px; }.modal-primary { height: 33px; padding: 0 13px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; font-size: 12px; }

body.dark { --canvas: #15181f; --surface: #1d222b; --surface-soft: #202630; --surface-muted: #282f3a; --line: #303845; --line-strong: #3a4555; --ink: #edf2fa; --muted: #a8b2c3; --faint: #798598; --blue: #7da9ff; --blue-soft: #213555; --green: #55c79a; --green-soft: #183f35; --shadow: 0 12px 30px rgba(0,0,0,.2); }.dark .conversation.active { background: #293344; }.dark .message-bubble { color: #dbe8ff; border-color: #334d7d; }.dark .ai-response { color: #c4cedd; }.dark .task-row b, .dark .resource-item b, .dark .activity-list b, .dark .focus-block p { color: #d5ddec; }.dark .topbar { background: rgba(29,34,43,.84); }.dark .plan-card { background: #202630; }.dark .composer textarea { color: #eef3fb; }.dark .modal { background: #242b36; }.dark .sidebar .brand-mark span:nth-child(2) { background: #9bbcff; }
.entry-page { display: none; width: 100%; min-height: 100vh; padding: 25px 34px 20px; background: var(--canvas); }.entry-header { display: flex; align-items: center; justify-content: space-between; }.entry-brand { display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: 16px; font-weight: 700; }.entry-brand .brand-mark { display: grid; flex: 0 0 auto; }.entry-brand b { color: var(--blue); }.entry-profile { display: flex; align-items: center; gap: 4px; padding: 3px; background: transparent; border: 0; border-radius: 7px; }.entry-profile:hover { background: var(--surface-muted); }.entry-profile svg { width: 14px; height: 14px; color: var(--faint); }.entry-center { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: calc(100vh - 128px); padding: 45px 16px; }.entry-overline { margin: 0 0 9px; color: var(--blue); font: 10px var(--mono); letter-spacing: 1.2px; }.entry-center h1 { margin: 0 0 27px; color: var(--ink); font-size: 25px; letter-spacing: 0; }.entry-actions { display: grid; grid-template-columns: repeat(6, minmax(104px, 128px)); gap: 10px; width: min(100%, 820px); }.entry-action { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 144px; padding: 16px; overflow: hidden; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 2px 5px rgba(34, 46, 70, .02); text-align: left; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }.entry-action:hover { border-color: #b5caf5; box-shadow: 0 9px 22px rgba(33, 52, 87, .08); transform: translateY(-2px); }.entry-action-project { border-color: #c7d8fb; background: #fafdff; }.entry-action-icon { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: auto; color: #4d7ede; background: #eaf1ff; border-radius: 6px; }.entry-action-icon svg { width: 18px; height: 18px; }.entry-icon-coral { color: #c66f61; background: #fbeeea; }.entry-icon-green { color: #3b9078; background: #e8f6f0; }.entry-icon-amber { color: #ad7724; background: #fff5e3; }.entry-icon-violet { color: #836bb7; background: #f2edfb; }.entry-icon-star { color: #4d93a9; background: #e8f5f8; }.entry-action > span:nth-child(2) { font-size: 14px; font-weight: 700; }.entry-arrow { position: absolute; right: 14px; bottom: 16px; width: 15px; height: 15px; color: var(--faint); }.entry-footer { display: flex; align-items: center; justify-content: space-between; color: var(--faint); font-size: 11px; }.entry-footer button { display: grid; place-items: center; width: 30px; height: 30px; color: var(--faint); background: transparent; border: 0; border-radius: 5px; }.entry-footer button:hover { color: var(--ink); background: var(--surface-muted); }.entry-footer svg { width: 16px; height: 16px; }.entry-active { display: block; }.entry-active > .entry-page { display: block; }.entry-active > .sidebar, .entry-active > .main-content { display: none; }.topbar-home { display: grid; place-items: center; width: 25px; height: 25px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 5px; }.topbar-home:hover { color: var(--blue); background: var(--blue-soft); }.topbar-home svg { width: 15px; height: 15px; }
.login-page { display: none; min-height: 100vh; padding: 25px 34px 20px; background: var(--canvas); }.login-brand { display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: 16px; font-weight: 700; }.login-brand .brand-mark { display: grid; flex: 0 0 auto; }.login-brand b { color: var(--blue); }.login-content { display: flex; flex: 1; align-items: center; justify-content: center; min-height: calc(100vh - 108px); padding: 34px 16px; }.login-panel { width: min(100%, 386px); padding: 27px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }.login-panel-head { margin-bottom: 24px; }.login-kicker { color: var(--blue); font: 10px var(--mono); letter-spacing: .9px; }.login-panel h1 { margin: 7px 0 5px; color: var(--ink); font-size: 22px; }.login-panel p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }.login-form { display: grid; gap: 14px; }.login-form label:not(.remember-row) { display: grid; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 600; }.login-form input[type='text'], .login-form input[type='password'] { width: 100%; height: 36px; padding: 0 10px; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 5px; outline: 0; }.login-form input[type='text']:focus, .login-form input[type='password']:focus { border-color: #89abee; box-shadow: 0 0 0 3px rgba(77, 133, 235, .12); }.remember-row { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; }.remember-row input { width: 14px; height: 14px; accent-color: var(--blue); }.login-error { padding: 8px 9px; color: #b44650 !important; background: #fff0f1; border: 1px solid #f5d3d7; border-radius: 5px; }.login-submit { display: flex; align-items: center; justify-content: center; gap: 7px; height: 37px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; font-size: 12px; font-weight: 700; }.login-submit:hover { background: #1d55c6; }.login-submit:disabled { cursor: wait; background: #9cb5e5; }.login-submit svg { width: 15px; height: 15px; }.login-service-status { display: flex; align-items: center; gap: 6px; margin-top: 18px; color: var(--faint); font-size: 10px; }.login-service-status i { width: 6px; height: 6px; background: #b4bdcc; border-radius: 50%; }.login-service-status.connected { color: var(--green); }.login-service-status.connected i { background: var(--green); }.login-service-status.unavailable { color: var(--coral); }.login-service-status.unavailable i { background: var(--coral); }.login-footer { color: var(--faint); font-size: 11px; }.login-active { display: block; }.login-active > .login-page { display: flex; flex-direction: column; }.login-active > .entry-page, .login-active > .sidebar, .login-active > .main-content { display: none; }.dark .login-panel { background: var(--surface); }.dark .login-form input[type='text'], .dark .login-form input[type='password'] { color: var(--ink); background: var(--surface-soft); }.dark .login-error { color: #f4a4ad !important; background: #442b31; border-color: #6a3b45; }
.dark .entry-action-project { background: var(--surface); border-color: #4a669d; }.dark .entry-action-icon { color: #8db3ff; background: #263c61; }.dark .entry-icon-coral { color: #eea495; background: #482f32; }.dark .entry-icon-green { color: #84d6b7; background: #25453b; }.dark .entry-icon-amber { color: #e9bd70; background: #4b3b21; }.dark .entry-icon-violet { color: #bca9e9; background: #392f52; }.dark .entry-icon-star { color: #83c3d3; background: #26434b; }
.project-section { min-height: 0; flex: 1; overflow: hidden; }.project-list { display: grid; gap: 4px; max-height: calc(100vh - 360px); padding: 0 3px; overflow-y: auto; }.project-group { overflow: hidden; border-radius: 6px; }.project-row { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto 24px 15px; align-items: center; width: 100%; height: 37px; gap: 5px; padding: 0 8px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; text-align: left; }.project-row:hover { color: var(--ink); background: var(--surface-muted); }.project-group.active > .project-row { color: var(--ink); background: #edf3ff; font-weight: 600; }.project-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 5px; }.project-icon svg { width: 14px; height: 14px; }.project-icon-blue { color: #4c78d6; background: #e6efff; }.project-icon-coral { color: #bd6b60; background: #f9ebe8; }.project-icon-green { color: #3e8b75; background: #e7f5ef; }.project-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.project-count { display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; color: var(--faint); background: var(--surface-muted); border-radius: 8px; font: 9px var(--mono); }.project-action { width: 24px; height: 24px; padding: 0; color: var(--faint); background: transparent; border: 0; border-radius: 4px; font: 12px var(--mono); letter-spacing: 1px; }.project-action:hover { color: var(--ink); background: var(--surface); }.project-chevron { width: 14px; height: 14px; color: var(--faint); transition: transform .16s ease; }.project-group.expanded .project-chevron { transform: rotate(180deg); }.project-group .conversation-list { max-height: 0; padding: 0 3px 0 14px; overflow: hidden; transition: max-height .2s ease, padding .2s ease; }.project-group.expanded .conversation-list { max-height: 120px; padding-bottom: 3px; }.project-group .conversation { height: 32px; grid-template-columns: 6px minmax(0, 1fr) auto; gap: 8px; padding-left: 8px; font-size: 12px; }.project-group .conversation-dot { width: 5px; height: 5px; }.project-group .conversation.active { background: #f1f4fa; }.dark .project-group.active > .project-row { background: #263b60; }.dark .project-icon-blue { color: #90b3ff; background: #263c61; }.dark .project-icon-coral { color: #e9a092; background: #482f32; }.dark .project-icon-green { color: #85d3b6; background: #25453b; }.dark .project-group .conversation.active { background: #293344; }
.project-list-loading { padding: 12px 9px; color: var(--faint); font-size: 11px; line-height: 1.6; }.project-empty-conversation { width: calc(100% - 12px); height: 28px; margin: 2px 6px 5px; color: var(--blue); background: transparent; border: 1px dashed #c5d7fb; border-radius: 4px; font-size: 10px; text-align: left; }
.project-group.expanded .conversation-list { max-height: 190px; }.project-group.expanded.show-all-conversations .conversation-list { max-height: 640px; }.project-more-conversations { width: calc(100% - 12px); height: 27px; padding: 0 6px; margin: 2px 6px 5px; overflow: hidden; color: var(--blue); background: transparent; border: 0; border-radius: 4px; font-size: 10px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }.project-more-conversations:hover { background: var(--blue-soft); }
.project-section { flex: 0 0 auto; min-height: auto; overflow: visible; }.project-list { flex: none; max-height: none; overflow: visible; }.sidebar-footer { margin-top: auto; background: var(--surface); }
.chat-toolbar { display: flex; align-items: center; gap: 5px; margin: 20px 4px 12px; }.chat-toolbar .new-chat { flex: 1; width: auto; margin: 0; }.batch-button { display: grid; place-items: center; flex: 0 0 40px; height: 40px; color: var(--muted); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; }.batch-button:hover, .batch-button.active { color: var(--blue); background: var(--blue-soft); border-color: #bfd1f7; }.batch-button svg { width: 17px; height: 17px; }.function-section-label { height: 23px; padding: 0 10px; color: var(--faint); font-size: 10px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; }.nav-list { gap: 1px; margin-bottom: 8px; }.team-section { padding: 5px 3px 9px; margin: 0 4px 7px; border-top: 1px solid var(--line); }.team-section .section-label { height: 27px; padding-inline: 5px; }.team-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; width: 100%; height: 32px; gap: 8px; padding: 0 6px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; text-align: left; font-size: 11px; }.team-row:hover { color: var(--ink); background: var(--surface-muted); }.team-row > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.team-row em { display: grid; place-items: center; min-width: 16px; height: 16px; color: #fff; background: var(--coral); border-radius: 8px; font: 9px var(--mono); font-style: normal; }.team-icon { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 5px; color: #fff; font: 10px var(--mono); font-weight: 500; }.team-icon-blue { background: #5e80c4; }.team-icon-green { background: #4c9b83; }.project-section { display: flex; flex-direction: column; }.project-list { flex: 1; min-height: 0; max-height: none; }.dark .batch-button { background: var(--surface-soft); border-color: var(--line); }.dark .batch-button.active { background: var(--blue-soft); border-color: #486ca7; }.dark .team-section { border-color: var(--line); }
.interpretation-card { margin: 12px 0; padding: 11px 13px; background: var(--surface-soft); border: 1px solid var(--line); border-left: 3px solid #6f98e8; border-radius: 5px; }.interpretation-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: var(--ink); font-size: 11px; font-weight: 700; }.interpretation-heading small { color: var(--faint); font: 9px var(--mono); font-weight: 400; }.interpretation-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 0; margin: 0; }.interpretation-facts div { min-width: 0; }.interpretation-facts dt { overflow: hidden; color: var(--faint); text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }.interpretation-facts dd { overflow: hidden; margin: 3px 0 0; color: #40567e; text-overflow: ellipsis; white-space: nowrap; font: 10px var(--mono); font-weight: 500; }.dark .interpretation-card { border-color: var(--line-strong); border-left-color: #81aaff; }.dark .interpretation-facts dd { color: #a9c5ff; }
.meeting-view { display: none; grid-column: 1 / -1; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 28px 32px 32px; background: var(--canvas); }.main-content.meetings-open .meeting-view { display: flex; flex-direction: column; }.main-content.meetings-open .conversation-area, .main-content.meetings-open .context-panel { display: none; }.meeting-view-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 19px; }.meeting-view-header h1 { margin: 5px 0 3px; color: var(--ink); font-size: 21px; }.meeting-view-header p { margin: 0; color: var(--muted); font-size: 12px; }.meeting-header-actions { display: flex; gap: 7px; }.meeting-create-button { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; font-size: 12px; font-weight: 600; }.meeting-create-button:hover { background: #1d55c6; }.meeting-create-button svg { width: 15px; }.meeting-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; margin-bottom: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.meeting-toolbar-left, .meeting-view-switcher { display: flex; align-items: center; gap: 5px; min-width: 0; }.calendar-nav, .calendar-today, .meeting-view-switcher button { height: 27px; padding: 0 8px; color: var(--muted); background: transparent; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 11px; }.calendar-nav { display: grid; place-items: center; width: 27px; padding: 0; }.calendar-nav svg { width: 14px; }.calendar-nav:hover, .calendar-today:hover, .meeting-view-switcher button:hover { color: var(--ink); background: var(--surface-muted); }.meeting-view-switcher button { border-color: transparent; }.meeting-view-switcher button.active { color: var(--blue); background: var(--blue-soft); border-color: #c8d8f8; }.meeting-toolbar select, .meeting-create-form select, .meeting-create-form input, .meeting-create-form textarea { color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 4px; outline: none; }.meeting-toolbar select { width: 168px; height: 28px; padding: 0 7px; font-size: 11px; }.meeting-toolbar strong { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }.meeting-layout { display: grid; grid-template-columns: minmax(0, 1fr) 274px; gap: 12px; min-height: 510px; }.meeting-calendar-panel, .meeting-detail-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.meeting-calendar-panel { min-width: 0; overflow: hidden; }.meeting-calendar { display: grid; grid-template-columns: repeat(var(--calendar-days, 7), minmax(118px, 1fr)); min-width: 680px; }.meeting-calendar-weekday { padding: 10px 8px; color: var(--muted); background: var(--surface-soft); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 10px; font-weight: 600; }.meeting-calendar-weekday:last-child { border-right: 0; }.meeting-day { min-height: 165px; padding: 7px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.meeting-day:nth-child(7n) { border-right: 0; }.meeting-day.today { background: #fbfdff; }.meeting-day-number { display: grid; place-items: center; width: 22px; height: 22px; margin-bottom: 7px; color: var(--muted); border-radius: 50%; font: 10px var(--mono); }.meeting-day.today .meeting-day-number { color: #fff; background: var(--blue); }.meeting-card { display: block; width: 100%; padding: 6px 7px; margin-bottom: 5px; overflow: hidden; color: #40516d; background: var(--blue-soft); border: 0; border-left: 3px solid #5e88dc; border-radius: 3px; text-align: left; }.meeting-card:hover, .meeting-card.selected { color: var(--ink); background: #dce9ff; }.meeting-card.archived { color: var(--muted); background: var(--surface-muted); border-left-color: var(--faint); }.meeting-card b, .meeting-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.meeting-card b { font-size: 10px; }.meeting-card small { margin-top: 2px; color: inherit; font: 9px var(--mono); }.meeting-calendar-empty { padding: 40px 20px; color: var(--faint); text-align: center; font-size: 12px; }.meeting-detail-panel { padding: 16px; }.meeting-detail-panel h2 { margin: 7px 0 7px; color: var(--ink); font-size: 15px; line-height: 1.45; }.meeting-detail-panel p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }.meeting-detail-meta { display: grid; gap: 7px; margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--line); }.meeting-detail-meta div { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 10px; }.meeting-detail-meta span:last-child { color: var(--ink); text-align: right; }.meeting-modal-backdrop { position: fixed; inset: 0; z-index: 35; display: grid; place-items: center; padding: 18px; background: rgba(24, 34, 54, .32); }.meeting-modal { position: relative; width: min(460px, 100%); padding: 24px; background: var(--surface); border-radius: 8px; box-shadow: 0 20px 50px rgba(22, 31, 49, .22); }.meeting-modal h2 { margin: 0 0 18px; color: var(--ink); font-size: 17px; }.meeting-create-form { display: grid; gap: 12px; }.meeting-create-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 600; }.meeting-create-form select, .meeting-create-form input { width: 100%; height: 34px; padding: 0 8px; }.meeting-create-form textarea { width: 100%; padding: 8px; resize: vertical; line-height: 1.5; }.meeting-time-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.meeting-create-error { margin: 0; padding: 7px 8px; color: #b44650; background: #fff0f1; border: 1px solid #f5d3d7; border-radius: 4px; font-size: 11px; }.meeting-create-submit { height: 35px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; font-size: 12px; font-weight: 700; }.meeting-create-submit:disabled { cursor: wait; background: #9cb5e5; }.dark .meeting-day.today { background: #202c41; }.dark .meeting-card { color: #cbd9f0; background: #243a60; border-left-color: #7ea8ff; }.dark .meeting-card:hover, .dark .meeting-card.selected { background: #304c79; }.dark .meeting-card.archived { background: var(--surface-muted); }.dark .meeting-modal { background: var(--surface); }.dark .meeting-create-error { color: #f4a4ad; background: #442b31; border-color: #6a3b45; }
.meeting-modal-backdrop[hidden] { display: none; }
.notification-view { display: none; grid-column: 1 / -1; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 28px 32px 32px; background: var(--canvas); }.main-content.notifications-open .notification-view { display: flex; flex-direction: column; }.main-content.notifications-open .conversation-area, .main-content.notifications-open .context-panel, .main-content.notifications-open .meeting-view { display: none; }.notification-view-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 19px; }.notification-view-header h1 { margin: 5px 0 3px; color: var(--ink); font-size: 21px; }.notification-view-header p { margin: 0; color: var(--muted); font-size: 12px; }.notification-header-actions { display: flex; gap: 7px; }.notification-read-all { height: 30px; padding: 0 10px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 5px; font-size: 12px; font-weight: 600; }.notification-read-all:hover { background: #dce9ff; }.notification-layout { display: grid; grid-template-columns: minmax(0, 1fr) 274px; gap: 12px; min-height: 480px; }.notification-list-panel, .notification-help-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.notification-list-panel { min-width: 0; padding: 14px; }.notification-category-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }.notification-category-tabs button { display: inline-flex; align-items: center; gap: 5px; height: 27px; padding: 0 8px; color: var(--muted); background: transparent; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 11px; }.notification-category-tabs button:hover { color: var(--ink); background: var(--surface-muted); }.notification-category-tabs button.active { color: var(--blue); background: var(--blue-soft); border-color: #c8d8f8; }.notification-category-tabs em { display: none; min-width: 15px; height: 15px; padding: 0 4px; color: inherit; background: rgba(82, 125, 217, .13); border-radius: 8px; font: 9px var(--mono); font-style: normal; line-height: 15px; }.notification-category-tabs em:not(:empty) { display: inline-block; }.notification-list { display: grid; gap: 8px; padding-top: 12px; }.notification-card { position: relative; padding: 12px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; }.notification-card.unread { background: #fbfdff; border-color: #d5e3fb; }.notification-card.unread::before { position: absolute; top: 14px; left: -1px; width: 3px; height: 28px; content: ''; background: var(--blue); border-radius: 0 2px 2px 0; }.notification-card-header { display: flex; align-items: start; justify-content: space-between; gap: 12px; }.notification-card-title { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-width: 0; }.notification-card-title b { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.notification-tag { padding: 2px 5px; border-radius: 3px; font: 9px var(--mono); }.notification-tag.unread { color: #b44650; background: #ffedef; }.notification-tag.read { color: var(--faint); background: var(--surface-muted); }.notification-tag.warning, .notification-tag.critical { color: #af6a1a; background: #fff3df; }.notification-tag.success { color: #278064; background: #e8f6f0; }.notification-tag.info { color: #527bbd; background: #eaf1ff; }.notification-time { flex: 0 0 auto; color: var(--faint); font: 9px var(--mono); }.notification-card p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.65; }.notification-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; }.notification-source { overflow: hidden; color: var(--faint); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }.notification-actions { display: flex; flex: 0 0 auto; gap: 3px; }.notification-actions button { height: 24px; padding: 0 6px; color: var(--muted); background: transparent; border: 0; border-radius: 3px; font-size: 10px; }.notification-actions button:hover { color: var(--ink); background: var(--surface-muted); }.notification-actions button.danger:hover { color: #b44650; background: #fff0f1; }.notification-empty { padding: 44px 20px; color: var(--faint); text-align: center; font-size: 12px; }.notification-help-panel { padding: 16px; }.notification-help-panel h2 { margin: 7px 0; color: var(--ink); font-size: 15px; }.notification-help-panel p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }.notification-help-key { display: grid; grid-template-columns: 8px 1fr 8px 1fr; align-items: center; gap: 8px; margin-top: 17px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }.notification-level-dot { width: 7px; height: 7px; border-radius: 50%; }.notification-level-dot.critical { background: var(--coral); }.notification-level-dot.warning { background: var(--amber); }.notification-level-dot.info { background: #6794e6; }.dark .notification-card.unread { background: #202c41; border-color: #36517e; }.dark .notification-tag.unread { color: #f3a4ad; background: #482d33; }.dark .notification-actions button.danger:hover { color: #f3a4ad; background: #482d33; }
#notification-nav-count[hidden] { display: none; }
.document-view { display: none; grid-column: 1 / -1; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 28px 32px 32px; background: var(--canvas); }.main-content.documents-open .document-view { display: flex; flex-direction: column; }.main-content.documents-open .conversation-area, .main-content.documents-open .context-panel, .main-content.documents-open .meeting-view, .main-content.documents-open .notification-view { display: none; }.document-view-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 19px; }.document-view-header h1 { margin: 5px 0 3px; color: var(--ink); font-size: 21px; }.document-view-header p { margin: 0; color: var(--muted); font-size: 12px; }.document-header-actions { display: flex; gap: 7px; }.document-import-button { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; color: #fff; background: var(--blue); border-radius: 5px; cursor: pointer; font-size: 12px; font-weight: 600; }.document-import-button:hover { background: #1d55c6; }.document-import-button svg { width: 15px; }.document-toolbar { display: flex; gap: 8px; padding: 10px 12px; margin-bottom: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.document-toolbar input, .document-toolbar select { height: 29px; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 4px; outline: none; font-size: 11px; }.document-toolbar input { flex: 1; min-width: 150px; padding: 0 8px; }.document-toolbar select { width: 130px; padding: 0 6px; }.document-layout { display: grid; grid-template-columns: minmax(270px, .75fr) minmax(0, 1.25fr); gap: 12px; min-height: 480px; }.document-list-panel, .document-detail-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.document-list-panel { min-width: 0; overflow: hidden; }.document-list-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; color: var(--ink); border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 700; }.document-list-heading span:last-child { color: var(--faint); font: 10px var(--mono); font-weight: 400; }.document-list { display: grid; }.document-row { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 60px; padding: 9px 12px; background: transparent; border: 0; border-bottom: 1px solid var(--line); text-align: left; }.document-row:hover, .document-row.selected { background: var(--surface-soft); }.document-row.selected { box-shadow: inset 3px 0 0 var(--blue); }.document-file-type { display: grid; place-items: center; width: 25px; height: 28px; color: #5c7eba; background: #eaf1ff; border-radius: 4px; font: 9px var(--mono); }.document-row-main { min-width: 0; }.document-row-main b, .document-row-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.document-row-main b { color: var(--ink); font-size: 11px; }.document-row-main small { margin-top: 3px; color: var(--faint); font-size: 9px; }.document-row-status { padding: 2px 5px; border-radius: 3px; font: 9px var(--mono); }.document-row-status.ready { color: #278064; background: #e8f6f0; }.document-row-status.processing { color: #527bbd; background: #eaf1ff; }.document-row-status.index_failed { color: #b44650; background: #ffedef; }.document-row-status.trashed { color: var(--muted); background: var(--surface-muted); }.document-empty { padding: 45px 20px; color: var(--faint); text-align: center; font-size: 12px; }.document-detail-panel { padding: 18px; }.document-detail-panel h2 { margin: 7px 0; color: var(--ink); font-size: 17px; line-height: 1.45; }.document-detail-panel p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; white-space: pre-wrap; }.document-detail-actions { display: flex; gap: 6px; margin: 15px 0; padding-bottom: 13px; border-bottom: 1px solid var(--line); }.document-detail-actions button { height: 27px; padding: 0 8px; color: var(--muted); background: transparent; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 10px; }.document-detail-actions button:hover { color: var(--ink); background: var(--surface-muted); }.document-detail-actions button.danger:hover { color: #b44650; background: #fff0f1; }.document-detail-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 15px; }.document-detail-meta div { min-width: 0; padding: 8px; background: var(--surface-soft); border-radius: 4px; }.document-detail-meta span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.document-detail-meta span:first-child { color: var(--faint); font-size: 9px; }.document-detail-meta span:last-child { margin-top: 3px; color: var(--ink); font-size: 10px; }.dark .document-row:hover, .dark .document-row.selected { background: var(--surface-muted); }.dark .document-file-type { color: #a7c4ff; background: #263c61; }.dark .document-row-status.ready { color: #84d3b5; background: #25453b; }.dark .document-row-status.index_failed { color: #f3a4ad; background: #482d33; }
.talent-team-view { display: none; grid-column: 1 / -1; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 28px 32px 32px; background: var(--canvas); }.main-content.talent-teams-open .talent-team-view { display: flex; flex-direction: column; }.main-content.talent-teams-open .conversation-area, .main-content.talent-teams-open .context-panel, .main-content.talent-teams-open .meeting-view, .main-content.talent-teams-open .notification-view, .main-content.talent-teams-open .document-view { display: none; }.talent-team-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 19px; }.talent-team-header h1 { margin: 5px 0 3px; color: var(--ink); font-size: 21px; }.talent-team-header p { margin: 0; color: var(--muted); font-size: 12px; }.talent-team-header-actions { display: flex; gap: 7px; }.talent-team-create-button { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; font-size: 12px; font-weight: 600; }.talent-team-create-button:hover { background: #1d55c6; }.talent-team-create-button svg { width: 15px; }.talent-team-layout { display: grid; grid-template-columns: minmax(270px, .75fr) minmax(0, 1.25fr); gap: 12px; min-height: 480px; }.talent-team-list-panel, .talent-team-detail-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.talent-team-list-panel { min-width: 0; overflow: hidden; }.talent-team-list-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; color: var(--ink); border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 700; }.talent-team-list-heading span:last-child { color: var(--faint); font: 10px var(--mono); font-weight: 400; }.talent-team-list { display: grid; }.talent-team-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 9px; width: 100%; min-height: 64px; padding: 10px 12px; background: transparent; border: 0; border-bottom: 1px solid var(--line); text-align: left; }.talent-team-row:hover, .talent-team-row.selected { background: var(--surface-soft); }.talent-team-row.selected { box-shadow: inset 3px 0 0 var(--blue); }.talent-team-avatar { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: #5d7fbe; border-radius: 6px; font: 11px var(--mono); }.talent-team-row-main { min-width: 0; }.talent-team-row-main b, .talent-team-row-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.talent-team-row-main b { color: var(--ink); font-size: 11px; }.talent-team-row-main small { margin-top: 3px; color: var(--faint); font-size: 9px; }.talent-team-member-count { color: var(--faint); font: 10px var(--mono); }.talent-team-empty { padding: 45px 20px; color: var(--faint); text-align: center; font-size: 12px; }.talent-team-detail-panel { padding: 18px; }.talent-team-detail-panel h2 { margin: 7px 0; color: var(--ink); font-size: 17px; line-height: 1.45; }.talent-team-detail-panel p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }.talent-team-actions { display: flex; flex-wrap: wrap; gap: 6px; margin: 15px 0; padding-bottom: 13px; border-bottom: 1px solid var(--line); }.talent-team-actions button, .talent-member-actions button { height: 27px; padding: 0 8px; color: var(--muted); background: transparent; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 10px; }.talent-team-actions button:hover, .talent-member-actions button:hover { color: var(--ink); background: var(--surface-muted); }.talent-team-actions button.danger:hover, .talent-member-actions button.danger:hover { color: #b44650; background: #fff0f1; }.talent-member-heading { display: flex; align-items: center; justify-content: space-between; margin: 14px 0 8px; color: var(--ink); font-size: 12px; font-weight: 700; }.talent-member-list { display: grid; gap: 7px; }.talent-member-row { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px; background: var(--surface-soft); border-radius: 5px; }.talent-member-avatar { display: grid; place-items: center; width: 25px; height: 25px; color: #fff; background: #6e8bbf; border-radius: 50%; font-size: 10px; }.talent-member-main { min-width: 0; }.talent-member-main b, .talent-member-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.talent-member-main b { color: var(--ink); font-size: 10px; }.talent-member-main small { margin-top: 2px; color: var(--faint); font-size: 9px; }.talent-member-actions { display: flex; align-items: center; gap: 4px; }.talent-consent { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 9px; }.talent-consent input { accent-color: var(--blue); }.talent-team-modal-backdrop, .talent-invite-modal-backdrop { position: fixed; inset: 0; z-index: 35; display: grid; place-items: center; padding: 18px; background: rgba(24, 34, 54, .32); }.talent-team-modal-backdrop[hidden], .talent-invite-modal-backdrop[hidden] { display: none; }.talent-team-modal { position: relative; width: min(430px, 100%); padding: 24px; background: var(--surface); border-radius: 8px; box-shadow: 0 20px 50px rgba(22, 31, 49, .22); }.talent-team-modal h2 { margin: 0 0 18px; color: var(--ink); font-size: 17px; }.talent-team-form { display: grid; gap: 12px; }.talent-team-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 600; }.talent-team-form input, .talent-team-form textarea { width: 100%; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 4px; outline: none; }.talent-team-form input { height: 34px; padding: 0 8px; }.talent-team-form textarea { padding: 8px; resize: vertical; }.talent-team-form-error { margin: 0; padding: 7px 8px; color: #b44650; background: #fff0f1; border: 1px solid #f5d3d7; border-radius: 4px; font-size: 11px; }.talent-team-submit { height: 35px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; font-size: 12px; font-weight: 700; }.talent-team-submit:disabled { cursor: wait; background: #9cb5e5; }.talent-invitation-result { display: grid; gap: 6px; padding: 9px; background: var(--surface-soft); border-radius: 4px; color: var(--muted); font-size: 10px; }.talent-invitation-result input { height: 30px; font-size: 10px; }.talent-invitation-result button { height: 27px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 10px; }.dark .talent-team-row:hover, .dark .talent-team-row.selected { background: var(--surface-muted); }.dark .talent-member-row { background: var(--surface-muted); }.dark .talent-team-form-error { color: #f3a4ad; background: #482d33; border-color: #6a3b45; }
.project-create-modal-backdrop { position: fixed; inset: 0; z-index: 35; display: grid; place-items: center; padding: 18px; background: rgba(24, 34, 54, .32); }.project-create-modal-backdrop[hidden] { display: none; }
.settings-modal-backdrop { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 18px; background: rgba(24, 34, 54, .36); }.settings-modal-backdrop[hidden] { display: none; }.settings-center { position: relative; width: min(920px, 100%); height: min(620px, calc(100vh - 36px)); padding: 22px; background: var(--surface); border-radius: 8px; box-shadow: 0 20px 50px rgba(22, 31, 49, .24); }.settings-center header h2 { margin: 5px 0 0; color: var(--ink); font-size: 18px; }.settings-center-body { display: grid; grid-template-columns: 180px minmax(0, 1fr); height: calc(100% - 48px); margin-top: 16px; border-top: 1px solid var(--line); }.settings-center-nav { display: grid; align-content: start; gap: 2px; padding: 12px 12px 12px 0; border-right: 1px solid var(--line); }.settings-center-nav button { height: 32px; padding: 0 10px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; text-align: left; font-size: 11px; }.settings-center-nav button:hover { color: var(--ink); background: var(--surface-muted); }.settings-center-nav button.active { color: var(--blue); background: var(--blue-soft); font-weight: 700; }.settings-center-content { min-width: 0; overflow-y: auto; padding: 14px 0 14px 18px; }.settings-content-heading { margin: 0 0 4px; color: var(--ink); font-size: 15px; }.settings-content-description { margin: 0 0 15px; color: var(--muted); font-size: 11px; line-height: 1.6; }.settings-card { padding: 12px; margin-bottom: 10px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; }.settings-card h4 { margin: 0 0 8px; color: var(--ink); font-size: 11px; }.settings-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }.settings-kv { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 11px; }.settings-kv:last-child { border-bottom: 0; }.settings-kv span:first-child { color: var(--faint); }.settings-kv span:last-child { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }.settings-action-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }.settings-action-row:last-child { border-bottom: 0; }.settings-action-row b, .settings-action-row small { display: block; }.settings-action-row b { color: var(--ink); font-size: 11px; }.settings-action-row small { margin-top: 2px; color: var(--faint); font-size: 9px; }.settings-action-row button { height: 27px; padding: 0 8px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 10px; }.settings-action-row button.danger { color: #b44650; background: #fff0f1; }.settings-tag { display: inline-block; padding: 3px 6px; color: #527bbd; background: #eaf1ff; border-radius: 3px; font: 9px var(--mono); }.dark .settings-center { background: var(--surface); }.dark .settings-center-nav button.active { color: #a7c4ff; background: #263c61; }.dark .settings-action-row button.danger { color: #f3a4ad; background: #482d33; }
.creator-view { display: none; grid-column: 1 / -1; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 28px 32px 32px; background: var(--canvas); }.main-content.creator-open .creator-view { display: flex; flex-direction: column; }.main-content.creator-open .conversation-area, .main-content.creator-open .context-panel, .main-content.creator-open .meeting-view, .main-content.creator-open .notification-view, .main-content.creator-open .document-view, .main-content.creator-open .talent-team-view { display: none; }.creator-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 19px; }.creator-header h1 { margin: 5px 0 3px; color: var(--ink); font-size: 21px; }.creator-header p { margin: 0; color: var(--muted); font-size: 12px; }.creator-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }.creator-stats div { padding: 13px 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }.creator-stats span, .creator-stats b { display: block; }.creator-stats span { color: var(--faint); font-size: 10px; }.creator-stats b { margin-top: 4px; color: var(--ink); font-size: 18px; }.creator-error { padding: 9px 11px; margin: 0 0 12px; color: #b44650; background: #fff0f1; border: 1px solid #f5d3d7; border-radius: 5px; font-size: 11px; }.creator-layout { display: grid; grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr); gap: 12px; min-height: 500px; }.creator-registry-panel, .creator-config-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.creator-registry-panel { min-width: 0; overflow: hidden; }.creator-panel-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; color: var(--ink); border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 700; }.creator-panel-heading span:last-child { color: var(--faint); font: 10px var(--mono); font-weight: 400; }.creator-capability-heading { border-top: 1px solid var(--line); }.creator-service-list, .creator-capability-list { display: grid; }.creator-service-row, .creator-capability-row { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 58px; padding: 9px 12px; background: transparent; border: 0; border-bottom: 1px solid var(--line); text-align: left; }.creator-service-row:hover, .creator-service-row.selected { background: var(--surface-soft); }.creator-service-row.selected { box-shadow: inset 3px 0 0 var(--blue); }.creator-service-icon { display: grid; place-items: center; width: 25px; height: 27px; color: #5f82c2; background: #eaf1ff; border-radius: 4px; font: 10px var(--mono); }.creator-service-main, .creator-capability-main { min-width: 0; }.creator-service-main b, .creator-service-main small, .creator-capability-main b, .creator-capability-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.creator-service-main b, .creator-capability-main b { color: var(--ink); font-size: 11px; }.creator-service-main small, .creator-capability-main small { margin-top: 3px; color: var(--faint); font-size: 9px; }.creator-status { padding: 2px 5px; border-radius: 3px; font: 9px var(--mono); }.creator-status.active { color: #278064; background: #e8f6f0; }.creator-status.disabled { color: var(--muted); background: var(--surface-muted); }.creator-empty { padding: 34px 16px; color: var(--faint); text-align: center; font-size: 11px; }.creator-config-panel { padding: 14px; }.creator-tabs { display: flex; gap: 5px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--line); }.creator-tabs button { height: 27px; padding: 0 8px; color: var(--muted); background: transparent; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 11px; }.creator-tabs button.active { color: var(--blue); background: var(--blue-soft); border-color: #c8d8f8; }.creator-form { display: grid; gap: 11px; }.creator-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 600; }.creator-form input, .creator-form select, .creator-form textarea { width: 100%; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 4px; outline: none; }.creator-form input, .creator-form select { height: 33px; padding: 0 8px; }.creator-form textarea { padding: 8px; resize: vertical; line-height: 1.5; }.creator-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.creator-check { display: flex !important; align-items: center; gap: 7px; }.creator-check input { width: 14px; height: 14px; accent-color: var(--blue); }.creator-submit { height: 35px; color: #fff; background: var(--blue); border: 0; border-radius: 5px; font-size: 12px; font-weight: 700; }.creator-submit:disabled { cursor: wait; background: #9cb5e5; }.creator-debug { margin-top: 17px; padding-top: 13px; border-top: 1px solid var(--line); }.creator-debug p { margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.65; }.dark .creator-service-row:hover, .dark .creator-service-row.selected { background: var(--surface-muted); }.dark .creator-service-icon { color: #a7c4ff; background: #263c61; }.dark .creator-status.active { color: #84d3b5; background: #25453b; }.dark .creator-error { color: #f3a4ad; background: #482d33; border-color: #6a3b45; }
.creator-guide { display: grid; grid-template-columns: minmax(190px, .45fr) minmax(0, 1fr); gap: 18px; padding: 15px; margin-bottom: 12px; background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--coral); border-radius: 6px; }.creator-guide h2 { margin: 5px 0 0; color: var(--ink); font-size: 14px; line-height: 1.45; }.creator-guide ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0; margin: 0; list-style: none; }.creator-guide li { min-width: 0; }.creator-guide b, .creator-guide span { display: block; }.creator-guide b { color: var(--ink); font-size: 11px; }.creator-guide span { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.55; }.creator-guide > p { grid-column: 1 / -1; padding-top: 10px; margin: 0; color: var(--faint); border-top: 1px solid var(--line); font-size: 10px; line-height: 1.55; }.dark .creator-guide { border-color: var(--line); border-left-color: #eea495; }
.dashboard-view { display: none; grid-column: 1 / -1; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 28px 32px 32px; background: var(--canvas); }.main-content.dashboard-open .dashboard-view { display: flex; flex-direction: column; }.main-content.dashboard-open .conversation-area, .main-content.dashboard-open .context-panel, .main-content.dashboard-open .meeting-view, .main-content.dashboard-open .notification-view, .main-content.dashboard-open .document-view, .main-content.dashboard-open .talent-team-view, .main-content.dashboard-open .creator-view { display: none; }.dashboard-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 19px; }.dashboard-header h1 { margin: 5px 0 3px; color: var(--ink); font-size: 21px; }.dashboard-header p { margin: 0; color: var(--muted); font-size: 12px; }.dashboard-header-actions { display: flex; align-items: center; gap: 7px; }.dashboard-header-actions select { width: 190px; height: 30px; padding: 0 7px; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 5px; font-size: 11px; }.dashboard-error { padding: 9px 11px; margin: 0 0 12px; color: #b44650; background: #fff0f1; border: 1px solid #f5d3d7; border-radius: 5px; font-size: 11px; }.dashboard-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }.dashboard-metrics > div { padding: 13px 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }.dashboard-metrics span, .dashboard-metrics b { display: block; }.dashboard-metrics span { color: var(--faint); font-size: 10px; }.dashboard-metrics b { margin-top: 4px; color: var(--ink); font-size: 18px; }.dashboard-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 12px; }.dashboard-main, .dashboard-side { display: grid; align-content: start; gap: 12px; }.dashboard-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }.dashboard-panel-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; color: var(--ink); border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 700; }.dashboard-panel-heading span:last-child { color: var(--faint); font: 10px var(--mono); font-weight: 400; }.dashboard-settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }.dashboard-settings-grid > div { min-width: 0; padding: 12px; background: var(--surface); }.dashboard-settings-grid span, .dashboard-settings-grid b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dashboard-settings-grid span { color: var(--faint); font-size: 9px; }.dashboard-settings-grid b { margin-top: 4px; color: var(--ink); font-size: 11px; }.dashboard-workspace-note { padding: 12px 14px; color: var(--muted); background: var(--surface-soft); }.dashboard-workspace-note span { color: var(--ink); font-size: 11px; font-weight: 700; }.dashboard-workspace-note p { margin: 4px 0 0; font-size: 10px; line-height: 1.6; }.dashboard-permissions { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 14px; }.dashboard-permission { padding: 4px 7px; color: var(--muted); background: var(--surface-muted); border-radius: 3px; font: 9px var(--mono); }.dashboard-permission.enabled { color: #278064; background: #e8f6f0; }.dashboard-activity { display: grid; }.dashboard-activity-item { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--line); }.dashboard-activity-item:last-child { border-bottom: 0; }.dashboard-activity-dot { width: 7px; height: 7px; background: #6490df; border-radius: 50%; }.dashboard-activity-item b, .dashboard-activity-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dashboard-activity-item b { color: var(--ink); font-size: 10px; }.dashboard-activity-item small { margin-top: 2px; color: var(--faint); font-size: 9px; }.dashboard-activity-item time { color: var(--faint); font: 9px var(--mono); }.dashboard-members { display: grid; }.dashboard-member { display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid var(--line); }.dashboard-member:last-child { border-bottom: 0; }.dashboard-member-avatar { display: grid; place-items: center; width: 24px; height: 24px; color: #fff; background: #6685bb; border-radius: 50%; font-size: 9px; }.dashboard-member b, .dashboard-member small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dashboard-member b { color: var(--ink); font-size: 10px; }.dashboard-member small { margin-top: 2px; color: var(--faint); font-size: 9px; }.dashboard-member-role { padding: 2px 5px; color: #527bbd; background: #eaf1ff; border-radius: 3px; font: 9px var(--mono); }.dashboard-resources { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }.dashboard-resource { padding: 12px; background: var(--surface); text-align: center; }.dashboard-resource b, .dashboard-resource span { display: block; }.dashboard-resource b { color: var(--ink); font-size: 17px; }.dashboard-resource span { margin-top: 4px; color: var(--faint); font-size: 9px; }.dark .dashboard-permission.enabled { color: #84d3b5; background: #25453b; }.dark .dashboard-member-role { color: #a7c4ff; background: #263c61; }.dark .dashboard-error { color: #f3a4ad; background: #482d33; border-color: #6a3b45; }
.dashboard-usage-metrics, .dashboard-tool-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); }.dashboard-usage-metrics > div, .dashboard-tool-metrics > div { min-width: 0; padding: 11px 12px; background: var(--surface); }.dashboard-usage-metrics span, .dashboard-usage-metrics b, .dashboard-tool-metrics span, .dashboard-tool-metrics b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dashboard-usage-metrics span, .dashboard-tool-metrics span { color: var(--faint); font-size: 9px; }.dashboard-usage-metrics b, .dashboard-tool-metrics b { margin-top: 4px; color: var(--ink); font-size: 12px; }.dashboard-model-usage, .dashboard-telemetry-members { display: grid; }.dashboard-model-row, .dashboard-telemetry-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 9px 12px; border-top: 1px solid var(--line); }.dashboard-model-row b, .dashboard-model-row small, .dashboard-telemetry-row b, .dashboard-telemetry-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dashboard-model-row b, .dashboard-telemetry-row b { color: var(--ink); font-size: 10px; }.dashboard-model-row small, .dashboard-telemetry-row small { margin-top: 2px; color: var(--faint); font-size: 9px; }.dashboard-model-row span, .dashboard-telemetry-row span { color: var(--muted); font: 10px var(--mono); }.dashboard-rag-domains { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }.dashboard-rag-domain { padding: 11px 12px; background: var(--surface); }.dashboard-rag-domain b, .dashboard-rag-domain small { display: block; }.dashboard-rag-domain b { color: var(--ink); font-size: 11px; }.dashboard-rag-domain small { margin-top: 5px; color: var(--muted); font: 9px var(--mono); }.dashboard-rag-evaluation { display: flex; flex-wrap: wrap; gap: 6px; padding: 11px 12px; border-top: 1px solid var(--line); }.dashboard-rag-evaluation span { padding: 4px 6px; color: #527bbd; background: #eaf1ff; border-radius: 3px; font: 9px var(--mono); }.dashboard-governance-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 12px 14px; }.dashboard-governance-form label { display: grid; gap: 4px; color: var(--muted); font-size: 9px; }.dashboard-governance-form input, .dashboard-governance-form select { width: 100%; height: 30px; padding: 0 7px; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 4px; }.dashboard-governance-form .dashboard-governance-check { display: flex; align-items: center; gap: 5px; padding-top: 15px; }.dashboard-governance-check input { width: 14px; height: 14px; accent-color: var(--blue); }.dashboard-governance-form button { grid-column: span 2; height: 30px; color: #fff; background: var(--blue); border: 0; border-radius: 4px; font-size: 10px; font-weight: 700; }.dashboard-governance-list { display: grid; }.dashboard-governance-policy { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 9px 14px; border-top: 1px solid var(--line); }.dashboard-governance-policy b, .dashboard-governance-policy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dashboard-governance-policy b { color: var(--ink); font-size: 10px; }.dashboard-governance-policy small { margin-top: 2px; color: var(--faint); font-size: 9px; }.dashboard-governance-policy button { height: 25px; padding: 0 6px; color: #b44650; background: transparent; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 9px; }.dark .dashboard-rag-evaluation span { color: #a7c4ff; background: #263c61; }
.app-shell.sidebar-collapsed .sidebar { width: 62px; flex-basis: 62px; padding-inline: 8px; }.app-shell.sidebar-collapsed .brand-name, .app-shell.sidebar-collapsed .new-chat span, .app-shell.sidebar-collapsed .new-chat kbd, .app-shell.sidebar-collapsed .sidebar-search input, .app-shell.sidebar-collapsed .sidebar-search kbd, .app-shell.sidebar-collapsed .nav-item span, .app-shell.sidebar-collapsed .nav-item em, .app-shell.sidebar-collapsed .history-section, .app-shell.sidebar-collapsed .workspace-switcher > span:nth-child(2), .app-shell.sidebar-collapsed .workspace-switcher > svg { display: none; }.app-shell.sidebar-collapsed .brand-row { padding: 0 7px; }.app-shell.sidebar-collapsed .sidebar-collapse { transform: rotate(180deg); }.app-shell.sidebar-collapsed .new-chat { width: 40px; padding: 0; justify-content: center; margin-inline: 3px; }.app-shell.sidebar-collapsed .sidebar-search { justify-content: center; padding: 0; }.app-shell.sidebar-collapsed .nav-item { justify-content: center; padding: 0; }.app-shell.sidebar-collapsed .sidebar-footer { margin-top: auto; }.app-shell.sidebar-collapsed .workspace-switcher { justify-content: center; padding: 7px 0; }.app-shell.sidebar-collapsed .footer-actions { display: none; }
.app-shell.sidebar-collapsed .project-section { display: none; }
.app-shell.sidebar-collapsed .chat-toolbar { margin: 20px 3px 12px; }.app-shell.sidebar-collapsed .chat-toolbar .new-chat { flex: 0 0 40px; margin: 0; }.app-shell.sidebar-collapsed .batch-button, .app-shell.sidebar-collapsed .function-section-label, .app-shell.sidebar-collapsed .team-section { display: none; }
.main-content.context-hidden { grid-template-columns: minmax(0, 1fr); }.context-hidden .context-panel { display: none; }

/* Keep the desktop task-context panel legible at a normal reading size. */
.context-panel .panel-header h2 { font-size: 17px; }
.context-panel .focus-block p { font-size: 14px; line-height: 1.7; }
.context-panel .focus-block small { font-size: 12px; line-height: 1.5; }
.context-panel .section-title { font-size: 13px; }
.context-panel .section-title button { font-size: 12px; }
.context-panel .file-icon { font-size: 11px; }
.context-panel .resource-item b { font-size: 13px; }
.context-panel .resource-item small { font-size: 11px; line-height: 1.45; }
.context-panel .activity-list b { font-size: 13px; }
.context-panel .activity-list small { font-size: 11px; line-height: 1.45; }
.context-panel .panel-footer button { font-size: 13px; }

/* Keep the entry-page account controls together in the upper-right corner. */
.entry-account-actions { display: flex; align-items: center; gap: 8px; min-width: 0; }
.entry-user-display, .entry-logout { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 9px; border: 1px solid var(--line); border-radius: 6px; font-size: 13px; }
.entry-user-display { max-width: min(240px, 42vw); color: var(--ink); background: var(--surface); font-weight: 600; }
.entry-user-display:hover { background: var(--surface-muted); }
.entry-user-display > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entry-logout { color: var(--muted); background: transparent; }
.entry-logout:hover { color: var(--ink); background: var(--surface-muted); }
.entry-logout svg { width: 16px; height: 16px; }

/* Use one readable type scale across the right-side detail panels. */
.meeting-detail-panel, .notification-help-panel, .document-detail-panel, .talent-team-detail-panel { padding: 22px; font-size: 14px; }
.meeting-detail-panel > .tiny-label, .notification-help-panel > .tiny-label, .document-detail-panel > .tiny-label, .talent-team-detail-panel > .tiny-label { font-size: 11px; }
.meeting-detail-panel > h2, .notification-help-panel > h2, .document-detail-panel > h2, .talent-team-detail-panel > h2 { font-size: 19px; line-height: 1.4; }
.meeting-detail-panel > p, .notification-help-panel > p, .document-detail-panel > p, .talent-team-detail-panel > p { font-size: 14px; line-height: 1.75; }
.meeting-detail-meta > div > span:first-child, .document-detail-meta > div > span:first-child { font-size: 12px; }
.meeting-detail-meta > div > span:last-child, .document-detail-meta > div > span:last-child { font-size: 14px; line-height: 1.55; }
.document-detail-actions button, .talent-team-actions button { font-size: 13px; }
.notification-help-key > span:not(.notification-level-dot) { font-size: 13px; line-height: 1.5; }
.talent-member-heading { font-size: 14px; }
.talent-member-heading span:last-child, .talent-member-main small, .talent-member-actions button, .talent-consent { font-size: 12px; }
.talent-member-main b { font-size: 14px; }
.talent-member-main small { line-height: 1.5; }
.app-shell.learning-active > .sidebar, .app-shell.learning-active > .creator-sidebar, .app-shell.learning-active > .dashboard-sidebar { display: none; }.learning-view { display: none; grid-column: 1 / -1; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 22px 32px 32px; background: var(--canvas); }.main-content.learning-open { grid-template-rows: minmax(0, 1fr); }.main-content.learning-open .topbar { display: none; }.main-content.learning-open .learning-view { display: flex; grid-row: 1; flex-direction: column; }.main-content.learning-open .conversation-area, .main-content.learning-open .context-panel, .main-content.learning-open .meeting-view, .main-content.learning-open .notification-view, .main-content.learning-open .document-view, .main-content.learning-open .talent-team-view, .main-content.learning-open .creator-view, .main-content.learning-open .dashboard-view { display: none; }.learning-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }.learning-title { display: flex; align-items: center; gap: 10px; }.learning-title-row, .learning-brand-lockup, .learning-brand-feifair, .learning-brand-openmaic { display: flex; align-items: center; }.learning-title-row { gap: 13px; }.learning-header h1 { margin: 5px 0 0; color: var(--ink); font-size: 21px; }.learning-brand-lockup { gap: 7px; height: 24px; padding: 0 8px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 5px; font-size: 10px; }.learning-brand-feifair, .learning-brand-openmaic { gap: 5px; white-space: nowrap; }.learning-brand-feifair { color: var(--ink); }.learning-brand-feifair img, .learning-brand-openmaic img { display: block; width: 15px; height: 15px; object-fit: contain; }.learning-brand-plus { color: var(--faint); font: 13px var(--mono); }.learning-brand-openmaic b { color: #596275; }.learning-chat-surface { display: grid; flex: 1; min-height: 0; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }.learning-chat-surface iframe { width: 100%; height: 100%; min-height: 600px; border: 0; }.learning-unavailable { align-self: center; justify-self: center; max-width: 360px; padding: 12px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; text-align: center; }.dark .learning-brand-lockup { background: var(--surface-soft); }.dark .learning-brand-openmaic b { color: var(--muted); }

@media (max-width: 1080px) { .main-content { grid-template-columns: minmax(0, 1fr) 270px; }.conversation-header { padding-inline: 30px; }.composer-wrap, .message-stream { padding-inline: 30px; }.context-panel { font-size: 12px; } }
@media (max-width: 860px) { .main-content { grid-template-columns: minmax(0, 1fr); }.context-panel { position: fixed; top: 58px; right: 0; bottom: 0; z-index: 10; width: min(306px, 84vw); box-shadow: -10px 0 25px rgba(31,43,66,.12); transform: translateX(100%); transition: transform .2s ease; }.context-panel.open { transform: translateX(0); }.conversation-header { padding-right: 20px; }.topbar-actions .small-control span { display: none; } }
@media (max-width: 680px) { .sidebar { position: fixed; z-index: 15; top: 0; bottom: 0; left: 0; width: min(280px, 84vw); transform: translateX(-105%); box-shadow: 10px 0 30px rgba(26,37,59,.16); transition: transform .22s ease; }.app-shell.sidebar-open .sidebar { transform: translateX(0); }.sidebar-collapse { display: none; }.mobile-menu { display: inline-grid; margin-right: 10px; }.topbar { padding: 0 14px; }.crumb span, .crumb svg { display: none; }.conversation-header { align-items: flex-start; padding: 22px 20px 16px; }.conversation-header h1 { font-size: 19px; }.presence { display: none; }.message-stream { padding: 12px 16px 22px; }.message-bubble, .ai-response { margin-left: 0; }.message-bubble { max-width: 92%; }.composer-wrap { padding: 0 12px 13px; }.suggestion-row { margin-bottom: 6px; }.context-button { max-width: 110px; overflow: hidden; white-space: nowrap; }.input-hint { display: none; }.composer-bottom { margin-top: 7px; }.topbar-actions { gap: 2px; }.conversation-header .eyebrow { font-size: 9px; } }
@media (max-width: 680px) { .app-shell.creator-active > .creator-sidebar { display: none; } }
@media (max-width: 680px) { .app-shell.dashboard-active > .dashboard-sidebar { display: none; } }
@media (max-width: 680px) { .settings-center { height: min(680px, calc(100vh - 24px)); padding: 18px; }.settings-center-body { grid-template-columns: 1fr; height: calc(100% - 46px); }.settings-center-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 10px 0; border-right: 0; border-bottom: 1px solid var(--line); }.settings-center-nav button { padding: 0 6px; text-align: center; font-size: 10px; }.settings-center-content { padding: 14px 0; }.settings-kv { grid-template-columns: 100px minmax(0, 1fr); } }
@media (max-width: 680px) { .entry-page { padding: 18px; }.entry-center { min-height: calc(100vh - 100px); padding: 26px 0; align-items: stretch; }.entry-center h1 { margin-bottom: 20px; font-size: 22px; }.entry-actions { grid-template-columns: 1fr; width: 100%; gap: 8px; }.entry-action { flex-direction: row; align-items: center; min-height: 58px; padding: 11px; gap: 11px; }.entry-action-icon { flex: 0 0 auto; width: 34px; height: 34px; margin: 0; }.entry-arrow { position: static; width: 16px; height: 16px; margin-left: auto; }.crumb .topbar-home { display: grid; }.crumb .topbar-home svg { display: block; } }
@media (max-width: 680px) { .login-page { padding: 18px; }.login-content { min-height: calc(100vh - 88px); padding-inline: 0; }.login-panel { padding: 22px; }.login-footer { font-size: 10px; } }
@media (max-width: 860px) { .meeting-view { padding: 20px; }.meeting-layout { grid-template-columns: 1fr; }.meeting-detail-panel { min-height: 140px; }.meeting-calendar-panel { overflow-x: auto; } }
@media (max-width: 860px) { .notification-view { padding: 20px; }.notification-layout { grid-template-columns: 1fr; }.notification-help-panel { min-height: 120px; } }
@media (max-width: 860px) { .document-view { padding: 20px; }.document-layout { grid-template-columns: 1fr; }.document-detail-panel { min-height: 160px; } }
@media (max-width: 860px) { .talent-team-view { padding: 20px; }.talent-team-layout { grid-template-columns: 1fr; }.talent-team-detail-panel { min-height: 180px; } }
@media (max-width: 860px) { .creator-view { padding: 20px; }.creator-layout { grid-template-columns: 1fr; }.creator-config-panel { min-height: 300px; } }
@media (max-width: 860px) { .creator-guide { grid-template-columns: 1fr; }.creator-guide ol { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .dashboard-view { padding: 20px; }.dashboard-layout { grid-template-columns: 1fr; }.dashboard-side { grid-template-columns: 1fr 1fr; } }
@media (max-width: 860px) { .learning-view { padding: 20px; } }
@media (max-width: 860px) { .dashboard-usage-metrics, .dashboard-tool-metrics { grid-template-columns: repeat(2, 1fr); }.dashboard-governance-form { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .meeting-view { padding: 16px 12px 20px; }.meeting-view-header { align-items: flex-start; flex-direction: column; margin-bottom: 14px; }.meeting-header-actions { width: 100%; }.meeting-header-actions > * { flex: 1; justify-content: center; }.meeting-toolbar { align-items: stretch; flex-direction: column; }.meeting-toolbar-left { flex-wrap: wrap; }.meeting-toolbar select { flex: 1; min-width: 150px; }.meeting-view-switcher { align-self: flex-end; }.meeting-calendar { min-width: 630px; }.meeting-time-fields { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .notification-view { padding: 16px 12px 20px; }.notification-view-header { align-items: flex-start; flex-direction: column; margin-bottom: 14px; }.notification-header-actions { width: 100%; }.notification-header-actions > * { flex: 1; justify-content: center; }.notification-card-header { flex-direction: column; gap: 5px; }.notification-card-footer { align-items: flex-start; flex-direction: column; }.notification-actions { width: 100%; }.notification-actions button { flex: 1; }.notification-help-key { grid-template-columns: 8px 1fr; } }
@media (max-width: 680px) { .document-view { padding: 16px 12px 20px; }.document-view-header { align-items: flex-start; flex-direction: column; margin-bottom: 14px; }.document-header-actions { width: 100%; }.document-header-actions > * { flex: 1; justify-content: center; }.document-toolbar { flex-wrap: wrap; }.document-toolbar input { flex-basis: 100%; }.document-toolbar select { flex: 1; width: auto; }.document-detail-meta { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .talent-team-view { padding: 16px 12px 20px; }.talent-team-header { align-items: flex-start; flex-direction: column; margin-bottom: 14px; }.talent-team-header-actions { width: 100%; }.talent-team-header-actions > * { flex: 1; justify-content: center; }.talent-member-row { grid-template-columns: 26px minmax(0, 1fr); }.talent-member-actions { grid-column: 1 / -1; width: 100%; }.talent-member-actions button { flex: 1; }.talent-team-modal { padding: 20px; } }
@media (max-width: 680px) { .creator-view { padding: 16px 12px 20px; }.creator-header { align-items: flex-start; flex-direction: column; margin-bottom: 14px; }.creator-header-actions { width: 100%; }.creator-header-actions > * { flex: 1; justify-content: center; }.creator-stats { grid-template-columns: 1fr; }.creator-form-grid { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .dashboard-view { padding: 16px 12px 20px; }.dashboard-header { align-items: flex-start; flex-direction: column; margin-bottom: 14px; }.dashboard-header-actions { width: 100%; }.dashboard-header-actions select, .dashboard-header-actions button { flex: 1; width: auto; justify-content: center; }.dashboard-metrics { grid-template-columns: repeat(2, 1fr); }.dashboard-settings-grid { grid-template-columns: repeat(2, 1fr); }.dashboard-side { grid-template-columns: 1fr; }.dashboard-project-subtitle { line-height: 1.6; } }
@media (max-width: 680px) { .learning-view { padding: 14px 12px 20px; }.learning-header { margin-bottom: 12px; }.learning-title-row { align-items: flex-start; flex-direction: column; gap: 6px; }.learning-chat-surface iframe { min-height: 520px; } }
@media (max-width: 680px) { .dashboard-usage-metrics, .dashboard-tool-metrics, .dashboard-rag-domains { grid-template-columns: 1fr; }.dashboard-model-row, .dashboard-telemetry-row, .dashboard-governance-policy { grid-template-columns: minmax(0, 1fr) auto; }.dashboard-model-row span:last-child, .dashboard-telemetry-row span:last-child, .dashboard-governance-policy button { grid-column: 1 / -1; justify-self: start; }.dashboard-governance-form { grid-template-columns: 1fr; }.dashboard-governance-form button { grid-column: auto; } }
@media (max-width: 680px) { .api-status span { display: none; } }
@media (max-width: 680px) { .interpretation-facts { grid-template-columns: 1fr; gap: 6px; }.interpretation-facts div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }.interpretation-facts dd { flex: 0 0 auto; } }