:root {
  color-scheme: light;
  --bg: #eef1f6;
  --panel: #ffffff;
  --panel-soft: #f8f9fb;
  --ink: #37352f;
  --ink-heading: #37352f;
  --ink-soft: #4c4944;
  --muted: #6d6c6a;
  --muted-soft: #95938d;
  --line: rgba(31, 31, 33, 0.08);
  --line-strong: rgba(31, 31, 33, 0.15);
  --blue: #2d67d4;
  --blue-dark: #1f63df;
  --lime: #dfe7f3;
  --cream: #f8f9fb;
  --green: #207c37;
  --orange: #a65706;
  --shadow: 0 24px 70px rgba(31, 31, 33, 0.09);
  --small-shadow: 0 10px 30px rgba(31, 31, 33, 0.06);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", sans-serif;
}

/* Authenticated iPhone width guard v247 */
@media (max-width: 920px) {
  html,
  body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    padding:
      calc(10px + env(safe-area-inset-top, 0px))
      10px
      calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "topbar"
      "capture"
      "workspaceEntry"
      "meetings"
      "sidebar"
      "session" !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.deadline-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .meetings-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar {
    margin-bottom: 10px !important;
    padding-inline: 12px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    padding: 22px 18px 20px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    max-width: 100% !important;
    font-size: clamp(2.15rem, 11vw, 3rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 14px 10px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-column: 1 / -1 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button > span:not(#recordIcon),
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu small {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #selectedFile {
    flex: 1 1 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-row,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-open {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* Login keyboard width guard v247 */
@media (max-width: 620px) {
  body.auth-modal-open {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .auth-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    align-items: start !important;
    justify-items: center !important;
    place-items: start center !important;
    padding:
      calc(18px + env(safe-area-inset-top, 0px))
      14px
      calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .auth-shell {
    width: min(100%, 420px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  .auth-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 16px !important;
    padding: 28px 14px 20px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .auth-card-brand,
  .auth-copy,
  .auth-form,
  .auth-field,
  .auth-actions,
  .auth-provider-stack {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .auth-card h3 {
    max-width: 100% !important;
    font-size: clamp(2rem, 10vw, 2.65rem) !important;
    overflow-wrap: anywhere !important;
  }

  .auth-card p {
    max-width: 100% !important;
    font-size: clamp(1rem, 4.8vw, 1.2rem) !important;
    line-height: 1.35 !important;
  }

  .auth-field input,
  .auth-primary-button,
  .auth-secondary-button,
  .auth-provider-button,
  .auth-signout-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #090a0d;
  --panel: #15171c;
  --panel-soft: #101216;
  --ink: #f4f5f7;
  --ink-heading: #f7f8fa;
  --ink-soft: #d7dbe2;
  --muted: #a2a9b4;
  --muted-soft: #7d8490;
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.18);
  --blue: #5d8cff;
  --blue-dark: #7aa2ff;
  --lime: #1f2530;
  --cream: #101216;
  --green: #5fd184;
  --orange: #ffb057;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  --small-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  color: var(--ink-soft);
  background:
    linear-gradient(180deg, rgba(250, 251, 253, 0.9) 0%, var(--bg) 42%, #e7ecf4 100%);
  background-attachment: fixed;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

.avatar-stage,
.chat-avatar-row,
.capture-copy,
#demoButton,
.eyebrow {
  display: none !important;
}

.motion-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.78), transparent 34%),
    radial-gradient(circle at 84% 0%, rgba(52, 120, 246, 0.08), transparent 30%),
    linear-gradient(135deg, rgba(248, 250, 253, 0.72), rgba(225, 231, 240, 0.68));
}

:root[data-theme="dark"] body {
  color: var(--ink-soft);
  background:
    radial-gradient(circle at 50% -10%, rgba(93, 140, 255, 0.14), transparent 38%),
    linear-gradient(180deg, #11141a 0%, #0b0d11 44%, #06070a 100%);
}

:root[data-theme="dark"] .motion-bg {
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 255, 255, 0.06), transparent 30%),
    radial-gradient(circle at 84% 0%, rgba(93, 140, 255, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(12, 15, 21, 0.86), rgba(6, 8, 12, 0.92));
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
.file-button {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  color: var(--ink);
  padding: 0 16px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

button,
a[href],
label,
summary,
[role="button"],
[role="menuitem"] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

button:hover,
.file-button:hover {
  background: #f7f7f8;
  border-color: var(--line-strong);
  box-shadow: 0 8px 22px rgba(31, 31, 33, 0.05);
}

button:active,
.file-button:active {
  transform: scale(0.98);
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.file-button.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.file-button.is-disabled:hover {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: none;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 640;
  letter-spacing: 0;
}

h2 {
  margin-bottom: 0;
  font-size: 1.12rem;
  font-weight: 640;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 8px;
  color: var(--ink-heading);
  font-size: 0.92rem;
  font-weight: 620;
}

.capture-heading h2,
.sessions-panel .panel-header h2,
.sessions-shell .session-title-block h2,
.needs-attention-shell .session-title-block h2,
.workspace-entry-copy strong,
.workspace-brain-shell .session-title-block h2,
.deadline-panel .panel-header h2,
.deadline-shell .session-title-block h2,
.meetings-panel .panel-header h2,
.meetings-shell .session-title-block h2,
#insightsPanel > .panel-header h2,
#projectPanel > .panel-header h2,
#contextPanel > .panel-header h2,
#transcriptPanel > .panel-header h2,
.session-chat-shell .chat-panel h3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.capture-heading h2::before,
.sessions-panel .panel-header h2::before,
.sessions-shell .session-title-block h2::before,
.needs-attention-shell .session-title-block h2::before,
.workspace-entry-copy strong::before,
.workspace-brain-shell .session-title-block h2::before,
.deadline-panel .panel-header h2::before,
.deadline-shell .session-title-block h2::before,
.meetings-panel .panel-header h2::before,
.meetings-shell .session-title-block h2::before,
#insightsPanel > .panel-header h2::before,
#projectPanel > .panel-header h2::before,
#contextPanel > .panel-header h2::before,
#transcriptPanel > .panel-header h2::before,
.session-chat-shell .chat-panel h3::before {
  content: var(--ui-symbol, "*");
  width: var(--ui-symbol-size, 24px);
  height: var(--ui-symbol-size, 24px);
  min-width: var(--ui-symbol-size, 24px);
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--ui-symbol-border, rgba(31, 31, 33, 0.08));
  border-radius: 9px;
  color: var(--ui-symbol-color, #111319);
  background: var(--ui-symbol-bg, rgba(248, 249, 252, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  font-size: var(--ui-symbol-font, 0.72rem);
  font-weight: 800;
  line-height: 1;
}

.capture-heading h2 {
  --ui-symbol: "◉";
  --ui-symbol-bg: rgba(52, 120, 246, 0.12);
  --ui-symbol-border: rgba(52, 120, 246, 0.2);
  --ui-symbol-color: #2f66d8;
  --ui-symbol-size: 30px;
  --ui-symbol-font: 0.78rem;
}

.sessions-panel .panel-header h2,
.sessions-shell .session-title-block h2 {
  --ui-symbol: "▦";
  --ui-symbol-bg: rgba(238, 244, 255, 0.92);
  --ui-symbol-border: rgba(52, 120, 246, 0.16);
  --ui-symbol-color: #315da8;
}

.needs-attention-shell .session-title-block h2 {
  --ui-symbol: "!";
  --ui-symbol-bg: rgba(255, 246, 223, 0.95);
  --ui-symbol-border: rgba(211, 142, 32, 0.2);
  --ui-symbol-color: #9b5a0f;
}

.workspace-entry-copy strong,
.workspace-brain-shell .session-title-block h2 {
  --ui-symbol: "✦";
  --ui-symbol-bg: rgba(237, 248, 244, 0.94);
  --ui-symbol-border: rgba(36, 138, 61, 0.18);
  --ui-symbol-color: #248a3d;
}

.deadline-panel .panel-header h2,
.deadline-shell .session-title-block h2 {
  --ui-symbol: "✓";
  --ui-symbol-bg: rgba(255, 246, 220, 0.96);
  --ui-symbol-border: rgba(180, 95, 6, 0.18);
  --ui-symbol-color: #9b5a0f;
}

.meetings-panel .panel-header h2,
.meetings-shell .session-title-block h2 {
  --ui-symbol: "◷";
  --ui-symbol-bg: rgba(245, 239, 255, 0.96);
  --ui-symbol-border: rgba(96, 73, 176, 0.16);
  --ui-symbol-color: #6049b0;
}

#insightsPanel > .panel-header h2 {
  --ui-symbol: "✦";
  --ui-symbol-bg: rgba(238, 244, 255, 0.92);
  --ui-symbol-border: rgba(52, 120, 246, 0.16);
  --ui-symbol-color: #315da8;
}

#projectPanel > .panel-header h2 {
  --ui-symbol: "↗";
  --ui-symbol-bg: rgba(237, 248, 244, 0.94);
  --ui-symbol-border: rgba(36, 138, 61, 0.18);
  --ui-symbol-color: #248a3d;
}

#contextPanel > .panel-header h2 {
  --ui-symbol: "◇";
  --ui-symbol-bg: rgba(248, 249, 252, 0.96);
  --ui-symbol-border: rgba(31, 31, 33, 0.1);
  --ui-symbol-color: #4b5563;
}

#transcriptPanel > .panel-header h2 {
  --ui-symbol: "▤";
  --ui-symbol-bg: rgba(255, 246, 220, 0.96);
  --ui-symbol-border: rgba(180, 95, 6, 0.18);
  --ui-symbol-color: #9b5a0f;
}

.session-chat-shell .chat-panel h3 {
  --ui-symbol: "?";
  --ui-symbol-bg: rgba(238, 244, 255, 0.92);
  --ui-symbol-border: rgba(52, 120, 246, 0.16);
  --ui-symbol-color: #315da8;
}

.chat-panel-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.meeting-chat-clear-button {
  min-height: 28px;
  min-width: max-content;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  color: rgba(31, 31, 33, 0.58);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: none;
  font-size: 0.76rem;
  font-weight: 720;
}

.meeting-chat-clear-button:hover,
.meeting-chat-clear-button:focus-visible {
  color: #b23b3b;
  border-color: rgba(214, 70, 70, 0.22);
  background: rgba(255, 241, 241, 0.86);
  outline: none;
}

.meeting-chat-clear-button:disabled {
  cursor: not-allowed;
  color: rgba(31, 31, 33, 0.32);
  background: rgba(248, 249, 252, 0.68);
}

.capture-heading h2::before,
.workspace-brain-shell .session-title-block h2::before {
  content: none;
  display: none;
}

.app-shell {
  min-height: 100vh;
  padding: 22px;
}

.workspace {
  min-height: calc(100vh - 36px);
  max-width: 1360px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  grid-template-areas:
    "sidebar topbar"
    "sidebar capture"
    "sidebar workspaceEntry"
    "sidebar meetings"
    "sidebar session"
    "sidebar sessionsDetail"
    "sidebar meetingsDetail"
    "sidebar workspacePage"
    "sidebar accountPage";
  gap: 18px;
}

.session-detail-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "session";
  max-width: none;
}

.session-detail-layout {
  grid-area: session;
  width: min(1680px, calc(100vw - 44px));
  margin: 0 auto 28px;
  display: grid;
  grid-template-columns: minmax(520px, var(--session-chat-width, 1fr)) 18px minmax(0, 2fr);
  grid-template-areas: "chat splitter session";
  align-items: start;
  gap: 0;
}

.project-detail-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "project";
}

.needs-attention-detail-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "needsAttentionDetail";
}

.sessions-detail-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "sessionsDetail";
}

.meetings-detail-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "meetingsDetail";
}

.workspace-detail-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "workspacePage";
}

.account-detail-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "accountPage";
}

.live-recording-view .workspace {
  grid-template-columns: 1fr;
  grid-template-areas: "liveRecording";
  max-width: none;
}

.session-detail-view .capture-panel,
.session-detail-view .sessions-panel,
.session-detail-view .workspace-entry-panel,
.session-detail-view .workspace-brain-shell,
.session-detail-view .projects-panel,
.session-detail-view .deadline-panel,
.session-detail-view .meetings-panel,
.session-detail-view .deadline-shell,
.session-detail-view .sessions-shell,
.session-detail-view .meetings-shell,
.project-detail-view .capture-panel,
.project-detail-view .sessions-panel,
.project-detail-view .workspace-entry-panel,
.project-detail-view .workspace-brain-shell,
.project-detail-view .projects-panel,
.project-detail-view .deadline-panel,
.project-detail-view .meetings-panel,
.project-detail-view .deadline-shell,
.project-detail-view .sessions-shell,
.project-detail-view .meetings-shell,
.needs-attention-detail-view .topbar,
.needs-attention-detail-view .capture-panel,
.needs-attention-detail-view .sessions-panel,
.needs-attention-detail-view .workspace-entry-panel,
.needs-attention-detail-view .home-hero-panel,
.needs-attention-detail-view .workspace-brain-shell,
.needs-attention-detail-view .home-focus-grid,
.needs-attention-detail-view .home-recent-table-panel,
.needs-attention-detail-view .home-chat-panel,
.needs-attention-detail-view .projects-panel,
.needs-attention-detail-view .deadline-panel,
.needs-attention-detail-view .meetings-panel,
.needs-attention-detail-view .session-shell,
.needs-attention-detail-view .session-detail-layout,
.needs-attention-detail-view .project-shell,
.needs-attention-detail-view .deadline-shell,
.needs-attention-detail-view .sessions-shell,
.needs-attention-detail-view .meetings-shell,
.needs-attention-detail-view .account-shell,
.deadline-detail-view .capture-panel,
.deadline-detail-view .sessions-panel,
.deadline-detail-view .workspace-entry-panel,
.deadline-detail-view .workspace-brain-shell,
.deadline-detail-view .projects-panel,
.deadline-detail-view .deadline-panel,
.deadline-detail-view .meetings-panel,
.deadline-detail-view .session-shell,
.deadline-detail-view .project-shell,
.deadline-detail-view .sessions-shell,
.deadline-detail-view .meetings-shell,
.sessions-detail-view .capture-panel,
.sessions-detail-view .sessions-panel,
.sessions-detail-view .workspace-entry-panel,
.sessions-detail-view .workspace-brain-shell,
.sessions-detail-view .projects-panel,
.sessions-detail-view .deadline-panel,
.sessions-detail-view .meetings-panel,
.sessions-detail-view .session-shell,
.sessions-detail-view .project-shell,
.sessions-detail-view .deadline-shell,
.sessions-detail-view .meetings-shell,
.meetings-detail-view .capture-panel,
.meetings-detail-view .sessions-panel,
.meetings-detail-view .workspace-entry-panel,
.meetings-detail-view .workspace-brain-shell,
.meetings-detail-view .projects-panel,
.meetings-detail-view .deadline-panel,
.meetings-detail-view .meetings-panel,
.meetings-detail-view .session-shell,
.meetings-detail-view .project-shell,
.meetings-detail-view .deadline-shell,
.meetings-detail-view .sessions-shell,
.workspace-detail-view .capture-panel,
.workspace-detail-view .sessions-panel,
.workspace-detail-view .workspace-entry-panel,
.workspace-detail-view .projects-panel,
.workspace-detail-view .deadline-panel,
.workspace-detail-view .meetings-panel,
.workspace-detail-view .session-shell,
.workspace-detail-view .project-shell,
.workspace-detail-view .deadline-shell,
.workspace-detail-view .sessions-shell,
.workspace-detail-view .meetings-shell,
.workspace-detail-view .account-shell,
.account-detail-view .capture-panel,
.account-detail-view .sessions-panel,
.account-detail-view .workspace-entry-panel,
.account-detail-view .workspace-brain-shell,
.account-detail-view .projects-panel,
.account-detail-view .deadline-panel,
.account-detail-view .meetings-panel,
.account-detail-view .session-shell,
.account-detail-view .project-shell,
.account-detail-view .deadline-shell,
.account-detail-view .sessions-shell,
.account-detail-view .meetings-shell,
.live-recording-view .capture-panel,
.live-recording-view .sessions-panel,
.live-recording-view .workspace-entry-panel,
.live-recording-view .workspace-brain-shell,
.live-recording-view .projects-panel,
.live-recording-view .deadline-panel,
.live-recording-view .meetings-panel,
.live-recording-view .session-shell,
.live-recording-view .project-shell,
.live-recording-view .deadline-shell,
.live-recording-view .sessions-shell,
.live-recording-view .meetings-shell,
.live-recording-view .account-shell,
body:not(.session-detail-view) .session-shell,
body:not(.session-detail-view) .session-detail-layout,
body:not(.project-detail-view) .project-shell,
body:not(.deadline-detail-view) .deadline-shell,
body:not(.needs-attention-detail-view) .needs-attention-shell,
body:not(.sessions-detail-view) .sessions-shell,
body:not(.meetings-detail-view) .meetings-shell,
body:not(.workspace-detail-view) .workspace-brain-shell,
body:not(.account-detail-view) .account-shell,
body:not(.live-recording-view) .live-session-shell {
  display: none;
}

.session-detail-view .topbar,
.project-detail-view .topbar,
.deadline-detail-view .topbar,
.sessions-detail-view .topbar,
.meetings-detail-view .topbar,
.workspace-detail-view .topbar,
.account-detail-view .topbar,
.live-recording-view .topbar {
  display: none;
}

.topbar {
  grid-area: topbar;
  position: relative;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
}

.brand-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.56);
  box-shadow: 0 14px 34px rgba(31, 31, 33, 0.06);
  backdrop-filter: blur(22px);
}

.topbar-actions {
  position: absolute;
  right: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 8;
}

.account-control {
  position: relative;
  z-index: 9;
}

.auth-button {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border-color: rgba(255, 255, 255, 0.72);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(239, 242, 247, 0.52));
  color: rgba(31, 35, 43, 0.84);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 10px 24px rgba(83, 91, 106, 0.1);
  backdrop-filter: blur(18px) saturate(1.08);
  font-size: 0.82rem;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.auth-button.signed-in {
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  gap: 0;
  border-color: rgba(255, 255, 255, 0.86);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(231, 236, 245, 0.54));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 14px 30px rgba(31, 35, 43, 0.12);
}

.auth-avatar,
.account-menu-avatar {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.26), transparent 34%),
    linear-gradient(145deg, #2f3542, #111319);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
  font-size: 0.86rem;
  font-weight: 780;
}

.auth-avatar[hidden] {
  display: none;
}

.auth-button.signed-in .auth-button-label {
  position: absolute;
  width: 1px;
  height: 1px;
  min-width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.auth-button.signed-in .auth-avatar {
  width: 36px;
  height: 36px;
  position: relative;
  overflow: hidden;
  font-size: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 8px 18px rgba(31, 35, 43, 0.18);
}

.auth-button.signed-in .auth-avatar::before,
.auth-button.signed-in .auth-avatar::after {
  content: "";
  position: absolute;
  left: 11px;
  right: 11px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
}

.auth-button.signed-in .auth-avatar::before {
  top: 12px;
  box-shadow: 0 6px 0 rgba(255, 255, 255, 0.94);
}

.auth-button.signed-in .auth-avatar::after {
  top: 24px;
}

.account-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 45;
  width: 282px;
  padding: 10px;
  border: 1px solid rgba(31, 31, 33, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(246, 247, 249, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 26px 70px rgba(31, 35, 43, 0.18);
  backdrop-filter: blur(24px) saturate(1.1);
}

.account-menu[hidden] {
  display: none;
}

.account-menu-header {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 2px 9px;
  color: rgba(31, 31, 33, 0.58);
}

.account-menu svg {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-menu-header svg,
.account-menu button svg {
  color: rgba(31, 35, 43, 0.74);
}

.account-menu-header strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
  font-size: 0.98rem;
}

.account-menu-divider {
  height: 1px;
  margin: 9px 4px;
  background: rgba(31, 31, 33, 0.1);
}

.account-menu button {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
  margin-top: 2px;
  padding: 0 9px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: rgba(31, 35, 43, 0.94);
  box-shadow: none;
  font-size: 1rem;
  font-weight: 520;
  text-align: left;
}

.account-menu button:hover {
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none;
}

.account-menu-chevron {
  color: rgba(31, 35, 43, 0.5);
  font-size: 1.6rem;
  line-height: 1;
}

.brand-logo {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background:
    linear-gradient(180deg, rgba(31, 31, 33, 0.98), rgba(5, 5, 6, 0.98));
  border: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 28px rgba(0, 0, 0, 0.16);
  animation: logoFloat 4.6s ease-in-out infinite;
}

.brand-logo svg {
  width: 25px;
  height: 25px;
  display: block;
  transform-origin: center;
  animation: brainBreathe 2.2s ease-in-out infinite;
}

.logo-brain-fill {
  fill: rgba(255, 255, 255, 0.96);
  transform-origin: center;
  animation: brainGlow 2.2s ease-in-out infinite;
}

.logo-brain-line {
  fill: none;
  stroke: #111;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
  stroke-dasharray: 9 4;
  animation: brainSketch 1.8s linear infinite;
}

.status-pill,
.session-meta span,
.search-count,
#recordingStatus,
.recorder-meta span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid var(--line);
  font-size: 0.8rem;
  font-weight: 600;
}

.status-pill.ready {
  color: var(--green);
}

.status-pill.missing {
  color: var(--orange);
}

.topbar .status-pill {
  width: 12px;
  min-width: 12px;
  min-height: 12px;
  height: 12px;
  padding: 0;
  border-radius: 999px;
  color: transparent;
  font-size: 0;
  overflow: hidden;
  background: #b8b6ae;
  border: 2px solid rgba(255, 255, 255, 0.86);
  box-shadow: 0 4px 12px rgba(31, 31, 33, 0.12);
}

.topbar .status-pill.ready {
  background: #28c840;
}

.topbar .status-pill.missing {
  background: #ff9f0a;
}

.topbar .status-pill {
  position: static;
}

.auth-modal {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.95), transparent 34%),
    linear-gradient(180deg, rgba(248, 249, 251, 0.97), rgba(239, 243, 249, 0.94));
  backdrop-filter: blur(22px) saturate(1.05);
}

.auth-modal::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 18%, rgba(52, 120, 246, 0.08), transparent 32%),
    linear-gradient(rgba(31, 31, 33, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 31, 33, 0.025) 1px, transparent 1px);
  background-size: auto, 46px 46px, 46px 46px;
  opacity: 0.26;
}

body.auth-modal-open {
  overflow: hidden;
}

.auth-modal[hidden] {
  display: none;
}

.auth-shell {
  position: relative;
  z-index: 1;
  width: min(440px, 100%);
}

.auth-card-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2px;
}

.auth-card-logo {
  width: 42px;
  height: 42px;
  border-radius: 15px;
}

.auth-card-logo svg {
  width: 30px;
  height: 30px;
}

.auth-card {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 28px 36px 22px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    0 28px 80px rgba(31, 31, 33, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px) saturate(1.04);
}

.auth-close-button {
  position: absolute;
  top: 18px;
  right: 18px;
  margin: 0;
  color: rgba(31, 35, 43, 0.58);
  background: transparent;
}

.auth-copy {
  display: grid;
  justify-items: center;
  gap: 6px;
  text-align: center;
}

.auth-card h3 {
  margin: 0;
  color: #17191f;
  font-size: 1.92rem;
  line-height: 1.08;
  letter-spacing: 0;
}

.auth-card p {
  max-width: 440px;
  margin: 0;
  color: var(--muted);
  line-height: 1.4;
}

.auth-form {
  display: grid;
  gap: 9px;
}

.auth-form[hidden],
.auth-provider-button[hidden],
.auth-signout-button[hidden] {
  display: none !important;
}

.auth-field {
  display: grid;
  gap: 7px;
}

.auth-field span {
  color: rgba(31, 35, 43, 0.72);
  font-size: 0.78rem;
  font-weight: 750;
}

.auth-field input {
  min-height: 46px;
  border-color: rgba(31, 31, 33, 0.12);
  border-radius: 12px;
  padding: 0 15px;
  background: rgba(248, 249, 251, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.auth-field input:focus {
  border-color: rgba(31, 31, 33, 0.32);
  box-shadow:
    0 0 0 4px rgba(31, 31, 33, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.auth-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 4px;
}

.auth-primary-button,
.auth-secondary-button,
.auth-provider-button,
.auth-signout-button {
  width: 100%;
  min-height: 46px;
  border-radius: 12px;
}

.auth-primary-button {
  border-color: #111319;
  color: #fff;
  background: #111319;
  box-shadow: 0 16px 34px rgba(17, 19, 25, 0.2);
}

.auth-primary-button:hover,
.auth-primary-button:focus-visible {
  border-color: #20242d;
  background: #20242d;
}

.auth-secondary-button,
.auth-provider-button,
.auth-signout-button {
  border-color: rgba(31, 31, 33, 0.1);
  background: #fff;
}

.auth-provider-stack {
  display: grid;
  gap: 8px;
}

.auth-provider-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(31, 35, 43, 0.48);
  font-size: 0.74rem;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: uppercase;
}

.auth-provider-divider::before,
.auth-provider-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(31, 31, 33, 0.08);
}

.auth-provider-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 52px;
  padding: 0 14px;
  color: #15171c;
  text-align: left;
  box-shadow:
    0 10px 24px rgba(31, 31, 33, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease;
}

.auth-provider-button:hover:not(:disabled),
.auth-provider-button:focus-visible:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(31, 31, 33, 0.18);
  background: #fffefb;
  box-shadow:
    0 14px 30px rgba(31, 31, 33, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.auth-provider-mark {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  color: #fff;
  font-size: 0.96rem;
  font-weight: 850;
  line-height: 1;
}

.auth-provider-google .auth-provider-mark {
  color: #1f1f1f;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #4285f4, #34a853 34%, #fbbc05 66%, #ea4335) border-box;
  border: 1px solid transparent;
}

.auth-provider-outlook .auth-provider-mark {
  background: linear-gradient(135deg, #0078d4, #106ebe);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.auth-provider-apple .auth-provider-mark {
  background: #15171c;
}

.auth-provider-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.auth-provider-copy strong,
.auth-provider-copy small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-provider-copy strong {
  font-size: 0.94rem;
  font-weight: 800;
  letter-spacing: 0;
}

.auth-provider-copy small {
  color: rgba(31, 35, 43, 0.52);
  font-size: 0.76rem;
  font-weight: 650;
}

.auth-provider-arrow {
  margin-left: auto;
  color: rgba(31, 35, 43, 0.42);
  font-size: 1.28rem;
  line-height: 1;
}

.auth-provider-button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
  transform: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.auth-signout-button {
  color: #9d2c2c;
}

.auth-fine-print {
  max-width: 100%;
  text-align: center;
  color: rgba(31, 35, 43, 0.48);
  font-size: 0.75rem;
  line-height: 1.45;
}

.signin-transition {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  background: rgba(248, 249, 251, 0.96);
  backdrop-filter: blur(26px) saturate(1.08);
  animation: signinTransitionIn 180ms ease both;
}

.signin-transition[hidden] {
  display: none;
}

.signin-transition.is-leaving {
  animation: signinTransitionOut 260ms ease both;
}

.signin-transition-card {
  display: grid;
  place-items: center;
  gap: 16px;
  color: #17191f;
  font-size: 0.86rem;
  font-weight: 750;
  letter-spacing: 0;
}

.signin-logo {
  position: relative;
  width: 92px;
  height: 92px;
  border-radius: 26px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 24px 70px rgba(31, 31, 33, 0.18);
  animation: signinLogoLift 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.signin-logo svg {
  width: 66px;
  height: 66px;
}

.signin-logo::before {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(31, 31, 33, 0.12);
  border-radius: 34px;
  animation: signinLogoRing 900ms ease both;
}

.prompt-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(31, 31, 33, 0.24);
  backdrop-filter: blur(22px) saturate(1.05);
}

.prompt-modal[hidden] {
  display: none;
}

body.prompt-modal-open {
  overflow: hidden;
}

.confirm-modal {
  position: fixed;
  inset: 0;
  z-index: 160;
  display: grid;
  place-items: center;
  padding: 20px;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.2), transparent 32%),
    rgba(31, 31, 33, 0.28);
  -webkit-backdrop-filter: blur(24px) saturate(1.08);
  backdrop-filter: blur(24px) saturate(1.08);
}

.confirm-modal[hidden] {
  display: none;
}

body.confirm-modal-open {
  overflow: hidden;
}

.confirm-card {
  width: min(326px, calc(100vw - 42px));
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 20px 18px 16px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
  color: #242529;
  text-align: center;
  box-shadow:
    0 28px 82px rgba(31, 31, 33, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.76) inset;
}

.confirm-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(31, 31, 33, 0.94);
  color: #fff;
  box-shadow: 0 10px 24px rgba(31, 31, 33, 0.16);
}

.confirm-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.confirm-card h3,
.confirm-card p {
  margin: 0;
}

.confirm-card h3 {
  max-width: 240px;
  color: #242529;
  font-size: 16px;
  font-weight: 680;
  letter-spacing: 0;
  line-height: 1.18;
}

.confirm-card p {
  max-width: 270px;
  color: rgba(31, 31, 33, 0.62);
  font-size: 13px;
  font-weight: 430;
  line-height: 1.42;
}

.confirm-actions {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 4px;
}

.confirm-actions button {
  min-height: 42px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 650;
}

.confirm-secondary {
  border: 1px solid rgba(31, 31, 33, 0.08);
  background: rgba(246, 247, 249, 0.9);
  color: rgba(31, 31, 33, 0.82);
}

.confirm-danger {
  border: 1px solid rgba(232, 64, 54, 0.14);
  background: rgba(255, 244, 243, 0.96);
  color: #bf2d25;
}

.prompt-card {
  width: min(390px, calc(100vw - 32px));
  max-height: min(720px, calc(var(--app-visible-height, 100vh) - 36px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  overflow: hidden;
  box-shadow:
    0 26px 80px rgba(31, 31, 33, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.84) inset;
}

.prompt-header,
.prompt-actions,
.prompt-input-shell {
  min-width: 0;
}

.prompt-scroll-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  margin-right: -4px;
  scrollbar-gutter: stable;
}

.prompt-scroll-body::-webkit-scrollbar {
  width: 8px;
}

.prompt-scroll-body::-webkit-scrollbar-track {
  background: transparent;
}

.prompt-scroll-body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(31, 31, 33, 0.16);
}

.prompt-card h3,
.prompt-card p {
  margin: 0;
}

.prompt-card p {
  color: rgba(31, 31, 33, 0.58);
  font-size: 14px;
  font-weight: 430;
  line-height: 1.45;
  white-space: pre-line;
}

.prompt-card h3 {
  color: #242529;
  font-size: 15px;
  font-weight: 660;
  letter-spacing: 0;
  line-height: 1.25;
}

.prompt-card textarea {
  min-height: 122px;
  max-height: min(180px, 24vh);
  resize: none;
  overflow-y: auto;
}

.prompt-input-shell {
  position: relative;
}

.prompt-input-shell textarea {
  width: 100%;
  padding: 14px 54px 14px 14px;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  color: #242529;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 0 0 0 rgba(16, 114, 255, 0);
  font-size: 16px;
  font-weight: 420;
  line-height: 1.45;
  outline: none;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;
}

.prompt-input-shell textarea:focus {
  border-color: rgba(16, 114, 255, 0.38);
  background: #fff;
  box-shadow:
    0 0 0 4px rgba(16, 114, 255, 0.13),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.prompt-mic-button {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 34px;
  height: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 999px;
  background: rgba(247, 247, 248, 0.96);
  color: #202124;
  box-shadow: 0 8px 20px rgba(31, 31, 33, 0.08);
  font-size: 0;
  transition:
    transform 140ms ease,
    background 140ms ease,
    color 140ms ease,
    box-shadow 140ms ease;
}

.prompt-mic-button[hidden] {
  display: none !important;
}

.prompt-mic-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.prompt-mic-button:hover {
  background: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(31, 31, 33, 0.11);
}

.prompt-mic-button.recording {
  background: #191a1d;
  border-color: #191a1d;
  color: #fff;
  box-shadow: 0 0 0 4px rgba(25, 26, 29, 0.1), 0 12px 28px rgba(31, 31, 33, 0.18);
}

.prompt-member-options {
  display: grid;
  gap: 8px;
}

.prompt-member-options[hidden] {
  display: none;
}

.prompt-member-option {
  width: 100%;
  min-height: 54px;
  justify-content: flex-start;
  text-align: left;
  padding: 9px 12px;
  border-radius: 14px;
  background: rgba(248, 248, 249, 0.72);
}

.prompt-member-option strong,
.prompt-member-option span {
  display: block;
}

.prompt-member-option span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.78rem;
}

.prompt-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.prompt-actions button {
  min-height: 44px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 620;
}

#promptCancelButton {
  border-color: rgba(31, 31, 33, 0.08);
  background: rgba(255, 255, 255, 0.86);
  color: rgba(31, 31, 33, 0.82);
}

#promptSubmitButton {
  border-color: #191a1d;
  background: #191a1d;
  color: #fff;
  box-shadow: 0 10px 24px rgba(31, 31, 33, 0.14);
}

#promptSubmitButton:disabled {
  border-color: rgba(31, 31, 33, 0.12);
  background: rgba(31, 31, 33, 0.12);
  color: rgba(31, 31, 33, 0.42);
  box-shadow: none;
}

/* Professional share invite prompt */
.share-prompt-card {
  width: min(440px, calc(100vw - 32px));
  grid-template-rows: auto auto auto;
  gap: 18px;
  padding: 24px;
  border-color: rgba(31, 31, 33, 0.09);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 248, 0.96));
  box-shadow:
    0 32px 90px rgba(31, 31, 33, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

.share-prompt-card .prompt-header {
  display: flex;
  align-items: center;
  gap: 13px;
}

.share-prompt-card .prompt-header::before {
  content: "";
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 14px;
  background:
    url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.05%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M8.2%2012.7l7.6-7.6M10.8%204.8h5.3v5.3M15.5%2012.4v5.8H5.8V8.5h5.8%27/%3E%3C/svg%3E") center / 21px 21px no-repeat,
    #1f1f21;
  box-shadow: 0 12px 26px rgba(31, 31, 33, 0.14);
}

.share-prompt-card #promptTitle {
  color: #242521;
  font-size: 1.18rem;
  font-weight: 760;
  line-height: 1.12;
}

.share-prompt-card .prompt-scroll-body {
  overflow: visible;
  padding: 0;
  margin: -4px 0 0;
}

.share-prompt-card #promptHelp {
  max-width: none;
  color: rgba(31, 31, 33, 0.62);
  font-size: 0.92rem;
  font-weight: 450;
  line-height: 1.45;
}

.share-prompt-card .prompt-input-shell {
  display: grid;
  gap: 8px;
}

.share-prompt-card .prompt-input-shell::before {
  content: "Recipient email";
  color: rgba(31, 31, 33, 0.62);
  font-size: 0.78rem;
  font-weight: 720;
  line-height: 1;
}

.share-prompt-card .prompt-input-shell textarea {
  min-height: 54px;
  max-height: 54px;
  padding: 15px 16px;
  border-color: rgba(31, 31, 33, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  color: #242521;
  font-size: 1rem;
  line-height: 1.35;
  resize: none;
}

.share-prompt-card .prompt-input-shell textarea::placeholder {
  color: rgba(31, 31, 33, 0.34);
}

.share-prompt-card .prompt-input-shell textarea:focus {
  border-color: rgba(31, 31, 33, 0.2);
  box-shadow:
    0 0 0 4px rgba(31, 31, 33, 0.07),
    0 1px 0 rgba(255, 255, 255, 0.88) inset;
}

.share-prompt-card .prompt-actions {
  grid-template-columns: 0.9fr 1.1fr;
  gap: 11px;
}

.share-prompt-card .prompt-actions button {
  min-height: 46px;
  border-radius: 15px;
  font-size: 0.94rem;
}

.share-prompt-card #promptCancelButton {
  border-color: rgba(31, 31, 33, 0.09);
  background: rgba(255, 255, 255, 0.78);
}

.share-prompt-card #promptSubmitButton {
  border-color: #1f1f21;
  background: #1f1f21;
  box-shadow: 0 14px 28px rgba(31, 31, 33, 0.16);
}

.sessions-panel {
  grid-area: sidebar;
  min-height: calc(100vh - 36px);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--small-shadow);
  backdrop-filter: blur(24px) saturate(1.08);
  overflow: hidden;
}

.workspace-entry-panel,
.projects-panel,
.deadline-panel,
.meetings-panel {
  grid-area: projects;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: var(--small-shadow);
  backdrop-filter: blur(24px) saturate(1.08);
}

.workspace-entry-panel {
  grid-area: workspaceEntry;
  padding: 10px;
}

.deadline-panel {
  grid-area: deadlines;
}

.meetings-panel {
  grid-area: meetings;
}

.workspace-brain-shell {
  grid-area: workspacePage;
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--shadow);
  backdrop-filter: blur(24px) saturate(1.08);
}

.workspace-entry-button {
  width: 100%;
  min-height: 68px;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 22px;
  text-align: left;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 249, 252, 0.86));
}

.workspace-entry-icon {
  display: none;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
  color: rgba(92, 96, 104, 0.78);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(232, 235, 240, 0.56)),
    rgba(255, 255, 255, 0.46);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 12px 24px rgba(88, 96, 108, 0.1);
  backdrop-filter: blur(14px) saturate(1.08);
}

.workspace-entry-icon svg {
  width: 25px;
  height: 25px;
  display: block;
  fill: rgba(255, 255, 255, 0.46);
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-entry-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.workspace-entry-copy strong {
  font-size: 1rem;
  line-height: 1.15;
}

.workspace-entry-copy strong::after {
  content: "AI";
  min-width: 24px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(36, 138, 61, 0.16);
  border-radius: 999px;
  color: #248a3d;
  background: rgba(237, 248, 244, 0.9);
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1;
}

.workspace-entry-copy small {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 560;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-entry-button .session-row-chevron {
  margin-left: auto;
}

.workspace-brain-shell > .panel-header,
.deadline-panel .panel-header,
.meetings-panel .panel-header,
.projects-panel .panel-header {
  margin-bottom: 12px;
}

.workspace-brain-shell > .panel-header,
.workspace-brain-shell > .workspace-hero,
.workspace-brain-shell > .workspace-chat-form,
.workspace-brain-shell > .workspace-answer,
.workspace-brain-shell > .workspace-brain-grid {
  margin-left: 22px;
  margin-right: 22px;
}

.workspace-brain-shell > .panel-header {
  margin-top: 22px;
}

.workspace-brain-shell > .workspace-brain-grid {
  margin-bottom: 22px;
}

.workspace-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 18px 22px 22px;
}

.workspace-list-card,
.workspace-memory-section,
.workspace-detail-view .workspace-list-card,
.workspace-detail-view .workspace-brain-shell > .workspace-memory-section {
  display: none !important;
}

.workspace-brain-shell > .session-header .session-meta,
.workspace-project-card .eyebrow,
.workspace-project-card .permission-note,
.workspace-project-card .workspace-card p {
  display: none !important;
}

.workspace-project-card {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
}

.workspace-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.78);
}

.workspace-card .panel-header {
  margin-bottom: 12px;
}

.workspace-card h3 {
  margin: 0;
  font-size: 1.18rem;
}

.workspace-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.35;
}

.round-add-button {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  border-color: var(--blue);
  background: var(--blue);
  font-size: 1.4rem;
  line-height: 1;
}

.role-select {
  min-height: 34px;
  max-width: 128px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 10px;
  background: #fff;
  color: var(--ink);
  font-weight: 650;
}

.permission-note {
  margin-bottom: 10px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--muted);
  background: #f8f8f7;
  font-size: 0.84rem;
  font-weight: 580;
}

.workspace-list,
.workspace-project-list {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
}

.workspace-row,
.workspace-project-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.workspace-row + .workspace-row,
.workspace-project-row + .workspace-project-row {
  border-top: 1px solid var(--line);
}

.workspace-open,
.workspace-project-open {
  width: 100%;
  min-height: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 13px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
}

.workspace-row-title,
.workspace-project-title {
  overflow: hidden;
  font-size: 0.96rem;
  font-weight: 680;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-row-meta,
.workspace-project-meta {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 620;
  white-space: nowrap;
}

.workspace-row.active,
.workspace-project-row.active,
.workspace-row:hover,
.workspace-project-row:hover {
  background: #f2f2f4;
}

.workspace-project-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-right: 8px;
}

.workspace-project-actions button {
  min-height: 32px;
  border-radius: 999px;
  padding: 0 10px;
  background: #f7f7f8;
  font-size: 0.78rem;
}

.workspace-project-actions .icon-button {
  width: 32px;
  min-width: 32px;
  padding: 0;
}

.workspace-scope {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 11px;
  color: var(--muted);
  background: rgba(245, 247, 250, 0.78);
  font-size: 0.82rem;
  font-weight: 650;
}

.workspace-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.9fr);
  gap: 14px;
  align-items: stretch;
  margin-bottom: 12px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(52, 120, 246, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 249, 252, 0.78));
  backdrop-filter: blur(20px) saturate(1.06);
}

.workspace-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--blue-dark);
  font-size: 0.78rem;
  font-weight: 760;
}

.workspace-hero h3 {
  margin-bottom: 8px;
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  line-height: 1.08;
}

.workspace-hero p {
  max-width: 46rem;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.workspace-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.workspace-stats span {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 17px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 650;
}

.workspace-stats strong {
  color: var(--ink);
  font-size: 1.38rem;
  line-height: 1;
}

.workspace-chat-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-bottom: 12px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 34px rgba(31, 31, 33, 0.06);
}

.workspace-chat-form:focus-within {
  border-color: rgba(52, 120, 246, 0.34);
  box-shadow: 0 18px 42px rgba(52, 120, 246, 0.1);
}

.workspace-chat-form input {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.workspace-chat-form input:focus {
  border: 0;
  box-shadow: none;
}

.workspace-chat-form button {
  min-width: 72px;
  color: #fff;
  border-color: var(--blue);
  border-radius: 999px;
  background: var(--blue);
}

.workspace-answer {
  max-height: 280px;
  overflow: auto;
  margin-bottom: 12px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
  line-height: 1.5;
}

.workspace-answer h4 {
  margin: 0 0 8px;
  font-size: 0.98rem;
}

.workspace-answer p {
  margin: 0 0 10px;
}

.workspace-answer ul,
.workspace-answer ol {
  margin: 0 0 10px;
  padding-left: 20px;
}

.workspace-brain-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.workspace-brain-card {
  min-height: 160px;
  max-height: 310px;
  overflow: auto;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
}

.workspace-brain-card.wide {
  grid-column: 1 / -1;
  max-height: 360px;
}

.card-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.card-title-row span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 650;
  white-space: nowrap;
}

.workspace-brain-card ul {
  padding-left: 17px;
}

.workspace-brain-card li {
  margin-bottom: 9px;
}

.panel-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.panel-icon-button {
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 999px;
  color: rgba(31, 31, 33, 0.62);
  background: rgba(244, 244, 245, 0.78);
}

.panel-icon-button svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.panel-add-button {
  color: #1f1f21;
  font-size: 1.35rem;
  font-weight: 650;
  line-height: 1;
}

.panel-icon-button:hover,
.panel-icon-button:focus-visible {
  color: #1f1f21;
  background: rgba(255, 255, 255, 0.95);
}

.deadline-panel .panel-header button,
.meetings-panel .panel-header button,
.projects-panel .panel-header button {
  min-height: 36px;
  border-radius: 999px;
  padding: 0 12px;
  background: #f4f4f5;
  font-size: 0.86rem;
}

.deadline-panel .panel-header .panel-icon-button,
.meetings-panel .panel-header .panel-icon-button,
.sessions-panel .panel-header .panel-icon-button {
  width: 36px;
  min-width: 36px;
  padding: 0;
}

.manual-task-form {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(190px, 0.8fr);
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
}

.manual-task-form[hidden] {
  display: none;
}

.manual-task-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.manual-task-actions button {
  min-height: 36px;
  border-radius: 999px;
}

.manual-task-actions .primary-action {
  color: #fff;
  background: var(--blue);
  border-color: var(--blue);
}

.rename-row .deadline-detail-add-button {
  min-width: max-content;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 999px;
  color: #1f1f21;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 20px rgba(31, 35, 43, 0.06);
  font-size: 0.86rem;
  font-weight: 760;
}

.rename-row .deadline-detail-add-button:hover,
.rename-row .deadline-detail-add-button:focus-visible {
  background: rgba(229, 226, 220, 0.7);
  outline: none;
}

.rename-row .deadline-detail-add-button svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
}

.deadline-detail-task-form {
  margin-bottom: 14px;
  background: rgba(255, 255, 255, 0.76);
}

.project-list,
.deadline-dashboard,
.meeting-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
}

.project-row + .project-row,
.deadline-row + .deadline-row,
.meeting-row + .meeting-row {
  border-top: 1px solid var(--line);
}

.project-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.project-open,
.deadline-open,
.meeting-open {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: auto;
  padding: 14px 12px;
  text-align: left;
  border: 0;
  border-radius: 0;
  background: transparent;
  transition: background 150ms ease, transform 150ms ease;
}

.deadline-open,
.meeting-open {
  grid-template-columns: minmax(0, 1fr);
}

.project-row-title,
.deadline-title,
.meeting-title {
  overflow: hidden;
  font-size: 0.98rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-row-meta,
.deadline-meta,
.meeting-meta {
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-row:hover,
.deadline-row:hover,
.meeting-row:hover {
  background: #f1f4f8;
}

.deadline-group + .deadline-group {
  border-top: 1px solid var(--line);
}

.deadline-group h3 {
  margin: 0;
  padding: 11px 12px 8px;
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: none;
}

.deadline-row,
.meeting-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-height: 56px;
}

.meeting-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.deadline-row.done .deadline-title {
  color: var(--muted);
  text-decoration: line-through;
}

.task-complete {
  width: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-left: 12px;
  padding: 0;
  border-radius: 999px;
  border-color: var(--line-strong);
  background: #fff;
  color: var(--blue);
  font-size: 0.82rem;
}

.task-complete:disabled {
  cursor: default;
  opacity: 0.42;
}

.task-delete,
.task-delete-placeholder,
.meeting-delete,
.project-delete,
.icon-button {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  margin-right: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
}

.task-delete-placeholder,
.member-task-delete-placeholder {
  display: inline-block;
  pointer-events: none;
  opacity: 0;
}

.member-task-delete-placeholder {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
}

.task-delete svg,
.meeting-delete svg,
.project-delete svg,
.icon-button svg {
  width: 17px;
  height: 17px;
  display: block;
  fill: currentColor;
}

.task-delete:hover,
.task-delete:focus,
.meeting-delete:hover,
.meeting-delete:focus,
.project-delete:hover,
.project-delete:focus,
.danger-button:hover,
.danger-button:focus {
  color: #d70015;
  background: rgba(215, 0, 21, 0.08);
  outline: none;
}

.remove-button:hover,
.remove-button:focus {
  color: var(--blue);
  background: rgba(10, 132, 255, 0.1);
  outline: none;
}

.sessions-panel .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.sessions-panel h2 {
  font-size: 1.38rem;
}

#newSessionButton {
  width: auto;
  min-height: 36px;
  border-radius: 12px;
  background: #f4f4f5;
}

.session-list {
  display: grid;
  gap: 0;
  max-height: calc(100vh - 150px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.88);
}

.session-empty {
  color: var(--muted);
  padding: 12px;
  font-size: 0.9rem;
  line-height: 1.35;
}

.session-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-height: auto;
  background: transparent;
}

.session-row + .session-row {
  border-top: 1px solid var(--line);
}

.session-open {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: auto;
  padding: 14px 12px;
  text-align: left;
  border: 0;
  border-radius: 0;
  background: transparent;
  transition: background 150ms ease, transform 150ms ease;
}

.session-row-title {
  overflow: hidden;
  font-size: 0.98rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-row-date,
.session-row-chevron,
.session-delete {
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 500;
}

.session-row-chevron {
  font-size: 1.4rem;
  line-height: 1;
}

.session-delete {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  padding: 0;
  border-radius: 999px;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: 1.1rem;
  line-height: 1;
}

.session-delete svg {
  width: 17px;
  height: 17px;
  display: block;
  fill: currentColor;
}

.session-delete:hover,
.session-delete:focus {
  color: #d70015;
  background: rgba(215, 0, 21, 0.08);
  outline: none;
}

.session-row.active,
.session-row:hover {
  background: #f1f4f8;
}

.capture-panel {
  grid-area: capture;
  align-self: start;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82)),
    var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}

.capture-heading {
  margin-bottom: 18px;
  text-align: center;
}

.capture-heading h2 {
  font-size: clamp(1.8rem, 5vw, 2.6rem);
  font-weight: 780;
  letter-spacing: 0;
}

.controls {
  position: relative;
  display: block;
}

.audio-picker {
  position: relative;
}

.audio-picker-button {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 66px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 22px;
  color: #fff;
  background: var(--blue);
  font-size: 1rem;
  font-weight: 760;
  letter-spacing: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -1px 0 rgba(31, 63, 140, 0.18),
    0 16px 30px rgba(52, 120, 246, 0.24);
  backdrop-filter: blur(18px) saturate(1.08);
}

.audio-picker-button::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 21px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 18% 50%, rgba(255, 255, 255, 0.12), transparent 34%);
  pointer-events: none;
}

.audio-picker-button::after {
  content: none;
}

.audio-picker-button > span {
  position: relative;
  z-index: 1;
}

.audio-picker-button > span:last-child {
  color: #fff;
  opacity: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.audio-picker-button:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  background: var(--blue-dark);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -1px 0 rgba(31, 63, 140, 0.2),
    0 16px 30px rgba(52, 120, 246, 0.28);
}

.audio-picker-button:active {
  transform: translateY(1px) scale(0.99);
  box-shadow:
    inset 0 1px 2px rgba(72, 78, 88, 0.12),
    0 7px 16px rgba(58, 64, 74, 0.1);
}

.audio-picker-button:disabled {
  color: rgba(92, 96, 104, 0.58);
  background: rgba(238, 240, 244, 0.64);
}

.button-symbol {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 5px 12px rgba(0, 0, 0, 0.08);
}

.button-symbol span {
  width: 3px;
  border-radius: 999px;
  background: #fff;
  animation: quietPulse 900ms ease-in-out infinite;
}

.button-symbol span:nth-child(1) {
  height: 9px;
}

.button-symbol span:nth-child(2) {
  height: 16px;
  animation-delay: 110ms;
}

.button-symbol span:nth-child(3) {
  height: 11px;
  animation-delay: 220ms;
}

.audio-menu {
  position: static;
  z-index: 6;
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}

.record-mobile-hit-target {
  display: none;
}

.audio-menu.open {
  display: grid;
}

.audio-menu button,
.audio-menu .file-button {
  width: 100%;
  min-height: 58px;
  border-radius: 14px;
  box-shadow: none;
}

#recordIcon,
.audio-menu .file-button::before {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #2f66d8;
  background: rgba(52, 120, 246, 0.1);
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
}

.audio-menu .file-button::before {
  content: "↑";
}

.primary.recording #recordIcon {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.primary {
  color: var(--ink);
}

.primary.recording {
  color: #fff;
  background: #db3329;
}

.file-button input {
  display: none;
}

.live-session-shell {
  grid-area: liveRecording;
  width: min(1240px, calc(100vw - 44px));
  min-height: calc(100vh - 44px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 16px;
  margin: 0 auto;
  padding: 22px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
    var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}

.live-session-main {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 16px;
}

.live-session-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(31, 35, 43, 0.08);
}

.live-session-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.live-voice-wave {
  display: none;
}

.live-session-header h2 {
  margin: 2px 0 0;
  color: #25282f;
  font-size: clamp(1.55rem, 3.8vw, 2.55rem);
  font-weight: 760;
  letter-spacing: 0;
}

.live-home-button,
.live-cancel-button,
.live-stop-button {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 780;
  cursor: pointer;
}

.live-home-button,
.live-cancel-button {
  border: 1px solid rgba(31, 35, 43, 0.1);
  background: rgba(248, 250, 252, 0.92);
  color: #4a5364;
}

.live-cancel-button {
  color: #ba352f;
}

.live-cancel-button[hidden] {
  display: none;
}

.live-stop-button {
  border: 0;
  background: #db3329;
  color: #fff;
}

.live-home-button:disabled,
.live-cancel-button:disabled,
.live-stop-button:disabled {
  opacity: 0.66;
  cursor: default;
}

.live-session-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.live-session-meta span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #596274;
  font-size: 0.82rem;
  font-weight: 680;
}

.live-session-meta span::before {
  content: "•";
  width: 14px;
  height: 14px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(47, 109, 246, 0.12);
  color: #2f6df6;
  font-size: 0.58rem;
}

.live-transcript-board {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.74);
}

.live-transcript-board-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(31, 35, 43, 0.07);
}

.live-transcript-board-header strong {
  color: #25282f;
  font-size: 1rem;
}

.live-transcript-board-header span {
  color: #6a7280;
  font-size: 0.8rem;
  font-weight: 700;
}

.live-transcript-feed {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  overflow-y: auto;
  padding: 16px;
}

.live-transcript-block {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid rgba(31, 35, 43, 0.07);
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.92);
}

.live-transcript-block.partial {
  border-color: rgba(47, 109, 246, 0.18);
  background: rgba(240, 246, 255, 0.96);
}

.live-transcript-block strong {
  color: #303641;
  font-size: 0.82rem;
}

.live-transcript-block p,
.live-transcript-empty {
  margin: 0;
  color: #4a5364;
  font-size: 1rem;
  font-weight: 520;
  line-height: 1.55;
}

.live-transcript-empty {
  padding: 18px;
  text-align: center;
}

.live-suggestions-board {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.78);
}

.live-suggestions-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(31, 35, 43, 0.07);
}

.live-suggestions-header div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.live-suggestions-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.live-suggestions-header strong {
  color: #25282f;
  font-size: 1rem;
}

.live-suggestions-header span {
  color: #6a7280;
  font-size: 0.78rem;
  font-weight: 700;
}

.live-suggestions-header button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(31, 35, 43, 0.1);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.94);
  color: #4a5364;
  font-weight: 760;
  cursor: pointer;
}

#liveCoachCloseButton[hidden] {
  display: none;
}

.live-suggestions-list {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  overflow-y: auto;
  padding: 14px;
}

.live-suggestion-card {
  display: grid;
  gap: 7px;
  padding: 12px 13px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-left: 4px solid #2f6df6;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.96);
}

.live-suggestion-card strong {
  color: #25282f;
  font-size: 0.92rem;
  line-height: 1.3;
}

.live-suggestion-card p {
  margin: 0;
  color: #4a5364;
  font-size: 0.88rem;
  font-weight: 540;
  line-height: 1.45;
}

.live-suggestion-card small {
  color: #697386;
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1.35;
}

.live-coach-question {
  margin: 0;
  color: #25282f;
  font-size: 0.94rem;
  font-weight: 760;
  line-height: 1.42;
}

.live-coach-followups {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 17px;
  color: #25282f;
  font-size: 0.88rem;
  font-weight: 720;
  line-height: 1.42;
}

.live-suggestion-empty {
  margin: 0;
  padding: 18px 10px;
  color: #697386;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.45;
}

.recorder-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin-top: 14px;
}

.recorder-meta span,
.session-meta span,
.search-count,
#recordingStatus {
  gap: 6px;
}

#appMessage[hidden] {
  display: none;
}

#recordingTime::before,
#selectedFile::before,
#appMessage::before,
#sessionDate::before,
#sessionDuration::before,
#sessionSaved::before,
#sessionStatusMessage::before,
#sessionsDetailCount::before,
#deadlineDetailCount::before,
#meetingsDetailCount::before,
#workspacePermissionSummary::before,
.search-count::before,
#recordingStatus::before {
  content: var(--pill-symbol, "•");
  width: 14px;
  height: 14px;
  min-width: 14px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: var(--pill-symbol-color, #4f5865);
  background: var(--pill-symbol-bg, rgba(31, 31, 33, 0.06));
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1;
}

#recordingTime,
#sessionDuration {
  --pill-symbol: "◷";
  --pill-symbol-bg: rgba(52, 120, 246, 0.1);
  --pill-symbol-color: #315da8;
}

#selectedFile,
#sessionSaved,
#recordingStatus {
  --pill-symbol: "▣";
  --pill-symbol-bg: rgba(31, 31, 33, 0.06);
  --pill-symbol-color: #4f5865;
}

#appMessage,
#sessionStatusMessage,
#workspacePermissionSummary {
  --pill-symbol: "✓";
  --pill-symbol-bg: rgba(36, 138, 61, 0.1);
  --pill-symbol-color: #248a3d;
}

#appMessage.is-error {
  --pill-symbol: "!";
  --pill-symbol-bg: rgba(220, 53, 69, 0.12);
  --pill-symbol-color: #b4232f;
  color: #7f1d1d;
  border-color: rgba(220, 53, 69, 0.22);
  background: #fff5f5;
}

#sessionDate,
#sessionsDetailCount,
#needsAttentionCount,
#deadlineDetailCount,
#meetingsDetailCount,
.search-count {
  --pill-symbol: "•";
  --pill-symbol-bg: rgba(180, 95, 6, 0.1);
  --pill-symbol-color: #9b5a0f;
}

.session-shell,
.project-shell,
.deadline-shell,
.sessions-shell,
.meetings-shell,
.needs-attention-shell,
.account-shell {
  grid-area: session;
  max-width: 920px;
  width: 100%;
  margin: 0 auto 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
  transition:
    max-width 780ms cubic-bezier(0.16, 1, 0.3, 1),
    margin 780ms cubic-bezier(0.16, 1, 0.3, 1),
    border-radius 780ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 780ms cubic-bezier(0.16, 1, 0.3, 1);
}

.session-detail-layout .session-shell {
  grid-area: session;
  max-width: none;
  margin: 0;
}

.session-chat-shell {
  grid-area: chat;
  position: sticky;
  top: 22px;
  min-width: 0;
}

.session-splitter {
  grid-area: splitter;
  width: 18px;
  height: calc(var(--app-visible-height, 100vh) - 44px);
  min-height: 220px;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: col-resize;
  touch-action: none;
}

.session-splitter::before {
  content: "";
  width: 4px;
  height: 68px;
  border-radius: 999px;
  background: rgba(31, 31, 33, 0.16);
  transition: background 140ms ease, transform 140ms ease;
}

.session-splitter:hover::before,
.session-splitter:focus-visible::before,
.session-detail-layout.is-resizing .session-splitter::before {
  background: rgba(52, 120, 246, 0.58);
  transform: scaleX(1.35);
}

.session-detail-layout.is-resizing,
.session-detail-layout.is-resizing * {
  cursor: col-resize;
  user-select: none;
}

.project-shell {
  grid-area: project;
  max-width: min(1180px, calc(100vw - 44px));
}

body:is(.project-ai-open, .project-ai-closing) .project-shell {
  overflow: hidden;
}

.deadline-shell {
  grid-area: deadlineDetail;
}

.account-shell {
  grid-area: accountPage;
  max-width: 920px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 247, 249, 0.82));
  backdrop-filter: blur(24px) saturate(1.08);
}

.account-page-card {
  display: grid;
  padding: 22px;
}

.account-settings-layout {
  display: grid;
  grid-template-columns: minmax(230px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.account-settings-sidebar,
.account-settings-main {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.account-hub-view .account-settings-layout {
  grid-template-columns: minmax(280px, 420px);
  justify-content: center;
}

.account-hub-view .account-settings-sidebar {
  gap: 16px;
}

.account-hub-view .account-settings-main {
  display: none;
}

.account-subpage-view .account-settings-layout {
  grid-template-columns: minmax(0, 1fr);
}

.account-subpage-view .account-settings-sidebar {
  display: none;
}

.account-subpage-view .account-settings-main {
  width: 100%;
  max-width: 680px;
  justify-self: center;
}

.account-page-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid rgba(31, 31, 33, 0.07);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(250, 251, 253, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 18px 46px rgba(31, 35, 43, 0.06);
}

.account-page-avatar {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.26), transparent 34%),
    linear-gradient(145deg, #2f3542, #111319);
  font-size: 1.05rem;
  font-weight: 780;
}

.account-page-hero strong,
.account-page-hero small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-page-hero strong {
  font-size: 0.98rem;
}

.account-page-hero small {
  margin-top: 3px;
  color: var(--muted);
  font-weight: 650;
}

.account-plan-badge {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-top: 8px;
  padding: 3px 9px;
  border: 1px solid rgba(31, 35, 43, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #2f3542;
  font-size: 0.74rem;
  font-weight: 780;
}

.account-plan-badge[data-plan="pro"] {
  border-color: rgba(44, 102, 216, 0.24);
  background: rgba(232, 239, 255, 0.82);
  color: #1e4fba;
}

.account-plan-badge[data-plan="plus"] {
  border-color: rgba(41, 132, 96, 0.22);
  background: rgba(232, 247, 239, 0.82);
  color: #226b4d;
}

.account-plan-badge[data-plan="personal"],
.account-plan-badge[data-plan="guest"] {
  border-color: rgba(31, 35, 43, 0.1);
  background: rgba(246, 247, 249, 0.82);
  color: #3f4652;
}

.account-plan-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.subscription-panel .account-plan-panel {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.account-plan-panel[hidden] {
  display: none;
}

.subscription-current-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(249, 250, 252, 0.72));
  box-shadow: 0 14px 34px rgba(31, 35, 43, 0.06);
}

.subscription-current-card span {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.subscription-current-card strong {
  display: block;
  color: #1f232b;
  font-size: 1.24rem;
  font-weight: 820;
  letter-spacing: 0;
}

.subscription-current-card p {
  max-width: 560px;
  margin: 5px 0 0;
  color: #5d6471;
  font-size: 0.9rem;
  font-weight: 610;
  line-height: 1.36;
}

.subscription-current-card small {
  justify-self: end;
  min-height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 6px 12px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 999px;
  background: rgba(236, 248, 241, 0.78);
  color: #226b4d;
  font-size: 0.78rem;
  font-weight: 780;
}

.plan-option-list {
  display: grid;
  gap: 10px;
}

.plan-option-card {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.7);
  color: #1f232b;
  text-align: left;
  box-shadow: none;
}

.plan-option-card:hover {
  border-color: rgba(31, 35, 43, 0.14);
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
}

.plan-option-card.active {
  border-color: rgba(31, 35, 43, 0.18);
  background: #fff;
  box-shadow: 0 12px 28px rgba(31, 35, 43, 0.08);
}

.plan-option-card:disabled {
  cursor: default;
  transform: none;
}

.plan-option-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.plan-option-copy strong {
  color: #1f232b;
  font-size: 1rem;
  font-weight: 800;
}

.plan-option-copy small {
  color: #606876;
  font-size: 0.84rem;
  font-weight: 560;
  line-height: 1.34;
}

.plan-option-features {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.plan-option-features em {
  min-height: 25px;
  display: inline-grid;
  place-items: center;
  padding: 4px 9px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 999px;
  background: rgba(246, 247, 249, 0.78);
  color: #46505f;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 720;
}

.plan-option-action {
  min-width: 96px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: #111319;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 780;
}

.plan-option-card.active .plan-option-action {
  border: 1px solid rgba(31, 35, 43, 0.08);
  background: rgba(246, 247, 249, 0.9);
  color: #2f3542;
}

.plan-usage-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(249, 250, 252, 0.76));
  box-shadow: 0 14px 34px rgba(31, 35, 43, 0.055);
}

.plan-usage-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.plan-usage-heading span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.plan-usage-heading strong {
  color: #1f232b;
  font-size: 0.88rem;
  font-weight: 780;
}

.plan-usage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.plan-usage-row {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.plan-usage-meta {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.plan-usage-meta span {
  color: #596272;
  font-size: 0.72rem;
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.plan-usage-meta strong {
  color: #1f232b;
  font-size: 0.98rem;
  font-weight: 820;
  letter-spacing: 0;
}

.plan-usage-meta small {
  color: #6a7280;
  font-size: 0.76rem;
  font-weight: 620;
  line-height: 1.25;
}

.plan-usage-meter {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 35, 43, 0.08);
}

.plan-usage-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #111319;
}

.plan-usage-row.is-locked .plan-usage-meter span {
  background: transparent;
}

.plan-usage-note {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 620;
}

@media (max-width: 760px) {
  .plan-usage-grid {
    grid-template-columns: 1fr;
  }
}

.subscription-footnote {
  margin: 0 2px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 620;
}

.account-page-list {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(250, 251, 253, 0.68));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 18px 42px rgba(31, 35, 43, 0.05);
}

.account-page-list button {
  min-height: 66px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  justify-items: stretch;
  gap: 10px;
  padding: 12px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

.account-page-list svg {
  width: 19px;
  height: 19px;
  justify-self: center;
  fill: none;
  stroke: rgba(31, 35, 43, 0.72);
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-page-list button + button {
  border-top: 1px solid rgba(31, 31, 33, 0.08);
}

.account-page-list button:hover {
  background: rgba(255, 255, 255, 0.66);
  box-shadow: none;
}

.account-page-list button[aria-current="page"] {
  background: rgba(31, 31, 33, 0.06);
  color: #111319;
}

.account-page-list button[aria-current="page"] svg {
  stroke: #111319;
}

.account-page-list strong,
.account-page-list small {
  display: block;
}

.account-page-list strong {
  font-size: 0.96rem;
  font-weight: 700;
}

.account-page-list small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 570;
}

.account-page-list em {
  color: rgba(31, 35, 43, 0.4);
  font-style: normal;
  font-size: 1.55rem;
  line-height: 1;
}

.account-navigation-list {
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 18px 42px rgba(31, 35, 43, 0.06);
}

.account-subpage-row {
  min-height: 76px;
}

.account-section-card,
.account-detail-list {
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 18px 42px rgba(31, 35, 43, 0.06);
}

.account-section-card {
  display: grid;
  gap: 6px;
  padding: 18px;
}

.account-section-card[hidden] {
  display: none;
}

.account-section-card span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.account-section-card strong {
  color: #1f232b;
  font-size: 1.28rem;
  font-weight: 780;
  line-height: 1.1;
}

.account-section-card p {
  max-width: 560px;
  margin: 0;
  color: #5f6672;
  font-size: 0.92rem;
  font-weight: 540;
  line-height: 1.42;
}

.account-detail-list {
  overflow: hidden;
}

.account-detail-list.is-separated {
  display: grid;
  gap: 14px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.account-detail-group,
.subscription-panel {
  overflow: hidden;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 18px 42px rgba(31, 35, 43, 0.06);
}

.subscription-panel {
  display: grid;
  gap: 0;
}

.subscription-heading {
  display: grid;
  gap: 4px;
  padding: 16px 18px 0;
}

.subscription-heading span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.subscription-heading strong {
  color: #1f232b;
  font-size: 1.04rem;
  font-weight: 780;
}

.account-panel-heading {
  display: grid;
  gap: 5px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(31, 31, 33, 0.08);
}

.account-panel-heading span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.account-panel-heading strong {
  color: #1f232b;
  font-size: 1.04rem;
  font-weight: 780;
}

.account-panel-heading p {
  max-width: 560px;
  margin: 0;
  color: #5f6672;
  font-size: 0.86rem;
  font-weight: 560;
  line-height: 1.38;
}

.calendar-provider-list {
  display: grid;
}

.calendar-provider-row {
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 14px 16px;
}

.calendar-provider-row + .calendar-provider-row {
  border-top: 1px solid rgba(31, 31, 33, 0.08);
}

.calendar-provider-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.calendar-provider-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(31, 35, 43, 0.08);
  border-radius: 12px;
  background: rgba(246, 247, 249, 0.82);
  color: #1f232b;
  font-size: 0.88rem;
  font-weight: 820;
}

.calendar-provider-icon[data-provider="google"] {
  color: #1a73e8;
}

.calendar-provider-icon[data-provider="outlook"] {
  color: #2568d8;
}

.calendar-provider-copy strong,
.calendar-provider-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendar-provider-copy strong {
  color: #25282f;
  font-size: 0.94rem;
  font-weight: 750;
}

.calendar-provider-copy small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 560;
}

.calendar-provider-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 106px;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  border-color: rgba(31, 35, 43, 0.1);
  background: #111319;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 780;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(31, 35, 43, 0.12);
}

.calendar-provider-action.is-connected {
  background: rgba(246, 247, 249, 0.88);
  color: #2f3542;
  box-shadow: none;
}

.calendar-provider-action:disabled {
  cursor: default;
  opacity: 0.48;
  box-shadow: none;
}

.privacy-action-row {
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 14px 16px;
  border-top: 1px solid rgba(31, 31, 33, 0.08);
}

.privacy-action-row:first-of-type {
  border-top: 0;
}

.privacy-action-row span,
.privacy-action-row small {
  display: block;
  min-width: 0;
}

.privacy-action-row span {
  color: #25282f;
  font-size: 0.94rem;
  font-weight: 760;
}

.privacy-action-row small {
  max-width: 560px;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 560;
  line-height: 1.32;
}

.privacy-action-button {
  min-width: 104px;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(31, 35, 43, 0.1);
  background: #111319;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 780;
  box-shadow: 0 12px 26px rgba(31, 35, 43, 0.12);
}

.privacy-action-button:hover {
  transform: translateY(-1px);
}

.privacy-action-button:disabled {
  cursor: default;
  opacity: 0.52;
  transform: none;
  box-shadow: none;
}

.privacy-action-button.danger {
  border-color: rgba(201, 45, 36, 0.14);
  background: rgba(255, 244, 243, 0.96);
  color: #bd2d24;
  box-shadow: none;
}

@media (max-width: 620px) {
  .subscription-current-card,
  .plan-option-card {
    grid-template-columns: 1fr;
  }

  .subscription-current-card small,
  .plan-option-action {
    justify-self: stretch;
    width: 100%;
  }

  .privacy-action-row,
  .calendar-provider-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .privacy-action-button,
  .calendar-provider-action {
    width: 100%;
  }
}

/* Google Calendar sync controls v231 */
.calendar-sync-button svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.calendar-sync-button:disabled {
  cursor: default;
  opacity: 0.62;
}

.calendar-sync-button.is-syncing svg {
  animation: calendar-sync-spin 850ms linear infinite;
}

@keyframes calendar-sync-spin {
  to {
    transform: rotate(360deg);
  }
}

.profile-identity-form {
  display: grid;
  gap: 0;
}

.profile-identity-card {
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-bottom: 1px solid rgba(31, 31, 33, 0.08);
}

.profile-identity-avatar {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.24), transparent 34%),
    linear-gradient(145deg, #2f3542, #111319);
  font-size: 1.08rem;
  font-weight: 780;
}

.profile-identity-card strong,
.profile-identity-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-identity-card strong {
  color: #1f232b;
  font-size: 1.02rem;
  font-weight: 760;
}

.profile-identity-card small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 650;
}

.profile-field,
.profile-readonly-row {
  min-height: 64px;
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(31, 31, 33, 0.08);
}

.profile-field span,
.profile-readonly-row span {
  color: #404753;
  font-size: 0.9rem;
  font-weight: 720;
}

.profile-field input {
  width: 100%;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 13px;
  background: rgba(246, 247, 249, 0.7);
  color: #1f232b;
  font: inherit;
  font-size: 0.94rem;
  font-weight: 650;
  outline: none;
}

.profile-field input:focus {
  border-color: rgba(64, 111, 238, 0.42);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 4px rgba(64, 111, 238, 0.1);
}

.profile-readonly-row strong {
  min-width: 0;
  overflow: hidden;
  color: #2f3542;
  font-size: 0.94rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-actions {
  min-height: 64px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
}

.profile-actions span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 650;
}

.profile-actions button {
  min-height: 38px;
  padding: 8px 14px;
  border: 0;
  border-radius: 999px;
  background: #3d6cea;
  color: #fff;
  font-weight: 780;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(63, 111, 241, 0.2);
}

.profile-actions button:disabled {
  cursor: default;
  opacity: 0.55;
  box-shadow: none;
}

.settings-control-list {
  display: grid;
  overflow: hidden;
}

.settings-control-row {
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 14px 16px;
  cursor: pointer;
}

button.settings-control-row {
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  box-shadow: none;
}

button.settings-control-row:hover,
button.settings-control-row:focus-visible {
  background: rgba(31, 31, 33, 0.035);
  box-shadow: none;
}

button.settings-control-row:disabled {
  cursor: default;
}

.settings-disclosure {
  justify-self: end;
  color: rgba(31, 35, 43, 0.44);
  font-size: 1.45rem;
  font-weight: 520;
  line-height: 1;
}

.settings-control-row + .settings-control-row {
  border-top: 1px solid rgba(31, 31, 33, 0.08);
}

.settings-control-copy,
.settings-control-copy small {
  display: block;
}

.settings-control-copy {
  color: #25282f;
  font-size: 0.94rem;
  font-weight: 730;
}

.settings-control-copy small {
  max-width: 500px;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 560;
  line-height: 1.35;
}

.settings-control-input {
  appearance: none;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  opacity: 0;
}

.settings-switch {
  width: 42px;
  height: 24px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: #e9e9ea;
  box-shadow:
    inset 0 0 0 1px rgba(31, 35, 43, 0.07),
    inset 0 1px 2px rgba(31, 35, 43, 0.08);
  position: relative;
  justify-self: end;
  transition: background 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.settings-switch::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #fff;
  box-shadow:
    0 3px 8px rgba(31, 35, 43, 0.18),
    0 1px 1px rgba(31, 35, 43, 0.08);
  transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.settings-control-input:checked + .settings-switch {
  background: #111319;
  box-shadow: inset 0 0 0 1px rgba(17, 19, 25, 0.08);
}

.settings-control-input:checked + .settings-switch::before {
  transform: translateX(18px);
}

.settings-control-input:focus-visible + .settings-switch {
  box-shadow:
    0 0 0 4px rgba(17, 19, 25, 0.12),
    inset 0 0 0 1px rgba(31, 35, 43, 0.07);
}

.settings-control-row.is-disabled {
  cursor: default;
}

.settings-control-row.is-disabled .settings-control-copy,
.settings-control-row.is-disabled .settings-control-copy small {
  color: rgba(92, 100, 112, 0.68);
}

.settings-control-input:disabled + .settings-switch {
  opacity: 0.52;
}

.appearance-choice {
  position: relative;
}

.appearance-choice.is-selected {
  background: rgba(31, 31, 33, 0.045);
}

.appearance-check {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: transparent;
  background: rgba(31, 31, 33, 0.06);
  font-size: 0.78rem;
  font-weight: 850;
}

.appearance-choice.is-selected .appearance-check {
  color: #fff;
  background: #111319;
  box-shadow: 0 8px 18px rgba(17, 19, 25, 0.16);
}

.account-detail-row {
  min-height: 62px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 13px 16px;
}

.account-detail-row + .account-detail-row {
  border-top: 1px solid rgba(31, 31, 33, 0.08);
}

.account-detail-row span,
.account-detail-row small {
  display: block;
}

.account-detail-row span {
  color: #25282f;
  font-size: 0.94rem;
  font-weight: 700;
}

.account-detail-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 560;
  line-height: 1.35;
}

.account-detail-row strong {
  max-width: 220px;
  overflow: hidden;
  color: #5c6470;
  font-size: 0.84rem;
  font-weight: 690;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-detail-row.danger span {
  color: #b42318;
}

.account-detail-row.danger strong {
  color: #b42318;
}

.sessions-shell {
  grid-area: sessionsDetail;
}

.meetings-shell {
  grid-area: meetingsDetail;
}

.needs-attention-shell {
  grid-area: needsAttentionDetail;
}

.needs-attention-detail-content {
  min-height: 360px;
  padding: 18px;
}

.needs-attention-static-page {
  min-height: 300px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 249, 251, 0.72)),
    #fff;
}

.needs-attention-static-page .home-attention-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: transparent;
}

.needs-attention-static-page .home-attention-doodle svg {
  width: 56px;
  height: 56px;
}

.needs-attention-static-page .home-attention-placeholder {
  max-width: 420px;
}

.needs-attention-static-page .home-attention-placeholder span:first-child {
  width: min(240px, 70%);
}

.needs-attention-static-page .home-attention-placeholder span:nth-child(2) {
  width: min(360px, 90%);
}

.needs-attention-static-page .home-attention-placeholder span:last-child {
  width: min(300px, 78%);
}

.deadline-detail-content {
  padding: 18px;
}

.deadline-panel .deadline-dashboard,
.meetings-panel .meeting-list {
  max-height: 252px;
  overflow: auto;
}

.sessions-panel .session-list {
  max-height: 476px;
  overflow: auto;
}

.deadline-dashboard.full-dashboard,
.session-list.full-list,
.meeting-list.full-list {
  max-height: calc(100vh - 210px);
  overflow: auto;
}

.project-sessions-card {
  grid-column: 1 / -1;
}

.compact-list {
  max-height: none;
}

.session-header {
  position: relative;
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "back title"
    "meta meta";
  align-items: center;
  gap: 12px 16px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
}

.back-button {
  grid-area: back;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 999px;
  font-size: 1.7rem;
  line-height: 1;
}

.session-header h2 {
  min-width: 0;
  overflow: hidden;
  font-size: 1.28rem;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-title-block {
  grid-area: title;
  min-width: 0;
}

.rename-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.rename-row button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 0.82rem;
}

.session-meta button {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f4f4f5;
  font-size: 0.82rem;
}

.session-meta {
  grid-area: meta;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 7px;
}

.session-info-button,
.session-info-popover,
.project-info-button,
.project-info-popover {
  display: none;
}

.session-info-popover[hidden],
.project-info-popover[hidden] {
  display: none !important;
}

.session-info-button svg,
.project-info-button svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

#sessionStatusMessage {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tabs {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  background: rgba(248, 249, 252, 0.82);
  backdrop-filter: blur(18px) saturate(1.06);
  overflow-x: auto;
}

.tab {
  min-width: 104px;
  min-height: 38px;
  gap: 7px;
  border-radius: 999px;
  box-shadow: none;
  font-size: 0.9rem;
}

.tab::before {
  content: var(--tab-symbol, "•");
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 7px;
  color: var(--tab-symbol-color, #4f5865);
  background: rgba(255, 255, 255, 0.84);
  font-size: 0.62rem;
  font-weight: 900;
  line-height: 1;
}

.tab[data-tab="insights"] {
  --tab-symbol: "✦";
  --tab-symbol-color: #315da8;
}

.tab[data-tab="project"] {
  --tab-symbol: "↗";
  --tab-symbol-color: #248a3d;
}

.tab[data-tab="context"] {
  --tab-symbol: "◇";
  --tab-symbol-color: #4b5563;
}

.tab[data-tab="transcript"] {
  --tab-symbol: "▤";
  --tab-symbol-color: #9b5a0f;
}

.tab.session-share-tab {
  --tab-symbol: "@";
  --tab-symbol-color: #2563eb;
}

.tab.session-share-tab:disabled {
  cursor: default;
  opacity: 0.48;
}

.tab.active {
  color: #fff;
  background: #1f1f21;
  border-color: #1f1f21;
}

.tab.active::before {
  border-color: rgba(255, 255, 255, 0.32);
  color: #1f1f21;
  background: #fff;
}

.tab-panel {
  display: none;
  padding: 18px;
}

.tab-panel.active {
  display: block;
}

.panel-header {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

#insightsPanel > .panel-header.insights-action-row {
  min-height: 34px;
  justify-content: flex-end;
  margin-bottom: 10px;
}

#analyzeButton,
#saveContextButton,
#transcribeButton {
  gap: 8px;
}

#analyzeButton::before,
#saveContextButton::before,
#transcribeButton::before {
  content: var(--action-symbol, "•");
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
  color: var(--action-symbol-color, #315da8);
  background: var(--action-symbol-bg, rgba(52, 120, 246, 0.1));
  font-size: 0.62rem;
  font-weight: 900;
  line-height: 1;
}

#analyzeButton {
  --action-symbol: "✦";
  --action-symbol-color: #315da8;
  --action-symbol-bg: rgba(52, 120, 246, 0.1);
  min-height: 38px;
  padding: 0 13px;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 720;
  box-shadow: none;
}

#analyzeButton::before {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 999px;
  font-size: 0.56rem;
}

#analyzeButton:hover,
#analyzeButton:focus-visible {
  background: #f7f8fb;
  border-color: var(--line-strong);
  box-shadow: none;
  outline: none;
}

#saveContextButton {
  --action-symbol: "◇";
  --action-symbol-color: #4b5563;
  --action-symbol-bg: rgba(31, 31, 33, 0.06);
}

#transcribeButton {
  --action-symbol: "▤";
  --action-symbol-color: #9b5a0f;
  --action-symbol-bg: rgba(180, 95, 6, 0.1);
}

.insights-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.project-memory-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.project-detail-tabs {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--line);
  background: rgba(248, 249, 252, 0.84);
  backdrop-filter: blur(20px) saturate(1.06);
  overflow: hidden;
}

.project-detail-tab {
  min-height: 38px;
  min-width: 0;
  justify-content: center;
  gap: 7px;
  border-radius: 999px;
  padding: 0 8px;
  box-shadow: none;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.82);
  font-size: 0.86rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-detail-tab::before {
  content: var(--project-tab-symbol, "•");
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 7px;
  color: var(--project-tab-symbol-color, #4f5865);
  background: rgba(255, 255, 255, 0.84);
  font-size: 0.62rem;
  font-weight: 900;
  line-height: 1;
}

.project-detail-tab[data-project-detail-tab="brain"] {
  --project-tab-symbol: "✦";
  --project-tab-symbol-color: #315da8;
}

.project-detail-tab[data-project-detail-tab="chat"] {
  --project-tab-symbol: "?";
  --project-tab-symbol-color: #6049b0;
}

.project-detail-tab[data-project-detail-tab="tasks"] {
  --project-tab-symbol: "✓";
  --project-tab-symbol-color: #248a3d;
}

.project-detail-tab[data-project-detail-tab="files"] {
  --project-tab-symbol: "▣";
  --project-tab-symbol-color: #4b5563;
}

.project-detail-tab[data-project-detail-tab="members"] {
  --project-tab-symbol: "◇";
  --project-tab-symbol-color: #9b5a0f;
}

.project-detail-tab.active {
  color: #fff;
  border-color: #1f1f21;
  background: #1f1f21;
}

.project-detail-tab.active::before {
  border-color: rgba(255, 255, 255, 0.32);
  color: #1f1f21;
  background: #fff;
}

.project-detail-content {
  padding: 14px 18px 18px;
}

#projectDetailMeta {
  gap: 6px;
  --project-meta-symbol: "▦";
  --project-meta-symbol-bg: rgba(238, 244, 255, 0.92);
  --project-meta-symbol-color: #315da8;
}

#projectDetailMeta::before {
  content: var(--project-meta-symbol, "•");
  width: 14px;
  height: 14px;
  min-width: 14px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: var(--project-meta-symbol-color, #4f5865);
  background: var(--project-meta-symbol-bg, rgba(31, 31, 33, 0.06));
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1;
}

#renameProjectButton,
#addSessionToProjectButton,
#addMemberTaskButton,
#projectAddMemberButton {
  gap: 7px;
}

#renameProjectButton::before,
#addSessionToProjectButton::before,
#addMemberTaskButton::before,
#projectAddMemberButton::before {
  content: var(--project-action-symbol, "•");
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: var(--project-action-symbol-color, #4f5865);
  background: var(--project-action-symbol-bg, rgba(31, 31, 33, 0.06));
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1;
}

#renameProjectButton {
  --project-action-symbol: "✎";
  --project-action-symbol-color: #4b5563;
}

#addSessionToProjectButton,
#projectAddMemberButton {
  --project-action-symbol: "+";
  --project-action-symbol-color: #315da8;
  --project-action-symbol-bg: rgba(52, 120, 246, 0.1);
}

#addMemberTaskButton {
  --project-action-symbol: "✓";
  --project-action-symbol-color: #248a3d;
  --project-action-symbol-bg: rgba(36, 138, 61, 0.1);
}

.project-detail-pane .project-memory-grid > .insight-card > h3,
.project-detail-pane .card-title-row h3,
.project-ai-sheet-header strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.project-detail-pane .project-memory-grid > .insight-card > h3::before,
.project-detail-pane .card-title-row h3::before,
.project-ai-sheet-header strong::before {
  content: var(--project-card-symbol, "•");
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--project-card-symbol-border, rgba(31, 31, 33, 0.08));
  border-radius: 8px;
  color: var(--project-card-symbol-color, #4f5865);
  background: var(--project-card-symbol-bg, rgba(248, 249, 252, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
  font-size: 0.64rem;
  font-weight: 900;
  line-height: 1;
}

.project-detail-pane[data-project-detail-pane="brain"] .project-memory-grid .insight-card:nth-child(1) > h3 {
  --project-card-symbol: "↗";
  --project-card-symbol-bg: rgba(238, 244, 255, 0.92);
  --project-card-symbol-border: rgba(52, 120, 246, 0.16);
  --project-card-symbol-color: #315da8;
}

.project-detail-pane[data-project-detail-pane="brain"] .project-memory-grid .insight-card:nth-child(2) > h3 {
  --project-card-symbol: "◷";
  --project-card-symbol-bg: rgba(245, 239, 255, 0.96);
  --project-card-symbol-border: rgba(96, 73, 176, 0.16);
  --project-card-symbol-color: #6049b0;
}

.project-detail-pane[data-project-detail-pane="tasks"] .card-title-row h3 {
  --project-card-symbol: "✓";
  --project-card-symbol-bg: rgba(237, 248, 244, 0.94);
  --project-card-symbol-border: rgba(36, 138, 61, 0.18);
  --project-card-symbol-color: #248a3d;
}

.project-detail-pane[data-project-detail-pane="files"] .card-title-row h3 {
  --project-card-symbol: "▣";
  --project-card-symbol-bg: rgba(248, 249, 252, 0.96);
  --project-card-symbol-border: rgba(31, 31, 33, 0.1);
  --project-card-symbol-color: #4b5563;
}

.project-detail-pane[data-project-detail-pane="members"] .card-title-row h3 {
  --project-card-symbol: "◇";
  --project-card-symbol-bg: rgba(255, 246, 220, 0.96);
  --project-card-symbol-border: rgba(180, 95, 6, 0.18);
  --project-card-symbol-color: #9b5a0f;
}

.project-ai-sheet-header strong {
  --project-card-symbol: "?";
  --project-card-symbol-bg: rgba(238, 244, 255, 0.92);
  --project-card-symbol-border: rgba(52, 120, 246, 0.16);
  --project-card-symbol-color: #315da8;
}

.project-detail-pane {
  display: none;
}

.project-detail-pane.active {
  display: block;
}

.project-detail-pane[data-project-detail-pane="chat"].active {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 40px 24px;
  background: rgba(245, 245, 242, 0.66);
  backdrop-filter: blur(18px);
}

.project-detail-pane > .insight-card + .insight-card {
  margin-top: 12px;
}

.project-chat-card {
  position: relative;
  width: min(760px, calc(100vw - 64px));
  min-height: 560px;
  height: min(720px, calc(100vh - 96px));
  max-height: calc(100vh - 96px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
  gap: 10px;
  padding: 18px;
  overflow: hidden;
  border-color: rgba(230, 230, 226, 0.72);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 48px rgba(31, 31, 33, 0.08);
}

.project-ai-sheet-header {
  min-height: 42px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.project-ai-sheet-header .back-button {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

#projectChatCloseButton {
  display: none;
}

.project-ai-sheet-header strong {
  grid-column: 2;
  justify-self: center;
  font-size: 1rem;
}

.project-chat-clear-button {
  grid-column: 3;
  justify-self: end;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 999px;
  background: rgba(248, 249, 252, 0.92);
  color: rgba(31, 31, 33, 0.64);
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.project-chat-clear-button:hover:not(:disabled) {
  border-color: rgba(214, 64, 69, 0.2);
  background: rgba(255, 244, 244, 0.92);
  color: #b4232b;
}

.project-chat-clear-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.project-member-row span,
.project-file-row span,
#projectChatScope {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 650;
}

.insight-main,
.insight-card,
.follow-up,
.chat-panel {
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--panel);
  box-shadow: none;
}

.insight-main {
  grid-column: 1 / -1;
  padding: 16px;
  background: #f4f6f9;
}

.insight-main p,
.linked-card p,
.follow-up p,
.recording-note,
.chat-panel p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.5;
}

.insight-card {
  padding: 15px;
}

.insights-layout > .insight-card {
  order: 3;
  min-height: 56px;
  padding: 0;
  overflow: hidden;
  align-self: start;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.insights-layout > .summary-card {
  order: 1;
  grid-column: 1 / -1;
}

.insights-layout > .task-card {
  order: 2;
  grid-column: 1 / -1;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.insights-layout > .insight-card[data-expanded="true"]:not(.summary-card) {
  order: 3;
}

.insights-layout > .insight-card.task-card[data-expanded="true"],
.insights-layout > .insight-card.task-card[data-expanded="false"] {
  order: 2;
}

.insights-layout > .insight-card.first-collapsed-after-expanded {
  grid-column: 1;
}

.insights-layout > .insight-card[data-expanded="false"] .insight-card-body {
  display: none;
}

.insight-card-header,
.insight-card-toggle {
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
}

.insight-card-header h3,
.insight-card-toggle span {
  margin: 0;
  color: var(--ink);
  font-size: 0.94rem;
  font-weight: 740;
  letter-spacing: 0;
}

.insight-main h3,
.follow-up h3,
.insight-card-header h3,
.insight-card-toggle span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.insight-main h3::before,
.follow-up h3::before,
.insight-card-header h3::before,
.insight-card-toggle span::before {
  content: var(--card-symbol, "•");
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--card-symbol-border, rgba(31, 31, 33, 0.08));
  border-radius: 8px;
  color: var(--card-symbol-color, #4f5865);
  background: var(--card-symbol-bg, rgba(248, 249, 252, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
  font-size: 0.64rem;
  font-weight: 900;
  line-height: 1;
}

.insight-main h3 {
  --card-symbol: "→";
  --card-symbol-bg: rgba(52, 120, 246, 0.1);
  --card-symbol-border: rgba(52, 120, 246, 0.16);
  --card-symbol-color: #315da8;
}

.summary-card .insight-card-header h3 {
  --card-symbol: "▤";
  --card-symbol-bg: rgba(248, 249, 252, 0.96);
  --card-symbol-border: rgba(31, 31, 33, 0.1);
  --card-symbol-color: #4b5563;
}

.task-card .insight-card-toggle span {
  --card-symbol: "✓";
  --card-symbol-bg: rgba(237, 248, 244, 0.94);
  --card-symbol-border: rgba(36, 138, 61, 0.18);
  --card-symbol-color: #248a3d;
}

.task-card .insight-card-toggle > span {
  display: block;
}

.task-card .insight-card-toggle > span::before {
  content: none;
}

.task-card .insight-card-toggle strong {
  color: var(--ink);
  font: inherit;
}

.task-card .insight-card-toggle small {
  display: block;
  margin-top: 2px;
  color: rgba(31, 31, 33, 0.52);
  font-size: 0.76rem;
  font-weight: 620;
  line-height: 1.25;
}

.task-card .insight-card-toggle {
  min-height: auto;
  padding: 4px 0 10px;
}

.task-card .insight-card-toggle:hover,
.task-card .insight-card-toggle:focus-visible {
  background: transparent;
}

.task-card .insight-card-toggle::after {
  content: none;
}

.task-card[data-expanded="true"] .insight-card-toggle::after,
.task-card[data-expanded="false"] .insight-card-toggle::after {
  content: none;
}

.task-card .insight-card-body {
  padding: 0;
}

.deadline-card .insight-card-toggle span {
  --card-symbol: "◷";
  --card-symbol-bg: rgba(255, 246, 220, 0.96);
  --card-symbol-border: rgba(180, 95, 6, 0.18);
  --card-symbol-color: #9b5a0f;
}

.insight-card-body .elthos-task-list {
  margin: 0;
  padding: 2px 0 4px;
  display: grid;
  gap: 6px;
  list-style: none;
}

.elthos-task-item {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.elthos-task-item.priority-high {
  --task-priority-color: #d64545;
}

.elthos-task-item.priority-medium {
  --task-priority-color: #c58a18;
}

.elthos-task-item.priority-low {
  --task-priority-color: #5f738a;
}

.elthos-task-item.priority-future {
  --task-priority-color: #3478f6;
}

.elthos-task-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 3px;
  color: var(--task-priority-color, #6b7280);
  font-size: 0.68rem;
  font-weight: 860;
  line-height: 1;
  text-transform: uppercase;
}

.elthos-task-group::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--task-priority-color, #6b7280);
}

.elthos-task-group.priority-high {
  --task-priority-color: #d64545;
}

.elthos-task-group.priority-medium {
  --task-priority-color: #c58a18;
}

.elthos-task-group.priority-low {
  --task-priority-color: #5f738a;
}

.elthos-task-group.priority-future {
  --task-priority-color: #3478f6;
}

.elthos-task-dot {
  width: 5px;
  height: 5px;
  margin-top: 8px;
  border-radius: 999px;
  background: rgba(31, 31, 33, 0.48);
}

.elthos-task-main {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.elthos-task-main strong {
  color: var(--ink);
  font-size: 0.94rem;
  font-weight: 740;
  line-height: 1.2;
}

.elthos-task-main span {
  color: rgba(31, 31, 33, 0.68);
  font-size: 0.82rem;
  font-weight: 460;
  line-height: 1.4;
}

.topic-card .insight-card-toggle span {
  --card-symbol: "◇";
  --card-symbol-bg: rgba(245, 239, 255, 0.96);
  --card-symbol-border: rgba(96, 73, 176, 0.16);
  --card-symbol-color: #6049b0;
}

.review-card .insight-card-toggle span,
.unresolved-card .insight-card-toggle span {
  --card-symbol: "?";
  --card-symbol-bg: rgba(255, 241, 241, 0.96);
  --card-symbol-border: rgba(214, 70, 70, 0.16);
  --card-symbol-color: #b23b3b;
}

.next-card .insight-card-toggle span {
  --card-symbol: "↗";
  --card-symbol-bg: rgba(238, 244, 255, 0.92);
  --card-symbol-border: rgba(52, 120, 246, 0.16);
  --card-symbol-color: #315da8;
}

.decision-card .insight-card-toggle span {
  --card-symbol: "◆";
  --card-symbol-bg: rgba(237, 248, 244, 0.94);
  --card-symbol-border: rgba(36, 138, 61, 0.18);
  --card-symbol-color: #248a3d;
}

.memory-card .insight-card-toggle span {
  --card-symbol: "✦";
  --card-symbol-bg: rgba(238, 244, 255, 0.92);
  --card-symbol-border: rgba(52, 120, 246, 0.16);
  --card-symbol-color: #315da8;
}

.linked-card .insight-card-toggle span {
  --card-symbol: "↔";
  --card-symbol-bg: rgba(248, 249, 252, 0.96);
  --card-symbol-border: rgba(31, 31, 33, 0.1);
  --card-symbol-color: #4b5563;
}

.follow-up h3 {
  --card-symbol: "✉";
  --card-symbol-bg: rgba(255, 246, 220, 0.96);
  --card-symbol-border: rgba(180, 95, 6, 0.18);
  --card-symbol-color: #9b5a0f;
}

.insight-card-toggle {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

.insight-card-toggle:hover,
.insight-card-toggle:focus-visible {
  background: rgba(248, 249, 252, 0.88);
  border-color: transparent;
  box-shadow: none;
}

.insight-card-toggle::after {
  content: "+";
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: #f7f8fa;
  font-size: 1rem;
  line-height: 1;
}

.insight-card[data-expanded="true"] .insight-card-toggle::after {
  content: "-";
}

.task-card[data-expanded="true"] .insight-card-toggle::after,
.task-card[data-expanded="false"] .insight-card-toggle::after {
  content: none;
}

.insight-card-body {
  padding: 0 16px 16px;
}

.card-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.card-title-row h3 {
  margin-bottom: 0;
}

.card-title-row button,
.mini-file-button {
  min-height: 34px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 0.84rem;
}

.mini-file-button {
  border: 1px solid var(--line);
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  cursor: pointer;
}

.mini-file-button input {
  display: none;
}

.timeline-file-input {
  display: none;
}

.project-timeline-card .card-title-row span {
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 650;
  text-align: right;
}

.project-timeline-list {
  position: relative;
  display: grid;
  gap: 0;
  padding: 8px 0 2px;
}

.project-timeline-list::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 18px;
  width: 1px;
  border-radius: 999px;
  background: rgba(31, 31, 33, 0.1);
}

.timeline-insert-row {
  position: relative;
  min-height: 24px;
  display: flex;
  align-items: center;
  padding-left: 2px;
}

.timeline-insert-button {
  position: relative;
  z-index: 1;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(52, 120, 246, 0.18);
  color: rgba(7, 95, 184, 0.68);
  background: rgba(238, 244, 255, 0.62);
  box-shadow: none;
  font-size: 0.9rem;
  font-weight: 850;
  opacity: 0.68;
  transition: opacity 160ms ease, background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.project-timeline-list:hover .timeline-insert-button,
.timeline-insert-button:focus-visible {
  opacity: 1;
}

.timeline-insert-button:hover,
.timeline-insert-button:focus-visible {
  border-color: rgba(52, 120, 246, 0.42);
  color: #075fb8;
  background: rgba(226, 240, 255, 0.95);
  transform: none;
}

.project-timeline-item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-left: 42px;
  padding: 11px 12px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.86);
}

.timeline-item-main {
  width: 100%;
  min-height: auto;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-align: left;
}

.timeline-item-main:hover,
.timeline-item-main:focus-visible {
  background: transparent;
  transform: none;
  outline: none;
}

.timeline-item-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #1f1f21;
  font-size: 0.8rem;
  font-weight: 850;
}

.project-timeline-item.file .timeline-item-icon {
  background: #075fb8;
}

.project-timeline-item.decision .timeline-item-icon {
  background: #8a5a00;
}

.project-timeline-item.note .timeline-item-icon {
  background: #5d6170;
}

.timeline-item-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.timeline-item-copy strong {
  overflow-wrap: anywhere;
  line-height: 1.18;
}

.timeline-item-copy span,
.timeline-item-copy small {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.35;
}

.timeline-item-copy small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.timeline-item-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}

.timeline-item-actions button:not(.icon-button) {
  min-height: 28px;
  border-radius: 999px;
  padding: 0 9px;
  color: rgba(31, 31, 33, 0.76);
  background: rgba(248, 249, 252, 0.78);
  font-size: 0.76rem;
}

.timeline-remove-button {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  margin-right: 0;
  color: rgba(215, 0, 21, 0.82);
  background: rgba(215, 0, 21, 0.06);
}

.timeline-remove-button:hover,
.timeline-remove-button:focus {
  color: #d70015;
  background: rgba(215, 0, 21, 0.12);
  outline: none;
}

.timeline-empty {
  margin-left: 46px;
  border: 1px dashed var(--line);
  border-radius: 14px;
  background: #f8f9fb;
}

.project-chat-top {
  display: flex;
  justify-content: center;
  min-height: 0;
  margin-bottom: 0;
}

.project-chat-top:empty {
  display: none;
}

.project-chat-top #projectChatScope {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  line-height: 1.1;
  text-align: center;
}

.project-chat-top #projectChatScope::before {
  content: "◇";
  width: 14px;
  height: 14px;
  min-width: 14px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #315da8;
  background: rgba(52, 120, 246, 0.1);
  font-size: 0.56rem;
  font-weight: 900;
  line-height: 1;
}

.project-chat-top + .project-suggestion-row {
  margin-top: 0;
}

.project-chat-top h3 {
  display: none;
}

:root[data-theme="dark"] button,
:root[data-theme="dark"] .file-button,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
  border-color: var(--line);
  color: var(--ink);
  background-color: rgba(21, 23, 28, 0.92);
}

:root[data-theme="dark"] button:hover,
:root[data-theme="dark"] .file-button:hover {
  background: rgba(34, 38, 47, 0.96);
}

:root[data-theme="dark"] .brand-header,
:root[data-theme="dark"] .auth-button,
:root[data-theme="dark"] .auth-button.signed-in,
:root[data-theme="dark"] .sessions-panel,
:root[data-theme="dark"] .workspace-entry-panel,
:root[data-theme="dark"] .projects-panel,
:root[data-theme="dark"] .deadline-panel,
:root[data-theme="dark"] .meetings-panel,
:root[data-theme="dark"] .workspace-brain-shell,
:root[data-theme="dark"] .capture-panel,
:root[data-theme="dark"] .live-session-shell,
:root[data-theme="dark"] .session-shell,
:root[data-theme="dark"] .project-shell,
:root[data-theme="dark"] .deadline-shell,
:root[data-theme="dark"] .sessions-shell,
:root[data-theme="dark"] .meetings-shell,
:root[data-theme="dark"] .account-shell,
:root[data-theme="dark"] .account-section-card,
:root[data-theme="dark"] .account-detail-list,
:root[data-theme="dark"] .account-detail-group,
:root[data-theme="dark"] .subscription-panel,
:root[data-theme="dark"] .workspace-card,
:root[data-theme="dark"] .workspace-hero,
:root[data-theme="dark"] .workspace-stats span,
:root[data-theme="dark"] .workspace-chat-form,
:root[data-theme="dark"] .project-list,
:root[data-theme="dark"] .deadline-dashboard,
:root[data-theme="dark"] .meeting-list,
:root[data-theme="dark"] .workspace-list,
:root[data-theme="dark"] .workspace-project-list,
:root[data-theme="dark"] .insight-main,
:root[data-theme="dark"] .insight-card,
:root[data-theme="dark"] .follow-up,
:root[data-theme="dark"] .chat-panel,
:root[data-theme="dark"] .project-chat-card,
:root[data-theme="dark"] .recording-dock,
:root[data-theme="dark"] .recording-dock-player,
:root[data-theme="dark"] .audio-menu {
  border-color: var(--line);
  background: rgba(21, 23, 28, 0.78);
  box-shadow: var(--small-shadow);
}

:root[data-theme="dark"] .capture-panel,
:root[data-theme="dark"] .account-shell,
:root[data-theme="dark"] .session-shell,
:root[data-theme="dark"] .project-shell,
:root[data-theme="dark"] .deadline-shell,
:root[data-theme="dark"] .sessions-shell,
:root[data-theme="dark"] .meetings-shell,
:root[data-theme="dark"] .live-session-shell {
  background:
    linear-gradient(180deg, rgba(24, 27, 34, 0.94), rgba(14, 16, 21, 0.9)),
    var(--panel);
  box-shadow: var(--shadow);
}

:root[data-theme="dark"] .session-header,
:root[data-theme="dark"] .live-session-header,
:root[data-theme="dark"] .profile-identity-card,
:root[data-theme="dark"] .profile-field,
:root[data-theme="dark"] .profile-readonly-row,
:root[data-theme="dark"] .profile-actions,
:root[data-theme="dark"] .account-detail-row + .account-detail-row,
:root[data-theme="dark"] .settings-control-row + .settings-control-row,
:root[data-theme="dark"] .account-page-list button + button,
:root[data-theme="dark"] .workspace-row + .workspace-row,
:root[data-theme="dark"] .workspace-project-row + .workspace-project-row,
:root[data-theme="dark"] .project-row + .project-row,
:root[data-theme="dark"] .deadline-row + .deadline-row,
:root[data-theme="dark"] .meeting-row + .meeting-row,
:root[data-theme="dark"] .deadline-group + .deadline-group {
  border-color: var(--line);
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] .session-header h2,
:root[data-theme="dark"] .capture-heading h2,
:root[data-theme="dark"] .account-section-card strong,
:root[data-theme="dark"] .subscription-heading strong,
:root[data-theme="dark"] .profile-identity-card strong,
:root[data-theme="dark"] .settings-control-copy,
:root[data-theme="dark"] .account-detail-row span,
:root[data-theme="dark"] .account-detail-row strong,
:root[data-theme="dark"] .profile-field span,
:root[data-theme="dark"] .profile-readonly-row span,
:root[data-theme="dark"] .profile-readonly-row strong,
:root[data-theme="dark"] .workspace-stats strong,
:root[data-theme="dark"] .workspace-row-title,
:root[data-theme="dark"] .workspace-project-title,
:root[data-theme="dark"] .project-row-title,
:root[data-theme="dark"] .deadline-title,
:root[data-theme="dark"] .meeting-title,
:root[data-theme="dark"] .insight-card-header h3,
:root[data-theme="dark"] .insight-card-toggle span,
:root[data-theme="dark"] .task-card .insight-card-toggle strong,
:root[data-theme="dark"] .elthos-task-main strong,
:root[data-theme="dark"] .recording-dock-meta strong {
  color: var(--ink);
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .session-row-date,
:root[data-theme="dark"] .session-row-chevron,
:root[data-theme="dark"] .session-delete,
:root[data-theme="dark"] .workspace-row-meta,
:root[data-theme="dark"] .workspace-project-meta,
:root[data-theme="dark"] .project-row-meta,
:root[data-theme="dark"] .deadline-meta,
:root[data-theme="dark"] .meeting-meta,
:root[data-theme="dark"] .settings-control-copy small,
:root[data-theme="dark"] .account-section-card p,
:root[data-theme="dark"] .account-page-list small,
:root[data-theme="dark"] .profile-actions span,
:root[data-theme="dark"] .insight-main p,
:root[data-theme="dark"] .linked-card p,
:root[data-theme="dark"] .follow-up p,
:root[data-theme="dark"] .recording-note,
:root[data-theme="dark"] .chat-panel p,
:root[data-theme="dark"] .elthos-task-main span,
:root[data-theme="dark"] .task-card .insight-card-toggle small {
  color: var(--muted);
}

:root[data-theme="dark"] .account-page-list button[aria-current="page"],
:root[data-theme="dark"] .appearance-choice.is-selected,
:root[data-theme="dark"] .session-row.active,
:root[data-theme="dark"] .session-row:hover,
:root[data-theme="dark"] .workspace-row.active,
:root[data-theme="dark"] .workspace-project-row.active,
:root[data-theme="dark"] .workspace-row:hover,
:root[data-theme="dark"] .workspace-project-row:hover,
:root[data-theme="dark"] .project-row:hover,
:root[data-theme="dark"] .deadline-row:hover,
:root[data-theme="dark"] .meeting-row:hover,
:root[data-theme="dark"] button.settings-control-row:hover,
:root[data-theme="dark"] button.settings-control-row:focus-visible,
:root[data-theme="dark"] .insight-card-toggle:hover,
:root[data-theme="dark"] .insight-card-toggle:focus-visible {
  background: rgba(255, 255, 255, 0.06);
}

:root[data-theme="dark"] .account-page-list svg,
:root[data-theme="dark"] .account-page-list button[aria-current="page"] svg {
  stroke: var(--ink);
}

:root[data-theme="dark"] .settings-disclosure,
:root[data-theme="dark"] .account-page-list em {
  color: rgba(244, 245, 247, 0.45);
}

:root[data-theme="dark"] .profile-field input,
:root[data-theme="dark"] .workspace-chat-form input,
:root[data-theme="dark"] .chat-form input,
:root[data-theme="dark"] .search-input,
:root[data-theme="dark"] textarea {
  border-color: var(--line);
  background: rgba(7, 9, 13, 0.68);
  color: var(--ink);
}

:root[data-theme="dark"] .profile-field input:focus,
:root[data-theme="dark"] .workspace-chat-form:focus-within {
  border-color: rgba(93, 140, 255, 0.52);
  background: rgba(15, 18, 24, 0.94);
  box-shadow: 0 0 0 4px rgba(93, 140, 255, 0.16);
}

:root[data-theme="dark"] .settings-switch {
  background: #2b2f37;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

:root[data-theme="dark"] .settings-control-input:checked + .settings-switch,
:root[data-theme="dark"] .appearance-choice.is-selected .appearance-check {
  background: #f5f6f8;
  color: #111319;
}

:root[data-theme="dark"] .settings-control-input:checked + .settings-switch::before {
  background: #111319;
}

:root[data-theme="dark"] .appearance-check {
  background: rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] .back-button,
:root[data-theme="dark"] .insight-card-toggle::after,
:root[data-theme="dark"] .project-detail-tab,
:root[data-theme="dark"] .workspace-scope,
:root[data-theme="dark"] .role-select,
:root[data-theme="dark"] .permission-note,
:root[data-theme="dark"] .workspace-project-actions button,
:root[data-theme="dark"] .project-chat-clear-button {
  background: rgba(255, 255, 255, 0.07);
  color: var(--ink-soft);
  border-color: var(--line);
}

:root[data-theme="dark"] .project-detail-tab.active {
  background: #f5f6f8;
  color: #111319;
  border-color: rgba(255, 255, 255, 0.72);
}

:root[data-theme="dark"] .project-detail-tab.active::before {
  color: #fff;
  background: #111319;
}

:root[data-theme="dark"] .audio-picker-button,
:root[data-theme="dark"] .workspace-chat-form button,
:root[data-theme="dark"] .profile-actions button,
:root[data-theme="dark"] .round-add-button {
  color: #fff;
  background: var(--blue);
  border-color: rgba(255, 255, 255, 0.18);
}

:root[data-theme="dark"] .project-detail-pane[data-project-detail-pane="chat"].active {
  background: rgba(2, 4, 8, 0.72);
}

:root[data-theme="dark"] .account-detail-view .account-shell {
  background:
    radial-gradient(circle at 50% 0%, rgba(93, 140, 255, 0.12), transparent 34%),
    linear-gradient(180deg, #151821 0%, #090b10 100%);
}

@media (max-width: 620px) {
  .project-chat-top {
    justify-content: flex-start;
  }

  .project-chat-top #projectChatScope {
    text-align: left;
  }
}

.project-chat-top-legacy {
  align-items: center;
  padding: 0 2px;
}

.project-suggestion-row {
  order: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 14px;
  min-height: 24px;
  margin: -2px 0 0;
  padding: 0 8px 1px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
}

.project-suggestion-row::-webkit-scrollbar {
  display: none;
}

.project-suggestion-row button {
  flex: 0 0 auto;
  min-height: 24px;
  gap: 5px;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  padding: 0;
  color: rgba(31, 31, 33, 0.48);
  background: transparent;
  box-shadow: none;
  font-size: 0.78rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.project-suggestion-row button::before {
  content: var(--project-chip-symbol, "•");
  width: 15px;
  height: 15px;
  min-width: 15px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: var(--project-chip-symbol-color, #4f5865);
  background: rgba(31, 31, 33, 0.05);
  font-size: 0.52rem;
  font-weight: 900;
  line-height: 1;
}

.project-suggestion-row button:nth-child(1) {
  --project-chip-symbol: "↗";
  --project-chip-symbol-color: #315da8;
}

.project-suggestion-row button:nth-child(2) {
  --project-chip-symbol: "✓";
  --project-chip-symbol-color: #248a3d;
}

.project-suggestion-row button:nth-child(3) {
  --project-chip-symbol: "◆";
  --project-chip-symbol-color: #9b5a0f;
}

.project-suggestion-row button:nth-child(4) {
  --project-chip-symbol: "?";
  --project-chip-symbol-color: #b23b3b;
}

.project-suggestion-row button:nth-child(5) {
  --project-chip-symbol: "✦";
  --project-chip-symbol-color: #6049b0;
}

.project-suggestion-row button:hover,
.project-suggestion-row button:focus-visible {
  color: rgba(31, 31, 33, 0.82);
  background: transparent;
  transform: none;
}

.project-suggestion-row button:nth-child(5) {
  grid-column: auto;
}

.project-answer {
  margin-bottom: 0;
}

.project-chat-messages {
  order: 3;
  min-height: 0;
  max-height: none;
  overflow: auto;
  margin-bottom: 0;
  border: 0;
  border-radius: 18px;
  background: #fff;
  padding: 0;
}

.project-chat-form {
  order: 5;
  border-color: rgba(224, 224, 220, 0.86);
  background: rgba(248, 248, 246, 0.95);
  box-shadow: 0 14px 34px rgba(31, 31, 33, 0.08);
}

.project-chat-form input {
  font-size: 0.9rem;
}

.project-chat-form #projectChatButton {
  min-width: 56px;
}

.project-chat-card .chat-attachments.has-files {
  order: 6;
  padding: 0 2px;
}

@media (min-width: 981px) {
  body.project-detail-view {
    --project-split-gap: 28px;
    --project-chat-panel-width: clamp(420px, 36vw, 540px);
    --project-split-width: min(1760px, calc(100vw - 56px));
  }

  body.project-detail-view .workspace {
    max-width: var(--project-split-width);
    gap: var(--project-split-gap);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .app-shell {
    padding: 28px;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(241, 245, 250, 0.42)),
      radial-gradient(circle at 18% 16%, rgba(52, 120, 246, 0.07), transparent 28%),
      radial-gradient(circle at 80% 6%, rgba(122, 132, 148, 0.09), transparent 26%);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .workspace {
    max-width: var(--project-split-width);
    min-height: calc(100vh - 56px);
    grid-template-columns: minmax(0, 1fr) var(--project-chat-panel-width);
    grid-template-areas: "project chatSpace";
    align-items: start;
    gap: var(--project-split-gap);
    transition: max-width 820ms cubic-bezier(0.16, 1, 0.3, 1), gap 820ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell {
    width: 100%;
    max-width: none;
    min-height: calc(100vh - 56px);
    margin: 0;
    border-color: rgba(31, 31, 33, 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 28px 90px rgba(31, 31, 33, 0.1);
    backdrop-filter: blur(24px) saturate(1.06);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell .session-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "back title meta";
    min-height: 84px;
    padding: 18px 22px;
    gap: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 249, 252, 0.82));
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell .session-meta {
    justify-content: flex-end;
    align-items: center;
    max-width: 520px;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell .session-meta span {
    background: rgba(255, 255, 255, 0.74);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-content {
    padding: 18px 22px 22px;
  }

  body.project-detail-view.project-ai-open .project-shell {
    animation: projectCardGlideRight 860ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  body.project-detail-view.project-ai-closing .project-shell {
    animation: projectCardReturnCenter 620ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 22px;
    background: rgba(245, 247, 250, 0.78);
    backdrop-filter: blur(18px) saturate(1.05);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-tab[data-project-detail-tab="chat"] {
    display: none;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-pane[data-project-detail-pane="chat"].active {
    position: fixed;
    inset: 28px max(28px, calc((100vw - 1760px) / 2 + 28px)) 28px auto;
    z-index: 20;
    width: var(--project-chat-panel-width);
    display: block;
    padding: 0;
    background: transparent;
    backdrop-filter: none;
    pointer-events: auto;
  }

  body.project-detail-view.project-ai-open .project-detail-pane[data-project-detail-pane="chat"].active {
    animation: projectChatGlideLeft 920ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  body.project-detail-view.project-ai-closing .project-detail-pane[data-project-detail-pane="chat"].active {
    animation: projectChatGlideOutLeft 620ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
    pointer-events: none;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card {
    width: 100%;
    min-height: 0;
    height: 100%;
    max-height: none;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
    gap: 12px;
    padding: 16px;
    border-color: rgba(31, 31, 33, 0.1);
    border-radius: 28px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 249, 252, 0.82)),
      #fff;
    box-shadow: 0 28px 90px rgba(31, 31, 33, 0.13);
    backdrop-filter: blur(24px) saturate(1.08);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card.has-chat-history {
    grid-template-rows: auto minmax(0, 1fr) auto auto auto;
    gap: 8px;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 2px 0;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header strong {
    order: 1;
    grid-column: auto;
    justify-self: auto;
    font-size: 1.08rem;
    letter-spacing: 0;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-clear-button {
    order: 2;
    margin-left: auto;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header .back-button {
    order: 3;
    grid-area: auto;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    color: var(--muted);
    font-size: 1.25rem;
    line-height: 1;
    background: rgba(255, 255, 255, 0.78);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card.has-chat-history .project-ai-sheet-header {
    min-height: 42px;
    padding-top: 0;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-top {
    justify-content: flex-start;
    margin-top: -4px;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-top #projectChatScope {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    border: 1px solid rgba(52, 120, 246, 0.14);
    border-radius: 999px;
    padding: 4px 10px;
    color: #315da8;
    background: rgba(238, 244, 255, 0.9);
    text-align: left;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card.has-chat-history .project-chat-top {
    display: none;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 12px;
    min-height: 24px;
    margin: -2px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 8px 1px;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row button {
    width: auto;
    min-width: 0;
    min-height: 24px;
    padding: 0;
    border: 0;
    color: rgba(31, 31, 33, 0.48);
    background: transparent;
    font-size: 0.74rem;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row button:nth-child(5) {
    grid-column: auto;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages {
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 22px;
    padding: 12px;
    background:
      linear-gradient(180deg, rgba(247, 248, 251, 0.78), rgba(255, 255, 255, 0.96)),
      #fff;
    backdrop-filter: blur(16px) saturate(1.04);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card.has-chat-history .project-chat-messages {
    min-height: 0;
    padding: 14px;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form {
    padding: 7px;
    border-color: rgba(31, 31, 33, 0.1);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 42px rgba(31, 31, 33, 0.08);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton {
    min-width: 62px;
    color: #fff;
    border-color: var(--blue);
    background: var(--blue);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 14px;
    align-items: start;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid .project-sessions-card,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid .project-long-card {
    grid-column: auto;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid .insight-card {
    max-height: calc(100vh - 230px);
    overflow: auto;
    border-color: rgba(31, 31, 33, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(18px) saturate(1.06);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid h3 {
    margin-bottom: 10px;
    font-size: 0.92rem;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid ul {
    margin: 0;
    padding-left: 18px;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid li {
    margin-bottom: 10px;
    color: #2e2e31;
    font-size: 0.92rem;
    line-height: 1.45;
  }
}

.project-member-list,
.project-file-list,
.member-task-list {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
}

.project-member-row,
.project-file-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
}

.project-member-row:last-child,
.project-file-row:last-child {
  border-bottom: 0;
}

.project-member-row div,
.project-file-row div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.project-member-row strong,
.project-file-row strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-task-suggestions {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
}

.member-task-voice-status {
  margin: -2px 0 10px;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 650;
}

.member-task-suggestion,
.member-task-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8f9fb;
}

.member-task-suggestion strong,
.member-task-row strong {
  display: block;
  margin: 2px 0;
}

.member-task-suggestion span,
.member-task-row span,
.member-task-heading span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 650;
}

.member-task-suggestion p {
  margin: 0;
  color: var(--ink);
  line-height: 1.35;
}

.member-task-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.member-task-actions button,
.member-task-row > button:not(.task-complete):not(.icon-button) {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 0.78rem;
}

.member-task-list {
  gap: 0;
}

.member-task-group {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid var(--line);
}

.member-task-group:last-child {
  border-bottom: 0;
}

.member-task-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.member-task-heading h4 {
  margin: 0;
}

.member-task-items {
  display: grid;
  gap: 8px;
}

.member-task-row {
  grid-template-columns: 32px minmax(0, 1fr) auto auto;
  background: var(--panel);
}

.member-task-row .task-complete {
  justify-self: start;
  margin-left: 0;
}

.member-task-row.done strong {
  color: var(--muted);
  text-decoration: line-through;
}

.follow-up,
.chat-panel {
  margin-top: 12px;
  padding: 16px;
}

.mobile-meeting-chat-launcher,
.mobile-project-chat-launcher,
.mobile-meeting-chat-header {
  display: none;
}

.chat-panel {
  display: grid;
  max-height: calc(var(--app-visible-height, 100vh) - 44px);
  grid-template-rows: auto minmax(220px, 1fr) auto auto auto;
  gap: 12px;
  overflow: hidden;
  background:
    linear-gradient(180deg, #fff, #f8f9fb);
}

.session-chat-shell .chat-panel {
  height: calc(var(--app-visible-height, 100vh) - 44px);
  min-height: 0;
  margin-top: 0;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}

.session-chat-shell .chat-messages {
  height: 100%;
  min-height: 0;
  max-height: none;
  padding: 16px;
  border-color: rgba(31, 31, 33, 0.07);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(249, 250, 252, 0.92), rgba(244, 247, 251, 0.82));
}

.chat-messages {
  display: grid;
  align-content: start;
  gap: 12px;
  max-height: 520px;
  overflow: auto;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #f5f7fa;
}

.chat-messages.project-chat-messages {
  height: 100%;
  min-height: 0;
  max-height: none;
  align-self: stretch;
}

.project-chat-card.has-chat-history .chat-messages.project-chat-messages {
  height: 100%;
  min-height: 0;
  max-height: none;
}

.chat-message {
  max-width: 84%;
  padding: 12px 14px;
  border-radius: 20px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  animation: projectMessageEnter 180ms ease both;
}

.chat-message.user {
  justify-self: end;
  color: #fff;
  background: var(--blue);
}

.session-chat-shell .chat-message.user {
  max-width: 86%;
  border-radius: 22px 22px 6px 22px;
  padding: 11px 14px;
  background: linear-gradient(180deg, #4b7cf5, #3570ee);
  box-shadow: 0 12px 28px rgba(52, 120, 246, 0.18);
  font-size: 0.94rem;
  font-weight: 520;
  line-height: 1.48;
}

.chat-message-files {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  font-size: 0.8rem;
  opacity: 0.9;
}

.chat-message.assistant {
  justify-self: start;
  width: 100%;
  max-width: 100%;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 8px 20px rgba(31, 31, 33, 0.04);
}

.session-chat-shell .chat-message.assistant {
  border: 0;
  border-radius: 0;
  padding: 4px 2px 12px;
  background: transparent;
  box-shadow: none;
  color: #30343b;
}

.session-chat-shell .project-thinking-message,
.session-chat-shell .project-typing-message {
  animation: projectMessageEnter 220ms ease both;
}

.project-chat-messages .chat-message.assistant {
  width: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  padding: 4px 2px 12px;
  background: transparent;
  box-shadow: none;
  color: #24262b;
}

.project-chat-messages .project-thinking-message,
.project-chat-messages .project-typing-message {
  animation: projectMessageEnter 220ms ease both;
}

.project-thinking {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 999px;
  padding: 8px 12px;
  color: #47474b;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 24px rgba(31, 31, 33, 0.05);
  font-size: 0.86rem;
  font-weight: 650;
}

.project-thinking-orb {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--blue);
  box-shadow: 0 0 0 5px rgba(52, 120, 246, 0.12);
  animation: projectThinkingPulse 1.2s ease-in-out infinite;
}

.project-thinking-dots {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.project-thinking-dots span {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.35;
  animation: thinkingDot 1.05s ease-in-out infinite;
}

.project-thinking-dots span:nth-child(2) {
  animation-delay: 0.14s;
}

.project-thinking-dots span:nth-child(3) {
  animation-delay: 0.28s;
}

.project-typing-cursor {
  width: 8px;
  height: 1.18em;
  display: inline-block;
  margin-left: 3px;
  border-radius: 999px;
  background: var(--blue);
  vertical-align: -0.18em;
  animation: projectCursorBlink 0.82s steps(2, start) infinite;
}

.project-chat-messages .chat-message.user {
  max-width: 78%;
  border-radius: 20px;
  padding: 10px 14px;
  line-height: 1.42;
  font-size: 0.92rem;
  font-weight: 520;
  box-shadow: 0 10px 24px rgba(52, 120, 246, 0.18);
}

.project-chat-messages .chat-content {
  gap: 9px;
}

.project-chat-messages .chat-content h4 {
  margin: 12px 0 -2px;
  color: #1f2329;
  font-size: 0.94rem;
  font-weight: 650;
  line-height: 1.35;
}

.project-chat-messages .chat-content p,
.project-chat-messages .chat-content li {
  color: #2f333a;
  font-size: 0.92rem;
  font-weight: 430;
  line-height: 1.66;
}

.project-chat-messages .chat-content p {
  margin: 0;
}

.project-chat-messages .chat-content ul,
.project-chat-messages .chat-content ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 1.1rem;
}

.project-chat-messages .chat-content li::marker {
  color: #8a9099;
}

.project-chat-messages .chat-content strong {
  color: #242831;
  font-weight: 650;
}

.project-chat-messages .chat-content code {
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 7px;
  padding: 1px 5px;
  color: #30343b;
  background: rgba(244, 246, 249, 0.95);
  font-size: 0.87em;
  font-weight: 600;
}

.chat-content {
  display: grid;
  gap: 10px;
}

.chat-content h4 {
  margin: 2px 0 0;
  color: #20242b;
  font-size: 0.96rem;
  font-weight: 680;
  line-height: 1.35;
}

.chat-content p {
  margin: 0;
  color: #30343b;
  font-size: 0.94rem;
  font-weight: 430;
  line-height: 1.68;
}

.chat-content ul,
.chat-content ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 1.12rem;
}

.chat-content li {
  margin-bottom: 0;
  color: #30343b;
  font-size: 0.94rem;
  font-weight: 430;
  line-height: 1.62;
}

.chat-content li::marker {
  color: #8d94a0;
}

.chat-content strong {
  color: #20242b;
  font-weight: 690;
}

.chat-content code {
  padding: 1px 5px;
  border-radius: 6px;
  background: #f2f2f4;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
}

.suggestion-chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.suggestion-chips button {
  min-width: 0;
  min-height: 34px;
  justify-content: center;
  gap: 6px;
  border-radius: 999px;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
  background: #f4f6f9;
}

.suggestion-chips button::before {
  content: var(--chip-symbol, "•");
  width: 16px;
  height: 16px;
  min-width: 16px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 999px;
  color: var(--chip-symbol-color, #4f5865);
  background: rgba(255, 255, 255, 0.82);
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1;
}

.suggestion-chips button:nth-child(1) {
  --chip-symbol: "↗";
  --chip-symbol-color: #315da8;
}

.suggestion-chips button:nth-child(2) {
  --chip-symbol: "?";
  --chip-symbol-color: #6049b0;
}

.suggestion-chips button:nth-child(3) {
  --chip-symbol: "✦";
  --chip-symbol-color: #248a3d;
}

.suggestion-chips button:nth-child(4) {
  --chip-symbol: "✉";
  --chip-symbol-color: #9b5a0f;
}

@media (min-width: 769px) and (max-width: 1180px) {
  .suggestion-chips {
    gap: 5px;
  }

  .suggestion-chips button {
    gap: 5px;
    padding: 0 7px;
    font-size: 0.76rem;
  }

  .suggestion-chips button::before {
    width: 15px;
    height: 15px;
    min-width: 15px;
  }
}

.chat-attachments {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
}

.chat-attachments.has-files {
  display: flex;
}

.chat-attachment-chip {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 0 10px 0 12px;
  color: var(--ink);
  background: #eef4ff;
  border: 1px solid #cfe0ff;
  font-size: 0.82rem;
}

.chat-form {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 40px rgba(31, 31, 33, 0.08);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.chat-form:focus-within,
.chat-form.thinking {
  border-color: rgba(52, 120, 246, 0.3);
  box-shadow: 0 18px 42px rgba(52, 120, 246, 0.12);
}

.chat-form.thinking::after {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
}

.chat-form input {
  min-height: 42px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.chat-form input:focus {
  border: 0;
  box-shadow: none;
}

.chat-form button {
  min-height: 42px;
  border-radius: 999px;
}

#chatButton {
  color: #fff;
  border-color: var(--blue);
  background: var(--blue);
  min-width: 68px;
}

.chat-file-button {
  min-width: 42px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #f4f6f9;
  font-size: 1.25rem;
  font-weight: 500;
  cursor: pointer;
}

.chat-file-button input {
  display: none;
}

.context-grid {
  display: grid;
  gap: 12px;
}

.context-grid textarea {
  min-height: 170px;
}

.context-file {
  min-height: 48px;
  border: 1px dashed var(--line-strong);
  border-radius: 14px;
  padding: 14px;
  background: #f7f7f8;
  cursor: pointer;
}

.context-file input {
  display: none;
}

.context-files {
  display: grid;
  gap: 8px;
  color: var(--muted);
}

.context-file-row {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--ink);
  background: var(--panel);
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--ink);
  background: var(--panel);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: rgba(0, 122, 255, 0.46);
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.12);
}

input,
select {
  min-height: 44px;
  padding: 0 12px;
}

textarea {
  min-height: 360px;
  resize: vertical;
  padding: 13px;
  line-height: 1.55;
}

.search-field {
  margin-bottom: 10px;
}

.search-count {
  width: fit-content;
  margin-bottom: 10px;
}

.live-transcript-strip {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  margin-bottom: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(44, 102, 216, 0.16);
  border-radius: 14px;
  background: rgba(244, 248, 255, 0.9);
}

.live-transcript-strip[hidden] {
  display: none;
}

.live-transcript-strip span {
  padding: 3px 8px;
  border-radius: 999px;
  background: #2f6df6;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 780;
}

.live-transcript-strip p {
  margin: 0;
  color: #4a5364;
  font-size: 0.9rem;
  font-weight: 560;
  line-height: 1.45;
}

.transcript-playback {
  min-height: 360px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  color: var(--ink);
  font: inherit;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding-bottom: 10px;
}

.transcript-line {
  margin: 0 0 16px;
  font-size: 1rem;
  line-height: 1.65;
}

.transcript-line:last-child {
  margin-bottom: 0;
}

.transcript-speaker {
  color: var(--ink);
  font-weight: 700;
}

.transcript-word {
  display: inline;
  width: auto;
  min-height: auto;
  padding: 1px 1px 2px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--ink);
  box-shadow: none;
  font: inherit;
  font-weight: 500;
  line-height: inherit;
  text-align: inherit;
  vertical-align: baseline;
}

.transcript-word:hover,
.transcript-word:focus-visible {
  background: rgba(0, 122, 255, 0.08);
  outline: none;
  transform: none;
}

.transcript-word.active {
  background: #dbeeff;
  color: #062b57;
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.14);
}

.transcript-word.search-match:not(.active) {
  background: #fff2bf;
}

.soft-type-layer,
body {
  --soft-heading: #37352f;
  --soft-body: #4c4944;
  --soft-body-light: #5d5a54;
  --soft-muted: #85837d;
}

h1,
h2,
h3,
.capture-heading h2,
.session-header h2,
.rename-row h2,
#projectDetailTitle,
.panel-header h2,
.project-ai-sheet-header strong,
.card-title-row h3,
.insight-card-header h3,
.insight-card-toggle span,
.project-detail-pane .project-memory-grid > .insight-card > h3 {
  color: var(--soft-heading);
}

.capture-heading h2,
.session-header h2,
.rename-row h2,
#projectDetailTitle {
  font-weight: 650;
}

.panel-header h2,
.card-title-row h3,
.insight-card-header h3,
.insight-card-toggle span,
.project-detail-pane .project-memory-grid > .insight-card > h3,
.project-ai-sheet-header strong {
  font-weight: 600;
}

p,
li,
.insight-main p,
.linked-card p,
.follow-up p,
.recording-note,
.chat-panel p,
.context-files,
.session-empty,
.timeline-item-copy span,
.timeline-item-copy small,
.member-task-suggestion p,
.project-member-row span,
.project-file-row span {
  color: var(--soft-body-light);
  font-weight: 400;
}

button,
.file-button,
.mini-file-button,
.project-detail-tab,
.tab,
.suggestion-chips button,
.project-suggestion-row button {
  font-weight: 560;
}

.status-pill,
.session-meta span,
.search-count,
#recordingStatus,
.recorder-meta span,
.project-row-meta,
.deadline-meta,
.meeting-meta,
.session-row-date,
.session-row-chevron,
.session-delete,
.member-task-suggestion span,
.member-task-row span,
.member-task-heading span,
#projectChatScope,
.recording-dock-meta {
  color: var(--soft-muted);
  font-weight: 500;
}

.session-row-title,
.project-row-title,
.deadline-title,
.meeting-title,
.timeline-item-copy strong,
.project-member-row strong,
.project-file-row strong,
.member-task-suggestion strong,
.member-task-row strong,
.chat-content strong,
.project-chat-messages .chat-content strong {
  color: var(--ink);
  font-weight: 590;
}

.chat-message.assistant,
.session-chat-shell .chat-message.assistant,
.project-chat-messages .chat-message.assistant,
.chat-content p,
.chat-content li,
.project-chat-messages .chat-content p,
.project-chat-messages .chat-content li,
.transcript-playback,
.transcript-word {
  color: var(--soft-body);
  font-weight: 400;
}

.chat-content h4,
.project-chat-messages .chat-content h4,
.transcript-speaker {
  color: var(--soft-heading);
  font-weight: 600;
}

input,
select,
textarea,
.chat-form input {
  color: var(--soft-body);
  font-weight: 400;
}

input::placeholder,
textarea::placeholder {
  color: #a3a19b;
}

.tab.active,
.project-detail-tab.active {
  font-weight: 600;
  background: #302f2b;
  border-color: #302f2b;
}

.visually-hidden-transcript {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

audio {
  width: 100%;
  margin: 8px 0 12px;
}

.recording-dock {
  position: fixed;
  left: var(--recording-dock-left, 24px);
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 85;
  width: var(--recording-dock-width, min(920px, calc(100vw - 48px)));
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 247, 250, 0.9));
  box-shadow:
    0 22px 54px rgba(18, 24, 38, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(28px) saturate(1.18);
}

.recording-dock[hidden] {
  display: none;
}

.recording-dock-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 2px 8px;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.2;
}

.recording-dock-meta strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ink);
}

.recording-dock-meta strong::before {
  content: "▣";
  width: 17px;
  height: 17px;
  min-width: 17px;
  display: inline-grid;
  place-items: center;
  border-radius: 6px;
  color: #315da8;
  background: rgba(238, 244, 255, 0.92);
  border: 1px solid rgba(52, 120, 246, 0.16);
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1;
}

.recording-dock audio {
  display: none;
}

.recording-dock-player {
  min-height: 54px;
  display: grid;
  grid-template-columns: 42px auto minmax(0, 1fr) auto 38px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 10px 22px rgba(18, 24, 38, 0.06);
}

.recording-play-button,
.recording-icon-button {
  padding: 0;
  border-radius: 999px;
  box-shadow: none;
}

.recording-play-button {
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  color: #fff;
  background: #1f1f21;
  border-color: #1f1f21;
  font-size: 0.86rem;
}

.recording-play-button:hover,
.recording-play-button:focus-visible {
  color: #fff;
  background: #1f1f21;
  border-color: #1f1f21;
  box-shadow: none;
  outline: none;
}

.recording-play-button span {
  display: inline-block;
  transform: translateX(1px);
}

.recording-icon-button {
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  color: #1f1f21;
  background: rgba(31, 31, 33, 0.06);
  border-color: rgba(31, 31, 33, 0.08);
}

.recording-icon-button:hover,
.recording-icon-button:focus-visible {
  color: #1f1f21;
  background: rgba(31, 31, 33, 0.06);
  border-color: rgba(31, 31, 33, 0.08);
  box-shadow: none;
  outline: none;
}

.recording-icon-button.muted {
  color: #8b1d1d;
  background: rgba(255, 241, 242, 0.72);
}

.recording-icon-button svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

.recording-time {
  min-width: 34px;
  color: #4f5865;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  text-align: center;
}

.recording-scrubber {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-width: 0;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  accent-color: #1f1f21;
}

.recording-scrubber:hover,
.recording-scrubber:focus-visible {
  box-shadow: none;
  outline: none;
}

.recording-scrubber::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1f1f21 var(--recording-progress, 0%), rgba(31, 31, 33, 0.14) var(--recording-progress, 0%));
}

.recording-scrubber::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -5.5px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #1f1f21;
  box-shadow: 0 4px 12px rgba(18, 24, 38, 0.22);
}

.recording-scrubber::-moz-range-track {
  height: 5px;
  border-radius: 999px;
  background: rgba(31, 31, 33, 0.14);
}

.recording-scrubber::-moz-range-progress {
  height: 5px;
  border-radius: 999px;
  background: #1f1f21;
}

.recording-scrubber::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #1f1f21;
  box-shadow: 0 4px 12px rgba(18, 24, 38, 0.22);
}

.has-recording-dock #transcriptPanel {
  padding-bottom: 168px;
}

.transcript-locator {
  position: fixed;
  left: 50%;
  bottom: calc(156px + env(safe-area-inset-bottom));
  z-index: 90;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 999px;
  color: #fff;
  background: rgba(31, 31, 33, 0.76);
  box-shadow:
    0 16px 38px rgba(18, 24, 38, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(20px) saturate(1.16);
  opacity: 1;
  transform: translateX(-50%);
}

.transcript-locator:hover,
.transcript-locator:focus-visible {
  color: #fff;
  background: rgba(31, 31, 33, 0.76);
  border-color: rgba(31, 31, 33, 0.1);
  box-shadow:
    0 16px 38px rgba(18, 24, 38, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  outline: none;
  transform: translateX(-50%);
}

.transcript-locator[hidden] {
  display: none;
}

.transcript-locator span:first-child {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: inherit;
  background: transparent;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
}

ul {
  margin: 0;
  padding-left: 18px;
}

li {
  margin-bottom: 8px;
  line-height: 1.45;
}

.empty {
  color: var(--muted);
}

@keyframes thinkingDot {
  0%,
  70%,
  100% {
    opacity: 0.35;
    transform: translateY(0);
  }

  35% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

@keyframes projectThinkingPulse {
  0%,
  100% {
    transform: scale(0.92);
    opacity: 0.68;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes projectCursorBlink {
  0%,
  45% {
    opacity: 1;
  }

  46%,
  100% {
    opacity: 0;
  }
}

@keyframes projectMessageEnter {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes quietPulse {
  0%,
  100% {
    transform: scaleY(0.72);
  }

  45% {
    transform: scaleY(1);
  }
}

@keyframes logoFloat {
  0%,
  100% {
    transform: translateY(0) rotate(-1deg);
  }

  50% {
    transform: translateY(-1px) rotate(1deg);
  }
}

@keyframes brainBreathe {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@keyframes brainGlow {
  0%,
  100% {
    opacity: 0.88;
  }

  50% {
    opacity: 1;
  }
}

@keyframes brainSketch {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -26;
  }
}

@keyframes signinTransitionIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes signinTransitionOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes signinLogoLift {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.92);
  }

  52% {
    opacity: 1;
    transform: translateY(0) scale(1.04);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes signinLogoRing {
  0% {
    opacity: 0;
    transform: scale(0.78);
  }

  48% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

@keyframes projectCardGlideRight {
  0% {
    opacity: 0.9;
    transform: scale(0.992);
  }

  58% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes projectCardReturnCenter {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0.96;
    transform: scale(0.992);
  }
}

@keyframes projectChatGlideLeft {
  0% {
    opacity: 0;
    transform: scale(0.992);
  }

  64% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes projectChatGlideOutLeft {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.992);
  }
}

@keyframes liveVoiceWave {
  0%,
  100% {
    transform: scaleY(0.64);
    opacity: 0.52;
  }

  50% {
    transform: scaleY(1.52);
    opacity: 1;
  }
}

@media (max-width: 860px) {
  .auth-modal {
    align-items: center;
    padding: 14px;
    overflow-y: auto;
  }

  .auth-shell {
    width: min(430px, 100%);
  }

  .auth-card {
    padding: 36px 28px 30px;
  }

  .auth-card h3 {
    font-size: 2rem;
  }

  .auth-close-button {
    top: 14px;
    right: 14px;
  }
}

@media (max-width: 520px) {
  .auth-modal {
    padding: 0;
  }

  .auth-shell {
    width: 100%;
    min-height: 100vh;
    display: grid;
    place-items: center;
  }

  .auth-card {
    width: 100%;
    min-height: 100vh;
    align-content: center;
    gap: 20px;
    padding: 28px 22px calc(28px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: none;
  }

  .auth-actions {
    grid-template-columns: 1fr;
  }

  .auth-card h3 {
    font-size: 1.82rem;
  }

  .signin-logo {
    width: 58px;
    height: 58px;
    border-radius: 17px;
    animation: none;
    transform: none;
  }

  .signin-logo::before {
    content: none;
  }

  .signin-logo svg {
    width: 42px;
    height: 42px;
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}

@media (max-width: 920px) {
  .app-shell {
    padding: 0;
  }

  .workspace {
    min-height: 100vh;
    grid-template-columns: 1fr;
    grid-template-areas:
      "topbar"
      "capture"
      "workspaceEntry"
      "meetings"
      "sidebar"
      "session"
      "sessionsDetail"
      "meetingsDetail"
      "workspacePage"
      "accountPage";
    gap: 12px;
    padding: 12px;
  }

  .topbar {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: 64px;
    margin: 0 4px 2px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 28px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(241, 244, 249, 0.58));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 18px 42px rgba(31, 35, 43, 0.08);
    backdrop-filter: blur(24px) saturate(1.08);
  }

  .topbar-actions {
    right: 14px;
  }

  .session-detail-view .workspace {
    grid-template-areas: "session";
  }

  .session-detail-layout {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-areas:
      "session"
      "chat";
    gap: 12px;
    margin-bottom: 0;
  }

  .session-chat-shell {
    position: static;
  }

  .session-splitter {
    display: none;
  }

  .project-detail-view .workspace {
    grid-template-areas: "project";
  }

  .sessions-detail-view .workspace {
    grid-template-areas: "sessionsDetail";
  }

  .meetings-detail-view .workspace {
    grid-template-areas: "meetingsDetail";
  }

  .workspace-detail-view .workspace {
    grid-template-areas: "workspacePage";
  }

  .account-detail-view .workspace {
    grid-template-areas: "accountPage";
    padding: 0;
  }

  .sessions-panel {
    min-height: auto;
    border-radius: 22px;
  }

  .workspace-entry-panel,
  .workspace-brain-shell,
  .projects-panel,
  .deadline-panel,
  .meetings-panel,
  .account-shell {
    max-width: none;
    border-radius: 22px;
  }

  .account-detail-view .account-shell {
    min-height: 100vh;
    margin: 0;
    border-radius: 0;
    border: 0;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.92), transparent 34%),
      linear-gradient(180deg, #f9fafc 0%, #eef2f7 100%);
    box-shadow: none;
  }

  .account-detail-view .account-shell .session-header {
    min-height: 96px;
    align-items: end;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(31, 31, 33, 0.06);
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(22px) saturate(1.08);
  }

  .account-detail-view .account-shell .back-button {
    align-self: start;
    margin-top: 4px;
    background: rgba(255, 255, 255, 0.82);
  }

  .account-detail-view .account-shell .session-title-block {
    min-width: 0;
  }

  .account-detail-view .account-shell h2 {
    font-size: 1.28rem;
  }

  .account-detail-view .account-shell .session-title-block p {
    max-width: 280px;
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.25;
  }

  .account-page-card {
    padding: 16px 14px 28px;
  }

  .account-settings-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .account-page-hero {
    min-height: 76px;
    padding: 14px;
    border-radius: 20px;
  }

  .account-page-list {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
    border-radius: 20px;
  }

  .account-page-list button {
    min-height: 66px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 0;
  }

  .account-page-list button + button {
    border-top: 1px solid rgba(31, 31, 33, 0.08);
  }

  .account-page-list em {
    display: block;
  }

  .account-plan-heading {
    grid-template-columns: 1fr;
  }

  .account-plan-heading small {
    justify-self: start;
    text-align: left;
  }

  .account-section-card,
  .account-plan-panel,
  .account-detail-list {
    border-radius: 20px;
  }

  .account-detail-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .profile-field,
  .profile-readonly-row {
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start;
    padding: 14px 16px;
  }

  .profile-actions {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .profile-actions button {
    width: 100%;
  }

  .settings-control-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .account-detail-row strong {
    max-width: none;
    text-align: left;
  }

  .workspace-page-grid,
  .workspace-hero {
    grid-template-columns: 1fr;
  }

  .workspace-brain-shell > .panel-header,
  .workspace-brain-shell > .workspace-hero,
  .workspace-brain-shell > .workspace-chat-form,
  .workspace-brain-shell > .workspace-answer,
  .workspace-brain-shell > .workspace-brain-grid {
    margin-left: 14px;
    margin-right: 14px;
  }

  .workspace-page-grid {
    padding: 14px;
  }

  .session-list {
    max-height: 360px;
  }

  .capture-panel,
  .session-shell {
    max-width: none;
    border-radius: 22px;
  }

  .session-chat-shell .chat-panel {
    height: auto;
    max-height: none;
    min-height: auto;
  }

  .recording-dock {
    left: var(--recording-dock-left, 14px);
    width: var(--recording-dock-width, calc(100vw - 28px));
  }

  .transcript-locator {
    left: 50%;
    bottom: calc(150px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 620px) {
  body.live-recording-view {
    overflow: hidden;
  }

  .workspace {
    padding: 10px;
  }

  .brand-header {
    padding: 5px;
  }

  .brand-logo {
    width: 30px;
    height: 30px;
    border-radius: 9px;
  }

  .brand-logo svg {
    width: 22px;
    height: 22px;
  }

  .topbar-actions {
    gap: 6px;
  }

  .capture-panel {
    padding: 18px;
  }

  .capture-heading h2 {
    font-size: 2rem;
  }

  .controls {
    display: block;
  }

  .audio-menu {
    grid-template-columns: 1fr;
  }

  .session-header,
  .insights-layout,
  .project-memory-grid,
  .workspace-brain-grid {
    grid-template-columns: 1fr;
  }

  #insightsPanel > .panel-header.insights-action-row {
    min-height: 32px;
    margin-bottom: 8px;
  }

  #analyzeButton {
    min-height: 34px;
    padding: 0 11px;
    font-size: 0.8rem;
  }

  #analyzeButton::before {
    width: 15px;
    height: 15px;
    min-width: 15px;
  }

  .session-detail-view .tabs {
    gap: 6px;
    padding: 8px 10px;
    background: rgba(248, 249, 252, 0.86);
  }

  .session-detail-view .tab {
    flex: 0 0 auto;
    min-width: 86px;
    min-height: 32px;
    padding: 0 10px;
    border-color: rgba(31, 31, 33, 0.07);
    background: rgba(255, 255, 255, 0.74);
    color: rgba(31, 31, 33, 0.62);
    font-size: 0.72rem;
    font-weight: 560;
  }

  .session-detail-view .tab::before {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 6px;
    font-size: 0.56rem;
  }

  .session-detail-view .tab.active {
    color: #fff;
    background: #26272b;
    border-color: #26272b;
  }

  .session-detail-view .session-shell > .tab-panel {
    padding: 10px 10px calc(18px + env(safe-area-inset-bottom));
    color: rgba(31, 31, 33, 0.66);
    font-size: 16px;
    line-height: 1.45;
  }

  .session-detail-view .insights-layout,
  .session-detail-view #projectPanel .project-memory-grid {
    gap: 10px;
  }

  .session-detail-view .insight-card,
  .session-detail-view .follow-up {
    padding: 0;
    border-color: rgba(31, 31, 33, 0.06);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: none;
    backdrop-filter: blur(16px) saturate(1.04);
  }

  .session-detail-view .follow-up {
    padding: 11px;
  }

  .session-detail-view #projectPanel .project-memory-grid > .insight-card {
    padding: 11px;
  }

  .session-detail-view .insight-card-header,
  .session-detail-view .insight-card-toggle {
    min-height: 44px;
    padding: 11px 12px;
    gap: 8px;
  }

  .session-detail-view .insight-card-header h3,
  .session-detail-view .insight-card-toggle span,
  .session-detail-view .follow-up h3,
  .session-detail-view #projectPanel .project-memory-grid > .insight-card > h3,
  .session-detail-view #contextPanel .panel-header h2,
  .session-detail-view #transcriptPanel .panel-header h2 {
    gap: 7px;
    color: #303236;
    font-size: 16px;
    font-weight: 680;
    line-height: 1.2;
  }

  .session-detail-view .insight-card-header h3::before,
  .session-detail-view .insight-card-toggle span::before,
  .session-detail-view .follow-up h3::before,
  .session-detail-view #projectPanel .project-memory-grid > .insight-card > h3::before,
  .session-detail-view #contextPanel .panel-header h2::before,
  .session-detail-view #transcriptPanel .panel-header h2::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 7px;
    font-size: 0.58rem;
  }

  .session-detail-view .insight-card-body {
    padding: 0 12px 12px;
  }

  .session-detail-view .task-card .insight-card-body {
    padding: 0;
  }

  .session-detail-view .insight-card-body ul,
  .session-detail-view #projectPanel .project-memory-grid ul {
    margin: 0;
    padding-left: 17px;
    display: grid;
    gap: 7px;
  }

  .session-detail-view .insight-card-body .elthos-task-list {
    padding-left: 0;
    gap: 9px;
    list-style: none;
  }

  .session-detail-view #projectPanel .project-memory-grid ul {
    margin-top: 8px;
  }

  .session-detail-view .insight-card-body li,
  .session-detail-view #projectPanel .project-memory-grid li,
  .session-detail-view .linked-card p,
  .session-detail-view .follow-up p {
    color: rgba(31, 31, 33, 0.62);
    font-size: 16px;
    font-weight: 430;
    line-height: 1.45;
  }

  .session-detail-view .insight-card-body .elthos-task-item {
    padding: 3px 0;
    border-radius: 0;
    font-size: inherit;
  }

  .session-detail-view .elthos-task-main strong {
    font-size: 15px;
  }

  .session-detail-view .insight-card-body li::marker,
  .session-detail-view #projectPanel .project-memory-grid li::marker {
    color: rgba(31, 31, 33, 0.42);
    font-size: 0.78em;
  }

  .session-detail-view .insight-card-body li.empty,
  .session-detail-view #projectPanel .project-memory-grid li.empty,
  .session-detail-view .session-empty {
    color: rgba(31, 31, 33, 0.48);
    font-size: 14px;
    font-weight: 430;
    line-height: 1.4;
  }

  .session-detail-view #projectPanel .panel-header,
  .session-detail-view #contextPanel .panel-header,
  .session-detail-view #transcriptPanel .panel-header {
    min-height: 34px;
    margin-bottom: 8px;
  }

  .session-detail-view #projectPanel .panel-header span,
  .session-detail-view .context-files,
  .session-detail-view .search-count {
    color: rgba(31, 31, 33, 0.52);
    font-size: 0.72rem;
    font-weight: 500;
  }

  .session-detail-view #contextPanel label,
  .session-detail-view #transcriptPanel .search-field {
    color: rgba(31, 31, 33, 0.62);
    font-size: 14px;
    font-weight: 620;
    line-height: 1.25;
  }

  .session-detail-view #contextPanel input,
  .session-detail-view #contextPanel textarea,
  .session-detail-view #transcriptPanel input,
  .session-detail-view #transcriptPanel textarea,
  .session-detail-view .transcript-playback {
    border-color: rgba(31, 31, 33, 0.07);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.7);
    color: rgba(31, 31, 33, 0.68);
    font-size: 16px;
    font-weight: 430;
    line-height: 1.48;
  }

  .session-detail-view #contextPanel input,
  .session-detail-view #transcriptPanel input {
    min-height: 38px;
  }

  .session-detail-view #contextPanel textarea,
  .session-detail-view #transcriptPanel textarea {
    min-height: 260px;
    padding: 11px;
  }

  .session-detail-view .context-file,
  .session-detail-view .context-file-row {
    border-color: rgba(31, 31, 33, 0.07);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.68);
    color: rgba(31, 31, 33, 0.62);
    font-size: 14px;
    font-weight: 560;
  }

  .session-detail-view .transcript-playback {
    min-height: 260px;
    padding: 11px;
  }

  .session-detail-view .transcript-line {
    margin-bottom: 12px;
    color: rgba(31, 31, 33, 0.64);
    font-size: 16px;
    font-weight: 430;
    line-height: 1.5;
  }

  .session-detail-view .transcript-speaker {
    color: #303236;
    font-weight: 680;
  }

  .session-detail-view #saveContextButton,
  .session-detail-view #transcribeButton {
    min-height: 28px;
    padding: 0 9px;
    font-size: 0.68rem;
    font-weight: 650;
  }

  .session-detail-view #saveContextButton::before,
  .session-detail-view #transcribeButton::before {
    width: 15px;
    min-width: 15px;
    height: 15px;
    border-radius: 6px;
    font-size: 0.54rem;
  }

  .project-detail-view .workspace {
    padding: 10px;
  }

  .project-detail-view .project-shell {
    max-width: none;
    min-height: calc(100vh - 20px);
    border-radius: 22px;
  }

  .project-detail-view .session-header {
    position: sticky;
    top: 0;
    z-index: 4;
    padding: 14px;
    border-radius: 22px 22px 0 0;
    background: rgba(248, 249, 252, 0.82);
    backdrop-filter: blur(22px) saturate(1.08);
  }

  .project-detail-tabs {
    top: 124px;
    gap: 4px;
    padding: 8px 10px;
  }

  .project-detail-tab {
    min-height: 36px;
    padding: 0 4px;
    font-size: 0.79rem;
  }

  .project-detail-content {
    padding: 12px 14px 18px;
  }

  .project-detail-pane[data-project-detail-pane="chat"].active {
    inset: 0;
    display: block;
    padding: 0;
  }

  .project-detail-pane .insight-card {
    border-radius: 20px;
  }

  .project-timeline-item {
    grid-template-columns: 1fr;
    margin-left: 38px;
  }

  .timeline-item-actions {
    justify-content: flex-start;
    padding-left: 44px;
  }

  .project-timeline-list::before {
    left: 16px;
  }

  .project-chat-card {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 64px;
    width: 100%;
    min-height: 0;
    height: calc(var(--app-visible-height, 100vh) - 88px);
    max-height: none;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
    gap: 8px;
    padding: 14px 18px 16px;
    border-radius: 30px 30px 0 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .project-ai-sheet-header {
    margin-bottom: 2px;
  }

  .project-chat-messages {
    max-height: none;
    overflow: auto;
  }

  .project-suggestion-row {
    flex-wrap: nowrap;
    gap: 9px;
    overflow-x: auto;
    justify-content: flex-start;
    margin-inline: 0;
    padding-inline: 4px;
  }

  .project-suggestion-row button {
    min-height: 24px;
    padding: 0;
    border: 0;
    font-size: 0.73rem;
  }

  .project-suggestion-row button:nth-child(5) {
    grid-column: auto;
  }

  .project-chat-messages .chat-message.assistant,
  .project-chat-messages .chat-message.user {
    font-size: 0.9rem;
  }

  .project-chat-messages .chat-message.assistant {
    max-width: 100%;
    padding: 4px 2px;
  }

  .project-chat-messages .chat-message.user {
    max-width: 82%;
  }

  .project-chat-form {
    padding: 6px;
  }

  .project-chat-form input {
    min-height: 40px;
  }

  .workspace-stats {
    grid-template-columns: 1fr 1fr;
  }

  .session-header {
    grid-template-areas:
      "back"
      "title"
      "meta";
    align-items: flex-start;
  }

  .session-meta {
    justify-content: flex-start;
  }

  .session-detail-view .session-shell > .session-header {
    min-height: 68px;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-areas: "back title info";
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
  }

  .session-detail-view .session-shell > .session-header .eyebrow,
  .session-detail-view .session-shell > .session-header #renameSessionButton,
  .session-detail-view .session-shell > .session-header .session-meta {
    display: none;
  }

  .session-detail-view .session-shell > .session-header .session-title-block {
    align-self: center;
  }

  .session-detail-view .session-shell > .session-header .rename-row {
    display: block;
    min-width: 0;
  }

  .session-detail-view .session-shell > .session-header #sessionTitle {
    max-width: 100%;
    font-size: 1.34rem;
    font-weight: 760;
    line-height: 1.05;
  }

  .session-detail-view .session-shell > .session-header .back-button {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    font-size: 1.65rem;
  }

  .session-info-button {
    grid-area: info;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    padding: 0;
    border-radius: 999px;
    color: #fff;
    background: #1f1f21;
    border-color: rgba(31, 31, 33, 0.92);
    box-shadow:
      0 10px 24px rgba(15, 18, 24, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
  }

  .session-info-button:hover,
  .session-info-button:focus-visible {
    color: #fff;
    background: #1f1f21;
    border-color: rgba(31, 31, 33, 0.92);
    box-shadow:
      0 10px 24px rgba(15, 18, 24, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
    outline: none;
  }

  .session-info-popover {
    position: absolute;
    z-index: 18;
    top: calc(100% + 8px);
    left: 14px;
    right: 14px;
    width: auto;
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(31, 31, 33, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow:
      0 22px 54px rgba(31, 35, 43, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.76);
    backdrop-filter: blur(26px) saturate(1.16);
  }

  .session-info-card-top {
    display: block;
  }

  #sessionInfoTitle {
    min-width: 0;
    overflow: hidden;
    color: var(--ink-heading);
    font-size: 1rem;
    font-weight: 760;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #sessionInfoDate {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 16px;
    color: var(--muted);
    background: rgba(248, 249, 252, 0.62);
    font-size: 0.9rem;
    font-weight: 650;
  }

  .session-info-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .session-info-actions button {
    min-height: 40px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: none;
    font-size: 0.9rem;
    font-weight: 740;
  }

  .session-info-actions button:hover,
  .session-info-actions button:focus-visible {
    background: rgba(255, 255, 255, 0.76);
    border-color: var(--line-strong);
    box-shadow: none;
    outline: none;
  }

  .session-info-actions .session-info-delete-button {
    color: #c81e1e;
    background: rgba(255, 241, 242, 0.72);
    border-color: rgba(200, 30, 30, 0.16);
  }

  .session-info-actions .session-info-delete-button:hover,
  .session-info-actions .session-info-delete-button:focus-visible {
    color: #c81e1e;
    background: rgba(255, 241, 242, 0.72);
    border-color: rgba(200, 30, 30, 0.22);
  }

  .session-detail-view .session-detail-layout {
    gap: 0;
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }

  .session-detail-view .session-chat-shell {
    position: fixed;
    inset: 0;
    z-index: 90;
    pointer-events: none;
  }

  .mobile-meeting-chat-launcher {
    position: fixed;
    left: var(--meeting-chat-launcher-x, 18px);
    top: var(--meeting-chat-launcher-y, calc(var(--app-visible-height, 100vh) - 206px - env(safe-area-inset-bottom)));
    isolation: isolate;
    width: 52px;
    min-width: 52px;
    height: 48px;
    min-height: 48px;
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    color: #fff;
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.14), transparent 32%),
      linear-gradient(180deg, #202126, #07080a);
    box-shadow:
      0 15px 32px rgba(18, 24, 38, 0.26),
      0 3px 9px rgba(18, 24, 38, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(24px) saturate(1.14);
    -webkit-backdrop-filter: blur(24px) saturate(1.14);
    pointer-events: auto;
    touch-action: none;
    user-select: none;
    cursor: grab;
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      box-shadow 180ms ease,
      border-color 180ms ease;
  }

  .mobile-meeting-chat-launcher::before {
    display: none;
  }

  .mobile-meeting-chat-launcher::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: -5px;
    width: 12px;
    height: 12px;
    border-radius: 0 0 4px 0;
    background: #07080a;
    transform: rotate(45deg);
    z-index: -1;
    box-shadow: 3px 3px 7px rgba(18, 24, 38, 0.16);
  }

  .mobile-meeting-chat-launcher:active {
    cursor: grabbing;
    transform: scale(0.97);
  }

  .mobile-meeting-chat-launcher:hover,
  .mobile-meeting-chat-launcher:focus-visible {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.22);
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.18), transparent 32%),
      linear-gradient(180deg, #25262b, #07080a);
    box-shadow:
      0 17px 35px rgba(18, 24, 38, 0.26),
      0 3px 10px rgba(18, 24, 38, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.19);
    outline: 3px solid rgba(31, 31, 33, 0.08);
    outline-offset: 3px;
  }

  .mobile-meeting-chat-launcher.is-dragging {
    transform: scale(1.02);
    box-shadow:
      0 20px 42px rgba(18, 24, 38, 0.3),
      0 3px 12px rgba(18, 24, 38, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  .mobile-chat-launcher-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    color: #f7f7f2;
  }

  .mobile-chat-launcher-icon svg {
    width: 29px;
    height: 29px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .mobile-chat-launcher-icon .elthos-brain-lobe {
    stroke-width: 2.35;
  }

  .mobile-chat-launcher-icon .elthos-brain-core {
    opacity: 0.92;
  }

  body.meeting-chat-open {
    overflow: hidden;
  }

  body.meeting-chat-open .mobile-meeting-chat-launcher {
    opacity: 0;
    transform: scale(0.86);
    pointer-events: none;
  }

  .session-detail-view .session-chat-shell .chat-panel {
    position: fixed;
    inset: 0;
    z-index: 94;
    height: var(--app-visible-height, 100svh);
    max-height: none;
    min-height: 0;
    margin: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
    gap: 10px;
    padding: calc(10px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, #fbfcfe 0%, #ffffff 48%, #f5f7fa 100%);
    box-shadow: none;
    backdrop-filter: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(100%);
    transition:
      opacity 180ms ease,
      transform 240ms cubic-bezier(0.16, 1, 0.3, 1),
      visibility 0s linear 240ms;
  }

  body.meeting-chat-open.session-detail-view .session-chat-shell .chat-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition:
      opacity 180ms ease,
      transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .mobile-meeting-chat-header {
    position: relative;
    min-height: 42px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
  }

  .mobile-meeting-chat-header strong {
    justify-self: center;
    color: var(--ink-heading);
    font-size: 1rem;
    font-weight: 760;
  }

  .mobile-meeting-chat-clear-button {
    position: absolute;
    right: 0;
    top: 4px;
    min-height: 34px;
    padding: 0 11px;
    font-size: 0.76rem;
  }

  .mobile-meeting-chat-close {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    border-color: rgba(31, 31, 33, 0.08);
    border-radius: 999px;
    padding: 0;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 24px rgba(31, 31, 33, 0.06);
    font-size: 1.18rem;
    line-height: 1;
  }

  .session-chat-shell .chat-panel-intro {
    padding: 0 2px 2px;
  }

  .session-chat-shell .chat-panel-intro .meeting-chat-clear-button {
    display: none;
  }

  .session-chat-shell .chat-panel-intro h3 {
    display: none;
  }

  .session-chat-shell .chat-panel-intro p {
    margin: 0;
    color: rgba(76, 73, 68, 0.78);
    font-size: 14px;
    font-weight: 560;
    line-height: 1.35;
  }

  .session-chat-shell .chat-panel.has-chat-history .chat-panel-intro {
    display: none;
  }

  .session-chat-shell .chat-messages {
    gap: 12px;
    height: 100%;
    min-height: 0;
    padding: 8px 2px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    overscroll-behavior: contain;
  }

  .session-chat-shell .chat-message.user {
    max-width: 86%;
    padding: 10px 12px;
    border-radius: 18px 18px 5px 18px;
    font-size: 16px;
    line-height: 1.44;
  }

  .session-chat-shell .chat-message.assistant {
    padding: 4px 0 8px;
    color: #24262b;
    font-size: 16px;
    line-height: 1.52;
  }

  .session-chat-shell .chat-content {
    gap: 9px;
  }

  .session-chat-shell .chat-content h4 {
    font-size: 16px;
    line-height: 1.32;
  }

  .session-chat-shell .chat-content p,
  .session-chat-shell .chat-content li {
    font-size: 16px;
    line-height: 1.58;
  }

  .suggestion-chips {
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2px 2px;
    scrollbar-width: none;
  }

  .suggestion-chips::-webkit-scrollbar {
    display: none;
  }

  .suggestion-chips button {
    flex: 0 0 auto;
    min-height: 27px;
    border: 0;
    padding: 0;
    color: rgba(31, 31, 33, 0.48);
    background: transparent;
    box-shadow: none;
    font-size: 0.72rem;
    font-weight: 720;
  }

  .suggestion-chips button::before {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 0;
    background: rgba(31, 31, 33, 0.06);
    font-size: 0.5rem;
  }

  .chat-attachments {
    max-height: 76px;
    overflow-y: auto;
  }

  .chat-form {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 7px;
    padding: 6px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 32px rgba(31, 31, 33, 0.1);
  }

  .chat-file-button {
    min-width: 38px;
    min-height: 38px;
    font-size: 1.08rem;
  }

  .chat-form input {
    min-width: 0;
    min-height: 38px;
    font-size: 16px;
  }

  .manual-task-form {
    grid-template-columns: 1fr;
  }

  .member-task-row,
  .member-task-suggestion {
    grid-template-columns: 1fr;
  }

  .account-plan-switch {
    grid-template-columns: 1fr;
  }

  .live-session-shell {
    width: 100vw;
    height: var(--app-visible-height, 100svh);
    min-height: 0;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: calc(14px + env(safe-area-inset-top)) 0 calc(160px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background:
      linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #f7f9fc 100%);
    box-shadow: none;
    backdrop-filter: none;
  }

  .live-session-header {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    padding: 16px 24px 6px;
    border-bottom: 0;
  }

  .live-session-header .eyebrow {
    display: none;
  }

  .live-session-header > div:first-child {
    min-width: 0;
  }

  .live-session-header h2 {
    margin: 0;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #20242c;
    font-size: 1.92rem;
    font-weight: 740;
    line-height: 1.08;
  }

  .live-voice-wave {
    position: fixed;
    z-index: 12;
    left: 26px;
    right: 26px;
    bottom: calc(104px + env(safe-area-inset-bottom));
    width: auto;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
  }

  .live-voice-wave span {
    width: 4px;
    height: 7px;
    border-radius: 999px;
    background: #8ca7ff;
    animation: liveVoiceWave 1.05s ease-in-out infinite;
  }

  .live-voice-wave span:nth-child(2) {
    animation-delay: 0.11s;
  }

  .live-voice-wave span:nth-child(3) {
    height: 16px;
    animation-delay: 0.22s;
  }

  .live-voice-wave span:nth-child(4) {
    animation-delay: 0.33s;
  }

  .live-voice-wave span:nth-child(5) {
    animation-delay: 0.44s;
  }

  .live-session-actions {
    position: fixed;
    z-index: 11;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: calc(104px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 0;
    padding: 16px 28px calc(16px + env(safe-area-inset-bottom));
    background:
      linear-gradient(180deg, rgba(247, 249, 252, 0), rgba(247, 249, 252, 0.96) 24%, #f7f9fc 100%);
    pointer-events: none;
  }

	  .live-home-button,
	  .live-cancel-button,
	  .live-stop-button {
	    width: 58px;
	    min-width: 58px;
    height: 58px;
    min-height: 58px;
    display: inline-grid;
    place-items: center;
    padding: 0;
	    border: 0;
	    border-radius: 999px;
	    background: #e9edf3;
	    color: #1f2630;
	    box-shadow:
	      inset 0 1px 0 rgba(255, 255, 255, 0.62),
	      0 10px 22px rgba(31, 35, 43, 0.08);
	    font-size: 0;
	    line-height: 1;
	    pointer-events: auto;
	    position: relative;
	  }

	  .live-home-button::before,
	  .live-cancel-button::before,
	  .live-cancel-button::after,
	  .live-stop-button::before {
	    content: "";
	    display: block;
	  }

	  .live-home-button::before {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 17px;
	    height: 17px;
	    border-left: 4px solid currentColor;
	    border-bottom: 4px solid currentColor;
	    border-radius: 2px;
	    transform: translate(-42%, -50%) rotate(45deg);
	  }

	  .live-cancel-button::before,
	  .live-cancel-button::after {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 26px;
	    height: 4px;
	    border-radius: 999px;
	    background: currentColor;
	    transform-origin: center;
	  }

	  .live-cancel-button::before {
	    transform: translate(-50%, -50%) rotate(45deg);
	  }

	  .live-cancel-button::after {
	    transform: translate(-50%, -50%) rotate(-45deg);
	  }

	  .live-stop-button {
	    order: 2;
	    justify-self: center;
	    width: 66px;
	    min-width: 66px;
	    height: 66px;
	    min-height: 66px;
	    border-radius: 999px;
	    background: #d13e37;
	    color: #fff;
	    box-shadow:
	      inset 0 1px 0 rgba(255, 255, 255, 0.28),
	      0 16px 32px rgba(225, 67, 59, 0.24);
	  }

	  .live-stop-button::before {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 20px;
	    height: 20px;
	    border-radius: 6px;
	    background: currentColor;
	    transform: translate(-50%, -50%);
	  }

  .live-home-button {
    order: 1;
    justify-self: start;
  }

  .live-cancel-button {
    order: 3;
    justify-self: end;
  }

  .live-session-main {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .live-session-meta {
    min-width: 0;
    display: flex;
    gap: 16px;
    padding: 4px 24px 14px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .live-session-meta::-webkit-scrollbar {
    display: none;
  }

  .live-session-meta span {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    justify-content: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6c7c8f;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .live-session-meta span:last-child {
    display: none;
  }

  .live-session-meta span::before {
    width: 15px;
    min-width: 15px;
    height: 15px;
    background: transparent;
    color: #6c7c8f;
    font-size: 0.82rem;
    line-height: 1;
  }

  #liveRecordingTime::before {
    content: "◷";
  }

  #liveRecordingStatus::before {
    content: "•";
    color: #3478f6;
    font-size: 1.05rem;
  }

  .live-transcript-board {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .live-transcript-board-header {
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 48px;
    padding: 10px 24px 8px;
    border-bottom: 1px solid rgba(31, 35, 43, 0.08);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(14px);
  }

  .live-transcript-board-header strong {
    color: #245cff;
    font-size: 1rem;
    font-weight: 800;
  }

  .live-transcript-board-header strong::after {
    content: "";
    display: block;
    width: 78px;
    height: 3px;
    margin-top: 8px;
    border-radius: 999px;
    background: currentColor;
  }

  .live-transcript-board-header span {
    display: none;
  }

  .live-transcript-feed,
  .live-suggestions-list {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .live-transcript-feed {
    gap: 16px;
    padding: 20px 24px 138px;
    overflow-y: auto;
  }

  .live-transcript-block {
    gap: 5px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .live-transcript-block strong {
    color: #728399;
    font-size: 0.88rem;
    font-weight: 700;
  }

  .live-transcript-block p,
  .live-transcript-empty {
    color: #151922;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }

  .live-transcript-empty {
    padding: 42px 0;
    color: #7b8795;
    text-align: left;
  }

  .live-transcript-block.partial {
    padding: 12px 14px;
    border: 0;
    border-radius: 16px;
    background: #f1f5ff;
  }

  .live-transcript-block[data-speaker="Transcript"] strong {
    display: none;
  }

  .live-suggestions-board {
    position: fixed;
    z-index: 14;
    left: 0;
    right: 0;
    bottom: calc(104px + env(safe-area-inset-bottom));
    margin: 0;
    min-height: 0;
    max-height: 126px;
    overflow: hidden;
    border: 1px solid rgba(31, 35, 43, 0.08);
    border-width: 1px 0 0;
    border-radius: 26px 26px 0 0;
    color: #20242c;
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
      0 -16px 42px rgba(18, 24, 38, 0.12),
      0 -2px 10px rgba(18, 24, 38, 0.06);
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      max-height 220ms ease,
      border-radius 220ms ease;
  }

  body.has-live-coach-suggestions .live-suggestions-board {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  body.live-coach-expanded .live-suggestions-board {
    left: 0;
    right: 0;
    bottom: 0;
    max-height: min(62vh, 520px);
    border-radius: 28px 28px 0 0;
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -18px 48px rgba(18, 24, 38, 0.18);
  }

  body.has-live-coach-suggestions:not(.live-coach-expanded) .live-suggestions-board {
    left: 18px;
    right: 18px;
    bottom: calc(112px + env(safe-area-inset-bottom));
    max-height: none;
    border-width: 1px;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.97);
    box-shadow:
      0 16px 36px rgba(18, 24, 38, 0.16),
      0 2px 10px rgba(18, 24, 38, 0.08);
  }

  body.has-live-coach-suggestions .live-transcript-feed {
    padding-bottom: 194px;
  }

  body.live-coach-expanded .live-transcript-feed {
    padding-bottom: 138px;
  }

  .live-suggestions-board::before {
    content: "";
    display: none;
  }

  body.live-coach-expanded .live-suggestions-board::before {
    width: 38px;
    height: 4px;
    display: block;
    margin: 10px auto 0;
    border-radius: 999px;
    background: rgba(31, 35, 43, 0.18);
  }

  .live-suggestions-header {
    min-height: 0;
    padding: 14px 24px 2px;
    border-bottom: 0;
  }

  body.live-coach-expanded .live-suggestions-header {
    padding: 14px 22px 8px;
  }

  body.has-live-coach-suggestions:not(.live-coach-expanded) .live-suggestions-header {
    display: none;
  }

  .live-suggestions-header strong {
    color: #245cff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    opacity: 1;
  }

  body.live-coach-expanded .live-suggestions-header strong {
    color: #20242c;
    font-size: 1.1rem;
    text-transform: none;
    opacity: 1;
  }

  .live-suggestions-header span {
    color: #20242c;
    font-size: 1rem;
    font-weight: 720;
    line-height: 1.15;
  }

  body.live-coach-expanded .live-suggestions-header span {
    color: #748195;
    font-size: 0.78rem;
  }

  .live-suggestions-list {
    gap: 6px;
    max-height: 58px;
    padding: 4px 24px 15px;
    overflow: hidden;
  }

  body.has-live-coach-suggestions:not(.live-coach-expanded) .live-suggestions-list {
    max-height: none;
    padding: 13px 16px 14px;
  }

  body.live-coach-expanded .live-suggestions-list {
    max-height: calc(min(62vh, 520px) - 94px);
    gap: 14px;
    padding: 0 22px 18px;
    overflow-y: auto;
  }

  .live-suggestions-header button {
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: #eef2f7;
    color: #566274;
    font-size: 0.7rem;
    font-weight: 790;
  }

  body.live-coach-expanded .live-suggestions-header button {
    background: #eef2f7;
    color: #566274;
  }

  .live-suggestions-actions {
    gap: 6px;
  }

  .live-suggestion-card {
    gap: 7px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.live-coach-expanded .live-suggestion-card {
    padding: 13px 14px;
    border-radius: 16px;
    background: #f4f7fb;
  }

  .live-suggestion-card:not(:first-child) {
    display: none;
  }

  body.live-coach-expanded .live-suggestion-card:not(:first-child) {
    display: grid;
  }

  .live-coach-question,
  .live-coach-followups {
    color: #20242c;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.28;
  }

  body.has-live-coach-suggestions:not(.live-coach-expanded) .live-coach-question {
    color: #1f2530;
    font-size: 0.96rem;
    font-weight: 760;
    line-height: 1.32;
  }

  .live-coach-followups {
    gap: 4px;
    padding-left: 0;
    list-style: none;
  }

  .live-coach-followups li:not(:first-child) {
    display: none;
  }

  body.live-coach-expanded .live-coach-question,
  body.live-coach-expanded .live-coach-followups {
    color: #20242c;
    font-size: 0.98rem;
    font-weight: 680;
    line-height: 1.38;
  }

  body.live-coach-expanded .live-coach-followups {
    gap: 9px;
    padding-left: 18px;
    list-style: disc;
  }

  body.live-coach-expanded .live-coach-followups li:not(:first-child) {
    display: list-item;
  }

  .live-suggestion-empty {
    padding: 0 0 2px;
    color: #68778c;
    text-align: left;
    font-size: 0.76rem;
    font-weight: 640;
    line-height: 1.4;
  }

  body.live-coach-expanded .live-suggestion-empty {
    color: #68778c;
  }

  .member-task-row .task-complete {
    width: 32px;
  }

  .chat-form button {
    grid-column: auto;
    min-width: 54px;
    min-height: 38px;
    padding: 0 11px;
    font-size: 0.84rem;
  }

  textarea {
    min-height: 300px;
  }

  .transcript-playback {
    min-height: 300px;
  }

  .transcript-line {
    font-size: 16px;
  }

  .recording-dock {
    padding: 9px;
  }

  .recording-dock-meta {
    align-items: center;
    font-size: 0.78rem;
  }

  .recording-dock-player {
    grid-template-columns: 40px 34px minmax(0, 1fr) 34px 36px;
    gap: 7px;
    min-height: 52px;
    padding: 7px 8px;
  }

  .recording-play-button {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .recording-icon-button {
    width: 36px;
    min-width: 36px;
    min-height: 36px;
  }

  .recording-time {
    min-width: 30px;
    font-size: 0.78rem;
  }

  .transcript-locator {
    left: 50%;
    bottom: calc(146px + env(safe-area-inset-bottom));
    width: 42px;
    min-width: 42px;
    min-height: 42px;
  }

  body {
    font-size: 14px;
    background: #f3f5f9;
  }

  .project-detail-view .project-shell {
    min-height: calc(var(--app-visible-height, 100svh) - 20px);
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--shadow);
    backdrop-filter: blur(20px);
  }

  .project-detail-view .session-header {
    position: sticky;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-areas: "back title info";
    align-items: center;
    top: env(safe-area-inset-top, 0);
    z-index: 96;
    min-height: calc(62px + env(safe-area-inset-top));
    gap: 10px;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px;
    border-radius: 22px 22px 0 0;
    background: rgba(248, 249, 252, 0.9);
    backdrop-filter: blur(22px) saturate(1.08);
    box-shadow: 0 1px 0 rgba(31, 31, 33, 0.06);
  }

  .project-detail-view .session-header > div:not(.session-meta):not(.project-info-popover) {
    grid-area: title;
    min-width: 0;
  }

  .project-detail-view .session-header .eyebrow,
  .project-detail-view .session-header > .session-meta {
    display: none;
  }

  .project-detail-view #projectBackButton {
    position: static;
    grid-area: back;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    border-color: rgba(31, 31, 33, 0.08);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 10px 26px rgba(31, 31, 33, 0.08);
    backdrop-filter: blur(16px);
    font-size: 1.25rem;
  }

  .project-detail-view .session-header h2 {
    max-width: 100%;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: 760;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .project-detail-view .rename-row {
    min-width: 0;
    display: block;
  }

  .project-info-button {
    grid-area: info;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    padding: 0;
    border-radius: 999px;
    color: #fff;
    background: #1f1f21;
    border-color: rgba(31, 31, 33, 0.92);
    box-shadow:
      0 10px 24px rgba(15, 18, 24, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
  }

  .project-info-button:hover,
  .project-info-button:focus-visible {
    color: #fff;
    background: #1f1f21;
    border-color: rgba(31, 31, 33, 0.92);
    box-shadow:
      0 10px 24px rgba(15, 18, 24, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
    outline: none;
  }

  .project-info-popover {
    position: fixed;
    z-index: 120;
    top: calc(64px + env(safe-area-inset-top));
    right: 14px;
    left: auto;
    width: min(314px, calc(100vw - 28px));
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
      0 28px 64px rgba(31, 35, 43, 0.18),
      0 6px 18px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(28px) saturate(1.18);
    backdrop-filter: blur(28px) saturate(1.18);
  }

  .project-info-popover::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 25px;
    width: 14px;
    height: 14px;
    border-top: 1px solid rgba(31, 31, 33, 0.08);
    border-left: 1px solid rgba(31, 31, 33, 0.08);
    background: rgba(255, 255, 255, 0.96);
    transform: rotate(45deg);
  }

  #projectInfoTitle {
    min-width: 0;
    color: var(--ink-heading);
    font-size: 1.06rem;
    font-weight: 790;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  #projectInfoDate {
    margin: 0;
    padding: 11px 12px;
    border: 1px solid rgba(31, 31, 33, 0.07);
    border-radius: 18px;
    color: var(--muted);
    background: rgba(246, 247, 249, 0.86);
    font-size: 0.88rem;
    font-weight: 650;
  }

  .project-info-counts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .project-info-counts span {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding: 11px 6px;
    border: 1px solid rgba(31, 31, 33, 0.07);
    border-radius: 18px;
    color: var(--muted);
    background: rgba(246, 247, 249, 0.86);
    font-size: 0.74rem;
    font-weight: 700;
    text-align: center;
  }

  .project-info-counts strong {
    color: var(--ink-heading);
    font-size: 1rem;
    line-height: 1;
  }

  .project-info-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .project-info-actions button {
    min-height: 42px;
    border-radius: 18px;
    background: rgba(246, 247, 249, 0.9);
    box-shadow: none;
    font-size: 0.88rem;
    font-weight: 740;
  }

  .project-info-actions button:hover,
  .project-info-actions button:focus-visible {
    background: rgba(246, 247, 249, 0.9);
    border-color: var(--line-strong);
    box-shadow: none;
    outline: none;
  }

  .project-info-actions .project-info-delete-button {
    color: #c81e1e;
    background: rgba(255, 241, 242, 0.72);
    border-color: rgba(200, 30, 30, 0.16);
  }

  .project-info-actions .project-info-delete-button:hover,
  .project-info-actions .project-info-delete-button:focus-visible {
    color: #c81e1e;
    background: rgba(255, 241, 242, 0.72);
    border-color: rgba(200, 30, 30, 0.22);
  }

  .project-detail-tabs {
    top: calc(62px + env(safe-area-inset-top));
    z-index: 7;
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    background: rgba(248, 249, 252, 0.86);
    backdrop-filter: blur(18px) saturate(1.06);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .project-detail-tabs::-webkit-scrollbar {
    display: none;
  }

  .project-detail-tab {
    flex: 0 0 auto;
    min-width: 58px;
    min-height: 32px;
    padding: 0 10px;
    border-color: rgba(31, 31, 33, 0.07);
    background: rgba(255, 255, 255, 0.74);
    color: rgba(31, 31, 33, 0.62);
    font-size: 0.72rem;
    font-weight: 560;
  }

  .project-detail-tab::before {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 6px;
    font-size: 0.56rem;
  }

  .project-detail-tab.active {
    color: #fff;
    background: #26272b;
    border-color: #26272b;
  }

  .project-detail-content {
    padding: 10px 10px calc(18px + env(safe-area-inset-bottom));
    color: rgba(31, 31, 33, 0.66);
    font-size: 16px;
    line-height: 1.45;
  }

  .project-detail-pane .insight-card {
    padding: 11px;
    border-color: rgba(31, 31, 33, 0.06);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: none;
    backdrop-filter: blur(16px) saturate(1.04);
  }

  .project-memory-grid {
    gap: 10px;
  }

  .project-detail-pane .project-memory-grid > .insight-card > h3,
  .project-detail-pane .card-title-row h3 {
    gap: 7px;
    color: #303236;
    font-size: 16px;
    font-weight: 680;
    line-height: 1.2;
  }

  .project-detail-pane .project-memory-grid > .insight-card > h3::before,
  .project-detail-pane .card-title-row h3::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 7px;
    font-size: 0.58rem;
  }

  .project-detail-pane .project-memory-grid ul {
    margin: 8px 0 0;
    padding-left: 17px;
    display: grid;
    gap: 7px;
  }

  .project-detail-pane .project-memory-grid li {
    color: rgba(31, 31, 33, 0.62);
    font-size: 16px;
    font-weight: 430;
    line-height: 1.45;
  }

  .project-detail-pane .project-memory-grid li::marker {
    color: rgba(31, 31, 33, 0.42);
    font-size: 0.78em;
  }

  .project-detail-pane .project-memory-grid li.empty,
  .project-detail-pane .session-empty {
    color: rgba(31, 31, 33, 0.48);
    font-size: 14px;
    font-weight: 430;
    line-height: 1.4;
  }

  .card-title-row {
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 8px;
  }

  .card-title-row h3 {
    font-size: 16px;
    font-weight: 680;
    line-height: 1.2;
  }

  .card-title-row span {
    font-size: 13px;
    line-height: 1.25;
  }

  .project-detail-pane .card-title-row button,
  #addMemberTaskButton,
  #projectAddMemberButton {
    min-height: 26px;
    padding: 0 9px;
    font-size: 0.68rem;
    font-weight: 650;
  }

  #addMemberTaskButton::before,
  #projectAddMemberButton::before {
    width: 15px;
    min-width: 15px;
    height: 15px;
    font-size: 0.54rem;
  }

  .project-timeline-card .card-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    margin-bottom: 8px;
  }

  .project-timeline-card .card-title-row span {
    color: rgba(31, 31, 33, 0.56);
    font-size: 13px;
    font-weight: 560;
    text-align: left;
    white-space: normal;
  }

  .project-detail-pane[data-project-detail-pane="files"] .project-timeline-card {
    padding: 12px;
    border-color: rgba(31, 31, 33, 0.06);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: none;
  }

  .project-detail-pane[data-project-detail-pane="files"] .card-title-row h3 {
    gap: 7px;
    color: #303236;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }

  .project-detail-pane[data-project-detail-pane="tasks"] .card-title-row h3 {
    font-size: 14px;
    line-height: 1.2;
  }

  .project-detail-pane[data-project-detail-pane="tasks"] #addMemberTaskButton {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border-color: rgba(31, 31, 33, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: #303236;
    font-size: 18px;
    font-weight: 520;
    line-height: 1;
    box-shadow: none;
  }

  .project-detail-pane[data-project-detail-pane="tasks"] #addMemberTaskButton::before {
    content: none;
  }

  .project-detail-pane[data-project-detail-pane="members"] .card-title-row h3 {
    font-size: 14px;
    line-height: 1.2;
  }

  .project-timeline-list {
    gap: 6px;
    padding-top: 4px;
  }

  .project-timeline-list::before {
    left: 12px;
    top: 18px;
    bottom: 18px;
    background: rgba(31, 31, 33, 0.06);
  }

  .timeline-insert-row {
    min-height: 18px;
  }

  .timeline-insert-button {
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
    color: rgba(52, 120, 246, 0.72);
    background: rgba(238, 244, 255, 0.74);
    font-size: 0.72rem;
  }

  .project-timeline-item {
    grid-template-columns: 1fr;
    gap: 6px;
    margin-left: 30px;
    padding: 8px;
    border-color: rgba(31, 31, 33, 0.06);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: none;
  }

  .timeline-item-main {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 8px;
  }

  .timeline-item-icon {
    width: 26px;
    height: 26px;
    color: #fff;
    font-size: 0.66rem;
    font-weight: 760;
  }

  .timeline-item-copy strong {
    color: #303236;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.22;
  }

  .timeline-item-copy span,
  .timeline-item-copy small {
    color: rgba(31, 31, 33, 0.58);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
  }

  .timeline-item-copy small {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .timeline-item-actions {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 5px;
    padding-left: 0;
    overflow: visible;
  }

  .timeline-item-actions button:not(.icon-button) {
    min-height: 24px;
    padding: 0 6px;
    border-color: rgba(31, 31, 33, 0.06);
    background: rgba(246, 247, 249, 0.72);
    color: rgba(31, 31, 33, 0.68);
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
  }

  .project-timeline-item.file .timeline-item-actions {
    display: grid;
    grid-template-columns: minmax(62px, 1fr) minmax(40px, 0.7fr) minmax(74px, 1fr) 24px;
    align-items: center;
    width: 100%;
  }

  .project-timeline-item.file .timeline-item-actions button:not(.icon-button) {
    min-width: 0;
    width: 100%;
  }

  .timeline-item-actions .icon-button {
    width: 24px;
    min-width: 24px;
    min-height: 24px;
    padding: 0;
    flex: 0 0 24px;
  }

  .member-task-list {
    gap: 8px;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .member-task-group {
    gap: 8px;
    padding: 9px;
    border: 1px solid rgba(31, 31, 33, 0.06);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: none;
  }

  .member-task-heading h4 {
    color: #303236;
    font-size: 14px;
    font-weight: 680;
    line-height: 1.2;
  }

  .member-task-heading span {
    font-size: 13px;
    font-weight: 520;
  }

  .member-task-row {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 8px;
    border-color: rgba(31, 31, 33, 0.06);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: none;
  }

  .member-task-row .task-complete {
    grid-column: 1;
    grid-row: 1;
    width: 24px;
    min-width: 24px;
    min-height: 24px;
    margin-left: 0;
    margin-top: 1px;
  }

  .member-task-row > div {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 0;
  }

  .member-task-row strong {
    margin: 0 0 3px;
    color: #303236;
    font-size: 14px;
    font-weight: 680;
    line-height: 1.22;
  }

  .member-task-row span {
    color: rgba(31, 31, 33, 0.56);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
  }

  .member-task-row > button[data-member-task-edit] {
    grid-column: 3;
    grid-row: 1;
    min-height: 24px;
    padding: 0 8px;
    border-color: rgba(31, 31, 33, 0.06);
    background: rgba(246, 247, 249, 0.72);
    color: rgba(31, 31, 33, 0.68);
    font-size: 0.68rem;
    font-weight: 650;
  }

  .member-task-row > .remove-button {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
    width: 24px;
    min-width: 24px;
    min-height: 24px;
    opacity: 0.58;
  }

  .member-task-suggestions {
    gap: 7px;
    margin-bottom: 8px;
  }

  .member-task-suggestion {
    padding: 8px;
    border-color: rgba(31, 31, 33, 0.06);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.76);
  }

  .member-task-suggestion strong,
  .member-task-suggestion p {
    color: #303236;
    font-size: 14px;
    font-weight: 640;
    line-height: 1.35;
  }

  .member-task-suggestion span {
    color: rgba(31, 31, 33, 0.56);
    font-size: 14px;
    font-weight: 500;
  }

  .member-task-actions button {
    min-height: 24px;
    padding: 0 8px;
    font-size: 0.68rem;
    font-weight: 650;
  }

  .project-member-list {
    gap: 7px;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .project-member-row {
    min-height: 0;
    padding: 8px;
    border: 1px solid rgba(31, 31, 33, 0.06);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: none;
  }

  .project-member-row strong {
    color: #303236;
    font-size: 14px;
    font-weight: 680;
    line-height: 1.22;
  }

  .project-member-row span {
    color: rgba(31, 31, 33, 0.56);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
  }

  .project-chat-card {
    bottom: 0;
    height: var(--app-visible-height, 100svh);
    padding: max(12px, env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));
    border-radius: 0;
    background: #fff;
  }

  .project-ai-sheet-header {
    min-height: 38px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 8px;
  }

  #projectChatCloseButton {
    grid-column: 1;
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #303236;
    box-shadow: none;
    font-size: 1.45rem;
    font-weight: 460;
    line-height: 1;
  }

  .project-ai-sheet-header strong {
    grid-column: 2;
    justify-self: center;
    font-size: 1rem;
  }

  .project-chat-clear-button {
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.72rem;
  }

  .project-chat-messages {
    gap: 10px;
    padding: 6px 2px;
    border: 0;
    background: #fff;
  }

  .project-chat-messages .chat-message.user {
    max-width: 86%;
    padding: 10px 12px;
    border-radius: 18px 18px 5px 18px;
    font-size: 16px;
    line-height: 1.42;
  }

  .project-chat-messages .chat-message.assistant {
    max-width: 100%;
    padding: 4px 0;
    font-size: 16px;
    line-height: 1.48;
  }

  .project-chat-messages .chat-content {
    gap: 9px;
  }

  .project-chat-messages .chat-content h4 {
    font-size: 16px;
    line-height: 1.35;
  }

  .project-chat-messages .chat-content p,
  .project-chat-messages .chat-content li {
    font-size: 16px;
    line-height: 1.58;
  }

  .project-suggestion-row {
    gap: 12px;
    padding-inline: 2px;
  }

  .project-suggestion-row button {
    color: rgba(31, 31, 33, 0.44);
    font-size: 0.7rem;
  }

  .project-chat-form {
    padding: 6px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 28px rgba(31, 31, 33, 0.08);
  }

  .project-chat-form input {
    min-height: 38px;
    font-size: 16px;
  }

  .project-chat-form #projectChatButton {
    min-width: 54px;
    min-height: 38px;
    border-radius: 999px;
    font-size: 0.84rem;
  }

  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher {
    position: fixed;
    left: clamp(18px, var(--project-chat-launcher-x, 18px), calc(100vw - 70px));
    top: clamp(60px, var(--project-chat-launcher-y, calc(var(--app-visible-height, 100vh) - 146px - env(safe-area-inset-bottom))), calc(var(--app-visible-height, 100vh) - 66px));
    isolation: isolate;
    width: 52px;
    min-width: 52px;
    height: 48px;
    min-height: 48px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    color: #fff;
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.14), transparent 32%),
      linear-gradient(180deg, #202126, #07080a);
    box-shadow:
      0 15px 32px rgba(18, 24, 38, 0.26),
      0 3px 9px rgba(18, 24, 38, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.16);
    cursor: grab;
    touch-action: none;
    user-select: none;
    z-index: 86;
  }

  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: -5px;
    width: 12px;
    height: 12px;
    border-radius: 0 0 4px 0;
    background: #07080a;
    transform: rotate(45deg);
    z-index: -1;
    box-shadow: 3px 3px 7px rgba(18, 24, 38, 0.16);
  }

  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher:active {
    transform: scale(0.97);
  }

  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher.is-dragging {
    cursor: grabbing;
    transform: scale(1.02);
  }

  .mobile-project-chat-launcher-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    color: #f7f7f2;
  }

  .mobile-project-chat-launcher-icon svg {
    width: 29px;
    height: 29px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .mobile-project-chat-launcher-icon .elthos-brain-lobe {
    stroke-width: 2.35;
  }

  .mobile-project-chat-launcher-icon .elthos-brain-core {
    opacity: 0.92;
  }
}

:root[data-theme="dark"] body {
  background:
    radial-gradient(circle at 50% -10%, rgba(93, 140, 255, 0.14), transparent 38%),
    linear-gradient(180deg, #11141a 0%, #0b0d11 44%, #06070a 100%);
}

:root[data-theme="dark"] .account-detail-view .account-shell,
:root[data-theme="dark"] .project-detail-view .project-shell {
  border-color: var(--line);
  background:
    radial-gradient(circle at 50% 0%, rgba(93, 140, 255, 0.12), transparent 34%),
    linear-gradient(180deg, #151821 0%, #090b10 100%);
}

:root[data-theme="dark"] .account-detail-view .account-shell .session-header,
:root[data-theme="dark"] .topbar {
  border-color: var(--line);
  background: rgba(16, 18, 24, 0.76);
}

:root[data-theme="dark"] .account-detail-view .account-shell .back-button {
  background: rgba(255, 255, 255, 0.07);
}

:root[data-theme="dark"] {
  --dark-page: #111318;
  --dark-surface: #181b21;
  --dark-surface-soft: #1d2027;
  --dark-surface-raised: #22262e;
  --dark-border: rgba(255, 255, 255, 0.105);
  --dark-border-strong: rgba(255, 255, 255, 0.16);
  --dark-text: #f4f6f8;
  --dark-text-soft: #c4c9d2;
  --dark-muted: #8f97a3;
  --dark-hover: rgba(255, 255, 255, 0.055);
  --dark-accent: #6f91ff;
}

:root[data-theme="dark"] body {
  color: var(--dark-text-soft);
  background: var(--dark-page);
}

:root[data-theme="dark"] .motion-bg {
  background:
    radial-gradient(circle at 60% 0%, rgba(111, 145, 255, 0.09), transparent 34%),
    linear-gradient(180deg, #151821 0%, #101216 54%, #0d0f13 100%);
}

:root[data-theme="dark"] .brand-header,
:root[data-theme="dark"] .sessions-panel,
:root[data-theme="dark"] .workspace-entry-panel,
:root[data-theme="dark"] .projects-panel,
:root[data-theme="dark"] .deadline-panel,
:root[data-theme="dark"] .meetings-panel,
:root[data-theme="dark"] .workspace-brain-shell,
:root[data-theme="dark"] .capture-panel,
:root[data-theme="dark"] .live-session-shell,
:root[data-theme="dark"] .session-shell,
:root[data-theme="dark"] .project-shell,
:root[data-theme="dark"] .deadline-shell,
:root[data-theme="dark"] .sessions-shell,
:root[data-theme="dark"] .meetings-shell,
:root[data-theme="dark"] .account-shell,
:root[data-theme="dark"] .chat-panel,
:root[data-theme="dark"] .account-section-card,
:root[data-theme="dark"] .account-page-hero,
:root[data-theme="dark"] .profile-identity-card,
:root[data-theme="dark"] .account-detail-list,
:root[data-theme="dark"] .account-detail-group,
:root[data-theme="dark"] .subscription-panel,
:root[data-theme="dark"] .account-plan-panel,
:root[data-theme="dark"] .account-menu,
:root[data-theme="dark"] .auth-button,
:root[data-theme="dark"] .auth-button.signed-in,
:root[data-theme="dark"] .insight-main,
:root[data-theme="dark"] .insight-card,
:root[data-theme="dark"] .follow-up,
:root[data-theme="dark"] .recording-dock,
:root[data-theme="dark"] .project-chat-card {
  border-color: var(--dark-border);
  background: var(--dark-surface);
  box-shadow:
    0 18px 52px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

:root[data-theme="dark"] .capture-panel,
:root[data-theme="dark"] .session-shell,
:root[data-theme="dark"] .project-shell,
:root[data-theme="dark"] .account-shell,
:root[data-theme="dark"] .account-detail-view .account-shell,
:root[data-theme="dark"] .project-detail-view .project-shell {
  background:
    linear-gradient(180deg, rgba(28, 31, 38, 0.96), rgba(20, 22, 28, 0.96)),
    var(--dark-surface);
}

:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .account-detail-view .account-shell .session-header,
:root[data-theme="dark"] .session-header,
:root[data-theme="dark"] .tabs,
:root[data-theme="dark"] .project-detail-tabs {
  border-color: var(--dark-border);
  background: rgba(24, 27, 33, 0.92);
  backdrop-filter: blur(22px) saturate(1.05);
}

:root[data-theme="dark"] .session-list,
:root[data-theme="dark"] .deadline-dashboard,
:root[data-theme="dark"] .meeting-list,
:root[data-theme="dark"] .project-list,
:root[data-theme="dark"] .workspace-list,
:root[data-theme="dark"] .workspace-project-list,
:root[data-theme="dark"] .account-page-list,
:root[data-theme="dark"] .settings-control-list,
:root[data-theme="dark"] .recording-dock-player,
:root[data-theme="dark"] .workspace-card,
:root[data-theme="dark"] .workspace-hero,
:root[data-theme="dark"] .workspace-stats span,
:root[data-theme="dark"] .workspace-chat-form,
:root[data-theme="dark"] .chat-form {
  border-color: var(--dark-border);
  background: var(--dark-surface-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .workspace-entry-button,
:root[data-theme="dark"] .session-row,
:root[data-theme="dark"] .deadline-row,
:root[data-theme="dark"] .meeting-row,
:root[data-theme="dark"] .project-row,
:root[data-theme="dark"] .workspace-row,
:root[data-theme="dark"] .workspace-project-row,
:root[data-theme="dark"] .settings-control-row,
:root[data-theme="dark"] .account-page-list button,
:root[data-theme="dark"] .account-detail-row,
:root[data-theme="dark"] .profile-field,
:root[data-theme="dark"] .profile-readonly-row,
:root[data-theme="dark"] .profile-actions {
  border-color: var(--dark-border);
  background: transparent;
}

:root[data-theme="dark"] .workspace-entry-button,
:root[data-theme="dark"] .audio-menu,
:root[data-theme="dark"] .context-file-row,
:root[data-theme="dark"] .chat-message.assistant,
:root[data-theme="dark"] .session-chat-shell .chat-message.assistant,
:root[data-theme="dark"] .project-chat-messages .chat-message.assistant {
  background: var(--dark-surface-raised);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .session-row:hover,
:root[data-theme="dark"] .session-row.active,
:root[data-theme="dark"] .deadline-row:hover,
:root[data-theme="dark"] .meeting-row:hover,
:root[data-theme="dark"] .project-row:hover,
:root[data-theme="dark"] .workspace-row:hover,
:root[data-theme="dark"] .workspace-row.active,
:root[data-theme="dark"] .workspace-project-row:hover,
:root[data-theme="dark"] .workspace-project-row.active,
:root[data-theme="dark"] .settings-control-row:hover,
:root[data-theme="dark"] button.settings-control-row:hover,
:root[data-theme="dark"] .account-page-list button:hover,
:root[data-theme="dark"] .account-page-list button[aria-current="page"],
:root[data-theme="dark"] .appearance-choice.is-selected {
  background: var(--dark-hover);
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] .capture-heading h2,
:root[data-theme="dark"] .session-header h2,
:root[data-theme="dark"] .session-row-title,
:root[data-theme="dark"] .deadline-title,
:root[data-theme="dark"] .meeting-title,
:root[data-theme="dark"] .project-row-title,
:root[data-theme="dark"] .workspace-row-title,
:root[data-theme="dark"] .workspace-project-title,
:root[data-theme="dark"] .account-page-list strong,
:root[data-theme="dark"] .account-page-hero strong,
:root[data-theme="dark"] .account-section-card strong,
:root[data-theme="dark"] .account-detail-row span,
:root[data-theme="dark"] .account-detail-row strong,
:root[data-theme="dark"] .subscription-heading strong,
:root[data-theme="dark"] .account-plan-heading strong,
:root[data-theme="dark"] .account-plan-switch button,
:root[data-theme="dark"] .profile-field span,
:root[data-theme="dark"] .profile-readonly-row span,
:root[data-theme="dark"] .profile-readonly-row strong,
:root[data-theme="dark"] .settings-control-copy,
:root[data-theme="dark"] .insight-card-header h3,
:root[data-theme="dark"] .insight-card-toggle span,
:root[data-theme="dark"] .task-card .insight-card-toggle strong,
:root[data-theme="dark"] .elthos-task-main strong {
  color: var(--dark-text);
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .session-row-date,
:root[data-theme="dark"] .session-row-chevron,
:root[data-theme="dark"] .deadline-meta,
:root[data-theme="dark"] .meeting-meta,
:root[data-theme="dark"] .project-row-meta,
:root[data-theme="dark"] .workspace-row-meta,
:root[data-theme="dark"] .workspace-project-meta,
:root[data-theme="dark"] .account-page-list small,
:root[data-theme="dark"] .account-page-hero small,
:root[data-theme="dark"] .account-section-card p,
:root[data-theme="dark"] .settings-control-copy small,
:root[data-theme="dark"] .account-plan-panel p,
:root[data-theme="dark"] .account-plan-heading span,
:root[data-theme="dark"] .account-plan-heading small,
:root[data-theme="dark"] .account-plan-switch small,
:root[data-theme="dark"] .profile-actions span,
:root[data-theme="dark"] .chat-panel p,
:root[data-theme="dark"] .elthos-task-main span,
:root[data-theme="dark"] .task-card .insight-card-toggle small {
  color: var(--dark-muted);
}

:root[data-theme="dark"] .status-pill,
:root[data-theme="dark"] .session-meta span,
:root[data-theme="dark"] .search-count,
:root[data-theme="dark"] #recordingStatus,
:root[data-theme="dark"] .recorder-meta span,
:root[data-theme="dark"] .account-plan-badge,
:root[data-theme="dark"] .account-plan-panel li,
:root[data-theme="dark"] .suggestion-chips button {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.075);
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .account-plan-badge[data-plan="basic"],
:root[data-theme="dark"] .account-plan-badge[data-plan="plus"],
:root[data-theme="dark"] .account-plan-badge[data-plan="pro"],
:root[data-theme="dark"] .account-plan-badge[data-plan="personal"],
:root[data-theme="dark"] .account-plan-badge[data-plan="guest"] {
  border-color: var(--dark-border-strong);
  background: rgba(255, 255, 255, 0.09);
  color: var(--dark-text);
}

:root[data-theme="dark"] .account-plan-panel li.enabled {
  border-color: rgba(95, 209, 132, 0.2);
  background: rgba(95, 209, 132, 0.11);
  color: #a8e9bb;
}

:root[data-theme="dark"] .account-plan-panel li.enabled span {
  background: rgba(95, 209, 132, 0.16);
  color: #a8e9bb;
}

:root[data-theme="dark"] .account-plan-panel li.locked {
  color: #858c98;
  background: rgba(255, 255, 255, 0.045);
}

:root[data-theme="dark"] .account-plan-switch {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.055);
}

:root[data-theme="dark"] .account-plan-switch button.active {
  background: var(--dark-text);
  color: #101216;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
}

:root[data-theme="dark"] .tab,
:root[data-theme="dark"] .project-detail-tab,
:root[data-theme="dark"] .back-button,
:root[data-theme="dark"] .session-info-button,
:root[data-theme="dark"] .project-info-button,
:root[data-theme="dark"] .panel-icon-button,
:root[data-theme="dark"] .icon-button,
:root[data-theme="dark"] .round-add-button,
:root[data-theme="dark"] .workspace-project-actions button,
:root[data-theme="dark"] #analyzeButton,
:root[data-theme="dark"] #saveContextButton,
:root[data-theme="dark"] #transcribeButton,
:root[data-theme="dark"] .project-chat-clear-button {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.07);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .tab.active,
:root[data-theme="dark"] .project-detail-tab.active {
  border-color: rgba(255, 255, 255, 0.18);
  background: var(--dark-text);
  color: #101216;
}

:root[data-theme="dark"] .tab::before,
:root[data-theme="dark"] .tab.active::before,
:root[data-theme="dark"] .project-detail-tab::before,
:root[data-theme="dark"] .project-detail-tab.active::before,
:root[data-theme="dark"] .insight-main h3::before,
:root[data-theme="dark"] .follow-up h3::before,
:root[data-theme="dark"] .insight-card-header h3::before,
:root[data-theme="dark"] .insight-card-toggle span::before,
:root[data-theme="dark"] #analyzeButton::before,
:root[data-theme="dark"] #saveContextButton::before,
:root[data-theme="dark"] #transcribeButton::before,
:root[data-theme="dark"] .suggestion-chips button::before,
:root[data-theme="dark"] .recording-dock-meta strong::before {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .profile-field input,
:root[data-theme="dark"] .chat-form input,
:root[data-theme="dark"] .workspace-chat-form input {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.065);
  color: var(--dark-text);
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: #7f8793;
}

:root[data-theme="dark"] .chat-form,
:root[data-theme="dark"] .chat-form:focus-within,
:root[data-theme="dark"] .workspace-chat-form,
:root[data-theme="dark"] .workspace-chat-form:focus-within {
  border-color: var(--dark-border-strong);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

:root[data-theme="dark"] .chat-file-button {
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text);
}

:root[data-theme="dark"] #chatButton,
:root[data-theme="dark"] .audio-picker-button,
:root[data-theme="dark"] .profile-actions button {
  border-color: rgba(255, 255, 255, 0.16);
  background: var(--dark-accent);
  color: #fff;
  box-shadow: 0 14px 34px rgba(111, 145, 255, 0.18);
}

:root[data-theme="dark"] .chat-messages,
:root[data-theme="dark"] .session-chat-shell .chat-messages,
:root[data-theme="dark"] .tab-panel,
:root[data-theme="dark"] .project-detail-content,
:root[data-theme="dark"] .account-page-card {
  background: transparent;
}

:root[data-theme="dark"] .session-chat-shell .chat-panel,
:root[data-theme="dark"] .session-detail-view .session-chat-shell .chat-panel {
  background: var(--dark-surface);
}

:root[data-theme="dark"] .session-chat-shell .chat-panel .chat-panel-intro,
:root[data-theme="dark"] .session-chat-shell .chat-messages:empty {
  background: var(--dark-surface-soft);
}

:root[data-theme="dark"] .chat-messages,
:root[data-theme="dark"] .session-chat-shell .chat-messages {
  background: var(--dark-surface-soft);
}

:root[data-theme="dark"] .account-menu-header,
:root[data-theme="dark"] .account-menu button {
  background: transparent;
  color: var(--dark-text);
}

:root[data-theme="dark"] .account-menu button:hover {
  background: var(--dark-hover);
}

:root[data-theme="dark"] .account-menu svg,
:root[data-theme="dark"] .account-menu-header svg,
:root[data-theme="dark"] .account-menu button svg,
:root[data-theme="dark"] .account-menu-chevron {
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .account-menu-divider {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .session-delete,
:root[data-theme="dark"] .deadline-row button,
:root[data-theme="dark"] .meeting-row button {
  color: var(--dark-muted);
  background: transparent;
}

:root[data-theme="dark"] .settings-switch {
  background: #3a3f48;
}

:root[data-theme="dark"] .settings-control-input:checked + .settings-switch {
  background: #f4f6f8;
}

:root[data-theme="dark"] .settings-control-input:checked + .settings-switch::before {
  background: #111318;
}

/* Final dark-mode polish: one graphite palette across app surfaces. */
:root[data-theme="dark"] {
  --dark-page: #111216;
  --dark-surface: #191a1f;
  --dark-surface-soft: #202127;
  --dark-surface-raised: #25262d;
  --dark-border: rgba(255, 255, 255, 0.11);
  --dark-border-strong: rgba(255, 255, 255, 0.18);
  --dark-text: #f5f5f7;
  --dark-text-soft: #d4d7dd;
  --dark-muted: #9a9fa8;
  --dark-hover: rgba(255, 255, 255, 0.07);
  --dark-accent: #6f8dff;
}

:root[data-theme="dark"] body {
  color: var(--dark-text-soft);
  background:
    radial-gradient(circle at 64% -8%, rgba(100, 122, 255, 0.12), transparent 32%),
    linear-gradient(180deg, #15161b 0%, #111216 48%, #0f1013 100%);
}

:root[data-theme="dark"] .motion-bg {
  background:
    radial-gradient(circle at 74% 6%, rgba(96, 118, 220, 0.1), transparent 30%),
    radial-gradient(circle at 16% 16%, rgba(255, 255, 255, 0.035), transparent 28%),
    linear-gradient(135deg, rgba(19, 20, 25, 0.92), rgba(15, 16, 19, 0.96));
}

:root[data-theme="dark"] .capture-panel,
:root[data-theme="dark"] .sessions-panel,
:root[data-theme="dark"] .workspace-entry-panel,
:root[data-theme="dark"] .deadline-panel,
:root[data-theme="dark"] .meetings-panel,
:root[data-theme="dark"] .projects-panel,
:root[data-theme="dark"] .session-shell,
:root[data-theme="dark"] .project-shell,
:root[data-theme="dark"] .workspace-brain-shell,
:root[data-theme="dark"] .deadline-shell,
:root[data-theme="dark"] .sessions-shell,
:root[data-theme="dark"] .meetings-shell,
:root[data-theme="dark"] .live-session-shell,
:root[data-theme="dark"] .account-shell,
:root[data-theme="dark"] .chat-panel,
:root[data-theme="dark"] .account-detail-list,
:root[data-theme="dark"] .account-detail-group,
:root[data-theme="dark"] .settings-control-list,
:root[data-theme="dark"] .subscription-panel,
:root[data-theme="dark"] .calendar-connections-panel,
:root[data-theme="dark"] .account-plan-panel,
:root[data-theme="dark"] .recording-dock,
:root[data-theme="dark"] .project-chat-card,
:root[data-theme="dark"] .account-menu,
:root[data-theme="dark"] .auth-button.signed-in,
:root[data-theme="dark"] .profile-identity-card {
  border-color: var(--dark-border);
  background:
    linear-gradient(180deg, rgba(27, 28, 34, 0.98), rgba(23, 24, 29, 0.98)),
    var(--dark-surface);
  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

:root[data-theme="dark"] .session-header,
:root[data-theme="dark"] .live-session-header,
:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .tabs,
:root[data-theme="dark"] .project-detail-tabs {
  border-color: var(--dark-border);
  background: rgba(25, 26, 31, 0.96);
  box-shadow: none;
}

:root[data-theme="dark"] .session-list,
:root[data-theme="dark"] .deadline-dashboard,
:root[data-theme="dark"] .meeting-list,
:root[data-theme="dark"] .project-list,
:root[data-theme="dark"] .workspace-list,
:root[data-theme="dark"] .workspace-project-list,
:root[data-theme="dark"] .account-page-list,
:root[data-theme="dark"] .recording-dock-player,
:root[data-theme="dark"] .workspace-card,
:root[data-theme="dark"] .workspace-hero,
:root[data-theme="dark"] .workspace-stats span,
:root[data-theme="dark"] .workspace-chat-form,
:root[data-theme="dark"] .chat-form,
:root[data-theme="dark"] .project-chat-form {
  border-color: var(--dark-border);
  background: var(--dark-surface-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .workspace-entry-button,
:root[data-theme="dark"] .session-row,
:root[data-theme="dark"] .deadline-row,
:root[data-theme="dark"] .meeting-row,
:root[data-theme="dark"] .project-row,
:root[data-theme="dark"] .workspace-row,
:root[data-theme="dark"] .workspace-project-row,
:root[data-theme="dark"] .settings-control-row,
:root[data-theme="dark"] .account-page-list button,
:root[data-theme="dark"] .account-detail-row,
:root[data-theme="dark"] .profile-field,
:root[data-theme="dark"] .profile-readonly-row,
:root[data-theme="dark"] .profile-actions,
:root[data-theme="dark"] .account-menu button {
  border-color: var(--dark-border);
  background: transparent;
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .session-open,
:root[data-theme="dark"] .project-open,
:root[data-theme="dark"] .workspace-entry-button,
:root[data-theme="dark"] .account-page-list button {
  background: transparent;
  color: inherit;
  box-shadow: none;
}

:root[data-theme="dark"] .workspace-entry-button,
:root[data-theme="dark"] .chat-message.assistant,
:root[data-theme="dark"] .context-file-row,
:root[data-theme="dark"] .audio-menu,
:root[data-theme="dark"] .project-chat-messages,
:root[data-theme="dark"] .project-chat-messages .chat-message.assistant {
  background: var(--dark-surface-raised);
}

:root[data-theme="dark"] .session-row + .session-row,
:root[data-theme="dark"] .project-row + .project-row,
:root[data-theme="dark"] .deadline-row + .deadline-row,
:root[data-theme="dark"] .meeting-row + .meeting-row,
:root[data-theme="dark"] .settings-control-row + .settings-control-row,
:root[data-theme="dark"] .account-page-list button + button,
:root[data-theme="dark"] .account-detail-row + .account-detail-row,
:root[data-theme="dark"] .calendar-provider-row + .calendar-provider-row,
:root[data-theme="dark"] .account-panel-heading,
:root[data-theme="dark"] .profile-field + .profile-field,
:root[data-theme="dark"] .profile-readonly-row + .profile-readonly-row {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .session-row:hover,
:root[data-theme="dark"] .session-row.active,
:root[data-theme="dark"] .deadline-row:hover,
:root[data-theme="dark"] .meeting-row:hover,
:root[data-theme="dark"] .project-row:hover,
:root[data-theme="dark"] .workspace-row:hover,
:root[data-theme="dark"] .workspace-row.active,
:root[data-theme="dark"] .workspace-project-row:hover,
:root[data-theme="dark"] .workspace-project-row.active,
:root[data-theme="dark"] .settings-control-row:hover,
:root[data-theme="dark"] .account-page-list button:hover,
:root[data-theme="dark"] .account-page-list button[aria-current="page"],
:root[data-theme="dark"] .appearance-choice.is-selected {
  background: var(--dark-hover);
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] strong,
:root[data-theme="dark"] .session-row-title,
:root[data-theme="dark"] .deadline-title,
:root[data-theme="dark"] .meeting-title,
:root[data-theme="dark"] .project-row-title,
:root[data-theme="dark"] .workspace-row-title,
:root[data-theme="dark"] .workspace-project-title,
:root[data-theme="dark"] .settings-control-copy,
:root[data-theme="dark"] .account-page-list strong,
:root[data-theme="dark"] .account-detail-row span,
:root[data-theme="dark"] .account-detail-row strong,
:root[data-theme="dark"] .account-panel-heading strong,
:root[data-theme="dark"] .calendar-provider-copy strong,
:root[data-theme="dark"] .profile-field span,
:root[data-theme="dark"] .profile-readonly-row span,
:root[data-theme="dark"] .profile-readonly-row strong,
:root[data-theme="dark"] .account-plan-heading strong,
:root[data-theme="dark"] .account-plan-switch button,
:root[data-theme="dark"] .elthos-task-main strong,
:root[data-theme="dark"] .insight-card-toggle span,
:root[data-theme="dark"] .task-card .insight-card-toggle strong {
  color: var(--dark-text);
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .session-row-date,
:root[data-theme="dark"] .session-row-chevron,
:root[data-theme="dark"] .deadline-meta,
:root[data-theme="dark"] .meeting-meta,
:root[data-theme="dark"] .project-row-meta,
:root[data-theme="dark"] .workspace-row-meta,
:root[data-theme="dark"] .workspace-project-meta,
:root[data-theme="dark"] .settings-control-copy small,
:root[data-theme="dark"] .account-page-list small,
:root[data-theme="dark"] .account-section-card p,
:root[data-theme="dark"] .account-plan-panel p,
:root[data-theme="dark"] .account-panel-heading span,
:root[data-theme="dark"] .account-panel-heading p,
:root[data-theme="dark"] .calendar-provider-copy small,
:root[data-theme="dark"] .account-plan-heading span,
:root[data-theme="dark"] .account-plan-heading small,
:root[data-theme="dark"] .account-plan-switch small,
:root[data-theme="dark"] .profile-actions span,
:root[data-theme="dark"] .elthos-task-main span,
:root[data-theme="dark"] .chat-panel p,
:root[data-theme="dark"] .recording-note,
:root[data-theme="dark"] .session-empty {
  color: var(--dark-muted);
}

:root[data-theme="dark"] .status-pill,
:root[data-theme="dark"] .session-meta span,
:root[data-theme="dark"] .session-meta button,
:root[data-theme="dark"] .live-session-meta span,
:root[data-theme="dark"] .recorder-meta span,
:root[data-theme="dark"] #recordingStatus,
:root[data-theme="dark"] .search-count,
:root[data-theme="dark"] .account-plan-badge,
:root[data-theme="dark"] .calendar-provider-icon,
:root[data-theme="dark"] .suggestion-chips button {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .account-plan-badge[data-plan],
:root[data-theme="dark"] .account-plan-badge[data-plan="basic"],
:root[data-theme="dark"] .account-plan-badge[data-plan="plus"],
:root[data-theme="dark"] .account-plan-badge[data-plan="pro"] {
  border-color: var(--dark-border-strong);
  background: rgba(255, 255, 255, 0.1);
  color: var(--dark-text);
}

:root[data-theme="dark"] .account-plan-panel li {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.07);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .account-plan-panel li span {
  background: rgba(255, 255, 255, 0.1);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .account-plan-panel li.enabled {
  border-color: rgba(125, 221, 158, 0.22);
  background: rgba(125, 221, 158, 0.11);
  color: #c7f4d4;
}

:root[data-theme="dark"] .account-plan-panel li.enabled span {
  background: rgba(125, 221, 158, 0.18);
  color: #c7f4d4;
}

:root[data-theme="dark"] .account-plan-panel li.locked {
  color: #7e858f;
  background: rgba(255, 255, 255, 0.045);
}

:root[data-theme="dark"] .account-plan-switch {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.06);
}

:root[data-theme="dark"] .account-plan-switch button {
  background: transparent;
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .account-plan-switch button.active {
  background: var(--dark-text);
  color: #101114;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

:root[data-theme="dark"] .subscription-current-card,
:root[data-theme="dark"] .plan-option-card,
:root[data-theme="dark"] .plan-usage-panel,
:root[data-theme="dark"] .plan-usage-row,
:root[data-theme="dark"] .account-navigation-list {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: var(--dark-text);
  box-shadow: none;
}

:root[data-theme="dark"] .plan-option-card:hover {
  border-color: var(--dark-border-strong);
  background: var(--dark-hover);
}

:root[data-theme="dark"] .plan-option-card.active {
  border-color: var(--dark-border-strong);
  background: rgba(255, 255, 255, 0.075);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

:root[data-theme="dark"] .subscription-current-card strong,
:root[data-theme="dark"] .plan-option-copy strong,
:root[data-theme="dark"] .plan-usage-heading strong,
:root[data-theme="dark"] .plan-usage-meta strong {
  color: var(--dark-text);
}

:root[data-theme="dark"] .subscription-current-card span,
:root[data-theme="dark"] .subscription-current-card p,
:root[data-theme="dark"] .plan-option-copy small,
:root[data-theme="dark"] .plan-usage-heading span,
:root[data-theme="dark"] .plan-usage-meta span,
:root[data-theme="dark"] .plan-usage-meta small,
:root[data-theme="dark"] .plan-usage-note,
:root[data-theme="dark"] .subscription-footnote {
  color: var(--dark-muted);
}

:root[data-theme="dark"] .subscription-current-card small {
  border-color: rgba(125, 221, 158, 0.22);
  background: rgba(125, 221, 158, 0.12);
  color: #c7f4d4;
}

:root[data-theme="dark"] .plan-option-features em {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.055);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .plan-usage-meter {
  background: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .plan-usage-meter span {
  background: var(--dark-text);
}

:root[data-theme="dark"] .plan-option-action {
  background: var(--dark-text);
  color: #101114;
}

:root[data-theme="dark"] .plan-option-card.active .plan-option-action {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .calendar-provider-action {
  border-color: rgba(255, 255, 255, 0.18);
  background: var(--dark-text);
  color: #101114;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

:root[data-theme="dark"] .calendar-provider-action.is-connected {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .privacy-action-row {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .privacy-action-row span {
  color: var(--dark-text);
}

:root[data-theme="dark"] .privacy-action-row small {
  color: var(--dark-muted);
}

:root[data-theme="dark"] .privacy-action-button {
  border-color: rgba(255, 255, 255, 0.18);
  background: var(--dark-text);
  color: #101114;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

:root[data-theme="dark"] .privacy-action-button.danger {
  border-color: rgba(255, 113, 104, 0.22);
  background: rgba(255, 113, 104, 0.12);
  color: #ff8e86;
  box-shadow: none;
}

:root[data-theme="dark"] .tab,
:root[data-theme="dark"] .project-detail-tab,
:root[data-theme="dark"] .back-button,
:root[data-theme="dark"] .session-info-button,
:root[data-theme="dark"] .project-info-button,
:root[data-theme="dark"] .panel-icon-button,
:root[data-theme="dark"] .icon-button,
:root[data-theme="dark"] .round-add-button,
:root[data-theme="dark"] #analyzeButton,
:root[data-theme="dark"] #saveContextButton,
:root[data-theme="dark"] #transcribeButton,
:root[data-theme="dark"] .project-chat-clear-button,
:root[data-theme="dark"] .audio-menu button {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.07);
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .tab.active,
:root[data-theme="dark"] .project-detail-tab.active {
  border-color: rgba(255, 255, 255, 0.2);
  background: var(--dark-text);
  color: #101114;
}

:root[data-theme="dark"] .tab::before,
:root[data-theme="dark"] .tab.active::before,
:root[data-theme="dark"] .project-detail-tab::before,
:root[data-theme="dark"] .project-detail-tab.active::before,
:root[data-theme="dark"] .insight-main h3::before,
:root[data-theme="dark"] .follow-up h3::before,
:root[data-theme="dark"] .insight-card-header h3::before,
:root[data-theme="dark"] .insight-card-toggle span::before,
:root[data-theme="dark"] #analyzeButton::before,
:root[data-theme="dark"] #saveContextButton::before,
:root[data-theme="dark"] #transcribeButton::before,
:root[data-theme="dark"] .suggestion-chips button::before,
:root[data-theme="dark"] .recording-dock-meta strong::before {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .tab.active::before,
:root[data-theme="dark"] .project-detail-tab.active::before {
  background: rgba(16, 17, 20, 0.9);
  color: var(--dark-text);
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .profile-field input,
:root[data-theme="dark"] .chat-form input,
:root[data-theme="dark"] .workspace-chat-form input,
:root[data-theme="dark"] .project-chat-form input,
:root[data-theme="dark"] .search-input {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text);
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: #7f858f;
}

:root[data-theme="dark"] .chat-form,
:root[data-theme="dark"] .chat-form:focus-within,
:root[data-theme="dark"] .workspace-chat-form,
:root[data-theme="dark"] .workspace-chat-form:focus-within,
:root[data-theme="dark"] .project-chat-form,
:root[data-theme="dark"] .project-chat-form:focus-within {
  border-color: var(--dark-border-strong);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

:root[data-theme="dark"] .chat-messages,
:root[data-theme="dark"] .session-chat-shell .chat-messages {
  border-color: var(--dark-border);
  background: var(--dark-surface-soft);
}

:root[data-theme="dark"] .tab-panel,
:root[data-theme="dark"] .project-detail-content,
:root[data-theme="dark"] .account-page-card {
  background: transparent;
}

:root[data-theme="dark"] .session-chat-shell .chat-panel,
:root[data-theme="dark"] .session-detail-view .session-chat-shell .chat-panel {
  background: var(--dark-surface);
}

:root[data-theme="dark"] .session-chat-shell .chat-panel .chat-panel-intro,
:root[data-theme="dark"] .session-chat-shell .chat-messages:empty {
  background: var(--dark-surface-soft);
}

:root[data-theme="dark"] .workspace-entry-icon,
:root[data-theme="dark"] .panel-icon,
:root[data-theme="dark"] .account-menu-avatar,
:root[data-theme="dark"] .profile-avatar {
  border-color: var(--dark-border);
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.18), transparent 34%),
    #17191f;
  color: var(--dark-text);
}

:root[data-theme="dark"] .session-delete,
:root[data-theme="dark"] .project-delete,
:root[data-theme="dark"] .deadline-row button,
:root[data-theme="dark"] .meeting-row button {
  color: var(--dark-muted);
  background: rgba(255, 255, 255, 0.045);
}

:root[data-theme="dark"] .session-delete:hover,
:root[data-theme="dark"] .project-delete:hover,
:root[data-theme="dark"] .deadline-row button:hover,
:root[data-theme="dark"] .meeting-row button:hover {
  color: #ff8b8b;
  background: rgba(255, 99, 99, 0.14);
}

:root[data-theme="dark"] .deadline-panel .deadline-dashboard {
  overflow: hidden;
  border-color: var(--dark-border);
  background: var(--dark-surface-soft);
}

:root[data-theme="dark"] .deadline-panel .deadline-group h3 {
  padding: 12px 14px 8px;
  color: var(--dark-text-soft);
  font-size: 0.82rem;
  font-weight: 750;
}

:root[data-theme="dark"] .deadline-panel .deadline-row {
  grid-template-columns: 42px minmax(0, 1fr) 46px;
  min-height: 64px;
  background: transparent;
}

:root[data-theme="dark"] .deadline-panel .deadline-open {
  min-height: 64px;
  padding: 12px 8px;
  gap: 4px;
  border: 0;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
}

:root[data-theme="dark"] .deadline-panel .deadline-open:hover,
:root[data-theme="dark"] .deadline-panel .deadline-open:focus-visible {
  background: transparent;
  background-color: transparent;
  outline: none;
}

:root[data-theme="dark"] .deadline-panel .task-complete {
  justify-self: center;
  width: 24px;
  min-width: 24px;
  min-height: 24px;
  margin: 0;
  border-color: var(--dark-border-strong);
  background: transparent;
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .deadline-panel .task-delete {
  justify-self: center;
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  margin: 0;
  background: rgba(255, 255, 255, 0.045);
}

:root[data-theme="dark"] .deadline-panel .deadline-title,
:root[data-theme="dark"] .deadline-panel .deadline-meta {
  display: block;
  min-width: 0;
}

:root[data-theme="dark"] #chatButton,
:root[data-theme="dark"] .audio-picker-button,
:root[data-theme="dark"] .profile-actions button,
:root[data-theme="dark"] .workspace-chat-form button,
:root[data-theme="dark"] .project-chat-form button {
  border-color: rgba(255, 255, 255, 0.16);
  background: var(--dark-accent);
  color: #fff;
  box-shadow: 0 16px 34px rgba(111, 141, 255, 0.22);
}

:root[data-theme="dark"] .settings-switch {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.13);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);
}

:root[data-theme="dark"] .settings-switch::before {
  background: #f5f5f7;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.34);
}

:root[data-theme="dark"] .settings-control-input:checked + .settings-switch {
  background: #f5f5f7;
  border-color: rgba(255, 255, 255, 0.72);
}

:root[data-theme="dark"] .settings-control-input:checked + .settings-switch::before {
  background: #111216;
}

:root[data-theme="dark"] .settings-control-input:disabled + .settings-switch {
  background: rgba(255, 255, 255, 0.08);
  opacity: 1;
}

:root[data-theme="dark"] .settings-control-input:disabled + .settings-switch::before {
  background: rgba(255, 255, 255, 0.58);
}

/* Dark-mode contrast sweep for project, insight, file, member, and prompt surfaces. */
:root[data-theme="dark"] body,
:root[data-theme="dark"] .soft-type-layer {
  --soft-heading: var(--dark-text);
  --soft-body: var(--dark-text-soft);
  --soft-body-light: #c8ced8;
  --soft-muted: #a2a9b5;
}

:root[data-theme="dark"] ::selection {
  color: #fff;
  background: rgba(93, 140, 255, 0.48);
}

:root[data-theme="dark"] #projectDetailTitle,
:root[data-theme="dark"] .insight-main h3,
:root[data-theme="dark"] .insight-card-header h3,
:root[data-theme="dark"] .insight-card-toggle span,
:root[data-theme="dark"] .project-detail-pane .project-memory-grid > .insight-card > h3,
:root[data-theme="dark"] .card-title-row h3,
:root[data-theme="dark"] .timeline-item-copy strong,
:root[data-theme="dark"] .project-member-row strong,
:root[data-theme="dark"] .project-file-row strong,
:root[data-theme="dark"] .member-task-heading h4,
:root[data-theme="dark"] .member-task-suggestion strong,
:root[data-theme="dark"] .member-task-row strong {
  color: var(--dark-text);
}

:root[data-theme="dark"] li,
:root[data-theme="dark"] .insight-card-body,
:root[data-theme="dark"] .insight-card-body p,
:root[data-theme="dark"] .insight-card-body li,
:root[data-theme="dark"] .project-memory-grid li,
:root[data-theme="dark"] .context-files,
:root[data-theme="dark"] .timeline-item-copy span,
:root[data-theme="dark"] .timeline-item-copy small,
:root[data-theme="dark"] .member-task-suggestion p,
:root[data-theme="dark"] .member-task-row span,
:root[data-theme="dark"] .chat-content p,
:root[data-theme="dark"] .chat-content li,
:root[data-theme="dark"] .project-chat-messages .chat-content p,
:root[data-theme="dark"] .project-chat-messages .chat-content li {
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .project-memory-grid li::marker,
:root[data-theme="dark"] .insight-card-body li::marker,
:root[data-theme="dark"] .chat-content li::marker,
:root[data-theme="dark"] .project-chat-messages .chat-content li::marker {
  color: rgba(245, 245, 247, 0.46);
}

:root[data-theme="dark"] .project-timeline-card .card-title-row span,
:root[data-theme="dark"] .project-member-row span,
:root[data-theme="dark"] .project-file-row span,
:root[data-theme="dark"] .member-task-suggestion span,
:root[data-theme="dark"] .member-task-heading span,
:root[data-theme="dark"] .member-task-voice-status,
:root[data-theme="dark"] #projectChatScope {
  color: var(--dark-muted);
}

:root[data-theme="dark"] .project-member-list,
:root[data-theme="dark"] .project-file-list,
:root[data-theme="dark"] .member-task-list,
:root[data-theme="dark"] .timeline-empty {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.035);
}

:root[data-theme="dark"] .project-timeline-item,
:root[data-theme="dark"] .project-member-row,
:root[data-theme="dark"] .project-file-row,
:root[data-theme="dark"] .member-task-group,
:root[data-theme="dark"] .member-task-suggestion,
:root[data-theme="dark"] .member-task-row {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.055);
  color: var(--dark-text-soft);
  box-shadow: none;
}

:root[data-theme="dark"] .timeline-item-main,
:root[data-theme="dark"] .timeline-item-main:hover,
:root[data-theme="dark"] .timeline-item-main:focus-visible {
  background: transparent;
  color: inherit;
}

:root[data-theme="dark"] .timeline-insert-button,
:root[data-theme="dark"] .timeline-item-actions button:not(.icon-button),
:root[data-theme="dark"] .member-task-actions button,
:root[data-theme="dark"] .member-task-row > button:not(.task-complete):not(.icon-button) {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.075);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .timeline-insert-button:hover,
:root[data-theme="dark"] .timeline-insert-button:focus-visible,
:root[data-theme="dark"] .timeline-item-actions button:not(.icon-button):hover,
:root[data-theme="dark"] .member-task-actions button:hover,
:root[data-theme="dark"] .member-task-row > button:not(.task-complete):not(.icon-button):hover {
  border-color: var(--dark-border-strong);
  background: rgba(255, 255, 255, 0.105);
  color: var(--dark-text);
}

:root[data-theme="dark"] .prompt-modal,
:root[data-theme="dark"] .confirm-modal {
  background:
    radial-gradient(circle at 50% 36%, rgba(93, 140, 255, 0.12), transparent 34%),
    rgba(4, 5, 8, 0.62);
}

:root[data-theme="dark"] .prompt-card,
:root[data-theme="dark"] .confirm-card {
  border-color: var(--dark-border-strong);
  background:
    linear-gradient(180deg, rgba(31, 33, 40, 0.98), rgba(22, 24, 30, 0.98)),
    var(--dark-surface);
  color: var(--dark-text);
  box-shadow:
    0 30px 88px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

:root[data-theme="dark"] .prompt-card h3,
:root[data-theme="dark"] .confirm-card h3,
:root[data-theme="dark"] .prompt-member-option strong {
  color: var(--dark-text);
}

:root[data-theme="dark"] .prompt-card p,
:root[data-theme="dark"] .confirm-card p,
:root[data-theme="dark"] .prompt-member-option span {
  color: var(--dark-muted);
}

:root[data-theme="dark"] .prompt-input-shell textarea,
:root[data-theme="dark"] .prompt-input-shell textarea:focus {
  border-color: var(--dark-border-strong);
  background: rgba(255, 255, 255, 0.075);
  color: var(--dark-text);
  box-shadow: 0 0 0 4px rgba(93, 140, 255, 0.14);
}

:root[data-theme="dark"] .prompt-member-option {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.06);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] #promptCancelButton,
:root[data-theme="dark"] .confirm-secondary {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] #promptSubmitButton,
:root[data-theme="dark"] .confirm-danger {
  border-color: rgba(255, 255, 255, 0.22);
  background: var(--dark-text);
  color: #111216;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.26);
}

:root[data-theme="dark"] #promptSubmitButton:disabled {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(245, 245, 247, 0.42);
}

:root[data-theme="dark"] .prompt-mic-button {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.1);
  color: var(--dark-text);
}

:root[data-theme="dark"] .chat-content h4,
:root[data-theme="dark"] .chat-content strong,
:root[data-theme="dark"] .project-chat-messages .chat-content h4,
:root[data-theme="dark"] .project-chat-messages .chat-content strong {
  color: var(--dark-text);
}

:root[data-theme="dark"] .chat-content code,
:root[data-theme="dark"] .project-chat-messages .chat-content code {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--dark-text);
}

:root[data-theme="dark"] body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid .insight-card {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.055);
}

:root[data-theme="dark"] body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid li {
  color: var(--dark-text-soft);
}

:root[data-theme="dark"] .project-detail-view .session-header .back-button,
:root[data-theme="dark"] .project-detail-view .session-header .project-info-button {
  border-color: var(--dark-border-strong);
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.075);
  color: var(--dark-text);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

:root[data-theme="dark"] .project-detail-view .session-header .back-button:hover,
:root[data-theme="dark"] .project-detail-view .session-header .back-button:focus-visible,
:root[data-theme="dark"] .project-detail-view .session-header .project-info-button:hover,
:root[data-theme="dark"] .project-detail-view .session-header .project-info-button:focus-visible,
:root[data-theme="dark"] .project-detail-view .session-header .project-info-button[aria-expanded="true"] {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.115);
  color: #fff;
  outline: none;
}

:root[data-theme="dark"] .project-detail-view #projectBackButton {
  border-color: rgba(255, 255, 255, 0.16);
  background: #1f1f21;
  color: #fff;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

:root[data-theme="dark"] .project-detail-view #projectBackButton:hover,
:root[data-theme="dark"] .project-detail-view #projectBackButton:focus-visible {
  border-color: rgba(255, 255, 255, 0.24);
  background: #25262b;
  color: #fff;
  outline: none;
}

:root[data-theme="dark"] .project-info-popover {
  border-color: rgba(255, 255, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(37, 39, 47, 0.98), rgba(24, 26, 32, 0.98)),
    var(--dark-surface);
  color: var(--dark-text);
  box-shadow:
    0 28px 66px rgba(0, 0, 0, 0.46),
    0 8px 22px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

:root[data-theme="dark"] .project-info-popover::before {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(37, 39, 47, 0.98);
}

:root[data-theme="dark"] #projectInfoTitle {
  color: var(--dark-text);
}

:root[data-theme="dark"] #projectInfoDate,
:root[data-theme="dark"] .project-info-counts span {
  border-color: var(--dark-border);
  background: rgba(255, 255, 255, 0.06);
  color: var(--dark-muted);
}

:root[data-theme="dark"] .project-info-counts strong {
  color: var(--dark-text);
}

:root[data-theme="dark"] .project-info-actions button {
  border-color: rgba(111, 141, 255, 0.28);
  background: rgba(111, 141, 255, 0.18);
  color: #eef2ff;
}

:root[data-theme="dark"] .project-info-actions button:hover,
:root[data-theme="dark"] .project-info-actions button:focus-visible {
  border-color: rgba(134, 158, 255, 0.42);
  background: rgba(111, 141, 255, 0.26);
  color: #fff;
  outline: none;
}

:root[data-theme="dark"] .project-info-actions .project-info-delete-button {
  border-color: rgba(255, 113, 104, 0.26);
  background: rgba(255, 113, 104, 0.13);
  color: #ffaaa4;
}

:root[data-theme="dark"] .project-info-actions .project-info-delete-button:hover,
:root[data-theme="dark"] .project-info-actions .project-info-delete-button:focus-visible {
  border-color: rgba(255, 113, 104, 0.4);
  background: rgba(255, 113, 104, 0.2);
  color: #ffd4d1;
}

/* Dark live-recording screen: remove light-mode strips and keep transcript readable. */
:root[data-theme="dark"] body.live-recording-view,
:root[data-theme="dark"] body.live-recording-view .workspace {
  background: #111318;
}

:root[data-theme="dark"] .live-session-shell {
  border-color: rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 50% 0%, rgba(118, 138, 255, 0.1), transparent 34%),
    linear-gradient(180deg, #181a20 0%, #111318 52%, #0f1116 100%);
  color: #f4f6fb;
  box-shadow: none;
}

:root[data-theme="dark"] .live-session-header {
  border-color: rgba(255, 255, 255, 0.08);
  background: transparent;
}

:root[data-theme="dark"] .live-session-header h2,
:root[data-theme="dark"] .live-transcript-board-header strong,
:root[data-theme="dark"] .live-suggestions-header strong {
  color: #f4f6fb;
}

:root[data-theme="dark"] .live-session-header .eyebrow,
:root[data-theme="dark"] .live-transcript-board-header span,
:root[data-theme="dark"] .live-suggestions-header span {
  color: #a8afbd;
}

:root[data-theme="dark"] .live-session-meta span {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: #c9ced8;
}

:root[data-theme="dark"] .live-session-meta span::before {
  background: rgba(118, 138, 255, 0.16);
  color: #9fb0ff;
}

:root[data-theme="dark"] #liveRecordingStatus::before {
  color: #8fa4ff;
}

:root[data-theme="dark"] .live-transcript-board,
:root[data-theme="dark"] .live-suggestions-board {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

:root[data-theme="dark"] .live-transcript-board-header,
:root[data-theme="dark"] .live-suggestions-header {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(18, 20, 26, 0.88);
  backdrop-filter: blur(16px) saturate(1.05);
}

:root[data-theme="dark"] .live-transcript-feed {
  background: transparent;
}

:root[data-theme="dark"] .live-transcript-block {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.055);
}

:root[data-theme="dark"] .live-transcript-block.partial {
  border-color: rgba(143, 164, 255, 0.2);
  background: rgba(143, 164, 255, 0.14);
}

:root[data-theme="dark"] .live-transcript-block strong {
  color: #aeb6c6;
}

:root[data-theme="dark"] .live-transcript-block p,
:root[data-theme="dark"] .live-transcript-empty,
:root[data-theme="dark"] .live-suggestion-empty,
:root[data-theme="dark"] .live-coach-question,
:root[data-theme="dark"] .live-coach-followups {
  color: #d8dde7;
}

:root[data-theme="dark"] .live-suggestion-card,
:root[data-theme="dark"] body.live-coach-expanded .live-suggestion-card {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.055);
}

:root[data-theme="dark"] .live-suggestions-header button {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.075);
  color: #d8dde7;
}

@media (max-width: 620px) {
  :root[data-theme="dark"] .live-session-shell {
    background:
      radial-gradient(circle at 48% 10%, rgba(118, 138, 255, 0.09), transparent 32%),
      linear-gradient(180deg, #181a20 0%, #111318 58%, #0f1116 100%);
  }

  :root[data-theme="dark"] .live-session-header h2 {
    color: #f7f8fb;
  }

  :root[data-theme="dark"] .live-session-meta span {
    background: transparent;
    color: #b7becb;
  }

  :root[data-theme="dark"] .live-session-meta span::before {
    background: transparent;
    color: #8f9aab;
  }

  :root[data-theme="dark"] .live-transcript-board-header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background: rgba(18, 20, 26, 0.92);
  }

  :root[data-theme="dark"] .live-transcript-board-header strong {
    color: #9fb0ff;
  }

  :root[data-theme="dark"] .live-transcript-feed {
    background: transparent;
  }

  :root[data-theme="dark"] .live-transcript-block,
  :root[data-theme="dark"] .live-transcript-block[data-speaker="Transcript"] {
    background: transparent;
  }

  :root[data-theme="dark"] .live-transcript-block strong {
    color: #8f9aab;
  }

  :root[data-theme="dark"] .live-transcript-block p,
  :root[data-theme="dark"] .live-transcript-empty {
    color: #d8dde7;
  }

  :root[data-theme="dark"] .live-transcript-block.partial {
    background: rgba(255, 255, 255, 0.075);
    color: #e9edf5;
  }

  :root[data-theme="dark"] .live-session-actions {
    background:
      linear-gradient(180deg, rgba(17, 19, 24, 0), rgba(17, 19, 24, 0.9) 28%, #111318 100%);
  }

  :root[data-theme="dark"] .live-home-button,
  :root[data-theme="dark"] .live-cancel-button,
  :root[data-theme="dark"] .live-stop-button {
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: #23262d;
    color: #f3f5f9;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.28);
  }

  :root[data-theme="dark"] .live-stop-button {
    background: #f0f2f6;
    color: #17191f;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.7),
      0 16px 30px rgba(0, 0, 0, 0.3);
  }

  :root[data-theme="dark"] .live-cancel-button {
    color: #ffb2ad;
  }

  :root[data-theme="dark"] .live-voice-wave span {
    background: #8fa4ff;
  }

  :root[data-theme="dark"] .live-suggestions-board,
  :root[data-theme="dark"] body.live-coach-expanded .live-suggestions-board {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(23, 25, 31, 0.98);
    color: #f4f6fb;
    box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.34);
  }

  :root[data-theme="dark"] body.has-live-coach-suggestions:not(.live-coach-expanded) .live-suggestions-board {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(24, 26, 32, 0.97);
    box-shadow:
      0 18px 38px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }

  :root[data-theme="dark"] body.has-live-coach-suggestions:not(.live-coach-expanded) .live-coach-question {
    color: #f0f3f8;
  }

:root[data-theme="dark"] body.live-coach-expanded .live-suggestions-board::before {
    background: rgba(255, 255, 255, 0.2);
  }
}

/* Elthos chat surface */
.session-chat-shell .chat-panel {
  --cortex-chat-ink: #2f2c27;
  --cortex-chat-text: #4d4943;
  --cortex-chat-muted: #8c877e;
  --cortex-chat-line: #e5e0d8;
  --cortex-chat-card: #f0efea;
  --cortex-chat-surface: #fbfaf7;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: 16px;
  border: 1px solid var(--cortex-chat-line);
  border-radius: 18px;
  padding: 18px 16px 14px;
  color: var(--cortex-chat-ink);
  background: rgba(253, 252, 248, 0.96);
  box-shadow: 0 24px 58px rgba(45, 40, 32, 0.11);
  backdrop-filter: blur(18px) saturate(1.04);
}

.session-chat-shell .chat-panel-intro {
  padding: 0 0 14px;
  border-bottom: 1px solid var(--cortex-chat-line);
}

.session-chat-shell .chat-panel-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
}

.session-chat-shell .chat-panel h3 {
  min-width: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--cortex-chat-ink);
  font-size: 1.06rem;
  font-weight: 760;
  line-height: 1.2;
}

.session-chat-shell .chat-panel h3::before {
  content: "✦";
  width: auto;
  min-width: 0;
  height: auto;
  display: inline-block;
  border: 0;
  border-radius: 0;
  color: #1f1f1f;
  background: transparent;
  box-shadow: none;
  font-size: 1rem;
  line-height: 1;
}

.session-chat-shell .chat-panel-title-row > .meeting-chat-clear-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.meeting-chat-scope {
  max-width: 170px;
  justify-self: end;
  overflow: hidden;
  color: var(--cortex-chat-muted);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.2;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-chat-shell .suggestion-chips {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 0 0 2px;
  scrollbar-width: none;
}

.session-chat-shell .suggestion-chips::-webkit-scrollbar {
  display: none;
}

.session-chat-shell .suggestion-chips button {
  min-width: 0;
  max-width: 280px;
  min-height: 38px;
  flex: 0 0 auto;
  justify-content: center;
  border: 1px solid var(--cortex-chat-line);
  border-radius: 999px;
  padding: 0 16px;
  color: #625e56;
  background: #f8f7f3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  font-size: 0.82rem;
  font-weight: 620;
}

.session-chat-shell .suggestion-chips button::before {
  content: none;
}

.session-chat-shell .suggestion-chips button:hover,
.session-chat-shell .suggestion-chips button:focus-visible {
  border-color: #d4cec3;
  color: #282520;
  background: #ffffff;
}

.session-chat-shell .chat-messages {
  min-height: 220px;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  gap: 12px;
}

.session-chat-shell .chat-panel.is-empty .chat-messages {
  min-height: min(38vh, 320px);
}

.session-chat-shell .chat-message.assistant {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  border: 0;
  border-radius: 14px;
  padding: 22px 22px 22px 20px;
  color: var(--cortex-chat-text);
  background: var(--cortex-chat-card);
  box-shadow: none;
}

.session-chat-shell .chat-message.assistant::before {
  content: "";
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #111111;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.session-chat-shell .chat-message.assistant::after {
  content: "";
  position: absolute;
  left: 33px;
  top: 38px;
  width: 16px;
  height: 10px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 4px 5px, #ffffff 0 3px, transparent 3.4px),
    radial-gradient(circle at 12px 5px, #ffffff 0 3px, transparent 3.4px);
}

.session-chat-shell .chat-message.assistant.project-thinking-message,
.session-chat-shell .chat-message.assistant.project-typing-message {
  display: block;
  border-radius: 14px;
  padding: 14px 16px;
}

.session-chat-shell .chat-message.assistant.project-thinking-message::before,
.session-chat-shell .chat-message.assistant.project-thinking-message::after,
.session-chat-shell .chat-message.assistant.project-typing-message::before,
.session-chat-shell .chat-message.assistant.project-typing-message::after {
  content: none;
}

.session-chat-shell .chat-message.user {
  max-width: 86%;
  border-radius: 14px;
  padding: 12px 14px;
  color: #ffffff;
  background: #1f1f1f;
  box-shadow: none;
}

.session-chat-shell .chat-content {
  gap: 9px;
}

.session-chat-shell .chat-content h4 {
  color: #29261f;
}

.session-chat-shell .chat-content p,
.session-chat-shell .chat-content li {
  color: var(--cortex-chat-text);
  font-size: 0.93rem;
  line-height: 1.58;
}

.session-chat-shell .chat-content strong {
  color: #27241f;
}

.session-chat-shell .chat-form {
  border: 1px solid var(--cortex-chat-line);
  border-radius: 14px;
  padding: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(45, 40, 32, 0.08);
}

.session-chat-shell .chat-form:focus-within,
.session-chat-shell .chat-form.thinking {
  border-color: #d6cfc4;
  box-shadow: 0 16px 34px rgba(45, 40, 32, 0.1);
}

.session-chat-shell .chat-file-button {
  min-width: 44px;
  min-height: 44px;
  border-color: #e3ddd5;
  color: #46423c;
  background: #faf9f6;
}

.session-chat-shell .chat-form input {
  min-height: 44px;
  color: #312e29;
  font-size: 0.95rem;
}

.session-chat-shell .chat-form input::placeholder {
  color: #aaa49a;
}

.session-chat-shell #chatButton {
  width: 48px;
  min-width: 48px;
  min-height: 48px;
  border-color: #171717;
  color: transparent;
  background: #171717;
  box-shadow: none;
  font-size: 0;
}

.session-chat-shell #chatButton::before {
  content: "→";
  color: #ffffff;
  font-size: 1.35rem;
  font-weight: 760;
  line-height: 1;
}

.session-chat-shell .chat-form.thinking #chatButton::before {
  content: "...";
  letter-spacing: 0;
}

:root[data-theme="dark"] .session-chat-shell .chat-panel,
:root[data-theme="dark"] .session-detail-view .session-chat-shell .chat-panel {
  color: #2f2c27;
  background: rgba(253, 252, 248, 0.97);
}

:root[data-theme="dark"] .session-chat-shell .chat-panel h3,
:root[data-theme="dark"] .session-chat-shell .chat-content h4,
:root[data-theme="dark"] .session-chat-shell .chat-content strong {
  color: #2f2c27;
}

:root[data-theme="dark"] .session-chat-shell .chat-content p,
:root[data-theme="dark"] .session-chat-shell .chat-content li {
  color: #4d4943;
}

@media (max-width: 620px) {
  .session-detail-view .session-chat-shell .chat-panel {
    grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
    gap: 12px;
    padding: calc(10px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));
    background: #fbfaf7;
  }

  .session-chat-shell .chat-panel-intro {
    padding: 0 0 10px;
  }

  .session-chat-shell .chat-panel-intro h3 {
    display: none;
  }

  .session-chat-shell .chat-panel-title-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .meeting-chat-scope {
    max-width: 100%;
    justify-self: start;
    text-align: left;
  }

  .session-chat-shell .suggestion-chips button {
    max-width: 240px;
    min-height: 36px;
    padding: 0 14px;
  }

  .session-chat-shell .chat-messages {
    padding: 0 0 8px;
  }

  .session-chat-shell .chat-message.assistant {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    padding: 18px 16px;
  }

  .session-chat-shell .chat-message.assistant::before {
    width: 36px;
    height: 36px;
    border-radius: 9px;
  }

  .session-chat-shell .chat-message.assistant::after {
    left: 28px;
    top: 32px;
  }

  .session-chat-shell .chat-form {
    border-radius: 14px;
  }
}

/* Elthos chat polish v80 */
.session-chat-shell .chat-message.assistant.project-thinking-message {
  width: fit-content;
  max-width: min(86%, 360px);
  justify-self: start;
  padding: 0;
  background: transparent;
}

.session-chat-shell .chat-message.assistant.project-thinking-message .project-thinking {
  border-color: rgba(31, 31, 33, 0.08);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 34px rgba(39, 35, 29, 0.09);
}

.session-chat-shell .chat-message.assistant.project-typing-message {
  min-height: 92px;
}

.session-chat-shell .chat-message.assistant.project-typing-message .project-typing-cursor {
  display: none;
}

@media (max-width: 620px) {
  .session-detail-view .session-chat-shell .chat-panel {
    --cortex-chat-line: #ebe6dc;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: 0;
    padding: calc(8px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));
    color: #24221e;
    background: #fcfbf8;
    overflow: hidden;
  }

  .mobile-meeting-chat-header {
    min-height: 52px;
    grid-template-columns: 46px minmax(0, 1fr) 82px;
    border-bottom: 1px solid rgba(37, 34, 29, 0.07);
  }

  .mobile-meeting-chat-header strong {
    color: #302d28;
    font-size: 0.98rem;
    font-weight: 760;
  }

  .mobile-meeting-chat-close {
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    color: #78746d;
    background: #ffffff;
    box-shadow:
      inset 0 0 0 1px rgba(35, 32, 28, 0.06),
      0 10px 24px rgba(39, 35, 29, 0.05);
  }

  .mobile-meeting-chat-clear-button {
    position: static;
    justify-self: end;
    min-height: 34px;
    min-width: 76px;
    border-color: rgba(37, 34, 29, 0.07);
    color: #8d887f;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    font-size: 0.74rem;
    font-weight: 720;
  }

  .session-chat-shell .chat-panel-intro {
    display: none;
  }

  .session-chat-shell .suggestion-chips {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 2px 14px;
    overflow: visible;
    border-bottom: 1px solid rgba(37, 34, 29, 0.07);
  }

  .session-chat-shell .suggestion-chips button {
    width: 100%;
    max-width: none;
    min-height: 36px;
    border: 1px solid #e7e1d7;
    border-radius: 999px;
    padding: 0 10px;
    overflow: hidden;
    color: #5f5a52;
    background: #f8f7f3;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 720;
  }

  .session-chat-shell .chat-messages {
    min-height: 0;
    height: 100%;
    max-height: none;
    align-content: start;
    gap: 12px;
    overflow-y: auto;
    padding: 16px 2px 14px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(48, 45, 40, 0.28) transparent;
  }

  .session-chat-shell .chat-message.user {
    max-width: 84%;
    border-radius: 18px;
    padding: 12px 14px;
    color: #ffffff;
    background: #1d1d1c;
    box-shadow: 0 14px 30px rgba(20, 20, 19, 0.14);
    font-size: 0.95rem;
    font-weight: 560;
    line-height: 1.35;
  }

  .session-chat-shell .chat-message.assistant {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    border: 1px solid rgba(37, 34, 29, 0.07);
    border-radius: 18px;
    padding: 16px;
    color: #444039;
    background: #f3f2ed;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
  }

  .session-chat-shell .chat-message.assistant::before {
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }

  .session-chat-shell .chat-message.assistant::after {
    left: 25px;
    top: 28px;
    transform: scale(0.82);
    transform-origin: center;
  }

  .session-chat-shell .chat-message.assistant.project-thinking-message,
  .session-chat-shell .chat-message.assistant.project-typing-message {
    display: block;
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  .session-chat-shell .chat-message.assistant.project-typing-message {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    min-height: 92px;
    border: 1px solid rgba(37, 34, 29, 0.07);
    border-radius: 18px;
    padding: 16px;
    background: #f3f2ed;
  }

  .session-chat-shell .chat-message.assistant.project-typing-message::before {
    content: "";
  }

  .session-chat-shell .chat-message.assistant.project-typing-message::after {
    content: "";
  }

  .session-chat-shell .chat-message.assistant.project-thinking-message::before,
  .session-chat-shell .chat-message.assistant.project-thinking-message::after {
    content: none;
  }

  .session-chat-shell .chat-content {
    min-width: 0;
    gap: 10px;
  }

  .session-chat-shell .chat-content h4 {
    margin: 2px 0 0;
    color: #302d28;
    font-size: 0.95rem;
    font-weight: 760;
    line-height: 1.32;
  }

  .session-chat-shell .chat-content p,
  .session-chat-shell .chat-content li {
    color: #514d46;
    font-size: 0.93rem;
    font-weight: 450;
    line-height: 1.58;
  }

  .session-chat-shell .chat-content ul,
  .session-chat-shell .chat-content ol {
    gap: 7px;
    padding-left: 1.05rem;
  }

  .session-chat-shell .chat-content li::marker {
    color: #9a948a;
  }

  .session-chat-shell .chat-attachments {
    max-height: 72px;
    margin-bottom: 8px;
    overflow-y: auto;
  }

  .session-chat-shell .chat-form {
    height: 62px;
    min-height: 62px;
    max-height: 62px;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-self: end;
    gap: 8px;
    border: 1px solid #ded8ce;
    border-radius: 31px;
    padding: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
      0 18px 42px rgba(39, 35, 29, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .session-chat-shell .chat-form:focus-within,
  .session-chat-shell .chat-form.thinking {
    border-color: #cfc7bb;
    box-shadow:
      0 20px 44px rgba(39, 35, 29, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  .session-chat-shell .chat-file-button {
    min-width: 44px;
    min-height: 44px;
    border-color: #e5dfd5;
    color: #4b4740;
    background: #fbfaf7;
    font-size: 1.12rem;
  }

  .session-chat-shell .chat-form input {
    min-width: 0;
    min-height: 44px;
    padding: 0 6px;
    color: #302d28;
    font-size: 0.95rem;
  }

  .session-chat-shell #chatButton {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    border-color: #1f1f1e;
    background: #1f1f1e;
  }

  .session-chat-shell #chatButton:disabled {
    opacity: 0.48;
  }
}

/* Elthos chat polish v81 */
@media (max-width: 620px) {
  .session-detail-view .session-chat-shell .chat-panel {
    --cortex-chat-line: rgba(38, 34, 28, 0.08);
    padding: calc(8px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));
    background:
      linear-gradient(180deg, #fffdfa 0%, #fbfaf6 42%, #f8f6f1 100%);
  }

  .mobile-meeting-chat-header {
    position: relative;
    grid-template-columns: 44px minmax(0, 1fr) 96px;
    min-height: 56px;
    padding: 0 0 8px;
    border-bottom-color: rgba(38, 34, 28, 0.08);
  }

  .mobile-meeting-chat-header strong {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: calc(100% - 172px);
    overflow: hidden;
    color: #292722;
    text-align: center;
    text-overflow: ellipsis;
    transform: translate(-50%, -58%);
    white-space: nowrap;
  }

  .mobile-meeting-chat-close {
    position: relative;
    z-index: 1;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    color: #827d74;
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
      inset 0 0 0 1px rgba(38, 34, 28, 0.06),
      0 10px 24px rgba(39, 35, 29, 0.05);
  }

  .mobile-meeting-chat-clear-button {
    position: relative;
    z-index: 1;
    width: 92px;
    min-width: 92px;
    min-height: 38px;
    padding: 0 14px;
    border-color: rgba(38, 34, 28, 0.08);
    color: #777168;
    background: rgba(255, 255, 255, 0.82);
    font-size: 0.76rem;
    line-height: 1;
    white-space: nowrap;
  }

  .session-chat-shell .suggestion-chips {
    display: flex;
    gap: 8px;
    margin: 0 -12px;
    padding: 12px 12px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom-color: rgba(38, 34, 28, 0.08);
    scroll-padding: 12px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .session-chat-shell .suggestion-chips::-webkit-scrollbar {
    display: none;
  }

  .session-chat-shell .suggestion-chips button {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    min-height: 38px;
    padding: 0 16px;
    overflow: visible;
    border-color: #e5ded3;
    color: #5b554c;
    background: rgba(255, 255, 255, 0.76);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      0 8px 18px rgba(42, 37, 30, 0.04);
    font-size: 0.78rem;
    text-overflow: clip;
    white-space: nowrap;
    scroll-snap-align: start;
  }

  .session-chat-shell .chat-messages {
    padding: 16px 2px 14px;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.82), transparent 34%),
      transparent;
  }

  .session-chat-shell .chat-message.assistant {
    border-color: rgba(43, 38, 31, 0.08);
    color: #403c35;
    background: rgba(244, 242, 236, 0.78);
  }

  .session-chat-shell .chat-message.assistant.project-thinking-message {
    width: fit-content;
    max-width: calc(100% - 20px);
  }

  .session-chat-shell .chat-message.assistant.project-thinking-message .project-thinking {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(36, 32, 27, 0.07);
    border-radius: 999px;
    color: #565048;
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
      0 12px 28px rgba(39, 35, 29, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
    font-size: 0.84rem;
    font-weight: 760;
  }

  .session-chat-shell .project-thinking-orb {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #eef3ff;
    box-shadow: none;
  }

  .session-chat-shell .project-thinking-orb::after {
    position: absolute;
    inset: 5px;
    border-radius: inherit;
    background: #5f8cff;
    content: "";
  }

  .session-chat-shell .project-thinking-stage {
    white-space: nowrap;
  }

  .session-chat-shell .project-thinking-dots {
    gap: 4px;
    margin-left: 1px;
  }

  .session-chat-shell .project-thinking-dots span {
    width: 4px;
    height: 4px;
    background: #aaa39a;
  }

  .session-chat-shell .chat-form {
    border-color: #ded6cb;
    background: rgba(255, 255, 255, 0.95);
  }
}

/* Elthos chat polish v82 */
@media (max-width: 620px) {
  .mobile-meeting-chat-header {
    grid-template-columns: 44px minmax(0, 1fr) 98px;
    column-gap: 8px;
  }

  .mobile-meeting-chat-close {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  .mobile-meeting-chat-header strong {
    z-index: 0;
    max-width: 138px;
  }

  .mobile-meeting-chat-clear-button {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    width: 94px;
    min-width: 94px;
    max-width: 94px;
  }
}

/* Session workspace redesign v83 */
.session-detail-view .session-workspace-shell,
.session-detail-view .session-chat-shell .chat-panel {
  height: calc(var(--app-visible-height, 100vh) - 44px);
  border-radius: 18px;
}

.session-detail-view .session-workspace-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 620px;
  border-color: rgba(31, 31, 33, 0.08);
  background: #f7f7f5;
  box-shadow: 0 24px 58px rgba(45, 48, 54, 0.1);
}

.session-workspace-header {
  position: relative;
  z-index: 2;
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(31, 31, 33, 0.08);
  background: rgba(248, 248, 246, 0.94);
}

.session-workspace-title-row,
.session-workspace-identity,
.session-workspace-actions {
  min-width: 0;
  display: flex;
  align-items: center;
}

.session-workspace-title-row {
  flex: 1 1 auto;
  gap: 14px;
}

.session-workspace-identity {
  flex: 1 1 auto;
  gap: 14px;
}

.session-workspace-mark {
  width: 34px;
  min-width: 34px;
  height: 22px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 31% 50%, #202020 0 8px, transparent 8.5px),
    radial-gradient(circle at 69% 50%, #202020 0 8px, transparent 8.5px);
}

.session-workspace-header .back-button {
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  border-color: rgba(31, 31, 33, 0.08);
  background: #fbfbfa;
  box-shadow: none;
}

.session-workspace-header .session-title-block {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.session-workspace-header .rename-row {
  gap: 9px;
}

.session-workspace-header #sessionTitle {
  max-width: min(46vw, 680px);
  color: #30312d;
  font-size: 1.16rem;
  font-weight: 720;
  line-height: 1.18;
}

.session-workspace-header #renameSessionButton {
  min-height: 30px;
  padding: 0 10px;
  border-color: rgba(31, 31, 33, 0.08);
  background: rgba(255, 255, 255, 0.72);
  color: #6d6b66;
  box-shadow: none;
  font-size: 0.78rem;
}

.session-workspace-header .session-meta {
  gap: 6px;
}

.session-workspace-header .session-meta span {
  min-height: 26px;
  padding: 3px 9px;
  border-color: rgba(31, 31, 33, 0.07);
  background: rgba(255, 255, 255, 0.64);
  color: #77746f;
  font-size: 0.76rem;
}

.session-workspace-actions {
  justify-content: flex-end;
  gap: 8px;
}

.session-workspace-actions .session-info-button {
  display: none;
}

.session-share-button {
  min-height: 42px;
  border-radius: 12px;
  border-color: rgba(31, 31, 33, 0.1);
  padding: 0 18px;
  color: #242521;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 10px 24px rgba(41, 44, 50, 0.06);
  font-size: 0.9rem;
  font-weight: 650;
}

.session-share-button:hover,
.session-share-button:focus-visible {
  border-color: rgba(31, 31, 33, 0.16);
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 12px 28px rgba(41, 44, 50, 0.08);
  outline: none;
}

.session-workspace-body {
  min-height: 0;
  display: grid;
  grid-template-columns: 196px minmax(0, 1fr) 286px;
  grid-template-areas: "nav main deadlines";
  background: #fbfbfa;
}

.session-vertical-nav {
  grid-area: nav;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 28px 16px;
  border-right: 1px solid rgba(31, 31, 33, 0.08);
  border-bottom: 0;
  background: #f2f2ef;
  overflow: auto;
  backdrop-filter: none;
}

.session-vertical-nav .tab {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  justify-content: flex-start;
  gap: 12px;
  border: 0;
  border-radius: 8px;
  padding: 0 13px;
  background: transparent;
  color: #6c6963;
  box-shadow: none;
  font-size: 0.94rem;
  font-weight: 620;
  line-height: 1.18;
  text-align: left;
  white-space: normal;
}

.session-vertical-nav .tab::before {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-color: transparent;
  border-radius: 999px;
  background: transparent;
  color: #77746f;
  box-shadow: none;
  font-size: 0.86rem;
}

.session-vertical-nav .tab[data-tab="insights"] {
  --tab-symbol: "i";
}

.session-vertical-nav .tab[data-tab="decisions"] {
  --tab-symbol: "D";
}

.session-vertical-nav .tab[data-tab="questions"] {
  --tab-symbol: "?";
}

.session-vertical-nav .tab[data-tab="context"] {
  --tab-symbol: "#";
}

.session-vertical-nav .tab[data-tab="transcript"] {
  --tab-symbol: "T";
}

.session-vertical-nav .tab:hover,
.session-vertical-nav .tab:focus-visible {
  background: rgba(255, 255, 255, 0.58);
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.session-vertical-nav .tab.active {
  color: #242521;
  background: #e5e2dc;
  border-color: transparent;
  box-shadow: none;
}

.session-vertical-nav .tab.active::before {
  color: #242521;
  background: transparent;
  border-color: transparent;
}

.session-workspace-main {
  grid-area: main;
  min-width: 0;
  min-height: 0;
  padding: 30px 28px;
  overflow: auto;
  background: #fbfbfa;
}

.session-workspace-main .tab-panel {
  min-width: 0;
  padding: 0;
}

.session-workspace-main .tab-panel.active {
  display: block;
}

.session-data-panel,
.session-data-panel[hidden],
#projectPanel[hidden] {
  display: none !important;
}

.session-section-heading {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.session-section-heading span,
.session-card-kicker {
  display: block;
  color: #8b8882;
  font-size: 0.76rem;
  font-weight: 760;
  line-height: 1.2;
}

.session-section-heading h3 {
  margin: 3px 0 0;
  color: #272824;
  font-size: 1.58rem;
  font-weight: 740;
  line-height: 1.08;
}

.session-section-heading #analyzeButton,
.session-section-heading #saveContextButton,
.session-section-heading #transcribeButton {
  min-height: 38px;
  border-radius: 999px;
  border-color: rgba(31, 31, 33, 0.09);
  background: #ffffff;
  box-shadow: none;
}

.session-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.session-overview-grid > .insight-card,
.session-workspace-main .session-list-card,
.session-recap-card,
.session-deadline-card {
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
}

.session-recap-card {
  grid-column: auto;
  min-height: 132px;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 24px 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 249, 250, 0.9));
}

.session-recap-card h3::before,
.session-recap-card .session-card-kicker::before {
  content: none;
}

.session-recap-card p {
  max-width: 58rem;
  margin: 0;
  color: #42423d;
  font-size: 1rem;
  font-weight: 460;
  line-height: 1.55;
}

.session-overview-grid > .summary-card,
.session-overview-grid > .task-card,
.session-workspace-main .session-list-card {
  grid-column: auto;
  order: initial;
  min-height: 0;
  overflow: hidden;
}

.session-overview-grid > .task-card {
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
}

.session-workspace-main .insight-card-header,
.session-workspace-main .insight-card-toggle {
  min-height: 54px;
  padding: 15px 18px;
}

.session-workspace-main .insight-card-header h3,
.session-workspace-main .insight-card-toggle span,
.session-workspace-main .insight-card-toggle strong {
  color: #30312d;
  font-size: 0.94rem;
  font-weight: 720;
}

.session-workspace-main .task-card .insight-card-toggle {
  padding: 15px 18px 8px;
}

.session-workspace-main .task-card .insight-card-toggle > span {
  display: grid;
  gap: 3px;
}

.session-workspace-main .task-card .insight-card-body {
  padding: 0 18px 18px;
}

.session-workspace-main .insight-card-body {
  padding: 0 18px 18px;
}

.session-workspace-main .insight-card-body ul,
.session-deadline-card ul {
  margin: 0;
  padding-left: 18px;
}

.session-workspace-main .insight-card-body li,
.session-deadline-card li {
  color: #55534d;
  font-size: 0.94rem;
  font-weight: 430;
  line-height: 1.5;
}

.session-workspace-main .insight-card-body li + li {
  margin-top: 8px;
}

.session-workspace-main .elthos-task-list {
  padding-left: 0;
}

.session-workspace-main .elthos-task-item {
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 10px;
  padding: 6px 0;
}

.session-question-grid {
  display: grid;
  gap: 16px;
}

.session-files-grid {
  gap: 14px;
}

.session-files-grid label,
.session-workspace-main .search-field {
  display: grid;
  gap: 8px;
  color: #68655f;
  font-size: 0.86rem;
  font-weight: 650;
}

.session-files-grid input,
.session-files-grid textarea,
.session-workspace-main #transcriptPanel input,
.session-workspace-main #transcriptPanel textarea {
  border-color: rgba(31, 31, 33, 0.09);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  color: #3d3d38;
  box-shadow: none;
}

.session-files-grid textarea {
  min-height: 190px;
}

.session-files-grid .context-file {
  min-height: 74px;
  align-content: center;
  border-color: rgba(31, 31, 33, 0.16);
  background: rgba(248, 249, 250, 0.9);
}

.session-files-grid .context-files {
  padding: 14px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
}

.session-workspace-main #transcriptPanel {
  display: none;
}

.session-workspace-main #transcriptPanel.active {
  display: grid;
  gap: 12px;
}

.session-workspace-main #transcriptText,
.session-workspace-main .transcript-playback {
  min-height: 420px;
  max-height: none;
  border-radius: 14px;
}

.has-recording-dock .session-workspace-main #transcriptPanel {
  padding-bottom: 168px;
}

.session-deadline-sidebar {
  grid-area: deadlines;
  min-width: 0;
  min-height: 0;
  padding: 30px 20px;
  border-left: 1px solid rgba(31, 31, 33, 0.08);
  background: #f2f2ef;
  overflow: auto;
}

.session-deadline-card {
  display: grid;
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
}

.session-deadline-card h3 {
  margin: -8px 0 10px;
  color: #33342f;
  font-size: 1.14rem;
  font-weight: 730;
  line-height: 1.2;
}

.session-deadline-card ul {
  display: grid;
  gap: 12px;
  padding-left: 0;
  list-style: none;
}

.session-deadline-card li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #5b5852;
}

.session-deadline-card li::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border: 1.5px solid #c9c5bc;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.64);
}

.session-deadline-card li.empty {
  grid-template-columns: minmax(0, 1fr);
  color: #8a867f;
}

.session-deadline-card li.empty::before {
  content: none;
}

:root[data-theme="dark"] .session-detail-view .session-workspace-shell,
:root[data-theme="dark"] .session-workspace-header,
:root[data-theme="dark"] .session-workspace-body,
:root[data-theme="dark"] .session-workspace-main,
:root[data-theme="dark"] .session-vertical-nav,
:root[data-theme="dark"] .session-deadline-sidebar {
  color: #2f2c27;
  background: #f7f7f5;
}

@media (max-width: 1320px) and (min-width: 921px) {
  .session-workspace-body {
    grid-template-columns: 176px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-areas:
      "nav main"
      "nav deadlines";
  }

  .session-deadline-sidebar {
    border-top: 1px solid rgba(31, 31, 33, 0.08);
    border-left: 0;
    padding: 22px 28px;
  }
}

@media (max-width: 920px) {
  .session-detail-view .session-workspace-shell {
    height: auto;
    min-height: calc(var(--app-visible-height, 100vh) - 24px);
  }

  .session-workspace-header {
    align-items: flex-start;
    padding: 16px;
  }

  .session-workspace-header #sessionTitle {
    max-width: 100%;
  }

  .session-workspace-body {
    grid-template-columns: 1fr;
    grid-template-areas:
      "nav"
      "main"
      "deadlines";
  }

  .session-vertical-nav {
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    border-right: 0;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08);
    overflow-x: auto;
  }

  .session-vertical-nav .tab {
    width: auto;
    min-width: max-content;
    min-height: 40px;
    padding: 0 13px;
    border-radius: 999px;
    white-space: nowrap;
  }

  .session-workspace-main {
    padding: 22px 18px;
    overflow: visible;
  }

  .session-deadline-sidebar {
    border-top: 1px solid rgba(31, 31, 33, 0.08);
    border-left: 0;
    padding: 20px 18px 24px;
  }
}

@media (max-width: 620px) {
  .session-detail-view .session-workspace-shell,
  .session-detail-view .session-chat-shell .chat-panel {
    border-radius: 18px;
  }

  .session-detail-view .session-workspace-shell {
    min-height: 0;
  }

  .session-workspace-header {
    min-height: 72px;
    gap: 10px;
  }

  .session-workspace-title-row {
    gap: 10px;
  }

  .session-workspace-mark,
  .session-workspace-header #renameSessionButton,
  .session-workspace-header .session-meta {
    display: none;
  }

  .session-workspace-header #sessionTitle {
    font-size: 1.08rem;
  }

  .session-workspace-actions .session-info-button {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    padding: 0;
    border-radius: 999px;
    color: #ffffff;
    background: #1f1f21;
    border-color: #1f1f21;
  }

  .session-share-button {
    min-height: 40px;
    padding: 0 13px;
    border-radius: 999px;
    font-size: 0.84rem;
  }

  .session-section-heading {
    align-items: flex-start;
    margin-bottom: 14px;
  }

  .session-section-heading h3 {
    font-size: 1.28rem;
  }

  .session-overview-grid,
  .session-question-grid {
    gap: 12px;
  }

  .session-recap-card {
    min-height: 112px;
    padding: 18px;
  }

  .session-workspace-main .insight-card-header,
  .session-workspace-main .insight-card-toggle {
    min-height: 48px;
    padding: 13px 14px;
  }

  .session-workspace-main .insight-card-body,
  .session-workspace-main .task-card .insight-card-body {
    padding: 0 14px 14px;
  }

  .session-workspace-main #transcriptText,
  .session-workspace-main .transcript-playback {
    min-height: 330px;
  }
}

/* Session workspace organization v84 */
.session-detail-view .session-workspace-shell {
  background: #f6f6f3;
}

.session-workspace-header {
  min-height: 86px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px 24px;
  background: #f7f7f4;
}

.session-workspace-title-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

.session-workspace-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.session-workspace-mark {
  justify-self: center;
}

.session-workspace-header .session-title-block {
  min-width: 0;
  gap: 0;
}

.session-workspace-header .rename-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, auto) auto;
  justify-content: start;
  align-items: center;
  gap: 10px;
}

.session-workspace-header #sessionTitle {
  max-width: min(580px, 100%);
  overflow: hidden;
  color: #2f302c;
  font-size: 1.16rem;
  font-weight: 730;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-workspace-header .session-meta {
  display: none;
}

.session-workspace-actions {
  align-self: center;
}

.session-share-button {
  min-width: 84px;
  min-height: 40px;
  border-radius: 12px;
  box-shadow: none;
}

.session-workspace-body {
  grid-template-columns: 176px minmax(420px, 1fr) 264px;
  background: #fbfbf9;
}

.session-vertical-nav {
  padding: 24px 14px;
  background: #f1f1ee;
}

.session-vertical-nav .tab {
  min-height: 44px;
  justify-content: flex-start;
  gap: 0;
  padding: 0 14px;
  color: #6f6c66;
  font-size: 0.9rem;
  line-height: 1.16;
}

.session-vertical-nav .tab::before {
  content: none;
}

.session-vertical-nav .tab.active {
  background: #e4e1dc;
}

.session-workspace-main {
  padding: 26px 24px 30px;
}

.session-section-heading {
  min-height: 38px;
  margin-bottom: 16px;
}

.session-section-heading h3 {
  font-size: 1.38rem;
  line-height: 1.12;
}

.session-section-heading #analyzeButton,
.session-section-heading #saveContextButton,
.session-section-heading #transcribeButton {
  min-height: 36px;
  padding: 0 14px;
}

.session-overview-grid {
  gap: 14px;
}

.session-recap-card {
  min-height: 108px;
  padding: 18px 20px;
}

.session-recap-card p {
  font-size: 0.98rem;
  line-height: 1.5;
}

.session-overview-grid > .insight-card,
.session-workspace-main .session-list-card {
  border-radius: 12px;
}

.session-workspace-main .insight-card-header,
.session-workspace-main .insight-card-toggle {
  min-height: 48px;
  padding: 13px 16px;
}

.session-workspace-main .insight-card-body,
.session-workspace-main .task-card .insight-card-body {
  padding: 0 16px 16px;
}

.session-workspace-main .insight-card-body li,
.session-deadline-card li,
.session-workspace-main .elthos-task-main span {
  font-size: 0.9rem;
  line-height: 1.45;
}

.session-workspace-main .elthos-task-main strong {
  font-size: 0.92rem;
}

.session-deadline-sidebar {
  padding: 26px 18px;
  background: #f1f1ee;
}

.session-deadline-card {
  gap: 10px;
}

.session-deadline-card h3 {
  margin: 0 0 12px;
  font-size: 1.04rem;
}

.session-deadline-card ul {
  gap: 12px;
}

.session-deadline-card li {
  grid-template-columns: 17px minmax(0, 1fr);
  gap: 10px;
}

.session-deadline-card li::before {
  width: 15px;
  height: 15px;
  border-radius: 4px;
}

@media (max-width: 1500px) and (min-width: 921px) {
  .session-workspace-header #sessionTitle {
    max-width: min(460px, 100%);
  }

  .session-workspace-body {
    grid-template-columns: 168px minmax(390px, 1fr) 248px;
  }
}

@media (max-width: 1280px) and (min-width: 921px) {
  .session-workspace-body {
    grid-template-columns: 160px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-areas:
      "nav main"
      "nav deadlines";
  }

  .session-deadline-sidebar {
    border-top: 1px solid rgba(31, 31, 33, 0.08);
    border-left: 0;
    padding: 18px 24px 22px;
  }

  .session-deadline-card ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .session-workspace-header {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px;
  }

  .session-workspace-title-row {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }

  .session-workspace-identity {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Restore phone session layout v85 */
@media (max-width: 920px) {
  .session-detail-view .session-detail-layout {
    width: 100%;
    display: block;
  }

  .session-detail-view .session-workspace-shell {
    display: block;
    height: auto;
    min-height: calc(var(--app-visible-height, 100vh) - 24px);
    overflow: hidden;
  }

  .session-workspace-body {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .session-vertical-nav {
    width: 100%;
    min-width: 0;
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    border-right: 0;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08);
    overflow-x: auto;
    overflow-y: hidden;
    background: rgba(248, 249, 252, 0.86);
    scrollbar-width: none;
  }

  .session-vertical-nav::-webkit-scrollbar {
    display: none;
  }

  .session-vertical-nav .tab {
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
    min-height: 38px;
    border: 1px solid rgba(31, 31, 33, 0.07);
    border-radius: 999px;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.74);
    white-space: nowrap;
  }

  .session-vertical-nav .tab.active {
    border-color: transparent;
    background: #e7e3dd;
  }

  .session-workspace-main {
    width: 100%;
    min-width: 0;
    padding: 20px 18px 22px;
    overflow: visible;
  }

  .session-deadline-sidebar {
    width: 100%;
    min-width: 0;
    padding: 18px;
    border-top: 1px solid rgba(31, 31, 33, 0.08);
    border-left: 0;
  }

  .session-deadline-card ul {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .session-workspace-header {
    min-height: 68px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
  }

  .session-workspace-title-row {
    display: contents;
  }

  .session-workspace-header .back-button {
    grid-column: 1;
    grid-row: 1;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .session-workspace-identity {
    grid-column: 2;
    grid-row: 1;
    display: block;
    min-width: 0;
  }

  .session-workspace-mark {
    display: none;
  }

  .session-workspace-header .rename-row {
    display: block;
    min-width: 0;
  }

  .session-workspace-header #sessionTitle {
    max-width: 100%;
    font-size: 1.08rem;
    line-height: 1.12;
    white-space: nowrap;
  }

  .session-workspace-header #renameSessionButton,
  .session-workspace-header .session-meta,
  .session-share-button {
    display: none;
  }

  .session-workspace-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .session-workspace-actions .session-info-button {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    padding: 0;
    border-radius: 999px;
    color: #ffffff;
    background: #1f1f21;
    border-color: #1f1f21;
  }

  .session-section-heading {
    min-height: 36px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
    margin-bottom: 14px;
  }

  .session-section-heading h3 {
    font-size: 1.26rem;
    line-height: 1.12;
  }

  .session-section-heading #analyzeButton,
  .session-section-heading #saveContextButton,
  .session-section-heading #transcribeButton {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.8rem;
  }

  .session-recap-card,
  .session-overview-grid > .insight-card,
  .session-workspace-main .session-list-card {
    width: 100%;
  }

  .session-recap-card {
    min-height: auto;
    padding: 16px;
  }

  .session-recap-card p {
    font-size: 0.95rem;
    line-height: 1.45;
  }
}

/* Native phone session UI v86 */
@media (max-width: 620px) {
  body.session-detail-view {
    overflow: hidden;
    background: #f7f7f8;
  }

  .session-detail-view .workspace {
    width: 100%;
    max-width: none;
    height: var(--app-visible-height, 100svh);
    min-height: 0;
    display: block;
    padding: 0;
    overflow: hidden;
  }

  .session-detail-view .session-detail-layout {
    width: 100%;
    height: var(--app-visible-height, 100svh);
    min-width: 0;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .session-detail-view .session-workspace-shell {
    width: 100%;
    height: var(--app-visible-height, 100svh);
    min-height: 0;
    display: block;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #f7f7f8;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .session-workspace-header {
    position: sticky;
    top: 0;
    z-index: 12;
    min-height: 66px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08);
    background: rgba(247, 247, 248, 0.96);
    backdrop-filter: blur(18px) saturate(1.04);
    -webkit-backdrop-filter: blur(18px) saturate(1.04);
  }

  .session-workspace-title-row {
    display: contents;
  }

  .session-workspace-header .back-button {
    grid-column: 1;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    border-color: rgba(31, 31, 33, 0.08);
    background: rgba(255, 255, 255, 0.82);
  }

  .session-workspace-identity {
    grid-column: 2;
    display: block;
    min-width: 0;
  }

  .session-workspace-mark,
  .session-workspace-header #renameSessionButton,
  .session-workspace-header .session-meta,
  .session-share-button {
    display: none;
  }

  .session-workspace-header .rename-row {
    display: block;
    min-width: 0;
  }

  .session-workspace-header #sessionTitle {
    max-width: 100%;
    overflow: hidden;
    color: #232426;
    font-size: 1.08rem;
    font-weight: 760;
    line-height: 1.14;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .session-workspace-actions {
    grid-column: 3;
    justify-self: end;
  }

  .session-workspace-actions .session-info-button {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    padding: 0;
    border-radius: 999px;
    color: #ffffff;
    background: #1f1f21;
    border-color: #1f1f21;
  }

  .session-workspace-body {
    width: 100%;
    min-width: 0;
    display: block;
    background: #f7f7f8;
    overflow: visible;
  }

  .session-vertical-nav {
    position: sticky;
    top: 66px;
    z-index: 11;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    gap: 8px;
    padding: 9px 14px;
    border-right: 0;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08);
    background: rgba(247, 247, 248, 0.96);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .session-vertical-nav::-webkit-scrollbar {
    display: none;
  }

  .session-vertical-nav .tab {
    flex: 0 0 auto;
    width: auto;
    min-width: auto;
    min-height: 38px;
    justify-content: center;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 999px;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.72);
    color: rgba(31, 31, 33, 0.66);
    box-shadow: none;
    font-size: 0.86rem;
    font-weight: 680;
    line-height: 1;
    white-space: nowrap;
  }

  .session-vertical-nav .tab::before {
    content: none;
  }

  .session-vertical-nav .tab.active {
    color: #252525;
    border-color: transparent;
    background: #e6e2dc;
  }

  .session-workspace-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: block;
    padding: 18px 14px calc(118px + env(safe-area-inset-bottom));
    background: #f7f7f8;
    overflow: visible;
  }

  .session-workspace-main .tab-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
  }

  .session-workspace-main .tab-panel.active {
    display: block;
  }

  .session-section-heading {
    min-height: 0;
    display: block;
    margin: 0 0 12px;
  }

  .session-section-heading span,
  .session-card-kicker {
    color: rgba(31, 31, 33, 0.48);
    font-size: 0.74rem;
    font-weight: 760;
    letter-spacing: 0;
  }

  .session-section-heading h3 {
    margin-top: 3px;
    color: #232426;
    font-size: 1.38rem;
    font-weight: 780;
    line-height: 1.08;
  }

  .session-section-heading #analyzeButton,
  .session-section-heading #saveContextButton,
  .session-section-heading #transcribeButton {
    width: 100%;
    min-height: 42px;
    justify-content: center;
    margin-top: 12px;
    border-radius: 14px;
    background: #ffffff;
  }

  .session-overview-grid,
  .session-question-grid,
  .context-grid,
  .session-files-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .session-recap-card,
  .session-overview-grid > .insight-card,
  .session-workspace-main .session-list-card,
  .session-workspace-main .context-files,
  .session-workspace-main .context-file,
  .session-workspace-main input,
  .session-workspace-main textarea,
  .session-workspace-main .transcript-playback {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .session-recap-card,
  .session-overview-grid > .insight-card,
  .session-workspace-main .session-list-card {
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: none;
    overflow: hidden;
  }

  .session-recap-card {
    min-height: auto;
    display: block;
    padding: 16px;
  }

  .session-recap-card p {
    max-width: none;
    margin-top: 10px;
    color: rgba(31, 31, 33, 0.74);
    font-size: 1rem;
    font-weight: 430;
    line-height: 1.45;
  }

  .session-workspace-main .insight-card-header,
  .session-workspace-main .insight-card-toggle {
    min-height: 48px;
    padding: 13px 16px;
  }

  .session-workspace-main .insight-card-header h3,
  .session-workspace-main .insight-card-toggle span,
  .session-workspace-main .insight-card-toggle strong {
    color: #2f3032;
    font-size: 1rem;
    font-weight: 720;
    line-height: 1.18;
  }

  .session-workspace-main .insight-card-body,
  .session-workspace-main .task-card .insight-card-body {
    padding: 0 16px 16px;
  }

  .session-workspace-main .insight-card-body ul {
    max-width: 100%;
    margin: 0;
    padding-left: 18px;
  }

  .session-workspace-main .elthos-task-list {
    padding-left: 0;
    list-style: none;
  }

  .session-workspace-main .insight-card-body li,
  .session-workspace-main .elthos-task-main span,
  .session-workspace-main .elthos-task-main strong,
  .session-recap-card p,
  .session-workspace-main .context-files,
  .session-workspace-main .transcript-line {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .session-workspace-main .elthos-task-item {
    grid-template-columns: 8px minmax(0, 1fr);
  }

  .session-files-grid label,
  .session-workspace-main .search-field {
    min-width: 0;
    color: rgba(31, 31, 33, 0.66);
  }

  .session-files-grid input,
  .session-files-grid textarea,
  .session-workspace-main #transcriptPanel input,
  .session-workspace-main #transcriptPanel textarea {
    border-color: rgba(31, 31, 33, 0.08);
    border-radius: 16px;
    background: #ffffff;
    font-size: 16px;
  }

  .session-workspace-main #transcriptText,
  .session-workspace-main .transcript-playback {
    min-height: 320px;
    max-height: none;
    border-radius: 18px;
  }

  .session-workspace-main #transcriptPanel.active {
    display: grid;
    gap: 12px;
  }

  .session-deadline-sidebar {
    display: none;
  }

  .transcript-locator {
    bottom: calc(92px + env(safe-area-inset-bottom));
  }

  .mobile-meeting-chat-launcher {
    z-index: 80;
  }
}

/* Overview deadline checklist v87 */
.deadline-overview-card .deadline-checklist {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.deadline-overview-card .deadline-checklist li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #55534d;
}

.deadline-overview-card .deadline-checklist li::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 3px;
  border: 1.5px solid #c9c5bc;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.72);
}

.deadline-overview-card .deadline-checklist li.empty {
  grid-template-columns: minmax(0, 1fr);
  color: rgba(31, 31, 33, 0.48);
}

.deadline-overview-card .deadline-checklist li.empty::before {
  content: none;
}

.session-deadline-heading,
.deadline-card-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.session-deadline-heading h3 {
  margin: -8px 0 10px;
}

.session-deadline-add-button {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(214, 224, 94, 0.46);
  border-radius: 999px;
  background: #f3f8c8;
  color: #2e302c;
  box-shadow: 0 10px 24px rgba(31, 31, 33, 0.06);
  font-size: 1.22rem;
  font-weight: 650;
  line-height: 1;
}

.session-deadline-add-button:hover,
.session-deadline-add-button:focus-visible {
  background: #eff7a9;
  outline: none;
  transform: translateY(-1px);
}

.deadline-card-toolbar .session-deadline-add-button {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  box-shadow: none;
  font-size: 1.08rem;
}

.session-deadline-task-form {
  grid-template-columns: 1fr;
  margin: -4px 0 2px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
}

.deadline-overview-card .session-deadline-task-form {
  margin: 0 0 12px;
}

.session-deadline-card .deadline-checklist,
.deadline-overview-card .deadline-checklist {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.session-deadline-card .deadline-checklist .deadline-checklist-item,
.deadline-overview-card .deadline-checklist .deadline-checklist-item {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #55534d;
}

.session-deadline-card .deadline-checklist .deadline-checklist-item::before,
.deadline-overview-card .deadline-checklist .deadline-checklist-item::before {
  content: none;
}

.deadline-check-button {
  width: 28px;
  min-width: 28px;
  min-height: 28px;
  margin-top: 1px;
  padding: 0;
  border: 2px solid #c9c5bc;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  color: #2f6b47;
  box-shadow: none;
  font-size: 0.98rem;
  font-weight: 760;
  line-height: 1;
}

.deadline-check-content {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  text-align: left;
}

.deadline-check-text {
  color: #55534d;
  font-size: 0.94rem;
  font-weight: 430;
  line-height: 1.45;
}

.deadline-check-meta {
  color: rgba(31, 31, 33, 0.48);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.25;
}

.deadline-checklist-item.done .deadline-check-button {
  border-color: rgba(47, 107, 71, 0.55);
  background: rgba(47, 107, 71, 0.12);
}

.deadline-checklist-item.done .deadline-check-text,
.deadline-checklist-item.done .deadline-check-meta {
  color: rgba(31, 31, 33, 0.46);
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}

.deadline-check-content:hover .deadline-check-text,
.deadline-check-content:focus-visible .deadline-check-text {
  color: #272824;
}

.deadline-check-content:focus-visible,
.deadline-check-button:focus-visible {
  outline: 2px solid rgba(31, 31, 33, 0.18);
  outline-offset: 2px;
}

.session-deadline-card .deadline-checklist li.empty,
.deadline-overview-card .deadline-checklist li.empty {
  display: block;
  color: #8a867f;
}

@media (max-width: 620px) {
  .deadline-overview-card .deadline-checklist {
    gap: 11px;
  }

  .deadline-overview-card .deadline-checklist li {
    color: rgba(31, 31, 33, 0.72);
    font-size: 1rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
}

/* Desktop session header repair v88 */
@media (min-width: 621px) {
  .session-workspace-header {
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 14px 20px;
    background: #f7f7f4;
  }

  .session-workspace-title-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
  }

  .session-workspace-header .back-button,
  .session-workspace-header .session-title-block,
  .session-workspace-header .session-meta {
    grid-area: auto;
  }

  .session-workspace-header .back-button {
    justify-self: start;
    align-self: center;
    order: initial;
  }

  .session-workspace-identity {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
  }

  .session-workspace-mark {
    width: 34px;
    min-width: 34px;
    justify-self: start;
  }

  .session-workspace-header .session-title-block {
    min-width: 0;
    display: grid;
    gap: 7px;
  }

  .session-workspace-header .rename-row {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .session-workspace-header #sessionTitle {
    display: block;
    max-width: min(680px, 100%);
    min-width: 0;
    overflow: hidden;
    color: #2f302c;
    font-size: 1.14rem;
    font-weight: 740;
    line-height: 1.16;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .session-workspace-header #renameSessionButton {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 999px;
  }

  .session-workspace-header .session-meta {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .session-workspace-header .session-meta span {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid rgba(31, 31, 33, 0.07);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    color: #77746f;
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1;
  }

  .session-workspace-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
  }

  .session-workspace-actions .session-info-button {
    display: none;
  }

  .session-delete-button {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 12px;
    border-color: rgba(31, 31, 33, 0.1);
    color: #7a3d3d;
    background: #ffffff;
    box-shadow: none;
  }

  .session-delete-button svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
  }

  .session-delete-button:hover,
  .session-delete-button:focus-visible {
    color: #a42626;
    border-color: rgba(164, 38, 38, 0.18);
    background: #fff7f7;
    outline: none;
  }

  .session-delete-button:disabled {
    color: rgba(31, 31, 33, 0.28);
    background: rgba(255, 255, 255, 0.6);
    cursor: not-allowed;
  }

  .session-share-button {
    min-width: 84px;
    min-height: 40px;
    border-radius: 12px;
  }
}

@media (max-width: 620px) {
  .session-delete-button {
    display: none;
  }
}

/* Session symbols v89 */
.session-vertical-nav .tab {
  gap: 10px;
}

.session-vertical-nav .tab-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  color: rgba(31, 31, 33, 0.48);
}

.session-vertical-nav .tab-icon svg {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.session-vertical-nav .tab.active .tab-icon {
  color: #242521;
}

.session-workspace-mark {
  box-shadow: inset 0 0 0 1px rgba(31, 31, 33, 0.04);
}

.session-deadline-card h3,
.deadline-overview-card .insight-card-header h3 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.session-deadline-card h3::before,
.deadline-overview-card .insight-card-header h3::before {
  content: "";
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: inline-block;
  background: currentColor;
  opacity: 0.62;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M7%203.8v3.4M17%203.8v3.4M4.8%208.2h14.4M5.5%205.6h13v13h-13zM9.2%2014.1l1.8%201.8%203.8-4.2%27/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M7%203.8v3.4M17%203.8v3.4M4.8%208.2h14.4M5.5%205.6h13v13h-13zM9.2%2014.1l1.8%201.8%203.8-4.2%27/%3E%3C/svg%3E") center / contain no-repeat;
}

.session-share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.session-share-button::before {
  content: "";
  width: 17px;
  min-width: 17px;
  height: 17px;
  display: inline-block;
  background: currentColor;
  opacity: 0.58;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M8.2%2012.7l7.6-7.6M10.8%204.8h5.3v5.3M15.5%2012.4v5.8H5.8V8.5h5.8%27/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M8.2%2012.7l7.6-7.6M10.8%204.8h5.3v5.3M15.5%2012.4v5.8H5.8V8.5h5.8%27/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 620px) {
  .session-vertical-nav .tab {
    gap: 7px;
  }

  .session-vertical-nav .tab-icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
  }

  .session-vertical-nav .tab-icon svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
  }

  .session-deadline-card h3::before,
  .deadline-overview-card .insight-card-header h3::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
}

/* Hide duplicate overview deadlines on desktop v90 */
@media (min-width: 621px) {
  .deadline-overview-card {
    display: none !important;
  }
}

/* Professional recording player v91 */
.recording-dock {
  bottom: calc(20px + env(safe-area-inset-bottom));
  padding: 12px;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 248, 247, 0.92));
  box-shadow:
    0 24px 64px rgba(20, 24, 31, 0.18),
    0 6px 18px rgba(20, 24, 31, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(24px) saturate(1.08);
  -webkit-backdrop-filter: blur(24px) saturate(1.08);
}

.recording-dock-meta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 0 4px 10px;
  color: rgba(31, 31, 33, 0.52);
  font-size: 0.78rem;
  line-height: 1.2;
}

.recording-dock-meta strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #242521;
  font-size: 0.84rem;
  font-weight: 760;
}

.recording-dock-meta strong::before {
  content: "";
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: inline-block;
  border: 0;
  border-radius: 8px;
  color: #315da8;
  background: currentColor;
  opacity: 0.72;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M6%2010v4M10%207v10M14%205v14M18%209v6%27/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M6%2010v4M10%207v10M14%205v14M18%209v6%27/%3E%3C/svg%3E") center / contain no-repeat;
}

#recordingDockStatus {
  min-width: 0;
  overflow: hidden;
  color: rgba(31, 31, 33, 0.5);
  font-size: 0.78rem;
  font-weight: 650;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recording-dock-player {
  min-height: 62px;
  display: grid;
  grid-template-columns: 48px 42px minmax(0, 1fr) 42px 42px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 18px;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 10px 26px rgba(20, 24, 31, 0.06);
}

.recording-play-button {
  width: 48px;
  min-width: 48px;
  min-height: 48px;
  display: inline-grid;
  place-items: center;
  color: #ffffff;
  border-color: #1f1f21;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(180deg, #25262a, #111214);
  box-shadow:
    0 12px 24px rgba(20, 24, 31, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  font-size: 0;
}

.recording-play-button:hover,
.recording-play-button:focus-visible {
  color: #ffffff;
  border-color: #1f1f21;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.2), transparent 34%),
    linear-gradient(180deg, #292a2f, #111214);
  box-shadow:
    0 14px 28px rgba(20, 24, 31, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  outline: none;
}

.recording-play-button:disabled {
  color: rgba(255, 255, 255, 0.84);
  border-color: rgba(31, 31, 33, 0.32);
  background: #9ca0a7;
  box-shadow: none;
  cursor: not-allowed;
}

.recording-play-button span {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  transform: none;
  color: currentColor;
  font-size: 0;
}

.recording-play-button span::before {
  content: "";
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid currentColor;
}

.recording-play-button.is-playing span::before {
  width: 14px;
  height: 16px;
  margin-left: 0;
  border: 0;
  background: linear-gradient(90deg, currentColor 0 35%, transparent 35% 65%, currentColor 65% 100%);
}

.recording-play-button.is-loading span::before {
  width: 17px;
  height: 17px;
  margin-left: 0;
  border: 2px solid rgba(255, 255, 255, 0.42);
  border-top-color: #ffffff;
  border-radius: 999px;
  animation: recordingPlayerSpin 760ms linear infinite;
}

.recording-time {
  min-width: 42px;
  color: rgba(31, 31, 33, 0.6);
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: 0;
  text-align: center;
}

.recording-scrubber {
  height: 24px;
  cursor: pointer;
}

.recording-scrubber:disabled {
  cursor: not-allowed;
  opacity: 0.68;
}

.recording-scrubber::-webkit-slider-runnable-track {
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1f1f21 var(--recording-progress, 0%), rgba(31, 31, 33, 0.1) var(--recording-progress, 0%));
}

.recording-scrubber::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  margin-top: -5.5px;
  border: 3px solid #ffffff;
  background: #1f1f21;
  box-shadow:
    0 6px 16px rgba(20, 24, 31, 0.24),
    0 0 0 1px rgba(31, 31, 33, 0.08);
}

.recording-scrubber::-moz-range-track,
.recording-scrubber::-moz-range-progress {
  height: 7px;
}

.recording-scrubber::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 3px solid #ffffff;
  background: #1f1f21;
  box-shadow:
    0 6px 16px rgba(20, 24, 31, 0.24),
    0 0 0 1px rgba(31, 31, 33, 0.08);
}

.recording-icon-button {
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  display: inline-grid;
  place-items: center;
  color: rgba(31, 31, 33, 0.7);
  border-color: rgba(31, 31, 33, 0.08);
  background: rgba(31, 31, 33, 0.045);
}

.recording-icon-button:hover,
.recording-icon-button:focus-visible {
  color: #1f1f21;
  border-color: rgba(31, 31, 33, 0.12);
  background: rgba(31, 31, 33, 0.07);
}

.recording-icon-button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.has-recording-dock .session-workspace-main #transcriptPanel {
  padding-bottom: 150px;
}

@keyframes recordingPlayerSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 620px) {
  .recording-dock {
    bottom: calc(12px + env(safe-area-inset-bottom));
    padding: 10px;
    border-radius: 24px;
  }

  .recording-dock-meta {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    margin: 0 4px 9px;
  }

  #recordingDockStatus {
    text-align: left;
  }

  .recording-dock-player {
    min-height: 72px;
    grid-template-columns: 48px minmax(0, 1fr) 42px;
    grid-template-rows: auto auto;
    gap: 6px 10px;
    padding: 10px;
    border-radius: 18px;
  }

  .recording-play-button {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .recording-scrubber {
    grid-column: 2;
    grid-row: 1;
  }

  #audioMuteButton {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  #audioCurrentTime {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }

  #audioDuration {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }

  .recording-time {
    min-width: 0;
    font-size: 0.78rem;
  }
}

/* Distinct insight card symbols v92 */
.session-workspace-main .insight-card-header h3::before,
.session-workspace-main .task-card .insight-card-toggle strong::before {
  content: "";
  width: 23px;
  min-width: 23px;
  height: 23px;
  display: inline-block;
  border: 0;
  border-radius: 0;
  background: currentColor;
  box-shadow: none;
  opacity: 0.68;
  -webkit-mask: var(--section-symbol) center / contain no-repeat;
  mask: var(--section-symbol) center / contain no-repeat;
}

.session-workspace-main .insight-card-header h3,
.session-workspace-main .task-card .insight-card-toggle strong {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.session-workspace-main .summary-card .insight-card-header h3 {
  --section-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M6%204.8h12v14.4H6zM9%208.5h6M9%2012h6M9%2015.5h3.6%27/%3E%3C/svg%3E");
  color: #5f6875;
}

.session-workspace-main .task-card .insight-card-toggle strong {
  --section-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M4.8%2012.2l3%203%205.9-7M14%2012h5.2M14%2016h5.2%27/%3E%3C/svg%3E");
  color: #315f46;
}

.session-workspace-main .decision-card .insight-card-header h3 {
  --section-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M8.3%206.2c-2.1%201.4-3.2%203.2-3.2%205.5v5.1h5.2v-5.1H7.8c.1-1.2.7-2.1%201.9-2.9L8.3%206.2ZM16.5%206.2c-2.1%201.4-3.2%203.2-3.2%205.5v5.1h5.2v-5.1H16c.1-1.2.7-2.1%201.9-2.9l-1.4-2.6Z%27/%3E%3C/svg%3E");
  color: #5d5a54;
}

.session-workspace-main .unresolved-card .insight-card-header h3 {
  --section-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%2018.3h.1M9.4%209.1a2.9%202.9%200%201%201%204.9%202.1c-1.1%201-2.1%201.7-2.1%203.2M4.8%2012a7.2%207.2%200%201%200%2014.4%200%207.2%207.2%200%200%200-14.4%200Z%27/%3E%3C/svg%3E");
  color: #556579;
}

.session-workspace-main .review-card .insight-card-header h3 {
  --section-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%204.6l8%2014H4l8-14ZM12%209.2v4.5M12%2016.8h.1%27/%3E%3C/svg%3E");
  color: #8a6230;
}

.session-workspace-main .deadline-overview-card .insight-card-header h3 {
  --section-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M7%203.8v3.4M17%203.8v3.4M4.8%208.2h14.4M5.5%205.6h13v13h-13zM9.2%2014.1l1.8%201.8%203.8-4.2%27/%3E%3C/svg%3E");
  color: #5f6875;
}

@media (max-width: 620px) {
  .session-workspace-main .insight-card-header h3::before,
  .session-workspace-main .task-card .insight-card-toggle strong::before {
    width: 21px;
    min-width: 21px;
    height: 21px;
  }
}

/* Modern icon badge polish v94 */
.session-vertical-nav .tab {
  gap: 12px;
}

.session-vertical-nav .tab-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 11px;
  color: #6b6f76;
  background: rgba(255, 255, 255, 0.54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.session-vertical-nav .tab-icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.15;
}

.session-vertical-nav .tab.active .tab-icon {
  color: #1f1f21;
  border-color: rgba(31, 31, 33, 0.1);
  background: rgba(255, 255, 255, 0.78);
}

.session-workspace-main .insight-card-header h3::before,
.session-workspace-main .task-card .insight-card-toggle strong::before {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 1px solid var(--section-badge-border, rgba(31, 31, 33, 0.08));
  border-radius: 12px;
  background:
    var(--section-icon) center / 18px 18px no-repeat,
    var(--section-badge-bg, #f4f5f6);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 8px 18px rgba(31, 31, 33, 0.04);
  opacity: 1;
  -webkit-mask: none;
  mask: none;
}

.session-workspace-main .summary-card .insight-card-header h3 {
  --section-badge-bg: #f3f6f8;
  --section-badge-border: rgba(84, 96, 112, 0.12);
  --section-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%235a6573%27%20stroke-width%3D%272.15%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M6.8%204.8h7.5l3%203v11.4H6.8zM14.1%204.9v3.2h3M9.4%2012.2h5.2M9.4%2015.5h3.4%27/%3E%3C/svg%3E");
  color: #2f3032;
}

.session-workspace-main .task-card .insight-card-toggle strong {
  --section-badge-bg: #eef8f2;
  --section-badge-border: rgba(49, 111, 75, 0.14);
  --section-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23316f4b%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M4.8%2012.5l2.5%202.6%204.9-5.5M14.2%208.2h5M14.2%2012h5M14.2%2015.8h3.2%27/%3E%3C/svg%3E");
  color: #2f3032;
}

.session-workspace-main .decision-card .insight-card-header h3 {
  --section-badge-bg: #f4f2ee;
  --section-badge-border: rgba(93, 90, 84, 0.14);
  --section-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%235d5a54%27%20stroke-width%3D%272.05%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%204.1%2014%206.3h3l.7%203%202%202.2-1.7%202.7-.3%203-3%20.6-2.7%201.9-2.7-1.9-3-.6-.3-3-1.7-2.7%202-2.2.7-3h3L12%204.1Z%27/%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%235d5a54%27%20stroke-width%3D%272.25%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27m8.8%2012.1%202.1%202.1%204.5-4.7%27/%3E%3C/svg%3E");
  color: #2f3032;
}

.session-workspace-main .unresolved-card .insight-card-header h3 {
  --section-badge-bg: #eef4fb;
  --section-badge-border: rgba(64, 98, 139, 0.14);
  --section-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%2340628b%27%20stroke-width%3D%272.05%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M5%206.4h14v9.3H9.4L5%2019.2V6.4Z%27/%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%2340628b%27%20stroke-width%3D%272.15%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M10%2010a2.1%202.1%200%201%201%203.5%201.5c-.8.7-1.4%201.2-1.4%202.2M12.1%2015.8h.1%27/%3E%3C/svg%3E");
  color: #2f3032;
}

.session-workspace-main .review-card .insight-card-header h3 {
  --section-badge-bg: #fbf5eb;
  --section-badge-border: rgba(138, 98, 48, 0.16);
  --section-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%238a6230%27%20stroke-width%3D%272.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%204.6l8%2014H4l8-14ZM12%209.4v4.2M12%2016.8h.1%27/%3E%3C/svg%3E");
  color: #2f3032;
}

.session-workspace-main .deadline-overview-card .insight-card-header h3 {
  --section-badge-bg: #f3f6f8;
  --section-badge-border: rgba(84, 96, 112, 0.12);
  --section-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%235a6573%27%20stroke-width%3D%272.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M7%203.8v3.4M17%203.8v3.4M4.8%208.2h14.4M5.5%205.6h13v13h-13zM9.2%2014.1l1.8%201.8%203.8-4.2%27/%3E%3C/svg%3E");
}

@media (max-width: 620px) {
  .session-vertical-nav .tab {
    gap: 8px;
  }

  .session-vertical-nav .tab-icon {
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  .session-vertical-nav .tab-icon svg {
    width: 17px;
    height: 17px;
  }

  .session-workspace-main .insight-card-header h3::before,
  .session-workspace-main .task-card .insight-card-toggle strong::before {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 11px;
  }
}

/* Direct drawn symbols v95 */
.session-vertical-nav .tab {
  gap: 12px;
}

.session-vertical-nav .tab-icon,
.session-vertical-nav .tab.active .tab-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border: 0;
  border-radius: 0;
  color: #76746f;
  background: transparent;
  box-shadow: none;
}

.session-vertical-nav .tab.active .tab-icon {
  color: #202020;
}

.session-vertical-nav .tab-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.session-workspace-main .insight-card-header h3::before,
.session-workspace-main .task-card .insight-card-toggle strong::before {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: currentColor;
  box-shadow: none;
  opacity: 0.72;
  -webkit-mask: var(--section-symbol) center / contain no-repeat;
  mask: var(--section-symbol) center / contain no-repeat;
}

.session-workspace-main .summary-card .insight-card-header h3 {
  color: #62615d;
}

.session-workspace-main .task-card .insight-card-toggle strong {
  color: #4f6255;
}

.session-workspace-main .decision-card .insight-card-header h3 {
  color: #5f5c56;
}

.session-workspace-main .unresolved-card .insight-card-header h3 {
  color: #5f6670;
}

.session-workspace-main .review-card .insight-card-header h3 {
  color: #786344;
}

@media (max-width: 620px) {
  .session-vertical-nav .tab-icon,
  .session-vertical-nav .tab.active .tab-icon {
    width: 26px;
    min-width: 26px;
    height: 26px;
  }

  .session-vertical-nav .tab-icon svg {
    width: 23px;
    height: 23px;
  }

  .session-workspace-main .insight-card-header h3::before,
  .session-workspace-main .task-card .insight-card-toggle strong::before {
    width: 22px;
    min-width: 22px;
    height: 22px;
  }
}

/* Simplify overview recap labels v93 */
#insightsPanel .session-section-heading span,
.session-recap-card .session-card-kicker {
  display: none;
}

.session-recap-card p {
  margin-top: 0;
}

/* Reference-style files icon v97 */
.session-vertical-nav .file-tab-icon,
.session-vertical-nav .tab.active .file-tab-icon {
  color: #6f6d68;
}

.session-vertical-nav .file-tab-icon svg {
  width: 25px;
  height: 25px;
  stroke: currentColor;
  stroke-width: 2.05;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.session-vertical-nav .file-tab-icon svg path {
  vector-effect: non-scaling-stroke;
}

@media (max-width: 620px) {
  .session-vertical-nav .file-tab-icon svg {
    width: 23px;
    height: 23px;
  }
}

/* Soft frosted workspace palette v98 */
body,
.app-shell {
  background: #eef2f8;
}

.session-detail-view .workspace {
  background: transparent;
}

.session-detail-view .session-workspace-shell,
.session-detail-view .session-chat-shell .chat-panel {
  border-color: rgba(31, 31, 33, 0.08);
  background: rgba(250, 250, 248, 0.88);
  box-shadow:
    0 24px 60px rgba(35, 39, 48, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(22px) saturate(1.06);
  -webkit-backdrop-filter: blur(22px) saturate(1.06);
}

.session-workspace-header {
  background: rgba(250, 250, 248, 0.84);
}

.session-workspace-body,
.session-workspace-main {
  background: rgba(251, 251, 249, 0.82);
}

.session-vertical-nav,
.session-deadline-sidebar {
  background: rgba(241, 242, 239, 0.72);
}

.session-overview-grid > .insight-card,
.session-workspace-main .session-list-card,
.session-recap-card,
.session-deadline-card,
.session-workspace-main .context-files,
.session-workspace-main .context-file,
.session-files-grid input,
.session-files-grid textarea,
.session-workspace-main #transcriptPanel input,
.session-workspace-main #transcriptPanel textarea,
.session-workspace-main .transcript-playback {
  background: rgba(255, 255, 255, 0.82);
}

.session-vertical-nav .tab.active {
  background: rgba(229, 226, 220, 0.82);
}

.session-chat-shell .chat-form,
.session-chat-shell .suggestion-chips button,
.session-share-button,
.session-delete-button,
.session-workspace-header #renameSessionButton,
.session-section-heading #analyzeButton,
.session-section-heading #saveContextButton,
.session-section-heading #transcribeButton {
  background: rgba(255, 255, 255, 0.82);
}

@media (max-width: 620px) {
  body.session-detail-view,
  .session-detail-view .session-workspace-shell,
  .session-workspace-body,
  .session-workspace-main {
    background: #f6f7f5;
  }

  .session-workspace-header,
  .session-vertical-nav {
    background: rgba(246, 247, 245, 0.94);
  }
}

/* Desktop card order swap v96 */
@media (min-width: 921px) {
  .session-detail-layout {
    grid-template-columns: minmax(0, 2fr) 18px minmax(520px, var(--session-chat-width, 1fr));
    grid-template-areas: "session splitter chat";
  }

  .session-detail-layout .session-shell {
    grid-area: session;
  }

  .session-chat-shell {
    grid-area: chat;
  }
}

/* Deadline rail cleanup v99 */
@media (min-width: 621px) {
  .session-deadline-sidebar {
    padding: 28px 22px;
    background: rgba(241, 242, 239, 0.72);
  }

  .session-deadline-card {
    display: grid;
    gap: 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .session-deadline-card .session-card-kicker {
    margin: 0;
    color: rgba(31, 31, 33, 0.48);
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1.2;
  }

  .session-deadline-card h3 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #2f302c;
    font-size: 1.08rem;
    font-weight: 760;
    line-height: 1.2;
  }

  .session-deadline-card h3::before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    opacity: 0.6;
  }

  .session-deadline-card ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
  }

  .session-deadline-card li {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    color: rgba(31, 31, 33, 0.68);
    font-size: 0.9rem;
    font-weight: 430;
    line-height: 1.42;
  }

  .session-deadline-card li::before {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    border: 1.5px solid rgba(31, 31, 33, 0.23);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.58);
  }
}

/* Restore session nav symbols v100 */
.session-vertical-nav .tab {
  display: flex;
  align-items: center;
  gap: 12px !important;
}

.session-vertical-nav .tab::before {
  content: none !important;
  display: none !important;
}

.session-vertical-nav .tab .tab-icon,
.session-vertical-nav .tab.active .tab-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: inline-grid !important;
  flex: 0 0 24px;
  place-items: center;
  color: #74716b;
  opacity: 1;
  visibility: visible;
}

.session-vertical-nav .tab.active .tab-icon {
  color: #242521;
}

.session-vertical-nav .tab .tab-icon svg,
.session-vertical-nav .tab .file-tab-icon svg {
  width: 22px;
  height: 22px;
  display: block !important;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 1;
  visibility: visible;
}

.session-vertical-nav .tab .file-tab-icon svg {
  stroke-width: 1.9;
}

@media (max-width: 620px) {
  .session-vertical-nav .tab {
    gap: 7px !important;
  }

  .session-vertical-nav .tab .tab-icon,
  .session-vertical-nav .tab.active .tab-icon {
    width: 21px;
    min-width: 21px;
    height: 21px;
    flex-basis: 21px;
  }

  .session-vertical-nav .tab .tab-icon svg,
  .session-vertical-nav .tab .file-tab-icon svg {
    width: 19px;
    height: 19px;
  }
}

/* Runtime-safe drawn nav symbols v101 */
.session-vertical-nav .tab {
  gap: 12px !important;
}

.session-vertical-nav .tab .tab-icon,
.session-vertical-nav .tab.active .tab-icon {
  display: none !important;
}

.session-vertical-nav .tab::before {
  content: "" !important;
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: block !important;
  flex: 0 0 22px;
  border: 0;
  border-radius: 0;
  background: currentColor;
  box-shadow: none;
  opacity: 0.72;
  -webkit-mask: var(--nav-symbol) center / contain no-repeat;
  mask: var(--nav-symbol) center / contain no-repeat;
}

.session-vertical-nav .tab.active::before {
  content: "" !important;
  display: block !important;
  background: currentColor !important;
  opacity: 0.95;
  -webkit-mask: var(--nav-symbol) center / contain no-repeat !important;
  mask: var(--nav-symbol) center / contain no-repeat !important;
}

.session-vertical-nav .tab[data-tab="insights"] {
  --nav-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M5.2%2014.4a6.8%206.8%200%200%201%2013.6%200M12%2014.4l3.5-4.1M7.8%2018h8.4%27/%3E%3C/svg%3E");
}

.session-vertical-nav .tab[data-tab="decisions"] {
  --nav-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.05%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%204.4l2%202.1h3l.7%202.9%201.9%202.1-1.6%202.6-.3%202.9-2.9.6-2.8%201.8-2.8-1.8-2.9-.6-.3-2.9-1.6-2.6%201.9-2.1.7-2.9h3l2-2.1Zm-3%207.7%202%202%204.2-4.5%27/%3E%3C/svg%3E");
}

.session-vertical-nav .tab[data-tab="questions"] {
  --nav-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M5.2%206.5h13.6v8.9H9.4l-4.2%203.3V6.5Zm5%203.5a2%202%200%201%201%203.4%201.4c-.8.7-1.4%201.1-1.4%202.1M12.2%2015.8h.1%27/%3E%3C/svg%3E");
}

.session-vertical-nav .tab[data-tab="context"] {
  --nav-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M4.7%208.2h6l1.8%201.8h6.8v7.8H4.7V8.2Zm0%202.1h14.6%27/%3E%3C/svg%3E");
}

.session-vertical-nav .tab[data-tab="transcript"] {
  --nav-symbol: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M7%204.8h7.1l2.9%202.9v11.5H7V4.8Zm7%20.1v3h3M9.8%2014v-2M12%2016v-6M14.2%2014.8v-3.6%27/%3E%3C/svg%3E");
}

@media (max-width: 620px) {
  .session-vertical-nav .tab {
    gap: 8px !important;
  }

  .session-vertical-nav .tab::before {
    width: 19px;
    min-width: 19px;
    height: 19px;
    flex-basis: 19px;
  }
}

/* Web dashboard homepage v102 */
.home-hero-panel,
.home-focus-grid,
.home-recent-table-panel,
.home-chat-panel {
  display: none;
}

.mobile-sessions-home {
  display: grid;
  gap: 14px;
}

.home-sidebar-brand,
.home-sidebar-nav,
.home-sidebar-memory,
.home-sidebar-upcoming,
.home-account-card {
  display: none;
}

@media (min-width: 921px) {
  .mobile-sessions-home {
    display: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    min-height: 100vh;
    padding: 18px;
    background: #eef2f8;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    width: 100%;
    max-width: none;
    min-height: calc(100vh - 36px);
    grid-template-columns: 280px minmax(0, 1fr) 350px;
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    grid-template-areas:
      "sidebar homeHero homeChat"
      "sidebar capture homeChat"
      "sidebar workspaceEntry homeChat"
      "sidebar focus homeChat"
      "sidebar recent homeChat";
    gap: 20px;
    align-items: start;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .meetings-panel {
    display: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-height: calc(100vh - 36px);
    padding: 18px 16px;
    border-radius: 16px;
    background: rgba(250, 250, 248, 0.88);
    border-color: rgba(31, 31, 33, 0.08);
    box-shadow: 0 24px 70px rgba(31, 35, 43, 0.08);
  }

  .home-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 8px 6px;
    color: #17191d;
    font-size: 1.08rem;
    font-weight: 760;
  }

  .home-brand-mark {
    position: relative;
    width: 38px;
    height: 22px;
    display: inline-block;
  }

  .home-brand-mark::before,
  .home-brand-mark::after {
    content: "";
    position: absolute;
    top: 2px;
    width: 20px;
    height: 18px;
    border-radius: 999px;
    background: #17191d;
  }

  .home-brand-mark::before {
    left: 0;
  }

  .home-brand-mark::after {
    right: 0;
  }

  .home-sidebar-nav {
    display: grid;
    gap: 8px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08);
  }

  .home-sidebar-nav button {
    min-height: 50px;
    justify-content: flex-start;
    gap: 12px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    color: rgba(31, 31, 33, 0.76);
    font-size: 0.98rem;
    font-weight: 640;
  }

  .home-sidebar-nav button.active,
  .home-sidebar-nav button:hover,
  .home-sidebar-nav button:focus-visible {
    background: rgba(229, 226, 220, 0.72);
    color: #1f1f21;
    box-shadow: none;
  }

  .home-sidebar-nav svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .home-sidebar-recent,
  .home-sidebar-upcoming {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
  }

  .home-sidebar-meeting-card {
    width: 100%;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.56);
    box-shadow: 0 10px 28px rgba(31, 35, 43, 0.045);
  }

  .home-sidebar-meeting-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  .home-sidebar-section-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    color: rgba(31, 31, 33, 0.72);
    font-size: 0.82rem;
    font-weight: 760;
  }

  .home-sidebar-section-title svg {
    width: 21px;
    min-width: 21px;
    height: 21px;
    display: block;
    overflow: visible;
    fill: none;
    stroke: rgba(31, 31, 33, 0.58);
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .home-sidebar-section-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-sidebar-meeting-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
  }

  .home-sidebar-meeting-actions button {
    width: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(31, 31, 33, 0.09);
    border-radius: 999px;
    background: rgba(250, 250, 248, 0.78);
    box-shadow: none;
    color: rgba(31, 31, 33, 0.68);
  }

  .home-sidebar-meeting-actions button:hover,
  .home-sidebar-meeting-actions button:focus-visible {
    background: rgba(229, 226, 220, 0.72);
    color: #1f1f21;
  }

  .home-sidebar-meeting-actions svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-list {
    flex: 1;
    max-height: none;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings {
    flex: 0 0 auto;
    max-height: none;
    overflow: hidden;
    border: 0;
    border-radius: 10px;
    background: transparent;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-row {
    min-height: 50px;
    grid-template-columns: minmax(0, 1fr) 28px;
    border-radius: 8px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-row + .meeting-row {
    border-top: 1px solid rgba(31, 31, 33, 0.08);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-open {
    min-height: 50px;
    padding: 8px 4px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-title {
    font-size: 0.86rem;
    font-weight: 700;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-meta {
    font-size: 0.72rem;
    line-height: 1.25;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-delete {
    width: 28px;
    min-width: 28px;
    min-height: 28px;
    margin-right: 0;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .session-empty {
    padding: 4px 2px 2px;
    color: rgba(31, 31, 33, 0.62);
    font-size: 0.86rem;
    line-height: 1.42;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-row + .session-row {
    border-top: 1px solid rgba(31, 31, 33, 0.08);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-open {
    min-height: 50px;
    padding: 10px 4px;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-row-chevron {
    display: none;
  }

  .home-account-card {
    width: 100%;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 10px;
    border: 1px solid rgba(31, 31, 33, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.64);
    box-shadow: none;
    text-align: left;
  }

  .home-account-avatar {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid #dfdbd0;
    background: #f2efe7;
    color: #11100f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1;
  }

  .home-account-card strong,
  .home-account-card small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-account-card small {
    color: rgba(31, 31, 33, 0.56);
    font-size: 0.76rem;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-hero-panel {
    grid-area: homeHero;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    gap: 16px;
  }

  .home-hero-panel h1 {
    margin: 0;
    color: #17191d;
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 780;
    line-height: 1.05;
  }

  .home-hero-panel p {
    margin: 8px 0 0;
    color: rgba(31, 31, 33, 0.7);
    font-weight: 480;
  }

  .home-hero-actions {
    display: flex;
    gap: 10px;
  }

  .home-hero-actions button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.76);
  }

  .home-hero-actions svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    max-width: none;
    margin: 0;
    padding: 22px;
    border-radius: 12px;
    background: rgba(250, 250, 248, 0.88);
    border-color: rgba(31, 31, 33, 0.08);
    box-shadow: 0 18px 50px rgba(31, 35, 43, 0.07);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading {
    margin-bottom: 14px;
    text-align: left;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    font-size: 1.22rem;
    font-weight: 760;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .avatar-stage,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #audioMenuButton {
    display: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    position: static;
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 0 0 16px;
    border: 0;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    visibility: visible;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    min-height: 72px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: 1fr 1fr;
    align-items: center;
    gap: 0 12px;
    justify-content: start;
    padding: 14px 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.68);
    color: #1f1f21;
    font-size: 0.95rem;
    font-weight: 740;
    text-align: left;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    background: linear-gradient(180deg, #171a22, #0f1117);
    color: #fff;
    box-shadow: 0 18px 34px rgba(31, 35, 43, 0.18);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon {
    width: 28px;
    height: 28px;
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    border: 2px solid currentColor;
    border-radius: 999px;
    color: #fff;
    font-size: 0;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button::before,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button::after {
    content: none;
    display: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: currentColor;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu svg {
    width: 28px;
    height: 28px;
    grid-row: 1 / span 2;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu small {
    grid-column: 2;
    color: currentColor;
    opacity: 0.72;
    font-size: 0.78rem;
    font-weight: 580;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    color: rgba(31, 31, 33, 0.68);
    font-size: 0.78rem;
    font-weight: 640;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    max-width: none;
    margin: 0;
    padding: 10px;
    border-radius: 12px;
    background: rgba(250, 250, 248, 0.88);
    border-color: rgba(31, 31, 33, 0.08);
    box-shadow: 0 14px 34px rgba(31, 35, 43, 0.06);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-button {
    min-height: 68px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.66);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-focus-grid {
    grid-area: focus;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);
    gap: 14px;
  }

  .home-dashboard-card,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    padding: 18px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 12px;
    background: rgba(250, 250, 248, 0.88);
    box-shadow: 0 18px 50px rgba(31, 35, 43, 0.07);
    backdrop-filter: blur(20px) saturate(1.06);
  }

  .home-card-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
  }

  .home-card-heading h2 {
    margin: 0;
    color: #252624;
    font-size: 1.04rem;
    font-weight: 760;
  }

  .home-card-icon {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #4f5964;
  }

  .home-card-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .home-card-icon.sparkle {
    color: #1f1f21;
  }

  .home-ai-badge {
    min-width: 26px;
    height: 19px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    color: #248a3d;
    background: rgba(229, 247, 235, 0.8);
    font-size: 0.64rem;
    font-weight: 820;
  }

  .home-attention-list {
    display: grid;
    gap: 0;
  }

  .home-attention-row {
    width: 100%;
    min-height: 62px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
  }

  .home-attention-row + .home-attention-row {
    border-top: 1px solid rgba(31, 31, 33, 0.08);
  }

  .home-attention-icon {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(255, 184, 77, 0.18);
  }

  .home-attention-row.question .home-attention-icon {
    background: rgba(118, 100, 242, 0.16);
  }

  .home-attention-row.meeting .home-attention-icon {
    background: rgba(79, 128, 255, 0.16);
  }

  .home-attention-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
  }

  .home-attention-copy strong,
  .home-latest-body strong {
    color: #252624;
    font-weight: 740;
  }

  .home-attention-copy small,
  .home-latest-body span,
  .home-latest-body p {
    color: rgba(31, 31, 33, 0.64);
    font-size: 0.84rem;
    line-height: 1.35;
  }

  .home-attention-row em {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(232, 236, 255, 0.88);
    color: #4764d8;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 720;
  }

  .home-latest-body {
    display: grid;
    gap: 8px;
  }

  .home-latest-body p {
    margin: 6px 0 0;
    padding: 14px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.6);
    color: rgba(31, 31, 33, 0.78);
  }

  .home-card-link {
    justify-content: flex-start;
    min-height: 30px;
    margin-top: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #1f1f21;
    font-size: 0.86rem;
    font-weight: 680;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    grid-area: recent;
    display: block;
    min-height: 0;
  }

  .home-session-table {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.52);
  }

  .home-session-table-head,
  .home-session-table-row {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) 130px 90px 110px 24px;
    align-items: center;
    gap: 12px;
  }

  .home-session-table-head {
    min-height: 36px;
    padding: 0 14px;
    color: rgba(31, 31, 33, 0.54);
    font-size: 0.74rem;
    font-weight: 720;
  }

  .home-session-table-row {
    min-height: 50px;
    padding: 0 14px;
    border: 0;
    border-top: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(31, 31, 33, 0.72);
    font-size: 0.82rem;
    text-align: left;
  }

  .home-session-table-row > span:first-child {
    overflow: hidden;
    color: #252624;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-session-table-row em {
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(233, 246, 237, 0.9);
    color: #248a3d;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 740;
  }

  .home-session-table-row em[data-status="analyzed"] {
    background: rgba(232, 236, 255, 0.92);
    color: #4764d8;
  }

  .home-session-table-row em[data-status="queued"] {
    background: rgba(239, 240, 242, 0.9);
    color: rgba(31, 31, 33, 0.62);
  }

  .home-empty-row {
    padding: 14px;
    color: rgba(31, 31, 33, 0.56);
    font-size: 0.9rem;
    line-height: 1.35;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    grid-area: homeChat;
    position: sticky;
    top: 18px;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 36px);
    max-height: calc(100vh - 36px);
    padding: 18px;
    border: 1px solid rgba(31, 31, 33, 0.08);
    border-radius: 16px;
    background: rgba(250, 250, 248, 0.88);
    box-shadow: 0 24px 70px rgba(31, 35, 43, 0.08);
    backdrop-filter: blur(22px) saturate(1.06);
  }

  .home-chat-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08);
  }

  .home-chat-header h2 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #17191d;
    font-size: 1.08rem;
    font-weight: 780;
  }

  .home-chat-header h2::before {
    content: "✦";
    font-size: 0.92rem;
  }

  .home-chat-scope {
    display: grid;
    gap: 7px;
    justify-items: end;
    color: rgba(31, 31, 33, 0.56);
    font-size: 0.78rem;
    font-weight: 650;
  }

  .home-chat-scope select {
    min-height: 38px;
    padding: 0 34px 0 14px;
    border: 1px solid rgba(31, 31, 33, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.68);
    color: #1f1f21;
    font-weight: 650;
  }

  .home-chat-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
  }

  .home-chat-suggestions button {
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: none;
    color: rgba(31, 31, 33, 0.74);
    font-size: 0.82rem;
    font-weight: 650;
  }

  .home-chat-messages {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding: 18px 0;
  }

  .home-chat-empty {
    margin: auto;
    max-width: 250px;
    display: grid;
    justify-items: center;
    gap: 12px;
    text-align: center;
    color: rgba(31, 31, 33, 0.62);
  }

  .home-chat-empty > span {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #527ce8;
    background: rgba(227, 234, 255, 0.72);
    font-size: 1.55rem;
  }

  .home-chat-empty strong {
    color: rgba(31, 31, 33, 0.72);
    font-size: 1rem;
  }

  .home-chat-empty p {
    margin: 0;
    line-height: 1.45;
  }

  .home-chat-message {
    max-width: 92%;
    padding: 11px 13px;
    border-radius: 14px;
    color: rgba(31, 31, 33, 0.76);
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.9rem;
    line-height: 1.42;
  }

  .home-chat-message.user {
    align-self: flex-end;
    color: #fff;
    background: #1f1f21;
  }

  .home-chat-form {
    min-height: 58px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 46px;
    align-items: center;
    gap: 10px;
    padding: 7px;
    border: 1px solid rgba(31, 31, 33, 0.1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.76);
  }

  .home-chat-form button {
    height: 42px;
    min-height: 42px;
    padding: 0;
    border-radius: 999px;
    box-shadow: none;
  }

  .home-chat-form button:first-child {
    background: rgba(246, 247, 245, 0.9);
    color: rgba(31, 31, 33, 0.7);
  }

  .home-chat-form button:last-child {
    background: #111318;
    color: #fff;
  }

  .home-chat-form input {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    outline: none;
    color: #1f1f21;
    font-size: 0.94rem;
  }
}

@media (max-width: 1240px) and (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 250px minmax(560px, 1fr) 320px;
    gap: 16px;
  }

  .home-session-table-head,
  .home-session-table-row {
    grid-template-columns: minmax(160px, 1fr) 110px 74px 92px 20px;
  }
}

/* Fixed web dashboard refinement v103 */
@media (min-width: 921px) {
  html:has(body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view)) {
    overflow: hidden;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    overflow: hidden;
    background: #eef2f8;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    height: 100vh;
    min-height: 100vh;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    padding: 16px 18px 30px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    height: calc(100vh - 62px);
    height: calc(100dvh - 62px);
    max-height: calc(100vh - 62px);
    max-height: calc(100dvh - 62px);
    min-height: 0;
    overflow: hidden;
    grid-template-columns: 292px minmax(0, 1fr) 372px;
    grid-template-rows: 58px 160px 78px minmax(0, 1fr);
    grid-template-areas:
      "sidebar homeHero homeChat"
      "sidebar capture homeChat"
      "sidebar workspaceEntry homeChat"
      "sidebar focus homeChat";
    gap: 16px;
    align-items: stretch;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    height: 100%;
    min-height: 0;
    max-height: 100%;
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(31, 35, 43, 0.07);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    gap: 14px;
    padding: 16px 16px 22px;
  }

  .home-sidebar-brand {
    min-height: 38px;
    padding: 4px 6px;
  }

  .home-sidebar-nav {
    gap: 6px;
    padding-bottom: 14px;
  }

  .home-sidebar-nav button {
    min-height: 46px;
  }

  .home-sidebar-recent,
  .home-sidebar-upcoming {
    overflow: hidden;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-list {
    display: block;
    flex: 0 1 auto;
    min-height: 0;
    max-height: min(280px, 42vh);
    overflow: auto;
    align-content: start;
    background: transparent;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-row {
    min-height: 0;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-open {
    min-height: 44px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 9px 4px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-row-date {
    max-width: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-delete {
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 0;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-empty {
    padding: 8px 6px;
    background: transparent;
  }

  .home-account-card {
    min-height: 58px;
    padding: 8px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-hero-panel {
    min-height: 0;
    align-self: stretch;
  }

  .home-hero-panel h1 {
    max-width: 100%;
    overflow: hidden;
    font-size: clamp(1.42rem, 1.85vw, 1.9rem);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-hero-panel p {
    margin-top: 5px;
    font-size: 0.94rem;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    align-self: stretch;
    overflow: hidden;
    padding: 18px 20px 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(31, 31, 33, 0.09);
    box-shadow:
      0 14px 34px rgba(31, 35, 43, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.78);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading {
    margin-bottom: 12px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    color: #242529;
    font-size: 1rem;
    font-weight: 760;
    line-height: 1.2;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    gap: 8px;
    padding: 0;
    border-bottom: 0;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    min-height: 56px;
    grid-template-columns: 32px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    gap: 2px 8px;
    padding: 8px 10px;
    border-color: rgba(31, 31, 33, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
    color: #242529;
    font-size: 0.84rem;
    font-weight: 720;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button:hover,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button:hover {
    border-color: rgba(31, 31, 33, 0.18);
    background: #fff;
    box-shadow: 0 8px 18px rgba(31, 35, 43, 0.06);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    border-color: rgba(31, 31, 33, 0.14);
    background: #fff;
    color: #242529;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton.recording {
    border-color: #111319;
    background: #111319;
    color: #fff;
    box-shadow:
      inset 3px 0 0 #ef4444,
      0 10px 22px rgba(31, 35, 43, 0.16);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu svg {
    width: 20px;
    height: 20px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon {
    position: relative;
    width: 32px;
    height: 32px;
    border: 0;
    color: transparent;
    background: rgba(255, 88, 72, 0.12);
    box-shadow:
      inset 0 0 0 1px rgba(255, 88, 72, 0.18),
      0 0 0 5px rgba(255, 88, 72, 0.08);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton.recording #recordIcon {
    color: transparent;
    background: rgba(255, 88, 72, 0.16);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.18),
      0 0 0 5px rgba(255, 88, 72, 0.14);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon::before {
    content: "";
    position: absolute;
    inset: 7px;
    width: auto;
    height: auto;
    border-radius: 999px;
    background: #ff4f3d;
    box-shadow: 0 5px 12px rgba(255, 79, 61, 0.22);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%) rotate(-20deg);
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.8a3%203%200%200%200-3%203v5.4a3%203%200%200%200%206%200V6.8a3%203%200%200%200-3-3Z%27/%3E%3Cpath%20d%3D%27M5.8%2011.5a6.2%206.2%200%200%200%2012.4%200%27/%3E%3Cpath%20d%3D%27M12%2017.7v2.5M8.8%2020.2h6.4%27/%3E%3C/svg%3E");
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu small {
    color: rgba(31, 31, 33, 0.56);
    opacity: 1;
    font-size: 0.7rem;
    font-weight: 560;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button > span:not(#recordIcon),
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span {
    min-width: 0;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton.recording small {
    color: rgba(255, 255, 255, 0.72);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta {
    justify-content: flex-start;
    gap: 7px;
    margin-top: 10px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    min-height: 24px;
    max-width: min(360px, 100%);
    padding: 0 9px;
    border-color: rgba(31, 31, 33, 0.08);
    background: rgba(248, 249, 251, 0.8);
    color: rgba(31, 31, 33, 0.62);
    font-size: 0.72rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    align-self: stretch;
    padding: 8px;
    border-radius: 14px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-button {
    min-height: 62px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-focus-grid {
    min-height: 0;
    overflow: hidden;
  }

  .home-dashboard-card {
    min-height: 0;
    overflow: hidden;
    padding: 16px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
  }

  .home-card-heading {
    flex: 0 0 auto;
    margin-bottom: 10px;
  }

  .home-attention-list,
  .home-latest-body {
    min-height: 0;
    overflow: auto;
  }

  .home-attention-row {
    min-height: 54px;
    padding: 8px 0;
  }

  .home-latest-body p {
    max-height: 118px;
    overflow: auto;
  }

  .home-card-link {
    flex: 0 0 auto;
    margin-top: 8px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    position: static;
    overflow: hidden;
    padding: 16px 16px 22px;
  }

  .home-chat-header {
    padding-bottom: 14px;
  }

  .home-chat-suggestions {
    margin-top: 14px;
  }

  .home-chat-messages {
    padding: 14px 0;
  }

  .home-chat-form {
    min-height: 54px;
  }

  .home-account-card,
  .home-chat-form {
    flex: 0 0 auto;
  }
}

@media (min-width: 1500px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 330px minmax(0, 1fr) 410px;
    gap: 20px;
  }
}

@media (min-width: 921px) and (min-height: 940px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: 58px 160px 78px 300px minmax(220px, 1fr);
    grid-template-areas:
      "sidebar homeHero homeChat"
      "sidebar capture homeChat"
      "sidebar workspaceEntry homeChat"
      "sidebar focus homeChat"
      "sidebar recent homeChat";
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    display: flex !important;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 16px;
    border-radius: 14px;
  }

  .home-recent-table-panel .home-card-heading {
    margin-bottom: 10px;
  }

  .home-session-table {
    min-height: 0;
    overflow: auto;
  }

  .home-session-table-row {
    min-height: 46px;
  }

  .home-recent-table-panel .home-card-link {
    margin-top: 8px;
  }
}

@media (min-width: 1500px) and (min-height: 1000px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: 58px 160px 78px 320px minmax(240px, 1fr);
  }
}

/* Notion-inspired home refresh v105 */
@media (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    --home-bg: #f7f8fb;
    --home-panel: #ffffff;
    --home-sidebar: #fbfbfa;
    --home-card: #ffffff;
    --home-card-soft: #f7f7f5;
    --home-ink: #2f3437;
    --home-text: #3f3f3c;
    --home-muted: #77756f;
    --home-faint: #a5a39e;
    --home-line: #e7e6e3;
    --home-line-strong: #d8d7d2;
    --home-blue: #2f6fed;
    --home-red: #ff5a4a;
    --home-green: #2f8f68;
    --home-yellow: #f0b429;
    --home-purple: #7952d6;
    --home-shadow: 0 10px 28px rgba(36, 39, 42, 0.06);
    background: var(--home-bg);
    color: var(--home-text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .motion-bg {
    background: var(--home-bg);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    padding: 12px 14px 24px;
    background: var(--home-bg);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    height: calc(100dvh - 58px);
    max-height: calc(100dvh - 58px);
    grid-template-columns: 296px minmax(0, 1fr) 386px;
    grid-template-rows: 66px 158px 76px minmax(0, 1fr);
    grid-template-areas:
      "sidebar homeHero homeChat"
      "sidebar capture homeChat"
      "sidebar workspaceEntry homeChat"
      "sidebar focus homeChat";
    gap: 14px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-dashboard-card,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    border: 1px solid var(--home-line);
    border-radius: 8px;
    background: var(--home-card);
    box-shadow: var(--home-shadow);
    backdrop-filter: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    gap: 16px;
    padding: 14px 10px;
    background: var(--home-sidebar);
    box-shadow: none;
  }

  .home-sidebar-brand {
    min-height: 42px;
    gap: 10px;
    padding: 3px 8px 8px;
    color: var(--home-ink);
    font-size: 1rem;
    font-weight: 700;
  }

  .home-brand-mark {
    position: relative;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid var(--home-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(36, 39, 42, 0.05);
  }

  .home-brand-mark::before {
    content: "C";
    position: static;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: var(--home-ink);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
  }

  .home-brand-mark::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 5px;
    top: auto;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--home-purple);
  }

  .home-sidebar-nav {
    gap: 2px;
    padding: 4px 0 14px;
    border-bottom-color: var(--home-line);
  }

  .home-sidebar-nav button {
    min-height: 38px;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    padding: 0 10px;
    border-radius: 7px;
    color: #5f5e5a;
    font-size: 0.92rem;
    font-weight: 620;
  }

  .home-sidebar-nav button.active,
  .home-sidebar-nav button:hover,
  .home-sidebar-nav button:focus-visible {
    background: #eeeeec;
    color: var(--home-ink);
  }

  .home-sidebar-nav svg {
    width: 19px;
    height: 19px;
    stroke-width: 1.9;
  }

  .home-sidebar-meeting-card,
  .home-account-card {
    border-color: var(--home-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
  }

  .home-sidebar-meeting-card {
    padding: 12px;
  }

  .home-sidebar-section-title {
    color: var(--home-muted);
    font-size: 0.78rem;
    font-weight: 700;
  }

  .home-sidebar-section-title svg {
    color: var(--home-green);
    stroke: currentColor;
  }

  .home-sidebar-meeting-actions button {
    width: 28px;
    min-width: 28px;
    min-height: 28px;
    border-color: var(--home-line);
    border-radius: 7px;
    background: var(--home-card-soft);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-empty {
    padding: 8px 4px;
    color: var(--home-muted);
    font-size: 0.84rem;
  }

  .home-account-card {
    min-height: 60px;
    padding: 9px;
  }

  .home-account-avatar {
    width: 39px;
    height: 39px;
    background: var(--home-green);
    font-weight: 760;
  }

  .home-account-card strong {
    color: var(--home-ink);
    font-size: 0.91rem;
    font-weight: 720;
  }

  .home-account-card small {
    color: var(--home-muted);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-hero-panel {
    align-items: center;
    min-height: 0;
    padding: 0 2px;
  }

  .home-hero-panel h1 {
    color: var(--home-ink);
    font-size: clamp(1.8rem, 2.25vw, 2.36rem);
    font-weight: 760;
    line-height: 1.05;
  }

  .home-hero-panel p {
    margin-top: 6px;
    color: var(--home-muted);
    font-size: 0.95rem;
    font-weight: 520;
  }

  .home-hero-actions {
    gap: 8px;
  }

  .home-hero-actions button {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-color: var(--home-line);
    border-radius: 8px;
    background: #fff;
    color: var(--home-ink);
    box-shadow: 0 4px 14px rgba(36, 39, 42, 0.04);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    padding: 18px 20px 14px;
    overflow: hidden;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading {
    margin-bottom: 13px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    color: var(--home-ink);
    font-size: 1.02rem;
    font-weight: 760;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2::before {
    content: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    gap: 9px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    min-height: 61px;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 2px 10px;
    padding: 10px 12px;
    border-color: var(--home-line);
    border-radius: 8px;
    background: #fff;
    color: var(--home-ink);
    font-size: 0.9rem;
    font-weight: 720;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button:hover,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button:hover {
    border-color: var(--home-line-strong);
    background: #fbfbfa;
    box-shadow: 0 8px 18px rgba(36, 39, 42, 0.06);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    border-color: #f0d4cf;
    background: #fffafa;
    color: var(--home-ink);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon {
    width: 32px;
    height: 32px;
    background: #fff0ee;
    box-shadow:
      inset 0 0 0 1px rgba(255, 90, 74, 0.2),
      0 0 0 4px rgba(255, 90, 74, 0.07);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon::before {
    background: var(--home-red);
    box-shadow: 0 5px 12px rgba(255, 90, 74, 0.24);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu svg {
    width: 32px;
    height: 32px;
    padding: 7px;
    border: 1px solid #d6e3ff;
    border-radius: 8px;
    background: #eef4ff;
    color: var(--home-blue);
    stroke-width: 2;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button svg {
    border-color: #f5e3b5;
    background: #fff7df;
    color: #9c6400;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu small {
    color: var(--home-muted);
    font-size: 0.72rem;
    font-weight: 560;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta {
    gap: 6px;
    margin-top: 11px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    min-height: 24px;
    border-color: var(--home-line);
    background: var(--home-card-soft);
    color: var(--home-muted);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    padding: 0;
    overflow: hidden;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-button {
    min-height: 74px;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 12px;
    padding: 13px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-icon {
    width: 36px;
    height: 36px;
    border-color: #cbe6dc;
    border-radius: 8px;
    background: #edf8f4;
    color: var(--home-green);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-icon svg {
    width: 20px;
    height: 20px;
  }

  .workspace-entry-copy strong {
    color: var(--home-ink);
    font-size: 1.02rem;
    font-weight: 760;
  }

  .workspace-entry-copy strong::after {
    border-color: #c7e6d6;
    background: #edf8f2;
    color: var(--home-green);
  }

  .workspace-entry-copy small {
    color: var(--home-muted);
    font-size: 0.84rem;
  }

  .workspace-entry-button .session-row-chevron {
    color: var(--home-faint);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-focus-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    gap: 14px;
  }

  .home-dashboard-card {
    padding: 18px;
  }

  .home-card-heading {
    gap: 9px;
    margin-bottom: 12px;
  }

  .home-card-heading h2 {
    color: var(--home-ink);
    font-size: 1.02rem;
    font-weight: 760;
  }

  .home-card-icon {
    width: 28px;
    height: 28px;
    border: 1px solid var(--home-line);
    border-radius: 7px;
    background: var(--home-card-soft);
    color: var(--home-muted);
  }

  .home-card-icon svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
  }

  .home-card-icon.sparkle {
    border-color: #ddcff8;
    background: #f4efff;
    color: var(--home-purple);
  }

  .home-ai-badge {
    height: 20px;
    min-width: 28px;
    border: 1px solid #c7e6d6;
    background: #edf8f2;
    color: var(--home-green);
  }

  .home-attention-list,
  .home-latest-body {
    scrollbar-width: thin;
  }

  .home-attention-row {
    min-height: 59px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 9px 0;
  }

  .home-attention-row + .home-attention-row {
    border-top-color: var(--home-line);
  }

  .home-attention-icon {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid #f3dfb0;
    border-radius: 999px;
    background: #fff6df;
    color: #9c6400;
    font-size: 0.72rem;
    font-weight: 820;
  }

  .home-attention-icon::before {
    content: "!";
  }

  .home-attention-row.question .home-attention-icon {
    border-color: #dfd6fa;
    background: #f4efff;
    color: var(--home-purple);
  }

  .home-attention-row.question .home-attention-icon::before {
    content: "?";
  }

  .home-attention-row.meeting .home-attention-icon {
    border-color: #d6e3ff;
    background: #eef4ff;
    color: var(--home-blue);
  }

  .home-attention-row.meeting .home-attention-icon::before {
    content: "cal";
    font-size: 0.54rem;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .home-attention-copy strong,
  .home-latest-body strong {
    color: var(--home-ink);
    font-weight: 740;
  }

  .home-attention-copy small,
  .home-latest-body span,
  .home-latest-body p {
    color: var(--home-muted);
  }

  .home-attention-row em {
    border: 1px solid #d6e3ff;
    background: #eef4ff;
    color: var(--home-blue);
    font-weight: 760;
  }

  .home-latest-body p {
    max-height: 128px;
    border-color: var(--home-line);
    border-radius: 7px;
    background: var(--home-card-soft);
    color: var(--home-text);
  }

  .home-card-link {
    color: var(--home-ink);
    font-size: 0.84rem;
    font-weight: 680;
  }

  .home-card-link:hover,
  .home-card-link:focus-visible {
    color: var(--home-blue);
    background: transparent;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    padding: 16px;
    background: #fff;
  }

  .home-chat-header {
    gap: 14px;
    padding-bottom: 14px;
    border-bottom-color: var(--home-line);
  }

  .home-chat-header h2 {
    color: var(--home-ink);
    font-size: 1rem;
    font-weight: 760;
  }

  .home-chat-header h2::before {
    content: "*";
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #ddcff8;
    border-radius: 6px;
    background: #f4efff;
    color: var(--home-purple);
    font-size: 0.88rem;
    line-height: 1;
  }

  .home-chat-scope {
    color: var(--home-muted);
    font-size: 0.72rem;
  }

  .home-chat-scope select {
    min-height: 36px;
    border-color: var(--home-line);
    border-radius: 7px;
    background: #fff;
    color: var(--home-ink);
  }

  .home-chat-suggestions {
    gap: 7px;
    margin-top: 14px;
  }

  .home-chat-suggestions button {
    min-height: 32px;
    padding: 0 12px;
    border-color: var(--home-line);
    border-radius: 999px;
    background: #fff;
    color: var(--home-muted);
    font-size: 0.8rem;
  }

  .home-chat-suggestions button:hover,
  .home-chat-suggestions button:focus-visible {
    border-color: #d6e3ff;
    background: #eef4ff;
    color: var(--home-blue);
  }

  .home-chat-empty {
    max-width: 270px;
    color: var(--home-muted);
  }

  .home-chat-empty > span {
    width: 52px;
    height: 52px;
    border: 1px solid #ddcff8;
    border-radius: 8px;
    background: #f4efff;
    color: var(--home-purple);
    font-size: 1.32rem;
  }

  .home-chat-empty strong {
    color: var(--home-ink);
    font-size: 0.98rem;
  }

  .home-chat-message {
    border: 1px solid var(--home-line);
    border-radius: 8px;
    background: var(--home-card-soft);
    color: var(--home-text);
  }

  .home-chat-message.user {
    border-color: var(--home-blue);
    background: var(--home-blue);
    color: #fff;
  }

  .home-chat-form {
    min-height: 54px;
    grid-template-columns: 39px minmax(0, 1fr) 42px;
    gap: 8px;
    padding: 6px;
    border-color: var(--home-line);
    border-radius: 8px;
    background: #fff;
  }

  .home-chat-form button {
    height: 39px;
    min-height: 39px;
    border-radius: 7px;
  }

  .home-chat-form button:first-child {
    background: var(--home-card-soft);
    color: var(--home-muted);
  }

  .home-chat-form button:last-child {
    background: var(--home-blue);
    color: #fff;
  }

  .home-chat-form input {
    color: var(--home-ink);
  }

  .home-chat-form input::placeholder {
    color: var(--home-faint);
  }

  .home-session-table {
    border-color: var(--home-line);
    border-radius: 7px;
    background: #fff;
  }

  .home-session-table-head,
  .home-session-table-row {
    color: var(--home-muted);
  }

  .home-session-table-row {
    border-top-color: var(--home-line);
  }

  .home-session-table-row > span:first-child {
    color: var(--home-ink);
  }

  .home-session-table-row em {
    border: 1px solid #c7e6d6;
    background: #edf8f2;
    color: var(--home-green);
  }

  .home-session-table-row em[data-status="analyzed"] {
    border-color: #d6e3ff;
    background: #eef4ff;
    color: var(--home-blue);
  }

  .home-session-table-row em[data-status="queued"] {
    border-color: var(--home-line);
    background: var(--home-card-soft);
    color: var(--home-muted);
  }

  .home-empty-row {
    color: var(--home-muted);
  }
}

@media (min-width: 921px) and (min-height: 940px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: 66px 158px 76px minmax(255px, 0.9fr) minmax(180px, 0.7fr);
    grid-template-areas:
      "sidebar homeHero homeChat"
      "sidebar capture homeChat"
      "sidebar workspaceEntry homeChat"
      "sidebar focus homeChat"
      "sidebar recent homeChat";
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    display: flex !important;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 16px;
  }
}

@media (max-width: 1240px) and (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 248px minmax(0, 1fr) 318px;
    gap: 12px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    padding: 9px 10px;
    font-size: 0.84rem;
  }

  .home-hero-panel h1 {
    font-size: clamp(1.46rem, 2vw, 1.82rem);
  }
}

@media (max-width: 1240px) and (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    padding-bottom: 28px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    height: calc(100vh - 56px);
    height: calc(100dvh - 56px);
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
  }
}

@media (max-width: 1240px) and (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 250px minmax(0, 1fr) 320px;
    gap: 14px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    padding: 14px 14px 28px;
  }

  .home-sidebar-nav button {
    min-height: 42px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    height: calc(100vh - 56px);
    height: calc(100dvh - 56px);
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
  }
}

/* Home polish v104 */
@media (min-width: 921px) {
  .home-chat-scope select {
    width: min(220px, 100%);
    max-width: 220px;
  }

  .home-sidebar-nav button {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    justify-items: start;
  }

  .home-sidebar-nav svg {
    width: 21px;
    height: 21px;
    display: block;
    overflow: visible;
    stroke-width: 2;
  }

  .home-sidebar-nav span {
    line-height: 1;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
    background: rgba(250, 250, 248, 0.88);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-button {
    min-height: 78px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(74, 141, 118, 0.22);
    border-radius: 10px;
    background: rgba(229, 247, 235, 0.7);
    box-shadow: none;
    color: #2f865a;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
  }

  .workspace-entry-copy {
    gap: 5px;
  }

  .workspace-entry-copy strong {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.04rem;
    line-height: 1.1;
  }

  .workspace-entry-copy strong::before {
    content: none;
    display: none;
  }

  .workspace-entry-copy strong::after {
    margin-left: 0;
  }

  .workspace-entry-copy small {
    max-width: 100%;
    font-size: 0.86rem;
    line-height: 1.25;
  }

  .workspace-entry-button .session-row-chevron {
    justify-self: end;
    margin-left: 0;
    color: rgba(31, 31, 33, 0.46);
    font-size: 1.7rem;
    line-height: 1;
  }
}

@media (min-width: 921px) and (min-height: 980px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: 58px 160px 78px 320px minmax(220px, 1fr);
  }
}

@media (min-width: 1500px) and (min-height: 1000px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: 58px 160px 78px 320px minmax(240px, 1fr);
  }
}

/* Notion-inspired home final precedence v106 */
@media (min-width: 921px) {
  .home-sidebar-nav button {
    grid-template-columns: 22px minmax(0, 1fr);
    min-height: 38px;
    border-radius: 7px;
  }

  .home-sidebar-nav svg {
    width: 19px;
    height: 19px;
    stroke-width: 1.9;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    padding: 0;
    border-radius: 8px;
    background: #fff;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(0, 1.15fr);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button > span:not(#recordIcon),
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-button {
    min-height: 74px;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 12px;
    padding: 13px 16px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-icon {
    width: 36px;
    height: 36px;
    border-color: #cbe6dc;
    border-radius: 8px;
    background: #edf8f4;
    color: var(--home-green);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-icon svg {
    width: 20px;
    height: 20px;
  }

  .workspace-entry-copy strong {
    color: var(--home-ink);
    font-size: 1.02rem;
    font-weight: 760;
  }

  .workspace-entry-copy small {
    color: var(--home-muted);
    font-size: 0.84rem;
  }

  .workspace-entry-button .session-row-chevron {
    color: var(--home-faint);
  }
}

@media (min-width: 921px) and (min-height: 940px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: 66px 158px 76px minmax(255px, 0.9fr) minmax(180px, 0.7fr);
  }
}

@media (max-width: 1240px) and (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    padding: 12px 14px 24px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 248px minmax(0, 1fr) 318px;
    gap: 12px;
  }
}

/* Premium home entrance v108 */
@media (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    --wow-bg: #f4f6fb;
    --wow-panel: rgba(255, 255, 255, 0.9);
    --wow-line: rgba(47, 52, 55, 0.11);
    --wow-line-strong: rgba(47, 52, 55, 0.18);
    --wow-ink: #262a2e;
    --wow-muted: #6e716d;
    --wow-blue: #2f6fed;
    --wow-red: #f04438;
    --wow-green: #20a66a;
    --wow-amber: #d98f00;
    --wow-purple: #7657d6;
    --wow-shadow: 0 18px 48px rgba(31, 35, 43, 0.12);
    --wow-card-shadow: 0 14px 36px rgba(31, 35, 43, 0.09);
    background:
      linear-gradient(120deg, rgba(255, 255, 255, 0.72), rgba(244, 246, 251, 0.9) 42%, rgba(239, 243, 250, 0.92)),
      repeating-linear-gradient(90deg, rgba(47, 52, 55, 0.026) 0 1px, transparent 1px 74px),
      repeating-linear-gradient(0deg, rgba(47, 52, 55, 0.022) 0 1px, transparent 1px 74px),
      var(--wow-bg);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .motion-bg {
    background:
      linear-gradient(135deg, rgba(47, 111, 237, 0.08), transparent 34%),
      linear-gradient(315deg, rgba(32, 166, 106, 0.08), transparent 30%),
      transparent;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    position: relative;
    isolation: isolate;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-dashboard-card,
  body:not(.session-detail-view):not(.project-detail-view):not(.meetings-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.meetings-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    border-color: var(--wow-line);
    background: var(--wow-panel);
    box-shadow: var(--wow-card-shadow);
    backdrop-filter: blur(18px) saturate(1.08);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 249, 247, 0.92)),
      #fbfbfa;
    box-shadow: 0 18px 44px rgba(31, 35, 43, 0.07);
  }

  .home-sidebar-brand {
    font-weight: 780;
  }

  .home-brand-mark {
    border-color: rgba(47, 52, 55, 0.1);
    background:
      linear-gradient(145deg, #fff, #f5f6fb),
      #fff;
    box-shadow:
      0 10px 24px rgba(47, 111, 237, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.88);
  }

  .home-brand-mark::before {
    color: var(--wow-blue);
  }

  .home-brand-mark::after {
    background: var(--wow-green);
    box-shadow: 0 0 0 4px rgba(32, 166, 106, 0.12);
  }

  .home-sidebar-nav button {
    position: relative;
    overflow: hidden;
    color: #595c58;
  }

  .home-sidebar-nav button::before {
    content: "";
    position: absolute;
    inset: 7px auto 7px 0;
    width: 3px;
    border-radius: 999px;
    background: transparent;
  }

  .home-sidebar-nav button.active {
    background: linear-gradient(90deg, rgba(47, 111, 237, 0.1), rgba(255, 255, 255, 0.58));
    color: var(--wow-ink);
  }

  .home-sidebar-nav button.active::before {
    background: var(--wow-blue);
  }

  .home-sidebar-nav button:hover,
  .home-sidebar-nav button:focus-visible {
    background: rgba(47, 52, 55, 0.055);
  }

  .home-sidebar-meeting-card {
    background:
      linear-gradient(135deg, rgba(32, 166, 106, 0.08), rgba(255, 255, 255, 0.92) 44%),
      #fff;
  }

  .home-sidebar-meeting-actions button,
  .home-hero-actions button,
  .home-chat-form button:first-child {
    transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
  }

  .home-sidebar-meeting-actions button:hover,
  .home-hero-actions button:hover,
  .home-chat-form button:first-child:hover {
    border-color: var(--wow-line-strong);
    box-shadow: 0 10px 24px rgba(31, 35, 43, 0.08);
    transform: translateY(-1px);
  }

  .home-account-card {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(247, 249, 255, 0.9)),
      #fff;
  }

  .home-account-avatar {
    background:
      linear-gradient(145deg, #21a871, #5b86e5);
    box-shadow: 0 8px 18px rgba(32, 166, 106, 0.22);
  }

  .home-hero-panel h1 {
    color: var(--wow-ink);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
  }

  .home-hero-panel p {
    color: var(--wow-muted);
  }

  .home-hero-actions button {
    border-color: rgba(47, 52, 55, 0.1);
    background:
      linear-gradient(180deg, #fff, #f7f8fb);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    position: relative;
    overflow: hidden;
    border-color: rgba(47, 111, 237, 0.18);
    background:
      linear-gradient(120deg, rgba(47, 111, 237, 0.08), transparent 36%),
      linear-gradient(300deg, rgba(240, 68, 56, 0.07), transparent 34%),
      rgba(255, 255, 255, 0.94);
    box-shadow:
      0 22px 58px rgba(47, 111, 237, 0.12),
      0 14px 36px rgba(31, 35, 43, 0.08);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--wow-red), var(--wow-amber), var(--wow-green), var(--wow-blue), var(--wow-purple));
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    letter-spacing: 0;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    border-color: rgba(47, 52, 55, 0.1);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 24px rgba(31, 35, 43, 0.055);
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background 150ms ease;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button:hover,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button:hover {
    border-color: rgba(47, 111, 237, 0.24);
    background: #fff;
    box-shadow: 0 16px 34px rgba(31, 35, 43, 0.1);
    transform: translateY(-2px);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    border-color: rgba(240, 68, 56, 0.22);
    background:
      linear-gradient(135deg, rgba(240, 68, 56, 0.08), rgba(255, 255, 255, 0.94)),
      #fff;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon {
    box-shadow:
      inset 0 0 0 1px rgba(240, 68, 56, 0.26),
      0 0 0 5px rgba(240, 68, 56, 0.09),
      0 10px 22px rgba(240, 68, 56, 0.18);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    border-color: rgba(32, 166, 106, 0.18);
    background:
      linear-gradient(120deg, rgba(32, 166, 106, 0.1), rgba(255, 255, 255, 0.9) 42%),
      #fff;
    box-shadow: 0 18px 42px rgba(32, 166, 106, 0.1);
  }

  .workspace-entry-copy strong::after,
  .home-ai-badge {
    box-shadow: 0 4px 12px rgba(32, 166, 106, 0.12);
  }

  .home-dashboard-card {
    position: relative;
    border-color: rgba(47, 52, 55, 0.1);
    overflow: hidden;
  }

  .home-dashboard-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: var(--card-accent, var(--wow-blue));
  }

  .home-attention-card {
    --card-accent: linear-gradient(90deg, var(--wow-amber), var(--wow-red));
  }

  .home-latest-memory-card {
    --card-accent: linear-gradient(90deg, var(--wow-purple), var(--wow-blue), var(--wow-green));
  }

  .home-card-icon,
  .home-attention-icon,
  .home-chat-empty > span,
  .home-chat-header h2::before {
    box-shadow:
      0 8px 18px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.84);
  }

  .home-attention-row {
    border-radius: 8px;
    transition: background 150ms ease, transform 150ms ease;
  }

  .home-attention-row:hover,
  .home-attention-row:focus-visible {
    background: rgba(47, 111, 237, 0.045);
    transform: translateX(2px);
  }

  .home-latest-body p {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 248, 251, 0.86)),
      #fff;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    border-color: rgba(118, 87, 214, 0.16);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(249, 248, 255, 0.9)),
      #fff;
    box-shadow:
      0 22px 56px rgba(118, 87, 214, 0.1),
      0 16px 40px rgba(31, 35, 43, 0.08);
  }

  .home-chat-header h2::before {
    background:
      linear-gradient(145deg, #f4efff, #eef4ff);
  }

  .home-chat-suggestions button {
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, color 150ms ease;
  }

  .home-chat-suggestions button:hover,
  .home-chat-suggestions button:focus-visible {
    transform: translateY(-1px);
  }

  .home-chat-empty > span {
    background:
      linear-gradient(145deg, #f4efff, #eef4ff);
  }

  .home-chat-form {
    box-shadow: 0 12px 28px rgba(31, 35, 43, 0.08);
  }

  .home-chat-form button:last-child {
    background:
      linear-gradient(145deg, var(--wow-blue), #5e7df0);
    box-shadow: 0 10px 22px rgba(47, 111, 237, 0.24);
  }

  .home-chat-form button:last-child:hover,
  .home-chat-form button:last-child:focus-visible {
    box-shadow: 0 14px 28px rgba(47, 111, 237, 0.3);
    transform: translateY(-1px);
  }

  .home-hero-panel,
  .capture-panel,
  .workspace-entry-panel,
  .home-dashboard-card,
  .home-chat-panel,
  .sessions-panel {
    animation: homeEntrance 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .sessions-panel {
    animation-delay: 20ms;
  }

  .home-hero-panel {
    animation-delay: 70ms;
  }

  .capture-panel {
    animation-delay: 120ms;
  }

  .workspace-entry-panel {
    animation-delay: 170ms;
  }

  .home-dashboard-card:nth-child(1) {
    animation-delay: 220ms;
  }

  .home-dashboard-card:nth-child(2) {
    animation-delay: 270ms;
  }

  .home-chat-panel {
    animation-delay: 180ms;
  }
}

@keyframes homeEntrance {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-panel,
  .capture-panel,
  .workspace-entry-panel,
  .home-dashboard-card,
  .home-chat-panel,
  .sessions-panel {
    animation: none !important;
  }
}

/* True Notion-style home correction v109 */
@media (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    --notion-bg: #ffffff;
    --notion-sidebar: #fbfbfa;
    --notion-card: #ffffff;
    --notion-hover: #f1f1ef;
    --notion-soft: #f7f7f5;
    --notion-line: rgba(55, 53, 47, 0.1);
    --notion-line-strong: rgba(55, 53, 47, 0.16);
    --notion-ink: #37352f;
    --notion-muted: #787774;
    --notion-faint: #9b9a97;
    --notion-red: #e2554f;
    --notion-blue: #4a8fe7;
    --notion-green: #4a8d76;
    --notion-yellow: #c58f2a;
    --notion-purple: #7a6eb8;
    background: var(--notion-bg);
    color: var(--notion-ink);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .motion-bg {
    background: transparent;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    background: var(--notion-bg);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-hero-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-dashboard-card,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    border-color: var(--notion-line);
    background: var(--notion-card);
    background-image: none;
    box-shadow: none;
    backdrop-filter: none;
    animation: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    padding: 14px 10px;
    border-radius: 0;
    background: var(--notion-sidebar);
  }

  .home-sidebar-brand {
    color: var(--notion-ink);
    font-size: 0.95rem;
    font-weight: 650;
  }

  .home-brand-mark {
    position: relative;
    width: 38px;
    height: 22px;
    display: inline-block;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .home-brand-mark::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 18px;
    border-radius: 999px;
    background: var(--notion-ink);
  }

  .home-brand-mark::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 20px;
    height: 18px;
    border-radius: 999px;
    background: var(--notion-ink);
    display: block;
  }

  .home-sidebar-nav {
    border-bottom-color: var(--notion-line);
  }

  .home-sidebar-nav button {
    min-height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    background: transparent;
    color: var(--notion-muted);
    font-size: 0.93rem;
    font-weight: 550;
  }

  .home-sidebar-nav button::before {
    display: none;
  }

  .home-sidebar-nav button.active,
  .home-sidebar-nav button:hover,
  .home-sidebar-nav button:focus-visible {
    background: var(--notion-hover);
    color: var(--notion-ink);
    box-shadow: none;
    transform: none;
  }

  .home-sidebar-nav svg,
  .home-sidebar-section-title svg,
  .home-hero-actions svg {
    stroke: currentColor;
  }

  .home-sidebar-nav svg {
    color: #8f8e8a;
  }

  .home-sidebar-meeting-card,
  .home-account-card {
    border-color: var(--notion-line);
    border-radius: 8px;
    background: #fff;
    background-image: none;
    box-shadow: none;
  }

  .home-sidebar-section-title {
    color: var(--notion-muted);
    font-size: 0.78rem;
    font-weight: 650;
  }

  .home-sidebar-section-title svg {
    color: var(--notion-green);
  }

  .home-sidebar-meeting-actions button,
  .home-hero-actions button,
  .home-chat-form button:first-child {
    border-color: var(--notion-line);
    background: var(--notion-soft);
    box-shadow: none;
    transform: none;
  }

  .home-sidebar-meeting-actions button:hover,
  .home-hero-actions button:hover,
  .home-chat-form button:first-child:hover {
    border-color: var(--notion-line-strong);
    background: var(--notion-hover);
    box-shadow: none;
    transform: none;
  }

  .home-account-avatar {
    background: var(--notion-green);
    box-shadow: none;
  }

  .home-account-card strong {
    color: var(--notion-ink);
    font-weight: 650;
  }

  .home-account-card small,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .session-empty {
    color: var(--notion-muted);
  }

  .home-hero-panel h1 {
    color: var(--notion-ink);
    font-size: 2.35rem;
    font-weight: 750;
    line-height: 1.08;
    text-shadow: none;
  }

  .home-hero-panel p {
    color: var(--notion-muted);
    font-size: 1rem;
    font-weight: 500;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    border-color: var(--notion-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel::before,
  .home-dashboard-card::before {
    display: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2,
  .home-card-heading h2,
  .home-chat-header h2,
  .workspace-entry-copy strong,
  .home-attention-copy strong,
  .home-latest-body strong {
    color: var(--notion-ink);
    font-weight: 700;
    letter-spacing: 0;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    border-color: var(--notion-line);
    border-radius: 9px;
    background: #fff;
    box-shadow: none;
    color: var(--notion-ink);
    transform: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button:hover,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button:hover {
    border-color: var(--notion-line-strong);
    background: var(--notion-soft);
    box-shadow: none;
    transform: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    border-color: var(--notion-line);
    background: #fff;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon {
    background: #fdebec;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon::before {
    background: var(--notion-red);
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu svg {
    border-color: #dce7f6;
    background: #f1f7ff;
    color: var(--notion-blue);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button svg {
    border-color: #efe1bd;
    background: #fff8e9;
    color: var(--notion-yellow);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu small,
  .workspace-entry-copy small,
  .home-attention-copy small,
  .home-latest-body span,
  .home-latest-body p,
  .home-chat-empty p {
    color: var(--notion-muted);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    border-color: var(--notion-line);
    background: var(--notion-soft);
    color: var(--notion-muted);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    border-color: var(--notion-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-icon {
    border-color: #d7eadd;
    border-radius: 7px;
    background: #eff8f1;
    color: var(--notion-green);
    box-shadow: none;
  }

  .workspace-entry-copy strong::after,
  .home-ai-badge {
    border-color: #d7eadd;
    background: #eff8f1;
    color: var(--notion-green);
    box-shadow: none;
  }

  .workspace-entry-button .session-row-chevron {
    color: var(--notion-faint);
  }

  .home-dashboard-card {
    border-color: var(--notion-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
  }

  .home-card-icon {
    border-color: var(--notion-line);
    background: var(--notion-soft);
    color: var(--notion-muted);
    box-shadow: none;
  }

  .home-card-icon.sparkle {
    border-color: #e4dcf5;
    background: #f7f3ff;
    color: var(--notion-purple);
  }

  .home-attention-row {
    border-radius: 6px;
    transform: none;
  }

  .home-attention-row:hover,
  .home-attention-row:focus-visible {
    background: var(--notion-soft);
    transform: none;
  }

  .home-attention-icon {
    border-color: #efe1bd;
    background: #fff8e9;
    color: var(--notion-yellow);
    box-shadow: none;
  }

  .home-attention-row.question .home-attention-icon {
    border-color: #e4dcf5;
    background: #f7f3ff;
    color: var(--notion-purple);
  }

  .home-attention-row.meeting .home-attention-icon,
  .home-attention-row em,
  .home-session-table-row em[data-status="analyzed"] {
    border-color: #dce7f6;
    background: #f1f7ff;
    color: var(--notion-blue);
  }

  .home-latest-body p {
    border-color: var(--notion-line);
    background: #fff;
    background-image: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    border-color: var(--notion-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
  }

  .home-chat-header {
    border-bottom-color: var(--notion-line);
  }

  .home-chat-header h2::before,
  .home-chat-empty > span {
    border-color: #e4dcf5;
    border-radius: 7px;
    background: #f7f3ff;
    color: var(--notion-purple);
    box-shadow: none;
  }

  .home-chat-suggestions button {
    border-color: var(--notion-line);
    background: #fff;
    color: var(--notion-muted);
    transform: none;
  }

  .home-chat-suggestions button:hover,
  .home-chat-suggestions button:focus-visible {
    border-color: var(--notion-line-strong);
    background: var(--notion-soft);
    color: var(--notion-ink);
    transform: none;
  }

  .home-chat-form {
    border-color: var(--notion-line);
    background: #fff;
    box-shadow: none;
  }

  .home-chat-form button:last-child {
    background: var(--notion-ink);
    box-shadow: none;
    transform: none;
  }

  .home-chat-form button:last-child:hover,
  .home-chat-form button:last-child:focus-visible {
    background: #2f2d28;
    box-shadow: none;
    transform: none;
  }

  .home-account-card {
    grid-template-columns: 42px minmax(0, 1fr) 26px;
    gap: 9px;
    min-height: 78px;
    padding: 8px;
    border-color: #e3ded3;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(253, 251, 246, 0.96)),
      #fffefa;
    transition: background 140ms ease, border-color 140ms ease;
  }

  .home-account-card:hover,
  .home-account-card:focus-visible {
    border-color: #d8d1c3;
    background: #f9f6ee;
  }

  .home-account-avatar {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid #dfdbd0;
    background: #f2efe7;
    color: #11100f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1;
  }

  .home-account-avatar::after {
    content: none;
    display: none;
  }

  .home-account-card > span:nth-child(2) {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .home-account-card strong {
    color: var(--notion-ink);
    font-size: 0.94rem;
    font-weight: 720;
    line-height: 1.12;
  }

  .home-account-card small {
    color: var(--notion-muted);
    font-size: 0.71rem;
    line-height: 1.14;
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .home-account-plan {
    width: max-content;
    max-width: 100%;
    margin-top: 3px;
    padding: 2px 7px;
    border: 1px solid rgba(55, 53, 47, 0.1);
    border-radius: 999px;
    background: var(--notion-soft);
    color: var(--notion-muted);
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 650;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-account-chevron {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(55, 53, 47, 0.1);
    border-radius: 7px;
    background: #fff;
    color: var(--notion-muted);
  }

  .home-account-card:hover .home-account-chevron,
  .home-account-card:focus-visible .home-account-chevron {
    border-color: rgba(55, 53, 47, 0.16);
    background: var(--notion-hover);
    color: var(--notion-ink);
  }

  .home-account-chevron svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
}

@media (max-width: 1240px) and (min-width: 921px) {
  .home-hero-panel h1 {
    font-size: 2rem;
  }
}

/* Ask Elthos home panel alignment */
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
  padding: 18px;
}

.home-chat-header {
  display: grid;
  grid-template-columns: minmax(126px, 0.74fr) minmax(0, 1.26fr);
  gap: 12px;
  align-items: end;
  padding-bottom: 14px;
}

.home-chat-title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  min-height: 40px;
}

.home-chat-header h2 {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #252624;
  font-size: 0.98rem;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
}

.home-chat-header h2::before {
  content: none;
}

.home-chat-title-icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: block;
  color: #242424;
  fill: currentColor;
}

.home-chat-scope {
  width: 100%;
  display: grid;
  gap: 5px;
  justify-items: stretch;
  color: rgba(31, 31, 33, 0.56);
  font-size: 0.7rem;
  font-weight: 700;
}

.home-chat-scope span {
  justify-self: start;
}

.home-chat-scope select {
  width: 100%;
  max-width: none;
  min-height: 40px;
  padding: 0 32px 0 12px;
  border-radius: 10px;
  font-size: 0.82rem;
}

.home-chat-suggestions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.home-chat-suggestions button {
  width: 100%;
  min-height: 34px;
  justify-content: center;
  padding: 0 6px;
  overflow: hidden;
  border-radius: 10px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.74rem;
}

.home-chat-suggestions button:nth-child(3) {
  grid-column: auto;
}

.home-chat-messages {
  justify-content: flex-start;
  padding: 22px 0 16px;
}

.home-chat-empty {
  max-width: 270px;
  gap: 11px;
  margin: clamp(42px, 12vh, 96px) auto 0;
}

.home-chat-empty > span,
.home-chat-empty > .home-chat-empty-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #5b67c9;
}

.home-chat-empty-icon svg {
  width: 30px;
  height: 30px;
  display: block;
  fill: currentColor;
}

.home-chat-empty strong {
  color: #303236;
  font-size: 0.96rem;
  line-height: 1.22;
}

.home-chat-empty p {
  max-width: 238px;
  font-size: 0.9rem;
  line-height: 1.45;
}

@media (max-width: 1240px) and (min-width: 921px) {
  .home-chat-header {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .home-chat-title-row {
    min-height: 0;
  }

  .home-chat-suggestions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Legacy home memory preview styles v119 */
@media (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: auto auto auto minmax(260px, auto) minmax(160px, auto);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    border-color: rgba(55, 53, 47, 0.12);
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-memory-card {
    min-height: 156px;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 14px;
    padding: 13px 16px;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-memory-card:hover,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-memory-card:focus-visible {
    background: #fafaf9;
  }
}

.workspace-memory-illustration {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(55, 53, 47, 0.1);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(250, 250, 249, 0.94), rgba(255, 255, 255, 0.98)),
    #fff;
  color: #37352f;
}

.workspace-memory-illustration svg {
  width: 86px;
  height: 68px;
  display: block;
}

.memory-page,
.memory-page-fold,
.memory-brain-line,
.memory-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.memory-page {
  fill: #fff;
}

.memory-brain-fill {
  fill: #edf8f2;
  stroke: #37352f;
  stroke-width: 2.3;
  stroke-linejoin: round;
}

.memory-spark {
  fill: #f7d77b;
  stroke: #37352f;
  stroke-width: 2.1;
  stroke-linejoin: round;
}

.memory-line {
  color: rgba(55, 53, 47, 0.48);
}

.workspace-memory-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.workspace-memory-title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.workspace-memory-title-row strong {
  min-width: 0;
  color: var(--notion-ink, #37352f);
  font-size: 1.05rem;
  font-weight: 730;
  line-height: 1.1;
}

.workspace-memory-title-row strong::after {
  margin-left: 8px;
}

.workspace-memory-copy > small {
  color: var(--notion-muted, rgba(55, 53, 47, 0.62));
  font-size: 0.8rem;
  line-height: 1.25;
  white-space: normal;
}

.workspace-memory-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.workspace-memory-stats > span {
  min-width: 0;
  display: grid;
  gap: 1px;
  padding: 5px 7px;
  border: 1px solid rgba(55, 53, 47, 0.09);
  border-radius: 8px;
  background: #fbfbfa;
}

.workspace-memory-stats b {
  color: var(--notion-ink, #37352f);
  font-size: 0.9rem;
  font-weight: 760;
  line-height: 1;
}

.workspace-memory-stats em {
  color: var(--notion-muted, rgba(55, 53, 47, 0.62));
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 650;
  line-height: 1.15;
}

.workspace-memory-projects {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.workspace-memory-project-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  border: 1px solid rgba(55, 53, 47, 0.09);
  border-radius: 8px;
  background: #fff;
}

.workspace-memory-project-row.is-empty {
  grid-column: 1 / -1;
}

.workspace-memory-project-row:only-child {
  grid-column: 1 / -1;
}

.workspace-memory-project-mark {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f1f1ef;
  color: rgba(55, 53, 47, 0.72);
  font-size: 0.72rem;
  font-weight: 760;
  line-height: 1;
}

.workspace-memory-project-row strong {
  display: block;
  overflow: hidden;
  color: var(--notion-ink, #37352f);
  font-size: 0.78rem;
  font-weight: 720;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-memory-project-row strong::after {
  content: none;
  display: none;
}

.workspace-memory-project-row small {
  display: block;
  overflow: hidden;
  color: var(--notion-muted, rgba(55, 53, 47, 0.62));
  font-size: 0.66rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-memory-card .session-row-chevron {
  align-self: center;
  justify-self: end;
  color: rgba(55, 53, 47, 0.42);
}

@media (max-width: 1180px) and (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-memory-card {
    grid-template-columns: 78px minmax(0, 1fr) 18px;
    gap: 12px;
  }

  .workspace-memory-illustration {
    width: 78px;
    height: 98px;
  }

  .workspace-memory-illustration svg {
    width: 78px;
    height: 64px;
  }
}

@media (max-width: 720px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-memory-card {
    width: 100%;
    min-height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    padding: 14px;
    text-align: left;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-memory-illustration,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-memory-card .session-row-chevron {
    display: none;
  }

  .workspace-memory-projects {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Final home layout guard for the memory preview */
@media (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    height: auto !important;
    max-height: none !important;
    min-height: calc(100vh - 56px);
    min-height: calc(100dvh - 56px);
    overflow: visible !important;
    grid-template-rows: auto auto minmax(178px, auto) minmax(300px, 1fr) !important;
    grid-template-areas:
      "sidebar homeHero homeChat"
      "sidebar capture homeChat"
      "sidebar workspaceEntry homeChat"
      "sidebar focus homeChat" !important;
    align-items: stretch;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    height: auto !important;
    min-height: 178px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel {
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-focus-grid,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-dashboard-card {
    min-height: 0;
    height: 100%;
    align-self: stretch;
  }
}

/* Project Brain restored home shortcut v121 */
@media (min-width: 921px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-rows: auto auto minmax(84px, auto) minmax(300px, 1fr) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
    min-height: 84px;
    border-color: rgba(55, 53, 47, 0.12);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .project-brain-card {
    min-height: 84px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22px;
    align-items: center;
    gap: 14px;
    padding: 15px 18px;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .project-brain-card:hover,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .project-brain-card:focus-visible {
    background: #fafaf9;
  }
}

.project-brain-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.project-brain-copy strong {
  display: block;
  color: #0a84ff;
  font-size: 1.12rem;
  font-weight: 740;
  line-height: 1.15;
}

.project-brain-copy strong::after {
  content: none;
  display: none;
}

.project-brain-copy strong::before {
  content: none !important;
  display: none !important;
}

.project-brain-copy small {
  color: var(--notion-muted, rgba(55, 53, 47, 0.62));
  font-size: 0.84rem;
  font-weight: 560;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-brain-card .session-row-chevron {
  justify-self: end;
  margin-left: 0;
  color: rgba(55, 53, 47, 0.42);
  font-size: 1.7rem;
  line-height: 1;
}

@keyframes brainPulse {
  0%, 100% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.06);
  }
}

@keyframes brainTrace {
  0%, 100% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 12;
  }
}

@keyframes brainSpark {
  0%, 100% {
    opacity: 0.72;
    transform: scale(0.92) rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.12) rotate(8deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .project-brain-fill,
  .project-brain-line,
  .project-brain-spark,
  .project-brain-connector,
  .project-brain-lines {
    animation: none;
  }
}

@media (max-width: 720px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .project-brain-card {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    padding: 14px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .project-brain-copy {
    gap: 3px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .project-brain-copy small {
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

/* Elthos project workspace background v123 */
body.workspace-detail-view {
  --project-bg-top: #fbfdfb;
  --project-bg-mid: #f2f7f4;
  --project-bg-bottom: #e9f1ed;
  --project-green: #4a8d76;
  --project-green-soft: #eff8f1;
  --project-green-line: rgba(74, 141, 118, 0.16);
  background:
    linear-gradient(180deg, var(--project-bg-top) 0%, var(--project-bg-mid) 44%, var(--project-bg-bottom) 100%);
  background-attachment: fixed;
}

body.workspace-detail-view .motion-bg {
  background:
    radial-gradient(circle at 50% -8%, rgba(74, 141, 118, 0.14), transparent 36%),
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.9), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(237, 248, 244, 0.58));
}

body.workspace-detail-view .app-shell {
  background: transparent;
}

body.workspace-detail-view .workspace-brain-shell {
  border-color: var(--project-green-line);
  background: rgba(255, 255, 255, 0.86);
  box-shadow:
    0 28px 76px rgba(74, 141, 118, 0.12),
    0 12px 34px rgba(55, 53, 47, 0.05);
}

body.workspace-detail-view .workspace-card,
body.workspace-detail-view .workspace-project-list {
  border-color: var(--project-green-line);
  background: rgba(255, 255, 255, 0.88);
}

body.workspace-detail-view .round-add-button {
  border-color: var(--project-green);
  background: var(--project-green);
  box-shadow: 0 12px 26px rgba(74, 141, 118, 0.22);
}

body.workspace-detail-view .workspace-project-row.active,
body.workspace-detail-view .workspace-project-row:hover {
  background: var(--project-green-soft);
}

body.workspace-detail-view .back-button:hover,
body.workspace-detail-view .back-button:focus-visible {
  border-color: var(--project-green-line);
  background: var(--project-green-soft);
}

:root[data-theme="dark"] body.workspace-detail-view {
  --project-bg-top: #101613;
  --project-bg-mid: #0b1110;
  --project-bg-bottom: #070b0a;
  --project-green-line: rgba(95, 209, 132, 0.16);
}

:root[data-theme="dark"] body.workspace-detail-view .motion-bg {
  background:
    radial-gradient(circle at 50% -8%, rgba(95, 209, 132, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(16, 24, 20, 0.82), rgba(7, 11, 10, 0.92));
}

/* Elthos sessions history background v124 */
body.sessions-detail-view {
  --sessions-bg-top: #fbfdfb;
  --sessions-bg-mid: #f2f7f4;
  --sessions-bg-bottom: #e9f1ed;
  --sessions-green: #4a8d76;
  --sessions-green-soft: #eff8f1;
  --sessions-green-line: rgba(74, 141, 118, 0.16);
  background:
    linear-gradient(180deg, var(--sessions-bg-top) 0%, var(--sessions-bg-mid) 44%, var(--sessions-bg-bottom) 100%);
  background-attachment: fixed;
}

body.sessions-detail-view .motion-bg {
  background:
    radial-gradient(circle at 50% -8%, rgba(74, 141, 118, 0.14), transparent 36%),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.9), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(237, 248, 244, 0.58));
}

body.sessions-detail-view .app-shell {
  background: transparent;
}

body.sessions-detail-view .sessions-shell {
  border-color: var(--sessions-green-line);
  background: rgba(255, 255, 255, 0.86);
  box-shadow:
    0 28px 76px rgba(74, 141, 118, 0.12),
    0 12px 34px rgba(55, 53, 47, 0.05);
}

body.sessions-detail-view .session-list.full-list {
  border-color: var(--sessions-green-line);
  background: rgba(255, 255, 255, 0.9);
}

body.sessions-detail-view #sessionsDetailCount {
  border-color: var(--sessions-green-line);
  background: var(--sessions-green-soft);
  color: var(--sessions-green);
}

body.sessions-detail-view #sessionsDetailCount::before {
  background: var(--sessions-green);
  box-shadow: 0 0 0 4px rgba(74, 141, 118, 0.12);
}

body.sessions-detail-view .session-row.active,
body.sessions-detail-view .session-row:hover {
  background: var(--sessions-green-soft);
}

body.sessions-detail-view .back-button:hover,
body.sessions-detail-view .back-button:focus-visible {
  border-color: var(--sessions-green-line);
  background: var(--sessions-green-soft);
}

:root[data-theme="dark"] body.sessions-detail-view {
  --sessions-bg-top: #101613;
  --sessions-bg-mid: #0b1110;
  --sessions-bg-bottom: #070b0a;
  --sessions-green-line: rgba(95, 209, 132, 0.16);
}

:root[data-theme="dark"] body.sessions-detail-view .motion-bg {
  background:
    radial-gradient(circle at 50% -8%, rgba(95, 209, 132, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(16, 24, 20, 0.82), rgba(7, 11, 10, 0.92));
}

/* Professional project detail refresh */
body.project-detail-view {
  --project-pro-page: #eef2f6;
  --project-pro-page-deep: #e6edf4;
  --project-pro-shell: #f7f7f5;
  --project-pro-surface: #fbfbfa;
  --project-pro-soft: #f1f1ee;
  --project-pro-card: #ffffff;
  --project-pro-card-muted: #f0efea;
  --project-pro-ink: #242521;
  --project-pro-heading: #30312d;
  --project-pro-text: #4d4943;
  --project-pro-muted: #77746f;
  --project-pro-line: rgba(31, 31, 33, 0.08);
  --project-pro-line-strong: rgba(31, 31, 33, 0.12);
  --project-pro-shadow: 0 24px 58px rgba(45, 48, 54, 0.1);
  color: var(--project-pro-text);
  background:
    linear-gradient(180deg, var(--project-pro-page) 0%, var(--project-pro-page-deep) 100%);
  background-attachment: fixed;
}

body.project-detail-view .motion-bg {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.56), rgba(232, 239, 247, 0.56));
}

body.project-detail-view .app-shell,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .app-shell {
  background: transparent;
}

body.project-detail-view .workspace {
  color: var(--project-pro-text);
}

body.project-detail-view .project-shell,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell {
  border: 1px solid var(--project-pro-line);
  border-radius: 18px;
  background: var(--project-pro-shell);
  box-shadow: var(--project-pro-shadow);
  backdrop-filter: blur(18px) saturate(1.02);
}

body.project-detail-view .session-header,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell .session-header {
  border-bottom: 1px solid var(--project-pro-line);
  background: #f7f7f4;
  box-shadow: none;
}

body.project-detail-view .session-header > div:not(.session-meta):not(.project-info-popover) {
  grid-area: title;
  min-width: 0;
  overflow: hidden;
}

body.project-detail-view #projectDetailTitle {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 14px;
  color: var(--project-pro-heading);
  letter-spacing: 0;
}

body.project-detail-view #projectDetailTitle::before,
body.project-detail-view .project-ai-sheet-header strong::before {
  content: "";
  width: 34px;
  min-width: 34px;
  height: 22px;
  display: inline-block;
  border: 0;
  border-radius: 999px;
  background:
    radial-gradient(circle at 31% 50%, #202020 0 8px, transparent 8.5px),
    radial-gradient(circle at 69% 50%, #202020 0 8px, transparent 8.5px);
  box-shadow: none;
  transform: none;
}

body.project-detail-view .back-button,
body.project-detail-view .project-info-button,
body.project-detail-view .session-meta button,
body.project-detail-view .session-meta span,
body.project-detail-view .icon-button,
body.project-detail-view .project-chat-clear-button {
  border-color: var(--project-pro-line);
  color: #6d6b66;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none;
}

body.project-detail-view .back-button:hover,
body.project-detail-view .back-button:focus-visible,
body.project-detail-view .session-meta button:hover,
body.project-detail-view .session-meta button:focus-visible,
body.project-detail-view .project-chat-clear-button:hover:not(:disabled),
body.project-detail-view .project-chat-clear-button:focus-visible:not(:disabled) {
  border-color: var(--project-pro-line-strong);
  color: var(--project-pro-ink);
  background: #fff;
  box-shadow: none;
  outline: none;
}

body.project-detail-view #renameProjectButton::before,
body.project-detail-view #addSessionToProjectButton::before,
body.project-detail-view #addMemberTaskButton::before,
body.project-detail-view #projectAddMemberButton::before,
body.project-detail-view #projectDetailMeta::before,
body.project-detail-view .project-chat-top #projectChatScope::before {
  border: 1px solid var(--project-pro-line);
  color: var(--project-pro-muted);
  background: #fff;
  box-shadow: none;
}

body.project-detail-view .project-detail-tabs,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-tabs {
  gap: 8px;
  border-bottom-color: var(--project-pro-line);
  background: var(--project-pro-soft);
  backdrop-filter: none;
}

body.project-detail-view .project-detail-tab {
  min-height: 38px;
  border-color: var(--project-pro-line);
  border-radius: 8px;
  color: var(--project-pro-muted);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none;
  font-weight: 650;
}

body.project-detail-view .project-detail-tab::before,
body.project-detail-view .project-detail-pane .project-memory-grid > .insight-card > h3::before,
body.project-detail-view .project-detail-pane .card-title-row h3::before {
  border-color: var(--project-pro-line);
  border-radius: 6px;
  color: var(--project-pro-muted);
  background: #fff;
  box-shadow: none;
  transform: none;
}

body.project-detail-view .project-detail-tab[data-project-detail-tab],
body.project-detail-view .project-detail-pane[data-project-detail-pane] .card-title-row h3,
body.project-detail-view .project-detail-pane[data-project-detail-pane="brain"] .project-memory-grid .insight-card > h3,
body.project-detail-view .project-ai-sheet-header strong {
  --project-tab-symbol-color: var(--project-pro-muted);
  --project-card-symbol-color: var(--project-pro-muted);
  --project-card-symbol-bg: #fff;
  --project-card-symbol-border: var(--project-pro-line);
}

body.project-detail-view .project-detail-tab.active {
  border-color: #171717;
  color: #fff;
  background: #171717;
}

body.project-detail-view .project-detail-tab.active::before {
  border-color: rgba(255, 255, 255, 0.5);
  color: #171717;
  background: #fff;
}

body.project-detail-view .project-detail-content {
  background: transparent;
}

body.project-detail-view .project-detail-pane .insight-card,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid .insight-card,
body.project-detail-view .project-detail-pane[data-project-detail-pane="files"] .project-timeline-card {
  border: 1px solid var(--project-pro-line-strong);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
  backdrop-filter: none;
}

body.project-detail-view .project-detail-pane .project-memory-grid > .insight-card > h3,
body.project-detail-view .project-detail-pane .card-title-row h3 {
  color: var(--project-pro-heading);
  letter-spacing: 0;
}

body.project-detail-view .project-detail-pane .project-memory-grid li,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid li,
body.project-detail-view .project-detail-pane .project-memory-grid li.empty,
body.project-detail-view .project-detail-pane .session-empty,
body.project-detail-view .project-member-row span,
body.project-detail-view .project-file-row span,
body.project-detail-view #projectChatScope,
body.project-detail-view .card-title-row span {
  color: var(--project-pro-muted);
}

body.project-detail-view .project-chat-card,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card {
  border: 1px solid #e5e0d8;
  border-radius: 18px;
  background: rgba(253, 252, 248, 0.96);
  box-shadow: 0 24px 58px rgba(45, 40, 32, 0.11);
  backdrop-filter: blur(18px) saturate(1.04);
}

body.project-detail-view .project-ai-sheet-header strong {
  gap: 14px;
  color: var(--project-pro-heading);
}

body.project-detail-view .project-chat-top #projectChatScope,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-top #projectChatScope {
  border: 1px solid #e5e0d8;
  border-radius: 999px;
  color: var(--project-pro-muted);
  background: #f8f7f3;
}

body.project-detail-view .project-suggestion-row button,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row button {
  color: var(--project-pro-muted);
  font-weight: 680;
}

body.project-detail-view .project-suggestion-row,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row {
  justify-content: flex-start;
  gap: 10px;
  padding: 0 4px 2px;
}

body.project-detail-view .project-suggestion-row button::before {
  border: 1px solid #e5e0d8;
  color: var(--project-pro-muted);
  background: #fff;
  box-shadow: none;
}

body.project-detail-view .project-suggestion-row button:hover,
body.project-detail-view .project-suggestion-row button:focus-visible {
  color: var(--project-pro-ink);
  outline: none;
}

body.project-detail-view .project-chat-messages,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages {
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: none;
}

body.project-detail-view .project-chat-form,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form {
  border-color: #e5e0d8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(45, 40, 32, 0.08);
}

body.project-detail-view .project-chat-form:focus-within {
  border-color: #d6cfc4;
  box-shadow:
    0 16px 34px rgba(45, 40, 32, 0.1);
}

body.project-detail-view .project-chat-form input {
  color: #312e29;
  background: transparent;
}

body.project-detail-view .project-chat-form input::placeholder {
  color: #aaa49a;
}

body.project-detail-view .chat-file-button {
  border-color: #e3ddd5;
  color: #46423c;
  background: #faf9f6;
}

body.project-detail-view .project-chat-form #projectChatButton,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton {
  border-color: #171717;
  color: #fff;
  background: #171717;
  box-shadow: none;
}

body.project-detail-view .project-chat-form #projectChatButton:hover,
body.project-detail-view .project-chat-form #projectChatButton:focus-visible {
  border-color: #000;
  background: #000;
  box-shadow: 0 0 0 3px rgba(25, 25, 25, 0.08);
  outline: none;
}

@media (min-width: 981px) {
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell .session-header {
    grid-template-columns: auto minmax(140px, 1fr) minmax(280px, 430px);
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell .session-meta {
    width: 100%;
    max-width: none;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) #projectDetailMeta {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 980px) {
  body.project-detail-view .project-shell {
    border-radius: 16px;
  }

  body.project-detail-view .session-header {
    border-radius: 16px 16px 0 0;
  }

body.project-detail-view #projectDetailTitle::before {
    width: 34px;
    min-width: 34px;
    height: 22px;
  }

  body.project-detail-view .project-detail-tab {
    min-width: 68px;
  }

  body.project-detail-view .project-chat-card {
    border-radius: 16px;
  }
}

/* Home dashboard density v190 */
.home-latest-body {
  gap: 0;
}

.home-memory-row {
  width: 100%;
  display: grid;
  gap: 5px;
  padding: 11px 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.home-memory-row + .home-memory-row {
  border-top: 1px solid rgba(31, 31, 33, 0.08);
}

.home-memory-row:hover,
.home-memory-row:focus-visible {
  background: rgba(31, 31, 33, 0.04);
  outline: none;
}

.home-memory-row p {
  margin: 2px 0 0;
  padding: 10px 12px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.home-attention-row.next .home-attention-icon {
  border-color: #d7eadd;
  background: #eff8f1;
  color: var(--notion-green, #2f8f63);
}

.home-attention-row.next .home-attention-icon::before {
  content: "→";
}

.home-attention-row.review .home-attention-icon {
  border-color: #e0ded8;
  background: #f7f6f2;
  color: var(--notion-muted, rgba(55, 53, 47, 0.58));
}

.home-attention-row.review .home-attention-icon::before {
  content: "doc";
  font-size: 0.54rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Home attention premium stickers v196 */
.home-attention-doodle {
  width: 42px;
  height: 42px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #101010;
  box-shadow: none !important;
}

.home-attention-doodle::before {
  content: none !important;
}

.home-attention-doodle svg {
  width: 42px;
  height: 42px;
  display: block;
  overflow: visible;
  filter: drop-shadow(0 3px 5px rgba(16, 16, 16, 0.08));
}

.home-attention-static {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0 4px;
}

.home-attention-static .home-attention-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: transparent;
}

.home-attention-placeholder {
  flex: 1;
  display: grid;
  gap: 9px;
}

.home-attention-placeholder span {
  display: block;
  height: 10px;
  border-radius: 999px;
  background: rgba(31, 31, 33, 0.08);
}

.home-attention-placeholder span:first-child {
  width: min(180px, 70%);
}

.home-attention-placeholder span:last-child {
  width: min(260px, 92%);
  opacity: 0.66;
}

.home-attention-doodle .sticker-bg {
  fill: #f3b536;
  stroke: #121212;
  stroke-width: 1.95;
}

.home-attention-doodle .sticker-white {
  fill: #fff;
  stroke: #121212;
  stroke-width: 1.95;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home-attention-doodle .sticker-line {
  fill: none;
  stroke: #121212;
  stroke-width: 1.95;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home-attention-doodle .sticker-fill {
  fill: #121212;
  stroke: #121212;
  stroke-width: 1.6;
  stroke-linejoin: round;
}

.home-attention-doodle .sticker-dot {
  fill: none;
  stroke: #121212;
  stroke-width: 3.2;
  stroke-linecap: round;
}

.home-attention-row.question .home-attention-doodle .sticker-bg {
  fill: #f28b45;
}

.home-attention-row.meeting .home-attention-doodle .sticker-bg {
  fill: #68b9af;
}

.home-attention-row.next .home-attention-doodle .sticker-bg {
  fill: #9f72df;
}

.home-attention-row.review .home-attention-doodle .sticker-bg {
  fill: #ef78c6;
}

.home-attention-row.deadline .home-attention-doodle,
.home-attention-row.question .home-attention-doodle,
.home-attention-row.meeting .home-attention-doodle,
.home-attention-row.next .home-attention-doodle,
.home-attention-row.review .home-attention-doodle {
  display: grid;
  place-items: center;
}

.home-attention-row .deadline-check-button {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border: 1.5px solid rgba(31, 31, 33, 0.28);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.home-attention-open {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.home-attention-open:hover .home-attention-copy strong,
.home-attention-open:focus-visible .home-attention-copy strong {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.needs-attention-list {
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  padding: 4px 18px;
}

/* Start session premium stickers */
.audio-menu button,
.audio-menu .file-button {
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 0 16px !important;
}

.audio-menu #recordIcon,
.audio-menu .capture-sticker-svg {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  grid-row: 1 / span 2;
  display: grid !important;
  place-items: center;
  align-self: center;
  justify-self: center;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #121212 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1;
}

.audio-menu #recordIcon::before,
.audio-menu #recordIcon::after,
.audio-menu .file-button::before,
.audio-menu .file-button::after {
  content: none !important;
  display: none !important;
}

.audio-menu .capture-sticker-svg {
  overflow: visible;
  fill: none !important;
  stroke: none !important;
  filter: drop-shadow(0 4px 6px rgba(16, 16, 16, 0.1));
}

.audio-menu .capture-sticker-svg .sticker-bg {
  fill: #ef6f6c !important;
  stroke: #121212 !important;
  stroke-width: 1.95;
}

.audio-menu .capture-upload-sticker .sticker-bg {
  fill: #5d99e6 !important;
}

.audio-menu .capture-paste-sticker .sticker-bg {
  fill: #f0bb4f !important;
}

.audio-menu .capture-shared-sticker .sticker-bg {
  fill: #68b9af !important;
}

.audio-menu #recordIcon.is-recording .sticker-bg {
  fill: #f05a55 !important;
}

.audio-menu .capture-sticker-svg .sticker-white {
  fill: #fff !important;
  stroke: #121212 !important;
  stroke-width: 1.95;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.audio-menu .capture-sticker-svg .sticker-line {
  fill: none !important;
  stroke: #121212 !important;
  stroke-width: 1.95;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.audio-menu .capture-sticker-svg .sticker-fill {
  fill: #121212 !important;
  stroke: #121212 !important;
  stroke-width: 1.5;
  stroke-linejoin: round;
}

.audio-menu .capture-sticker-svg .sticker-dot {
  fill: none !important;
  stroke: #121212 !important;
  stroke-width: 3.1;
  stroke-linecap: round;
}

.audio-menu .capture-record-sticker,
.audio-menu .capture-shared-sticker,
.audio-menu .capture-upload-sticker {
  filter: drop-shadow(0 8px 16px rgba(19, 24, 34, 0.08)) !important;
}

.audio-menu .capture-record-sticker {
  color: #ff5f58 !important;
  filter:
    drop-shadow(0 7px 14px rgba(255, 95, 88, 0.2))
    drop-shadow(0 2px 4px rgba(20, 24, 32, 0.08)) !important;
}

.audio-menu .capture-shared-sticker {
  color: #2fb8aa !important;
  filter:
    drop-shadow(0 7px 14px rgba(47, 184, 170, 0.2))
    drop-shadow(0 2px 4px rgba(20, 24, 32, 0.08)) !important;
}

.audio-menu .capture-upload-sticker {
  color: #4b7dff !important;
  filter:
    drop-shadow(0 7px 14px rgba(75, 125, 255, 0.22))
    drop-shadow(0 2px 4px rgba(20, 24, 32, 0.08)) !important;
}

.audio-menu .premium-icon-badge {
  display: none !important;
  fill: transparent !important;
  stroke: transparent !important;
  stroke-width: 0 !important;
}

.audio-menu .premium-icon-glow {
  fill: currentColor !important;
  opacity: 0.16 !important;
  transform-origin: center;
  transform: scale(1.08);
}

.audio-menu .premium-record-capsule,
.audio-menu .premium-icon-ink,
.audio-menu .premium-record-wave,
.audio-menu .premium-stop-square,
.audio-menu .premium-meeting-panel,
.audio-menu .premium-meeting-screen,
.audio-menu .premium-meeting-user,
.audio-menu .premium-meeting-status-ring,
.audio-menu .premium-meeting-status-dot,
.audio-menu .premium-file-page,
.audio-menu .premium-file-corner-fill,
.audio-menu .premium-file-fold,
.audio-menu .premium-upload-arrow {
  transform-box: view-box;
  transform-origin: 24px 24px;
}

.audio-menu .capture-record-sticker .premium-record-capsule,
.audio-menu .capture-record-sticker .premium-icon-ink,
.audio-menu .capture-record-sticker .premium-record-wave,
.audio-menu .capture-record-sticker .premium-stop-square {
  transform: scale(1.08);
}

.audio-menu .capture-shared-sticker .premium-meeting-panel,
.audio-menu .capture-shared-sticker .premium-meeting-screen,
.audio-menu .capture-shared-sticker .premium-meeting-user,
.audio-menu .capture-shared-sticker .premium-meeting-status-ring,
.audio-menu .capture-shared-sticker .premium-meeting-status-dot {
  transform: scale(1.2);
}

.audio-menu .capture-upload-sticker .premium-file-page,
.audio-menu .capture-upload-sticker .premium-file-corner-fill,
.audio-menu .capture-upload-sticker .premium-file-fold,
.audio-menu .capture-upload-sticker .premium-upload-arrow {
  transform: scale(1.12);
}

.audio-menu .premium-record-capsule {
  fill: #ff5f58 !important;
  stroke: rgba(255, 255, 255, 0.44) !important;
  stroke-width: 0.7 !important;
}

.audio-menu .premium-stop-square {
  fill: #ff5f58 !important;
  stroke: rgba(255, 255, 255, 0.5) !important;
  stroke-width: 0.7 !important;
}

.audio-menu .premium-icon-ink {
  fill: none !important;
  stroke: #202735 !important;
  stroke-width: 2.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.audio-menu .premium-record-wave {
  fill: none !important;
  stroke: #ff6b63 !important;
  stroke-width: 2.55 !important;
  stroke-linecap: round !important;
}

.audio-menu .premium-meeting-panel {
  fill: rgba(236, 251, 248, 0.98) !important;
  stroke: #229c91 !important;
  stroke-width: 2.25 !important;
}

.audio-menu .premium-meeting-screen {
  fill: rgba(67, 190, 177, 0.13) !important;
}

.audio-menu .premium-meeting-user {
  fill: #36b8ab !important;
}

.audio-menu .premium-meeting-status-ring {
  fill: #fff !important;
  stroke: #202735 !important;
  stroke-width: 2.45 !important;
}

.audio-menu .premium-meeting-status-dot {
  fill: #38c5b6 !important;
}

.audio-menu .premium-file-page {
  fill: rgba(255, 255, 255, 0.18) !important;
  stroke: #202735 !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.audio-menu .premium-file-corner-fill {
  fill: rgba(75, 125, 255, 0.18) !important;
  stroke: none !important;
}

.audio-menu .premium-file-fold {
  fill: none !important;
  stroke: #89a9ff !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.audio-menu .premium-upload-arrow {
  fill: none !important;
  stroke: #4b7dff !important;
  stroke-width: 2.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.audio-menu button:hover .capture-record-sticker,
.audio-menu button:focus-visible .capture-record-sticker {
  filter:
    drop-shadow(0 9px 18px rgba(255, 95, 88, 0.28))
    drop-shadow(0 3px 6px rgba(20, 24, 32, 0.1)) !important;
}

.audio-menu button:hover .capture-shared-sticker,
.audio-menu button:focus-visible .capture-shared-sticker {
  filter:
    drop-shadow(0 9px 18px rgba(47, 184, 170, 0.28))
    drop-shadow(0 3px 6px rgba(20, 24, 32, 0.1)) !important;
}

.audio-menu .file-button:hover .capture-upload-sticker,
.audio-menu .file-button:focus-within .capture-upload-sticker {
  filter:
    drop-shadow(0 9px 18px rgba(75, 125, 255, 0.3))
    drop-shadow(0 3px 6px rgba(20, 24, 32, 0.1)) !important;
}

/* Latest memory clipping fix v198 */
.home-latest-memory-card .home-latest-body {
  gap: 8px !important;
  overflow: visible !important;
}

.home-latest-memory-card .home-memory-row {
  min-height: 0 !important;
  gap: 4px !important;
  padding: 10px 0 !important;
  overflow: visible !important;
}

.home-latest-memory-card .home-memory-row strong {
  display: block;
  overflow: hidden;
  color: var(--notion-ink, #2f3437);
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-latest-memory-card .home-memory-row > span {
  display: block;
  overflow: hidden;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-latest-memory-card .home-memory-row p {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  margin: 5px 0 0 !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: initial !important;
  border-radius: 8px !important;
}

.home-latest-memory-card .home-memory-preview-text {
  display: -webkit-box;
  overflow: hidden;
  color: inherit;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Mobile start session redesign v200 */
@media (max-width: 720px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    padding: 18px 16px 16px !important;
    border: 1px solid rgba(55, 53, 47, 0.1) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 14px 36px rgba(31, 35, 43, 0.08) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading {
    margin-bottom: 14px !important;
    text-align: left !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    margin: 0 !important;
    color: #2f3437 !important;
    font-size: 1.68rem !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .avatar-stage,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #audioMenuButton {
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    position: static !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 1px 10px !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(55, 53, 47, 0.12) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #2f3437 !important;
    text-align: left !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-column: 1 / -1 !important;
    min-height: 62px !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    padding: 12px 14px !important;
    border-color: rgba(226, 85, 79, 0.22) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(253, 250, 248, 0.95)),
      #fff !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton::after {
    content: "Audio";
    align-self: center;
    justify-self: end;
    padding: 4px 8px;
    border: 1px solid rgba(226, 85, 79, 0.14);
    border-radius: 999px;
    background: #fff3f2;
    color: #b93f3b;
    font-size: 0.72rem;
    font-weight: 720;
    line-height: 1;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu #recordIcon,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .capture-sticker-svg {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    grid-row: 1 / span 2 !important;
    justify-self: center !important;
    filter: drop-shadow(0 2px 4px rgba(16, 16, 16, 0.08)) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button > span:not(#recordIcon),
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #2f3437 !important;
    font-size: 0.98rem !important;
    font-weight: 760 !important;
    line-height: 1.12 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu small {
    grid-column: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: rgba(55, 53, 47, 0.58) !important;
    font-size: 0.72rem !important;
    font-weight: 620 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button small,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button small {
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    min-height: 25px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(55, 53, 47, 0.1) !important;
    border-radius: 999px !important;
    background: #f7f7f5 !important;
    color: rgba(55, 53, 47, 0.68) !important;
    font-size: 0.76rem !important;
    font-weight: 680 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #selectedFile.is-empty {
    display: none !important;
  }
}

/* Android WebView tap and sticker stability v235 */
@media (max-width: 820px) {
  .topbar {
    z-index: 20;
  }

  .topbar-actions,
  .account-control,
  #authOpenButton {
    pointer-events: auto;
  }

  #authOpenButton {
    min-width: 74px;
  }

  #authOpenButton.signed-in {
    min-width: 46px;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon {
    display: grid !important;
    place-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon .capture-sticker-svg {
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    position: relative !important;
    z-index: 30 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > * {
    pointer-events: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    position: relative !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .record-mobile-hit-target {
    display: none !important;
  }
}

/* Final iPhone layout guard v245 */
@media (max-width: 620px) {
  html,
  body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  body {
    min-height: 100svh;
    min-height: 100dvh;
    touch-action: manipulation;
  }

  .app-shell {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding:
      calc(14px + env(safe-area-inset-top, 0px))
      10px
      calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .workspace,
  .session-detail-view .workspace,
  .project-detail-view .workspace,
  .deadline-detail-view .workspace,
  .sessions-detail-view .workspace,
  .meetings-detail-view .workspace,
  .workspace-detail-view .workspace,
  .account-detail-view .workspace,
  .live-recording-view .workspace {
    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .session-shell,
  .project-shell,
  .deadline-shell,
  .sessions-shell,
  .meetings-shell,
  .workspace-brain-shell,
  .account-shell,
  .live-session-shell,
  .capture-panel,
  .deadline-panel,
  .workspace-entry-panel,
  .projects-panel,
  .meetings-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .session-detail-layout {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .session-detail-view .session-workspace-header,
  .session-detail-view .session-shell > .session-header,
  .project-detail-view .session-header,
  .deadline-detail-view .session-header,
  .sessions-detail-view .session-header,
  .meetings-detail-view .session-header,
  .workspace-detail-view .session-header,
  .account-detail-view .session-header,
  .live-recording-view .session-header {
    top: 0 !important;
    min-width: 0 !important;
    padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important;
  }

  .session-detail-view .session-vertical-nav,
  .project-detail-tabs {
    top: calc(66px + env(safe-area-inset-top, 0px)) !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }

  .session-workspace-main,
  .project-detail-content,
  .deadline-detail-content,
  .sessions-shell .session-list.full-list,
  .meeting-list.full-list,
  .deadline-dashboard.full-dashboard {
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .session-recap-card,
  .insight-card,
  .session-list-card,
  .deadline-dashboard,
  .deadline-group,
  .deadline-row,
  .deadline-open,
  .workspace-row,
  .workspace-project-row,
  .project-detail-pane,
  .project-memory-grid,
  .project-chat-card {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .session-recap-card p,
  .insight-card li,
  .insight-card p,
  .deadline-title,
  .deadline-meta,
  .deadline-open,
  .workspace-project-title,
  .workspace-project-meta {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .mobile-meeting-chat-launcher,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher {
    left: auto !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    top: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 70 !important;
  }

  .mobile-meeting-chat-launcher::after,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher::after {
    left: 10px !important;
    right: auto !important;
  }

  .deadline-detail-task-form,
  .session-deadline-task-form {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .deadline-detail-task-form input,
  .session-deadline-task-form input,
  .deadline-detail-task-form button,
  .session-deadline-task-form button {
    width: 100% !important;
    min-width: 0 !important;
  }

  input[type="date"],
  input[type="datetime-local"],
  input[type="time"] {
    min-height: 46px !important;
    font-size: 16px !important;
  }
}

/* iOS mobile hardening v244 */
@media (max-width: 620px) {
  html,
  body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  body {
    min-height: 100svh;
    min-height: 100dvh;
    touch-action: manipulation;
  }

  .app-shell {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding:
      calc(14px + env(safe-area-inset-top, 0px))
      10px
      calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .workspace,
  .session-detail-view .workspace,
  .project-detail-view .workspace,
  .deadline-detail-view .workspace,
  .sessions-detail-view .workspace,
  .meetings-detail-view .workspace,
  .workspace-detail-view .workspace,
  .account-detail-view .workspace,
  .live-recording-view .workspace {
    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .session-shell,
  .project-shell,
  .deadline-shell,
  .sessions-shell,
  .meetings-shell,
  .workspace-brain-shell,
  .account-shell,
  .live-session-shell,
  .capture-panel,
  .deadline-panel,
  .workspace-entry-panel,
  .projects-panel,
  .meetings-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .session-detail-layout {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .session-detail-view .session-workspace-header,
  .session-detail-view .session-shell > .session-header,
  .project-detail-view .session-header,
  .deadline-detail-view .session-header,
  .sessions-detail-view .session-header,
  .meetings-detail-view .session-header,
  .workspace-detail-view .session-header,
  .account-detail-view .session-header,
  .live-recording-view .session-header {
    top: 0 !important;
    min-width: 0 !important;
    padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important;
  }

  .session-detail-view .session-vertical-nav,
  .project-detail-tabs {
    top: calc(66px + env(safe-area-inset-top, 0px)) !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }

  .session-workspace-main,
  .project-detail-content,
  .deadline-detail-content,
  .sessions-shell .session-list.full-list,
  .meeting-list.full-list,
  .deadline-dashboard.full-dashboard {
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .session-recap-card,
  .insight-card,
  .session-list-card,
  .deadline-dashboard,
  .deadline-group,
  .deadline-row,
  .deadline-open,
  .workspace-row,
  .workspace-project-row,
  .project-detail-pane,
  .project-memory-grid,
  .project-chat-card {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .session-recap-card p,
  .insight-card li,
  .insight-card p,
  .deadline-title,
  .deadline-meta,
  .deadline-open,
  .workspace-project-title,
  .workspace-project-meta {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .mobile-meeting-chat-launcher,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher {
    left: auto !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    top: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 70 !important;
  }

  .mobile-meeting-chat-launcher::after,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher::after {
    left: 10px !important;
    right: auto !important;
  }

  .deadline-detail-task-form,
  .session-deadline-task-form {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .deadline-detail-task-form input,
  .session-deadline-task-form input,
  .deadline-detail-task-form button,
  .session-deadline-task-form button {
    width: 100% !important;
    min-width: 0 !important;
  }

  input[type="date"],
  input[type="datetime-local"],
  input[type="time"] {
    min-height: 46px !important;
    font-size: 16px !important;
  }
}

/* Final iPhone layout guard v245 */
@media (max-width: 620px) {
  html,
  body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  body {
    min-height: 100svh;
    min-height: 100dvh;
    touch-action: manipulation;
  }

  .app-shell {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding:
      calc(14px + env(safe-area-inset-top, 0px))
      10px
      calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .workspace,
  .session-detail-view .workspace,
  .project-detail-view .workspace,
  .deadline-detail-view .workspace,
  .sessions-detail-view .workspace,
  .meetings-detail-view .workspace,
  .workspace-detail-view .workspace,
  .account-detail-view .workspace,
  .live-recording-view .workspace {
    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .session-shell,
  .project-shell,
  .deadline-shell,
  .sessions-shell,
  .meetings-shell,
  .workspace-brain-shell,
  .account-shell,
  .live-session-shell,
  .capture-panel,
  .deadline-panel,
  .workspace-entry-panel,
  .projects-panel,
  .meetings-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .session-detail-layout {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .session-detail-view .session-workspace-header,
  .session-detail-view .session-shell > .session-header,
  .project-detail-view .session-header,
  .deadline-detail-view .session-header,
  .sessions-detail-view .session-header,
  .meetings-detail-view .session-header,
  .workspace-detail-view .session-header,
  .account-detail-view .session-header,
  .live-recording-view .session-header {
    top: 0 !important;
    min-width: 0 !important;
    padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important;
  }

  .session-detail-view .session-vertical-nav,
  .project-detail-tabs {
    top: calc(66px + env(safe-area-inset-top, 0px)) !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }

  .session-workspace-main,
  .project-detail-content,
  .deadline-detail-content,
  .sessions-shell .session-list.full-list,
  .meeting-list.full-list,
  .deadline-dashboard.full-dashboard {
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .session-recap-card,
  .insight-card,
  .session-list-card,
  .deadline-dashboard,
  .deadline-group,
  .deadline-row,
  .deadline-open,
  .workspace-row,
  .workspace-project-row,
  .project-detail-pane,
  .project-memory-grid,
  .project-chat-card {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .session-recap-card p,
  .insight-card li,
  .insight-card p,
  .deadline-title,
  .deadline-meta,
  .deadline-open,
  .workspace-project-title,
  .workspace-project-meta {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .mobile-meeting-chat-launcher,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher {
    left: auto !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    top: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 70 !important;
  }

  .mobile-meeting-chat-launcher::after,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher::after {
    left: 10px !important;
    right: auto !important;
  }

  .deadline-detail-task-form,
  .session-deadline-task-form {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .deadline-detail-task-form input,
  .session-deadline-task-form input,
  .deadline-detail-task-form button,
  .session-deadline-task-form button {
    width: 100% !important;
    min-width: 0 !important;
  }

  input[type="date"],
  input[type="datetime-local"],
  input[type="time"] {
    min-height: 46px !important;
    font-size: 16px !important;
  }
}

/* Android recorder tile layout v242 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    order: 1 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton {
    order: 2 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    height: 92px !important;
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, auto) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    align-content: center !important;
    justify-content: center !important;
    justify-items: start !important;
    padding: 14px 18px !important;
    touch-action: manipulation !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordLabel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    font-size: 1.04rem !important;
    line-height: 1.05 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    font-size: 0.76rem !important;
  }
}

/* Mobile start session refinement v201 */
@media (max-width: 720px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-template-columns: 34px max-content !important;
    grid-template-rows: auto auto !important;
    justify-content: center !important;
    align-content: center !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    min-height: 66px !important;
    padding: 12px 16px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton::after {
    content: none !important;
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon {
    justify-self: end !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordLabel {
    grid-column: 2 !important;
    justify-self: start !important;
    font-size: 1.06rem !important;
    line-height: 1.05 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton small {
    grid-column: 2 !important;
    justify-self: start !important;
    font-size: 0.76rem !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button {
    min-height: 58px !important;
    grid-template-columns: 29px minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    gap: 0 8px !important;
    padding: 10px 9px !important;
    align-items: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    justify-self: start !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button {
    justify-self: end !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button .capture-sticker-svg,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button .capture-sticker-svg {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    grid-row: 1 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button > span {
    grid-column: 2 !important;
    justify-self: start !important;
    overflow: visible !important;
    font-size: 0.84rem !important;
    font-weight: 760 !important;
    line-height: 1.08 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #selectedFile {
    max-width: min(100%, 220px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Elthos brand mark swap v197 */
/* Mobile start session exact label fix v203 */
@media (max-width: 720px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton > span:not(#recordIcon) {
    overflow: visible !important;
    font-size: 0.84rem !important;
    line-height: 1.08 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* Elthos brand mark swap v197 */
.home-brand-mark,
.brand-header .brand-logo,
.auth-card-logo {
  position: relative;
  width: 46px;
  min-width: 46px;
  height: 30px;
  display: inline-block;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(31, 31, 33, 0.1);
  animation: none;
  overflow: hidden;
}

.home-brand-mark::before,
.home-brand-mark::after,
.brand-header .brand-logo::before,
.brand-header .brand-logo::after,
.auth-card-logo::before,
.auth-card-logo::after {
  content: "";
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 999px;
  background: #1f1f1f;
  box-shadow: none;
}

.home-brand-mark::before,
.brand-header .brand-logo::before,
.auth-card-logo::before {
  left: 7px;
}

.home-brand-mark::after,
.brand-header .brand-logo::after,
.auth-card-logo::after {
  right: 7px;
}

.brand-header .brand-logo svg,
.auth-card-logo svg {
  display: none;
}

/* Ask Elthos home chat polish v202 */
.home-chat-messages {
  gap: 16px;
  scroll-behavior: smooth;
}

.home-chat-message {
  overflow-wrap: anywhere;
  white-space: normal;
}

.home-chat-message.assistant {
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  padding: 2px 4px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #4d4943;
}

.home-chat-message.user {
  align-self: flex-end;
  max-width: min(84%, 440px);
  padding: 10px 14px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 18px 18px 5px 18px;
  background: #34322e;
  color: #fff;
  box-shadow: 0 10px 24px rgba(31, 31, 33, 0.08);
  font-size: 0.9rem;
  font-weight: 450;
  line-height: 1.45;
}

.home-chat-message.assistant .chat-content {
  gap: 9px;
}

.home-chat-message.assistant .chat-content h4 {
  margin-top: 3px;
  color: #302e29;
  font-size: 0.94rem;
  font-weight: 680;
  line-height: 1.32;
}

.home-chat-message.assistant .chat-content p,
.home-chat-message.assistant .chat-content li {
  color: #565149;
  font-size: 0.91rem;
  font-weight: 420;
  line-height: 1.62;
}

.home-chat-message.assistant .chat-content strong {
  color: #302e29;
  font-weight: 650;
}

.home-chat-message.assistant .chat-content ul,
.home-chat-message.assistant .chat-content ol {
  gap: 6px;
  padding-left: 1.05rem;
}

.home-chat-message.assistant .chat-content li::marker {
  color: #99938a;
}

.home-chat-message.assistant.home-thinking-message,
.home-chat-message.assistant.home-typing-message {
  animation: projectMessageEnter 220ms ease both;
}

.home-chat-message.assistant.home-thinking-message {
  width: fit-content;
  max-width: calc(100% - 8px);
  padding: 0 4px;
}

.home-chat-message.assistant.home-thinking-message .project-thinking {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(48, 45, 40, 0.08);
  border-radius: 999px;
  color: #625c53;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(31, 31, 33, 0.06);
  font-size: 0.84rem;
  font-weight: 640;
}

.home-chat-message.assistant.home-thinking-message .project-thinking-orb {
  width: 8px;
  height: 8px;
  background: #6f7ac8;
  box-shadow: 0 0 0 5px rgba(111, 122, 200, 0.12);
}

.home-chat-message.assistant.home-thinking-message .project-thinking-stage {
  white-space: nowrap;
}

.home-chat-message.assistant .project-typing-cursor {
  background: #6f7ac8;
}

.home-chat-form {
  min-height: 60px;
  grid-template-columns: 42px minmax(0, 1fr) 46px;
  gap: 9px;
  border-radius: 22px;
  border-color: rgba(48, 45, 40, 0.11);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 32px rgba(31, 31, 33, 0.06);
}

.home-chat-form:focus-within {
  border-color: rgba(111, 122, 200, 0.28);
  box-shadow: 0 16px 36px rgba(31, 31, 33, 0.08);
}

.home-chat-form input {
  color: #302e29;
  font-size: 0.94rem;
}

.home-chat-form input::placeholder {
  color: #9c978f;
}

.home-chat-form button {
  border-radius: 16px;
}

.home-chat-form button:first-child {
  color: #767067;
  background: #f7f6f3;
}

.home-chat-form button:last-child {
  background: #34322e;
}

.home-chat-form button:last-child:disabled {
  opacity: 1;
  background: #5a5650;
}

.home-chat-form button:last-child span {
  font-size: 1.12rem;
  line-height: 1;
}

/* Start session mobile card polish v204 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    padding: 22px !important;
    border-radius: 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading {
    margin-bottom: 18px !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    font-size: 2.5rem !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #audioMenuButton {
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    position: static !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button {
    width: 100% !important;
    min-width: 0 !important;
    height: 128px !important;
    min-height: 128px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    justify-self: stretch !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 10px !important;
    padding: 16px 18px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button .capture-sticker-svg,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button .capture-sticker-svg {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button > span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    color: #2f3437 !important;
    font-size: 1.06rem !important;
    font-weight: 730 !important;
    line-height: 1.14 !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    overflow-wrap: normal !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton > span:not(#recordIcon) {
    max-width: 10ch !important;
    overflow: visible !important;
    line-height: 1.12 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-column: 1 / -1 !important;
    height: 126px !important;
    min-height: 126px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    align-content: center !important;
    justify-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 16px 18px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordLabel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    font-size: 1.12rem !important;
    line-height: 1.08 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton small {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: center !important;
    margin: 0 !important;
    color: rgba(55, 53, 47, 0.58) !important;
    font-size: 0.78rem !important;
    font-weight: 620 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button small,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button small {
    display: none !important;
  }
}

/* Final mobile session paper override v211 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view),
  body.session-detail-view:not(.project-detail-view) .app-shell,
  body.session-detail-view:not(.project-detail-view) .workspace,
  body.session-detail-view:not(.project-detail-view) .session-detail-layout,
  body.session-detail-view:not(.project-detail-view) .session-workspace-shell,
  body.session-detail-view:not(.project-detail-view) .session-workspace-body,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main {
    background: #fbfaf7 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header,
  body.session-detail-view:not(.project-detail-view) .session-workspace-header .back-button,
  body.session-detail-view:not(.project-detail-view) .session-workspace-actions .session-info-button {
    background: #fffefb !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav {
    background: #faf9f5 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-recap-card,
  body.session-detail-view:not(.project-detail-view) .session-overview-grid > .insight-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .session-list-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-files,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-file,
  body.session-detail-view:not(.project-detail-view) .session-files-grid input,
  body.session-detail-view:not(.project-detail-view) .session-files-grid textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel input,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptText,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .transcript-playback,
  body.session-detail-view:not(.project-detail-view) .recording-dock-player {
    background: #fffefb !important;
  }
}

/* Mobile session detail lighter paper palette v211 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view),
  body.session-detail-view:not(.project-detail-view) .app-shell,
  body.session-detail-view:not(.project-detail-view) .workspace,
  body.session-detail-view:not(.project-detail-view) .session-detail-layout,
  body.session-detail-view:not(.project-detail-view) .session-workspace-shell {
    background: #fbfaf7 !important;
  }

  body.session-detail-view:not(.project-detail-view) .motion-bg {
    background:
      radial-gradient(circle at 22% 8%, rgba(255, 255, 255, 0.86), transparent 34%),
      linear-gradient(180deg, rgba(252, 251, 248, 0.96), rgba(248, 247, 243, 0.82)) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header {
    border-bottom-color: rgba(31, 31, 33, 0.065) !important;
    background: rgba(255, 254, 251, 0.96) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-body,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main {
    background: #fbfaf7 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav {
    border-bottom-color: rgba(31, 31, 33, 0.065) !important;
    background: rgba(250, 249, 245, 0.96) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab {
    border-color: rgba(31, 31, 33, 0.07) !important;
    background: rgba(255, 254, 251, 0.86) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active {
    background: #f1eee8 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-recap-card,
  body.session-detail-view:not(.project-detail-view) .session-overview-grid > .insight-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .session-list-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-files,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-file,
  body.session-detail-view:not(.project-detail-view) .session-files-grid input,
  body.session-detail-view:not(.project-detail-view) .session-files-grid textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel input,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptText,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .transcript-playback {
    border-color: rgba(31, 31, 33, 0.075) !important;
    background: #fffefb !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-section-heading #analyzeButton,
  body.session-detail-view:not(.project-detail-view) .session-section-heading #saveContextButton,
  body.session-detail-view:not(.project-detail-view) .session-section-heading #transcribeButton,
  body.session-detail-view:not(.project-detail-view) .session-workspace-header .back-button,
  body.session-detail-view:not(.project-detail-view) .session-workspace-actions .session-info-button {
    background: #fffefb !important;
  }

  body.session-detail-view:not(.project-detail-view) .recording-dock {
    border-color: rgba(31, 31, 33, 0.08) !important;
    background: rgba(255, 254, 251, 0.96) !important;
  }

  body.session-detail-view:not(.project-detail-view) .recording-dock-player {
    background: #fffefb !important;
  }
}

@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton > span:not(#recordIcon) {
    max-width: none !important;
    white-space: nowrap !important;
  }
}

/* Start session exact centered layout v210 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    color: #1a73e8 !important;
    font-size: clamp(2.35rem, 7vw, 2.75rem) !important;
    font-weight: 780 !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button {
    display: grid !important;
    min-width: 0 !important;
    justify-items: center !important;
    align-content: center !important;
    justify-content: stretch !important;
    text-align: center !important;
    border-radius: 14px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-column: 1 / -1 !important;
    height: 130px !important;
    min-height: 130px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 44px 24px 17px !important;
    row-gap: 8px !important;
    padding: 17px 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button {
    width: 100% !important;
    height: 132px !important;
    min-height: 132px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 44px 24px !important;
    row-gap: 14px !important;
    padding: 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .capture-sticker-svg {
    position: static !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordLabel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button > span {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    overflow: visible !important;
    color: #2f3437 !important;
    font-size: 1.06rem !important;
    font-weight: 760 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    text-overflow: clip !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordLabel {
    max-width: none !important;
    white-space: nowrap !important;
    font-size: 1.16rem !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span {
    max-width: none !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button > span {
    max-width: none !important;
    white-space: nowrap !important;
    font-size: clamp(0.92rem, 3.6vw, 1.06rem) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton small {
    position: static !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    color: rgba(55, 53, 47, 0.58) !important;
    font-size: 0.78rem !important;
    font-weight: 620 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button small,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button small {
    display: none !important;
  }
}

/* Personal session mobile header polish v207 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view) .session-workspace-header {
    min-height: 70px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(31, 31, 33, 0.08) !important;
    background: rgba(250, 250, 248, 0.96) !important;
    box-shadow: 0 8px 24px rgba(31, 35, 43, 0.06) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-title-row {
    display: contents !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header .back-button {
    grid-column: 1 !important;
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    justify-self: start !important;
    border-radius: 999px !important;
    border-color: rgba(31, 31, 33, 0.08) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 8px 18px rgba(31, 35, 43, 0.06) !important;
    color: #30312d !important;
    font-size: 2rem !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-identity {
    grid-column: 2 !important;
    min-width: 0 !important;
    display: block !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-mark,
  body.session-detail-view:not(.project-detail-view) .session-workspace-header #renameSessionButton,
  body.session-detail-view:not(.project-detail-view) .session-workspace-header .session-meta,
  body.session-detail-view:not(.project-detail-view) .session-delete-button {
    display: none !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header .rename-row {
    min-width: 0 !important;
    display: block !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header #sessionTitle {
    max-width: 100% !important;
    display: block !important;
    overflow: hidden !important;
    color: #2f302c !important;
    font-size: clamp(1rem, 4.8vw, 1.18rem) !important;
    font-weight: 760 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-actions {
    grid-column: 3 !important;
    min-width: max-content !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-actions .session-info-button,
  body.session-detail-view:not(.project-detail-view) .session-share-button {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(31, 31, 33, 0.1) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 8px 18px rgba(31, 35, 43, 0.06) !important;
    color: #30312d !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-actions .session-info-button svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
    fill: currentColor !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-share-button {
    font-size: 0 !important;
    gap: 0 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-share-button::before {
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    margin: 0 !important;
    opacity: 0.9 !important;
  }
}

/* Mobile project detail light off-white v209 */
@media (max-width: 620px) {
  body.project-detail-view {
    --project-pro-page: #fcfbf8;
    --project-pro-page-deep: #f8f6f1;
    --project-pro-shell: #fcfbf7;
    --project-pro-surface: #fffefb;
    --project-pro-soft: #f8f6f1;
    --project-pro-card: #fffefb;
    --project-pro-card-muted: #f8f6f1;
    background: #fcfbf8 !important;
  }

  body.project-detail-view .motion-bg {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(249, 247, 242, 0.64)) !important;
  }

  body.project-detail-view .app-shell,
  body.project-detail-view .workspace {
    background: #fcfbf8 !important;
  }

  body.project-detail-view .project-shell,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell {
    border-color: rgba(31, 31, 33, 0.07) !important;
    background: #fcfbf7 !important;
    box-shadow: none !important;
  }

  body.project-detail-view .session-header,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell .session-header {
    border-bottom-color: rgba(31, 31, 33, 0.07) !important;
    background: #fffefb !important;
  }

  body.project-detail-view .project-detail-tabs,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-tabs {
    border-bottom-color: rgba(31, 31, 33, 0.07) !important;
    background: #f8f6f1 !important;
  }

  body.project-detail-view .project-detail-content {
    background: #fcfbf7 !important;
  }

  body.project-detail-view .project-detail-tab {
    border-color: rgba(31, 31, 33, 0.08) !important;
    background: #fffefb !important;
  }

  body.project-detail-view .project-detail-tab.active {
    border-color: #1f1f1f !important;
    background: #1f1f1f !important;
  }

  body.project-detail-view .project-detail-pane .insight-card,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid .insight-card,
  body.project-detail-view .project-detail-pane[data-project-detail-pane="files"] .project-timeline-card,
  body.project-detail-view .project-member-row,
  body.project-detail-view .project-file-row {
    border-color: rgba(31, 31, 33, 0.08) !important;
    background: #fffefb !important;
  }

  body.project-detail-view .back-button,
  body.project-detail-view .project-info-button,
  body.project-detail-view .session-meta button,
  body.project-detail-view .session-meta span,
body.project-detail-view .icon-button {
    background: #fffefb !important;
  }
}

/* Start session centered controls v209 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    padding: 22px !important;
    border-radius: 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading {
    margin-bottom: 18px !important;
    text-align: left !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    font-size: clamp(2.35rem, 7vw, 2.75rem) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #audioMenuButton {
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    position: static !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    position: relative !important;
    min-width: 0 !important;
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    justify-content: stretch !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-column: 1 / -1 !important;
    height: 128px !important;
    min-height: 128px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 42px 22px 16px !important;
    row-gap: 7px !important;
    padding: 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button {
    width: 100% !important;
    height: 130px !important;
    min-height: 130px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 44px auto !important;
    row-gap: 13px !important;
    padding: 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordIcon,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .capture-sticker-svg {
    position: static !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordLabel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button > span {
    position: static !important;
    min-width: 0 !important;
    max-width: 10ch !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    overflow: visible !important;
    color: #2f3437 !important;
    font-size: 1.06rem !important;
    font-weight: 760 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordLabel {
    max-width: none !important;
    font-size: 1.16rem !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton small {
    position: static !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    color: rgba(55, 53, 47, 0.58) !important;
    font-size: 0.78rem !important;
    font-weight: 620 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button small,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .paste-transcript-button small {
    display: none !important;
  }
}

/* Start session paste card true-final centering v211 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton.paste-transcript-button {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 44px 24px !important;
    align-content: center !important;
    justify-content: stretch !important;
    justify-items: center !important;
    row-gap: 13px !important;
    text-align: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton.paste-transcript-button .capture-paste-sticker {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton.paste-transcript-button > span {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    display: block !important;
    width: max-content !important;
    max-width: calc(100% - 16px) !important;
    margin: 0 auto !important;
    overflow: visible !important;
    position: static !important;
    text-align: center !important;
    text-overflow: clip !important;
    transform: none !important;
    white-space: nowrap !important;
  }
}

/* Start session record card spacing v213 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    height: 140px !important;
    min-height: 140px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 42px 24px 16px !important;
    row-gap: 12px !important;
    padding: 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    grid-column: 1 !important;
    grid-row: 1 / 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordLabel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > small {
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }
}

/* Start session heading centered v214 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/* True-final mobile session paper palette v211 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view),
  body.session-detail-view:not(.project-detail-view) .app-shell,
  body.session-detail-view:not(.project-detail-view) .workspace,
  body.session-detail-view:not(.project-detail-view) .session-detail-layout,
  body.session-detail-view:not(.project-detail-view) .session-workspace-shell,
  body.session-detail-view:not(.project-detail-view) .session-workspace-body,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main {
    background: #fbfaf7 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header,
  body.session-detail-view:not(.project-detail-view) .session-workspace-header .back-button,
  body.session-detail-view:not(.project-detail-view) .session-workspace-actions .session-info-button {
    background: #fffefb !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav {
    background: #faf9f5 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-recap-card,
  body.session-detail-view:not(.project-detail-view) .session-overview-grid > .insight-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .session-list-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-files,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-file,
  body.session-detail-view:not(.project-detail-view) .session-files-grid input,
  body.session-detail-view:not(.project-detail-view) .session-files-grid textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel input,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptText,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .transcript-playback,
  body.session-detail-view:not(.project-detail-view) .recording-dock-player {
    background: #fffefb !important;
  }
}

/* Start session compact cards v215 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    gap: 10px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    height: 116px !important;
    min-height: 116px !important;
    grid-template-rows: 36px 22px 15px !important;
    row-gap: 8px !important;
    padding: 15px 16px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton.paste-transcript-button {
    height: 112px !important;
    min-height: 112px !important;
    grid-template-rows: 36px 22px !important;
    row-gap: 9px !important;
    padding: 14px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .capture-sticker-svg {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordLabel {
    font-size: 1rem !important;
    line-height: 1.1 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.deadline-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton.paste-transcript-button > span {
    font-size: 0.98rem !important;
    line-height: 1.1 !important;
  }
}

/* Start session equal sticker scale v216 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-template-rows: 42px 22px 15px !important;
    row-gap: 7px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton.paste-transcript-button {
    grid-template-rows: 42px 22px !important;
    row-gap: 8px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .capture-sticker-svg {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
}

/* Start session equal sticker scale v217 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-template-rows: 44px 22px 15px !important;
    row-gap: 7px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton.paste-transcript-button {
    grid-template-rows: 44px 22px !important;
    row-gap: 8px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .capture-sticker-svg {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
  }
}

/* Start session recorder meta centered v219 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    min-width: 0 !important;
    max-width: min(58vw, 360px) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #selectedFile {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Mobile session pages use home background v220 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view),
  body.session-detail-view:not(.project-detail-view) .app-shell,
  body.session-detail-view:not(.project-detail-view) .workspace,
  body.session-detail-view:not(.project-detail-view) .session-detail-layout,
  body.session-detail-view:not(.project-detail-view) .session-workspace-shell,
  body.session-detail-view:not(.project-detail-view) .session-workspace-body,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main {
    background: #eef2f8 !important;
  }

  body.session-detail-view:not(.project-detail-view) .motion-bg {
    background:
      radial-gradient(circle at 22% 10%, rgba(255, 255, 255, 0.76), transparent 34%),
      radial-gradient(circle at 82% 8%, rgba(52, 120, 246, 0.1), transparent 32%),
      linear-gradient(135deg, #f8fafc, #e5ebf4) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav {
    background: rgba(238, 242, 248, 0.94) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header .back-button,
  body.session-detail-view:not(.project-detail-view) .session-workspace-actions .session-info-button,
  body.session-detail-view:not(.project-detail-view) .session-recap-card,
  body.session-detail-view:not(.project-detail-view) .session-overview-grid > .insight-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .session-list-card,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-files,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .context-file,
  body.session-detail-view:not(.project-detail-view) .session-files-grid input,
  body.session-detail-view:not(.project-detail-view) .session-files-grid textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel input,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptPanel textarea,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main #transcriptText,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .transcript-playback,
  body.session-detail-view:not(.project-detail-view) .recording-dock-player {
    background: #ffffff !important;
  }
}

/* Mobile session nav Notion blue v222 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab {
    border-color: rgba(35, 131, 226, 0.1) !important;
    background: rgba(255, 255, 255, 0.56) !important;
    color: #2383e2 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab::before,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon {
    color: currentColor !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab > span:not(.tab-icon):not(.file-tab-icon) {
    color: currentColor !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg {
    color: currentColor !important;
    stroke: currentColor !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg path,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg path {
    stroke: currentColor !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:hover,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:focus-visible {
    border-color: rgba(35, 131, 226, 0.16) !important;
    background: rgba(255, 255, 255, 0.84) !important;
    color: #2383e2 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active {
    border-color: rgba(35, 131, 226, 0.18) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.94)) !important;
    color: #78b8f4 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      0 8px 18px rgba(35, 131, 226, 0.07) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active::before,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .file-tab-icon {
    color: currentColor !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .file-tab-icon svg {
    color: currentColor !important;
    stroke: currentColor !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .tab-icon svg path,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .file-tab-icon svg path {
    stroke: currentColor !important;
  }
}

/* Mobile session info premium sheet v223 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view) .session-workspace-shell {
    isolation: isolate !important;
    position: relative !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-shell:has(#sessionInfoPopover:not([hidden]))::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 28 !important;
    background: rgba(238, 242, 248, 0.62) !important;
    backdrop-filter: blur(7px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(7px) saturate(1.06) !important;
    pointer-events: auto !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header:has(#sessionInfoPopover:not([hidden])) {
    z-index: 50 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-popover:not([hidden]) {
    position: fixed !important;
    top: 82px !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 48 !important;
    width: auto !important;
    max-width: none !important;
    display: grid !important;
    gap: 13px !important;
    padding: 18px !important;
    border: 1px solid rgba(35, 131, 226, 0.12) !important;
    border-radius: 26px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 252, 255, 0.97)) !important;
    box-shadow:
      0 26px 54px rgba(31, 35, 43, 0.2),
      0 2px 0 rgba(255, 255, 255, 0.86) inset !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    animation: sessionInfoSheetIn 150ms ease-out both !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-popover[hidden] {
    display: none !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-card-top {
    min-width: 0 !important;
    display: grid !important;
    gap: 7px !important;
    padding-right: 8px !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-card-top::before {
    content: "Session details" !important;
    width: max-content !important;
    max-width: 100% !important;
    padding: 4px 9px !important;
    border: 1px solid rgba(35, 131, 226, 0.12) !important;
    border-radius: 999px !important;
    background: rgba(239, 246, 255, 0.8) !important;
    color: #2383e2 !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body.session-detail-view:not(.project-detail-view) #sessionInfoTitle {
    display: -webkit-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #242521 !important;
    font-size: 1.08rem !important;
    font-weight: 780 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.session-detail-view:not(.project-detail-view) #sessionInfoDate {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid rgba(31, 31, 33, 0.075) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: #676b73 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    font-size: 0.88rem !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
  }

  body.session-detail-view:not(.project-detail-view) #sessionInfoDate::before {
    content: "" !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 8px !important;
    background:
      linear-gradient(#2383e2 0 0) center 6px / 10px 2px no-repeat,
      linear-gradient(#2383e2 0 0) center 12px / 10px 2px no-repeat,
      rgba(239, 246, 255, 0.95) !important;
    box-shadow: inset 0 0 0 1px rgba(35, 131, 226, 0.14) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-actions button {
    min-height: 46px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(35, 131, 226, 0.14) !important;
    background: rgba(239, 246, 255, 0.72) !important;
    color: #2383e2 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 18px rgba(35, 131, 226, 0.055) !important;
    font-size: 0.93rem !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-actions .session-info-delete-button {
    border-color: rgba(221, 57, 57, 0.16) !important;
    background: rgba(255, 245, 245, 0.86) !important;
    color: #d63b3b !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 18px rgba(221, 57, 57, 0.045) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-info-actions button:hover,
  body.session-detail-view:not(.project-detail-view) .session-info-actions button:focus-visible {
    transform: translateY(-1px) !important;
    outline: none !important;
  }
}

@keyframes sessionInfoSheetIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Mobile session nav Notion link blue v225 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab {
    border-color: rgba(35, 131, 226, 0.1) !important;
    background: rgba(255, 255, 255, 0.42) !important;
    color: rgba(35, 131, 226, 0.74) !important;
    box-shadow: none !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:hover,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:focus-visible {
    border-color: rgba(35, 131, 226, 0.18) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #2383e2 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active {
    border-color: rgba(35, 131, 226, 0.28) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 62%),
      linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(244, 250, 255, 0.98)) !important;
    color: #2383e2 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 1),
      0 0 0 1px rgba(255, 255, 255, 0.72),
      0 8px 20px rgba(35, 131, 226, 0.11) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab > span:not(.tab-icon):not(.file-tab-icon),
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg path,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg path {
    color: currentColor !important;
    stroke: currentColor !important;
  }
}

/* Fixed Ask Elthos home chat panel v226 */
@media (min-width: 921px) {
  html:has(body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view)) {
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    height: calc(100vh - 62px) !important;
    height: calc(100dvh - 62px) !important;
    min-height: 0 !important;
    max-height: calc(100vh - 62px) !important;
    max-height: calc(100dvh - 62px) !important;
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
    grid-area: homeChat !important;
    align-self: stretch !important;
    position: relative !important;
    top: auto !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    padding: 18px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-header,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-suggestions,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-form {
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-messages {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    padding: 16px 2px 16px 0 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-form {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 10px !important;
    flex-shrink: 0 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant {
    align-self: stretch !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 14px 15px !important;
    border: 1px solid rgba(31, 31, 33, 0.08) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow:
      0 10px 24px rgba(31, 35, 43, 0.045),
      inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    color: #4c4b47 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant.home-thinking-message {
    width: fit-content !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant .chat-content {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant .chat-content h4 {
    margin: 2px 0 3px !important;
    font-size: 0.92rem !important;
    line-height: 1.34 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant .chat-content p,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant .chat-content li {
    font-size: 0.89rem !important;
    line-height: 1.55 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant .chat-content ul,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-message.assistant .chat-content ol {
    padding-left: 1.1rem !important;
  }
}

/* Premium mobile session nav v227 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav {
    top: 66px !important;
    gap: 8px !important;
    padding: 9px 12px 10px !important;
    border-bottom: 1px solid rgba(35, 131, 226, 0.075) !important;
    background:
      linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(239, 245, 252, 0.9)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 18px rgba(32, 55, 89, 0.035) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    scroll-padding-inline: 12px !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab {
    min-height: 38px !important;
    height: 38px !important;
    gap: 7px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(35, 131, 226, 0.08) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: rgba(35, 131, 226, 0.52) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.78),
      0 1px 0 rgba(255, 255, 255, 0.62) !important;
    font-size: 0.84rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:hover,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:focus-visible {
    border-color: rgba(35, 131, 226, 0.13) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: rgba(35, 131, 226, 0.68) !important;
    outline: none !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active {
    border-color: rgba(35, 131, 226, 0.17) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0) 68%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 251, 255, 0.92)) !important;
    color: #4fa4ed !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.98),
      0 0 0 1px rgba(255, 255, 255, 0.76),
      0 8px 18px rgba(35, 131, 226, 0.065) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    color: currentColor !important;
    opacity: 0.92 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active .file-tab-icon {
    opacity: 1 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab > span:not(.tab-icon):not(.file-tab-icon),
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg path,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg path {
    color: currentColor !important;
    stroke: currentColor !important;
  }
}

/* Mobile personal session background v228 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view),
  body.session-detail-view:not(.project-detail-view) .app-shell,
  body.session-detail-view:not(.project-detail-view) .workspace,
  body.session-detail-view:not(.project-detail-view) .session-detail-layout,
  body.session-detail-view:not(.project-detail-view) .session-workspace-shell,
  body.session-detail-view:not(.project-detail-view) .session-workspace-body,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .tab-panel,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .tab-panel.active,
  body.session-detail-view:not(.project-detail-view) #insightsPanel,
  body.session-detail-view:not(.project-detail-view) #decisionPanel,
  body.session-detail-view:not(.project-detail-view) #questionsPanel,
  body.session-detail-view:not(.project-detail-view) #contextPanel,
  body.session-detail-view:not(.project-detail-view) #transcriptPanel {
    background: #f4f5f3 !important;
  }

  body.session-detail-view:not(.project-detail-view) .motion-bg {
    background:
      radial-gradient(circle at 22% 10%, rgba(255, 255, 255, 0.64), transparent 34%),
      linear-gradient(135deg, #f8f9f7, #f4f5f3) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-header,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav {
    background:
      linear-gradient(180deg, rgba(248, 249, 247, 0.97), rgba(244, 245, 243, 0.93)) !important;
  }
}

/* Compact deadline checklist alignment v229 */
.session-deadline-card .deadline-checklist,
.deadline-overview-card .deadline-checklist {
  gap: 14px !important;
}

.session-deadline-card .deadline-checklist .deadline-checklist-item,
.deadline-overview-card .deadline-checklist .deadline-checklist-item {
  grid-template-columns: 20px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.session-deadline-card .deadline-checklist .deadline-checklist-item::before,
.deadline-overview-card .deadline-checklist .deadline-checklist-item::before {
  content: none !important;
  display: none !important;
}

.deadline-check-button {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  flex: 0 0 18px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-width: 1.5px !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
}

.deadline-check-content {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  justify-content: stretch !important;
  justify-items: start !important;
  gap: 3px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
}

.deadline-check-text {
  display: block !important;
  max-width: 100% !important;
  color: #55534d !important;
  font-size: 0.98rem !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.deadline-check-meta {
  display: block !important;
  max-width: 100% !important;
  color: rgba(31, 31, 33, 0.5) !important;
  font-size: 0.78rem !important;
  font-weight: 660 !important;
  line-height: 1.24 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.deadline-checklist-item.done .deadline-check-text,
.deadline-checklist-item.done .deadline-check-meta {
  color: rgba(31, 31, 33, 0.45) !important;
  text-decoration-line: line-through !important;
  text-decoration-thickness: 1.25px !important;
}

.session-deadline-add-button {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  flex: 0 0 38px !important;
  font-size: 1.22rem !important;
  line-height: 1 !important;
}

/* Exact Notion blue mobile session tabs v230 */
@media (max-width: 620px) {
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:hover,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab:focus-visible,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active {
    color: #2383e2 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab {
    border-color: rgba(35, 131, 226, 0.14) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab.active {
    border-color: rgba(35, 131, 226, 0.24) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0) 68%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 252, 255, 0.95)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.98),
      0 0 0 1px rgba(255, 255, 255, 0.76),
      0 8px 18px rgba(35, 131, 226, 0.07) !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab > span:not(.tab-icon):not(.file-tab-icon),
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .tab-icon svg path,
  body.session-detail-view:not(.project-detail-view) .session-vertical-nav .tab .file-tab-icon svg path {
    color: currentColor !important;
    stroke: currentColor !important;
  }
}

/* Home sidebar nav contrast polish v232 */
.home-sidebar-nav button {
  color: #55534d !important;
}

.home-sidebar-nav button svg {
  color: #6b6963 !important;
  stroke: currentColor !important;
}

.home-sidebar-nav button span {
  color: inherit !important;
}

.home-sidebar-nav button:hover,
.home-sidebar-nav button:focus-visible {
  background: #f8f8f6 !important;
  color: #33312d !important;
}

.home-sidebar-nav button:hover svg,
.home-sidebar-nav button:focus-visible svg {
  color: #55524d !important;
}

.home-sidebar-nav button.active {
  background: #f7f7f5 !important;
  color: #292824 !important;
  border-color: rgba(25, 25, 24, 0.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 1px 2px rgba(25, 25, 24, 0.025) !important;
}

.home-sidebar-nav button.active svg {
  color: #4d4b46 !important;
}

/* Android recorder tap fix v243 */
@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    order: 1 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #pasteTranscriptButton {
    order: 2 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, max-content) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    align-content: center !important;
    justify-content: center !important;
    justify-items: start !important;
    padding: 14px 18px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordIcon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: center !important;
    display: grid !important;
    place-items: center !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > #recordLabel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    font-size: 1.04rem !important;
    line-height: 1.05 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton > small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    font-size: 0.76rem !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .record-mobile-hit-target {
    display: none !important;
  }
}
/* Final cascade iPhone layout guard v246 */
@media (max-width: 620px) {
  html,
  body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  body {
    min-height: 100svh;
    min-height: 100dvh;
    touch-action: manipulation;
  }

  .app-shell {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding:
      calc(14px + env(safe-area-inset-top, 0px))
      10px
      calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .workspace,
  .session-detail-view .workspace,
  .project-detail-view .workspace,
  .deadline-detail-view .workspace,
  .sessions-detail-view .workspace,
  .meetings-detail-view .workspace,
  .workspace-detail-view .workspace,
  .account-detail-view .workspace,
  .live-recording-view .workspace {
    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .session-shell,
  .project-shell,
  .deadline-shell,
  .sessions-shell,
  .meetings-shell,
  .workspace-brain-shell,
  .account-shell,
  .live-session-shell,
  .capture-panel,
  .deadline-panel,
  .workspace-entry-panel,
  .projects-panel,
  .meetings-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .session-detail-layout {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .session-detail-view .session-workspace-header,
  .session-detail-view .session-shell > .session-header,
  .project-detail-view .session-header,
  .deadline-detail-view .session-header,
  .sessions-detail-view .session-header,
  .meetings-detail-view .session-header,
  .workspace-detail-view .session-header,
  .account-detail-view .session-header,
  .live-recording-view .session-header {
    top: 0 !important;
    min-width: 0 !important;
    padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important;
  }

  .session-detail-view .session-vertical-nav,
  .project-detail-tabs {
    top: calc(66px + env(safe-area-inset-top, 0px)) !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }

  .session-workspace-main,
  .project-detail-content,
  .deadline-detail-content,
  .sessions-shell .session-list.full-list,
  .meeting-list.full-list,
  .deadline-dashboard.full-dashboard {
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .session-recap-card,
  .insight-card,
  .session-list-card,
  .deadline-dashboard,
  .deadline-group,
  .deadline-row,
  .deadline-open,
  .workspace-row,
  .workspace-project-row,
  .project-detail-pane,
  .project-memory-grid,
  .project-chat-card {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .session-recap-card p,
  .insight-card li,
  .insight-card p,
  .deadline-title,
  .deadline-meta,
  .deadline-open,
  .workspace-project-title,
  .workspace-project-meta {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .mobile-meeting-chat-launcher,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher {
    left: auto !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    top: auto !important;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 70 !important;
  }

  .mobile-meeting-chat-launcher::after,
  .project-detail-view:not(.project-ai-open):not(.project-ai-closing) .mobile-project-chat-launcher::after {
    left: 10px !important;
    right: auto !important;
  }

  .deadline-detail-task-form,
  .session-deadline-task-form {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .deadline-detail-task-form input,
  .session-deadline-task-form input,
  .deadline-detail-task-form button,
  .session-deadline-task-form button {
    width: 100% !important;
    min-width: 0 !important;
  }

  input[type="date"],
  input[type="datetime-local"],
  input[type="time"] {
    min-height: 46px !important;
    font-size: 16px !important;
  }
}

/* Final authenticated iPhone width guard v247 */
@media (max-width: 920px) {
  html,
  body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    padding:
      calc(10px + env(safe-area-inset-top, 0px))
      10px
      calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "topbar"
      "capture"
      "workspaceEntry"
      "meetings"
      "sidebar"
      "session" !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.deadline-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .meetings-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar {
    margin-bottom: 10px !important;
    padding-inline: 12px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel {
    padding: 22px 18px 20px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    max-width: 100% !important;
    font-size: clamp(2.15rem, 11vw, 3rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 14px 10px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #recordButton {
    grid-column: 1 / -1 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button > span:not(#recordIcon),
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button > span,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu small {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .recorder-meta span {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) #selectedFile {
    flex: 1 1 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-row,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-open {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* Final login keyboard width guard v247 */
@media (max-width: 620px) {
  body.auth-modal-open {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .auth-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    align-items: start !important;
    justify-items: center !important;
    place-items: start center !important;
    padding:
      calc(18px + env(safe-area-inset-top, 0px))
      14px
      calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .auth-shell {
    width: min(100%, 420px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  .auth-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 16px !important;
    padding: 28px 14px 20px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .auth-card-brand,
  .auth-copy,
  .auth-form,
  .auth-field,
  .auth-actions,
  .auth-provider-stack {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .auth-card h3 {
    max-width: 100% !important;
    font-size: clamp(2rem, 10vw, 2.65rem) !important;
    overflow-wrap: anywhere !important;
  }

  .auth-card p {
    max-width: 100% !important;
    font-size: clamp(1rem, 4.8vw, 1.2rem) !important;
    line-height: 1.35 !important;
  }

  .auth-field input,
  .auth-primary-button,
  .auth-secondary-button,
  .auth-provider-button,
  .auth-signout-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
  }
}

/* Final Pro live recording and project tab guard v248 */
@media (max-width: 620px) {
  body.project-detail-view .project-detail-tabs {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 8px 12px 10px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    scrollbar-width: none;
  }

  body.project-detail-view .project-detail-tabs::-webkit-scrollbar {
    display: none;
  }

  body.project-detail-view .project-detail-tab {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    display: flex !important;
    flex: 1 1 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 5px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }

  body.project-detail-view .project-detail-tab::before {
    width: 16px !important;
    min-width: 0 !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
  }
}

@media (max-width: 360px) {
  body.project-detail-view .project-detail-tabs {
    gap: 6px !important;
    padding-inline: 10px !important;
  }

  body.project-detail-view .project-detail-tab {
    gap: 4px !important;
    padding-inline: 3px !important;
    font-size: 0.66rem !important;
  }

  body.project-detail-view .project-detail-tab::before {
    display: none !important;
  }
}

/* Final iOS stability guard v249 */
@media (max-width: 620px) {
  html,
  body,
  .app-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .app-shell {
    padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
  }

  body.auth-modal-open {
    position: fixed !important;
    inset: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
  }

  .auth-modal {
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding:
      calc(14px + env(safe-area-inset-top, 0px))
      max(14px, env(safe-area-inset-right, 0px))
      calc(18px + env(safe-area-inset-bottom, 0px))
      max(14px, env(safe-area-inset-left, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  .auth-shell,
  .auth-card,
  .auth-card-brand,
  .auth-copy,
  .auth-form,
  .auth-field,
  .auth-actions,
  .auth-provider-stack {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .auth-shell {
    max-width: min(420px, calc(100vw - 28px)) !important;
    min-height: auto !important;
    margin: 0 auto !important;
  }

  .auth-card {
    min-height: auto !important;
    align-content: start !important;
    padding: 26px 14px 18px !important;
    border-radius: 20px !important;
  }

  .auth-field input,
  .auth-primary-button,
  .auth-secondary-button,
  .auth-provider-button,
  .auth-signout-button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    -webkit-appearance: none;
    appearance: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-heading h2 {
    max-width: 100% !important;
    font-size: clamp(2.1rem, 9vw, 2.75rem) !important;
    line-height: 1.04 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    text-align: center !important;
  }

  .mobile-meeting-chat-launcher,
  body.project-detail-view .mobile-project-chat-launcher {
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  button,
  a,
  label,
  [role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(31, 31, 33, 0.08);
  }
}

/* Final live recording native shell guard v250 */
@media (max-width: 920px) {
  body.live-recording-view {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #fff !important;
    touch-action: none;
  }

  body.live-recording-view .app-shell,
  body.live-recording-view .workspace,
  body.live-recording-view .live-session-shell {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #fff !important;
    box-sizing: border-box !important;
    touch-action: none;
  }

  body.live-recording-view .workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "liveRecording" !important;
    gap: 0 !important;
  }

  body.live-recording-view .live-session-shell {
    grid-area: liveRecording !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    touch-action: none;
  }

  body.live-recording-view .live-session-header {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    padding: max(22px, env(safe-area-inset-top, 0px)) 24px 8px !important;
    border: 0 !important;
    background: #fff !important;
  }

  body.live-recording-view .live-session-header h2 {
    margin: 0 !important;
    max-width: 100% !important;
    color: #171b23 !important;
    font-size: clamp(2.25rem, 12vw, 3.05rem) !important;
    font-weight: 780 !important;
    line-height: 1.03 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  body.live-recording-view .live-session-meta {
    min-width: 0 !important;
    display: flex !important;
    gap: 16px !important;
    padding: 0 24px 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    background: #fff !important;
    touch-action: pan-x;
  }

  body.live-recording-view .live-session-meta::-webkit-scrollbar {
    display: none !important;
  }

  body.live-recording-view .live-session-main {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    touch-action: none;
  }

  body.live-recording-view .live-transcript-board {
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
  }

  body.live-recording-view .live-transcript-board-header {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
    min-height: 54px !important;
    padding: 8px 24px 12px !important;
    border-bottom: 1px solid rgba(31, 35, 43, 0.08) !important;
    background: #fff !important;
    backdrop-filter: none !important;
  }

  body.live-recording-view .live-transcript-board-header strong {
    color: #245cff !important;
    font-size: 1.05rem !important;
    font-weight: 820 !important;
  }

  body.live-recording-view .live-transcript-feed {
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    align-content: start !important;
    gap: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 28px 24px calc(214px + env(safe-area-inset-bottom, 0px)) !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: #fff !important;
    touch-action: pan-y;
  }

  body.live-recording-view .live-transcript-empty {
    padding: 4px 0 0 !important;
    color: #7c8796 !important;
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
  }

  body.live-recording-view .live-session-actions {
    position: fixed !important;
    z-index: 32 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 18px 26px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(249, 251, 254, 0.96) 26%, #f9fbfe 100%) !important;
    pointer-events: none !important;
    touch-action: none;
  }

  body.live-recording-view .live-home-button,
  body.live-recording-view .live-cancel-button,
  body.live-recording-view .live-stop-button {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  body.live-recording-view .live-home-button,
  body.live-recording-view .live-cancel-button {
    width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
  }

  body.live-recording-view .live-stop-button {
    width: 76px !important;
    min-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;
  }

  body.live-recording-view .live-voice-wave {
    position: fixed !important;
    z-index: 22 !important;
    left: 26px !important;
    right: 26px !important;
    bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
    pointer-events: none !important;
  }

  body.live-recording-view.has-live-coach-suggestions .live-voice-wave {
    opacity: 0 !important;
  }

  body.live-recording-view .live-suggestions-board {
    position: fixed !important;
    z-index: 31 !important;
    left: 16px !important;
    right: 16px !important;
    bottom: calc(126px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: 86px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow:
      0 18px 38px rgba(18, 24, 38, 0.14),
      0 2px 10px rgba(18, 24, 38, 0.06) !important;
    transform: translateY(10px) !important;
    touch-action: pan-y;
  }

  body.live-recording-view.has-live-coach-suggestions .live-suggestions-board {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  body.live-recording-view.has-live-coach-suggestions:not(.live-coach-expanded) .live-suggestions-header {
    display: none !important;
  }

  body.live-recording-view.has-live-coach-suggestions:not(.live-coach-expanded) .live-suggestions-list {
    max-height: 84px !important;
    padding: 13px 16px 14px !important;
    overflow: hidden !important;
  }

  body.live-recording-view.live-coach-expanded .live-suggestions-board {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    max-height: min(64vh, 540px) !important;
    border-radius: 28px 28px 0 0 !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Project AI mobile modal and home header guard v255 */
@media (max-width: 980px) {
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #f7f6f2 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-shell {
    filter: blur(16px) saturate(0.88) !important;
    opacity: 0.18 !important;
    transform: scale(0.985) !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-pane[data-project-detail-pane="chat"].active {
    position: fixed !important;
    inset: 0 !important;
    z-index: 960 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(17, 18, 20, 0.44), rgba(17, 18, 20, 0.22)),
      rgba(247, 246, 242, 0.88) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.04) !important;
    backdrop-filter: blur(22px) saturate(1.04) !important;
    pointer-events: auto !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-pane[data-project-detail-pane="chat"].active .project-chat-card {
    position: fixed !important;
    inset: 0 !important;
    z-index: 961 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto auto !important;
    gap: 10px !important;
    margin: 0 !important;
    padding:
      calc(18px + env(safe-area-inset-top, 0px))
      max(16px, env(safe-area-inset-right, 0px))
      calc(14px + env(safe-area-inset-bottom, 0px))
      max(16px, env(safe-area-inset-left, 0px)) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      linear-gradient(180deg, #fffdfa 0%, #fbfaf6 56%, #f7f6f2 100%) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-sizing: border-box !important;
    touch-action: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header {
    min-height: 50px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) #projectChatCloseButton {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    border: 1px solid rgba(31, 31, 33, 0.08) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #242424 !important;
    box-shadow:
      0 10px 26px rgba(38, 36, 32, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header strong {
    grid-column: 2 !important;
    justify-self: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #2d2c29 !important;
    font-size: clamp(1.18rem, 5vw, 1.5rem) !important;
    font-weight: 780 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-clear-button {
    grid-column: 3 !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(31, 31, 33, 0.08) !important;
    border-radius: 999px !important;
    color: #6f6b64 !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    font-size: clamp(0.78rem, 3.4vw, 0.92rem) !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-top {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card.has-chat-history .project-chat-top {
    display: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages {
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    display: grid !important;
    align-content: start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(218, 211, 201, 0.92) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 2px 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row::-webkit-scrollbar {
    display: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form {
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 62px !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid rgba(205, 197, 185, 0.98) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow:
      0 18px 52px rgba(38, 36, 32, 0.14),
      0 4px 14px rgba(38, 36, 32, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    box-sizing: border-box !important;
    touch-action: manipulation !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form .chat-file-button {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 999px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form input {
    min-width: 0 !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 4px !important;
    font-size: 16px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton {
    width: 62px !important;
    min-width: 62px !important;
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 999px !important;
  }
}

/* Final authenticated mobile native shell guard v251 */
@media (max-width: 920px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    --home-topbar-top: calc(10px + env(safe-area-inset-top, 0px));
    --home-topbar-height: 68px;
    --home-content-top: calc(var(--home-topbar-top) + var(--home-topbar-height) + 14px);
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #eef3fa !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view)::before {
    content: "";
    position: fixed;
    z-index: 80;
    left: 0;
    right: 0;
    top: 0;
    height: calc(var(--home-topbar-top) + var(--home-topbar-height) + 20px);
    background: linear-gradient(180deg, #eef3fa 0%, rgba(238, 243, 250, 0.94) 72%, rgba(238, 243, 250, 0));
    pointer-events: none;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .motion-bg {
    position: fixed !important;
    inset: 0 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eef3fa !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "capture"
      "workspaceEntry"
      "meetings"
      "sidebar"
      "session" !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
    gap: 12px !important;
    padding:
      var(--home-content-top)
      max(10px, env(safe-area-inset-right, 0px))
      calc(18px + env(safe-area-inset-bottom, 0px))
      max(10px, env(safe-area-inset-left, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar {
    position: fixed !important;
    z-index: 220 !important;
    top: var(--home-topbar-top) !important;
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    width: auto !important;
    min-width: 0 !important;
    height: var(--home-topbar-height) !important;
    min-height: var(--home-topbar-height) !important;
    margin: 0 !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 34px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.96)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 18px 42px rgba(31, 35, 43, 0.08) !important;
    opacity: 1 !important;
    visibility: visible !important;
    backdrop-filter: blur(18px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
    transform: translateZ(0);
    touch-action: manipulation !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar::before {
    content: none !important;
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header {
    padding: 5px !important;
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-logo,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-logo svg {
    opacity: 1 !important;
    filter: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar-actions {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    z-index: 221 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transform: translateY(-50%) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .account-control,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .auth-button,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .status-pill {
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .auth-button.signed-in {
    border-color: rgba(31, 35, 43, 0.08) !important;
    background: #ffffff !important;
    color: #202228 !important;
    box-shadow:
      0 12px 26px rgba(31, 35, 43, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .status-pill {
    color: #267047 !important;
    background: #effaf3 !important;
    border-color: rgba(52, 168, 83, 0.16) !important;
  }
}

@media (max-width: 620px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    --home-topbar-height: 68px;
    --home-content-top: calc(var(--home-topbar-top) + var(--home-topbar-height) + 16px);
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.deadline-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .meetings-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Final premium mobile meeting chat guard v252 */
@media (max-width: 620px) {
  body.session-detail-view.meeting-chat-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #f3f6fb !important;
  }

  body.session-detail-view.meeting-chat-open .app-shell,
  body.session-detail-view.meeting-chat-open .workspace,
  body.session-detail-view.meeting-chat-open .session-detail-layout {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell {
    position: fixed !important;
    z-index: 940 !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    background: #f3f6fb !important;
    overscroll-behavior: none !important;
  }

  body.session-detail-view.meeting-chat-open .mobile-meeting-chat-launcher {
    display: none !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-panel {
    --meeting-chat-side: max(16px, env(safe-area-inset-left, 0px));
    --meeting-chat-right: max(16px, env(safe-area-inset-right, 0px));
    --meeting-chat-bottom: max(12px, env(safe-area-inset-bottom, 0px));
    --meeting-chat-composer-height: 66px;
    position: fixed !important;
    z-index: 941 !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    align-content: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: max(10px, env(safe-area-inset-top, 0px)) 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #24272d !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 249, 246, 0.99) 42%, #f3f6fb 100%) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-panel::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 48% 6%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 34%),
      linear-gradient(180deg, rgba(242, 245, 250, 0.4), rgba(242, 245, 250, 0));
  }

  body.session-detail-view.meeting-chat-open .mobile-meeting-chat-header,
  body.session-detail-view.meeting-chat-open .session-chat-shell .suggestion-chips,
  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-messages,
  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-attachments,
  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-form {
    position: relative;
    z-index: 1;
  }

  body.session-detail-view.meeting-chat-open .mobile-meeting-chat-header {
    height: 74px !important;
    min-height: 74px !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 112px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px var(--meeting-chat-right) 12px var(--meeting-chat-side) !important;
    border-bottom: 1px solid rgba(31, 35, 43, 0.08) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(252, 251, 248, 0.88)) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset !important;
  }

  body.session-detail-view.meeting-chat-open .mobile-meeting-chat-header strong {
    position: static !important;
    max-width: none !important;
    overflow: hidden !important;
    color: #292b30 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  body.session-detail-view.meeting-chat-open .mobile-meeting-chat-close {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 24px !important;
    color: #777b84 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow:
      0 16px 34px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    font-size: 1.65rem !important;
    font-weight: 640 !important;
    line-height: 1 !important;
    transform: none !important;
    touch-action: manipulation !important;
  }

  body.session-detail-view.meeting-chat-open .mobile-meeting-chat-clear-button {
    width: 106px !important;
    min-width: 106px !important;
    max-width: 106px !important;
    min-height: 44px !important;
    justify-self: end !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 22px !important;
    padding: 0 14px !important;
    color: #77736c !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    font-size: 0.82rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    touch-action: manipulation !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-panel-intro {
    display: none !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .suggestion-chips {
    display: flex !important;
    gap: 10px !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 13px var(--meeting-chat-right) 15px var(--meeting-chat-side) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-bottom: 1px solid rgba(31, 35, 43, 0.08) !important;
    background: rgba(252, 251, 248, 0.84) !important;
    scroll-padding-left: var(--meeting-chat-side) !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .suggestion-chips::-webkit-scrollbar {
    display: none !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .suggestion-chips button {
    width: auto !important;
    max-width: calc(100vw - 72px) !important;
    min-height: 42px !important;
    flex: 0 0 auto !important;
    border: 1px solid rgba(216, 208, 196, 0.96) !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    overflow: hidden !important;
    color: #56514a !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow:
      0 10px 24px rgba(42, 37, 30, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    font-size: 0.84rem !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
    touch-action: manipulation !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-messages {
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    display: grid !important;
    align-content: start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding:
      22px var(--meeting-chat-right)
      calc(var(--meeting-chat-composer-height) + var(--meeting-chat-bottom) + 26px)
      var(--meeting-chat-side) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.26) 44%, rgba(243, 246, 251, 0.58)) !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-messages::-webkit-scrollbar {
    display: none !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-message.assistant {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 16px !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 22px !important;
    padding: 20px 20px 20px 18px !important;
    color: #4c4944 !important;
    background: rgba(248, 247, 242, 0.94) !important;
    box-shadow:
      0 18px 44px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-message.assistant::before {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #181818 !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-message.assistant::after {
    left: 34px !important;
    top: 36px !important;
    transform: none !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-message.user {
    max-width: 84% !important;
    justify-self: end !important;
    border-radius: 22px 22px 6px 22px !important;
    padding: 13px 16px !important;
    color: #ffffff !important;
    background: #1f1f1f !important;
    box-shadow: 0 16px 34px rgba(20, 20, 20, 0.15) !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-content p,
  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-content li {
    color: #53504b !important;
    font-size: 1rem !important;
    line-height: 1.54 !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-attachments {
    position: fixed !important;
    z-index: 943 !important;
    left: var(--meeting-chat-side) !important;
    right: var(--meeting-chat-right) !important;
    bottom: calc(var(--meeting-chat-composer-height) + var(--meeting-chat-bottom) + 10px) !important;
    max-height: 72px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 16px !important;
    pointer-events: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-attachments:empty {
    display: none !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-form {
    position: fixed !important;
    z-index: 944 !important;
    left: var(--meeting-chat-side) !important;
    right: var(--meeting-chat-right) !important;
    bottom: var(--meeting-chat-bottom) !important;
    width: auto !important;
    height: var(--meeting-chat-composer-height) !important;
    min-height: var(--meeting-chat-composer-height) !important;
    max-height: var(--meeting-chat-composer-height) !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) 54px !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(203, 194, 181, 0.98) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow:
      0 18px 54px rgba(31, 35, 43, 0.16),
      0 4px 14px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(22px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
    touch-action: manipulation !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-form:focus-within,
  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-form.thinking {
    border-color: rgba(184, 173, 157, 0.98) !important;
    box-shadow:
      0 20px 58px rgba(31, 35, 43, 0.18),
      0 4px 16px rgba(31, 35, 43, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-file-button {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(213, 205, 194, 0.98) !important;
    border-radius: 999px !important;
    color: #4b4740 !important;
    background: #fffefa !important;
    font-size: 1.35rem !important;
    font-weight: 620 !important;
    touch-action: manipulation !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-form input {
    min-width: 0 !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    border: 0 !important;
    padding: 0 4px !important;
    color: #302f2c !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 520 !important;
    line-height: 1.2 !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell .chat-form input::placeholder {
    color: #aaa39a !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell #chatButton {
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: transparent !important;
    background: #1b1b1b !important;
    box-shadow: 0 14px 28px rgba(20, 20, 20, 0.16) !important;
    font-size: 0 !important;
    touch-action: manipulation !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell #chatButton::before {
    color: #ffffff !important;
    font-size: 1.85rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
  }

  body.session-detail-view.meeting-chat-open .session-chat-shell #chatButton:disabled {
    opacity: 0.46 !important;
  }
}

/* Fixed mobile viewport and content scrollers v256 */
@media (max-width: 920px) {
  html {
    width: 100% !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    margin: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body:is(
    .session-detail-view,
    .project-detail-view,
    .deadline-detail-view,
    .sessions-detail-view,
    .meetings-detail-view,
    .workspace-detail-view,
    .account-detail-view
  ) .app-shell,
  body:is(
    .session-detail-view,
    .project-detail-view,
    .deadline-detail-view,
    .sessions-detail-view,
    .meetings-detail-view,
    .workspace-detail-view,
    .account-detail-view
  ) .workspace {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body:is(
    .session-detail-view,
    .project-detail-view,
    .deadline-detail-view,
    .sessions-detail-view,
    .meetings-detail-view,
    .workspace-detail-view,
    .account-detail-view
  ) .workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  body.session-detail-view .workspace {
    grid-template-areas: "session" !important;
  }

  body.project-detail-view .workspace {
    grid-template-areas: "project" !important;
  }

  body.sessions-detail-view .workspace {
    grid-template-areas: "sessionsDetail" !important;
  }

  body.meetings-detail-view .workspace {
    grid-template-areas: "meetingsDetail" !important;
  }

  body.workspace-detail-view .workspace {
    grid-template-areas: "workspacePage" !important;
  }

  body.account-detail-view .workspace {
    grid-template-areas: "accountPage" !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-detail-layout,
  body.session-detail-view:not(.meeting-chat-open) .session-workspace-shell,
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell,
  body.deadline-detail-view .deadline-shell,
  body.sessions-detail-view .sessions-shell,
  body.meetings-detail-view .meetings-shell,
  body.account-detail-view .account-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-workspace-shell,
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell,
  body.deadline-detail-view .deadline-shell,
  body.sessions-detail-view .sessions-shell,
  body.meetings-detail-view .meetings-shell,
  body.account-detail-view .account-shell {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell {
    grid-template-rows: auto auto minmax(0, 1fr) !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-workspace-header,
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell > .session-header,
  body.deadline-detail-view .deadline-shell > .session-header,
  body.sessions-detail-view .sessions-shell > .session-header,
  body.meetings-detail-view .meetings-shell > .session-header,
  body.account-detail-view .account-shell > .session-header {
    position: relative !important;
    top: auto !important;
    z-index: 20 !important;
    flex: 0 0 auto !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-workspace-body {
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "nav"
      "main" !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-vertical-nav,
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-detail-tabs {
    position: relative !important;
    top: auto !important;
    z-index: 18 !important;
    flex: 0 0 auto !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-vertical-nav::-webkit-scrollbar,
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-detail-tabs::-webkit-scrollbar {
    display: none !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-workspace-main,
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-detail-content,
  body.deadline-detail-view .deadline-detail-content,
  body.sessions-detail-view .deadline-detail-content,
  body.meetings-detail-view .deadline-detail-content,
  body.account-detail-view .account-page-card {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .session-workspace-main,
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-detail-content {
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.deadline-detail-view .deadline-dashboard.full-dashboard,
  body.sessions-detail-view .session-list.full-list,
  body.meetings-detail-view .meeting-list.full-list {
    max-height: none !important;
    overflow: visible !important;
  }

  body.workspace-detail-view .workspace-brain-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    margin: 0 !important;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  body.workspace-detail-view .workspace-brain-shell > .session-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    margin: 0 !important;
    backdrop-filter: blur(18px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
  }

body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }
}

/* Project AI premium mobile chat shell v257 */
@media (max-width: 980px) {
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) {
    --project-ai-side: max(16px, env(safe-area-inset-left, 0px));
    --project-ai-right: max(16px, env(safe-area-inset-right, 0px));
    --project-ai-bottom: max(14px, env(safe-area-inset-bottom, 0px));
    --project-ai-header-height: calc(76px + env(safe-area-inset-top, 0px));
    --project-ai-composer-height: 72px;
    --project-ai-suggestions-height: 50px;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    overflow: hidden !important;
    background: #f7f8fb !important;
    overscroll-behavior: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-pane[data-project-detail-pane="chat"].active {
    position: fixed !important;
    inset: 0 !important;
    z-index: 960 !important;
    width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(250, 251, 253, 0.96), rgba(244, 247, 251, 0.92)),
      rgba(18, 19, 22, 0.2) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.05) !important;
    backdrop-filter: blur(22px) saturate(1.05) !important;
    pointer-events: auto !important;
    touch-action: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-pane[data-project-detail-pane="chat"].active .project-chat-card {
    position: fixed !important;
    inset: 0 !important;
    z-index: 961 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    max-height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      linear-gradient(180deg, #fffefa 0%, #faf9f4 50%, #f3f6fb 100%) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-sizing: border-box !important;
    touch-action: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header {
    position: fixed !important;
    z-index: 967 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--project-ai-header-height) !important;
    min-height: var(--project-ai-header-height) !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 116px !important;
    align-items: center !important;
    gap: 10px !important;
    padding:
      calc(8px + env(safe-area-inset-top, 0px))
      var(--project-ai-right)
      10px
      var(--project-ai-side) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(31, 35, 43, 0.08) !important;
    background: rgba(255, 254, 250, 0.94) !important;
    box-shadow: 0 16px 40px rgba(31, 35, 43, 0.06) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
    backdrop-filter: blur(20px) saturate(1.08) !important;
    box-sizing: border-box !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) #projectChatCloseButton {
    grid-column: 1 !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 999px !important;
    color: #202228 !important;
    background: #ffffff !important;
    box-shadow:
      0 12px 28px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    font-size: 1.85rem !important;
    line-height: 1 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header strong {
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    justify-self: center !important;
    color: #2b2b2c !important;
    font-size: 1.34rem !important;
    font-weight: 780 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header strong::before {
    width: 34px !important;
    min-width: 34px !important;
    height: 22px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-clear-button {
    grid-column: 3 !important;
    width: 116px !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 999px !important;
    color: #6b6964 !important;
    background: rgba(255, 255, 255, 0.84) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    font-size: 0.88rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-clear-button:disabled {
    opacity: 0.45 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-top {
    position: fixed !important;
    z-index: 965 !important;
    top: calc(var(--project-ai-header-height) + 10px) !important;
    left: var(--project-ai-side) !important;
    right: var(--project-ai-right) !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card.has-chat-history .project-chat-top {
    display: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-top #projectChatScope {
    max-width: 100% !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 999px !important;
    color: #77746f !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 8px 18px rgba(31, 35, 43, 0.05) !important;
    font-size: 0.78rem !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages {
    position: fixed !important;
    z-index: 962 !important;
    top: calc(var(--project-ai-header-height) + 16px) !important;
    right: var(--project-ai-right) !important;
    bottom: calc(var(--project-ai-composer-height) + var(--project-ai-suggestions-height) + var(--project-ai-bottom) + 28px) !important;
    left: var(--project-ai-side) !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    align-content: start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 4px 0 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.22) 42%, rgba(243, 246, 251, 0.5)) !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages::-webkit-scrollbar {
    display: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-card:not(.has-chat-history) .project-chat-messages {
    top: calc(var(--project-ai-header-height) + 46px) !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.user {
    width: auto !important;
    max-width: min(86%, 520px) !important;
    justify-self: end !important;
    border: 0 !important;
    border-radius: 22px 22px 6px 22px !important;
    padding: 13px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #4a7cf4, #346fec) !important;
    box-shadow: 0 16px 34px rgba(52, 120, 246, 0.18) !important;
    font-size: 0.98rem !important;
    font-weight: 560 !important;
    line-height: 1.48 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 16px !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    border-radius: 22px !important;
    padding: 20px 18px 20px 18px !important;
    color: #4c4944 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow:
      0 18px 44px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant::before {
    content: "" !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #181818 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant::after {
    content: "" !important;
    position: absolute !important;
    left: 32px !important;
    top: 36px !important;
    width: 16px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background:
      radial-gradient(circle at 4px 5px, #ffffff 0 3px, transparent 3.4px),
      radial-gradient(circle at 12px 5px, #ffffff 0 3px, transparent 3.4px) !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant.project-thinking-message,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant.project-typing-message {
    display: block !important;
    border-radius: 18px !important;
    padding: 14px 16px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant.project-thinking-message::before,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant.project-thinking-message::after,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant.project-typing-message::before,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.assistant.project-typing-message::after {
    content: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content {
    min-width: 0 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content h4 {
    margin: 12px 0 8px !important;
    color: #2c2b28 !important;
    font-size: 1rem !important;
    line-height: 1.28 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content p,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content li {
    color: #53504b !important;
    font-size: 1rem !important;
    line-height: 1.56 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content ul,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content ol {
    margin: 8px 0 !important;
    padding-left: 22px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row {
    position: fixed !important;
    z-index: 964 !important;
    right: 0 !important;
    bottom: calc(var(--project-ai-composer-height) + var(--project-ai-bottom) + 12px) !important;
    left: 0 !important;
    height: var(--project-ai-suggestions-height) !important;
    min-height: var(--project-ai-suggestions-height) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 var(--project-ai-right) 0 var(--project-ai-side) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    background:
      linear-gradient(180deg, rgba(247, 248, 251, 0), rgba(247, 248, 251, 0.92) 42%, rgba(247, 248, 251, 0.98)) !important;
    scroll-padding-left: var(--project-ai-side) !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    box-sizing: border-box !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row::-webkit-scrollbar {
    display: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row button {
    width: auto !important;
    max-width: calc(100vw - 48px) !important;
    min-width: 0 !important;
    min-height: 40px !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(216, 208, 196, 0.96) !important;
    border-radius: 999px !important;
    color: #56514a !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow:
      0 10px 24px rgba(42, 37, 30, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    font-size: 0.84rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
    touch-action: manipulation !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-suggestion-row button::before {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border-color: rgba(216, 208, 196, 0.96) !important;
    background: #ffffff !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form {
    position: fixed !important;
    z-index: 966 !important;
    right: var(--project-ai-right) !important;
    bottom: var(--project-ai-bottom) !important;
    left: var(--project-ai-side) !important;
    width: auto !important;
    height: var(--project-ai-composer-height) !important;
    min-height: var(--project-ai-composer-height) !important;
    max-height: var(--project-ai-composer-height) !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 68px !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(203, 194, 181, 0.98) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow:
      0 18px 54px rgba(31, 35, 43, 0.16),
      0 4px 14px rgba(31, 35, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
    backdrop-filter: blur(22px) saturate(1.08) !important;
    box-sizing: border-box !important;
    touch-action: manipulation !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form:focus-within,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form.thinking {
    border-color: rgba(184, 173, 157, 0.98) !important;
    box-shadow:
      0 20px 58px rgba(31, 35, 43, 0.18),
      0 4px 16px rgba(31, 35, 43, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form .chat-file-button {
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(213, 205, 194, 0.98) !important;
    border-radius: 999px !important;
    color: #4b4740 !important;
    background: #fffefa !important;
    font-size: 1.36rem !important;
    font-weight: 620 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    touch-action: manipulation !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form input {
    min-width: 0 !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    border: 0 !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    color: #302f2c !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 520 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form input::placeholder {
    color: #aaa39a !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton {
    width: 68px !important;
    min-width: 68px !important;
    height: 56px !important;
    min-height: 56px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: #1b1b1b !important;
    box-shadow: 0 14px 28px rgba(20, 20, 20, 0.16) !important;
    font-size: 0.98rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    touch-action: manipulation !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form.thinking #projectChatButton {
    font-size: 0.78rem !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton:disabled {
    opacity: 0.46 !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton:hover,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton:focus-visible {
    background: #000000 !important;
    outline: none !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .chat-attachments {
    position: fixed !important;
    z-index: 965 !important;
    right: var(--project-ai-right) !important;
    bottom: calc(var(--project-ai-composer-height) + var(--project-ai-bottom) + var(--project-ai-suggestions-height) + 22px) !important;
    left: var(--project-ai-side) !important;
    max-height: 72px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 16px !important;
    pointer-events: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .chat-attachments:empty {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) {
    --project-ai-side: max(12px, env(safe-area-inset-left, 0px));
    --project-ai-right: max(12px, env(safe-area-inset-right, 0px));
    --project-ai-composer-height: 68px;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header {
    grid-template-columns: 52px minmax(0, 1fr) 104px !important;
    gap: 8px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header strong {
    gap: 9px !important;
    font-size: 1.18rem !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-ai-sheet-header strong::before {
    width: 28px !important;
    min-width: 28px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) #projectChatCloseButton {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-clear-button {
    width: 104px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: 0.8rem !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form {
    grid-template-columns: 50px minmax(0, 1fr) 62px !important;
    height: var(--project-ai-composer-height) !important;
    min-height: var(--project-ai-composer-height) !important;
    max-height: var(--project-ai-composer-height) !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form .chat-file-button,
  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form input {
    height: 50px !important;
    min-height: 50px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form .chat-file-button {
    width: 50px !important;
    min-width: 50px !important;
  }

  body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-form #projectChatButton {
    width: 62px !important;
    min-width: 62px !important;
    height: 52px !important;
    min-height: 52px !important;
  }
}

/* Home topbar resume guard v258 */
@media (max-width: 920px) {
  body.home-view {
    --home-topbar-top: calc(10px + env(safe-area-inset-top, 0px));
    --home-topbar-height: 68px;
    --home-content-top: calc(var(--home-topbar-top) + var(--home-topbar-height) + 16px);
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #eef3fa !important;
    overscroll-behavior: none !important;
  }

  body.home-view .session-shell,
  body.home-view .session-detail-layout,
  body.home-view .project-shell,
  body.home-view .deadline-shell,
  body.home-view .sessions-shell,
  body.home-view .meetings-shell,
  body.home-view .workspace-brain-shell,
  body.home-view .account-shell,
  body.home-view .live-session-shell {
    display: none !important;
  }

  body.home-view .app-shell {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eef3fa !important;
  }

  body.home-view .workspace {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "capture"
      "workspaceEntry"
      "meetings"
      "sidebar"
      "session" !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
    gap: 12px !important;
    padding:
      var(--home-content-top)
      max(10px, env(safe-area-inset-right, 0px))
      calc(18px + env(safe-area-inset-bottom, 0px))
      max(10px, env(safe-area-inset-left, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  body.home-view .topbar {
    position: fixed !important;
    z-index: 360 !important;
    top: var(--home-topbar-top) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    width: auto !important;
    min-width: 0 !important;
    height: var(--home-topbar-height) !important;
    min-height: var(--home-topbar-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 14px !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: 34px !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.96)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 18px 42px rgba(31, 35, 43, 0.08) !important;
    transform: translateZ(0) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
    backdrop-filter: blur(18px) saturate(1.04) !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  body.home-view .topbar::before {
    content: none !important;
    display: none !important;
  }

  body.home-view .brand-header,
  body.home-view .brand-logo,
  body.home-view .brand-logo svg,
  body.home-view .topbar-actions,
  body.home-view .account-control,
  body.home-view .auth-button,
  body.home-view .status-pill {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
  }

  body.home-view .brand-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home-view .topbar-actions {
    position: absolute !important;
    z-index: 361 !important;
    top: 50% !important;
    right: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transform: translateY(-50%) !important;
  }
}

/* Deadline checklist iOS add-form repair v258 */
.deadline-overview-card,
.session-deadline-card {
  min-width: 0 !important;
}

.deadline-overview-card .insight-card-body,
.session-deadline-card {
  min-width: 0 !important;
  max-width: 100% !important;
}

.deadline-overview-card.is-adding-deadline .deadline-checklist li.empty,
.session-deadline-card.is-adding-deadline .deadline-checklist li.empty,
.session-deadline-card.is-adding-deadline > ul > li.empty {
  display: none !important;
}

.deadline-overview-card .session-deadline-task-form,
.session-deadline-card .session-deadline-task-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  padding: 12px !important;
  border: 1px solid rgba(31, 31, 33, 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  overflow: hidden !important;
}

.deadline-overview-card .session-deadline-task-form[hidden],
.session-deadline-card .session-deadline-task-form[hidden] {
  display: none !important;
}

.deadline-overview-card .session-deadline-task-form input,
.session-deadline-card .session-deadline-task-form input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(31, 31, 33, 0.08) !important;
  border-radius: 14px !important;
  background: #fbfbfa !important;
  color: #30312d !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  text-align: left !important;
  box-shadow: none !important;
}

.deadline-overview-card .session-deadline-task-form input[type="datetime-local"],
.session-deadline-card .session-deadline-task-form input[type="datetime-local"] {
  -webkit-appearance: none !important;
  appearance: none !important;
}

.deadline-overview-card .session-deadline-task-form input[type="datetime-local"]::-webkit-date-and-time-value,
.session-deadline-card .session-deadline-task-form input[type="datetime-local"]::-webkit-date-and-time-value {
  min-height: 1.2em !important;
  text-align: left !important;
}

.deadline-overview-card .session-deadline-task-form .deadline-date-fields,
.session-deadline-card .session-deadline-task-form .deadline-date-fields {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(104px, 0.58fr) !important;
  gap: 8px !important;
}

.deadline-overview-card .session-deadline-task-form .deadline-date-field,
.deadline-overview-card .session-deadline-task-form .deadline-time-field,
.session-deadline-card .session-deadline-task-form .deadline-date-field,
.session-deadline-card .session-deadline-task-form .deadline-time-field {
  font-variant-numeric: tabular-nums !important;
}

.deadline-overview-card .session-deadline-task-form .manual-task-actions,
.session-deadline-card .session-deadline-task-form .manual-task-actions {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
}

.deadline-overview-card .session-deadline-task-form .manual-task-actions button,
.session-deadline-card .session-deadline-task-form .manual-task-actions button {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  font-size: 0.95rem !important;
  font-weight: 720 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.deadline-overview-card .session-deadline-task-form .manual-task-actions .primary-action,
.session-deadline-card .session-deadline-task-form .manual-task-actions .primary-action {
  border-color: #1f1f21 !important;
  background: #1f1f21 !important;
  color: #f3f8c8 !important;
}

.session-deadline-card .session-deadline-task-form {
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 14px !important;
}

.session-deadline-card .session-deadline-task-form input {
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 0.92rem !important;
}

.session-deadline-card .session-deadline-task-form .deadline-date-fields {
  grid-template-columns: minmax(0, 1fr) !important;
}

.session-deadline-card .session-deadline-task-form .manual-task-actions {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

.session-deadline-card .session-deadline-task-form .manual-task-actions button {
  min-height: 42px !important;
  padding: 0 10px !important;
  font-size: 0.88rem !important;
  text-overflow: clip !important;
}

body.session-detail-view:not(.meeting-chat-open) .deadline-overview-card {
  overflow: hidden !important;
}

@media (max-width: 620px) {
  body.session-detail-view:not(.meeting-chat-open) .session-workspace-main {
    scroll-padding-top: 12px !important;
    padding-bottom: calc(156px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .deadline-overview-card .insight-card-body {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .deadline-overview-card .session-deadline-task-form {
    margin-bottom: 16px !important;
  }

  body.session-detail-view:not(.meeting-chat-open) .deadline-overview-card .deadline-checklist {
    max-width: 100% !important;
  }
}

@media (max-width: 360px) {
  .deadline-overview-card .session-deadline-task-form .manual-task-actions,
  .session-deadline-card .session-deadline-task-form .manual-task-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Deadline checklist iOS keyboard focus repair v259 */
html.deadline-keyboard-active {
  --deadline-keyboard-space: max(330px, calc(var(--app-keyboard-inset, 0px) + 88px));
}

html.deadline-keyboard-active,
body.deadline-keyboard-active {
  overflow: hidden !important;
}

html.deadline-keyboard-active body.session-detail-view:not(.meeting-chat-open) .session-workspace-shell,
html.deadline-keyboard-active body.session-detail-view:not(.meeting-chat-open) .session-workspace-body {
  height: var(--app-visible-height, 100dvh) !important;
  max-height: var(--app-visible-height, 100dvh) !important;
}

html.deadline-keyboard-active body.session-detail-view:not(.meeting-chat-open) .session-workspace-main {
  height: 100% !important;
  overflow-y: auto !important;
  padding-bottom: calc(var(--deadline-keyboard-space) + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-top: 16px !important;
  scroll-padding-bottom: var(--deadline-keyboard-space) !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

html.deadline-keyboard-active body.session-detail-view:not(.meeting-chat-open) .deadline-overview-card {
  margin-bottom: calc(var(--deadline-keyboard-space) * 0.45) !important;
}

html.deadline-keyboard-active .deadline-overview-card .session-deadline-task-form:focus-within,
html.deadline-keyboard-active .session-deadline-card .session-deadline-task-form:focus-within {
  border-color: rgba(35, 131, 226, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 0 3px rgba(35, 131, 226, 0.08) !important;
}

html.deadline-keyboard-active .deadline-overview-card .session-deadline-task-form input:focus,
html.deadline-keyboard-active .session-deadline-card .session-deadline-task-form input:focus {
  border-color: rgba(35, 131, 226, 0.32) !important;
  background: #ffffff !important;
  outline: none !important;
}

/* Home topbar visible brand repair v260 */
.brand-wordmark {
  display: inline-block;
  color: #25272d;
  font-size: 1rem;
  font-weight: 780;
  line-height: 1;
  letter-spacing: 0;
}

@media (max-width: 920px) {
  body.home-view,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    --home-topbar-height: 64px !important;
    --home-content-top: calc(var(--home-topbar-top) + var(--home-topbar-height) + 14px) !important;
  }

  body.home-view .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar {
    height: var(--home-topbar-height) !important;
    min-height: var(--home-topbar-height) !important;
    max-height: var(--home-topbar-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 12px !important;
    overflow: visible !important;
  }

  body.home-view .brand-header,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.home-view .brand-header .brand-logo,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header .brand-logo {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 14px !important;
    background:
      linear-gradient(180deg, rgba(31, 31, 33, 0.98), rgba(7, 8, 10, 0.98)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.16),
      0 10px 22px rgba(31, 35, 43, 0.16) !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  body.home-view .brand-header .brand-logo::before,
  body.home-view .brand-header .brand-logo::after,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header .brand-logo::before,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header .brand-logo::after {
    content: none !important;
    display: none !important;
  }

  body.home-view .brand-header .brand-logo svg,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header .brand-logo svg {
    width: 26px !important;
    height: 26px !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
  }

  body.home-view .brand-wordmark,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-wordmark {
    display: inline-block !important;
    color: #26282d !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.home-view .topbar-actions,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar-actions {
    right: 12px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.home-view .status-pill,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .status-pill {
    display: none !important;
  }
}

/* Home mobile masthead visibility repair v261 */
@media (max-width: 920px) {
  body.home-view .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar {
    background: #ffffff !important;
    border: 1px solid rgba(31, 35, 43, 0.08) !important;
    box-shadow:
      0 14px 34px rgba(31, 35, 43, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.home-view .brand-header,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    color: #202228 !important;
    transform: none !important;
  }

  body.home-view .brand-wordmark,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-wordmark {
    color: #202228 !important;
    font-size: 1.06rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: none !important;
  }

  body.home-view .home-sidebar-brand,
  body.home-view .home-sidebar-nav,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-brand,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-nav {
    display: none !important;
    visibility: hidden !important;
  }
}

/* Home mobile overlay stacking repair v262 */
@media (max-width: 920px) {
  body.home-view::before,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view)::before {
    z-index: 0 !important;
  }

  body.home-view .app-shell,
  body.home-view .workspace,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    z-index: 1 !important;
  }

  body.home-view .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar {
    z-index: 1000 !important;
  }
}

/* Home mobile centered brand repair v263 */
@media (max-width: 920px) {
  body.home-view .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar {
    justify-content: center !important;
    padding-right: 72px !important;
    padding-left: 72px !important;
  }

  body.home-view .brand-header,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .brand-header {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    max-width: calc(100% - 148px) !important;
    transform: translate(-50%, -50%) !important;
  }

  body.home-view .topbar-actions,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar-actions {
    right: 14px !important;
  }
}

body.needs-attention-detail-view .app-shell {
  height: var(--app-visible-height, 100vh) !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 22px !important;
  overflow: hidden !important;
}

body.needs-attention-detail-view .workspace {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "needsAttentionDetail" !important;
  max-width: none !important;
  height: calc(var(--app-visible-height, 100vh) - 44px) !important;
  min-height: 0 !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body.needs-attention-detail-view .needs-attention-shell {
  width: min(920px, calc(100vw - 44px));
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

body.needs-attention-detail-view .topbar,
body.needs-attention-detail-view .capture-panel,
body.needs-attention-detail-view .sessions-panel,
body.needs-attention-detail-view .workspace-entry-panel,
body.needs-attention-detail-view .home-hero-panel,
body.needs-attention-detail-view .home-focus-grid,
body.needs-attention-detail-view .home-recent-table-panel,
body.needs-attention-detail-view .meetings-panel,
body.needs-attention-detail-view .home-chat-panel,
body.needs-attention-detail-view .session-detail-layout,
body.needs-attention-detail-view .project-shell,
body.needs-attention-detail-view .workspace-brain-shell,
body.needs-attention-detail-view .sessions-shell,
body.needs-attention-detail-view .meetings-shell,
body.needs-attention-detail-view .account-shell,
body.needs-attention-detail-view .live-session-shell {
  display: none !important;
}

@media (max-width: 920px) {
  body.needs-attention-detail-view .app-shell,
  body.needs-attention-detail-view .workspace {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.needs-attention-detail-view .needs-attention-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
  }

  body.needs-attention-detail-view .needs-attention-detail-content {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* Needs attention list parity v264 */
.home-attention-card .home-card-heading h2 {
  min-width: 0;
  flex: 1 1 auto;
}

.needs-attention-add-button {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 999px;
  background: rgba(243, 249, 196, 0.88);
  color: #20211f;
  box-shadow: 0 8px 22px rgba(31, 31, 33, 0.07);
  font-size: 1.25rem;
  font-weight: 640;
  line-height: 1;
}

.home-card-add-button {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  display: inline-grid;
  place-items: center;
  margin-left: auto;
  padding: 0;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.66);
  color: rgba(31, 31, 33, 0.72);
  box-shadow: none;
  font-size: 1.05rem;
  font-weight: 640;
  line-height: 1;
}

.needs-attention-add-button:hover,
.needs-attention-add-button:focus-visible {
  background: #f7fecb;
  outline: none;
  transform: translateY(-1px);
}

.home-card-add-button:hover,
.home-card-add-button:focus-visible {
  background: rgba(255, 255, 255, 0.96);
  color: #1f1f21;
  border-color: rgba(31, 31, 33, 0.14);
  outline: none;
}

.needs-attention-task-form {
  align-self: start;
  width: min(640px, calc(100% - 36px));
  height: auto;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.8fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0 18px 12px;
  padding: 12px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 34px rgba(31, 35, 43, 0.055);
}

.needs-attention-task-form[hidden] {
  display: none !important;
}

.needs-attention-task-form input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 14px;
  background: #fbfbfa;
  color: #30312d;
  font-size: 16px;
  line-height: 1.2;
  box-shadow: none;
}

.needs-attention-task-form input[type="datetime-local"] {
  -webkit-appearance: none;
  appearance: none;
}

.needs-attention-task-form input[type="datetime-local"]::-webkit-date-and-time-value {
  min-height: 1.2em;
  text-align: left;
}

.needs-attention-task-form .manual-task-actions {
  min-width: 190px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.needs-attention-task-form .manual-task-actions button {
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 720;
  line-height: 1.1;
  white-space: nowrap;
}

.home-attention-card .home-attention-list {
  display: grid;
  gap: 0;
  margin-top: 8px;
}

.attention-task-list {
  display: grid;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.88);
  overflow: hidden;
}

.attention-task-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 62px;
  padding: 10px 12px;
  background: transparent;
}

.attention-task-row + .attention-task-row {
  border-top: 1px solid var(--line);
}

.home-attention-card .attention-task-row {
  min-height: 70px;
  padding: 10px 0;
}

.home-attention-card .attention-task-row + .attention-task-row {
  border-top-color: rgba(31, 31, 33, 0.08);
}

.attention-task-check {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  border: 1.5px solid rgba(31, 31, 33, 0.26);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
}

.attention-task-check:hover,
.attention-task-check:focus-visible {
  border-color: rgba(31, 31, 33, 0.48);
  background: rgba(31, 31, 33, 0.04);
  outline: none;
}

.attention-task-open {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  text-align: left;
}

.attention-task-open:hover,
.attention-task-open:focus-visible {
  background: transparent;
  box-shadow: none;
  outline: none;
}

.attention-task-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.attention-task-copy strong {
  min-width: 0;
  overflow: hidden;
  color: var(--ink-heading);
  font-size: 0.98rem;
  font-weight: 650;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}

.home-attention-card .attention-task-copy strong {
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.attention-task-copy small {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attention-task-due {
  max-width: 220px;
  overflow: hidden;
  padding: 4px 10px;
  border: 1px solid rgba(52, 120, 246, 0.16);
  border-radius: 999px;
  background: rgba(238, 244, 255, 0.92);
  color: #315da8;
  font-size: 0.8rem;
  font-weight: 720;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-attention-card .attention-task-due {
  max-width: 174px;
}

.home-attention-empty {
  min-height: 78px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}

.attention-empty-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(211, 142, 32, 0.2);
  border-radius: 9px;
  color: #9b5a0f;
  background: rgba(255, 246, 223, 0.95);
  font-weight: 820;
}

.needs-attention-detail-view .needs-attention-detail-content {
  min-height: 0;
  padding: 18px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.needs-attention-detail-view .needs-attention-list {
  max-height: none;
  overflow: hidden;
}

.needs-attention-section {
  display: grid;
  gap: 9px;
}

.needs-attention-section + .needs-attention-section {
  margin-top: 18px;
}

.needs-attention-section h3 {
  margin: 0;
  padding: 0 4px;
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 680;
  line-height: 1.25;
}

.needs-attention-detail-view .needs-attention-section .needs-attention-list {
  max-height: none;
  overflow: hidden;
}

.attention-task-open.home-attention-open {
  grid-template-columns: minmax(0, 1fr) auto;
}

.attention-task-row .home-attention-doodle {
  display: none !important;
}

.attention-task-row .home-attention-doodle svg {
  display: none !important;
}

.needs-attention-detail-view .home-attention-empty {
  padding: 18px;
}

@media (max-width: 720px) {
  .needs-attention-task-form {
    width: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 14px 12px;
    padding: 10px;
    border-radius: 16px;
  }

  .needs-attention-task-form .manual-task-actions {
    min-width: 0;
  }

  .attention-task-open {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  .attention-task-open.home-attention-open {
    grid-template-columns: minmax(0, 1fr);
  }

  .attention-task-open.home-attention-open .attention-task-due {
    grid-column: 1;
  }

  .attention-task-due {
    grid-column: 2;
    width: fit-content;
    max-width: 100%;
  }
}

body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-hero-panel,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .capture-panel,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-focus-grid,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .meetings-panel,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .session-shell,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .session-detail-layout,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .project-shell,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-brain-shell,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-shell,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .meetings-shell,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .account-shell,
body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .live-session-shell {
  display: none !important;
}

body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "needsAttentionDetail" !important;
  max-width: none !important;
  height: calc(var(--app-visible-height, 100vh) - 44px) !important;
  min-height: 0 !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body.needs-attention-detail-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .needs-attention-shell {
  grid-area: needsAttentionDetail !important;
  width: min(920px, calc(100vw - 44px)) !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

/* Floating Ask Elthos bubble v284 */
.home-ai-bubble-button {
  display: none;
}

@media (min-width: 921px) {
  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    grid-template-areas:
      "sidebar homeHero"
      "sidebar capture"
      "sidebar workspaceEntry"
      "sidebar focus"
      "sidebar recent" !important;
  }

  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-focus-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr) !important;
  }
}

@media (max-width: 1240px) and (min-width: 921px) {
  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 250px minmax(0, 1fr) !important;
  }
}

body.home-view .home-ai-bubble-button {
  position: fixed;
  left: var(--home-ai-bubble-x, calc(100vw - 92px));
  top: var(--home-ai-bubble-y, calc(var(--app-visible-height, 100vh) - 98px));
  z-index: 75;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(242, 246, 255, 0.9)),
    #fff;
  color: #2f3d78;
  box-shadow:
    0 22px 48px rgba(46, 55, 93, 0.22),
    0 7px 18px rgba(31, 31, 33, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  cursor: grab;
  touch-action: none;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

body.home-view .home-ai-bubble-button::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(85, 103, 190, 0.16);
  border-radius: 17px;
  pointer-events: none;
}

body.home-view .home-ai-bubble-button::after {
  content: "Ask Elthos";
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #252624;
  box-shadow: 0 12px 30px rgba(31, 31, 33, 0.12);
  font-size: 0.78rem;
  font-weight: 720;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(6px, -50%);
  transition: opacity 160ms ease, transform 160ms ease;
}

body.home-view .home-ai-bubble-button:hover,
body.home-view .home-ai-bubble-button:focus-visible,
body.home-view.home-ai-open .home-ai-bubble-button {
  border-color: rgba(114, 131, 217, 0.28);
  box-shadow:
    0 28px 58px rgba(46, 55, 93, 0.28),
    0 10px 22px rgba(31, 31, 33, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  outline: none;
  transform: translateY(-2px);
}

body.home-view .home-ai-bubble-button:hover::after,
body.home-view .home-ai-bubble-button:focus-visible::after {
  opacity: 1;
  transform: translate(0, -50%);
}

body.home-view .home-ai-bubble-button.is-dragging {
  cursor: grabbing;
  transition: none;
  transform: scale(1.02);
}

.home-ai-bubble-icon {
  position: relative;
  z-index: 1;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
}

.home-ai-bubble-icon svg {
  width: 31px;
  height: 31px;
  display: block;
  fill: currentColor;
  filter: drop-shadow(0 6px 10px rgba(85, 103, 190, 0.22));
}

body.home-view:not(.home-ai-open) .home-chat-panel {
  display: none !important;
}

body.home-view.home-ai-open .home-chat-panel.home-ai-popup {
  position: fixed !important;
  left: var(--home-ai-popup-x, max(16px, calc(100vw - 468px))) !important;
  top: var(--home-ai-popup-y, 92px) !important;
  z-index: 82 !important;
  width: min(440px, calc(100vw - 32px)) !important;
  height: min(640px, calc(var(--app-visible-height, 100vh) - 96px)) !important;
  min-height: 0 !important;
  max-height: none !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 248, 252, 0.92)),
    #fff !important;
  box-shadow:
    0 34px 92px rgba(38, 44, 62, 0.22),
    0 14px 34px rgba(31, 31, 33, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  overflow: hidden !important;
  backdrop-filter: blur(24px) saturate(1.14) !important;
  animation: homeAiPopupIn 220ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

body.home-view.home-ai-open .home-chat-panel.home-ai-popup::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 88px;
  background: linear-gradient(180deg, rgba(236, 240, 255, 0.74), rgba(255, 255, 255, 0));
  pointer-events: none;
}

body.home-view.home-ai-open .home-ai-popup.is-dragging {
  cursor: grabbing;
  user-select: none;
  animation: none !important;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.92fr) 38px !important;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(31, 31, 33, 0.08) !important;
  cursor: grab;
}

body.home-view.home-ai-open .home-ai-popup.is-dragging .home-chat-header {
  cursor: grabbing;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-title-row {
  min-width: 0;
  min-height: 0;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-header h2 {
  gap: 10px;
  color: #202329;
  font-size: 1rem;
  font-weight: 780;
  letter-spacing: 0;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-header h2::before {
  content: none !important;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-title-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  color: #2f3d78;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-scope {
  min-width: 0;
  justify-items: stretch;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-scope select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(31, 31, 33, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.84);
  color: #202329;
  box-shadow: 0 8px 20px rgba(31, 31, 33, 0.04);
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
}

.home-ai-popup-close {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.76);
  color: rgba(31, 31, 33, 0.66);
  box-shadow: none;
}

.home-ai-popup-close:hover,
.home-ai-popup-close:focus-visible {
  border-color: rgba(31, 31, 33, 0.15);
  background: #fff;
  color: #202329;
  outline: none;
}

.home-ai-popup-close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-suggestions {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px !important;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-suggestions button {
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(31, 31, 33, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  color: rgba(31, 31, 33, 0.68);
  box-shadow: 0 8px 20px rgba(31, 31, 33, 0.035);
  font-size: 0.78rem;
  font-weight: 720;
  letter-spacing: 0;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-suggestions button:hover,
body.home-view.home-ai-open .home-ai-popup .home-chat-suggestions button:focus-visible {
  border-color: rgba(80, 103, 214, 0.18);
  background: rgba(239, 243, 255, 0.9);
  color: #2f3d78;
  outline: none;
  transform: translateY(-1px);
}

body.home-view.home-ai-open .home-ai-popup .home-chat-messages {
  position: relative;
  z-index: 1;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 18px 2px 16px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-empty {
  max-width: 280px;
  margin: auto;
  color: rgba(31, 31, 33, 0.58);
}

body.home-view.home-ai-open .home-ai-popup .home-chat-empty > span,
body.home-view.home-ai-open .home-ai-popup .home-chat-empty > .home-chat-empty-icon {
  width: 46px;
  height: 46px;
  color: #5664bf;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-empty strong {
  color: #282b31;
  font-size: 1.02rem;
  line-height: 1.24;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-empty p {
  color: rgba(31, 31, 33, 0.58);
  font-size: 0.92rem;
  line-height: 1.5;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-message.assistant {
  align-self: stretch !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(31, 31, 33, 0.07) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 12px 28px rgba(31, 31, 33, 0.05) !important;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-message.user {
  max-width: min(86%, 340px);
  border-radius: 18px 18px 6px 18px;
  background: #202329;
  box-shadow: 0 14px 28px rgba(31, 31, 33, 0.14);
}

body.home-view.home-ai-open .home-ai-popup .home-chat-message.assistant.home-thinking-message {
  width: fit-content !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form {
  position: relative;
  z-index: 1;
  min-height: 62px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 7px;
  border: 1px solid rgba(31, 31, 33, 0.1);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    0 18px 42px rgba(31, 31, 33, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form:focus-within {
  border-color: rgba(80, 103, 214, 0.28);
  box-shadow:
    0 18px 42px rgba(31, 31, 33, 0.12),
    0 0 0 4px rgba(80, 103, 214, 0.08);
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form button {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 999px;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form button:first-child {
  background: rgba(246, 247, 249, 0.96);
  color: rgba(31, 31, 33, 0.62);
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form button:last-child {
  background: #202329;
  color: #fff;
  box-shadow: none;
  transition: background 160ms ease, transform 160ms ease;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form button:last-child:hover:not(:disabled),
body.home-view.home-ai-open .home-ai-popup .home-chat-form button:last-child:focus-visible {
  background: #30343b;
  outline: none;
  transform: scale(1.04);
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form button:last-child:disabled {
  opacity: 1;
  background: #202329;
  cursor: wait;
}

.home-chat-submit-icon {
  display: block;
  font-size: 1.2rem !important;
  font-weight: 720;
  line-height: 1;
  transform: translateY(-1px);
}

.home-chat-submit-spinner {
  width: 15px;
  height: 15px;
  display: block;
  border: 2px solid rgba(255, 255, 255, 0.34);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: homeChatSubmitSpin 720ms linear infinite;
}

@keyframes homeChatSubmitSpin {
  to {
    transform: rotate(360deg);
  }
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form input {
  min-width: 0;
  color: #202329;
  font-size: 0.96rem;
}

body.home-view.home-ai-open .home-ai-popup .home-chat-form input::placeholder {
  color: rgba(31, 31, 33, 0.42);
}

@keyframes homeAiPopupIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.975);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 920px) {
  body.home-view .home-ai-bubble-button {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    border-radius: 21px;
  }

  body.home-view .home-ai-bubble-button::after {
    display: none;
  }
}

@media (max-width: 620px) {
  body.home-view.home-ai-open .home-chat-panel.home-ai-popup {
    left: 12px !important;
    right: 12px !important;
    top: 70px !important;
    bottom: 14px !important;
    width: auto !important;
    height: auto !important;
    padding: 14px !important;
    border-radius: 26px !important;
  }

  body.home-view.home-ai-open .home-ai-popup .home-chat-header {
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 10px;
  }

  body.home-view.home-ai-open .home-ai-popup .home-chat-scope {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  body.home-view.home-ai-open .home-ai-popup .home-ai-popup-close {
    grid-column: 2;
    grid-row: 1;
  }

  body.home-view.home-ai-open .home-ai-popup .home-chat-suggestions {
    grid-template-columns: minmax(0, 1fr);
  }
}

:root[data-theme="dark"] body.home-view .home-ai-bubble-button {
  border-color: rgba(255, 255, 255, 0.16);
  background:
    linear-gradient(145deg, rgba(43, 48, 62, 0.96), rgba(30, 34, 47, 0.92)),
    #202329;
  color: #b9c5ff;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] body.home-view.home-ai-open .home-chat-panel.home-ai-popup {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(36, 39, 48, 0.96), rgba(25, 27, 34, 0.94)),
    #202329 !important;
  color: #f4f5f8;
}

:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-header {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-header h2,
:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-empty strong,
:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-form input {
  color: #f4f5f8;
}

:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-scope select,
:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-suggestions button,
:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-ai-popup-close,
:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-message.assistant,
:root[data-theme="dark"] body.home-view.home-ai-open .home-ai-popup .home-chat-form {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.07);
  color: rgba(244, 245, 248, 0.78);
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view):not(.home-ai-open) .home-chat-panel.home-ai-popup {
  grid-area: auto !important;
  display: none !important;
  position: fixed !important;
}

body.home-view.home-ai-open:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel.home-ai-popup {
  grid-area: auto !important;
  position: fixed !important;
  left: var(--home-ai-popup-x, max(16px, calc(100vw - 468px))) !important;
  top: var(--home-ai-popup-y, 92px) !important;
  width: min(440px, calc(100vw - 32px)) !important;
  height: min(640px, calc(var(--app-visible-height, 100vh) - 96px)) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  padding: 18px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

@media (max-width: 820px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu #sharedAudioButton.shared-audio-button {
    grid-template-rows: 44px 34px 15px !important;
    row-gap: 4px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu #sharedAudioButton.shared-audio-button > span:not(#recordIcon) {
    max-width: 13ch !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.05 !important;
  }
}

/* Notion-style home redesign v300 */
@media (min-width: 921px) {
  :root {
    --notion-bg: #ffffff;
    --notion-sidebar: #f7f7f5;
    --notion-text: #202020;
    --notion-muted: #787774;
    --notion-faint: #9b9a97;
    --notion-line: rgba(55, 53, 47, 0.14);
    --notion-hover: rgba(55, 53, 47, 0.06);
    --notion-blue: #2f80ed;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) {
    background: var(--notion-bg) !important;
    color: var(--notion-text) !important;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .app-shell {
    min-height: 100vh !important;
    padding: 0 !important;
    background: var(--notion-bg) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    min-height: 100vh !important;
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: 278px minmax(0, 1fr) !important;
    grid-template-rows: 152px auto auto auto minmax(0, 1fr) !important;
    grid-template-areas:
      "sidebar homeHero"
      "sidebar capture"
      "sidebar workspaceEntry"
      "sidebar focus"
      "sidebar recent" !important;
    gap: 0 !important;
    align-items: start !important;
    background: var(--notion-bg) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .topbar,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .meetings-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .deadline-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-recent-table-panel,
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view):not(.home-ai-open) .home-chat-panel.home-ai-popup {
    display: none !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
    grid-area: sidebar !important;
    position: sticky !important;
    top: 0 !important;
    min-height: 100vh !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    padding: 22px 16px 20px !important;
    border: 0 !important;
    border-right: 1px solid rgba(55, 53, 47, 0.09) !important;
    border-radius: 0 !important;
    background: var(--notion-sidebar) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .home-sidebar-brand {
    display: flex !important;
    min-height: 34px !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 0 6px 12px !important;
    color: #151515 !important;
    font-size: 1rem !important;
    font-weight: 680 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 0 0.35px rgba(0, 0, 0, 0.22) !important;
  }

  .home-brand-mark {
    width: 30px !important;
    height: 18px !important;
  }

  .home-brand-mark::before,
  .home-brand-mark::after {
    top: 2px !important;
    width: 17px !important;
    height: 15px !important;
    background: #1f1f1f !important;
  }

  .home-sidebar-nav {
    display: grid !important;
    gap: 2px !important;
    padding: 0 0 42px !important;
    border: 0 !important;
  }

  .home-sidebar-nav button {
    min-height: 40px !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #242424 !important;
    font-size: 1rem !important;
    font-weight: 610 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 0 0.25px rgba(0, 0, 0, 0.16) !important;
  }

  .home-sidebar-nav button.active,
  .home-sidebar-nav button:hover,
  .home-sidebar-nav button:focus-visible {
    background: var(--notion-hover) !important;
    color: #1f1f1f !important;
  }

  .home-sidebar-nav svg {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 1.8 !important;
  }

  .home-sidebar-upcoming {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  .home-sidebar-meeting-card {
    width: 100% !important;
    padding: 0 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-sidebar-meeting-header {
    min-height: 32px !important;
    align-items: center !important;
  }

  .home-sidebar-section-title {
    color: var(--notion-muted) !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  .home-sidebar-section-title svg {
    display: none !important;
  }

  .home-sidebar-meeting-actions {
    gap: 2px !important;
  }

  .home-sidebar-meeting-actions button {
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: var(--notion-muted) !important;
    box-shadow: none !important;
  }

  .home-sidebar-meeting-actions button:hover,
  .home-sidebar-meeting-actions button:focus-visible {
    background: var(--notion-hover) !important;
    color: var(--notion-text) !important;
  }

  .home-sidebar-meetings {
    border: 0 !important;
    background: transparent !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-row {
    min-height: 56px !important;
    border: 0 !important;
    border-radius: 5px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-open {
    padding: 8px 4px !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-title {
    color: #202020 !important;
    font-size: 0.94rem !important;
    font-weight: 650 !important;
    text-shadow: 0 0 0.25px rgba(0, 0, 0, 0.14) !important;
  }

  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel .home-sidebar-meetings .meeting-meta {
    color: var(--notion-muted) !important;
    font-size: 0.78rem !important;
  }

  .home-account-card {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 18px !important;
    gap: 11px !important;
    min-height: 62px !important;
    margin-top: auto !important;
    padding: 8px !important;
    border: 1px solid rgba(55, 53, 47, 0.12) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    box-shadow: none !important;
    color: #37352f !important;
  }

  .home-account-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 5px !important;
    border-color: rgba(55, 53, 47, 0.16) !important;
    background: #f1efeb !important;
    color: #37352f !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.2rem !important;
  }

  .home-account-card strong {
    color: #181818 !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    text-shadow: 0 0 0.25px rgba(0, 0, 0, 0.18) !important;
  }

  .home-account-card small {
    color: var(--notion-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
  }

  .home-account-plan {
    width: max-content !important;
    margin-top: 4px !important;
    padding: 2px 8px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: rgba(35, 131, 226, 0.08) !important;
    color: #26806b !important;
    font-size: 0.72rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
  }

  .home-hero-panel,
  .capture-panel,
  .workspace-entry-panel,
  .home-focus-grid {
    width: min(1280px, calc(100% - 112px)) !important;
    max-width: 1280px !important;
    justify-self: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home-hero-panel {
    grid-area: homeHero !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    padding: 66px 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-hero-panel h1 {
    color: #0d0d0d !important;
    font-size: clamp(2.55rem, 3.3vw, 3.15rem) !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 0 0.55px rgba(0, 0, 0, 0.32) !important;
  }

  .home-hero-panel p {
    margin-top: 8px !important;
    color: #6b6a67 !important;
    font-size: 1.08rem !important;
    font-weight: 470 !important;
    letter-spacing: 0 !important;
  }

  .home-hero-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 34px !important;
    color: #6b6a67 !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
  }

  .home-hero-actions::before {
    content: "Edited just now";
  }

  .home-hero-actions::after {
    content: "Share";
    color: #171717;
    font-weight: 700;
    text-shadow: 0 0 0.25px rgba(0, 0, 0, 0.18);
  }

  .home-hero-actions button {
    width: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #37352f !important;
  }

  .home-hero-actions button:hover,
  .home-hero-actions button:focus-visible {
    background: var(--notion-hover) !important;
  }

  .home-hero-actions svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }

  .capture-panel {
    grid-area: capture !important;
    display: block !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
  }

  .capture-heading {
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  .capture-heading h2 {
    color: #111111 !important;
    font-size: 1.25rem !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 0 0.35px rgba(0, 0, 0, 0.22) !important;
  }

  .avatar-stage,
  #audioMenuButton {
    display: none !important;
  }

  .controls,
  .audio-picker {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .audio-menu {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  .audio-menu button,
  .audio-menu .file-button {
    width: 100% !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 72px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 3px 14px !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--notion-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--notion-text) !important;
    text-align: left !important;
  }

  .audio-menu .file-button {
    border-bottom: 0 !important;
  }

  .audio-menu button:hover,
  .audio-menu button:focus-visible,
  .audio-menu .file-button:hover,
  .audio-menu .file-button:focus-within {
    background: rgba(55, 53, 47, 0.025) !important;
  }

  .audio-menu #recordIcon,
  .audio-menu .capture-sticker-svg {
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
    filter: none !important;
  }

  .audio-menu .capture-record-sticker,
  .audio-menu .capture-shared-sticker,
  .audio-menu .capture-upload-sticker {
    filter: none !important;
  }

  .audio-menu .premium-record-capsule,
  .audio-menu .premium-icon-ink,
  .audio-menu .premium-record-wave,
  .audio-menu .premium-stop-square,
  .audio-menu .premium-meeting-panel,
  .audio-menu .premium-meeting-camera,
  .audio-menu .premium-meeting-screen,
  .audio-menu .premium-meeting-user,
  .audio-menu .premium-meeting-status-ring,
  .audio-menu .premium-meeting-status-dot,
  .audio-menu .premium-file-page,
  .audio-menu .premium-file-corner-fill,
  .audio-menu .premium-file-fold,
  .audio-menu .premium-upload-arrow {
    transform: none !important;
  }

  .audio-menu .premium-icon-glow {
    display: none !important;
  }

  .audio-menu .premium-record-capsule,
  .audio-menu .premium-record-wave {
    fill: none !important;
    stroke: #e5484d !important;
  }

  .audio-menu .premium-record-capsule {
    stroke-width: 1.75 !important;
  }

  .audio-menu .premium-icon-ink {
    fill: none !important;
    stroke: #e5484d !important;
    stroke-width: 1.75 !important;
  }

  .audio-menu .premium-stop-square {
    fill: #e5484d !important;
    stroke: #e5484d !important;
  }

  .audio-menu .premium-meeting-panel {
    fill: transparent !important;
    stroke: #2a9d8f !important;
    stroke-width: 1.75 !important;
  }

  .audio-menu .premium-meeting-camera {
    fill: none !important;
    stroke: #2a9d8f !important;
    stroke-width: 1.75 !important;
  }

  .audio-menu .premium-meeting-screen,
  .audio-menu .premium-meeting-user {
    fill: #2a9d8f !important;
  }

  .audio-menu .premium-meeting-status-ring {
    fill: #fff !important;
    stroke: #37352f !important;
    stroke-width: 2.2 !important;
  }

  .audio-menu .premium-file-page {
    fill: none !important;
    stroke: var(--notion-blue) !important;
    stroke-width: 1.75 !important;
  }

  .audio-menu .premium-file-corner-fill {
    fill: rgba(47, 128, 237, 0.12) !important;
  }

  .audio-menu .premium-file-fold,
  .audio-menu .premium-upload-arrow {
    fill: none !important;
    stroke: var(--notion-blue) !important;
    stroke-width: 1.75 !important;
  }

  .audio-menu button > span:not(#recordIcon),
  .audio-menu .file-button > span {
    min-width: 0 !important;
    max-width: none !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    overflow: hidden !important;
    color: #141414 !important;
    font-size: 1.04rem !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    text-shadow: 0 0 0.3px rgba(0, 0, 0, 0.2) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .audio-menu small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: #6f6e6b !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  .session-row-action {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 68px !important;
    min-height: 34px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(55, 53, 47, 0.16) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #151515 !important;
    font-size: 0.9rem !important;
    font-style: normal !important;
    font-weight: 650 !important;
    text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.14) !important;
    box-shadow: none !important;
  }

  .audio-menu button:hover .session-row-action,
  .audio-menu .file-button:hover .session-row-action,
  .audio-menu .file-button:focus-within .session-row-action,
  .audio-menu button:focus-visible .session-row-action {
    background: var(--notion-hover) !important;
  }

  .recorder-meta {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid var(--notion-line) !important;
    color: #6f6e6b !important;
    font-size: 0.9rem !important;
  }

  .recorder-meta span {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-weight: 400 !important;
  }

  .workspace-entry-panel {
    grid-area: workspaceEntry !important;
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
  }

  .workspace-entry-button {
    min-height: 76px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 28px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--notion-line) !important;
    border-bottom: 1px solid var(--notion-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .workspace-entry-button:hover,
  .workspace-entry-button:focus-visible {
    background: rgba(55, 53, 47, 0.025) !important;
  }

  .workspace-entry-icon {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #37352f !important;
  }

  .workspace-entry-icon svg {
    width: 26px !important;
    height: 26px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .workspace-entry-copy {
    gap: 4px !important;
  }

  .workspace-entry-copy strong {
    color: #111111 !important;
    font-size: 1.16rem !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    text-shadow: 0 0 0.35px rgba(0, 0, 0, 0.22) !important;
  }

  .workspace-entry-copy strong::after {
    content: none !important;
  }

  .workspace-entry-copy small {
    color: #6f6e6b !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
  }

  .workspace-entry-button .session-row-chevron {
    color: var(--notion-muted) !important;
    font-size: 1.7rem !important;
    font-weight: 300 !important;
  }

  .home-focus-grid {
    grid-area: focus !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.96fr) !important;
    gap: 26px !important;
    padding: 16px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .home-dashboard-card {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-latest-memory-card {
    padding-left: 26px !important;
    border-left: 1px solid var(--notion-line) !important;
  }

  .home-card-heading {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
  }

  .home-card-heading h2 {
    color: #111111 !important;
    font-size: 1.22rem !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 0 0.35px rgba(0, 0, 0, 0.22) !important;
  }

  .home-card-icon {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--notion-muted) !important;
    box-shadow: none !important;
  }

  .home-card-icon svg {
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
  }

  .home-card-add-button {
    width: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    margin-left: auto !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--notion-muted) !important;
    font-size: 1.2rem !important;
  }

  .home-card-add-button:hover,
  .home-card-add-button:focus-visible {
    background: var(--notion-hover) !important;
    color: var(--notion-text) !important;
  }

  .home-ai-badge {
    width: auto !important;
    min-width: 24px !important;
    height: 18px !important;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(35, 131, 77, 0.1) !important;
    color: #578a64 !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
  }

  .home-attention-list,
  .home-latest-body {
    display: grid !important;
    gap: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .home-attention-row {
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .home-attention-open {
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 5px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-attention-open:hover,
  .home-attention-open:focus-visible {
    background: rgba(55, 53, 47, 0.025) !important;
  }

  .deadline-check-button {
    width: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border-color: rgba(55, 53, 47, 0.22) !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-attention-doodle {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .home-attention-doodle svg {
    width: 21px !important;
    height: 21px !important;
  }

  .home-attention-doodle .document-icon-page,
  .home-attention-doodle .document-icon-fold,
  .home-attention-doodle .document-icon-lines {
    fill: none !important;
    stroke: #787774 !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .attention-task-copy strong,
  .home-memory-row strong {
    color: #141414 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.24 !important;
    text-shadow: 0 0 0.25px rgba(0, 0, 0, 0.16) !important;
  }

  .attention-task-copy small,
  .attention-task-due,
  .home-memory-row span,
  .home-memory-row p {
    color: #6f6e6b !important;
    font-size: 0.86rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  .attention-task-due {
    margin-left: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  .home-memory-row {
    min-height: 86px !important;
    display: grid !important;
    gap: 5px !important;
    padding: 7px 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--notion-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  .home-memory-row:hover,
  .home-memory-row:focus-visible {
    background: rgba(55, 53, 47, 0.025) !important;
  }

  .home-memory-preview-text {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .home-memory-row p,
  .home-memory-row .home-memory-preview-text {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-empty-row,
  .home-attention-empty {
    padding: 10px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--notion-muted) !important;
    font-size: 0.88rem !important;
  }

  .home-card-link {
    min-height: 34px !important;
    margin-top: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111111 !important;
    font-size: 0.98rem !important;
    font-weight: 700 !important;
    text-shadow: 0 0 0.25px rgba(0, 0, 0, 0.16) !important;
  }

  .home-card-link:hover,
  .home-card-link:focus-visible {
    color: #111 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }

  .home-ai-bubble-button {
    display: none !important;
  }
}

@media (min-width: 921px) and (max-width: 1250px) {
  body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
    grid-template-columns: 248px minmax(0, 1fr) !important;
  }

  .home-hero-panel,
  .capture-panel,
  .workspace-entry-panel,
  .home-focus-grid {
    width: min(900px, calc(100% - 72px)) !important;
    justify-self: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 921px) and (max-width: 1050px) {
  .home-focus-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-latest-memory-card {
    padding-left: 0 !important;
    border-left: 0 !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--notion-line) !important;
  }
}

.session-row-action {
  display: none;
}

/* Bring back the floating Ask Elthos launcher over the Notion-style home */
@media (min-width: 921px) {
  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-ai-bubble-button {
    display: grid !important;
  }

  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-ai-bubble-button::after {
    opacity: 1 !important;
    transform: translate(0, -50%) !important;
  }
}

/* Keep account/settings pages out of the Notion-style home grid. */
body.account-detail-view .workspace {
  width: 100% !important;
  max-width: none !important;
  min-height: var(--app-visible-height, 100vh) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "accountPage" !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.account-detail-view .home-hero-panel,
body.account-detail-view .home-focus-grid,
body.account-detail-view .home-recent-table-panel,
body.account-detail-view .home-chat-panel,
body.account-detail-view .home-ai-bubble-button,
body.account-detail-view .capture-panel,
body.account-detail-view .workspace-entry-panel,
body.account-detail-view .sessions-panel,
body.account-detail-view .meetings-panel,
body.account-detail-view .deadline-panel,
body.account-detail-view .workspace-brain-shell,
body.account-detail-view .projects-panel,
body.account-detail-view .session-shell,
body.account-detail-view .session-detail-layout,
body.account-detail-view .project-shell,
body.account-detail-view .deadline-shell,
body.account-detail-view .sessions-shell,
body.account-detail-view .meetings-shell,
body.account-detail-view .live-session-shell {
  display: none !important;
}

body.account-detail-view .account-shell {
  grid-area: accountPage !important;
  width: min(1040px, calc(100vw - 44px)) !important;
  max-width: 1040px !important;
  min-width: 0 !important;
  justify-self: center !important;
  align-self: start !important;
  margin: 22px auto 28px !important;
}

@media (max-width: 980px) {
  body.account-detail-view .account-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: var(--app-visible-height, 100vh) !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

/* Keep Project Brain out of the Notion-style home grid. */
body.workspace-detail-view .workspace {
  width: 100% !important;
  max-width: none !important;
  min-height: var(--app-visible-height, 100vh) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "workspacePage" !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.workspace-detail-view .home-sidebar,
body.workspace-detail-view .home-hero-panel,
body.workspace-detail-view .home-focus-grid,
body.workspace-detail-view .home-recent-table-panel,
body.workspace-detail-view .home-chat-panel,
body.workspace-detail-view .home-ai-bubble-button,
body.workspace-detail-view .capture-panel,
body.workspace-detail-view .workspace-entry-panel,
body.workspace-detail-view .sessions-panel,
body.workspace-detail-view .meetings-panel,
body.workspace-detail-view .deadline-panel,
body.workspace-detail-view .projects-panel,
body.workspace-detail-view .session-shell,
body.workspace-detail-view .session-detail-layout,
body.workspace-detail-view .project-shell,
body.workspace-detail-view .deadline-shell,
body.workspace-detail-view .sessions-shell,
body.workspace-detail-view .meetings-shell,
body.workspace-detail-view .account-shell,
body.workspace-detail-view .live-session-shell {
  display: none !important;
}

body.workspace-detail-view .workspace-brain-shell {
  grid-area: workspacePage !important;
  width: min(1040px, calc(100vw - 44px)) !important;
  max-width: 1040px !important;
  min-width: 0 !important;
  justify-self: center !important;
  align-self: start !important;
  margin: 22px auto 28px !important;
}

@media (max-width: 980px) {
  body.workspace-detail-view .workspace-brain-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: var(--app-visible-height, 100vh) !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

/* Keep the full upcoming meetings list out of the Notion-style home grid. */
body.meetings-detail-view .workspace {
  width: 100% !important;
  max-width: none !important;
  min-height: var(--app-visible-height, 100vh) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "meetingsDetail" !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.meetings-detail-view .home-sidebar,
body.meetings-detail-view .home-hero-panel,
body.meetings-detail-view .home-focus-grid,
body.meetings-detail-view .home-recent-table-panel,
body.meetings-detail-view .home-chat-panel,
body.meetings-detail-view .home-ai-bubble-button,
body.meetings-detail-view .capture-panel,
body.meetings-detail-view .workspace-entry-panel,
body.meetings-detail-view .sessions-panel,
body.meetings-detail-view .meetings-panel,
body.meetings-detail-view .deadline-panel,
body.meetings-detail-view .workspace-brain-shell,
body.meetings-detail-view .projects-panel,
body.meetings-detail-view .session-shell,
body.meetings-detail-view .session-detail-layout,
body.meetings-detail-view .project-shell,
body.meetings-detail-view .deadline-shell,
body.meetings-detail-view .sessions-shell,
body.meetings-detail-view .account-shell,
body.meetings-detail-view .live-session-shell {
  display: none !important;
}

body.meetings-detail-view .meetings-shell {
  grid-area: meetingsDetail !important;
  width: min(1040px, calc(100vw - 44px)) !important;
  max-width: 1040px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  justify-self: center !important;
  align-self: start !important;
  margin: 22px auto 28px !important;
}

body.meetings-detail-view .meetings-shell > .session-header {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  grid-template-areas:
    "back title actions"
    ". count ." !important;
  align-items: center !important;
  gap: 10px 14px !important;
}

body.meetings-detail-view .meetings-shell > .session-header .back-button {
  grid-area: back !important;
}

body.meetings-detail-view .meetings-shell .session-title-block {
  grid-area: title !important;
}

body.meetings-detail-view .meetings-detail-add-button {
  grid-area: actions !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  display: grid !important;
  place-items: center !important;
  justify-self: end !important;
  align-self: center !important;
  padding: 0 !important;
  border: 1px solid rgba(31, 31, 33, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #202020 !important;
  box-shadow: none !important;
  font-size: 1.26rem !important;
  font-weight: 720 !important;
  line-height: 1 !important;
}

body.meetings-detail-view .meetings-detail-add-button:hover,
body.meetings-detail-view .meetings-detail-add-button:focus-visible {
  background: rgba(31, 31, 33, 0.06) !important;
  outline: none !important;
}

body.meetings-detail-view .meetings-shell > .session-header .session-meta {
  grid-area: count !important;
  justify-self: start !important;
  display: flex !important;
}

@media (max-width: 980px) {
  body.meetings-detail-view .meetings-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: var(--app-visible-height, 100vh) !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

/* Keep the full sessions list out of the Notion-style home grid. */
body.sessions-detail-view .workspace {
  width: 100% !important;
  max-width: none !important;
  min-height: var(--app-visible-height, 100vh) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "sessionsDetail" !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sessions-detail-view .home-hero-panel,
body.sessions-detail-view .home-focus-grid,
body.sessions-detail-view .home-recent-table-panel,
body.sessions-detail-view .home-chat-panel,
body.sessions-detail-view .home-ai-bubble-button,
body.sessions-detail-view .capture-panel,
body.sessions-detail-view .workspace-entry-panel,
body.sessions-detail-view .sessions-panel,
body.sessions-detail-view .meetings-panel,
body.sessions-detail-view .deadline-panel,
body.sessions-detail-view .workspace-brain-shell,
body.sessions-detail-view .projects-panel,
body.sessions-detail-view .session-shell,
body.sessions-detail-view .session-detail-layout,
body.sessions-detail-view .project-shell,
body.sessions-detail-view .deadline-shell,
body.sessions-detail-view .meetings-shell,
body.sessions-detail-view .account-shell,
body.sessions-detail-view .live-session-shell {
  display: none !important;
}

body.sessions-detail-view .sessions-shell {
  grid-area: sessionsDetail !important;
  width: min(1040px, calc(100vw - 44px)) !important;
  max-width: 1040px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  justify-self: center !important;
  align-self: start !important;
  margin: 22px auto 28px !important;
}

@media (max-width: 980px) {
  body.sessions-detail-view .sessions-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: var(--app-visible-height, 100vh) !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

/* Premium color for the home dashboard tiles, without blur shadows */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card {
  --tile-accent: #1877f2;
  --tile-accent-bright: #4aa3ff;
  --tile-accent-deep: #1877f2;
  --tile-accent-soft: rgba(24, 119, 242, 0.11);
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card {
  --tile-accent: #202020;
  --tile-accent-bright: #202020;
  --tile-accent-deep: #202020;
  --tile-accent-soft: rgba(55, 53, 47, 0.08);
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-icon,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-card-icon {
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--tile-accent-soft)) !important;
  color: var(--tile-accent) !important;
  box-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-icon svg,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-card-icon svg {
  filter: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-heading h2,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-card-heading h2 {
  background: linear-gradient(180deg, var(--tile-accent-bright), var(--tile-accent-deep)) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: var(--tile-accent) !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .attention-task-copy strong,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-row strong {
  color: color-mix(in srgb, var(--tile-accent) 72%, #050505) !important;
  text-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-link,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-card-link {
  color: color-mix(in srgb, var(--tile-accent) 80%, #050505) !important;
  text-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-ai-badge {
  display: none !important;
}

.home-latest-memory-card .home-ai-badge {
  display: none !important;
}

/* Clean up the Needs attention detail header */
body.needs-attention-detail-view .needs-attention-shell > .session-header {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  grid-template-areas:
    "back title actions"
    ". count ." !important;
  align-items: center !important;
  gap: 10px 14px !important;
  min-height: 132px !important;
  padding: 20px 24px !important;
}

body.needs-attention-detail-view .needs-attention-shell > .session-header .back-button {
  grid-area: back !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  justify-self: start !important;
  align-self: center !important;
}

body.needs-attention-detail-view .needs-attention-shell .session-title-block {
  grid-area: title !important;
  align-self: center !important;
}

body.needs-attention-detail-view .needs-attention-shell .session-title-block .eyebrow {
  display: none !important;
}

body.needs-attention-detail-view .needs-attention-shell .session-title-block h2 {
  display: block !important;
  gap: 0 !important;
  color: #202020 !important;
  font-size: 1.42rem !important;
  font-weight: 760 !important;
  line-height: 1.15 !important;
}

body.needs-attention-detail-view .needs-attention-shell .session-title-block h2::before {
  content: none !important;
  display: none !important;
}

body.needs-attention-detail-view .needs-attention-shell > .session-header .session-meta {
  display: contents !important;
}

body.needs-attention-detail-view #needsAttentionCount {
  grid-area: count !important;
  justify-self: start !important;
  align-self: start !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-color: rgba(31, 31, 33, 0.1) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #787774 !important;
  font-size: 0.98rem !important;
  font-weight: 560 !important;
}

body.needs-attention-detail-view #needsAttentionCount::before {
  content: none !important;
  display: none !important;
}

body.needs-attention-detail-view .needs-attention-add-button {
  grid-area: actions !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  justify-self: end !important;
  align-self: center !important;
  border-color: rgba(31, 31, 33, 0.12) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #202020 !important;
  box-shadow: none !important;
  font-size: 1.26rem !important;
  font-weight: 720 !important;
}

/* Keep the Needs attention home heading, link, and icon neutral like Notion. */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-heading h2,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-link {
  background: none !important;
  color: #37352f !important;
  -webkit-text-fill-color: #37352f !important;
  font-weight: 760 !important;
  text-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-icon {
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.98) 0%, rgba(247, 247, 245, 0.96) 54%, rgba(55, 53, 47, 0.1) 100%) !important;
  color: #37352f !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .home-card-icon svg {
  stroke: currentColor !important;
  filter: none !important;
}

/* Keep Latest memory neutral like Notion */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-card-heading h2,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-row strong,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-card-link {
  background: none !important;
  color: #202020 !important;
  -webkit-text-fill-color: #202020 !important;
  text-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-card-icon {
  background: transparent !important;
  color: #787774 !important;
}

/* Move Project Brain out of the home canvas and into the sidebar Projects entry. */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace {
  grid-template-rows: 152px auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "sidebar homeHero"
    "sidebar capture"
    "sidebar focus"
    "sidebar recent" !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .workspace-entry-panel {
  display: none !important;
}

/* Keep Needs attention task titles thick and neutral like Notion. */
.attention-task-row.attention-tone-sky {
  --attention-title-color: #37352f;
}

.attention-task-row.attention-tone-purple {
  --attention-title-color: #37352f;
}

.attention-task-row.attention-tone-green {
  --attention-title-color: #37352f;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .attention-task-row .attention-task-copy strong,
body.needs-attention-detail-view .attention-task-row .attention-task-copy strong {
  background: none !important;
  color: var(--attention-title-color, #37352f) !important;
  -webkit-text-fill-color: var(--attention-title-color, #37352f) !important;
  font-weight: 760 !important;
  text-shadow: none !important;
}

/* Keep session detail pages isolated and pinned to the viewport. */
body.session-detail-view:not(.project-detail-view) .topbar,
body.session-detail-view:not(.project-detail-view) .capture-panel,
body.session-detail-view:not(.project-detail-view) .sessions-panel,
body.session-detail-view:not(.project-detail-view) .workspace-entry-panel,
body.session-detail-view:not(.project-detail-view) .home-hero-panel,
body.session-detail-view:not(.project-detail-view) .home-focus-grid,
body.session-detail-view:not(.project-detail-view) .home-recent-table-panel,
body.session-detail-view:not(.project-detail-view) .home-chat-panel,
body.session-detail-view:not(.project-detail-view) .home-ai-bubble-button,
body.session-detail-view:not(.project-detail-view) .workspace-brain-shell,
body.session-detail-view:not(.project-detail-view) .projects-panel,
body.session-detail-view:not(.project-detail-view) .deadline-panel,
body.session-detail-view:not(.project-detail-view) .meetings-panel,
body.session-detail-view:not(.project-detail-view) .project-shell,
body.session-detail-view:not(.project-detail-view) .deadline-shell,
body.session-detail-view:not(.project-detail-view) .needs-attention-shell,
body.session-detail-view:not(.project-detail-view) .sessions-shell,
body.session-detail-view:not(.project-detail-view) .meetings-shell,
body.session-detail-view:not(.project-detail-view) .account-shell,
body.session-detail-view:not(.project-detail-view) .live-session-shell {
  display: none !important;
}

@media (min-width: 921px) {
  body.session-detail-view:not(.project-detail-view) {
    min-height: var(--app-visible-height, 100vh) !important;
    overflow: hidden !important;
    background: #eef3fb !important;
  }

  body.session-detail-view:not(.project-detail-view) .app-shell {
    width: 100vw !important;
    max-width: none !important;
    height: var(--app-visible-height, 100vh) !important;
    min-height: 0 !important;
    padding: 22px !important;
    overflow: hidden !important;
  }

  body.session-detail-view:not(.project-detail-view) .workspace {
    width: 100% !important;
    max-width: none !important;
    height: calc(var(--app-visible-height, 100vh) - 44px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    grid-template-areas: "session" !important;
    gap: 0 !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    overflow: hidden !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-detail-layout {
    grid-area: session !important;
    display: grid !important;
    width: min(1680px, 100%) !important;
    max-width: 1680px !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    grid-template-columns: minmax(0, 2fr) 18px minmax(420px, var(--session-chat-width, 0.76fr)) !important;
    grid-template-areas: "session splitter chat" !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-shell,
  body.session-detail-view:not(.project-detail-view) .session-chat-shell,
  body.session-detail-view:not(.project-detail-view) .session-chat-shell .chat-panel {
    display: grid !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-shell {
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-body,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .tab-panel,
  body.session-detail-view:not(.project-detail-view) .session-workspace-main .tab-panel.active {
    min-height: 0 !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-body {
    overflow: hidden !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-workspace-main {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-chat-shell {
    position: relative !important;
    top: auto !important;
    min-width: 0 !important;
    align-self: stretch !important;
    overflow: hidden !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-chat-shell .chat-panel {
    overflow: hidden !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-chat-shell .chat-messages {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.session-detail-view:not(.project-detail-view) .session-splitter {
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch !important;
  }
}

/* Keep the live recording page isolated so home dashboard sections cannot leak underneath. */
body.live-recording-view {
  min-height: var(--app-visible-height, 100vh) !important;
  overflow: hidden !important;
  background: #eef3fb !important;
}

body.live-recording-view .app-shell {
  width: 100vw !important;
  max-width: none !important;
  height: var(--app-visible-height, 100vh) !important;
  min-height: 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
}

body.live-recording-view .workspace {
  width: 100% !important;
  max-width: none !important;
  height: calc(var(--app-visible-height, 100vh) - 44px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "liveRecording" !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  overflow: hidden !important;
}

body.live-recording-view .topbar,
body.live-recording-view .capture-panel,
body.live-recording-view .sessions-panel,
body.live-recording-view .workspace-entry-panel,
body.live-recording-view .home-hero-panel,
body.live-recording-view .home-focus-grid,
body.live-recording-view .home-recent-table-panel,
body.live-recording-view .home-chat-panel,
body.live-recording-view .home-ai-bubble-button,
body.live-recording-view .workspace-brain-shell,
body.live-recording-view .projects-panel,
body.live-recording-view .deadline-panel,
body.live-recording-view .meetings-panel,
body.live-recording-view .session-shell,
body.live-recording-view .session-detail-layout,
body.live-recording-view .project-shell,
body.live-recording-view .deadline-shell,
body.live-recording-view .needs-attention-shell,
body.live-recording-view .sessions-shell,
body.live-recording-view .meetings-shell,
body.live-recording-view .account-shell {
  display: none !important;
}

body.live-recording-view .live-session-shell {
  grid-area: liveRecording !important;
  width: min(1760px, 100%) !important;
  max-width: 1760px !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  overflow: hidden !important;
}

body.live-recording-view .live-session-main,
body.live-recording-view .live-transcript-board,
body.live-recording-view .live-suggestions-board {
  min-height: 0 !important;
  overflow: hidden !important;
}

body.live-recording-view .live-transcript-feed,
body.live-recording-view .live-suggestions-list {
  min-height: 0 !important;
  overflow: auto !important;
}

@media (max-width: 780px) {
  body.live-recording-view .app-shell,
  body.live-recording-view .workspace {
    height: var(--app-visible-height, 100dvh) !important;
    padding: 0 !important;
  }

  body.live-recording-view .live-session-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--app-visible-height, 100dvh) !important;
    border-radius: 0 !important;
  }
}

/* Keep project detail pages isolated from the home dashboard. */
body.project-detail-view .topbar,
body.project-detail-view .capture-panel,
body.project-detail-view .sessions-panel,
body.project-detail-view .workspace-entry-panel,
body.project-detail-view .home-hero-panel,
body.project-detail-view .home-focus-grid,
body.project-detail-view .home-recent-table-panel,
body.project-detail-view .home-chat-panel,
body.project-detail-view .home-ai-bubble-button,
body.project-detail-view .workspace-brain-shell,
body.project-detail-view .projects-panel,
body.project-detail-view .deadline-panel,
body.project-detail-view .meetings-panel,
body.project-detail-view .session-shell,
body.project-detail-view .session-detail-layout,
body.project-detail-view .deadline-shell,
body.project-detail-view .needs-attention-shell,
body.project-detail-view .sessions-shell,
body.project-detail-view .meetings-shell,
body.project-detail-view .account-shell,
body.project-detail-view .live-session-shell {
  display: none !important;
}

body.project-detail-view .project-shell {
  display: block !important;
}

body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-detail-pane[data-project-detail-pane="chat"].active {
  display: block !important;
}

/* Project AI and project detail typography polish. */
body.project-detail-view .project-chat-messages .chat-message.user,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-message.user {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: linear-gradient(180deg, #202020, #111111) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16) !important;
}

body.project-detail-view .project-detail-pane .project-memory-grid > .insight-card > h3,
body.project-detail-view .project-detail-pane .card-title-row h3 {
  color: #202020 !important;
  font-weight: 720 !important;
}

body.project-detail-view .project-detail-pane .project-memory-grid li,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-memory-grid li,
body.project-detail-view #projectEvolutionList li,
body.project-detail-view #projectDetailTimelineList li {
  color: #37352f !important;
  font-weight: 460 !important;
}

body.project-detail-view .project-detail-pane .project-memory-grid li::marker,
body.project-detail-view #projectEvolutionList li::marker,
body.project-detail-view #projectDetailTimelineList li::marker {
  color: #6f6e69 !important;
}

body.project-detail-view .timeline-item-copy strong,
body.project-detail-view .project-member-row strong,
body.project-detail-view .project-file-row strong,
body.project-detail-view .member-task-suggestion strong,
body.project-detail-view .member-task-row strong {
  color: #2f2e2a !important;
  font-weight: 700 !important;
}

body.project-detail-view .timeline-item-copy span,
body.project-detail-view .timeline-item-copy small,
body.project-detail-view .project-member-row span,
body.project-detail-view .project-file-row span,
body.project-detail-view .member-task-suggestion p,
body.project-detail-view .member-task-suggestion span,
body.project-detail-view .member-task-row span,
body.project-detail-view .member-task-heading span,
body.project-detail-view .project-detail-pane .session-empty,
body.project-detail-view .card-title-row span {
  color: #4f4d49 !important;
  font-weight: 480 !important;
}

body.project-detail-view .project-chat-messages .chat-content h4,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content h4 {
  color: #2f2e2a !important;
  font-weight: 720 !important;
}

body.project-detail-view .project-chat-messages .chat-content p,
body.project-detail-view .project-chat-messages .chat-content li,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content p,
body.project-detail-view:is(.project-ai-open, .project-ai-closing) .project-chat-messages .chat-content li {
  color: #37352f !important;
  font-weight: 450 !important;
}

/* Sidebar brand mark should be only the Elthos logo, without a white backing pill. */
body.home-view .home-sidebar-brand .home-brand-mark,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-brand .home-brand-mark {
  width: 38px !important;
  min-width: 38px !important;
  height: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.home-view .home-sidebar-brand .home-brand-mark::before,
body.home-view .home-sidebar-brand .home-brand-mark::after,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-brand .home-brand-mark::before,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-brand .home-brand-mark::after {
  top: 2px !important;
  width: 20px !important;
  height: 18px !important;
  background: #1f1f1f !important;
}

body.home-view .home-sidebar-brand .home-brand-mark::before,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-brand .home-brand-mark::before {
  left: 0 !important;
  right: auto !important;
}

body.home-view .home-sidebar-brand .home-brand-mark::after,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-brand .home-brand-mark::after {
  left: auto !important;
  right: 0 !important;
}

/* Give the home sidebar a subtle translucent premium glass feel only. */
body.home-view .sessions-panel,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .sessions-panel {
  background: rgba(247, 247, 245, 0.78) !important;
  backdrop-filter: blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
}

/* Keep every Latest memory row on the same left edge. */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-latest-body {
  margin: 0 !important;
  padding: 0 !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
  margin: 0 !important;
  padding: 16px 0 20px !important;
  text-align: left !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-row strong,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-row > span,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-row p,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-preview-text {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card .home-memory-row p {
  margin-top: 18px !important;
}

/* Hide the faux Notion header labels, keep the icon controls. */
body.home-view .home-hero-actions::before,
body.home-view .home-hero-actions::after,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-hero-actions::before,
body:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-hero-actions::after {
  content: none !important;
  display: none !important;
}

/* Keep the Projects add action wired, but make it a quiet Notion-style control. */
body.workspace-detail-view .workspace-project-card .panel-header {
  align-items: center !important;
  gap: 16px !important;
}

body.workspace-detail-view #workspaceCreateProjectButton {
  position: relative !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(55, 53, 47, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #37352f !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body.workspace-detail-view #workspaceCreateProjectButton::before,
body.workspace-detail-view #workspaceCreateProjectButton::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 13px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform: translate(-50%, -50%) !important;
}

body.workspace-detail-view #workspaceCreateProjectButton::after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

body.workspace-detail-view #workspaceCreateProjectButton:hover,
body.workspace-detail-view #workspaceCreateProjectButton:focus-visible {
  border-color: rgba(55, 53, 47, 0.16) !important;
  background: rgba(55, 53, 47, 0.055) !important;
  color: #202020 !important;
}

/* Notion-style account settings modal. */
.account-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(7px) saturate(0.98);
  -webkit-backdrop-filter: blur(7px) saturate(0.98);
}

body.account-modal-open {
  overflow: hidden;
}

body.account-modal-open .account-shell {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 9010 !important;
  width: min(1680px, calc(100vw - 132px)) !important;
  height: min(880px, calc(100vh - 122px)) !important;
  max-width: none !important;
  display: grid !important;
  grid-template-rows: 98px minmax(0, 1fr) !important;
  margin: 0 !important;
  overflow: hidden !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow:
    0 34px 96px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(28px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.04) !important;
}

body.account-modal-open .account-shell .session-header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 98px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border-bottom: 1px solid rgba(55, 53, 47, 0.1) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

body.account-modal-open .account-shell .back-button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 14px 0 0 !important;
  border-color: rgba(55, 53, 47, 0.11) !important;
  background: rgba(255, 255, 255, 0.68) !important;
  color: #2f2e2a !important;
  box-shadow: none !important;
  font-size: 1.6rem !important;
}

body.account-modal-open .account-shell .session-title-block h2 {
  color: #2f2e2a !important;
  font-size: 1.46rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

body.account-modal-open .account-shell .session-title-block p {
  margin-top: 2px !important;
  color: #6f6e69 !important;
  font-size: 1rem !important;
  font-weight: 520 !important;
}

.account-modal-close {
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #8d8b86;
  box-shadow: none;
  font-size: 1.6rem;
  line-height: 1;
}

body.account-modal-open .account-modal-close:hover,
body.account-modal-open .account-modal-close:focus-visible {
  background: rgba(55, 53, 47, 0.07);
  color: #2f2e2a;
}

body.account-modal-open .account-page-card {
  min-height: 0 !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.account-modal-open .account-settings-layout {
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 294px minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

body.account-modal-open .account-settings-sidebar {
  min-height: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 18px 10px !important;
  overflow: auto !important;
  border-right: 1px solid rgba(55, 53, 47, 0.09) !important;
  background: rgba(247, 247, 245, 0.78) !important;
}

body.account-modal-open .account-page-hero {
  min-height: 70px !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.account-modal-open .account-page-avatar {
  width: 36px !important;
  height: 36px !important;
  font-size: 0.94rem !important;
}

body.account-modal-open .account-page-hero strong {
  color: #37352f !important;
  font-size: 0.92rem !important;
  font-weight: 690 !important;
}

body.account-modal-open .account-page-hero small {
  color: #787774 !important;
  font-size: 0.76rem !important;
  font-weight: 520 !important;
}

body.account-modal-open .account-plan-badge {
  min-height: 21px !important;
  margin-top: 6px !important;
  padding: 2px 8px !important;
  border-color: rgba(55, 53, 47, 0.11) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: #37352f !important;
  font-size: 0.72rem !important;
}

body.account-modal-open .account-page-list {
  display: grid !important;
  gap: 1px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.account-page-group-label {
  display: block;
  padding: 14px 10px 5px;
  color: #9b9892;
  font-size: 0.73rem;
  font-weight: 680;
  letter-spacing: 0;
}

body.account-modal-open .account-page-list button {
  min-height: 34px !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  padding: 5px 9px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #5f5d58 !important;
  box-shadow: none !important;
}

body.account-modal-open .account-page-list button + button {
  border-top: 0 !important;
}

body.account-modal-open .account-page-list svg {
  width: 17px !important;
  height: 17px !important;
  stroke: #7b7974 !important;
  stroke-width: 1.9 !important;
}

body.account-modal-open .account-page-list strong {
  color: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 630 !important;
}

body.account-modal-open .account-page-list small {
  margin-top: 1px !important;
  color: #8a8882 !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
}

body.account-modal-open .account-page-list em {
  color: #9b9892 !important;
  font-size: 1.1rem !important;
}

body.account-modal-open .account-page-list button:hover,
body.account-modal-open .account-page-list button:focus-visible {
  background: rgba(55, 53, 47, 0.06) !important;
  color: #37352f !important;
}

body.account-modal-open .account-page-list button[aria-current="page"] {
  background: rgba(55, 53, 47, 0.09) !important;
  color: #2f2e2a !important;
}

body.account-modal-open .account-page-list button[aria-current="page"] svg {
  stroke: #2f2e2a !important;
}

body.account-modal-open .account-settings-main {
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 16px !important;
  padding: 44px clamp(28px, 5vw, 84px) 70px !important;
  overflow: auto !important;
  background: rgba(255, 255, 255, 0.46) !important;
}

body.account-modal-open .account-section-card,
body.account-modal-open .account-detail-list,
body.account-modal-open .account-detail-list.is-separated,
body.account-modal-open .account-detail-group,
body.account-modal-open .subscription-panel,
body.account-modal-open .settings-control-list {
  width: min(760px, 100%) !important;
  justify-self: center !important;
}

body.account-modal-open .account-detail-list,
body.account-modal-open .account-detail-group,
body.account-modal-open .subscription-panel,
body.account-modal-open .settings-control-list {
  border-radius: 14px !important;
  border-color: rgba(55, 53, 47, 0.1) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: 0 18px 48px rgba(55, 53, 47, 0.06) !important;
}

body.account-modal-open .account-detail-list.is-separated {
  display: grid !important;
  gap: 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.account-modal-open .settings-control-row,
body.account-modal-open .account-detail-row,
body.account-modal-open .privacy-action-row,
body.account-modal-open .calendar-provider-row {
  min-height: 70px !important;
}

@media (max-width: 980px) {
  body.account-modal-open .account-shell {
    width: calc(100vw - 28px) !important;
    height: calc(100vh - 42px) !important;
  }

  body.account-modal-open .account-settings-layout {
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }

  body.account-modal-open .account-settings-main {
    padding: 30px 22px 46px !important;
  }
}

@media (max-width: 720px) {
  body.account-modal-open .account-settings-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.account-modal-open .account-settings-sidebar {
    display: none !important;
  }
}

body.auth-modal-open .home-ai-bubble-button,
body.auth-modal-open .home-chat-panel {
  display: none !important;
}

/* Keep every AI composer action optically centered while it is working. */
.session-chat-shell #chatButton {
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.session-chat-shell #chatButton::before {
  content: "↑" !important;
  display: block !important;
  line-height: 1 !important;
  transform: translateY(-1px);
}

.session-chat-shell .chat-form.thinking #chatButton,
.project-chat-form.thinking #projectChatButton {
  opacity: 1 !important;
  color: transparent !important;
  background: #202329 !important;
  cursor: wait !important;
}

.session-chat-shell .chat-form.thinking #chatButton::before,
.project-chat-form.thinking #projectChatButton::before {
  content: "" !important;
  box-sizing: border-box !important;
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  border: 2px solid rgba(255, 255, 255, 0.34) !important;
  border-top-color: #ffffff !important;
  border-radius: 50% !important;
  animation: homeChatSubmitSpin 720ms linear infinite !important;
  transform: none !important;
}

.project-chat-form.thinking #projectChatButton {
  font-size: 0 !important;
}

/* Professional billing surface v1 */
body.account-modal-open .subscription-panel.billing-console {
  width: min(1060px, 100%) !important;
  max-width: 1060px !important;
  display: grid !important;
  gap: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.account-modal-open .billing-page-intro {
  display: grid !important;
  gap: 4px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(31, 35, 43, 0.1) !important;
}

body.account-modal-open .billing-page-intro > span,
body.account-modal-open .billing-kicker,
body.account-modal-open .billing-section-heading span,
body.account-modal-open .billing-plan-card-top em {
  color: #6d7280 !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 760 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.account-modal-open .billing-page-intro > strong {
  color: #17191d !important;
  font-size: 1.42rem !important;
  font-weight: 780 !important;
  line-height: 1.12 !important;
}

body.account-modal-open .billing-page-intro > p {
  max-width: 620px !important;
  margin: 0 !important;
  color: #646a76 !important;
  font-size: 0.94rem !important;
  font-weight: 540 !important;
  line-height: 1.45 !important;
}

body.account-modal-open .account-plan-panel.billing-shell {
  display: grid !important;
  gap: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.account-modal-open .billing-overview-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr) !important;
  gap: 14px !important;
}

body.account-modal-open .billing-current-card,
body.account-modal-open .billing-account-card,
body.account-modal-open .billing-section,
body.account-modal-open .billing-plan-card {
  min-width: 0 !important;
  border: 1px solid rgba(31, 35, 43, 0.1) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 18px 46px rgba(31, 35, 43, 0.07) !important;
}

body.account-modal-open .billing-current-card,
body.account-modal-open .billing-account-card {
  display: grid !important;
  gap: 18px !important;
  padding: 18px !important;
}

body.account-modal-open .billing-current-main {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
}

body.account-modal-open .billing-current-main strong,
body.account-modal-open .billing-account-card > strong {
  display: block !important;
  margin-top: 6px !important;
  overflow: hidden !important;
  color: #17191d !important;
  font-size: 1.36rem !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.account-modal-open .billing-current-main p,
body.account-modal-open .billing-account-card p,
body.account-modal-open .billing-plan-summary,
body.account-modal-open .billing-section-note,
body.account-modal-open .billing-footnote {
  margin: 0 !important;
  color: #626a78 !important;
  font-size: 0.88rem !important;
  font-weight: 540 !important;
  line-height: 1.45 !important;
}

body.account-modal-open .billing-status {
  min-height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 5px 12px !important;
  border: 1px solid rgba(35, 134, 84, 0.18) !important;
  border-radius: 999px !important;
  background: #edf8f2 !important;
  color: #23704f !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

body.account-modal-open .billing-status[data-status="signedout"] {
  border-color: rgba(31, 35, 43, 0.1) !important;
  background: #f2f4f7 !important;
  color: #596170 !important;
}

body.account-modal-open .billing-price-line {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
  gap: 8px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(31, 35, 43, 0.08) !important;
}

body.account-modal-open .billing-price-line strong {
  color: #17191d !important;
  font-size: 2rem !important;
  font-weight: 790 !important;
  line-height: 0.95 !important;
}

body.account-modal-open .billing-price-line span {
  color: #717887 !important;
  font-size: 0.86rem !important;
  font-weight: 620 !important;
}

body.account-modal-open .billing-account-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

body.account-modal-open .billing-account-meta span,
body.account-modal-open .billing-plan-features span {
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(31, 35, 43, 0.09) !important;
  border-radius: 999px !important;
  background: #f7f8fa !important;
  color: #505866 !important;
  font-size: 0.75rem !important;
  font-weight: 680 !important;
  line-height: 1.1 !important;
}

body.account-modal-open .billing-account-meta span {
  padding: 5px 9px !important;
}

body.account-modal-open .billing-section {
  display: grid !important;
  gap: 14px !important;
  padding: 18px !important;
}

body.account-modal-open .billing-section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body.account-modal-open .billing-section-heading > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

body.account-modal-open .billing-section-heading strong {
  color: #17191d !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

body.account-modal-open .billing-section-heading em {
  color: #363b45 !important;
  font-size: 0.88rem !important;
  font-style: normal !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

body.account-modal-open .billing-usage-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
}

body.account-modal-open .billing-usage-card {
  min-width: 0 !important;
  display: grid !important;
  align-content: space-between !important;
  gap: 14px !important;
  min-height: 132px !important;
  padding: 14px !important;
  border: 1px solid rgba(31, 35, 43, 0.09) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body.account-modal-open .billing-usage-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

body.account-modal-open .billing-usage-copy span {
  color: #667085 !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.account-modal-open .billing-usage-copy strong {
  overflow: hidden !important;
  color: #17191d !important;
  font-size: 1.06rem !important;
  font-weight: 780 !important;
  line-height: 1.16 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.account-modal-open .billing-usage-copy small {
  color: #6f7785 !important;
  font-size: 0.77rem !important;
  font-weight: 560 !important;
  line-height: 1.32 !important;
}

body.account-modal-open .billing-meter {
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(31, 35, 43, 0.09) !important;
}

body.account-modal-open .billing-meter span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2563eb, #17a670) !important;
}

body.account-modal-open .billing-usage-copy strong {
  font-size: 1.5rem !important;
  letter-spacing: -0.01em !important;
}

body.account-modal-open .billing-usage-card.is-warning .billing-meter span {
  background: linear-gradient(90deg, #f59e0b, #d97706) !important;
}

body.account-modal-open .billing-usage-card.is-full {
  border-color: rgba(220, 38, 38, 0.28) !important;
  background: linear-gradient(180deg, #ffffff, #fff5f5) !important;
}

body.account-modal-open .billing-usage-card.is-full .billing-meter span {
  background: #dc2626 !important;
}

body.account-modal-open .billing-usage-hint {
  color: #475467 !important;
  font-size: 0.78rem !important;
  font-style: normal !important;
  font-weight: 620 !important;
}

body.account-modal-open .billing-usage-card.is-warning .billing-usage-hint {
  color: #b45309 !important;
}

body.account-modal-open .billing-usage-card.is-full .billing-usage-hint {
  color: #b91c1c !important;
}

body.account-modal-open .billing-usage-details {
  margin-top: 12px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(31, 35, 43, 0.09) !important;
  border-radius: 12px !important;
  background: #fbfcfd !important;
}

body.account-modal-open .billing-usage-details summary {
  cursor: pointer !important;
  color: #363b45 !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
}

body.account-modal-open .billing-usage-details p {
  margin: 8px 0 0 !important;
  color: #6b7280 !important;
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
}

body.account-modal-open .billing-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.account-modal-open .billing-plan-card {
  min-height: 330px !important;
  display: grid !important;
  grid-template-rows: auto auto auto 1fr auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 18px !important;
  color: #17191d !important;
  text-align: left !important;
  cursor: pointer !important;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease,
    background 160ms ease !important;
}

body.account-modal-open .billing-plan-card:hover,
body.account-modal-open .billing-plan-card:focus-visible {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background: #ffffff !important;
  box-shadow: 0 22px 54px rgba(31, 35, 43, 0.1) !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

body.account-modal-open .billing-plan-card.active {
  border-color: rgba(23, 25, 29, 0.32) !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  box-shadow: 0 20px 54px rgba(31, 35, 43, 0.1) !important;
}

body.account-modal-open .billing-plan-card:disabled {
  cursor: default !important;
}

body.account-modal-open .billing-plan-card:disabled:not(.active) {
  opacity: 0.62 !important;
}

body.account-modal-open .billing-plan-card-top {
  display: flex !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.account-modal-open .billing-plan-card-top > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

body.account-modal-open .billing-plan-card-top strong {
  overflow: hidden !important;
  color: #17191d !important;
  font-size: 1.12rem !important;
  font-weight: 790 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.account-modal-open .billing-plan-price {
  display: flex !important;
  align-items: end !important;
  gap: 5px !important;
}

body.account-modal-open .billing-plan-price strong {
  color: #17191d !important;
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  line-height: 0.98 !important;
}

body.account-modal-open .billing-plan-price em {
  color: #6f7785 !important;
  font-size: 0.86rem !important;
  font-style: normal !important;
  font-weight: 650 !important;
}

body.account-modal-open .billing-plan-features {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: start !important;
  gap: 7px !important;
  margin-top: 2px !important;
}

body.account-modal-open .billing-plan-features span {
  padding: 5px 9px !important;
}

body.account-modal-open .billing-plan-action {
  width: 100% !important;
  min-height: 40px !important;
  display: inline-grid !important;
  place-items: center !important;
  align-self: end !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: #111319 !important;
  color: #ffffff !important;
  font-size: 0.86rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body.account-modal-open .billing-plan-card.active .billing-plan-action {
  border: 1px solid rgba(31, 35, 43, 0.1) !important;
  background: #f2f4f7 !important;
  color: #303642 !important;
}

body.account-modal-open .billing-footnote {
  color: #6b7280 !important;
  font-size: 0.82rem !important;
}

@media (max-width: 1180px) {
  body.account-modal-open .billing-overview-grid,
  body.account-modal-open .billing-plan-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.account-modal-open .billing-plan-card {
    min-height: 0 !important;
  }
}

@media (max-width: 900px) {
  body.account-modal-open .billing-usage-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Match the capture row actions to the Notion-style blue button. */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .session-row-action {
  min-width: 86px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid #2f80ed !important;
  border-radius: 9px !important;
  background: #2a73d5 !important;
  color: #ffffff !important;
  font-size: 0.96rem !important;
  font-style: normal !important;
  font-weight: 730 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button:hover .session-row-action,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button:hover .session-row-action,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu .file-button:focus-within .session-row-action,
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .audio-menu button:focus-visible .session-row-action {
  border-color: #2b75d6 !important;
  background: #2b75d6 !important;
  color: #ffffff !important;
}

/* Needs attention rows have text + due date, not an icon column. */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .attention-task-open.home-attention-open,
body.needs-attention-detail-view .attention-task-open.home-attention-open {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card .attention-task-copy,
body.needs-attention-detail-view .attention-task-copy {
  min-width: 0 !important;
  max-width: none !important;
}

body.home-view.auth-modal-open:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-ai-bubble-button,
body.home-view.auth-modal-open:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-chat-panel {
  display: none !important;
}

/* Hide Latest memory on the web home dashboard while keeping its code intact. */
body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-latest-memory-card {
  display: none !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-focus-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-attention-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

/* Sidebar Latest memory: title-only recent sessions/projects. */
@media (min-width: 921px) {
  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-memory {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(55, 53, 47, 0.09) !important;
    overflow: hidden !important;
  }

  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-memory .home-sidebar-section-title {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 24px !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    color: rgba(55, 53, 47, 0.58) !important;
    font-size: 13px !important;
    font-weight: 620 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
  }

  body.home-view:not(.session-detail-view):not(.project-detail-view):not(.deadline-detail-view):not(.sessions-detail-view):not(.meetings-detail-view):not(.workspace-detail-view):not(.account-detail-view):not(.live-recording-view) .home-sidebar-memory .home-sidebar-section-title svg {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    stroke: rgba(55, 53, 47, 0.58) !important;
    stroke-width: 1.85 !important;
  }

  .home-sidebar-memory-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 1px !important;
    overflow: hidden !important;
  }

  .home-sidebar-memory-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #37352f !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  .home-sidebar-memory-row:hover,
  .home-sidebar-memory-row:focus-visible {
    background: rgba(55, 53, 47, 0.07) !important;
    color: #1f1f1f !important;
    outline: none !important;
  }

  .home-sidebar-memory-row span {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 520 !important;
    line-height: 1.2 !important;
  }

  .home-sidebar-memory-empty {
    padding: 3px 8px !important;
    color: rgba(55, 53, 47, 0.5) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }
}

/* Account modal clean row layout v307 */
body.account-modal-open .account-shell {
  width: min(1580px, calc(100vw - 132px)) !important;
  height: min(850px, calc(100vh - 128px)) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body.account-modal-open .account-settings-layout {
  grid-template-columns: 300px minmax(0, 1fr) !important;
}

body.account-modal-open .account-settings-sidebar {
  gap: 8px !important;
  padding: 22px 12px !important;
  background: rgba(250, 250, 249, 0.82) !important;
}

body.account-modal-open .account-page-hero {
  min-height: 58px !important;
  margin: 2px 2px 12px !important;
  padding: 8px 10px !important;
}

body.account-modal-open .account-page-list {
  gap: 0 !important;
}

body.account-modal-open .account-page-group-label {
  padding: 13px 10px 5px !important;
  color: rgba(55, 53, 47, 0.5) !important;
  font-size: 0.72rem !important;
  font-weight: 680 !important;
}

body.account-modal-open .account-page-list button {
  min-height: 38px !important;
  grid-template-columns: 22px minmax(0, 1fr) 12px !important;
  gap: 9px !important;
  padding: 7px 10px !important;
  align-items: center !important;
}

body.account-modal-open .account-page-list button:focus {
  outline: none !important;
}

body.account-modal-open .account-page-list button:focus-visible {
  background: rgba(55, 53, 47, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(55, 53, 47, 0.1) !important;
}

body.account-modal-open .account-page-list button span {
  min-width: 0 !important;
  display: block !important;
}

body.account-modal-open .account-page-list strong {
  overflow: hidden !important;
  line-height: 1.16 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.account-modal-open .account-page-list small {
  display: none !important;
}

body.account-modal-open .account-page-list em {
  font-size: 1rem !important;
}

body.account-modal-open .account-settings-main {
  display: block !important;
  padding: 46px clamp(58px, 7.4vw, 128px) 72px !important;
  background: rgba(255, 255, 255, 0.34) !important;
}

body.account-modal-open .account-section-card {
  display: none !important;
}

body.account-modal-open .account-detail-list,
body.account-modal-open .account-detail-list.is-separated,
body.account-modal-open .account-detail-group,
body.account-modal-open .subscription-panel,
body.account-modal-open .settings-control-list,
body.account-modal-open .profile-identity-form {
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  justify-self: start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.account-modal-open .account-detail-list.is-separated {
  display: grid !important;
  gap: 34px !important;
}

body.account-modal-open .account-panel-heading,
body.account-modal-open .subscription-heading {
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(55, 53, 47, 0.1) !important;
  background: transparent !important;
}

body.account-modal-open .account-panel-heading strong,
body.account-modal-open .subscription-heading strong {
  color: #24231f !important;
  font-size: 1rem !important;
  font-weight: 730 !important;
}

body.account-modal-open .account-panel-heading p,
body.account-modal-open .settings-control-copy small,
body.account-modal-open .calendar-provider-copy small,
body.account-modal-open .privacy-action-row small,
body.account-modal-open .plan-option-copy small,
body.account-modal-open .plan-usage-meta small,
body.account-modal-open .plan-usage-note,
body.account-modal-open .subscription-current-card p {
  color: rgba(55, 53, 47, 0.66) !important;
}

body.account-modal-open .settings-control-row,
body.account-modal-open .account-detail-row,
body.account-modal-open .privacy-action-row,
body.account-modal-open .calendar-provider-row,
body.account-modal-open .plan-option-card,
body.account-modal-open .subscription-current-card,
body.account-modal-open .plan-usage-panel,
body.account-modal-open .plan-usage-row,
body.account-modal-open .profile-field,
body.account-modal-open .profile-readonly-row,
body.account-modal-open .profile-actions {
  min-height: 64px !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.account-modal-open .settings-control-row + .settings-control-row,
body.account-modal-open .account-detail-row + .account-detail-row,
body.account-modal-open .privacy-action-row,
body.account-modal-open .calendar-provider-row + .calendar-provider-row,
body.account-modal-open .plan-option-card + .plan-option-card,
body.account-modal-open .profile-field,
body.account-modal-open .profile-readonly-row,
body.account-modal-open .profile-actions {
  border-top: 1px solid rgba(55, 53, 47, 0.1) !important;
}

body.account-modal-open .settings-control-row:hover,
body.account-modal-open button.settings-control-row:focus-visible,
body.account-modal-open .plan-option-card:hover {
  background: rgba(55, 53, 47, 0.035) !important;
  transform: none !important;
}

body.account-modal-open .settings-control-copy,
body.account-modal-open .account-detail-row span,
body.account-modal-open .privacy-action-row span,
body.account-modal-open .calendar-provider-copy strong,
body.account-modal-open .plan-option-copy strong,
body.account-modal-open .plan-usage-heading strong,
body.account-modal-open .plan-usage-meta strong,
body.account-modal-open .subscription-current-card strong {
  color: #24231f !important;
  font-size: 0.94rem !important;
  font-weight: 720 !important;
}

body.account-modal-open .account-detail-row {
  grid-template-columns: minmax(0, 1fr) minmax(160px, auto) !important;
}

body.account-modal-open .account-detail-row strong,
body.account-modal-open .profile-readonly-row strong {
  color: rgba(55, 53, 47, 0.74) !important;
  font-size: 0.9rem !important;
  font-weight: 650 !important;
}

body.account-modal-open .profile-identity-card {
  min-height: 62px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(55, 53, 47, 0.1) !important;
}

body.account-modal-open .profile-field,
body.account-modal-open .profile-readonly-row {
  grid-template-columns: 170px minmax(0, 1fr) !important;
}

body.account-modal-open .profile-field input {
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: none !important;
}

body.account-modal-open .account-plan-panel,
body.account-modal-open .plan-option-list,
body.account-modal-open .plan-usage-panel {
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.account-modal-open .subscription-current-card {
  margin-bottom: 4px !important;
  padding-bottom: 16px !important;
  border-top: 0 !important;
}

body.account-modal-open .plan-usage-panel {
  margin: 6px 0 10px !important;
  padding: 10px 0 14px !important;
  border-top: 1px solid rgba(55, 53, 47, 0.1) !important;
  border-bottom: 1px solid rgba(55, 53, 47, 0.1) !important;
}

body.account-modal-open .plan-usage-heading {
  margin-bottom: 12px !important;
}

body.account-modal-open .plan-usage-grid {
  gap: 12px !important;
}

body.account-modal-open .plan-usage-row {
  padding: 0 !important;
}

body.account-modal-open .subscription-current-card small,
body.account-modal-open .plan-option-action,
body.account-modal-open .privacy-action-button,
body.account-modal-open .calendar-provider-action {
  box-shadow: none !important;
}

body.account-modal-open .subscription-footnote {
  margin-top: 14px !important;
  color: rgba(55, 53, 47, 0.58) !important;
}

@media (max-width: 980px) {
  body.account-modal-open .account-shell {
    width: calc(100vw - 28px) !important;
    height: calc(100vh - 42px) !important;
  }

  body.account-modal-open .account-settings-layout {
    grid-template-columns: 238px minmax(0, 1fr) !important;
  }

  body.account-modal-open .account-settings-main {
    padding: 34px 28px 52px !important;
  }
}

@media (max-width: 720px) {
  body.account-modal-open .account-settings-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.account-modal-open .account-settings-sidebar {
    display: none !important;
  }
}

body.auth-modal-open .home-ai-bubble-button,
body.auth-modal-open .home-chat-panel {
  display: none !important;
}

/* Personal session chat: quiet surfaces and one compact composer. */
body.session-detail-view .session-chat-shell { background: var(--card, #fff) !important; }
body.session-detail-view #chatMessages { padding: 20px 22px 24px !important; scroll-behavior: auto; }
body.session-detail-view #chatMessages .chat-message.assistant {
  display: block !important; margin: 0 0 28px !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  width: 100% !important; max-width: 100% !important; min-height: 0 !important;
}
body.session-detail-view #chatMessages .chat-message.assistant::before,
body.session-detail-view #chatMessages .chat-message.assistant::after { display: none !important; }
body.session-detail-view #chatMessages .chat-message.user {
  align-self: flex-end !important; width: fit-content !important; max-width: 85% !important;
  margin: 8px 0 28px auto !important; padding: 11px 16px !important;
  color: #292929 !important; background: #f1f1ef !important; border: 0 !important;
  border-radius: 20px !important; font-size: 15px !important; font-weight: 400 !important;
}
body.session-detail-view #chatMessages .chat-content { padding: 0 !important; max-width: 100%; }
body.session-detail-view #chatMessages .chat-content p,
body.session-detail-view #chatMessages .chat-content li { font-size: 15px !important; line-height: 1.65 !important; overflow-wrap: anywhere; }
body.session-detail-view #chatMessages .chat-content h4 { font-size: 15px !important; margin: 20px 0 8px !important; font-weight: 600 !important; }
body.session-detail-view #chatMessages .chat-content p { margin: 0 0 12px !important; }
body.session-detail-view #chatMessages .chat-content ul,
body.session-detail-view #chatMessages .chat-content ol { padding-left: 22px !important; margin: 8px 0 16px !important; }
body.session-detail-view #chatForm {
  display: flex !important; align-items: flex-end !important; gap: 6px !important;
  height: auto !important; min-height: 54px !important; max-height: none !important;
  padding: 7px 9px !important; border-radius: 28px !important;
  border: 1px solid #e4e4e4 !important; background: #fff !important;
  box-shadow: 0 3px 16px #00000006 !important;
}
body.session-detail-view #chatInput {
  flex: 1 !important; width: 0 !important; min-width: 0 !important; min-height: 38px !important;
  max-height: 150px !important; border: 0 !important; background: transparent !important;
  resize: none; outline: none; box-shadow: none !important; padding: 9px 4px !important;
  font: inherit; font-size: 15px !important; line-height: 20px !important; color: #292929;
}
body.session-detail-view #chatInput::placeholder { color: #939393; }
body.session-detail-view #chatForm .chat-file-button {
  width: 38px !important; height: 38px !important; min-width: 38px !important;
  border: 0 !important; background: transparent !important; font-size: 26px !important;
}
body.session-detail-view #chatButton {
  width: 38px !important; height: 38px !important; min-width: 38px !important;
  border-radius: 50% !important; background: #202020 !important; color: transparent !important;
  font-size: 0 !important; border: 0 !important;
}
body.session-detail-view #chatButton::before { color: #fff !important; font: 24px/1 system-ui !important; }
body.session-detail-view #chatForm.thinking #chatButton { cursor: pointer !important; }
body.session-detail-view #chatForm.thinking #chatButton::before {
  content: "" !important; width: 12px !important; height: 12px !important; border: 0 !important;
  border-radius: 2px !important; background: white !important; animation: none !important;
}
body.session-detail-view .session-chat-shell #meetingChatPanel.has-chat-history #suggestionChips { display: none !important; }
body.session-detail-view .session-chat-shell #suggestionChips button { font-size: 13px !important; font-weight: 400 !important; padding: 9px 13px !important; }
body.session-detail-view .session-chat-shell .chat-panel-title-row { flex-wrap: wrap; gap: 6px 12px; }
body.session-detail-view .session-chat-shell .chat-panel-title-row h3 { font: 600 18px/1.4 system-ui !important; }
body.session-detail-view #meetingChatScope { order: 3; flex-basis: 100%; text-align: left; font-size: 12px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.session-chat-menu { position: relative; margin-left: auto; }
.session-chat-menu summary { list-style: none; cursor: pointer; font-size: 24px; padding: 0 8px; }
.session-chat-menu summary::-webkit-details-marker { display: none; }
.session-chat-menu[open] button { position: absolute; right: 0; z-index: 10; white-space: nowrap; background: white; box-shadow: 0 5px 20px #0001; }
.session-progress { color: #929292; font-size: 14px; padding: 8px 0 20px; animation: sessionQuietPulse 2s ease-in-out infinite; }
@keyframes sessionQuietPulse { 50% { opacity: .5; } }
.session-jump-latest { align-self: center; border: 1px solid #e5e5e5; border-radius: 50%; width: 34px; height: 34px; background: white; }
.session-evidence { margin-top: 14px; font-size: 12px; color: #777; }
.session-evidence summary { cursor: pointer; }
.session-evidence blockquote { margin: 12px 0; padding-left: 12px; border-left: 2px solid #ddd; white-space: pre-wrap; }
@media (max-width: 720px) {
  body.session-detail-view.meeting-chat-open #chatMessages { padding-bottom: 190px !important; }
  body.session-detail-view #chatInput { font-size: 16px !important; }
}
:root[data-theme="dark"] body.session-detail-view #chatForm { background: #252525 !important; border-color: #444 !important; }
:root[data-theme="dark"] body.session-detail-view #chatInput { color: #eee !important; }
:root[data-theme="dark"] body.session-detail-view #chatMessages .chat-message.user { background: #333 !important; color: #eee !important; }
@media (prefers-reduced-motion: reduce) { .session-progress { animation: none; } }

body.session-detail-view #meetingChatPanel { display: flex !important; flex-direction: column !important; }
body.session-detail-view #chatMessages { flex: 1 1 auto !important; }
body.session-detail-view #sessionJumpLatest[hidden] { display: none !important; }
body.session-detail-view #meetingChatPanel .chat-panel-intro { flex: 0 0 auto; }
body.session-detail-view #chatButton { min-height: 38px !important; max-height: 38px !important; max-width: 38px !important; flex: 0 0 38px !important; }
body.session-detail-view .session-chat-shell .chat-panel-title-row { display: flex !important; }
body.session-detail-view #meetingChatScope { order: 3 !important; flex-basis: 100% !important; text-align: left !important; font-size: 12px !important; }
body.session-detail-view .session-chat-shell #meetingChatPanel .chat-panel-title-row { display: flex !important; flex-wrap: wrap !important; }
body.session-detail-view .session-chat-shell #meetingChatPanel #meetingChatScope { position: static !important; order: 3 !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; }

/* Personal chat layout contract. Header and composer never shrink into content. */
body.session-detail-view .session-chat-shell #meetingChatPanel {
  display: flex !important; flex-direction: column !important; gap: 0 !important;
  min-height: 0 !important; overflow: hidden !important; padding: 0 !important;
  background: #fcfcfb !important; border: 1px solid #e8e8e5 !important; box-shadow: none !important;
}
body.session-detail-view #meetingChatPanel .chat-panel-intro {
  position: static !important; flex: 0 0 auto !important; height: auto !important;
  margin: 0 !important; padding: 14px 18px 10px !important; border: 0 !important;
}
body.session-detail-view #meetingChatPanel .chat-panel-title-row {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  flex-wrap: nowrap !important; height: 44px !important; min-height: 44px !important;
  gap: 12px !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
body.session-detail-view #meetingChatPanel .chat-panel-title-row h3 { margin: 0 !important; padding: 0 !important; flex: 1 !important; font-size: 18px !important; }
body.session-detail-view #meetingChatPanel .session-chat-trash {
  position: static !important; inset: auto !important; display: inline-flex !important;
  align-items: center !important; justify-content: center !important; flex: 0 0 40px !important;
  width: 40px !important; height: 40px !important; min-height: 40px !important; min-width: 40px !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important;
  background: transparent !important; box-shadow: none !important; color: #757575 !important;
  opacity: 1 !important; transform: none !important;
}
body.session-detail-view #meetingChatPanel .session-chat-trash::before,
body.session-detail-view #meetingChatPanel .session-chat-trash::after { display: none !important; }
body.session-detail-view #meetingChatPanel .session-chat-trash:hover:not(:disabled) { background: #efefed !important; color: #303030 !important; }
body.session-detail-view #meetingChatPanel .session-chat-trash:disabled { color: #b3b3b0 !important; cursor: default; }
body.session-detail-view #meetingChatPanel #suggestionChips {
  position: static !important; flex: 0 0 auto !important; display: flex !important;
  flex-wrap: wrap !important; align-items: center !important; gap: 8px !important;
  height: auto !important; min-height: 0 !important; max-height: none !important;
  overflow: visible !important; margin: 0 !important; padding: 0 18px 14px !important;
  border: 0 !important; background: transparent !important;
}
body.session-detail-view #meetingChatPanel #suggestionChips button {
  flex: 0 0 auto !important; min-height: 34px !important; height: auto !important;
  max-width: 100% !important; padding: 8px 12px !important; line-height: 18px !important;
  white-space: normal !important; border: 1px solid #e5e5e2 !important; background: transparent !important;
  color: #646464 !important; box-shadow: none !important; font-size: 12px !important;
}
body.session-detail-view #meetingChatPanel.has-chat-history #suggestionChips { display: none !important; }
body.session-detail-view #meetingChatPanel #chatMessages {
  display: flex !important; flex-direction: column !important; justify-content: flex-start !important;
  flex: 1 1 0% !important; height: auto !important; min-height: 0 !important; max-height: none !important;
  gap: 0 !important; margin: 0 !important; padding: 18px 22px !important;
  overflow-x: hidden !important; overflow-y: auto !important; background: transparent !important;
}
/* Each turn keeps its content height; only the conversation viewport shrinks. */
body.session-detail-view #meetingChatPanel #chatMessages > * {
  flex: 0 0 auto !important;
}
body.session-detail-view #meetingChatPanel #chatMessages > .chat-message {
  height: auto !important; max-height: none !important;
  position: relative !important; inset: auto !important;
}
body.session-detail-view #meetingChatPanel #chatMessages:empty::before {
  content: "Ask a question about this conversation."; display: block; margin: auto 0;
  text-align: center; font-size: 14px; line-height: 1.6; color: #9a9a97;
}
body.session-detail-view #meetingChatPanel #chatForm {
  position: static !important; inset: auto !important; flex: 0 0 auto !important;
  width: auto !important; margin: 10px 16px 16px !important; transform: none !important;
}
body.session-detail-view #meetingChatPanel #chatAttachmentList { flex: 0 0 auto !important; margin: 0 18px !important; }
body.session-detail-view #meetingChatPanel #chatAttachmentList:empty { display: none !important; }
body.session-detail-view #meetingChatPanel #chatInput { height: 38px; overflow-y: auto; }
body.session-detail-view #meetingChatPanel :is(button, summary):focus-visible { outline: 2px solid #8e9aab !important; outline-offset: 3px; }
body.session-detail-view #meetingChatPanel #chatForm:focus-within { border-color: #bfc3c8 !important; }
body.session-detail-view #meetingChatPanel #chatInput,
body.session-detail-view #meetingChatPanel #chatInput:focus,
body.session-detail-view #meetingChatPanel #chatInput:focus-visible {
  appearance: none !important; outline: none !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
}
body.session-detail-view #meetingChatPanel #chatForm {
  min-height: 54px !important; padding: 8px !important; gap: 8px !important;
  border-radius: 27px !important; box-shadow: 0 2px 8px #00000004 !important;
  transition: border-color 160ms ease;
}
body.session-detail-view #meetingChatPanel #chatForm .chat-file-button {
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex: 0 0 36px !important; width: 36px !important; height: 36px !important;
  min-width: 36px !important; min-height: 36px !important; padding: 0 !important;
  border-radius: 50% !important; color: #656565 !important; box-shadow: none !important;
}
body.session-detail-view #meetingChatPanel #chatButton {
  position: relative !important; flex: 0 0 36px !important;
  width: 36px !important; min-width: 36px !important; max-width: 36px !important;
  height: 36px !important; min-height: 36px !important; max-height: 36px !important;
}
body.session-detail-view #meetingChatPanel #chatButton::before {
  content: "" !important; position: absolute !important; inset: 8px !important;
  width: 20px !important; height: 20px !important; border: 0 !important;
  background: white !important; transform: none !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5m-6 6 6-6 6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.session-detail-view #meetingChatPanel #chatForm.thinking #chatButton::before {
  inset: 12px !important; width: 12px !important; height: 12px !important;
  mask: none !important; border-radius: 2px !important;
}
@media (max-width: 720px) {
  body.session-detail-view.meeting-chat-open #meetingChatPanel .chat-panel-intro { display: none !important; }
  body.session-detail-view.meeting-chat-open #meetingChatPanel .mobile-meeting-chat-header { position: static !important; flex: 0 0 auto !important; height: 58px !important; margin: 0 !important; padding: 8px 16px !important; }
  body.session-detail-view.meeting-chat-open #meetingChatPanel #chatForm { margin-bottom: max(12px, env(safe-area-inset-bottom)) !important; }
}
:root[data-theme="dark"] body.session-detail-view #meetingChatPanel { background: #202020 !important; border-color: #383838 !important; }
:root[data-theme="dark"] body.session-detail-view #meetingChatPanel #suggestionChips button { color: #ccc !important; border-color: #444 !important; }

/* Shared project workspace: quiet navigation, native palette, contextual AI. */
body.project-detail-view .project-shell .project-detail-tabs {
  display: flex !important;
  grid-template-columns: none !important;
  justify-content: flex-start !important;
  gap: 24px !important;
  padding: 0 28px !important;
  background: var(--panel) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  overflow-x: auto !important;
  width: 100% !important;
  scrollbar-width: thin;
}
body.project-detail-view .project-shell .project-detail-tab {
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 52px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
body.project-detail-view .project-shell .project-detail-tab::before { display: none !important; }
body.project-detail-view .project-shell .project-detail-tab.active {
  color: var(--blue) !important;
  border-bottom-color: var(--blue) !important;
  font-weight: 600 !important;
}
body.project-detail-view .project-shell button:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
body.project-detail-view .project-shell { background: var(--panel) !important; box-shadow: none !important; }
body.project-detail-view .project-shell .session-header { background: var(--panel) !important; }
body.project-detail-view #projectDetailTitle { font-family: inherit !important; font-size: clamp(24px, 3vw, 32px) !important; font-weight: 600 !important; color: var(--ink) !important; }
body.project-detail-view .project-detail-content { padding: 28px !important; }
body.project-detail-view .project-detail-pane:not([data-project-detail-pane="chat"]) > .insight-card {
  padding: 12px 0 28px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-bottom: 20px;
}
body.project-detail-view .project-detail-pane h3 { color: var(--ink) !important; font-size: 18px !important; font-weight: 600 !important; }
body.project-detail-view #projectCurrentSummary { max-width: 78ch; font-size: 16px; line-height: 1.7; color: var(--ink); margin: 14px 0; }
body.project-detail-view .project-section-description { color: var(--muted); line-height: 1.6; margin: 8px 0 24px; }
body.project-detail-view .project-text-action { color: var(--blue); background: transparent; border: 0; padding: 8px 0; box-shadow: none; }
body.project-detail-view .project-timeline-item,
body.project-detail-view .member-task-row,
body.project-detail-view #projectDetailSessionsList .session-row {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.project-detail-view .timeline-item-icon { color: var(--blue) !important; background: var(--panel-soft) !important; }
body.project-detail-view #projectEvolutionList li,
body.project-detail-view #projectDetailTimelineList li { color: var(--ink-soft) !important; line-height: 1.75; margin-bottom: 18px; }
body.project-detail-view .timeline-item-copy strong,
body.project-detail-view .member-task-row strong { color: var(--ink) !important; font-weight: 600 !important; }
body.project-detail-view .timeline-item-copy span,
body.project-detail-view .timeline-item-copy small { color: var(--muted) !important; }
body.project-detail-view #projectFileList::before { display: none; }
@media (min-width: 921px) {
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell { width: 100% !important; max-width: 1180px !important; margin-inline: auto !important; }
}
@media (max-width: 920px) {
  body.project-detail-view .project-shell .project-detail-tabs { gap: 22px !important; padding-inline: 20px !important; }
  body.project-detail-view .project-detail-content { padding: 20px !important; }
}
/* Weekly workspace: reference layout and working source discussions. */
body.project-detail-view:not(.project-ai-open) .project-shell { max-width: 1320px !important; border-radius: 0 !important; border:0 !important; }
body.project-detail-view .project-shell > .session-header { padding: 30px 44px 20px !important; display:flex !important; flex-wrap:nowrap !important; gap:16px !important; align-items:center !important; }
body.project-detail-view .project-shell > .session-header > div:not(.session-meta):not(.project-info-popover) { flex:1; min-width:0; }
body.project-detail-view .project-shell .session-meta { display:flex !important; flex-wrap:nowrap !important; gap:12px; margin:0 !important; padding:0 !important; width:auto !important; }
body.project-detail-view #projectDetailMeta, body.project-detail-view #renameProjectButton, body.project-detail-view #deleteProjectButton,body.project-detail-view #addSessionToProjectButton {display:none !important;}
body.project-detail-view #projectHeaderAdd {order:3;background:var(--ink);color:var(--panel);border-radius:8px;padding:10px 16px;}
body.project-detail-view #projectAskButton {order:2;border:1px solid var(--line-strong);border-radius:8px;padding:10px 16px;}
.weekly-members {display:flex;gap:5px;align-items:center;}
.weekly-members button {border:1px solid var(--line-strong);border-radius:50%;width:38px;height:38px;padding:0;background:transparent;}
body.project-detail-view .project-detail-content {padding:24px 44px !important;}
body.project-detail-view .project-shell .project-detail-tabs {padding:0 44px !important;gap:32px !important;}
body.project-detail-view .project-overview-summary h3::before {display:none !important;}
body.project-detail-view #projectWeeklyMilestone,body.project-detail-view #projectWeeklyBlocker {font-size:16px;line-height:1.6;margin:8px 0;}
.weekly-blocker {color:var(--orange);}
.weekly-status-meta {color:var(--muted);margin-top:24px;font-size:13px;}
.weekly-text-button, .weekly-event button:not([data-week-complete]) {background:transparent;border:0;box-shadow:none;color:inherit;padding:0;text-align:left;}
.weekly-text-button {color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.weekly-section {border-bottom:1px solid var(--line-strong);margin-bottom:20px;}
.weekly-section > summary {display:flex;align-items:center;gap:22px;cursor:pointer;padding:22px 0;list-style:none;}
.weekly-section > summary::before {content:'›';font-size:20px;}
.weekly-section[open] > summary::before {transform:rotate(90deg);}
.weekly-section > summary strong {font-size:20px;font-weight:600;}
.weekly-section > summary span {color:var(--muted);font-size:14px;}
.weekly-events {margin:8px 8px 36px 54px;border-left:1px solid var(--line-strong);padding-left:42px;}
.weekly-event {position:relative;display:flex;gap:20px;padding:12px 0 34px;}
.weekly-event::before {content:'';position:absolute;left:-49px;top:17px;width:12px;height:12px;border:1px solid var(--muted);background:var(--panel);border-radius:50%;}
.weekly-event-icon svg {width:26px;height:26px;}
.weekly-event-content {flex:1;min-width:0;}
.weekly-event-title {display:flex;gap:14px;align-items:baseline;justify-content:space-between;}
.weekly-event-title > button,.weekly-event-title > strong {font-size:17px;font-weight:600;}
.weekly-event-title time {font-size:12px;color:var(--muted);white-space:nowrap;}
.weekly-event p {font-size:15px;line-height:1.6;margin:10px 0;color:var(--ink-soft);}
.weekly-event-links {display:flex;gap:18px;margin:14px 0;}
.weekly-event-links button {font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--muted) !important;}
.weekly-linked-task {display:flex;align-items:center;gap:10px;padding:16px 0 0 20px;flex-wrap:wrap;}
.weekly-linked-task span {font-size:12px;color:var(--muted);}
.weekly-linked-task [data-week-complete] {background:transparent;border:0;font-size:24px;padding:0;}
.weekly-badge {font-size:12px;color:var(--muted);background:var(--panel-soft);border-radius:6px;padding:3px 8px;margin-right:auto;}
.weekly-empty {color:var(--muted);line-height:1.6;padding:10px 0;}
.weekly-evolution-content {max-width:80ch;padding:0 28px 28px;line-height:1.7;}
.weekly-dialog {width:min(760px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);}
.weekly-dialog::backdrop {background:rgba(0,0,0,.28);}
.weekly-dialog-header {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;}
.weekly-dialog-header h3 {margin:0;font-size:22px;}
.weekly-dialog-header button {font-size:24px;background:transparent;border:0;color:var(--ink);}
.weekly-dialog label {display:block;font-size:14px;margin:16px 0 6px;}
.weekly-dialog textarea,.weekly-dialog input {display:block;box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;padding:12px;margin-top:8px;}
.weekly-dialog textarea {min-height:100px;resize:vertical;}
.weekly-dialog .weekly-recap-editor {min-height:370px;line-height:1.6;}
.weekly-recap-text {white-space:pre-wrap;font:inherit;line-height:1.7;}
.weekly-form-actions {display:flex;gap:12px;justify-content:flex-end;}
.weekly-dialog button[type=submit] {background:var(--ink);color:var(--panel);padding:10px 16px;border:0;border-radius:8px;}
.weekly-error {color:var(--orange);}
.weekly-comments article {padding:18px 0;border-bottom:1px solid var(--line);}
.weekly-comments time {color:var(--muted);font-size:12px;margin-left:12px;}
.weekly-comments p,.weekly-detail-content p {white-space:pre-wrap;line-height:1.65;}
.weekly-focus-header {padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px;}
.weekly-focus-header span,.weekly-source-overview span {display:block;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;}
.weekly-focus-header p,.weekly-source-overview p {margin:0;color:var(--ink-soft);line-height:1.65;}
.weekly-source-overview {display:grid;gap:12px;}
.weekly-source-actions,.weekly-dialog-footer-actions {display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);}
.weekly-dialog-subhead {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 10px;}
.weekly-dialog-subhead h4 {margin:0;font-size:16px;}
.weekly-dialog-subhead span {display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:var(--panel-soft);color:var(--muted);font-size:12px;font-weight:600;}
.weekly-decision-board,.weekly-task-board {display:grid;gap:10px;}
.weekly-decision-card,.weekly-task-card {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);}
.weekly-decision-index {display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--panel);border:1px solid var(--line-strong);color:var(--muted);font-size:12px;font-weight:700;}
.weekly-decision-card strong,.weekly-task-card strong {display:block;color:var(--ink);font-size:15px;line-height:1.45;}
.weekly-decision-card p,.weekly-task-card p {margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4;}
.weekly-task-card > button:first-child {border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;padding:0;}
.weekly-collab-section {margin-top:22px;}
.weekly-comments-focused {display:grid;gap:10px;margin-bottom:18px;}
.weekly-comment-card {display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line);}
.weekly-comments-focused .weekly-comment-card {padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);}
.weekly-comment-avatar {display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--ink);color:var(--panel);font-size:12px;font-weight:700;}
.weekly-comment-meta {display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.weekly-comment-meta strong {color:var(--ink);font-size:14px;}
.weekly-comment-meta time {margin:0;color:var(--muted);font-size:12px;}
.weekly-comment-body p {margin:6px 0 0;color:var(--ink-soft);line-height:1.6;white-space:pre-wrap;}
.weekly-comment-form {margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);}
.weekly-comment-form label {margin-top:0;}
.weekly-empty-state {padding:16px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);background:var(--panel-soft);line-height:1.6;}
@media(max-width:920px){
 body.project-detail-view .project-shell > .session-header {padding:16px !important;gap:8px !important;}
 body.project-detail-view .project-shell .session-meta {display:none !important;}
 body.project-detail-view .project-detail-content {padding:18px 22px !important;}
 body.project-detail-view .project-shell .project-detail-tabs {padding:0 22px !important;gap:24px !important;}
 .weekly-section > summary {gap:12px;flex-wrap:wrap;}
 .weekly-section > summary span {font-size:12px;}
 .weekly-events {margin-left:8px;padding-left:22px;}
 .weekly-event {gap:12px;}
 .weekly-event::before {left:-29px;}
 .weekly-event-title {flex-wrap:wrap;gap:6px;}
 .weekly-event-title time {width:100%;}
 .weekly-event-title > button {font-size:16px;}
 .weekly-dialog {padding:18px;}
 .weekly-decision-card,.weekly-task-card {grid-template-columns:auto minmax(0,1fr);}
 .weekly-task-card > .weekly-text-button {grid-column:2;}
}

/* Full-page project workspace, using the personal session dashboard palette. */
body.project-detail-view {
  --panel: #fcfcfb;
  --panel-soft: #f4f4f1;
  --ink: #292a27;
  --ink-soft: #555650;
  --muted: #74756f;
  --line: #e8e8e3;
  --line-strong: #dcdcd6;
  --blue: #373833;
  background: #eef1f6;
}
body.project-detail-view .app-shell { width: 100% !important; max-width: none !important; padding: 20px !important; }
body.project-detail-view .workspace { width: 100% !important; max-width: none !important; margin: 0 !important; }
body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell,
body.project-detail-view .project-shell {
  width: 100% !important; max-width: none !important; margin: 0 !important;
  min-height: calc(100dvh - 40px); border: 1px solid var(--line) !important;
  border-radius: 20px !important; overflow: hidden;
  display: grid !important; grid-template-columns: 190px minmax(0, 1fr);
  grid-template-rows: auto 1fr; align-content: start;
}
body.project-detail-view .project-shell > .session-header {
  grid-column: 1 / -1; padding: 22px 26px !important; min-height: 94px;
  border-bottom: 1px solid var(--line) !important;
}
body.project-detail-view #projectDetailTitle { font-size: clamp(21px, 2vw, 28px) !important; letter-spacing: -.7px; line-height: 1.25; }
body.project-detail-view .project-shell .project-detail-tabs {
  grid-column: 1; flex-direction: column; align-items: stretch; gap: 7px !important;
  padding: 24px 14px !important; background: var(--panel-soft) !important;
  border-right: 1px solid var(--line) !important; border-bottom: 0 !important;
}
body.project-detail-view .project-shell .project-detail-tab {
  width: 100% !important; min-height: 44px !important; padding: 12px 16px !important;
  border: 0 !important; border-radius: 9px !important; text-align: left;
  white-space: normal; font-weight: 550 !important;
}
body.project-detail-view .project-shell .project-detail-tab.active { background: #e7e7e0 !important; color: var(--ink) !important; }
body.project-detail-view .project-shell .project-detail-tab:hover { background: #edede7 !important; color: var(--ink) !important; }
body.project-detail-view .project-detail-content { grid-column: 2; min-width: 0; padding: 28px !important; background: var(--panel); }
body.project-detail-view .project-detail-pane[data-project-detail-pane="brain"].active { display: flex !important; flex-direction: column; gap: 22px; }
body.project-detail-view .project-detail-pane:not([data-project-detail-pane="chat"]) > .insight-card {
  padding: 24px !important; border: 1px solid var(--line) !important; border-radius: 16px !important;
  background: #fff !important; margin: 0; box-shadow: none !important;
}
body.project-detail-view .project-detail-pane h3 { font-size: 17px !important; font-weight: 650 !important; letter-spacing: -.3px; }
body.project-detail-view .card-title-row { gap: 14px; }
body.project-detail-view .card-title-row h3 { margin: 0; }
body.project-detail-view #projectCurrentSummary { margin: 14px 0 20px; font-size: 17px; line-height: 1.6; max-width: 90ch; }
.project-status-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 18px 0 0; border-top: 1px solid var(--line); }
.project-mini-label { color: var(--muted); font-size: 12px; font-weight: 550; letter-spacing: .15px; }
body.project-detail-view #projectWeeklyMilestone, body.project-detail-view #projectWeeklyBlocker { margin: 7px 0 0; font-size: 14px; color: var(--ink-soft); }
body.project-detail-view #projectWeeklyBlocker.has-blocker { color: #a05a24; }
body.project-detail-view .weekly-status-meta { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 5px; font-size: 12px; }
body.project-detail-view .weekly-text-button { color: var(--ink-soft); font-size: 13px; text-decoration: none; }
body.project-detail-view .weekly-text-button:hover { color: var(--ink); text-decoration: underline; }
.project-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
body.project-detail-view .project-stat-grid > button {
  display: flex; flex-direction: column; align-items: stretch; text-align: left; gap: 10px;
  padding: 18px 20px; border: 1px solid var(--line); border-radius: 13px;
  background: #fff; color: var(--ink); box-shadow: none;
}
.project-stat-grid > button > span { font-size: 13px; color: var(--ink-soft); font-weight: 550; }
.project-stat-grid strong { font-size: 29px; font-weight: 600; letter-spacing: -1px; line-height: 1; }
.project-stat-grid small { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 11px; }
body.project-detail-view .project-stat-grid > button:hover { background: var(--panel-soft); border-color: var(--line-strong); }
.project-activity-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.project-activity-card { min-width: 0; }
.project-activity-card > .card-title-row { padding: 2px 0 16px; border-bottom: 1px solid var(--line); }
body.project-detail-view .weekly-section { margin: 0; border-bottom: 1px solid var(--line); }
body.project-detail-view .weekly-section > summary { padding: 19px 0; gap: 14px; }
body.project-detail-view .weekly-section > summary strong { font-size: 15px; color: var(--ink); }
body.project-detail-view .weekly-section > summary span { font-size: 12px; margin-left: auto; }
body.project-detail-view .weekly-events { margin: 0 0 20px 9px; padding-left: 23px; }
body.project-detail-view .weekly-event { gap: 14px; padding: 14px 0 22px; }
body.project-detail-view .weekly-event::before { left: -28px; width: 8px; height: 8px; top: 22px; border-color: var(--line-strong); }
body.project-detail-view .weekly-event-icon { color: var(--muted); }
body.project-detail-view .weekly-event-icon svg { width: 22px; height: 22px; }
body.project-detail-view .weekly-event-title > button, body.project-detail-view .weekly-event-title > strong { font-size: 15px; color: var(--ink); }
body.project-detail-view .weekly-event p, body.project-detail-view .weekly-empty { font-size: 14px; }
body.project-detail-view .weekly-empty { padding: 16px; border-radius: 10px; background: var(--panel-soft); margin: 0 0 8px; }
body.project-detail-view #projectAddItemButton { display: none !important; }
body.project-detail-view .project-shell button { transition: background-color .15s, border-color .15s; }
:root[data-theme="dark"] body.project-detail-view { --panel: #232422; --panel-soft: #292a27; --ink: #ecece8; --ink-soft: #cbccc5; --muted: #a4a59d; --line: #373833; --line-strong: #484941; --blue: #ecece8; background: #191a18; }
:root[data-theme="dark"] body.project-detail-view .project-detail-pane:not([data-project-detail-pane="chat"]) > .insight-card,
:root[data-theme="dark"] body.project-detail-view .project-stat-grid > button { background: var(--panel) !important; }
:root[data-theme="dark"] body.project-detail-view .project-shell .project-detail-tab:is(.active, :hover) { background: #3b3c36 !important; }
:root[data-theme="dark"] body.project-detail-view .project-detail-pane .card-title-row h3 { color: var(--ink) !important; }
@media (min-width: 921px) {
  body.project-detail-view.project-ai-open .project-activity-layout { grid-template-columns: 1fr; }
}
@media (max-width: 1200px) {
  .project-activity-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  body.project-detail-view .project-shell { grid-template-columns: 160px minmax(0, 1fr); }
  body.project-detail-view .project-detail-content { padding: 22px !important; }
  .project-stat-grid small { font-size: 10px; }
}
@media (max-width: 920px) {
  body.project-detail-view .app-shell { padding: 10px !important; }
  body.project-detail-view .project-shell { display: block !important; min-height: calc(100dvh - 20px); border-radius: 15px !important; }
  body.project-detail-view .project-shell > .session-header { flex-wrap: wrap !important; padding: 16px !important; }
  body.project-detail-view .project-shell .session-meta { display: flex !important; margin-left: auto !important; gap: 6px; }
  body.project-detail-view .weekly-members { display: none; }
  body.project-detail-view .project-shell .project-detail-tabs { flex-direction: row; padding: 8px 14px !important; gap: 6px !important; border-right: 0 !important; border-bottom: 1px solid var(--line) !important; }
  body.project-detail-view .project-shell .project-detail-tab { width: auto !important; white-space: nowrap; min-height: 38px !important; padding: 10px 13px !important; }
  body.project-detail-view .project-detail-content { padding: 18px !important; }
  .project-activity-layout { grid-template-columns: 1fr; }
  .project-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-stat-grid small { font-size: 11px; }
}
@media (max-width: 540px) {
  body.project-detail-view .app-shell { padding: 0 !important; }
  body.project-detail-view .project-shell { border-radius: 0 !important; border: 0 !important; min-height: 100dvh; }
  body.project-detail-view #projectDetailTitle { font-size: 20px !important; }
  body.project-detail-view .project-shell .session-meta { width: 100% !important; justify-content: flex-end; }
  body.project-detail-view .project-detail-content { padding: 16px !important; }
  body.project-detail-view .project-detail-pane:not([data-project-detail-pane="chat"]) > .insight-card { padding: 18px !important; }
  .project-status-grid { grid-template-columns: 1fr; gap: 16px; }
  .project-stat-grid { gap: 10px; }
  body.project-detail-view .project-stat-grid > button { padding: 15px; }
  .project-activity-card > .card-title-row > .project-mini-label { display: none; }
}
body.project-detail-view .project-shell .project-detail-tab { justify-content: flex-start !important; gap: 12px !important; }
.project-nav-icon { width: 18px; height: 18px; flex: 0 0 18px; opacity: .8; }
body.project-detail-view .project-activity-card h3::before { display: none !important; }
body.project-detail-view .weekly-status-meta { align-items: center; margin-top: 14px; }
body.project-detail-view .weekly-text-button { min-height: 28px; }
body.project-detail-view .project-stat-grid button:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (max-width: 920px) {
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell {
    display: block !important;
    min-height: calc(100dvh - 20px);
    border-radius: 15px !important;
  }
  body.project-detail-view .project-shell .project-detail-tabs { align-items: center !important; }
}
@media (max-width: 540px) {
  body.project-detail-view:not(.project-ai-open):not(.project-ai-closing) .project-shell {
    min-height: 100dvh; border: 0 !important; border-radius: 0 !important;
  }
}
body.project-detail-view .project-shell .session-meta #projectHeaderAdd {
  background: var(--ink) !important;
  color: var(--panel) !important;
  border: 1px solid var(--ink) !important;
}

/* Projects library: a spacious, useful home for connected work. */
body.workspace-detail-view { --library-ink: #292a27; --library-muted: #75766f; --library-line: #e5e6df; --library-card: #fff; --library-soft: #f5f5f1; background: #f5f6f3 !important; color: var(--library-ink); }
body.workspace-detail-view .motion-bg { display: none !important; }
body.workspace-detail-view .app-shell { width: 100% !important; max-width: none !important; padding: 20px !important; }
body.workspace-detail-view .workspace { width: 100% !important; max-width: none !important; margin: 0 !important; }
body.workspace-detail-view .workspace-brain-shell { width: 100% !important; max-width: none !important; min-height: calc(100dvh - 40px); margin: 0 !important; border: 1px solid var(--library-line) !important; border-radius: 20px !important; background: #fcfcfa !important; box-shadow: none !important; overflow: hidden; }
body.workspace-detail-view .workspace-brain-shell > .session-header { padding: 20px 34px !important; background: #fcfcfa !important; border-bottom: 1px solid var(--library-line) !important; box-shadow: none !important; gap: 16px !important; }
body.workspace-detail-view .workspace-brain-shell > .session-header h2 { color: var(--library-ink) !important; font-size: 19px !important; font-weight: 650 !important; letter-spacing: -.4px; }
body.workspace-detail-view #workspaceBackButton { width: 36px; height: 36px; background: var(--library-card) !important; border: 1px solid var(--library-line) !important; color: var(--library-ink) !important; box-shadow: none !important; }
body.workspace-detail-view .workspace-page-grid { display: block !important; width: 100% !important; max-width: none !important; padding: 42px 48px !important; margin: 0 !important; }
body.workspace-detail-view .workspace-project-card { padding: 0 !important; width: 100% !important; max-width: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
body.workspace-detail-view .workspace-project-card > .panel-header { align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin: 0 !important; padding: 0 !important; }
body.workspace-detail-view .projects-library-kicker { display: block !important; font-size: 11px; font-weight: 650; letter-spacing: 1.5px; color: var(--library-muted); margin: 0 0 13px; }
body.workspace-detail-view .projects-library-title { font-size: clamp(28px, 3vw, 43px); line-height: 1.15; letter-spacing: -1.5px; font-weight: 600; color: var(--library-ink); margin: 0 0 15px; }
body.workspace-detail-view #workspaceDetailMeta { color: var(--library-muted) !important; font-size: 15px !important; line-height: 1.65; margin: 0 !important; max-width: 65ch; }
body.workspace-detail-view #workspaceCreateProjectButton { display: inline-flex !important; align-items: center; justify-content: center; gap: 9px; flex: 0 0 auto; width: auto !important; min-width: 146px !important; height: 44px !important; padding: 0 18px !important; border-radius: 10px !important; border: 1px solid #292a27 !important; background: #292a27 !important; color: #fff !important; font-size: 14px !important; font-weight: 550 !important; box-shadow: 0 3px 5px #20202009 !important; }
body.workspace-detail-view #workspaceCreateProjectButton > span { font-size: 22px; font-weight: 400; }
body.workspace-detail-view #workspaceCreateProjectButton::before, body.workspace-detail-view #workspaceCreateProjectButton::after { display: none !important; }
.projects-library-stats { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin: 28px 0 38px; color: var(--library-muted); font-size: 13px; }
.projects-library-stats > span + span { border-left: 1px solid var(--library-line); padding-left: 24px; }
.projects-library-stats strong { font-weight: 600; color: var(--library-ink); margin-right: 5px; }
.projects-library-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 26px; border-top: 1px solid var(--library-line); margin-bottom: 22px; }
.projects-library-section-title { display: flex; align-items: center; gap: 10px; }
body.workspace-detail-view .projects-library-section-title h2 { font-size: 18px; color: var(--library-ink); letter-spacing: -.4px; margin: 0; }
#projectsLibraryCount { padding: 3px 8px; background: #ebede5; border-radius: 6px; color: #65675e; font-size: 12px; white-space: nowrap; }
.projects-library-controls { display: flex; gap: 10px; align-items: center; }
.projects-library-search { display: flex; gap: 9px; align-items: center; border: 1px solid var(--library-line); border-radius: 9px; padding: 0 12px; background: var(--library-card); }
.projects-library-search svg { width: 17px; height: 17px; fill: none; stroke: var(--library-muted); stroke-width: 1.7; flex-shrink: 0; }
body.workspace-detail-view #projectsLibrarySearch { width: 195px; min-width: 0; height: 40px; padding: 0; border: 0; outline: none; border-radius: 0; background: transparent; box-shadow: none; color: var(--library-ink); font-size: 13px; }
.projects-library-search:focus-within { outline: 2px solid #888d77; outline-offset: 2px; }
body.workspace-detail-view #projectsLibrarySort { height: 42px; padding: 0 30px 0 12px; border: 1px solid var(--library-line); border-radius: 9px; color: var(--library-ink); background-color: var(--library-card); font: inherit; font-size: 12px; }
body.workspace-detail-view .workspace-project-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; }
body.workspace-detail-view .workspace-project-row { position: relative; display: block !important; min-width: 0; border: 1px solid var(--library-line) !important; border-radius: 15px !important; background: var(--library-card) !important; box-shadow: 0 2px 3px #292a2703 !important; overflow: hidden; transition: border-color .18s, box-shadow .18s, transform .18s; }
body.workspace-detail-view .workspace-project-row:hover { border-color: #c5c9ba !important; box-shadow: 0 8px 24px #292a2709 !important; transform: translateY(-2px); }
body.workspace-detail-view .workspace-project-open { display: flex !important; flex-direction: column; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; width: 100% !important; height: 100%; min-width: 0; padding: 23px !important; border: 0 !important; border-radius: 0 !important; text-align: left; color: var(--library-ink) !important; background: transparent !important; box-shadow: none !important; }
.projects-library-card-top { display: flex; align-items: center; gap: 12px; padding-right: 24px; margin-bottom: 20px; }
.projects-library-monogram { display: grid; place-items: center; width: 43px; height: 43px; flex-shrink: 0; border: 1px solid #dee3d0; border-radius: 12px; background: #edf1e3; color: #666f4c; font-size: 20px; font-weight: 550; }
.workspace-project-row:nth-child(3n+2) .projects-library-monogram { background: #eceef4; border-color: #dfe2ec; color: #606b7f; }
.workspace-project-row:nth-child(3n+3) .projects-library-monogram { background: #f5eee5; border-color: #e9dfd0; color: #806749; }
.projects-library-state { font-size: 11px; color: var(--library-muted); font-weight: 450; }
body.workspace-detail-view .workspace-project-title { display: block; font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.5px; color: var(--library-ink) !important; overflow-wrap: anywhere; white-space: normal; margin: 0 0 10px; }
.projects-library-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--library-muted); font-size: 13px; font-weight: 400; line-height: 1.65; min-height: 43px; margin-bottom: 23px; }
.projects-library-card-counts { display: flex; flex-wrap: wrap; gap: 8px 15px; color: #66695f; font-size: 11px; font-weight: 450; margin-top: auto; padding-bottom: 19px; }
.projects-library-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 15px; border-top: 1px solid var(--library-line); color: var(--library-muted); font-size: 11px; font-weight: 400; }
.projects-library-open-label { color: var(--library-ink); white-space: nowrap; }
.projects-library-open-label > span { margin-left: 6px; }
body.workspace-detail-view .workspace-project-actions { position: absolute; right: 14px; top: 25px; padding: 0 !important; }
body.workspace-detail-view .workspace-project-actions button { width: 28px !important; min-width: 28px !important; height: 28px !important; min-height: 28px !important; padding: 6px !important; color: #90938a !important; background: transparent !important; border: 0 !important; box-shadow: none !important; opacity: .55; }
body.workspace-detail-view .workspace-project-actions button:hover { background: #faf0ed !important; color: #a55846 !important; opacity: 1; }
body.workspace-detail-view .workspace-project-actions svg { width: 15px; height: 15px; }
body.workspace-detail-view .workspace-project-open:focus-visible { outline: 2px solid #787f67; outline-offset: -4px; border-radius: 15px !important; }
.projects-library-footer { text-align: center; color: var(--library-muted); font-size: 12px; margin: 30px 0 0; }
.projects-library-empty { grid-column: 1 / -1; padding: 55px 24px; text-align: center; border: 1px dashed var(--library-line); border-radius: 15px; }
.projects-library-empty h3 { color: var(--library-ink); }
.projects-library-empty p { color: var(--library-muted); line-height: 1.7; }
#projectsLibraryEmptyCreate { background: #292a27; color: white; padding: 12px 18px; border: 0; border-radius: 9px; margin-top: 12px; }
:root[data-theme="dark"] body.workspace-detail-view { --library-ink: #eeefe9; --library-muted: #a1a499; --library-line: #3c3f36; --library-card: #282b25; --library-soft: #30332c; background: #1e201c !important; }
:root[data-theme="dark"] body.workspace-detail-view .workspace-brain-shell, :root[data-theme="dark"] body.workspace-detail-view .workspace-brain-shell > .session-header { background: #232620 !important; }
:root[data-theme="dark"] .projects-library-card-counts { color: #b2b6a9; }
@media(min-width:1600px) { body.workspace-detail-view .workspace-page-grid { padding: 48px 60px !important; } body.workspace-detail-view .workspace-project-open { padding: 27px !important; } }
@media(max-width:1100px) { body.workspace-detail-view .workspace-page-grid { padding: 30px !important; } body.workspace-detail-view .workspace-project-list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  body.workspace-detail-view .app-shell { padding: 0 !important; }
  body.workspace-detail-view .workspace-brain-shell { border: 0 !important; border-radius: 0 !important; min-height: 100dvh; }
  body.workspace-detail-view .workspace-brain-shell > .session-header { padding: 16px 20px !important; }
  body.workspace-detail-view .workspace-page-grid { padding: 28px 20px !important; }
  body.workspace-detail-view .workspace-project-card > .panel-header { align-items: flex-start !important; flex-direction: column; }
  body.workspace-detail-view .projects-library-title { font-size: 31px; letter-spacing: -1px; }
  .projects-library-stats { gap: 12px; margin: 24px 0; font-size: 11px; }
  .projects-library-stats > span + span { padding-left: 12px; }
  .projects-library-toolbar { align-items: stretch; flex-direction: column; gap: 16px; }
  .projects-library-controls { flex-wrap: wrap; }
  .projects-library-search { flex: 1; min-width: 145px; }
  body.workspace-detail-view #projectsLibrarySearch { width: 100%; }
  body.workspace-detail-view #projectsLibrarySort { max-width: 155px; }
  body.workspace-detail-view .workspace-project-list { grid-template-columns: 1fr; gap: 15px !important; }
  body.workspace-detail-view .workspace-project-actions button { opacity: 1; }
}
@media(prefers-reduced-motion:reduce) { body.workspace-detail-view .workspace-project-row { transition: none; } body.workspace-detail-view .workspace-project-row:hover { transform: none; } }
body.workspace-detail-view .workspace-brain-shell > .session-header { display: flex !important; flex-direction: row !important; align-items: center !important; }
body.workspace-detail-view .workspace-brain-shell > .session-header .session-title-block { min-width: 0; }
body.workspace-detail-view .projects-library-footer { margin: 30px 0 0 !important; }
.project-add-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.project-add-actions button { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--panel); color: var(--ink); text-align: left; }
.project-add-actions button:hover { background: var(--panel-soft); }
.project-add-actions span { font-size: 13px; color: var(--muted); }
.project-meeting-options { max-height: 50vh; overflow: auto; margin: 20px 0; }
.weekly-dialog .project-meeting-options label { display: flex; gap: 14px; align-items: center; border: 1px solid var(--line); border-radius: 10px; padding: 14px; margin: 8px 0; }
.weekly-dialog .project-meeting-options input { width: 18px; height: 18px; flex: 0 0 18px; margin: 0; }
.project-meeting-options small { display: block; margin-top: 6px; color: var(--muted); }
#projectMutationStatus { padding: 12px 16px; margin: 0 0 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-soft); color: var(--ink-soft); font-size: 13px; }
#projectMutationStatus.is-error { color: #a34c30; border-color: #dab4a6; }
body > .prompt-modal { z-index: 10000; }
@media (max-width: 540px) { .project-add-actions { grid-template-columns: 1fr; } }

/* Sessions archive: tailored list view matching the clean reference layout. */
body.sessions-detail-view {
  --sessions-archive-ink: #343330;
  --sessions-archive-muted: #85827c;
  --sessions-archive-line: rgba(52, 51, 48, 0.09);
  --sessions-archive-soft-line: rgba(52, 51, 48, 0.06);
  --sessions-archive-bg: #f7faf7;
  --sessions-archive-panel: rgba(255, 255, 255, 0.94);
  min-height: var(--app-visible-height, 100vh) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(73, 151, 129, 0.12), transparent 34%),
    linear-gradient(120deg, #fbfcfb 0%, #eff7f3 48%, #f8fbf7 100%) !important;
}

body.sessions-detail-view .motion-bg {
  display: none !important;
}

body.sessions-detail-view .app-shell {
  width: 100% !important;
  min-height: var(--app-visible-height, 100vh) !important;
  display: grid !important;
  place-items: start center !important;
  padding: 62px 22px 38px !important;
  background: transparent !important;
}

body.sessions-detail-view .sessions-shell {
  width: min(1210px, calc(100vw - 44px)) !important;
  max-width: 1210px !important;
  min-height: min(940px, calc(var(--app-visible-height, 100vh) - 100px)) !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(52, 51, 48, 0.1) !important;
  border-radius: 34px !important;
  background: var(--sessions-archive-panel) !important;
  box-shadow: 0 30px 80px rgba(41, 58, 51, 0.11) !important;
}

body.sessions-detail-view .sessions-shell > .session-header {
  min-height: 132px !important;
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "back icon title"
    "meta meta meta" !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 22px 24px 20px !important;
  border-bottom: 1px solid var(--sessions-archive-line) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: none !important;
}

body.sessions-detail-view .sessions-shell > .session-header .back-button {
  grid-area: back !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid var(--sessions-archive-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--sessions-archive-ink) !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 16px rgba(41, 58, 51, 0.05) !important;
}

body.sessions-detail-view .sessions-shell > .session-header .back-button:hover,
body.sessions-detail-view .sessions-shell > .session-header .back-button:focus-visible {
  border-color: rgba(52, 51, 48, 0.16) !important;
  background: #f8faf8 !important;
  outline: none !important;
}

body.sessions-detail-view .sessions-shell > .session-header::before {
  content: "" !important;
  grid-area: icon !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #d9e4f8 !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(99, 140, 213, 0.22), rgba(99, 140, 213, 0.1)),
    #edf3ff !important;
  box-shadow: inset 0 0 0 10px rgba(84, 120, 190, 0.08) !important;
}

body.sessions-detail-view .sessions-shell .session-title-block {
  grid-area: title !important;
  min-width: 0 !important;
}

body.sessions-detail-view .sessions-shell .rename-row {
  min-width: 0 !important;
  align-items: center !important;
}

body.sessions-detail-view .sessions-shell .session-title-block h2 {
  margin: 0 !important;
  color: var(--sessions-archive-ink) !important;
  font-size: 28px !important;
  font-weight: 680 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.sessions-detail-view .sessions-shell .session-title-block h2::before {
  content: none !important;
}

body.sessions-detail-view .sessions-shell .session-meta {
  grid-area: meta !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sessions-detail-view #sessionsDetailCount {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 14px 0 12px !important;
  border: 1px solid rgba(62, 139, 113, 0.17) !important;
  border-radius: 999px !important;
  background: #edf8f2 !important;
  color: #487863 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

body.sessions-detail-view #sessionsDetailCount::before {
  content: "" !important;
  width: 17px !important;
  height: 17px !important;
  margin-right: 8px !important;
  border: 5px solid #b9ded0 !important;
  border-radius: 999px !important;
  background: #2e9679 !important;
  box-sizing: border-box !important;
}

body.sessions-detail-view .deadline-detail-content {
  min-height: 0 !important;
  padding: 24px !important;
  background: rgba(255, 255, 255, 0.42) !important;
}

body.sessions-detail-view .session-list.full-list {
  max-height: calc(var(--app-visible-height, 100vh) - 236px) !important;
  min-height: 520px !important;
  overflow: auto !important;
  border: 1px solid var(--sessions-archive-line) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: none !important;
}

body.sessions-detail-view .session-list.full-list .session-row {
  min-height: 60px !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  background: transparent !important;
}

body.sessions-detail-view .session-list.full-list .session-row + .session-row {
  border-top: 1px solid var(--sessions-archive-soft-line) !important;
}

body.sessions-detail-view .session-list.full-list .session-row:hover,
body.sessions-detail-view .session-list.full-list .session-row.active {
  background: rgba(52, 51, 48, 0.025) !important;
}

body.sessions-detail-view .session-list.full-list .session-open {
  min-height: 60px !important;
  grid-template-columns: minmax(0, 1fr) minmax(96px, auto) 22px !important;
  gap: 14px !important;
  padding: 0 6px 0 16px !important;
  color: var(--sessions-archive-ink) !important;
}

body.sessions-detail-view .session-list.full-list .session-row-title {
  color: var(--sessions-archive-ink) !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

body.sessions-detail-view .session-list.full-list .session-row-date {
  color: var(--sessions-archive-muted) !important;
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.sessions-detail-view .session-list.full-list .session-row-chevron {
  color: #918f89 !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

body.sessions-detail-view .session-list.full-list .session-delete {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 12px 0 0 !important;
  border-radius: 10px !important;
  color: #8d8a84 !important;
  opacity: 0.88 !important;
}

body.sessions-detail-view .session-list.full-list .session-delete svg {
  width: 17px !important;
  height: 17px !important;
}

body.sessions-detail-view .session-list.full-list .session-delete:hover,
body.sessions-detail-view .session-list.full-list .session-delete:focus-visible {
  background: #fff0ef !important;
  color: #b64a43 !important;
  outline: none !important;
  opacity: 1 !important;
}

body.sessions-detail-view .session-list.full-list .session-empty {
  padding: 28px !important;
  color: var(--sessions-archive-muted) !important;
  font-size: 15px !important;
}

:root[data-theme="dark"] body.sessions-detail-view {
  --sessions-archive-ink: #f1f1ed;
  --sessions-archive-muted: #a7aaa1;
  --sessions-archive-line: rgba(240, 242, 235, 0.11);
  --sessions-archive-soft-line: rgba(240, 242, 235, 0.08);
  --sessions-archive-panel: rgba(32, 35, 31, 0.96);
  background:
    radial-gradient(circle at 50% 0%, rgba(74, 130, 111, 0.18), transparent 34%),
    linear-gradient(120deg, #171a17 0%, #202720 52%, #171a17 100%) !important;
}

:root[data-theme="dark"] body.sessions-detail-view .sessions-shell > .session-header,
:root[data-theme="dark"] body.sessions-detail-view .deadline-detail-content,
:root[data-theme="dark"] body.sessions-detail-view .session-list.full-list {
  background: rgba(32, 35, 31, 0.74) !important;
}

:root[data-theme="dark"] body.sessions-detail-view .sessions-shell > .session-header .back-button {
  background: #282b26 !important;
}

@media (max-width: 980px) {
  body.sessions-detail-view .app-shell {
    padding: 0 !important;
  }

  body.sessions-detail-view .sessions-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: var(--app-visible-height, 100vh) !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.sessions-detail-view .sessions-shell > .session-header {
    min-height: 112px !important;
    padding: calc(14px + env(safe-area-inset-top, 0px)) 18px 16px !important;
  }

  body.sessions-detail-view .deadline-detail-content {
    padding: 14px !important;
  }

  body.sessions-detail-view .session-list.full-list {
    max-height: calc(var(--app-visible-height, 100vh) - 142px) !important;
    min-height: 0 !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 620px) {
  body.sessions-detail-view .sessions-shell > .session-header {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.sessions-detail-view .sessions-shell > .session-header .back-button {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  body.sessions-detail-view .sessions-shell > .session-header::before {
    width: 32px !important;
    height: 32px !important;
  }

  body.sessions-detail-view .sessions-shell .session-title-block h2 {
    font-size: 25px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-open {
    grid-template-columns: minmax(0, 1fr) minmax(76px, auto) 16px !important;
    gap: 8px !important;
    padding-left: 14px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-row-title {
    font-size: 16px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-row-date {
    font-size: 14px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-delete {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin-right: 8px !important;
  }
}

/* ChatGPT-style sessions history: simple, smooth, and modern. */
body.sessions-detail-view {
  --sessions-archive-ink: #202123;
  --sessions-archive-muted: #6f6f6f;
  --sessions-archive-line: rgba(32, 33, 35, 0.08);
  --sessions-archive-soft-line: rgba(32, 33, 35, 0.06);
  --sessions-archive-hover: #f5f5f5;
  --sessions-archive-active: #efefef;
  min-height: var(--app-visible-height, 100vh) !important;
  background: #ffffff !important;
}

body.sessions-detail-view .app-shell {
  min-height: var(--app-visible-height, 100vh) !important;
  display: block !important;
  padding: 0 !important;
  background: #ffffff !important;
}

body.sessions-detail-view .sessions-shell {
  width: min(920px, calc(100vw - 40px)) !important;
  max-width: 920px !important;
  min-height: var(--app-visible-height, 100vh) !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.sessions-detail-view .sessions-shell > .session-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  min-height: 88px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 20px 0 16px !important;
  border-bottom: 1px solid var(--sessions-archive-line) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: none !important;
}

body.sessions-detail-view .sessions-shell > .session-header::before {
  content: none !important;
}

body.sessions-detail-view .sessions-shell > .session-header .back-button {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #4b4b4b !important;
  font-size: 34px !important;
  font-weight: 300 !important;
}

body.sessions-detail-view .sessions-shell > .session-header .back-button:hover,
body.sessions-detail-view .sessions-shell > .session-header .back-button:focus-visible {
  background: var(--sessions-archive-hover) !important;
  outline: none !important;
}

body.sessions-detail-view .sessions-shell .session-title-block {
  grid-area: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.sessions-detail-view .sessions-shell .session-title-block h2 {
  color: var(--sessions-archive-ink) !important;
  font-size: 24px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

body.sessions-detail-view .sessions-shell .session-meta {
  grid-area: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

body.sessions-detail-view #sessionsDetailCount {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sessions-archive-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.sessions-detail-view #sessionsDetailCount::before {
  content: none !important;
}

body.sessions-detail-view .deadline-detail-content {
  padding: 14px 0 42px !important;
  background: transparent !important;
}

body.sessions-detail-view .session-list.full-list {
  max-height: none !important;
  min-height: 0 !important;
  display: grid !important;
  gap: 4px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.sessions-detail-view .session-list.full-list .session-row {
  min-height: 48px !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  transition: background-color 140ms ease !important;
}

body.sessions-detail-view .session-list.full-list .session-row + .session-row {
  border-top: 0 !important;
}

body.sessions-detail-view .session-list.full-list .session-row:hover {
  background: var(--sessions-archive-hover) !important;
}

body.sessions-detail-view .session-list.full-list .session-row.active {
  background: var(--sessions-archive-active) !important;
}

body.sessions-detail-view .session-list.full-list .session-open {
  min-height: 48px !important;
  grid-template-columns: minmax(0, 1fr) auto 18px !important;
  gap: 12px !important;
  padding: 0 4px 0 12px !important;
}

body.sessions-detail-view .session-list.full-list .session-row-title {
  color: var(--sessions-archive-ink) !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  line-height: 1.25 !important;
}

body.sessions-detail-view .session-list.full-list .session-row-date {
  color: var(--sessions-archive-muted) !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
}

body.sessions-detail-view .session-list.full-list .session-row-chevron {
  color: #8a8a8a !important;
  font-size: 20px !important;
  font-weight: 300 !important;
}

body.sessions-detail-view .session-list.full-list .session-delete {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 4px 0 0 !important;
  border-radius: 8px !important;
  color: #9a9a9a !important;
  opacity: 0 !important;
  transition: opacity 140ms ease, background-color 140ms ease, color 140ms ease !important;
}

body.sessions-detail-view .session-list.full-list .session-row:hover .session-delete,
body.sessions-detail-view .session-list.full-list .session-delete:focus-visible {
  opacity: 1 !important;
}

body.sessions-detail-view .session-list.full-list .session-delete svg {
  width: 15px !important;
  height: 15px !important;
}

body.sessions-detail-view .session-list.full-list .session-delete:hover,
body.sessions-detail-view .session-list.full-list .session-delete:focus-visible {
  background: #ececec !important;
  color: #202123 !important;
}

body.sessions-detail-view .session-list.full-list .session-empty {
  padding: 28px 12px !important;
  color: var(--sessions-archive-muted) !important;
  font-size: 14px !important;
}

:root[data-theme="dark"] body.sessions-detail-view {
  --sessions-archive-ink: #ececf1;
  --sessions-archive-muted: #a2a2a8;
  --sessions-archive-line: rgba(236, 236, 241, 0.1);
  --sessions-archive-soft-line: rgba(236, 236, 241, 0.08);
  --sessions-archive-hover: #2f2f2f;
  --sessions-archive-active: #343541;
  background: #212121 !important;
}

:root[data-theme="dark"] body.sessions-detail-view .app-shell,
:root[data-theme="dark"] body.sessions-detail-view .sessions-shell,
:root[data-theme="dark"] body.sessions-detail-view .deadline-detail-content,
:root[data-theme="dark"] body.sessions-detail-view .session-list.full-list {
  background: transparent !important;
}

:root[data-theme="dark"] body.sessions-detail-view .sessions-shell > .session-header {
  background: rgba(33, 33, 33, 0.92) !important;
}

:root[data-theme="dark"] body.sessions-detail-view .session-list.full-list .session-delete:hover,
:root[data-theme="dark"] body.sessions-detail-view .session-list.full-list .session-delete:focus-visible {
  background: #3a3a3a !important;
  color: #ececf1 !important;
}

@media (max-width: 980px) {
  body.sessions-detail-view .sessions-shell {
    width: min(100vw - 24px, 720px) !important;
    min-height: var(--app-visible-height, 100vh) !important;
  }

  body.sessions-detail-view .sessions-shell > .session-header {
    min-height: 78px !important;
    padding: calc(12px + env(safe-area-inset-top, 0px)) 0 12px !important;
  }

  body.sessions-detail-view .deadline-detail-content {
    padding-top: 8px !important;
  }
}

@media (max-width: 620px) {
  body.sessions-detail-view .sessions-shell {
    width: calc(100vw - 20px) !important;
  }

  body.sessions-detail-view .sessions-shell > .session-header {
    gap: 8px !important;
  }

  body.sessions-detail-view .sessions-shell .session-title-block h2 {
    font-size: 22px !important;
  }

  body.sessions-detail-view #sessionsDetailCount {
    font-size: 13px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-open {
    grid-template-columns: minmax(0, 1fr) auto 14px !important;
    gap: 7px !important;
    padding-left: 10px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-row-title {
    font-size: 14px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-row-date {
    font-size: 12px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-delete {
    opacity: 1 !important;
  }
}

/* Sessions history alignment pass: tighter, even rows with stable columns. */
body.sessions-detail-view {
  --sessions-archive-ink: #171717;
  --sessions-archive-muted: #767676;
  --sessions-archive-line: rgba(23, 23, 23, 0.1);
  --sessions-archive-soft-line: rgba(23, 23, 23, 0.075);
  --sessions-archive-hover: #f6f6f6;
  --sessions-archive-active: #eeeeee;
}

body.sessions-detail-view .sessions-shell {
  width: min(760px, calc(100vw - 48px)) !important;
  max-width: 760px !important;
}

body.sessions-detail-view .sessions-shell > .session-header {
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  grid-template-areas: none !important;
  gap: 12px !important;
  padding: 18px 0 14px !important;
}

body.sessions-detail-view .sessions-shell > .session-header .back-button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 28px !important;
}

body.sessions-detail-view .sessions-shell .session-title-block h2 {
  font-size: 22px !important;
  font-weight: 640 !important;
}

body.sessions-detail-view #sessionsDetailCount {
  font-size: 13px !important;
  color: #7d7d7d !important;
}

body.sessions-detail-view .deadline-detail-content {
  padding: 0 0 40px !important;
}

body.sessions-detail-view .session-list.full-list {
  gap: 0 !important;
}

body.sessions-detail-view .session-list.full-list .session-row {
  min-height: 54px !important;
  height: 54px !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  border-radius: 8px !important;
}

body.sessions-detail-view .session-list.full-list .session-row + .session-row {
  border-top: 1px solid var(--sessions-archive-soft-line) !important;
}

body.sessions-detail-view .session-list.full-list .session-row:hover + .session-row,
body.sessions-detail-view .session-list.full-list .session-row.active + .session-row {
  border-top-color: transparent !important;
}

body.sessions-detail-view .session-list.full-list .session-open {
  height: 54px !important;
  min-height: 54px !important;
  grid-template-columns: minmax(0, 1fr) 118px 18px !important;
  gap: 10px !important;
  padding: 0 6px 0 14px !important;
}

body.sessions-detail-view .session-list.full-list .session-row-title,
body.sessions-detail-view .session-list.full-list .session-row-date {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.sessions-detail-view .session-list.full-list .session-row-title {
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.sessions-detail-view .session-list.full-list .session-row-date {
  width: 118px !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  text-align: right !important;
}

body.sessions-detail-view .session-list.full-list .session-row-chevron {
  width: 18px !important;
  text-align: center !important;
  font-size: 18px !important;
}

body.sessions-detail-view .session-list.full-list .session-delete {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin-right: 2px !important;
}

body.sessions-detail-view .session-list.full-list .session-delete svg {
  width: 14px !important;
  height: 14px !important;
}

@media (max-width: 620px) {
  body.sessions-detail-view .sessions-shell {
    width: calc(100vw - 28px) !important;
  }

  body.sessions-detail-view .sessions-shell > .session-header {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    min-height: 72px !important;
    gap: 10px !important;
  }

  body.sessions-detail-view .sessions-shell > .session-header .back-button {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  body.sessions-detail-view .sessions-shell .session-title-block h2 {
    font-size: 21px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-row {
    height: 52px !important;
    min-height: 52px !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-open {
    height: 52px !important;
    min-height: 52px !important;
    grid-template-columns: minmax(0, 1fr) 92px 14px !important;
    gap: 7px !important;
    padding-left: 8px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-row-date {
    width: 92px !important;
    font-size: 12px !important;
  }

  body.sessions-detail-view .session-list.full-list .session-delete {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin-right: 0 !important;
  }
}

/* Final header normalization for the flat Sessions list. */
body.sessions-detail-view .sessions-shell > .session-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body.sessions-detail-view .sessions-shell > .session-header .back-button,
body.sessions-detail-view .sessions-shell .session-title-block,
body.sessions-detail-view .sessions-shell .session-meta {
  grid-area: auto !important;
}

body.sessions-detail-view .sessions-shell > .session-header .back-button {
  order: 1 !important;
  flex: 0 0 32px !important;
}

body.sessions-detail-view .sessions-shell .session-title-block {
  order: 2 !important;
  flex: 1 1 auto !important;
}

body.sessions-detail-view .sessions-shell .session-meta {
  order: 3 !important;
  flex: 0 0 auto !important;
}

body.sessions-detail-view .sessions-shell .session-title-block h2 {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Hard-align the Sessions header into one even row. */
body.sessions-detail-view .sessions-shell > header.session-header {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  grid-template-rows: 40px !important;
  grid-template-areas: "back title meta" !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 72px !important;
  padding: 16px 0 !important;
}

body.sessions-detail-view .sessions-shell > header.session-header > #sessionsBackButton {
  grid-area: back !important;
  order: 0 !important;
  align-self: center !important;
  justify-self: start !important;
  flex: none !important;
}

body.sessions-detail-view .sessions-shell > header.session-header > .session-title-block {
  grid-area: title !important;
  order: 0 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  flex: none !important;
  text-align: left !important;
}

body.sessions-detail-view .sessions-shell > header.session-header > .session-title-block .rename-row {
  width: 100% !important;
  justify-content: flex-start !important;
}

body.sessions-detail-view .sessions-shell > header.session-header > .session-title-block h2 {
  margin: 0 !important;
  text-align: left !important;
}

body.sessions-detail-view .sessions-shell > header.session-header > .session-meta {
  grid-area: meta !important;
  order: 0 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  flex: none !important;
  text-align: right !important;
}

@media (max-width: 620px) {
  body.sessions-detail-view .sessions-shell > header.session-header {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    grid-template-rows: 36px !important;
    min-height: 64px !important;
    column-gap: 10px !important;
    padding: 14px 0 !important;
  }
}

.weekly-voice-panel { padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--panel-soft); }
.weekly-voice-panel > strong { font-size:17px; }
.weekly-voice-panel p { font-size:13px; line-height:1.5; margin:8px 0; }
.weekly-voice-panel small { display:block; color:var(--muted); line-height:1.5; }
.weekly-voice-panel select { display:block; width:100%; margin:8px 0 14px; padding:10px; border:1px solid var(--line-strong); border-radius:8px; background:var(--panel); color:var(--ink); font:inherit; }
.weekly-voice-actions { display:flex; flex-wrap:wrap; gap:8px; }
.weekly-voice-actions button { padding:9px 12px; border:1px solid var(--line-strong); border-radius:8px; background:var(--panel); color:var(--ink); font:inherit; cursor:pointer; }
.weekly-voice-actions button:first-child { background:var(--ink); color:var(--panel); }
.weekly-voice-actions button:disabled { opacity:.55; cursor:wait; }
.weekly-voice-panel details { margin-top:12px; }
.weekly-voice-panel summary { cursor:pointer; font-size:13px; }
.weekly-voice-panel [hidden] { display:none; }


/* Each saved source contributes one readable evolution point. */
.project-evolution-points { list-style: disc; margin: 0; padding: 0 0 0 22px; max-width: 920px; }
.project-evolution-point { padding: 0 0 24px 10px; margin: 0 0 24px; border-bottom: 1px solid var(--line); }
.project-evolution-point::marker { color: var(--ink-soft); font-size: 18px; }
.project-evolution-point-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 18px; }
.project-evolution-point-heading button { padding: 0; background: transparent; border: 0; box-shadow: none; color: var(--ink); font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.project-evolution-point-heading button:hover { text-decoration: underline; text-underline-offset: 3px; }
.project-evolution-point-heading span { font-size: 12px; color: var(--muted); }
.project-evolution-point p { margin: 8px 0 0; color: var(--ink-soft); font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Living project memory: snapshot card on Overview and the browser on the Memory tab. */
.project-memory-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.project-memory-narrative { margin: 0 0 6px; font-size: 15px; line-height: 1.65; color: var(--ink); }
.project-memory-goal, .project-memory-next { margin: 6px 0 0; font-size: 13.5px; color: var(--ink-soft); }
.project-memory-goal strong, .project-memory-next strong { color: var(--ink); font-weight: 600; }
.project-memory-stats { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.project-memory-stats button, .project-memory-filters button { padding: 6px 11px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink-soft); font-size: 12.5px; font-weight: 550; box-shadow: none; cursor: pointer; }
.project-memory-stats button strong { color: var(--ink); margin-right: 4px; }
.project-memory-stats button:hover, .project-memory-filters button:hover { border-color: var(--line-strong); color: var(--ink); }
.project-memory-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 16px; }
.project-memory-filters button.is-active { background: var(--ink); color: #fff; border-color: var(--ink); }
.project-memory-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px 24px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.project-memory-columns h4 { margin: 0 0 8px; font-size: 12px; font-weight: 600; letter-spacing: .2px; text-transform: uppercase; color: var(--muted); }
.project-memory-columns ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.project-memory-columns li { font-size: 14px; line-height: 1.5; color: var(--ink); }
.project-memory-columns li small { display: block; color: var(--muted); font-size: 12px; }
.project-memory-columns li.is-empty { color: var(--muted); font-size: 13px; }
.project-memory-list { display: grid; gap: 12px; }
.project-memory-entry { border: 1px solid var(--line); border-radius: 13px; padding: 14px 16px; background: #fff; display: grid; gap: 6px; }
.project-memory-entry.is-superseded, .project-memory-entry.is-resolved { background: var(--panel-soft); }
.project-memory-entry-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.project-memory-kind { font-size: 11px; font-weight: 650; letter-spacing: .3px; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; background: var(--panel-soft); color: var(--ink-soft); }
.project-memory-kind.decision { background: #e6f2ea; color: #1f6b3a; }
.project-memory-kind.change { background: #fff1dd; color: #9a5a12; }
.project-memory-kind.question { background: #e9eefb; color: #2f4fa8; }
.project-memory-kind.risk { background: #fde8e8; color: #a02a2a; }
.project-memory-kind.commitment { background: #eee8fb; color: #5a3fa8; }
.project-memory-status { font-size: 11.5px; color: var(--muted); }
.project-memory-status.superseded, .project-memory-status.resolved { text-decoration: none; color: #a05a24; }
.project-memory-entry h4 { margin: 0; font-size: 15px; font-weight: 600; color: var(--ink); }
.project-memory-entry.is-superseded h4 { text-decoration: line-through; color: var(--ink-soft); }
.project-memory-entry p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink-soft); }
.project-memory-why { color: var(--ink); }
.project-memory-why strong { font-weight: 600; }
.project-memory-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--muted); align-items: center; }
.project-memory-meta button { padding: 0; border: 0; background: transparent; box-shadow: none; color: var(--ink-soft); font-size: 12px; cursor: pointer; }
.project-memory-meta button:hover { color: var(--ink); text-decoration: underline; }
.project-memory-quote { margin: 2px 0 0; padding-left: 10px; border-left: 2px solid var(--line-strong); font-size: 13px; color: var(--muted); font-style: italic; }
.project-memory-entry-actions { display: flex; gap: 12px; margin-top: 2px; }
.project-memory-entry-actions button { padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 12.5px; color: var(--ink-soft); cursor: pointer; }
.project-memory-entry-actions button:hover { color: var(--ink); text-decoration: underline; }
.project-memory-pinned { color: #9a5a12; font-size: 12px; }
.project-memory-sources-title { margin: 28px 0 12px; }
.project-memory-form { display: grid; gap: 12px; }
.project-memory-form label { display: grid; gap: 4px; font-size: 12.5px; color: var(--ink-soft); }
.project-memory-form input, .project-memory-form textarea, .project-memory-form select { font: inherit; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--ink); }
.project-memory-form textarea { min-height: 72px; resize: vertical; }
.project-memory-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.project-memory-form-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 4px; }
@media (max-width: 640px) { .project-memory-form-row { grid-template-columns: 1fr; } }

/* Images in project files: a thumbnail in the list, the picture in the preview. */
.timeline-item-icon.has-image { border-radius: 8px; overflow: hidden; background: var(--panel-soft) !important; }
.timeline-item-icon.has-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.project-file-image { margin: 0; display: grid; gap: 16px; }
.project-file-image-frame { min-height: 120px; display: grid; place-items: center; border-radius: 12px; background: var(--panel-soft); color: var(--muted); font-size: 14px; overflow: hidden; }
.project-file-image-frame img { display: block; max-width: 100%; max-height: 62dvh; object-fit: contain; }
.project-file-image figcaption { white-space: pre-wrap; font-size: 14px; line-height: 1.55; color: var(--ink); overflow-wrap: anywhere; }

/* Sign-up: date of birth and the terms line; legal links in account settings. */
.auth-field[hidden] { display: none !important; }
.auth-legal { margin: 2px 0 0; font-size: 0.76rem; line-height: 1.45; color: var(--muted); text-align: center; }
.auth-legal a, .account-legal-links a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.account-legal-links { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 14px 4px 6px; font-size: 0.78rem; color: var(--muted); }

/* Keyboard focus stays visible where a hover style removed the outline. */
body.project-detail-view .project-suggestion-row button:focus-visible,
body.session-detail-view:not(.project-detail-view) .session-info-actions button:focus-visible,
body.account-modal-open .account-page-list button:focus-visible {
  outline: 2px solid var(--ink, #1c1c1e) !important;
  outline-offset: 2px !important;
}

/* Sign in: welcome, log in and sign up, matching the iOS app. */
#authModal {
  --eauth-bg: #ffffff;
  --eauth-text: #0d0d0d;
  --eauth-muted: #6e6e73;
  --eauth-soft: #f2f2f7;
  --eauth-soft-hover: #e9e9ef;
  --eauth-line: #d1d1d6;
  --eauth-primary: #0d0d0d;
  --eauth-primary-hover: #2a2a2c;
  --eauth-on-primary: #ffffff;
  background: var(--eauth-bg);
  backdrop-filter: none;
  color: var(--eauth-text);
  overflow-y: auto;
}

:root[data-theme="dark"] #authModal {
  --eauth-bg: #0d0d0e;
  --eauth-text: #f5f5f7;
  --eauth-muted: #98989f;
  --eauth-soft: #1c1c1e;
  --eauth-soft-hover: #262628;
  --eauth-line: #3a3a3c;
  --eauth-primary: #f5f5f7;
  --eauth-primary-hover: #dcdce0;
  --eauth-on-primary: #0d0d0d;
}

#authModal::before {
  display: none;
}

#authModal [hidden] {
  display: none !important;
}

#authModal .eauth-page {
  position: relative;
  width: min(400px, 100%);
  min-width: 0;
  /* Centred while it fits, top-aligned and scrollable when it does not. */
  margin: auto;
}

#authModal .eauth-nav-button {
  position: fixed;
  top: calc(18px + env(safe-area-inset-top, 0px));
  left: max(18px, env(safe-area-inset-left, 0px));
  z-index: 2;
  width: 40px;
  min-height: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--eauth-soft);
  color: var(--eauth-text);
  box-shadow: none;
}

#authModal .eauth-nav-button:hover {
  background: var(--eauth-soft-hover);
  box-shadow: none;
}

#authModal .eauth-nav-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#authModal .eauth-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 56px 0 8px;
}

#authModal .eauth-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  margin-bottom: 40px;
  text-align: center;
}

#authModal .eauth-logo {
  display: block;
  width: 88px;
  height: auto;
  overflow: visible;
  fill: var(--eauth-text);
  transition: width 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
  animation: eauth-logo-in 500ms ease-out both;
}

#authModal .eauth-logo circle {
  transform-box: view-box;
}

/* One circle fades in, splits into the mark, then breathes. */
#authModal .eauth-logo-left {
  animation:
    eauth-split-left 800ms cubic-bezier(0.34, 1.45, 0.64, 1) 450ms both,
    eauth-breathe-left 2400ms ease-in-out 1500ms infinite alternate;
}

#authModal .eauth-logo-right {
  animation:
    eauth-split-right 800ms cubic-bezier(0.34, 1.45, 0.64, 1) 450ms both,
    eauth-breathe-right 2400ms ease-in-out 1500ms infinite alternate;
}

#authModal[data-auth-step="signin"] .eauth-logo,
#authModal[data-auth-step="create"] .eauth-logo,
#authModal[data-auth-step="forgot"] .eauth-logo,
#authModal[data-auth-step="reset"] .eauth-logo {
  width: 46px;
}

#authModal .eauth-title {
  margin: 0;
  color: var(--eauth-text);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
  animation: eauth-rise 550ms ease-out 350ms both;
}

#authModal .eauth-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#authModal .eauth-welcome {
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: eauth-rise 600ms cubic-bezier(0.2, 0.8, 0.2, 1) 500ms both;
}

#authModal.is-switching .eauth-body,
#authModal.is-switching .eauth-title {
  animation: eauth-step 320ms ease-out both;
}

#authModal .eauth-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: none;
  transition: background 150ms ease, transform 150ms ease, opacity 150ms ease;
}

#authModal .eauth-pill:active {
  transform: scale(0.97);
}

#authModal .eauth-pill-soft {
  background: var(--eauth-soft);
  color: var(--eauth-text);
}

#authModal .eauth-pill-soft:hover {
  background: var(--eauth-soft-hover);
  border-color: transparent;
  box-shadow: none;
}

#authModal .eauth-pill-primary {
  background: var(--eauth-primary);
  color: var(--eauth-on-primary);
}

#authModal .eauth-pill-primary:hover {
  background: var(--eauth-primary-hover);
  border-color: transparent;
  box-shadow: none;
}

#authModal .eauth-pill-outline {
  border-color: var(--eauth-line);
  background: transparent;
  color: var(--eauth-text);
}

#authModal .eauth-pill-outline:hover {
  background: var(--eauth-soft);
  border-color: var(--eauth-line);
  box-shadow: none;
}

#authModal .eauth-pill:disabled {
  opacity: 0.5;
  transform: none;
}

#authModal .eauth-mark {
  width: 18px;
  height: 18px;
  flex: none;
}

#authModal .eauth-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#authModal .eauth-form .eauth-pill {
  margin-top: 12px;
}

#authModal .eauth-field {
  position: relative;
  display: block;
  margin: 0;
}

#authModal .eauth-field input {
  display: block;
  width: 100%;
  height: 58px;
  min-height: 58px;
  margin: 0;
  padding: 22px 18px 6px;
  border: 1px solid transparent;
  border-radius: 16px;
  outline: none;
  background: var(--eauth-soft);
  color: var(--eauth-text);
  font-size: 16px;
  line-height: 1.25;
  box-shadow: none;
  transition: border-color 160ms ease;
}

#authModal .eauth-field-secret input {
  padding-right: 52px;
}

#authModal .eauth-field input:focus {
  border-color: color-mix(in srgb, var(--eauth-text) 55%, transparent);
  box-shadow: none;
}

#authModal .eauth-field input:-webkit-autofill {
  -webkit-text-fill-color: var(--eauth-text);
  box-shadow: 0 0 0 40px var(--eauth-soft) inset;
}

#authModal .eauth-field > span {
  position: absolute;
  top: 50%;
  left: 18px;
  color: var(--eauth-muted);
  font-size: 16px;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-50%);
  transform-origin: left center;
  transition: transform 180ms ease;
}

/* The label rests inside the field and shrinks to the top once it is used. */
#authModal .eauth-field input:focus + span,
#authModal .eauth-field input:not(:placeholder-shown) + span,
#authModal .eauth-field-date > span {
  transform: translateY(-20px) scale(0.78);
}

#authModal .eauth-reveal {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 36px;
  min-height: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--eauth-muted);
  box-shadow: none;
  transform: translateY(-50%);
}

#authModal .eauth-reveal:hover {
  background: transparent;
  color: var(--eauth-text);
  box-shadow: none;
}

#authModal .eauth-reveal:active {
  transform: translateY(-50%) scale(0.92);
}

#authModal .eauth-reveal svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#authModal .eauth-reveal.is-revealed svg {
  opacity: 0.55;
}

#authModal .eauth-status {
  margin: 4px 0 0;
  color: var(--eauth-muted);
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
}

#authModal .eauth-status:empty {
  display: none;
}

#authModal .eauth-switch {
  margin: 10px 0 0;
  color: var(--eauth-muted);
  font-size: 0.92rem;
  text-align: center;
}

#authModal .eauth-switch button {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--eauth-text);
  font-weight: 600;
  box-shadow: none;
}

#authModal .eauth-switch button:hover {
  background: transparent;
  text-decoration: underline;
  box-shadow: none;
}

#authModal .eauth-legal {
  margin: 28px 0 0;
  color: var(--eauth-muted);
  font-size: 0.8rem;
  line-height: 1.5;
  text-align: center;
}

#authModal .eauth-legal a {
  color: var(--eauth-text);
  text-decoration: none;
}

#authModal .eauth-legal a:hover {
  text-decoration: underline;
}

/* Phones: logo and title in the middle, buttons at the bottom, as on iOS. */
@media (max-width: 620px) {
  #authModal .eauth-column {
    min-height: calc(100dvh - 36px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    padding-top: 64px;
  }

  #authModal[data-auth-step="welcome"] .eauth-hero {
    flex: 1;
    justify-content: center;
  }

  #authModal[data-auth-step="welcome"] .eauth-legal {
    margin-top: 18px;
  }
}

@keyframes eauth-logo-in {
  from { opacity: 0; transform: scale(0.6); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes eauth-split-left {
  from { transform: translateX(108.5px); }
  to { transform: translateX(0); }
}

@keyframes eauth-split-right {
  from { transform: translateX(-108.5px); }
  to { transform: translateX(0); }
}

@keyframes eauth-breathe-left {
  from { transform: translateX(0); }
  to { transform: translateX(-15px); }
}

@keyframes eauth-breathe-right {
  from { transform: translateX(0); }
  to { transform: translateX(15px); }
}

@keyframes eauth-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes eauth-step {
  from { opacity: 0; transform: scale(0.985); }
  to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  #authModal *,
  #authModal *::before,
  #authModal *::after {
    animation: none !important;
    transition: none !important;
  }
}

#authModal .eauth-forgot {
  align-self: flex-end;
  min-height: 0;
  margin: -4px 2px 0 0;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: var(--eauth-text);
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: none;
}

#authModal .eauth-forgot:hover {
  background: transparent;
  text-decoration: underline;
  box-shadow: none;
}

/* Appearance: Light only for now; System and Dark are coming soon. */
.appearance-choice.is-coming-soon,
.appearance-choice.is-coming-soon:disabled {
  opacity: 1;
  cursor: default;
  color: var(--muted, #6e6e73);
}

.appearance-choice.is-coming-soon:hover {
  background: transparent;
  box-shadow: none;
}

.appearance-soon {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(31, 31, 33, 0.06);
  color: var(--muted, #6e6e73);
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
}

body.account-modal-open .appearance-choice.is-coming-soon .settings-control-copy {
  color: var(--muted, #6e6e73) !important;
}

/* Share dialog: email + Share, the result, then who has access with Remove. */
.share-dialog-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(17, 17, 19, 0.32);
  animation: share-dialog-fade 140ms ease-out;
}

.share-dialog {
  display: grid;
  gap: 12px;
  width: min(460px, 100%);
  max-height: min(640px, calc(100vh - 32px));
  overflow: auto;
  padding: 20px;
  border-radius: 20px;
  background: var(--panel, #fff);
  color: var(--ink, #37352f);
  box-shadow: 0 24px 70px rgba(31, 31, 33, 0.18);
}

.share-dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.share-dialog-head h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 650;
}

.share-dialog-close {
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted, #6e6e73);
  font-size: 1.3rem;
  line-height: 1;
  box-shadow: none;
}

.share-dialog-close:hover {
  background: rgba(31, 31, 33, 0.06);
  border-color: transparent;
}

.share-dialog-form {
  display: flex;
  gap: 8px;
}

.share-dialog-form input {
  flex: 1;
  min-width: 0;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--line-strong, rgba(31, 31, 33, 0.15));
  border-radius: 12px;
  background: var(--panel, #fff);
  color: inherit;
  font: inherit;
}

.share-dialog-form input:focus {
  outline: none;
  border-color: var(--blue, #2d67d4);
  box-shadow: 0 0 0 3px rgba(45, 103, 212, 0.14);
}

.share-dialog-submit,
.share-dialog-done {
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-weight: 600;
  box-shadow: none;
}

.share-dialog-submit:hover,
.share-dialog-done:hover {
  background: #2a2a2c;
  border-color: transparent;
}

.share-dialog-submit:disabled {
  opacity: 0.55;
}

.share-dialog-status {
  margin: 0;
  color: var(--muted, #6e6e73);
  font-size: 0.88rem;
  line-height: 1.4;
}

.share-dialog-status:empty {
  display: none;
}

.share-dialog-status.is-ok {
  color: var(--green, #207c37);
}

.share-dialog-status.is-error {
  color: #c0392b;
}

.share-dialog-people {
  display: grid;
  gap: 6px;
}

.share-people-empty {
  margin: 0;
  color: var(--muted, #6e6e73);
  font-size: 0.88rem;
}

.share-dialog-foot {
  display: flex;
  justify-content: flex-end;
}

@keyframes share-dialog-fade {
  from { opacity: 0; }
}

.share-people-title {
  margin: 0 0 2px;
  color: var(--muted, #6e6e73);
  font-size: 0.8rem;
  font-weight: 600;
}

.share-person {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 40px;
  padding: 4px 4px 4px 12px;
  border-radius: 12px;
  background: rgba(31, 31, 33, 0.04);
  font-size: 0.9rem;
}

.share-person span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.share-person-remove {
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #c0392b;
  font-size: 0.85rem;
  font-weight: 600;
  box-shadow: none;
}

.share-person-remove:hover {
  background: rgba(192, 57, 43, 0.08);
  border-color: transparent;
  box-shadow: none;
}

/* Class members dialog (class pages hide the project Members pane). */
.class-members {
  display: grid;
  gap: 14px;
  min-width: min(520px, calc(100vw - 80px));
}

.class-members-invite {
  justify-self: start;
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-weight: 600;
}

.class-members-invite:hover {
  background: #2a2a2c;
  border-color: transparent;
}

.class-members .project-member-row {
  grid-template-columns: minmax(0, 1fr) repeat(3, auto);
}

/* Phones: Home's sidebar becomes the top of the page, so the account button
   moves to the right of the Elthos logo: "Sign in" when signed out, the
   avatar when signed in. The bell and settings sit beside "Your workspace". */
@media (max-width: 760px) {
  body#elthosApp.home-view .sessions-panel {
    position: relative !important;
  }
  body#elthosApp.home-view .sessions-panel .home-account-card {
    display: flex !important;
    position: absolute !important;
    top: -4px;
    right: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    gap: 0 !important;
  }
  body#elthosApp.home-view .sessions-panel .home-account-card > span:not(.home-account-avatar) {
    display: none !important;
  }
  body#elthosApp.home-view .sessions-panel .home-account-card .home-account-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 15px !important;
  }
  body#elthosApp.home-view .sessions-panel .home-account-card.is-signed-out .home-account-avatar {
    display: none !important;
  }
  body#elthosApp.home-view .sessions-panel .home-account-card.is-signed-out > span:nth-child(2) {
    display: inline-flex !important;
    align-items: center;
    min-height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    background: #111;
    color: #fff;
  }
  body#elthosApp.home-view .sessions-panel .home-account-card.is-signed-out > span:nth-child(2) :is(small, em) {
    display: none !important;
  }
  body#elthosApp.home-view .sessions-panel .home-account-card.is-signed-out #homeAccountName {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }
  body#elthosApp.home-view .home-hero-panel {
    position: relative !important;
  }
  body#elthosApp.home-view .home-hero-actions {
    position: absolute !important;
    top: -8px;
    right: 0;
    width: auto !important;
  }
}

/* Session discussion: initials avatars for others, your own messages on the
   right, day dividers, and a message box pinned to the bottom. */
body#elthosApp.session-detail-view .session-workspace-main .tab-panel.discussion-panel.active {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100dvh - 260px) !important;
}
.discussion-thread {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 8px 0 18px;
}
.discussion-empty {
  margin: auto;
  padding: 48px 0;
  color: var(--muted, #6e6e73);
  font-size: 14px;
}
.discussion-day {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 22px 0 6px;
  color: var(--muted, #6e6e73);
  font-size: 12px;
  font-weight: 500;
}
.discussion-day::before,
.discussion-day::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line, rgba(31, 31, 33, 0.08));
}
.discussion-message {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-top: 14px;
  max-width: 100%;
}
.discussion-message.is-grouped {
  margin-top: 3px;
}
.discussion-message.is-mine {
  justify-content: flex-end;
}
.discussion-avatar {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: hsl(var(--avatar-hue, 220) 45% 92%);
  color: hsl(var(--avatar-hue, 220) 38% 30%);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.02em;
  align-self: flex-start;
  margin-top: 20px;
}
.discussion-message.is-grouped .discussion-avatar {
  visibility: hidden;
  margin-top: 0;
}
.discussion-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: min(560px, 78%);
}
.discussion-message.is-mine .discussion-body {
  align-items: flex-end;
}
.discussion-meta {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 4px 2px;
}
.discussion-meta strong {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink, #37352f);
}
.discussion-meta time,
.discussion-mine-time {
  font-size: 11.5px;
  color: var(--muted, #6e6e73);
}
.discussion-mine-time {
  margin: 4px 4px 0 0;
}
.discussion-bubble {
  padding: 9px 14px;
  border-radius: 18px 18px 18px 6px;
  background: #f1f1ee;
  color: var(--ink, #37352f);
  font-size: 15px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.discussion-message.is-mine .discussion-bubble {
  border-radius: 18px 18px 6px 18px;
  background: #111;
  color: #fff;
}
.discussion-message.is-pending .discussion-bubble {
  opacity: 0.6;
}
.discussion-delete {
  align-self: center;
  width: 26px;
  height: 26px;
  min-height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--muted, #6e6e73);
  font-size: 17px;
  line-height: 1;
  box-shadow: none;
  opacity: 0;
  transition: opacity 120ms ease;
}
.discussion-message.is-mine .discussion-delete {
  order: -1;
}
.discussion-message:hover .discussion-delete,
.discussion-delete:focus-visible {
  opacity: 1;
}
.discussion-delete:hover {
  background: rgba(31, 31, 33, 0.06);
  border-color: transparent;
}
.discussion-message.is-selected .discussion-delete {
  opacity: 1;
}
.discussion-status {
  margin: 0 0 8px;
  color: #b4232f;
  font-size: 13px;
}
.discussion-composer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-top: auto;
  padding: 8px 8px 8px 16px;
  border: 1px solid var(--line-strong, rgba(31, 31, 33, 0.15));
  border-radius: 24px;
  background: var(--panel, #fff);
  box-shadow: 0 6px 24px rgba(31, 31, 33, 0.06);
}
body#elthosApp .discussion-composer textarea#discussionInput,
body#elthosApp .discussion-composer textarea#projectDiscussionInput {
  flex: 1;
  width: auto !important;
  min-height: 24px !important;
  max-height: 160px;
  margin: 0 !important;
  padding: 6px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  resize: none;
  background: transparent !important;
  color: inherit;
  font: inherit;
  font-size: 15px;
  line-height: 1.45;
  box-shadow: none !important;
}
.discussion-composer button {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  min-height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #111;
  color: #fff;
  box-shadow: none;
}
.discussion-composer button:disabled {
  background: #d8d8d4;
  cursor: default;
}
.discussion-composer button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 620px) {
  body#elthosApp.session-detail-view .session-workspace-main .tab-panel.discussion-panel.active {
    min-height: calc(100dvh - 300px) !important;
  }
  /* The floating Ask Elthos button would cover the send button. */
  body#elthosApp.discussion-open .mobile-meeting-chat-launcher {
    display: none !important;
  }
  .discussion-body {
    max-width: 84%;
  }
}

/* Transcript turns (sessions, lectures and class pages): the speaker's name and
   time on one line, what they said below, with room between turns. */
body#elthosApp .transcript-turn {
  margin: 0 0 30px;
}
body#elthosApp .transcript-turn:last-child {
  margin-bottom: 8px;
}
body#elthosApp .transcript-turn-meta {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 8px;
}
body#elthosApp .transcript-turn-name {
  color: #56554f;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.005em;
}
body#elthosApp .transcript-turn-time {
  color: #a19f99;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
body#elthosApp .transcript-turn-text {
  margin: 0;
  color: #4b4a45;
  font-size: 17px;
  line-height: 1.75;
  white-space: normal;
}
body#elthosApp .transcript-turn-text .transcript-word {
  color: inherit;
  font-weight: 400;
}
body#elthosApp .transcript-turn-text .transcript-word:hover,
body#elthosApp .transcript-turn-text .transcript-word:focus-visible {
  background: #f2f1ed;
}
body#elthosApp .transcript-turn-text .transcript-word.active {
  background: #ebeae5;
  color: #2f2e2a;
  box-shadow: none;
}
body#elthosApp .transcript-turn-text .transcript-word.search-match:not(.active) {
  background: #fff1c2;
}
@media (max-width: 620px) {
  body#elthosApp .transcript-turn {
    margin-bottom: 24px;
  }
  body#elthosApp .transcript-turn-text {
    font-size: 16px;
    line-height: 1.7;
  }
}

/* "Add speaker names" sits beside Transcribe, in the same style, and opens the
   dialog that names each speaker once for the whole recording. */
body#elthosApp.session-detail-view .session-section-heading > #transcriptSpeakerButton {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: auto;
  min-width: 0;
  min-height: 34px;
  margin-left: auto;
  padding: 6px 12px;
  border: 1px solid var(--personal-line, var(--line-strong, rgba(31, 31, 33, 0.15)));
  border-radius: 7px;
  background: transparent;
  color: var(--personal-copy, var(--ink, #37352f));
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
  white-space: nowrap;
}
body#elthosApp.session-detail-view .session-section-heading > #transcriptSpeakerButton[hidden] {
  display: none;
}
body#elthosApp.session-detail-view .session-section-heading > #transcriptSpeakerButton:hover {
  background: #f2f1ed;
}
body#elthosApp.session-detail-view .session-section-heading > #transcriptSpeakerButton svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}
/* Phones: the title keeps its own row; the two buttons sit beneath it. */
@media (max-width: 620px) {
  body#elthosApp.session-detail-view #transcriptPanel .session-section-heading {
    flex-wrap: wrap !important;
    align-items: center !important;
    row-gap: 10px !important;
  }
  body#elthosApp.session-detail-view #transcriptPanel .session-section-heading > div {
    flex: 1 0 100% !important;
  }
  body#elthosApp.session-detail-view .session-section-heading > #transcriptSpeakerButton {
    margin-left: 0;
  }
}
/* Speaker names dialog: one calm row per speaker (a badge that becomes the
   person's initials, what they first said, a soft name field), Cancel and Save. */
body#elthosApp .speaker-names-dialog {
  width: min(460px, 100%);
  gap: 18px;
  padding: 22px 22px 18px;
  border-radius: 22px;
}
body#elthosApp .speaker-names-dialog .share-dialog-head h3 {
  font-size: 17px;
  font-weight: 650;
}
.speaker-names-list {
  display: grid;
  gap: 6px;
  max-height: min(60vh, 520px);
  overflow-y: auto;
  margin: 0 -4px;
  padding: 2px 4px;
}
.speaker-names-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 12px 0;
}
.speaker-names-row + .speaker-names-row {
  border-top: 1px solid var(--line, rgba(31, 31, 33, 0.08));
}
.speaker-names-badge {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  margin-top: 2px;
  border-radius: 50%;
  background: #f1f0ec;
  color: #4b4a45;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.02em;
}
.speaker-names-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
body#elthosApp .speaker-names-label {
  color: var(--ink, #37352f);
  font-size: 14px;
  font-weight: 600;
}
.speaker-names-sample {
  overflow: hidden;
  color: var(--muted, #6e6e73);
  font-size: 13px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body#elthosApp .speaker-names-row input {
  width: 100%;
  min-height: 42px;
  margin-top: 6px;
  padding: 0 14px;
  border: 1px solid #e6e5e0 !important;
  border-radius: 12px;
  background: #fafaf8 !important;
  color: var(--ink, #2f2e2a);
  font: inherit;
  font-size: 15px;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 120ms ease, background-color 120ms ease;
}
body#elthosApp .speaker-names-row input::placeholder {
  color: #a3a19b;
}
body#elthosApp .speaker-names-row input:hover {
  border-color: #d9d8d2 !important;
}
body#elthosApp .speaker-names-row input:focus,
body#elthosApp .speaker-names-row input:focus-visible {
  border-color: #2f2e2a !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}
.speaker-names-foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
body#elthosApp .speaker-names-foot button {
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
}
body#elthosApp .speaker-names-cancel {
  border: 0;
  background: transparent;
  color: var(--ink, #37352f);
}
body#elthosApp .speaker-names-cancel:hover {
  background: #f2f1ed;
}

/* Project discussion: the same thread as a session's, with @meeting chips and
   the meeting picker above the message box. */
body#elthosApp .project-detail-pane.project-discussion-pane.active {
  display: flex !important;
  flex-direction: column;
  min-height: calc(100dvh - 230px);
}
.discussion-composer-wrap {
  position: sticky;
  bottom: 0;
  margin-top: auto;
  padding-bottom: 6px;
  background: linear-gradient(to bottom, transparent, var(--panel, #fff) 30%);
}
.discussion-composer-wrap .discussion-composer {
  position: relative;
}
.discussion-mentions {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 5;
  display: grid;
  gap: 2px;
  max-height: 280px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid var(--line-strong, rgba(31, 31, 33, 0.15));
  border-radius: 16px;
  background: var(--panel, #fff);
  box-shadow: 0 16px 40px rgba(31, 31, 33, 0.12);
}
.discussion-mentions[hidden] {
  display: none;
}
body#elthosApp .discussion-mention-option {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ink, #37352f);
  text-align: left;
  box-shadow: none;
}
body#elthosApp .discussion-mention-option strong {
  min-width: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body#elthosApp .discussion-mention-option small {
  flex: 0 0 auto;
  color: var(--muted, #6e6e73);
  font-size: 12px;
}
body#elthosApp .discussion-mention-option.is-active,
body#elthosApp .discussion-mention-option:hover {
  background: #f2f1ed;
}
.discussion-mention-empty {
  margin: 0;
  padding: 10px 12px;
  color: var(--muted, #6e6e73);
  font-size: 13px;
}
body#elthosApp .discussion-mention {
  display: inline;
  min-height: 0;
  padding: 0 4px;
  border: 0;
  border-radius: 6px;
  background: rgba(45, 103, 212, 0.1);
  color: #1f4fae;
  font: inherit;
  font-weight: 600;
  box-shadow: none;
  cursor: pointer;
}
body#elthosApp .discussion-mention:hover {
  background: rgba(45, 103, 212, 0.18);
}
body#elthosApp .discussion-message.is-mine .discussion-mention {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

/* Voice update ("Where we are"): a mic button; while speaking, the same row
   becomes a live strip with the Elthos orb (a crisp blue sphere with white
   clouds drifting inside, swelling with the voice), so the fields stay in view. */
body#elthosApp .weekly-voice-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px 14px;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
}
body#elthosApp .weekly-voice-panel > p[data-voice-status] {
  margin: 0;
  color: var(--muted, #6e6e73);
  font-size: 13.5px;
  line-height: 1.45;
}
body#elthosApp .weekly-voice-panel > .weekly-voice-actions,
body#elthosApp .weekly-voice-panel > details,
body#elthosApp .weekly-voice-panel > .voice-live {
  grid-column: 1 / -1;
}
body#elthosApp .weekly-voice-panel .weekly-voice-actions:not(:has(button:not([hidden]))) {
  display: none;
}
/* While the strip is live it takes the mic's place. */
body#elthosApp .weekly-voice-panel:has(> .voice-live:not([hidden])) > :is(.voice-mic, p[data-voice-status]) {
  display: none;
}
body#elthosApp .voice-mic {
  width: 44px;
  height: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #111;
  color: #fff;
  box-shadow: none;
  cursor: pointer;
  transition: transform 140ms ease, background-color 140ms ease;
}
body#elthosApp .voice-mic:hover {
  transform: scale(1.05);
  background: #2a2a2c;
}
body#elthosApp .voice-mic:disabled {
  opacity: 0.5;
  transform: none;
  cursor: wait;
}
body#elthosApp .voice-mic svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
body#elthosApp .voice-live {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 10px 10px 12px;
  border: 1px solid var(--line, rgba(31, 31, 33, 0.08));
  border-radius: 999px;
  background: #f7f7f5;
  animation: voice-live-in 200ms ease-out;
}
body#elthosApp .voice-live[hidden] {
  display: none;
}
.voice-live-text {
  display: grid;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
body#elthosApp .voice-live-text strong {
  color: #2f2e2a;
  font-size: 14.5px;
  font-weight: 600;
}
body#elthosApp .voice-live-text > span {
  overflow: hidden;
  color: #8f8d87;
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body#elthosApp .voice-live-text [data-voice-time] {
  font-variant-numeric: tabular-nums;
}
.voice-live-controls {
  display: flex;
  gap: 8px;
}
body#elthosApp .voice-live-controls button {
  width: 40px;
  height: 40px;
  min-height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  cursor: pointer;
}
body#elthosApp .voice-live-controls button[hidden] {
  display: none;
}
body#elthosApp .voice-live-cancel {
  background: #ebeae6;
  color: #2f2e2a;
}
body#elthosApp .voice-live-cancel:hover {
  background: #e2e1dc;
}
body#elthosApp .voice-live-stop {
  background: #111;
  color: #fff;
}
body#elthosApp .voice-live-stop:hover {
  background: #2a2a2c;
}
body#elthosApp .voice-live-controls svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* The orb: the Elthos gradient (moss green to lavender) with soft white clouds drifting
   inside a clean edge; it swells with the voice and stirs faster while working. */
.voice-orb {
  --level: 1;
  position: relative;
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border-radius: 50%;
  /* Moss green → sage → grey-teal → lavender, the Elthos gradient. */
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0) 38%),
    linear-gradient(135deg, #46573f 0%, #6b8a6f 34%, #6c8a95 62%, #7c69bf 100%);
  box-shadow: inset 0 -5px 12px rgba(40, 44, 60, 0.32), inset 0 3px 8px rgba(255, 255, 255, 0.28), 0 6px 16px rgba(111, 113, 170, 0.28);
  scale: var(--level);
  transition: scale 90ms linear;
  isolation: isolate;
}
.voice-orb span {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.32) 58%, rgba(255, 255, 255, 0));
  filter: blur(2.5px);
  animation: voice-cloud-drift 7s ease-in-out infinite;
}
.voice-orb span:nth-child(1) {
  width: 92%;
  height: 58%;
  left: -16%;
  top: 50%;
}
.voice-orb span:nth-child(2) {
  width: 58%;
  height: 36%;
  left: 40%;
  top: 8%;
  opacity: 0.7;
  animation-duration: 9s;
  animation-direction: reverse;
}
.voice-orb span:nth-child(3) {
  width: 40%;
  height: 26%;
  left: 30%;
  top: 40%;
  opacity: 0.6;
  animation-duration: 11s;
}
.voice-orb::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 22%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 30%);
}
.voice-orb.is-thinking {
  animation: voice-orb-pulse 1.6s ease-in-out infinite;
}
.voice-orb.is-thinking span {
  animation-duration: 2.6s;
}
@keyframes voice-live-in {
  from { opacity: 0; transform: translateY(4px); }
}
@keyframes voice-cloud-drift {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  50% { translate: 8% -9%; rotate: 18deg; }
}
@keyframes voice-orb-pulse {
  0%, 100% { scale: 0.94; }
  50% { scale: 1.06; }
}
@media (prefers-reduced-motion: reduce) {
  .voice-orb span,
  .voice-orb.is-thinking {
    animation: none;
  }
}

/* Out-of-usage popup */
.usage-limit-dialog {
  width: min(380px, calc(100vw - 32px));
  margin: auto;
  padding: 30px 24px 18px;
  border: 0;
  border-radius: 24px;
  background: #ffffff;
  color: #1f1f1d;
  text-align: center;
  box-shadow: 0 24px 64px rgba(20, 20, 18, 0.22), 0 0 0 1px rgba(20, 20, 18, 0.06);
}
.usage-limit-dialog[open] {
  animation: usage-limit-in 0.2s ease-out;
}
.usage-limit-dialog::backdrop {
  background: rgba(24, 24, 22, 0.42);
  backdrop-filter: blur(3px);
}
.usage-limit-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #6b6a66;
  cursor: pointer;
}
.usage-limit-close:hover {
  background: #f1f0ed;
}
.usage-limit-close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
.usage-limit-orb {
  width: 44px;
  height: 44px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 42%),
    linear-gradient(135deg, #46573f 0%, #6b8a6f 34%, #6c8a95 62%, #7c69bf 100%);
  box-shadow: 0 6px 18px rgba(108, 105, 191, 0.28);
}
.usage-limit-dialog h2 {
  margin: 0 0 18px;
  font-size: 1.2rem;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: inherit;
}
.usage-limit-meter {
  margin: 0 0 20px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #f6f5f2;
  text-align: left;
}
.usage-limit-meter > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.9rem;
}
.usage-limit-meter span {
  color: #4c4944;
}
.usage-limit-meter strong {
  font-weight: 600;
  color: #b4412f;
}
.usage-limit-bar {
  height: 6px;
  margin: 10px 0 8px;
  border-radius: 999px;
  background: #e7e5e0;
  overflow: hidden;
}
.usage-limit-bar span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #d0573f;
}
.usage-limit-meter small {
  display: block;
  font-size: 0.8rem;
  color: #7a7873;
}
.usage-limit-actions {
  display: grid;
  gap: 8px;
}
.usage-limit-actions button {
  width: 100%;
  min-height: 46px;
  border-radius: 999px;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
}
.usage-limit-primary {
  border: 0;
  background: #1f1f1d;
  color: #ffffff;
}
.usage-limit-primary:hover {
  background: #000000;
}
.usage-limit-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #dedcd6;
  background: #ffffff;
  color: #1f1f1d;
}
.usage-limit-secondary:disabled {
  cursor: default;
  color: #8c8a85;
}
.usage-limit-secondary em {
  padding: 2px 8px;
  border-radius: 999px;
  background: #efeee9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 600;
  color: #6b6a66;
}
.usage-limit-text {
  min-height: 40px;
  border: 0;
  background: transparent;
  color: #6b6a66;
}
.usage-limit-text:hover {
  color: #1f1f1d;
}
@keyframes usage-limit-in {
  from { opacity: 0; transform: translateY(6px) scale(0.98); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .usage-limit-dialog[open] {
    animation: none;
  }
}

/* A recording cut when the plan ran out: what is missing and "Transcribe the rest" */
.untranscribed-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 14px;
  padding: 12px 14px 12px 16px;
  border: 1px solid #ece4d3;
  border-radius: 14px;
  background: #faf6ec;
  color: #37352f;
}
.untranscribed-notice > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.untranscribed-notice strong {
  font-size: 0.95rem;
  font-weight: 600;
}
.untranscribed-notice span {
  font-size: 0.85rem;
  color: #6b6a66;
}
.untranscribed-notice button {
  flex: none;
  min-height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: #1f1f1d;
  color: #ffffff;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
}
.untranscribed-notice button:disabled {
  opacity: 0.55;
  cursor: default;
}
.personal-lecture .untranscribed-notice {
  margin: 0 0 20px;
}
@media (max-width: 560px) {
  .untranscribed-notice {
    flex-direction: column;
    align-items: stretch;
  }
  .untranscribed-notice button {
    min-height: 42px;
  }
}
.usage-limit-note {
  margin: -8px 0 16px;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #6b6a66;
}