:root {
  color-scheme: light;
  --paper: #fff3ea;
  --paper-soft: #fff9f3;
  --surface: #ffffff;
  --ink: #171717;
  --ink-soft: #475569;
  --muted: #706b64;
  --blue: #0a2c5e;
  --blue-deep: #071f45;
  --blue-soft: #123d73;
  --orange: #ff7a1a;
  --orange-dark: #c94f00;
  --green: #1f7a4d;
  --red: #9f2f2f;
  --line: #dedbd4;
  --line-blue: rgba(10, 44, 94, 0.28);
  --line-blue-soft: rgba(10, 44, 94, 0.14);
  --line-orange: rgba(201, 79, 0, 0.42);
  --line-orange-soft: rgba(201, 79, 0, 0.22);
  --control-bg: rgba(255, 255, 255, 0.62);
  --control-bg-hover: rgba(255, 255, 255, 0.88);
  --control-border: rgba(10, 44, 94, 0.18);
  --control-border-hover: rgba(10, 44, 94, 0.32);
  --control-primary: var(--blue);
  --control-primary-hover: var(--blue-soft);
  --control-focus: 0 0 0 3px rgba(255, 122, 26, 0.14);
  --shadow: 0 24px 70px rgba(10, 44, 94, 0.09);
  --radius: 4px;
  --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: "Libre Caslon Display", Georgia, "Times New Roman", serif;
  --font-brand: Cambria, Georgia, "Times New Roman", serif;
}

/* S24 r18: keep both desktop resize handles above pane content for repeatable two-way dragging. */
@media (min-width: 1181px) {
  .workspace-pane-resizer {
    z-index: 240 !important;
    width: 24px !important;
    pointer-events: auto !important;
    touch-action: none !important;
    cursor: col-resize !important;
  }

  body.workspace-resizing .workspace-index,
  body.workspace-resizing .workspace-display,
  body.workspace-resizing .workspace-intelligence {
    pointer-events: none !important;
  }

  body.workspace-resizing .workspace-pane-resizer {
    pointer-events: auto !important;
  }
}

/* S24 r21: global pane controls stay together in the top-right utility area. */
.workspace-pane-controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(10, 44, 94, 0.16);
}

.intelligence-live-empty {
  display: grid;
  gap: 6px;
  margin: 14px 14px 0;
  padding: 18px 16px;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 4px;
  color: #64748b;
  background: transparent;
}

.intelligence-live-empty strong {
  color: #0a2c5e;
  font-size: 13px;
}

.intelligence-live-empty span {
  font-size: 12px;
}

/* Empty inspector must remain genuinely empty until a realtime event arrives. */
.workspace-intelligence .intelligence-live-empty[hidden],
.workspace-intelligence [data-intel-deferred][hidden] {
  display: none !important;
}

/* S24 r27: right inspector keeps only the clean Output and Sources surface. */
.workspace-intelligence .intelligence-scroll > .right-memory-rail,
.workspace-intelligence .intelligence-scroll > .context-card,
.workspace-intelligence .intelligence-scroll > [data-intel-deferred] {
  display: none !important;
}

.workspace-intelligence .intelligence-heading,
.workspace-intelligence .intelligence-live-empty,
.workspace-intelligence > .service-actions {
  display: none !important;
}

.right-clean-surface {
  display: grid;
  gap: 1px;
  margin: 14px 14px 0;
  padding: 0;
  background: rgba(10, 44, 94, 0.12);
  border: 1px solid rgba(10, 44, 94, 0.12);
  border-radius: 4px;
  overflow: hidden;
}

.right-clean-card {
  display: grid;
  gap: 8px;
  min-height: 52px;
  padding: 12px;
  background: #fff3ea;
}

.right-clean-card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0a2c5e;
  font-size: 13px;
}

.right-clean-card-heading button {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #475569;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.right-clean-placeholder,
.right-clean-card p {
  display: none !important;
}

.right-clean-card p:not([hidden]) {
  color: #0a2c5e;
}

.workspace-top-pane-toggle {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(10, 44, 94, 0.2);
  border-radius: 4px;
  background: transparent;
  color: #0a2c5e;
  cursor: pointer;
}

.workspace-top-pane-toggle:hover,
.workspace-top-pane-toggle:focus-visible {
  background: rgba(255, 122, 26, 0.12);
  border-color: #ff7a1a;
}

@media (max-width: 760px) {
  .workspace-pane-controls { margin-left: 2px; padding-left: 4px; gap: 2px; }
  .workspace-top-pane-toggle { width: 26px; height: 26px; }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-ui);
  letter-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

[hidden] {
  display: none !important;
}

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

.site-shell,
.workspace-shell,
.auth-page {
  min-width: 320px;
}

.topbar,
.workspace-topbar {
  position: sticky;
  z-index: 10;
  top: 0;
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 2.4vw, 34px);
  border-bottom: 1px solid var(--line-blue);
  padding: 0 clamp(22px, 5vw, 88px);
  background: rgba(255, 243, 234, 0.94);
  backdrop-filter: blur(14px);
}

.public-header {
  position: fixed;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: minmax(176px, auto) minmax(0, 1fr) auto;
  height: 70px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--blue);
  font-weight: 800;
}

.brand-mark {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--line-orange);
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

.brand-word {
  font-family: var(--font-brand);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.desktop-nav {
  display: flex;
  justify-content: center;
  gap: clamp(18px, 2.25vw, 30px);
  color: #494641;
  font-size: 13px;
  font-weight: 600;
}

.desktop-nav a {
  display: inline-flex;
  min-height: 70px;
  align-items: center;
  border-bottom: 2px solid transparent;
}

.desktop-nav a:hover {
  border-color: var(--orange);
  color: var(--blue);
}

.nav-actions,
.form-actions,
.workspace-status {
  display: flex;
  align-items: center;
  gap: 10px;
}

.button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--radius);
  padding: 0 17px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

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

.button:focus-visible,
.pm-login-button:focus-visible,
.pm-social:focus-visible,
.quick-login button:focus-visible,
.tab:focus-visible,
.message-actions button:focus-visible,
.compact-intel-card button:focus-visible,
.intelligence-card-title button:focus-visible,
.intelligence-heading button:focus-visible,
.composer-add:focus-visible,
.composer-send:focus-visible,
.service-actions:focus-visible,
.plan-toggle button:focus-visible,
.billing-toggle button:focus-visible {
  outline: 0;
  box-shadow: var(--control-focus);
}

.button-primary,
.button-secondary {
  border-color: rgba(255, 122, 26, 0.56);
  background: var(--control-primary);
  color: #fff;
}

.button-primary:hover,
.button-secondary:hover {
  border-color: rgba(255, 122, 26, 0.72);
  background: var(--control-primary-hover);
}

.button-outline,
.button-member {
  border-color: var(--control-border);
  background: var(--control-bg);
  color: var(--blue);
}

.button-member {
  min-height: 34px;
  gap: 7px;
  border-color: rgba(10, 44, 94, 0.16);
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.42);
  color: rgba(10, 44, 94, 0.72);
  font-size: 12px;
  font-weight: 750;
  box-shadow: none;
}

.button-member:hover {
  border-color: rgba(10, 44, 94, 0.28);
  background: rgba(255, 255, 255, 0.66);
  color: var(--blue);
}

.member-badge {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: var(--radius);
  background: rgba(10, 44, 94, 0.78);
  color: #fff;
  font-size: 7px;
  font-weight: 900;
}

.full-width {
  width: 100%;
}

.eyebrow {
  margin: 0 0 14px;
  color: #1c4e80;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.pm-hero-login {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(370px, 0.82fr);
  min-height: 100svh;
  padding-top: 70px;
}

.pm-hero-copy {
  display: grid;
  align-content: center;
  justify-items: start;
  padding: clamp(34px, 5.6vh, 56px) clamp(30px, 7vw, 112px) clamp(30px, 5vh, 48px);
  padding-right: clamp(24px, 4.2vw, 64px);
}

.pm-hero-copy h1,
.auth-copy h1 {
  max-width: 760px;
  margin: 0 0 24px;
  color: #151515;
  font-family: var(--font-display);
  font-size: clamp(50px, 4.9vw, 76px);
  font-weight: 400;
  line-height: 1.06;
}

.hero-lede {
  max-width: 580px;
  margin-bottom: 26px;
  color: #1d1a17;
  font-size: 17px;
  line-height: 1.5;
}

.ad-points {
  display: grid;
  gap: 10px;
  width: min(500px, 100%);
}

.ad-points span,
.accent-row {
  display: flex;
  min-height: 38px;
  align-items: center;
  border-left: 3px solid var(--orange);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.48);
  color: var(--blue);
  font-size: 15px;
  font-weight: 800;
}

.pm-hero-auth {
  display: grid;
  align-items: center;
  justify-items: center;
  border-left: 1px solid var(--line-blue);
  padding: clamp(26px, 4.6vh, 42px) clamp(24px, 5.2vw, 76px) clamp(24px, 4.5vh, 38px);
}

.pm-auth-card,
.login-panel,
.access-panel {
  width: min(414px, 100%);
  border: 1px solid rgba(10, 44, 94, 0.66);
  border-radius: var(--radius);
  padding: 26px 32px 20px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: var(--shadow);
}

.pm-auth-logo {
  display: grid;
  width: 38px;
  height: 38px;
  margin: 0 auto 12px;
  place-items: center;
  border: 1px solid var(--orange);
  border-radius: var(--radius);
  background: var(--blue);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.pm-auth-heading {
  display: grid;
  justify-items: center;
  margin-bottom: 12px;
  text-align: center;
}

.pm-auth-heading h2,
.login-panel h2,
.access-panel h2 {
  margin: 0 0 6px;
  color: var(--blue);
  font-family: var(--font-display);
  font-size: clamp(28px, 2.35vw, 34px);
  font-weight: 400;
  line-height: 1.06;
}

.pm-auth-heading p,
.pm-auth-footer p,
.login-help,
.agreement,
.boundary-note {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.pm-auth-fields,
.login-form,
.access-form {
  display: grid;
  gap: 8px;
}

.pm-auth-fields label,
.login-form label,
.field-row label,
.goal-panel label {
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
}

.pm-input-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  min-height: 42px;
  border: 1px solid var(--orange);
  border-radius: var(--radius);
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.96);
}

.pm-input-action {
  position: relative;
  padding-right: 48px;
}

.pm-input-icon {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  color: var(--blue);
}

.pm-input-icon svg,
.pm-password-toggle svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pm-input-icon svg {
  stroke-width: 2;
}

.pm-input-row input {
  width: 100%;
  min-width: 0;
  height: auto;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: var(--blue-deep);
  font-size: 14px;
  outline: none;
}

.pm-input-row:focus-within,
input:focus,
textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(255, 122, 26, 0.18);
}

.pm-password-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  transform: translateY(-50%);
}

.pm-password-toggle svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.8;
}

.pm-eye-closed,
.pm-password-toggle[aria-pressed="true"] .pm-eye-open {
  display: none;
}

.pm-password-toggle[aria-pressed="true"] .pm-eye-closed {
  display: block;
}

.pm-forgot-link,
.text-button,
.inline-link {
  width: fit-content;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pm-login-button {
  display: grid;
  width: 100%;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 122, 26, 0.56);
  border-radius: var(--radius);
  margin-top: 5px;
  background: var(--control-primary);
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.pm-login-button:hover {
  border-color: rgba(255, 122, 26, 0.72);
  background: var(--control-primary-hover);
  transform: translateY(-1px);
}

.pm-login-button:disabled,
.button:disabled {
  cursor: wait;
  opacity: 0.72;
  transform: none;
}

.pm-auth-status {
  min-height: 0;
  border: 1px solid var(--line-blue-soft);
  border-radius: var(--radius);
  padding: 7px 10px;
  background: rgba(255, 250, 245, 0.92);
  color: var(--ink-soft);
  font-size: 12px;
  line-height: 1.4;
}

.pm-auth-status[data-status-tone="loading"] {
  border-color: rgba(10, 44, 94, 0.22);
  background: rgba(238, 245, 255, 0.92);
  color: var(--blue);
}

.pm-auth-status[data-status-tone="success"] {
  border-color: rgba(31, 122, 77, 0.28);
  background: rgba(31, 122, 77, 0.08);
  color: var(--green);
}

.pm-auth-status[data-status-tone="error"] {
  border-color: rgba(159, 47, 47, 0.28);
  background: rgba(159, 47, 47, 0.07);
  color: var(--red);
}

.pm-auth-options,
.quick-login,
.account-row,
.field-row,
.login-links {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pm-auth-options {
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
  color: var(--ink);
  font-size: 13px;
}

.pm-auth-options a {
  color: var(--blue);
  font-weight: 700;
}

.pm-auth-options i {
  display: block;
  width: 1px;
  height: 18px;
  background: var(--line-orange-soft);
}

.pm-social {
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid transparent;
  border-radius: var(--radius);
  padding: 0;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease;
}

.pm-social:hover {
  border-color: var(--control-border);
  background: var(--control-bg);
}

.pm-social svg {
  width: 19px;
  height: 19px;
}

.pm-github svg {
  fill: #a9a9ac;
}

.pm-auth-footer {
  display: grid;
  justify-items: center;
  gap: 5px;
  margin-top: 12px;
  text-align: center;
}

.signed-in-card {
  display: grid;
  gap: 16px;
}

.auth-success-mark {
  background: var(--green);
}

.signed-in-summary,
.session-metrics {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: var(--radius);
  background: rgba(10, 44, 94, 0.12);
}

.signed-in-summary div,
.session-metrics div {
  display: grid;
  grid-template-columns: minmax(82px, 0.45fr) minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.88);
}

.signed-in-summary dt,
.session-metrics dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.signed-in-summary dd,
.session-metrics dd {
  min-width: 0;
  margin: 0;
  color: var(--blue);
  font-size: 13px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

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

.signed-in-actions .full-width {
  grid-column: 1 / -1;
}

.auth-stepper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: var(--radius);
  margin: 0 0 14px;
  padding: 0;
  background: rgba(10, 44, 94, 0.12);
  list-style: none;
}

.auth-stepper li {
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  padding: 10px 6px;
  background: rgba(255, 255, 255, 0.82);
  color: rgba(10, 44, 94, 0.52);
  font-size: 11px;
  text-align: center;
}

.auth-stepper span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(10, 44, 94, 0.18);
  border-radius: 999px;
  background: #fff;
  font-weight: 900;
}

.auth-stepper strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-stepper li.active {
  background: rgba(255, 122, 26, 0.1);
  color: var(--blue);
}

.auth-stepper li.active span {
  border-color: var(--orange);
  background: var(--blue);
  color: #fff;
}

.auth-stepper li.done {
  color: var(--green);
}

.auth-stepper li.done span {
  border-color: rgba(31, 122, 77, 0.35);
  background: rgba(31, 122, 77, 0.1);
  color: var(--green);
}

.verification-heading {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(31, 122, 77, 0.2);
  border-radius: var(--radius);
  padding: 12px;
  background: rgba(31, 122, 77, 0.055);
}

.verification-heading p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.45;
}

.summary-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid var(--line-blue);
  border-bottom: 1px solid var(--line-blue);
  background: var(--line-blue);
}

.summary-band article {
  min-width: 0;
  padding: 38px clamp(20px, 4vw, 70px);
  background: #fff;
}

.summary-band span {
  display: inline-flex;
  margin-bottom: 18px;
  color: var(--orange);
  font-size: 13px;
  font-weight: 900;
}

.summary-band h2,
.audience-section h2,
.trust-section h2,
.contact-section h2,
.plans-heading h2,
.faq-section h2,
.workspace-title h1,
.tab-panel h2,
.panel-heading h2 {
  margin-bottom: 14px;
  color: var(--blue);
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1.12;
}

.summary-band h2,
.audience-section h2,
.trust-section h2,
.contact-section h2,
.plans-heading h2,
.faq-section h2 {
  font-size: clamp(28px, 3vw, 44px);
}

.summary-band p,
.audience-section p,
.trust-section p,
.plan-disclaimer,
.plan-subtitle,
.plan-note,
.plan-card li,
.section-heading p,
.teaser-copy p,
.footer,
.product-surface {
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.65;
}

.audience-section,
.trust-section,
.contact-section,
.plans-section,
.faq-section {
  padding: 78px clamp(20px, 6vw, 112px);
  border-bottom: 1px solid var(--line-blue);
}

.audience-section {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.7fr);
  gap: clamp(36px, 8vw, 110px);
  background: var(--paper);
}

.plans-section,
.faq-section {
  background: #fff7ee;
}

.plans-heading,
.contact-section {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.plans-heading {
  margin-bottom: 10px;
}

.plans-heading-copy {
  max-width: 680px;
}

.plans-heading-copy h2 {
  margin-bottom: 8px;
}

.plans-heading-copy h2 span {
  display: block;
}

.plans-title-english {
  margin-top: 4px;
  color: var(--blue);
  font-family: var(--font-serif);
  font-size: clamp(30px, 4vw, 56px);
  font-weight: 500;
  line-height: 1.02;
}

.plans-heading-copy p {
  margin: 0;
  max-width: 620px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.55;
}

.plans-kicker {
  margin: 0 0 8px;
  color: var(--orange-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.plan-toggle {
  align-self: flex-end;
  display: inline-flex;
  border: 1px solid var(--control-border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--control-bg);
  transform: translateY(2px);
}

.billing-selector-row {
  display: flex;
  justify-content: center;
  margin: 4px 0 12px;
}

.billing-toggle {
  display: inline-flex;
  border: 1px solid var(--control-border);
  border-radius: var(--radius);
  overflow: hidden;
  background: transparent;
}

.billing-toggle button {
  min-height: 34px;
  min-width: 96px;
  border: 0;
  border-right: 1px solid var(--control-border);
  padding: 0 18px;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.billing-toggle button:last-child {
  border-right: 0;
}

.billing-toggle button.active {
  background: var(--control-bg-hover);
  color: var(--blue);
}

.billing-toggle button[data-billing-cycle-target="monthly"].active {
  background: var(--control-bg-hover);
  color: var(--blue);
  box-shadow: none;
}

.plan-selector-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 14px;
}

.plan-current-group-label {
  margin: 0;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.plan-selector-row .plan-toggle {
  transform: none;
}

.plan-toggle button {
  min-height: 38px;
  border: 0;
  border-right: 1px solid var(--control-border);
  padding: 0 16px;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.plan-toggle button:last-child {
  border-right: 0;
}

.plan-toggle button.active {
  border-color: rgba(255, 122, 26, 0.56);
  background: var(--control-primary);
  color: #fff;
}

.plan-toggle button:not(.active):hover,
.billing-toggle button:not(.active):hover {
  background: var(--control-bg-hover);
}

.plan-group-panels {
  display: grid;
  gap: 14px;
}

.plan-group-panel {
  display: grid;
  gap: 12px;
}

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

.plan-carousel {
  display: grid;
  gap: 12px;
}

.plan-carousel-window {
  position: relative;
  display: block;
}

.plan-carousel.is-full-row .plan-carousel-window {
  display: block;
}

.plan-carousel-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: grid;
  place-items: center;
  width: 32px;
  height: 52px;
  min-height: 0;
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.44);
  color: rgba(10, 44, 94, 0.72);
  cursor: pointer;
  line-height: 1;
  transform: translateY(-50%);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    opacity 160ms ease;
}

.plan-carousel-arrow[data-plan-carousel-prev] {
  left: 10px;
}

.plan-carousel-arrow[data-plan-carousel-next] {
  right: 10px;
}

.plan-carousel-icon {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.plan-carousel-arrow:hover,
.plan-carousel-arrow:focus-visible {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(255, 123, 42, 0.34);
  color: var(--blue);
}

.plan-carousel-arrow:disabled {
  opacity: 0.22;
  cursor: default;
}

.plan-carousel-arrow:disabled:hover {
  background: rgba(255, 255, 255, 0.44);
  border-color: transparent;
  color: var(--blue);
}

.plan-carousel-dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  min-height: 12px;
}

.plan-carousel-dot {
  width: 6px;
  height: 6px;
  border: 1px solid rgba(10, 44, 94, 0.26);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

.plan-carousel-dot.active {
  width: 18px;
  background: rgba(10, 44, 94, 0.72);
  border-color: rgba(10, 44, 94, 0.72);
}

.plan-group-summary {
  display: none;
}

.plan-group-summary p,
.plan-group-summary span {
  margin: 0;
}

.plan-group-summary p {
  color: var(--blue);
  text-transform: uppercase;
}

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

.plan-carousel .plan-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plan-grid .plan-card[hidden] {
  display: none;
}

.plan-card {
  display: grid;
  align-content: start;
  min-height: 410px;
  padding: 26px;
  border: 1px solid rgba(10, 44, 94, 0.2);
  background: rgba(255, 252, 247, 0.72);
  outline: 0;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.plan-card:hover,
.plan-card:focus-visible {
  border-color: rgba(255, 123, 42, 0.38);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 38px rgba(10, 44, 94, 0.08);
  transform: translateY(-2px);
}

.plan-card-heading {
  display: grid;
  gap: 10px;
  min-height: 164px;
  align-content: start;
  border-bottom: 1px solid rgba(10, 44, 94, 0.12);
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.plan-kicker {
  margin: 0;
  color: rgba(10, 44, 94, 0.54);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.plan-card h3 {
  margin: 0;
  color: var(--blue);
  font-family: var(--font-display);
  font-size: clamp(28px, 2.45vw, 36px);
  font-weight: 400;
  line-height: 1;
}

.plan-price {
  margin: 0 0 6px;
  color: var(--blue);
  font-size: 17px;
  font-weight: 850;
}

.plan-card .button {
  width: fit-content;
  margin: 22px 0 8px;
}

.plan-card ul {
  display: grid;
  gap: 11px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.plan-card li {
  position: relative;
  padding-left: 18px;
}

.plan-card li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 123, 42, 0.58);
}

.plan-disclaimer {
  max-width: 980px;
  margin: 24px 0 0;
}

.trust-section {
  background: var(--blue);
}

.trust-section .eyebrow,
.trust-section h2,
.trust-section p {
  color: #fff;
}

.trust-section p {
  max-width: 940px;
  color: rgba(255, 255, 255, 0.78);
}

.faq-list {
  display: grid;
  gap: 1px;
  border: 1px solid var(--line-blue);
  background: var(--line-blue);
}

.faq-list button {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 0;
  padding: 0 20px;
  background: var(--control-bg-hover);
  color: var(--ink);
  cursor: default;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.faq-list button:hover {
  color: var(--blue);
}

.contact-section {
  background: var(--paper);
}

.contact-section h2 {
  margin: 0;
}

.site-footer,
.footer {
  display: grid;
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1fr);
  gap: 64px;
  padding: 70px clamp(20px, 6vw, 112px);
  background: var(--blue);
  color: #fff;
}

.site-footer .brand,
.footer .brand {
  color: #fff;
}

.footer-brand {
  display: grid;
  align-content: space-between;
  min-height: 284px;
}

.footer-brand p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
}

.footer-grid,
.footer-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 46px;
}

.footer-grid div {
  display: grid;
  align-content: start;
  gap: 12px;
}

.footer-grid h3 {
  margin: 0 0 4px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
}

.footer-grid a,
.footer-links a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

input,
textarea {
  width: 100%;
  border: 1px solid var(--line-orange);
  border-radius: var(--radius);
  background: #fff;
  color: var(--ink);
  outline: none;
}

input {
  height: 48px;
  padding: 0 14px;
}

textarea {
  min-height: 150px;
  resize: vertical;
  padding: 16px;
  line-height: 1.5;
}

.auth-page {
  min-height: 100vh;
  background:
    linear-gradient(90deg, transparent 0 calc(50% - 1px), rgba(10, 44, 94, 0.14) calc(50% - 1px) 50%, transparent 50%),
    var(--paper);
}

.auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 448px);
  gap: clamp(48px, 12vw, 170px);
  min-height: 100vh;
  align-items: center;
  padding: 72px 8vw;
}

.clean-auth-layout {
  align-items: center;
}

.auth-copy {
  display: grid;
  gap: 24px;
}

.auth-copy .brand {
  margin-bottom: 32px;
}

.auth-copy p:not(.eyebrow) {
  max-width: 560px;
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.5;
}

.auth-points {
  margin-top: 6px;
}

.auth-entry-card {
  justify-self: center;
}

.auth-entry-card .pm-auth-status {
  margin: 0;
}

.register-page .auth-layout {
  display: grid;
  grid-template-columns: minmax(420px, 0.96fr) minmax(360px, 440px);
  gap: clamp(40px, 8vw, 128px);
  width: min(1180px, calc(100% - 48px));
  min-height: 100svh;
  margin: 0 auto;
  align-items: center;
  padding: clamp(28px, 5vh, 64px) 0;
}

.register-page .auth-copy {
  align-self: center;
  gap: 18px;
}

.register-page .auth-copy .brand {
  margin-bottom: 18px;
}

.register-page .auth-copy h1 {
  max-width: 620px;
  margin-bottom: 16px;
  font-size: clamp(48px, 4.4vw, 68px);
}

.register-page .auth-copy p:not(.eyebrow) {
  max-width: 620px;
  font-size: 16px;
}

.register-page .auth-points {
  width: min(480px, 100%);
}

.register-page .auth-entry-card {
  width: min(430px, 100%);
  justify-self: end;
  align-self: center;
}

.register-page .pm-auth-fields + .pm-auth-fields {
  margin-top: 14px;
  border-top: 1px solid rgba(10, 44, 94, 0.12);
  padding-top: 14px;
}

.login-panel {
  display: grid;
  gap: 16px;
  margin: 0;
}

.login-subtitle {
  margin-bottom: 10px;
  color: var(--ink);
  font-weight: 700;
}

.quick-login {
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 13px;
}

.quick-login button {
  min-height: 34px;
  border: 1px solid var(--control-border);
  border-radius: var(--radius);
  padding: 0 12px;
  background: var(--control-bg);
  color: var(--blue);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.quick-login button:hover {
  border-color: var(--control-border-hover);
  background: var(--control-bg-hover);
  transform: translateY(-1px);
}

.member-layout {
  display: grid;
  gap: 24px;
  padding: 24px;
}

.member-layout-v2 {
  max-width: 1500px;
  margin: 0 auto;
  padding: 24px clamp(18px, 4vw, 42px) 56px;
}

.member-command {
  border-color: var(--line-blue);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.94), rgba(255, 249, 243, 0.88)),
    #fff;
}

.member-overview {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
}

.member-plan-grid {
  border-color: var(--line-blue);
}

.member-boundary-panel {
  border-color: var(--line-blue);
}

.account-guidance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.account-guidance-grid article {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  border: 1px solid rgba(10, 44, 94, 0.18);
  border-radius: var(--radius);
  padding: 18px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 14px 38px rgba(10, 44, 94, 0.045);
}

.account-guidance-grid h2 {
  margin: 0;
  color: var(--blue);
  font-family: var(--font-display);
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 400;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.account-guidance-grid p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.55;
}

.member-grid {
  padding: 0;
}

.workspace-shell {
  min-height: 100vh;
  background: linear-gradient(180deg, rgba(255, 249, 243, 0.84), rgba(255, 243, 234, 0.95));
}

.workspace-topbar {
  min-height: 74px;
  gap: 24px;
  padding-inline: 28px;
}

.status-badge {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border: 1px solid var(--control-border);
  border-radius: 999px;
  padding: 0 10px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.status-badge.muted {
  background: rgba(255, 255, 255, 0.46);
  color: var(--muted);
}

.workspace-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr) 360px;
  gap: 22px;
  min-height: calc(100vh - 74px);
  padding: 22px;
}

.workspace-layout-v2 {
  grid-template-columns: 238px minmax(0, 1fr) 372px;
  align-items: start;
}

.workspace-sidebar,
.workspace-title,
.goal-panel,
.workspace-tabs,
.panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.workspace-sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px;
}

.workspace-sidebar nav {
  display: grid;
  gap: 6px;
}

.workspace-sidebar a {
  display: flex;
  min-height: 42px;
  align-items: center;
  border-radius: var(--radius);
  padding: 0 12px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.workspace-sidebar a.active,
.workspace-sidebar a:hover {
  background: var(--blue);
  color: #fff;
}

.sidebar-note {
  border-left: 3px solid var(--orange);
  padding: 12px 0 0 12px;
}

.sidebar-note p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.workspace-main,
.workspace-right {
  display: grid;
  align-content: start;
  gap: 18px;
  min-width: 0;
}

.workspace-title {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 30px;
}

.workspace-command {
  border-color: var(--line-blue);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 249, 243, 0.86)),
    #fff;
}

.workspace-title h1 {
  max-width: 730px;
  margin: 0;
  font-size: clamp(38px, 5vw, 58px);
}

.workspace-lede {
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.58;
}

.boundary-stack {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 190px;
}

.boundary-stack span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: var(--paper-soft);
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
}

.goal-panel,
.panel {
  display: grid;
  gap: 14px;
  padding: 24px;
}

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

.workspace-card {
  display: grid;
  align-content: start;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  background: #fff;
}

.workspace-card h2 {
  margin: 0;
  color: var(--blue);
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.08;
}

.workspace-card p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.55;
}

.card-kicker {
  width: fit-content;
  border-bottom: 1px solid var(--line-orange);
  padding-bottom: 6px;
  color: var(--orange-dark);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.compact-defs {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--line);
}

.compact-defs div {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 12px;
  min-height: 38px;
  align-items: center;
  padding: 0 12px;
  background: #fff;
}

.compact-defs dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.compact-defs dd {
  min-width: 0;
  margin: 0;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

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

.intake-meta span,
.route-list span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid var(--line-orange-soft);
  border-radius: var(--radius);
  padding: 0 10px;
  background: var(--paper-soft);
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
}

.workspace-board {
  border-color: var(--line-blue);
}

.workspace-tabs {
  overflow: hidden;
}

.tab-list {
  display: flex;
  border-bottom: 1px solid var(--control-border);
  background: rgba(255, 255, 255, 0.4);
}

.tab {
  min-height: 48px;
  border: 0;
  border-right: 1px solid var(--control-border);
  padding: 0 18px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-weight: 800;
}

.tab.active {
  background: var(--control-bg-hover);
  color: var(--ink);
}

.tab-panel {
  display: none;
  min-height: 220px;
  padding: 24px;
}

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

.tab-panel h2,
.panel-heading h2 {
  margin: 0;
  font-size: 30px;
}

.clean-list,
.evidence-list,
.capability-list,
.switch-grid,
.evidence-metrics {
  display: grid;
  gap: 12px;
}

.evidence-list div {
  display: grid;
  gap: 4px;
  border-left: 3px solid var(--orange);
  padding-left: 14px;
}

.switch-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.switch-grid label {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  color: var(--red);
  font-weight: 800;
}

.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.panel-heading > div {
  display: grid;
  gap: 2px;
}

.panel-heading .eyebrow {
  margin-bottom: 0;
}

.rail-card {
  border-color: var(--line-blue-soft);
}

.capability-list article {
  display: grid;
  grid-template-columns: 12px 1fr;
  gap: 12px;
  min-height: 70px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
}

.capability-list p {
  margin: 4px 0 0;
  color: var(--ink-soft);
  font-size: 13px;
}

.cap-dot {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
}

.cap-dot.ready {
  background: var(--green);
}

.cap-dot.planning {
  background: var(--orange);
}

.cap-dot.closed {
  background: var(--red);
}

.evidence-metrics {
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--line);
}

.evidence-metrics div {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 12px;
  background: #fff;
}

.evidence-metrics dt {
  color: var(--muted);
  font-size: 13px;
}

.evidence-metrics dd {
  margin: 0;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
  text-align: right;
}

.route-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.route-list span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 999px;
  padding: 0 10px;
  background: rgba(255, 249, 243, 0.92);
  color: var(--blue);
  font-size: 12px;
  font-weight: 850;
}

.workspace-session-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  gap: 16px;
  width: min(860px, 100%);
  margin: 0 auto 14px;
  border: 1px solid rgba(10, 44, 94, 0.26);
  border-radius: var(--radius);
  padding: 18px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.94), rgba(255, 249, 243, 0.9)),
    #fff;
  box-shadow: 0 16px 44px rgba(10, 44, 94, 0.07);
}

.workspace-session-card h2 {
  margin: 8px 0 8px;
  color: var(--blue);
  font-family: var(--font-display);
  font-size: clamp(28px, 2.4vw, 36px);
  font-weight: 400;
  line-height: 1.12;
}

.workspace-session-card p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.55;
}

.workspace-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.workspace-entry-actions span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 999px;
  padding: 0 10px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--blue);
  font-size: 12px;
  font-weight: 850;
}

.workspace-entry-actions span:last-child {
  border-color: rgba(159, 47, 47, 0.18);
  background: rgba(159, 47, 47, 0.055);
  color: #7e2727;
}

.product-surface,
.workspace-teaser,
.section,
.cta-band,
.homepage-hero,
.preview-grid,
.section-heading,
.teaser-copy,
.surface-header,
.surface-row,
.surface-metric,
.surface-body,
.dot {
  display: none;
}

.toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  max-width: min(360px, calc(100vw - 40px));
  border: 1px solid var(--line-orange);
  border-radius: var(--radius);
  padding: 14px 16px;
  background: #fff;
  color: var(--blue);
  box-shadow: var(--shadow);
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
  font-size: 14px;
  font-weight: 800;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1120px) {
  .pm-hero-login,
  .auth-layout,
  .workspace-layout,
  .audience-section {
    grid-template-columns: 1fr;
  }

  .plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pm-hero-auth {
    border-left: 0;
    padding-top: 0;
  }

  .workspace-sidebar {
    order: 2;
  }

  .workspace-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-grid {
    grid-template-columns: 1fr;
  }

  .account-guidance-grid {
    grid-template-columns: 1fr;
  }

  .register-page .auth-layout {
    grid-template-columns: 1fr;
    width: min(640px, calc(100% - 36px));
    gap: 30px;
    padding-block: 34px;
  }

  .register-page .auth-entry-card {
    justify-self: center;
  }
}

/* S02-006 workspace microfix: first-row controls stay quiet until intent; composer border is one tone. */
.workspace-one-screen .workspace-tabs-head .workspace-folder-switcher .tree-toggle-icon,
.workspace-one-screen .workspace-tabs-head .index-collapse {
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease;
}

.workspace-one-screen .workspace-tabs-head:hover .workspace-folder-switcher .tree-toggle-icon,
.workspace-one-screen .workspace-tabs-head:focus-within .workspace-folder-switcher .tree-toggle-icon,
.workspace-one-screen .workspace-tabs-head:hover .index-collapse,
.workspace-one-screen .workspace-tabs-head:focus-within .index-collapse,
.workspace-one-screen .workspace-folder-switcher[aria-expanded="true"] .tree-toggle-icon,
.workspace-frame.is-left-collapsed .workspace-tabs-head .index-collapse {
  opacity: 1;
  pointer-events: auto;
}

.workspace-one-screen .workspace-composer {
  border-color: var(--current-page-line-soft);
  border-left-color: var(--current-page-line-soft);
  box-shadow: none;
}

.workspace-one-screen .workspace-composer:hover,
.workspace-one-screen .workspace-composer:focus-within {
  border-color: var(--current-page-line-soft);
  box-shadow: none;
}

@media (max-width: 820px) {
  .topbar,
  .workspace-topbar {
    min-height: 66px;
    padding-inline: 18px;
  }

  .public-header {
    height: 66px;
    grid-template-columns: 1fr auto;
  }

  .desktop-nav,
  .workspace-status,
  .nav-actions .button-secondary {
    display: none;
  }

  .brand-word {
    font-size: 21px;
  }

  .member-badge {
    display: none;
  }

  .pm-hero-login {
    min-height: auto;
    padding-top: 66px;
  }

  .pm-hero-copy {
    justify-items: center;
    padding: 56px 18px 30px;
    text-align: center;
  }

  .pm-hero-copy h1,
  .auth-copy h1 {
    font-size: clamp(42px, 12.8vw, 56px);
    line-height: 1.05;
  }

  .register-page .auth-copy h1 {
    font-size: clamp(40px, 11.5vw, 54px);
  }

  .register-page .auth-copy {
    text-align: left;
  }

  .hero-lede {
    font-size: 16px;
  }

  .pm-hero-auth {
    padding: 0 18px 42px;
  }

  .pm-auth-card,
  .login-panel,
  .access-panel {
    padding: 26px 20px 24px;
  }

  .summary-band,
  .footer-grid,
  .site-footer,
  .footer,
  .workspace-right {
    grid-template-columns: 1fr;
  }

  .summary-band article,
  .audience-section,
  .trust-section,
  .contact-section,
  .plans-section,
  .faq-section {
    padding: 38px 18px;
  }

  .plans-heading,
  .contact-section,
  .workspace-title,
  .form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .signed-in-actions,
  .workspace-session-card {
    grid-template-columns: 1fr;
  }

  .auth-stepper li {
    padding-inline: 4px;
  }

  .plan-toggle {
    width: 100%;
    flex-wrap: wrap;
  }

  .billing-toggle {
    width: 100%;
  }

  .plan-selector-row {
    justify-content: stretch;
  }

  .billing-toggle button,
  .plan-toggle button {
    flex: 1;
    min-width: 0;
    white-space: normal;
  }

  .plan-grid {
    grid-template-columns: 1fr;
  }

  .plan-carousel-arrow {
    width: 30px;
    height: 48px;
  }

  .plan-group-summary {
    align-items: start;
    flex-direction: column;
    gap: 4px;
  }

  .auth-layout,
  .member-layout {
    padding: 24px;
  }

  .auth-page {
    background: var(--paper);
  }

  .workspace-layout {
    padding: 14px;
  }

  .boundary-stack {
    min-width: 0;
  }

  .tab-list {
    overflow-x: auto;
  }

  .tab {
    min-width: 132px;
  }

  .switch-grid {
    grid-template-columns: 1fr;
  }

  .compact-defs div {
    grid-template-columns: 1fr;
    gap: 2px;
    padding: 10px 12px;
  }

  .footer-brand {
    min-height: auto;
    gap: 20px;
  }
}

.workspace-linked-shell {
  height: 100vh;
  overflow: hidden;
  background: #fff3ea;
}

.workspace-contextbar {
  display: flex;
  height: 38px;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(10, 44, 94, 0.16);
  padding: 0 10px;
  background: #f8fff5;
  color: #31342d;
  font-size: 13px;
}

.context-grid,
.tiny-grid {
  width: 14px;
  height: 14px;
  background:
    linear-gradient(currentColor 0 0) 0 0 / 5px 5px no-repeat,
    linear-gradient(currentColor 0 0) 9px 0 / 5px 5px no-repeat,
    linear-gradient(currentColor 0 0) 0 9px / 5px 5px no-repeat,
    linear-gradient(currentColor 0 0) 9px 9px / 5px 5px no-repeat;
  color: var(--blue);
}

.context-divider {
  width: 2px;
  height: 17px;
  background: #68d391;
}

.context-folder,
.file-dot {
  width: 17px;
  height: 12px;
  border: 1.6px solid #654a25;
  border-radius: 2px;
}

.context-folder::before,
.file-dot::before {
  content: "";
  display: block;
  width: 7px;
  height: 3px;
  margin-top: -4px;
  margin-left: 1px;
  border: 1.6px solid #654a25;
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  background: #f8fff5;
}

.workspace-user-topbar {
  position: relative;
  min-height: 64px;
  border-bottom: 1px solid rgba(10, 44, 94, 0.22);
  padding: 0 58px 0 64px;
  background: rgba(255, 243, 231, 0.98);
  backdrop-filter: none;
}

.workspace-user-brand .brand-word {
  color: var(--blue);
  font-size: 25px;
}

.workspace-user-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 900;
}

.workspace-user-nav a,
.workspace-user-nav button {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
}

.workspace-user-nav a:hover,
.workspace-user-nav button:hover {
  color: var(--blue-soft);
}

.workspace-auth-strip {
  display: none;
}

.workspace-frame {
  --current-page-fill: rgba(255, 122, 26, 0.075);
  --current-page-fill-strong: rgba(255, 122, 26, 0.14);
  --current-page-line: rgba(255, 122, 26, 0.78);
  --current-page-line-soft: rgba(255, 122, 26, 0.3);
  --current-page-surface: #fff3ea;
  --current-page-glow: rgba(255, 122, 26, 0.15);
  display: grid;
  grid-template-columns: 296px minmax(0, 1fr) minmax(320px, 464px);
  height: calc(100vh - 102px);
  min-height: 0;
  align-items: stretch;
  overflow: hidden;
  border-top: 0;
}

.workspace-frame[data-active-page="context"],
.workspace-frame[data-active-page="history"],
.workspace-frame[data-active-page="recent"] {
  --current-page-fill: rgba(10, 44, 94, 0.055);
  --current-page-fill-strong: rgba(10, 44, 94, 0.095);
  --current-page-line: rgba(10, 44, 94, 0.46);
  --current-page-line-soft: rgba(10, 44, 94, 0.18);
  --current-page-surface: #f6f8fb;
  --current-page-glow: rgba(10, 44, 94, 0.1);
}

.workspace-frame[data-active-page="evidence"],
.workspace-frame[data-active-page="capability-route"] {
  --current-page-fill: rgba(31, 122, 77, 0.06);
  --current-page-fill-strong: rgba(31, 122, 77, 0.12);
  --current-page-line: rgba(31, 122, 77, 0.52);
  --current-page-line-soft: rgba(31, 122, 77, 0.2);
  --current-page-surface: #f4fbf6;
  --current-page-glow: rgba(31, 122, 77, 0.1);
}

.workspace-frame[data-active-page="boundary"] {
  --current-page-fill: rgba(159, 47, 47, 0.055);
  --current-page-fill-strong: rgba(159, 47, 47, 0.11);
  --current-page-line: rgba(159, 47, 47, 0.48);
  --current-page-line-soft: rgba(159, 47, 47, 0.2);
  --current-page-surface: #fbf5f4;
  --current-page-glow: rgba(159, 47, 47, 0.09);
}

.workspace-index,
.workspace-display,
.workspace-intelligence {
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.workspace-index {
  position: relative;
  display: grid;
  grid-template-rows: 74px minmax(0, 1fr);
  border-right: 1px solid rgba(10, 44, 94, 0.16);
  background: rgba(255, 249, 241, 0.78);
}

.index-current-row {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  color: #151515;
  font-size: 14px;
}

.index-collapse {
  display: grid;
  width: 30px;
  height: 32px;
  place-items: center;
  border: 1px solid var(--line-blue-soft);
  border-radius: 6px;
  background: #fff;
  color: var(--blue);
  cursor: pointer;
  font-weight: 900;
}

.index-scroll {
  direction: rtl;
  min-height: 0;
  overflow-y: scroll;
  padding: 0 8px 26px 12px;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(10, 44, 94, 0.38) transparent;
  scrollbar-width: thin;
}

.index-scroll > * {
  direction: ltr;
}

.index-section {
  display: grid;
  gap: 8px;
  border-bottom: 1px solid rgba(10, 44, 94, 0.16);
  padding: 12px 0 14px;
}

.index-section:last-child {
  border-bottom: 0;
}

.index-section h2 {
  margin: 0 0 4px;
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.index-select,
.index-pill,
.index-app,
.index-task,
.conversation-row {
  display: grid;
  min-width: 0;
  min-height: 36px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  font-size: 14px;
  font-weight: 850;
  text-align: left;
}

.index-select,
.index-pill,
.index-app {
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 0 10px;
}

.index-task {
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 44, 94, 0.16);
}

.index-select {
  background: rgba(255, 255, 255, 0.68);
  border-color: rgba(10, 44, 94, 0.15);
}

.index-pill {
  background: rgba(255, 255, 255, 0.76);
  border-color: rgba(10, 44, 94, 0.18);
}

.conversation-row {
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 9px;
  min-height: 34px;
  padding: 0 10px;
  color: rgba(10, 44, 94, 0.58);
  font-size: 13px;
  font-style: italic;
}

.conversation-row .conversation-icon {
  position: static;
}

.conversation-row span:nth-child(2) {
  min-width: 0;
  overflow: hidden;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conversation-row.active,
.current-page-tab {
  border-color: var(--current-page-line-soft);
  background: var(--current-page-fill-strong);
  color: var(--blue);
  box-shadow: inset 3px 0 0 var(--current-page-line);
}

.conversation-row.hover-sample,
.conversation-row:hover,
.index-select:hover,
.index-pill:hover,
.index-app:hover,
.index-task:hover {
  background: rgba(10, 44, 94, 0.06);
}

.conversation-row[aria-pressed="true"],
.index-select[aria-pressed="true"],
.index-app[aria-pressed="true"],
.index-task[aria-pressed="true"],
.index-pill[aria-pressed="true"] {
  border-color: var(--current-page-line-soft);
  background: var(--current-page-fill-strong);
  color: var(--blue);
  box-shadow: inset 3px 0 0 var(--current-page-line);
}

.conversation-row small {
  color: rgba(10, 44, 94, 0.36);
  font-size: 11px;
  font-style: italic;
}

.row-tools {
  display: inline-flex;
  gap: 4px;
}

.row-tools i {
  width: 18px;
  height: 18px;
  border: 1px solid var(--line-blue-soft);
  border-radius: 4px;
  background: #fff;
}

.person-icon,
.conversation-icon,
.building-icon,
.institution-icon,
.app-dot,
.mic-dot,
.image-dot,
.code-dot {
  display: inline-grid;
  width: 15px;
  height: 15px;
  place-items: center;
  color: #bd7b32;
}

.person-icon {
  border: 1.6px solid var(--blue);
  border-radius: 999px;
}

.conversation-icon {
  border: 1.5px solid #d46a22;
  border-radius: 3px;
}

.conversation-icon.muted {
  border-color: rgba(129, 86, 39, 0.5);
}

.building-icon,
.institution-icon {
  border: 1.5px solid #bd7b32;
  border-radius: 2px;
}

.app-dot,
.mic-dot,
.image-dot,
.code-dot {
  border: 1.5px solid #bd7b32;
  border-radius: 999px;
}

.code-dot {
  border-radius: 3px;
}

.chevron {
  width: 8px;
  height: 8px;
  border-right: 1.5px solid var(--blue);
  border-bottom: 1.5px solid var(--blue);
  transform: rotate(45deg);
}

.workspace-display {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  background:
    linear-gradient(90deg, var(--current-page-fill) 0 24px, transparent 24px),
    radial-gradient(circle at 64% 6%, var(--current-page-glow), transparent 28%),
    var(--current-page-surface);
}

.workspace-display::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 2px solid var(--current-page-line-soft);
  border-left: 0;
  pointer-events: none;
}

.display-scroll {
  direction: ltr;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 30px 22px 10px;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(10, 44, 94, 0.36) transparent;
  scrollbar-width: thin;
}

.display-timeline {
  position: absolute;
  top: 116px;
  right: 6px;
  bottom: 96px;
  z-index: 4;
  width: 28px;
  cursor: help;
  pointer-events: auto;
  opacity: 1;
  transition: opacity 160ms ease;
}

.display-timeline:not(.is-overflowing) {
  opacity: 0;
  pointer-events: none;
}

.display-timeline::before {
  content: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 7px;
  transform: translateX(-50%);
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0 3px,
      rgba(10, 44, 94, 0.22) 3px 5px,
      transparent 5px 9px
    );
  opacity: 0.68;
  pointer-events: none;
  transition: opacity 120ms ease;
}

.codex-timeline-message-lines {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.codex-timeline-message-line {
  position: absolute;
  top: var(--timeline-line-top, 50%);
  right: 8px;
  width: 13px;
  height: 3px;
  border: 0;
  border-radius: 4px;
  padding: 0;
  background: rgba(10, 44, 94, 0.24);
  box-shadow: 0 0 0 1px rgba(255, 243, 234, 0.88);
  cursor: pointer;
  opacity: 0.78;
  pointer-events: auto;
  transform: translateY(-50%);
  transition: opacity 120ms ease, transform 120ms ease, width 120ms ease;
}

.codex-timeline-message-line:hover,
.codex-timeline-message-line:focus-visible {
  width: 22px;
  background: var(--timeline-line-color, #0a2c5e);
  opacity: 1;
  outline: none;
  transform: translateY(-50%) translateX(-2px);
}

.display-timeline:hover .codex-timeline-message-line {
  background: var(--timeline-line-color, #0a2c5e);
}

.codex-timeline-popup {
  position: absolute;
  top: var(--timeline-focus, 50%);
  right: calc(100% + 8px);
  z-index: 8;
  display: grid;
  gap: 4px;
  width: 224px;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 3px;
  padding: 9px 10px;
  background: rgba(255, 252, 247, 0.98);
  box-shadow: 0 12px 24px rgba(10, 44, 94, 0.08);
  color: rgba(10, 44, 94, 0.72);
  font-family: var(--sans);
  font-size: 12px;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) translateX(4px);
  transition: opacity 120ms ease, transform 120ms ease;
}

.codex-timeline-popup strong {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
}

.codex-timeline-popup span {
  color: rgba(10, 44, 94, 0.62);
  font-size: 12px;
  font-weight: 650;
}

.display-timeline:hover .codex-timeline-popup,
.display-timeline.is-node-hovering .codex-timeline-popup {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.linked-panel {
  display: grid;
  min-width: 0;
  min-height: 100%;
  align-content: start;
}

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

.message-stream {
  display: grid;
  gap: 18px;
  min-width: 0;
  max-width: 1040px;
  margin: 0 auto;
  padding-bottom: 22px;
}

.message-card,
.display-panel {
  border: 1px solid rgba(10, 44, 94, 0.18);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 28px rgba(10, 44, 94, 0.03);
}

.message-card {
  position: relative;
  display: grid;
  gap: 12px;
  min-width: 0;
  max-width: 824px;
  padding: 16px 18px 15px;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.message-card:hover {
  border-color: rgba(10, 44, 94, 0.28);
  box-shadow: 0 14px 34px rgba(10, 44, 94, 0.04);
}

.assistant-message {
  justify-self: start;
  width: min(824px, 100%);
}

.user-message {
  justify-self: end;
  width: min(708px, 82%);
  border-color: rgba(201, 79, 0, 0.3);
  background: rgba(255, 251, 246, 0.94);
}

.message-state-rail {
  display: none;
}

.message-state-rail span {
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  opacity: 0.86;
}

.user-rail {
  right: -62px;
}

.rail-blue {
  background: var(--blue);
}

.rail-orange {
  background: var(--orange);
}

.rail-red {
  background: #ff5a4f;
}

.rail-yellow {
  background: #f3c83f;
}

.rail-green {
  background: #24a66a;
}

.rail-cyan {
  background: #2fb7d6;
}

.rail-purple {
  background: #7164e8;
}

.message-hint {
  position: absolute;
  right: -22px;
  bottom: calc(100% - 2px);
  display: grid;
  gap: 3px;
  width: min(310px, 40vw);
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 4px;
  padding: 9px 11px;
  background: rgba(255, 252, 247, 0.98);
  box-shadow: 0 12px 28px rgba(10, 44, 94, 0.06);
  color: var(--blue);
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.message-hint strong {
  font-size: 12px;
}

.message-hint span {
  font-size: 12px;
  font-weight: 800;
}

.message-card:hover .message-hint,
.message-card:focus-within .message-hint {
  opacity: 1;
  transform: translateY(0);
}

.response-message {
  width: min(824px, 100%);
}

.message-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--blue);
  font-size: 11px;
  line-height: 1.2;
}

.message-meta strong {
  font-size: 12px;
  font-weight: 800;
}

.message-meta span {
  color: rgba(10, 44, 94, 0.58);
}

.message-stage {
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  border: 1px solid rgba(10, 44, 94, 0.1);
  border-radius: 4px;
  padding: 0 6px;
  background: rgba(255, 252, 247, 0.96);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.user-message .message-meta strong {
  color: var(--orange-dark);
}

.message-card p,
.message-card .clean-list {
  margin: 0;
  color: #0f2a53;
  font-size: 16px;
  line-height: 1.64;
}

.message-body,
.message-card .clean-list {
  max-width: 60ch;
}

.response-message .clean-list {
  display: grid;
  gap: 10px;
  padding-left: 22px;
}

.message-card[data-message-state="ready"] .message-stage,
.message-card[data-message-state="sent"] .message-stage {
  border-color: rgba(31, 122, 77, 0.14);
  background: rgba(31, 122, 77, 0.08);
  color: var(--green);
}

.message-card[data-message-state="draft"] .message-stage {
  border-color: rgba(201, 79, 0, 0.14);
  background: rgba(255, 122, 26, 0.08);
  color: var(--orange-dark);
}

.message-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 2px;
}

.message-actions button,
.compact-intel-card button,
.intelligence-card-title button,
.composer-add {
  min-height: 28px;
  border: 1px solid var(--control-border);
  border-radius: 4px;
  padding: 0 10px;
  background: var(--control-bg);
  color: var(--blue);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.message-actions button:hover,
.compact-intel-card button:hover,
.intelligence-card-title button:hover,
.composer-add:hover {
  border-color: var(--control-border-hover);
  background: var(--control-bg-hover);
  transform: translateY(-1px);
}

.display-panel {
  display: grid;
  gap: 18px;
  max-width: 900px;
  margin: 0 auto;
  padding: 28px;
}

.display-panel h1 {
  margin: 0;
  color: var(--blue);
  font-family: var(--font-brand);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.1;
}

.display-panel p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.6;
}

.workspace-composer {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 4px;
  margin: 0 8px 4px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: none;
}

.workspace-composer textarea {
  min-height: 78px;
  border-color: rgba(201, 79, 0, 0.22);
  border-radius: 4px;
  padding: 13px 14px 12px;
  resize: none;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.98);
}

.composer-status-row {
  display: flex;
  min-height: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 4px;
  color: rgba(10, 44, 94, 0.54);
  font-size: 12px;
  font-weight: 800;
}

.composer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.composer-right-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.composer-add {
  width: 36px;
  padding: 0;
  font-size: 17px;
}

.composer-send {
  display: grid;
  width: 36px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 122, 26, 0.56);
  border-radius: 4px;
  background: var(--control-primary);
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 900;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.composer-send:hover {
  border-color: rgba(255, 122, 26, 0.72);
  background: var(--control-primary-hover);
  transform: translateY(-1px);
}

.workspace-one-screen .workspace-composer {
  border-color: var(--current-page-line-soft);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.82)),
    var(--current-page-surface);
  box-shadow: inset 0 1px 0 var(--current-page-line-soft);
}

.workspace-one-screen .workspace-composer textarea {
  border-color: var(--current-page-line-soft);
  background: rgba(255, 255, 255, 0.96);
}

.workspace-one-screen .workspace-composer textarea:focus {
  border-color: var(--current-page-line);
  box-shadow: 0 0 0 3px var(--current-page-fill-strong);
}

.workspace-one-screen .workspace-composer .button-outline,
.workspace-one-screen .workspace-composer .composer-add {
  border-color: var(--current-page-line-soft);
}

.workspace-one-screen .workspace-composer .button-outline:hover,
.workspace-one-screen .workspace-composer .composer-add:hover {
  border-color: var(--current-page-line);
  background: var(--current-page-surface);
}

.workspace-intelligence {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  border-left: 1px solid rgba(10, 44, 94, 0.16);
  background: rgba(255, 249, 242, 0.82);
  overflow: hidden;
}

.intelligence-scroll {
  display: grid;
  align-content: start;
  align-items: start;
  gap: 14px;
  grid-auto-rows: max-content;
  min-height: 0;
  overflow-y: scroll;
  padding: 28px 16px 14px;
  scrollbar-color: rgba(10, 44, 94, 0.32) transparent;
  scrollbar-width: thin;
}

.intelligence-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}

.intelligence-heading h2,
.intelligence-card h3 {
  margin: 0;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.intelligence-heading button {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--control-border);
  border-radius: 999px;
  background: var(--control-bg);
  color: var(--blue);
  cursor: pointer;
  font-size: 26px;
  line-height: 1;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.intelligence-heading button:hover {
  border-color: var(--control-border-hover);
  background: var(--control-bg-hover);
  transform: translateY(-1px);
}

.intelligence-card {
  border: 1px solid rgba(10, 44, 94, 0.2);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 42px rgba(10, 44, 94, 0.04);
}

.context-card {
  display: block;
  height: auto;
  max-height: none;
  min-height: 284px;
  overflow: hidden;
}

.intelligence-card-title,
.compact-intel-card {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 12px;
}

.context-list {
  display: grid;
  margin: 0;
}

.context-list div {
  display: grid;
  gap: 4px;
  border-top: 1px solid rgba(10, 44, 94, 0.13);
  padding: 10px 12px;
}

.context-list dt {
  color: rgba(10, 44, 94, 0.52);
  font-size: 12px;
}

.context-list dd {
  margin: 0;
  color: var(--blue);
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.compact-intel-card {
  min-height: 54px;
}

.intelligence-detail-card {
  align-self: start;
  display: grid;
  grid-template-rows: auto;
  height: auto;
  min-height: 54px;
  overflow: hidden;
}

.intelligence-detail-card.is-open {
  grid-template-rows: auto auto;
  min-height: max-content;
  border-color: rgba(10, 44, 94, 0.28);
  background: rgba(255, 255, 255, 0.9);
}

.intel-card-heading {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.intel-card-heading p {
  margin: 0;
  color: rgba(10, 44, 94, 0.5);
  font-size: 12px;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compact-intel-card .status-badge {
  margin-left: auto;
}

.intel-detail-body {
  display: grid;
  gap: 12px;
  border-top: 1px solid rgba(10, 44, 94, 0.13);
  padding: 12px;
  color: #102847;
  font-size: 13px;
  line-height: 1.5;
}

.intel-detail-body[hidden] {
  display: none;
}

.intel-detail-body p {
  margin: 0;
}

.intel-metrics {
  display: grid;
  gap: 8px;
  margin: 0;
}

.intel-metrics div {
  display: grid;
  grid-template-columns: minmax(96px, 0.65fr) minmax(0, 1fr);
  gap: 10px;
}

.intel-metrics dt {
  color: rgba(10, 44, 94, 0.5);
  font-size: 12px;
}

.intel-metrics dd {
  margin: 0;
  color: var(--blue);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.intel-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 17px;
  color: #102847;
}

.intel-list strong {
  color: var(--blue);
}

.intel-boundary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.intel-boundary-strip span {
  border: 1px solid rgba(159, 47, 47, 0.18);
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(159, 47, 47, 0.055);
  color: #7e2727;
  font-size: 11px;
  font-weight: 900;
}

.service-actions {
  justify-self: end;
  min-height: 46px;
  border: 1px solid rgba(255, 122, 26, 0.56);
  border-radius: 3px;
  margin: 10px 16px 14px;
  padding: 0 18px;
  background: var(--control-primary);
  color: #fff;
  cursor: pointer;
  font-weight: 900;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.service-actions:hover {
  border-color: rgba(255, 122, 26, 0.72);
  background: var(--control-primary-hover);
  transform: translateY(-1px);
}

/* S14-001 one-screen three-pane contract: left tabs + center display are one page; right side is an inspector table. */
.workspace-one-screen {
  grid-template-columns: minmax(280px, 304px) minmax(620px, 1fr) minmax(330px, 390px);
  background: linear-gradient(90deg, rgba(255, 249, 242, 0.92) 0, rgba(255, 249, 242, 0.92) 304px, #fff3ea 304px, #fff3ea calc(100% - 390px), rgba(255, 249, 242, 0.96) calc(100% - 390px));
}

.workspace-page-tabs {
  border-right: 0;
  background: linear-gradient(90deg, rgba(255, 249, 241, 0.98), rgba(255, 246, 235, 0.9));
  box-shadow: inset -1px 0 0 var(--current-page-line-soft);
}

.workspace-page-body {
  position: relative;
  border-left: 1px solid var(--current-page-line-soft);
  box-shadow: inset 10px 0 0 var(--current-page-fill);
}

.workspace-one-screen .conversation-row.active,
.workspace-one-screen .current-page-tab,
.workspace-one-screen .conversation-row[aria-pressed="true"],
.workspace-one-screen .index-select[aria-pressed="true"],
.workspace-one-screen .index-app[aria-pressed="true"],
.workspace-one-screen .index-task[aria-pressed="true"],
.workspace-one-screen .index-pill[aria-pressed="true"] {
  border-right-color: transparent;
  border-radius: 6px 0 0 6px;
  background: linear-gradient(90deg, var(--current-page-fill-strong), var(--current-page-fill));
  box-shadow: inset 4px 0 0 var(--current-page-line), 8px 0 0 var(--current-page-fill);
}

.workspace-one-screen .display-scroll {
  padding-left: clamp(24px, 3vw, 42px);
  padding-right: clamp(18px, 2vw, 30px);
  background:
    linear-gradient(90deg, var(--current-page-fill) 0, transparent 28px),
    var(--current-page-surface);
}

.workspace-inspector-table {
  border-left: 1px solid rgba(10, 44, 94, 0.22);
  background: linear-gradient(180deg, rgba(255, 251, 246, 0.98), rgba(255, 247, 237, 0.94));
}

.workspace-inspector-table .intelligence-scroll {
  gap: 10px;
  padding: 24px 14px 14px;
}

.workspace-inspector-table .intelligence-card {
  border-color: rgba(10, 44, 94, 0.2);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: none;
}

.workspace-inspector-table .context-card {
  min-height: 0;
}

.workspace-inspector-table .context-list div,
.workspace-inspector-table .intel-detail-body,
.workspace-inspector-table .intel-metrics div {
  border-top-color: rgba(10, 44, 94, 0.12);
}

.workspace-inspector-table .compact-intel-card,
.workspace-inspector-table .intelligence-card-title {
  min-height: 50px;
}

@media (max-width: 1740px) {
  .workspace-one-screen {
    grid-template-columns: minmax(278px, 296px) minmax(0, 1fr) minmax(300px, 360px);
    background: linear-gradient(90deg, rgba(255, 249, 242, 0.92) 0, rgba(255, 249, 242, 0.92) 296px, #fff3ea 296px, #fff3ea calc(100% - 360px), rgba(255, 249, 242, 0.96) calc(100% - 360px));
  }
}
@media (max-width: 1740px) {
  .workspace-frame {
    grid-template-columns: 296px minmax(0, 1fr) minmax(300px, 360px);
  }

  .workspace-user-topbar {
    padding-inline: 64px 28px;
  }

  .nav-member-link {
    display: none;
  }

  .compact-intel-card .status-badge {
    display: none;
  }
}

@media (max-width: 1260px) {
  .workspace-linked-shell {
    overflow: auto;
  }

  .workspace-frame {
    grid-template-columns: 278px minmax(0, 1fr);
    height: auto;
    min-height: calc(100vh - 102px);
    overflow: visible;
  }

  .workspace-display {
    min-height: calc(100vh - 102px);
  }

  .workspace-intelligence {
    grid-column: 1 / -1;
    min-height: 360px;
    border-top: 1px solid rgba(10, 44, 94, 0.16);
    border-left: 0;
  }

  .intelligence-scroll {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intelligence-heading,
  .context-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  .workspace-contextbar {
    display: none;
  }

  .workspace-linked-shell {
    height: auto;
    overflow: auto;
  }

  .workspace-user-topbar {
    min-height: 66px;
    padding-inline: 16px;
  }

  .workspace-user-nav {
    display: none;
  }

  .workspace-auth-strip {
    display: none;
  }

  .workspace-frame {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .workspace-index,
  .workspace-display,
  .workspace-intelligence {
    min-height: auto;
  }

  .workspace-index {
    grid-template-rows: auto auto;
    max-height: 420px;
  }

  .index-current-row {
    min-height: 54px;
  }

  .display-scroll {
    max-height: none;
    overflow: visible;
    padding: 18px 12px 10px;
  }

  .workspace-display {
    overflow: visible;
  }

  .workspace-composer {
    position: sticky;
    bottom: 0;
    z-index: 4;
  }

  .user-message,
  .assistant-message,
  .response-message {
    width: 100%;
  }

  .message-state-rail,
  .message-hint {
    display: none;
  }

  .composer-actions,
  .composer-right-actions {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .composer-right-actions .button {
    min-height: 34px;
  }

  .intelligence-scroll {
    grid-template-columns: 1fr;
  }
}

/* The top workspace/conversation row is breadcrumb chrome, not a folder
   control. Keep the real folder selector in the left rail only. */
.workspace-contextbar {
  display: none !important;
}

/* S14-001 final responsive contract. */
.workspace-frame.workspace-one-screen {
  grid-template-columns: minmax(280px, 304px) minmax(620px, 1fr) minmax(330px, 390px);
}

@media (max-width: 1740px) {
  .workspace-frame.workspace-one-screen {
    grid-template-columns: minmax(278px, 296px) minmax(0, 1fr) minmax(300px, 360px);
  }
}

@media (max-width: 1260px) {
  .workspace-frame.workspace-one-screen {
    grid-template-columns: 278px minmax(0, 1fr);
  }
}

@media (max-width: 860px) {
  .workspace-frame.workspace-one-screen {
    grid-template-columns: 1fr;
  }

  .workspace-page-tabs,
  .workspace-page-body,
  .workspace-inspector-table {
    box-shadow: none;
  }
}
/* S15-001 left label page linkage. */
.current-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 1060px;
  margin: 0 auto 14px;
  border: 1px solid var(--current-page-line-soft);
  border-left: 4px solid var(--current-page-line);
  border-radius: 6px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 48px rgba(10, 44, 94, 0.04);
}

.current-page-header p,
.current-page-header h1,
.current-page-header span {
  margin: 0;
}

.current-page-header p {
  color: rgba(10, 44, 94, 0.52);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.current-page-header h1 {
  color: var(--blue);
  font-family: var(--font-brand);
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.08;
}

.current-page-header span {
  display: block;
  margin-top: 4px;
  color: rgba(10, 44, 94, 0.6);
  font-size: 13px;
  font-weight: 760;
}

.current-page-header strong {
  flex: 0 0 auto;
  border: 1px solid var(--current-page-line-soft);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--current-page-fill);
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
}

.workspace-inspector-table [data-intel-toggle] {
  min-width: 58px;
}

@media (max-width: 860px) {
  .current-page-header {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* S15-006 simple tab carousel implementation. */
.workspace-frame {
  --current-page-surface: #fff3ea;
  --standby-tab-fill: rgba(10, 44, 94, 0.035);
  --standby-tab-line: rgba(10, 44, 94, 0.1);
  --standby-tab-text: rgba(10, 44, 94, 0.48);
}

.workspace-frame[data-active-page="context"],
.workspace-frame[data-active-page="history"],
.workspace-frame[data-active-page="recent"] {
  --current-page-surface: #f6f8fb;
}

.workspace-frame[data-active-page="evidence"],
.workspace-frame[data-active-page="capability-route"] {
  --current-page-surface: #f4fbf6;
}

.workspace-frame[data-active-page="boundary"] {
  --current-page-surface: #fbf5f4;
}

.workspace-one-screen {
  background: linear-gradient(
    90deg,
    rgba(255, 249, 242, 0.96) 0,
    rgba(255, 249, 242, 0.96) 296px,
    var(--current-page-surface) 296px,
    var(--current-page-surface) calc(100% - 360px),
    rgba(255, 249, 242, 0.96) calc(100% - 360px)
  );
}

@media (min-width: 1741px) {
  .workspace-one-screen {
    background: linear-gradient(
      90deg,
      rgba(255, 249, 242, 0.96) 0,
      rgba(255, 249, 242, 0.96) 304px,
      var(--current-page-surface) 304px,
      var(--current-page-surface) calc(100% - 390px),
      rgba(255, 249, 242, 0.96) calc(100% - 390px)
    );
  }
}

.workspace-tab-rail {
  position: relative;
  z-index: 3;
  overflow: visible;
  border-right: 0;
  background: linear-gradient(90deg, rgba(255, 249, 241, 0.98), rgba(255, 246, 235, 0.9));
  box-shadow: inset -1px 0 0 var(--current-page-line-soft);
}

.workspace-tabs-head {
  border-bottom: 1px solid rgba(10, 44, 94, 0.12);
  background: rgba(255, 249, 242, 0.78);
}

.workspace-tab-carousel {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 0;
  overflow-y: scroll;
  padding: 10px 10px 28px 12px;
  direction: rtl;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(10, 44, 94, 0.38) transparent;
  scrollbar-width: thin;
}

.workspace-tab-carousel > * {
  direction: ltr;
}

.workspace-tab-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 32px;
  border: 1px solid rgba(10, 44, 94, 0.12);
  border-radius: 6px;
  margin-top: 8px;
  padding: 0 10px;
  background: rgba(255, 255, 255, 0.52);
  color: rgba(10, 44, 94, 0.72);
}

.workspace-tab-group:first-child {
  margin-top: 0;
}

.workspace-tab-group span,
.workspace-tab span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-tab-group span {
  font-size: 12px;
  font-weight: 900;
}

.workspace-tab-group small,
.workspace-tab small {
  color: rgba(10, 44, 94, 0.4);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.workspace-tab {
  position: relative;
  display: grid;
  gap: 2px;
  min-height: 44px;
  align-items: center;
  border: 1px solid var(--standby-tab-line);
  border-radius: 6px;
  padding: 7px 10px;
  background: var(--standby-tab-fill);
  color: var(--standby-tab-text);
  cursor: pointer;
  font-size: 13px;
  font-weight: 850;
  opacity: 0.82;
  text-align: left;
}

.workspace-tab:hover {
  border-color: var(--current-page-line-soft);
  background: rgba(255, 255, 255, 0.74);
  color: var(--blue);
  opacity: 1;
}

.workspace-tab:focus,
.workspace-tab:focus-visible {
  outline: 2px solid var(--current-page-line);
  outline-offset: -2px;
}

.workspace-one-screen .workspace-tab.active,
.workspace-one-screen .workspace-tab.current-page-tab,
.workspace-one-screen .workspace-tab[aria-pressed="true"] {
  z-index: 4;
  margin-right: -1px;
  border-color: var(--current-page-line);
  border-right-color: var(--current-page-surface);
  border-radius: 6px 0 0 6px;
  background: linear-gradient(90deg, var(--current-page-fill-strong), var(--current-page-surface));
  color: var(--blue);
  opacity: 1;
  box-shadow: inset 4px 0 0 var(--current-page-line), 14px 0 0 var(--current-page-surface);
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -15px;
  bottom: -1px;
  width: 15px;
  background: var(--current-page-surface);
  border-top: 1px solid var(--current-page-line);
  border-bottom: 1px solid var(--current-page-line);
  pointer-events: none;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] small {
  color: var(--blue);
}

.workspace-page-body {
  position: relative;
  z-index: 2;
  border-left: 0;
  background: var(--current-page-surface);
  box-shadow: inset 1px 0 0 var(--current-page-line-soft), inset 16px 0 0 var(--current-page-fill);
}

.workspace-one-screen .display-scroll {
  background:
    linear-gradient(90deg, var(--current-page-fill) 0, transparent 28px),
    var(--current-page-surface);
  padding-left: clamp(24px, 3vw, 42px);
  padding-right: clamp(18px, 2vw, 30px);
}

.current-page-header {
  border-color: var(--current-page-line-soft);
  border-left-color: var(--current-page-line);
  background: linear-gradient(90deg, var(--current-page-surface), rgba(255, 255, 255, 0.74));
}

@media (max-width: 860px) {
  .workspace-tab-carousel {
    max-height: 360px;
    padding-bottom: 16px;
  }

  .workspace-one-screen,
  .workspace-page-body,
  .workspace-one-screen .display-scroll {
    background: var(--current-page-surface);
  }

  .workspace-one-screen .workspace-tab[aria-pressed="true"]::after {
    display: none;
  }
}
/* S15-007 tab icons and hover choice labels. */
.workspace-tab {
  grid-template-columns: 22px minmax(0, 1fr);
  column-gap: 8px;
  padding-right: 12px;
}

.workspace-tab .tab-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.workspace-tab .tab-copy > span,
.workspace-tab .tab-copy > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tab-icon {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  align-self: center;
  color: currentColor;
  opacity: 0.88;
}

.tab-hover-action {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border: 1px solid var(--current-page-line-soft);
  border-radius: 999px;
  padding: 0 8px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) translateX(4px);
  transition: opacity 140ms ease, transform 140ms ease;
  white-space: nowrap;
}

.workspace-tab:hover .tab-hover-action,
.workspace-tab:focus-visible .tab-hover-action {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.workspace-tab:hover .tab-copy,
.workspace-tab:focus-visible .tab-copy {
  padding-right: 58px;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] .tab-hover-action {
  border-color: var(--current-page-line);
  background: var(--current-page-surface);
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] .tab-icon {
  opacity: 1;
}

@media (max-width: 860px) {
  .tab-hover-action {
    display: none;
  }

  .workspace-tab:hover .tab-copy,
  .workspace-tab:focus-visible .tab-copy {
    padding-right: 0;
  }
}
/* S15-007 hover label accessibility and interaction polish. */
.tab-hover-action {
  visibility: hidden;
}

.workspace-tab:hover .tab-hover-action,
.workspace-tab:focus-visible .tab-hover-action,
.workspace-tab.is-hover-preview .tab-hover-action {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

.workspace-tab.is-hover-preview .tab-copy {
  padding-right: 58px;
}

/* S15-010 seamless current-page color bridge and 1px line discipline. */
.workspace-one-screen .workspace-display,
.workspace-one-screen .workspace-page-body,
.workspace-one-screen .display-scroll {
  background: var(--current-page-surface);
}

.workspace-one-screen .workspace-display::before {
  border-width: 1px;
  border-color: var(--current-page-line-soft);
  border-left: 0;
}

.workspace-one-screen .workspace-page-body {
  box-shadow: none;
}

.workspace-one-screen .workspace-tab.current-page-tab,
.workspace-one-screen .workspace-tab[aria-pressed="true"] {
  border-color: var(--current-page-line);
  border-right-color: var(--current-page-surface);
  background: var(--current-page-surface);
  box-shadow: inset 4px 0 0 var(--current-page-line);
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]::after {
  top: 0;
  right: -16px;
  bottom: 0;
  width: 16px;
  border: 0;
  background: var(--current-page-surface);
}

.workspace-one-screen .current-page-header {
  border-width: 1px;
  border-left-width: 4px;
  background: var(--current-page-surface);
}

.workspace-one-screen .message-card {
  border-width: 1px;
  border-color: var(--current-page-line-soft);
}

.workspace-one-screen .user-message {
  border-width: 1px;
  border-color: var(--current-page-line);
}

.workspace-one-screen .workspace-composer,
.workspace-one-screen .workspace-composer textarea,
.workspace-one-screen .workspace-composer .button-outline,
.workspace-one-screen .workspace-composer .composer-add {
  border-width: 1px;
}

/* S15-011 fixed PresMind surface theme: beige center, grey left rail. */
.workspace-frame[data-active-page] {
  --current-page-fill: rgba(255, 122, 26, 0.06);
  --current-page-fill-strong: rgba(255, 122, 26, 0.1);
  --current-page-line: rgba(255, 122, 26, 0.64);
  --current-page-line-soft: rgba(196, 128, 70, 0.22);
  --current-page-surface: #fff3ea;
  --current-page-glow: transparent;
  --workspace-left-surface: #f4f3f0;
  --workspace-left-surface-soft: #f8f7f4;
  --workspace-left-line: rgba(10, 44, 94, 0.12);
  --workspace-left-line-strong: rgba(10, 44, 94, 0.18);
  --standby-tab-fill: rgba(255, 255, 255, 0.38);
  --standby-tab-line: var(--workspace-left-line);
  --standby-tab-text: rgba(10, 44, 94, 0.46);
}

.workspace-one-screen {
  background: linear-gradient(
    90deg,
    var(--workspace-left-surface) 0,
    var(--workspace-left-surface) 296px,
    var(--current-page-surface) 296px,
    var(--current-page-surface) calc(100% - 360px),
    rgba(255, 249, 242, 0.96) calc(100% - 360px)
  );
}

@media (min-width: 1741px) {
  .workspace-one-screen {
    background: linear-gradient(
      90deg,
      var(--workspace-left-surface) 0,
      var(--workspace-left-surface) 304px,
      var(--current-page-surface) 304px,
      var(--current-page-surface) calc(100% - 390px),
      rgba(255, 249, 242, 0.96) calc(100% - 390px)
    );
  }
}

.workspace-one-screen .workspace-tab-rail,
.workspace-one-screen .workspace-tabs-head,
.workspace-one-screen .workspace-tab-carousel {
  background: var(--workspace-left-surface);
}

.workspace-one-screen .workspace-tab-rail {
  box-shadow: inset -1px 0 0 var(--workspace-left-line);
}

.workspace-one-screen .workspace-tabs-head {
  border-bottom-color: var(--workspace-left-line);
}

.workspace-one-screen .workspace-tab-group,
.workspace-one-screen .workspace-tab {
  border-width: 1px;
  border-color: var(--workspace-left-line);
}

.workspace-one-screen .workspace-tab-group {
  background: rgba(255, 255, 255, 0.32);
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]) {
  background: var(--standby-tab-fill);
  box-shadow: none;
}

.workspace-one-screen .workspace-tab.current-page-tab,
.workspace-one-screen .workspace-tab[aria-pressed="true"] {
  border-top-color: var(--current-page-line-soft);
  border-bottom-color: var(--current-page-line-soft);
  border-left-color: var(--current-page-line);
  border-right-color: var(--current-page-surface);
  background: var(--current-page-surface);
  box-shadow: inset 4px 0 0 var(--current-page-line);
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]::after {
  background: var(--current-page-surface);
  border: 0;
}

.workspace-one-screen .workspace-display,
.workspace-one-screen .workspace-page-body,
.workspace-one-screen .display-scroll {
  background: var(--current-page-surface);
}

.workspace-one-screen .workspace-display::before,
.workspace-one-screen .current-page-header,
.workspace-one-screen .message-card,
.workspace-one-screen .workspace-composer,
.workspace-one-screen .workspace-composer textarea,
.workspace-one-screen .workspace-composer .button-outline,
.workspace-one-screen .workspace-composer .composer-add {
  border-width: 1px;
  border-color: var(--current-page-line-soft);
}

/* S15-012 left rail soft border cleanup: the rail reads as a tab folder, not stacked cards. */
.workspace-frame[data-active-page] {
  --workspace-left-line: rgba(10, 44, 94, 0.075);
  --workspace-left-line-strong: rgba(10, 44, 94, 0.13);
  --standby-tab-fill: rgba(255, 255, 255, 0.2);
  --standby-tab-line: transparent;
  --standby-tab-text: rgba(10, 44, 94, 0.44);
}

.workspace-one-screen .workspace-tabs-head {
  border-bottom-color: rgba(10, 44, 94, 0.07);
}

.workspace-one-screen .workspace-tab-group {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 -1px 0 rgba(10, 44, 94, 0.06);
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]) {
  border-color: transparent;
  background: var(--standby-tab-fill);
  box-shadow: inset 0 0 0 1px rgba(10, 44, 94, 0.035);
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]):hover {
  border-color: rgba(10, 44, 94, 0.09);
  background: rgba(255, 255, 255, 0.34);
  box-shadow: inset 0 0 0 1px rgba(10, 44, 94, 0.06);
}

.workspace-one-screen .workspace-tab.current-page-tab,
.workspace-one-screen .workspace-tab[aria-pressed="true"] {
  border-top-color: rgba(196, 128, 70, 0.16);
  border-bottom-color: rgba(196, 128, 70, 0.16);
  border-left-color: rgba(255, 122, 26, 0.62);
  border-right-color: var(--current-page-surface);
  box-shadow: inset 4px 0 0 rgba(255, 122, 26, 0.62);
}

/* S15-013 quiet current tab: remove the selected orange box, keep a calm page marker. */
.workspace-one-screen .workspace-tab.current-page-tab,
.workspace-one-screen .workspace-tab[aria-pressed="true"] {
  margin-right: 0;
  border-color: transparent;
  border-radius: 6px;
  background: rgba(255, 243, 230, 0.58);
  box-shadow: inset 3px 0 0 rgba(255, 122, 26, 0.5);
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]::after {
  display: none;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] .tab-hover-action {
  opacity: 0;
  visibility: hidden;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]:hover .tab-hover-action {
  opacity: 1;
  visibility: visible;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]:focus,
.workspace-one-screen .workspace-tab[aria-pressed="true"]:focus-visible {
  outline: 0;
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]):focus-visible {
  outline: 0;
  border-color: transparent;
  background: rgba(255, 255, 255, 0.32);
  color: rgba(10, 44, 94, 0.78);
  box-shadow:
    inset 2px 0 0 rgba(10, 44, 94, 0.16),
    inset 0 0 0 1px rgba(10, 44, 94, 0.045);
}

/* S15-014 Codex-like left rail microinteraction polish. */
.workspace-one-screen .workspace-tab {
  transition:
    background-color 140ms ease,
    box-shadow 140ms ease,
    color 140ms ease,
    opacity 140ms ease,
    transform 120ms ease;
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]) {
  color: rgba(10, 44, 94, 0.54);
  opacity: 0.9;
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]) .tab-icon {
  opacity: 0.58;
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]) small {
  color: rgba(10, 44, 94, 0.38);
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]):hover,
.workspace-one-screen .workspace-tab:not([aria-pressed="true"]).is-hover-preview,
.workspace-one-screen .workspace-tab:not([aria-pressed="true"]):focus-visible {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.32);
  color: rgba(10, 44, 94, 0.78);
  opacity: 1;
  box-shadow:
    inset 2px 0 0 rgba(10, 44, 94, 0.16),
    inset 0 0 0 1px rgba(10, 44, 94, 0.045);
  transform: translateX(1px);
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]):hover .tab-icon,
.workspace-one-screen .workspace-tab:not([aria-pressed="true"]).is-hover-preview .tab-icon,
.workspace-one-screen .workspace-tab:not([aria-pressed="true"]):focus-visible .tab-icon {
  opacity: 0.9;
}

.workspace-one-screen .workspace-tab:not([aria-pressed="true"]):active {
  transform: translateX(1px) scale(0.998);
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] {
  cursor: default;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]:hover {
  background: rgba(255, 243, 230, 0.68);
  box-shadow: inset 3px 0 0 rgba(255, 122, 26, 0.5);
  transform: none;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] .tab-icon {
  color: var(--blue);
  opacity: 0.92;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] small {
  color: rgba(10, 44, 94, 0.64);
}

.workspace-one-screen .tab-hover-action {
  min-height: 20px;
  border-color: transparent;
  padding: 0 7px;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(10, 44, 94, 0.72);
  box-shadow: 0 4px 14px rgba(10, 44, 94, 0.08);
  font-size: 9px;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] .tab-hover-action {
  background: rgba(255, 255, 255, 0.54);
  color: rgba(10, 44, 94, 0.68);
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  .workspace-one-screen .workspace-tab,
  .workspace-one-screen .tab-hover-action {
    transition: none;
  }

  .workspace-one-screen .workspace-tab:not([aria-pressed="true"]):hover,
  .workspace-one-screen .workspace-tab:not([aria-pressed="true"]).is-hover-preview,
  .workspace-one-screen .workspace-tab:not([aria-pressed="true"]):active {
    transform: none;
  }
}

/* S15-015 clean folder tree: projects, applications, automation. */
.workspace-folder-tree {
  gap: 10px;
  padding: 12px 8px 28px 12px;
}

.workspace-tree-root,
.workspace-secondary-folder,
.workspace-tertiary-list {
  display: grid;
  gap: 6px;
}

.workspace-tree-root {
  padding-bottom: 4px;
}

.workspace-main-folder,
.workspace-secondary-row,
.workspace-tertiary-row {
  display: grid;
  align-items: center;
  gap: 6px;
}

.workspace-main-folder {
  grid-template-columns: minmax(0, 1fr) 28px;
  min-height: 38px;
}

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

.tree-folder-toggle,
.secondary-folder-toggle {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 36px;
  border: 0;
  border-radius: 6px;
  padding: 6px 8px;
  background: transparent;
  color: rgba(10, 44, 94, 0.78);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.tree-folder-toggle:hover,
.tree-folder-toggle:focus-visible,
.secondary-folder-toggle:hover,
.secondary-folder-toggle:focus-visible {
  outline: 0;
  background: rgba(255, 255, 255, 0.28);
  box-shadow: inset 2px 0 0 rgba(10, 44, 94, 0.12);
}

.tree-folder-toggle strong,
.secondary-folder-toggle strong {
  display: block;
  overflow: hidden;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-folder-toggle small,
.secondary-folder-toggle small {
  display: block;
  overflow: hidden;
  color: rgba(10, 44, 94, 0.42);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.tree-folder-symbol {
  position: relative;
  width: 18px;
  height: 18px;
  color: rgba(10, 44, 94, 0.64);
}

.tree-folder-symbol.small {
  opacity: 0.78;
  transform: scale(0.9);
}

.folder-add-button,
.mini-action {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.28);
  color: rgba(10, 44, 94, 0.7);
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
}

.folder-add-button {
  min-width: 28px;
  height: 28px;
  font-size: 16px;
}

.folder-add-button:hover,
.folder-add-button:focus-visible,
.mini-action:hover,
.mini-action:focus-visible {
  outline: 0;
  background: rgba(255, 255, 255, 0.72);
  color: var(--blue);
  box-shadow: inset 0 0 0 1px rgba(10, 44, 94, 0.09);
}

.workspace-tree-children {
  margin-left: 10px;
  padding-left: 8px;
  border-left: 1px solid rgba(10, 44, 94, 0.08);
}

.workspace-secondary-folder {
  position: relative;
  padding: 2px 0 4px;
}

.secondary-folder-actions,
.tertiary-actions {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  opacity: 0.58;
  transition: opacity 140ms ease;
}

.workspace-secondary-row:hover .secondary-folder-actions,
.workspace-secondary-row:focus-within .secondary-folder-actions,
.workspace-tertiary-row:hover .tertiary-actions,
.workspace-tertiary-row:focus-within .tertiary-actions {
  opacity: 1;
}

.workspace-tertiary-list {
  margin-left: 10px;
  padding-left: 8px;
  border-left: 1px solid rgba(10, 44, 94, 0.06);
}

.workspace-tertiary-row .workspace-tab {
  min-height: 38px;
  padding: 6px 8px;
}

.workspace-tertiary-row .workspace-tab:hover .tab-copy,
.workspace-tertiary-row .workspace-tab:focus-visible .tab-copy,
.workspace-tertiary-row .workspace-tab.is-hover-preview .tab-copy {
  padding-right: 0;
}

.workspace-tertiary-row .tab-hover-action {
  display: none;
}

.tertiary-actions .mini-action {
  min-width: 18px;
  width: 18px;
  height: 20px;
  padding: 0;
  font-size: 0;
}

.workspace-tertiary-row .workspace-tab {
  grid-template-columns: 20px minmax(0, 1fr);
  column-gap: 6px;
}

.workspace-tertiary-row .workspace-tab .tab-copy > span {
  max-width: 94px;
}

.workspace-secondary-row {
  position: relative;
}

.workspace-secondary-row .secondary-folder-toggle {
  padding-right: 74px;
}

.secondary-folder-actions {
  position: absolute;
  right: 0;
  top: 6px;
}

.workspace-main-folder .tree-folder-toggle {
  padding-right: 4px;
}

.workspace-folder-menu {
  display: grid;
  gap: 2px;
  margin: 0 0 4px 30px;
  border: 1px solid rgba(10, 44, 94, 0.1);
  border-radius: 6px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 34px rgba(10, 44, 94, 0.08);
}

.workspace-folder-menu[hidden],
.workspace-tree-children[hidden],
.workspace-tertiary-list[hidden] {
  display: none;
}

.workspace-folder-menu button {
  border: 0;
  border-radius: 5px;
  padding: 7px 8px;
  background: transparent;
  color: rgba(10, 44, 94, 0.78);
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  text-align: left;
}

.workspace-folder-menu button:hover,
.workspace-folder-menu button:focus-visible {
  outline: 0;
  background: rgba(255, 243, 230, 0.76);
  color: var(--blue);
}

.workspace-tree-empty {
  margin: 0 0 4px 30px;
  padding: 6px 8px;
  color: rgba(10, 44, 94, 0.44);
  font-size: 11px;
}

.workspace-tree-empty p {
  margin: 0;
}

.workspace-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 20, 36, 0.24);
}

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

.workspace-confirm-dialog {
  position: relative;
  width: min(420px, 100%);
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 8px;
  padding: 22px;
  background: #fffaf3;
  box-shadow: 0 24px 70px rgba(10, 44, 94, 0.18);
}

.workspace-confirm-dialog h2 {
  margin: 4px 0 8px;
  color: var(--blue);
  font-family: var(--serif);
  font-size: 30px;
  letter-spacing: 0;
}

.workspace-confirm-dialog p:not(.eyebrow) {
  margin: 0 0 16px;
  color: rgba(10, 44, 94, 0.72);
  line-height: 1.55;
}

.confirm-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--blue);
  cursor: pointer;
  font-size: 18px;
}

.confirm-input-row {
  display: grid;
  gap: 7px;
  margin-bottom: 16px;
  color: rgba(10, 44, 94, 0.72);
  font-size: 12px;
  font-weight: 800;
}

.confirm-input-row input {
  height: 42px;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 6px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--blue);
  font: inherit;
}

.confirm-input-row input:focus {
  outline: 2px solid rgba(255, 122, 26, 0.28);
  outline-offset: 1px;
}

.confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.confirm-actions .button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.execution-plan-summary {
  display: grid;
  gap: 8px;
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid rgba(10, 44, 94, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.5);
}

.execution-plan-summary[hidden] {
  display: none;
}

.execution-plan-summary div {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
}

.execution-plan-summary dt,
.execution-plan-summary dd {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.execution-plan-summary dt {
  color: rgba(10, 44, 94, 0.52);
  font-weight: 800;
}

.execution-plan-summary dd {
  color: var(--blue);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.execution-confirm-status {
  min-height: 20px;
  margin: 0 0 14px !important;
  padding: 8px 10px;
  border-radius: 5px;
  background: rgba(10, 44, 94, 0.05);
  color: rgba(10, 44, 94, 0.72);
  font-size: 12px;
  font-weight: 750;
}

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

.execution-confirm-status[data-status="error"] {
  background: rgba(159, 47, 47, 0.08);
  color: #9f2f2f;
}

.execution-confirm-status[data-status="completed"] {
  background: rgba(31, 122, 77, 0.08);
  color: #1f7a4d;
}

.execution-confirm-status[data-status="cancelled"] {
  background: rgba(10, 44, 94, 0.06);
  color: rgba(10, 44, 94, 0.66);
}

.confirm-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 96px;
}

.confirm-submit-spinner {
  display: none;
  width: 13px;
  height: 13px;
  border: 2px solid rgba(255, 255, 255, 0.46);
  border-top-color: #fff;
  border-radius: 50%;
  animation: execution-confirm-spin 0.75s linear infinite;
}

.workspace-confirm-dialog[data-confirm-state="executing"] .confirm-submit-spinner,
.workspace-confirm-dialog[data-confirm-state="cancelling"] .confirm-submit-spinner {
  display: inline-block;
}

.workspace-confirm-dialog[data-confirm-state="executing"] .confirm-close,
.workspace-confirm-dialog[data-confirm-state="cancelling"] .confirm-close {
  pointer-events: none;
  opacity: 0.35;
}

.workspace-confirm-overlay[data-confirm-mode="execution"] .workspace-confirm-dialog {
  border-color: rgba(31, 122, 77, 0.24);
  box-shadow: 0 24px 70px rgba(10, 44, 94, 0.22);
}

@keyframes execution-confirm-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 860px) {
  .workspace-main-folder,
  .workspace-secondary-row,
  .workspace-tertiary-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .secondary-folder-actions,
  .tertiary-actions {
    justify-content: flex-start;
    opacity: 1;
    padding-left: 30px;
  }
}

/* S15-015 follow-up: keep tertiary tools available but quiet by default. */
.workspace-tertiary-row {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
}

.workspace-tertiary-row .workspace-tab {
  padding-right: 8px;
}

.workspace-tertiary-row:hover .workspace-tab,
.workspace-tertiary-row:focus-within .workspace-tab {
  padding-right: 82px;
}

.workspace-tertiary-row .workspace-tab .tab-copy > span {
  max-width: none;
}

.tertiary-actions {
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) translateX(4px);
}

.workspace-tertiary-row:hover .tertiary-actions,
.workspace-tertiary-row:focus-within .tertiary-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

/* S15-016 quiet active tab: match the active page surface without an orange frame. */
.workspace-one-screen .workspace-tab.current-page-tab,
.workspace-one-screen .workspace-tab[aria-pressed="true"] {
  border-color: transparent;
  background: var(--current-page-surface);
  box-shadow: none;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"]:hover {
  background: var(--current-page-surface);
  box-shadow: none;
}

.workspace-one-screen .workspace-tab[aria-pressed="true"] small {
  color: rgba(10, 44, 94, 0.68);
}

@media (max-width: 860px) {
  .workspace-tertiary-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-tertiary-row .workspace-tab,
  .workspace-tertiary-row:hover .workspace-tab,
  .workspace-tertiary-row:focus-within .workspace-tab {
    padding-right: 8px;
  }

  .tertiary-actions {
    position: static;
    justify-content: flex-start;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
}

/* S15-018 conversation process: seven-step status rail with quiet actions. */
.workspace-tertiary-row.has-conversation-process .workspace-tab {
  padding-right: 70px;
}

.conversation-progress-meta {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 6;
  display: grid;
  width: 58px;
  height: 24px;
  align-items: center;
  justify-items: end;
  transform: translateY(-50%);
}

.conversation-process-line {
  display: grid;
  grid-template-columns: repeat(7, 3px);
  gap: 2px;
  align-items: center;
  justify-content: end;
  height: 18px;
  transition: opacity 140ms ease, transform 140ms ease;
}

.conversation-process-line span {
  display: block;
  width: 3px;
  height: 8px;
  border-radius: 99px;
  background: var(--process-color);
  opacity: 0.22;
  transform: translateY(0);
  transition: opacity 140ms ease, height 140ms ease, transform 140ms ease;
}

.conversation-progress-meta[data-process-state="running"][data-active-step="1"] .conversation-process-line span:nth-child(1),
.conversation-progress-meta[data-process-state="running"][data-active-step="2"] .conversation-process-line span:nth-child(2),
.conversation-progress-meta[data-process-state="running"][data-active-step="3"] .conversation-process-line span:nth-child(3),
.conversation-progress-meta[data-process-state="running"][data-active-step="4"] .conversation-process-line span:nth-child(4),
.conversation-progress-meta[data-process-state="running"][data-active-step="5"] .conversation-process-line span:nth-child(5),
.conversation-progress-meta[data-process-state="running"][data-active-step="6"] .conversation-process-line span:nth-child(6),
.conversation-progress-meta[data-process-state="running"][data-active-step="7"] .conversation-process-line span:nth-child(7) {
  height: 11px;
  opacity: 1;
  transform: translateY(-1px);
}

.conversation-progress-meta[data-process-state="complete"] .conversation-process-line span {
  height: 10px;
  opacity: 1;
}

.conversation-read-time {
  display: none;
  color: rgba(10, 44, 94, 0.46);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
}

.conversation-progress-meta[data-process-state="read"] .conversation-process-line {
  display: none;
}

.conversation-progress-meta[data-process-state="read"] .conversation-read-time {
  display: inline-block;
}

.conversation-process-actions {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-flex;
  gap: 4px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) translateX(3px);
  transition: opacity 140ms ease, transform 140ms ease;
}

.conversation-process-actions button {
  min-height: 20px;
  border: 1px solid rgba(10, 44, 94, 0.12);
  border-radius: 999px;
  padding: 0 7px;
  background: rgba(255, 255, 255, 0.82);
  color: rgba(10, 44, 94, 0.78);
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.conversation-process-actions button:hover,
.conversation-process-actions button:focus-visible {
  border-color: rgba(255, 122, 26, 0.35);
  background: #fffaf3;
  color: var(--blue);
  outline: 0;
}

.workspace-tertiary-row.has-conversation-process:hover .conversation-process-line,
.workspace-tertiary-row.has-conversation-process:focus-within .conversation-process-line,
.workspace-tertiary-row.has-conversation-process:hover .conversation-read-time,
.workspace-tertiary-row.has-conversation-process:focus-within .conversation-read-time {
  opacity: 0;
  transform: translateX(-4px);
}

.workspace-tertiary-row.has-conversation-process:hover .conversation-process-actions,
.workspace-tertiary-row.has-conversation-process:focus-within .conversation-process-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

@media (max-width: 860px) {
  .workspace-tertiary-row.has-conversation-process .workspace-tab {
    padding-right: 8px;
  }

  .conversation-progress-meta {
    position: static;
    width: auto;
    justify-items: start;
    margin: -2px 0 4px 30px;
    transform: none;
  }
}

/* S15-019 readable action icons: larger, conventional controls for low-vision comfort. */
.workspace-one-screen .index-collapse,
.folder-add-button,
.mini-action {
  min-width: 30px;
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.38);
  color: rgba(10, 44, 94, 0.72);
  font-size: 0;
  line-height: 1;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

.workspace-one-screen .index-collapse:hover,
.workspace-one-screen .index-collapse:focus-visible,
.folder-add-button:hover,
.folder-add-button:focus-visible,
.mini-action:hover,
.mini-action:focus-visible {
  border-color: rgba(10, 44, 94, 0.12);
  background: rgba(255, 255, 255, 0.82);
  color: var(--blue);
  box-shadow: 0 6px 18px rgba(10, 44, 94, 0.08);
  outline: 0;
}

.secondary-folder-actions {
  gap: 5px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(4px);
  transition: opacity 140ms ease, transform 140ms ease;
}

.workspace-secondary-row .secondary-folder-toggle {
  padding-right: 8px;
}

.workspace-secondary-row:hover .secondary-folder-toggle,
.workspace-secondary-row:focus-within .secondary-folder-toggle {
  padding-right: 106px;
}

.workspace-secondary-row:hover .secondary-folder-actions,
.workspace-secondary-row:focus-within .secondary-folder-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.secondary-folder-actions {
  top: 3px;
}

.workspace-tertiary-row.has-conversation-process .workspace-tab {
  padding-right: 76px;
}

.conversation-progress-meta {
  right: 10px;
  width: 66px;
  height: 30px;
}

.conversation-process-line {
  grid-template-columns: repeat(7, 4px);
  gap: 3px;
  height: 22px;
}

.conversation-process-line span {
  width: 4px;
  height: 10px;
}

.conversation-progress-meta[data-process-state="running"][data-active-step="1"] .conversation-process-line span:nth-child(1),
.conversation-progress-meta[data-process-state="running"][data-active-step="2"] .conversation-process-line span:nth-child(2),
.conversation-progress-meta[data-process-state="running"][data-active-step="3"] .conversation-process-line span:nth-child(3),
.conversation-progress-meta[data-process-state="running"][data-active-step="4"] .conversation-process-line span:nth-child(4),
.conversation-progress-meta[data-process-state="running"][data-active-step="5"] .conversation-process-line span:nth-child(5),
.conversation-progress-meta[data-process-state="running"][data-active-step="6"] .conversation-process-line span:nth-child(6),
.conversation-progress-meta[data-process-state="running"][data-active-step="7"] .conversation-process-line span:nth-child(7) {
  height: 15px;
}

.conversation-progress-meta[data-process-state="complete"] .conversation-process-line span {
  height: 14px;
}

.conversation-read-time {
  font-size: 12px;
}

.conversation-process-actions {
  gap: 6px;
}

.conversation-process-actions button {
  position: relative;
  display: inline-grid;
  width: 30px;
  min-width: 30px;
  height: 28px;
  min-height: 28px;
  place-items: center;
  border-radius: 8px;
  padding: 0;
  font-size: 0;
}

.conversation-process-actions button[data-confirm-title^="Pin"]::before {
  content: "";
  width: 4px;
  height: 15px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(38deg);
}

.conversation-process-actions button[data-confirm-title^="Pin"]::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 6px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 4px 4px 1px 1px;
  transform: rotate(38deg) translate(-1px, -6px);
}

.conversation-process-actions button[data-confirm-title^="Archive"]::before {
  content: "";
  width: 16px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 3px;
  box-sizing: border-box;
}

.conversation-process-actions button[data-confirm-title^="Archive"]::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 3px;
  border-radius: 2px;
  background: currentColor;
  transform: translateY(-6px);
}

@media (max-width: 860px) {
  .workspace-one-screen .index-collapse,
  .folder-add-button,
  .mini-action {
    min-width: 34px;
    width: 34px;
    height: 34px;
  }

  .conversation-progress-meta {
    width: auto;
  }
}

.tree-folder-symbol {
  width: 20px;
  height: 20px;
}

.tree-folder-symbol.small {
  opacity: 0.84;
  transform: scale(0.96);
}

.tab-icon {
  width: 20px;
  height: 20px;
}

.conversation-process-actions {
  opacity: 0;
  pointer-events: none;
}

/* S15-021 left rail icon hierarchy: larger content icons, lighter micro actions. */
.tree-folder-toggle,
.secondary-folder-toggle {
  grid-template-columns: 25px minmax(0, 1fr);
}

.workspace-tertiary-row .workspace-tab {
  grid-template-columns: 25px minmax(0, 1fr);
}

.tree-folder-symbol {
  width: 23px;
  height: 23px;
  color: rgba(10, 44, 94, 0.72);
}

.tree-folder-symbol.small {
  width: 21px;
  height: 21px;
  opacity: 0.88;
  transform: none;
}

.tab-icon {
  width: 22px;
  height: 22px;
  opacity: 0.92;
}

.workspace-one-screen .index-collapse,
.folder-add-button,
.mini-action,
.conversation-process-actions button {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  border: 0;
  border-radius: 7px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(10, 44, 94, 0.58);
}

.folder-add-button:hover,
.folder-add-button:focus-visible,
.mini-action:hover,
.mini-action:focus-visible,
.conversation-process-actions button:hover,
.conversation-process-actions button:focus-visible {
  background: rgba(255, 255, 255, 0.34);
  box-shadow: none;
  color: var(--blue);
}

.workspace-main-folder {
  grid-template-columns: minmax(0, 1fr) 24px;
}

.secondary-folder-actions {
  top: 7px;
  gap: 4px;
}

.workspace-secondary-row:hover .secondary-folder-toggle,
.workspace-secondary-row:focus-within .secondary-folder-toggle {
  padding-right: 86px;
}

.conversation-process-actions {
  gap: 4px;
}

.conversation-process-actions button[data-confirm-title^="Pin"]::before {
  width: 3px;
  height: 12px;
}

.conversation-process-actions button[data-confirm-title^="Pin"]::after {
  width: 11px;
  height: 5px;
  border-width: 1.6px;
  border-bottom: 0;
  transform: rotate(38deg) translate(-1px, -5px);
}

.conversation-process-actions button[data-confirm-title^="Archive"]::before {
  width: 13px;
  height: 10px;
  border-width: 1.6px;
}

.conversation-process-actions button[data-confirm-title^="Archive"]::after {
  width: 13px;
  height: 2px;
  transform: translateY(-5px);
}

/* S15-022 exact left-rail controls: hidden category add, centered micro icons. */
.tree-folder-symbol,
.tab-icon {
  align-self: center;
  justify-self: center;
}

.workspace-main-folder .folder-add-button {
  opacity: 0;
  pointer-events: none;
  transform: translateX(3px);
  transition: opacity 140ms ease, transform 140ms ease, background-color 140ms ease;
}

.workspace-main-folder:hover .folder-add-button,
.workspace-main-folder:focus-within .folder-add-button,
.workspace-main-folder .folder-add-button:focus-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.folder-add-button,
.mini-action,
.conversation-process-actions button {
  line-height: 1;
  overflow: visible;
}

.secondary-folder-actions {
  top: 50%;
  align-items: center;
  transform: translateY(-50%) translateX(4px);
}

.workspace-secondary-row:hover .secondary-folder-actions,
.workspace-secondary-row:focus-within .secondary-folder-actions {
  transform: translateY(-50%) translateX(0);
}

.conversation-progress-meta {
  overflow: visible;
}

.conversation-process-actions button[data-confirm-title^="Pin"]::before,
.conversation-process-actions button[data-confirm-title^="Pin"]::after,
.conversation-process-actions button[data-confirm-title^="Archive"]::before,
.conversation-process-actions button[data-confirm-title^="Archive"]::after {
  position: absolute;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
}

.conversation-process-actions button[data-confirm-title^="Pin"]::before {
  width: 2px;
  height: 12px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -33%);
}

.conversation-process-actions button[data-confirm-title^="Pin"]::after {
  width: 8px;
  height: 8px;
  border: 0;
  border-left: 1.8px solid currentColor;
  border-top: 1.8px solid currentColor;
  transform: translate(-50%, -78%) rotate(45deg);
}

.conversation-process-actions button[data-confirm-title^="Archive"]::before {
  width: 13px;
  height: 10px;
  border: 1.7px solid currentColor;
  border-radius: 3px;
  background: transparent;
  transform: translate(-50%, -35%);
}

.conversation-process-actions button[data-confirm-title^="Archive"]::after {
  width: 13px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
  transform: translate(-50%, -7px);
}

/* S15-023 micro-action optical centering: align collapse and menu to add baseline. */
.mini-action {
  position: relative;
}

/* S15-024 comfortable folder menu: compact floating popover, no list shift. */
.workspace-secondary-folder.is-menu-open {
  z-index: 45;
}

.workspace-secondary-folder.is-menu-open .secondary-folder-toggle {
  background: rgba(255, 255, 255, 0.3);
  padding-right: 86px;
}

.workspace-secondary-folder.is-menu-open .secondary-folder-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

.mini-action[data-menu-button][aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.46);
  color: var(--blue);
}

.workspace-folder-menu {
  position: absolute;
  top: 34px;
  right: 0;
  z-index: 50;
  width: 224px;
  max-width: calc(100vw - 16px);
  max-height: 282px;
  overflow: auto;
  display: grid;
  gap: 2px;
  margin: 0;
  border: 1px solid rgba(10, 44, 94, 0.11);
  border-radius: 8px;
  padding: 6px;
  background: #fffdf9;
  box-shadow: 0 18px 42px rgba(10, 44, 94, 0.12);
  transform: translate(var(--menu-shift-x, 0), var(--menu-shift-y, 0));
  will-change: transform;
}

.workspace-folder-menu.is-viewport-fit {
  position: fixed;
  top: 8px;
  right: auto;
  left: 8px;
  z-index: 121;
  transform: none;
}

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

.workspace-folder-menu button {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 31px;
  border: 0;
  border-radius: 6px;
  padding: 6px 8px;
  background: transparent;
  color: rgba(10, 44, 94, 0.76);
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 820;
  line-height: 1.15;
  text-align: left;
}

.workspace-folder-menu button::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: 1.5px solid currentColor;
  border-radius: 4px;
  opacity: 0.58;
}

.workspace-folder-menu button[data-confirm-title^="Pin"]::before {
  width: 3px;
  height: 13px;
  margin-left: 5px;
  border: 0;
  border-radius: 99px;
  background: currentColor;
  box-shadow: 0 -4px 0 2px rgba(10, 44, 94, 0.12);
}

.workspace-folder-menu button[data-confirm-title^="Open"]::before {
  height: 11px;
  border-radius: 3px;
  box-shadow: 3px -3px 0 -1px rgba(10, 44, 94, 0.22);
}

.workspace-folder-menu button[data-confirm-title^="Create organization"]::before {
  border-radius: 3px;
  background:
    linear-gradient(currentColor, currentColor) 50% 50% / 1.5px 10px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 50% / 10px 1.5px no-repeat;
}

.workspace-folder-menu button[data-confirm-title^="Create ladder"]::before {
  border-left-width: 2px;
  border-right-width: 2px;
  background:
    linear-gradient(currentColor, currentColor) 50% 35% / 10px 1.4px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 65% / 10px 1.4px no-repeat;
}

.workspace-folder-menu button[data-confirm-title^="Archive"]::before {
  height: 11px;
  border-radius: 3px;
  box-shadow: 0 -4px 0 -1px currentColor;
}

.workspace-folder-menu button[data-confirm-title^="Remove"] {
  color: rgba(126, 42, 30, 0.72);
}

.workspace-folder-menu button[data-confirm-title^="Remove"]::before {
  height: 2px;
  margin-left: 1px;
  border: 0;
  border-radius: 99px;
  background: currentColor;
}

.workspace-folder-menu button:hover,
.workspace-folder-menu button:focus-visible {
  outline: 0;
  background: rgba(255, 243, 230, 0.68);
  color: var(--blue);
}

.workspace-folder-menu button[data-confirm-title^="Remove"]:hover,
.workspace-folder-menu button[data-confirm-title^="Remove"]:focus-visible {
  background: rgba(126, 42, 30, 0.08);
  color: rgba(126, 42, 30, 0.92);
}

/* S15-025 main-folder tool group and active-title surface extension. */
.workspace-tree-root {
  position: relative;
}

.workspace-main-folder {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 40px;
}

.main-folder-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-width: 80px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease, transform 140ms ease;
  transform: translateX(2px);
}

.workspace-tree-root:hover > .workspace-main-folder .main-folder-actions,
.workspace-main-folder:hover .main-folder-actions,
.workspace-main-folder:focus-within .main-folder-actions,
.workspace-tree-root.is-menu-open .main-folder-actions,
.workspace-tree-root.is-operation-open .main-folder-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.workspace-main-folder .main-folder-actions .folder-add-button {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.workspace-tree-root.is-menu-open .workspace-main-folder .tree-folder-toggle {
  background: rgba(255, 255, 255, 0.3);
  padding-right: 8px;
}

.workspace-tree-root > .workspace-main-menu {
  top: 38px;
  right: 0;
  width: 226px;
}

.workspace-folder-menu button[data-confirm-title^="Priority"]::before {
  border: 0;
  border-radius: 2px;
  background:
    linear-gradient(currentColor, currentColor) 2px 7px / 2px 7px no-repeat,
    linear-gradient(currentColor, currentColor) 6px 4px / 2px 10px no-repeat,
    linear-gradient(currentColor, currentColor) 10px 1px / 2px 13px no-repeat;
}

.workspace-folder-menu button[data-confirm-title^="Recent"]::before {
  border-radius: 999px;
  background:
    linear-gradient(currentColor, currentColor) 50% 48% / 1.4px 6px no-repeat,
    linear-gradient(currentColor, currentColor) 62% 58% / 5px 1.4px no-repeat;
}

.workspace-folder-menu button[data-confirm-title^="Manual"]::before {
  border: 0;
  border-radius: 2px;
  background:
    linear-gradient(currentColor, currentColor) 0 3px / 14px 1.6px no-repeat,
    linear-gradient(currentColor, currentColor) 0 7px / 10px 1.6px no-repeat,
    linear-gradient(currentColor, currentColor) 0 11px / 12px 1.6px no-repeat;
}

.workspace-folder-menu button[data-confirm-title^="Forward"]::before {
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(currentColor, currentColor) 1px 6px / 11px 1.6px no-repeat;
  box-shadow: 7px -3px 0 -1px currentColor, 7px 3px 0 -1px currentColor;
}

.workspace-folder-menu button[data-confirm-title^="Use progress"]::before {
  border-radius: 3px;
  background:
    linear-gradient(currentColor, currentColor) 4px 3px / 1.5px 8px no-repeat,
    linear-gradient(currentColor, currentColor) 8px 3px / 1.5px 8px no-repeat;
}

.workspace-folder-menu button[data-confirm-title^="Add new project"]::before {
  border-radius: 4px;
  background:
    linear-gradient(currentColor, currentColor) 50% 50% / 9px 1.5px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 50% / 1.5px 9px no-repeat;
}

.workspace-one-screen .workspace-tertiary-row.has-conversation-process .workspace-tab[aria-pressed="true"],
.workspace-one-screen .workspace-tertiary-row.has-conversation-process .workspace-tab.current-page-tab {
  box-shadow: 18px 0 0 var(--current-page-surface);
}

/* S15-026 main-folder operation panel: actions are tied to the current folder tree. */
.workspace-operation-panel {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  width: min(560px, calc(100vw - 40px));
  max-height: min(72vh, 680px);
  overflow: auto;
  border: 1px solid rgba(255, 122, 26, 0.46);
  border-radius: 4px;
  padding: 18px;
  background: #fff3ea;
  box-shadow:
    0 28px 80px rgba(10, 44, 94, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.74) inset;
  color: var(--blue);
  transform: translate(-50%, -50%);
}

.workspace-operation-panel.is-viewport-fit {
  position: fixed;
  top: 50%;
  right: auto;
  left: 50%;
  z-index: 10001;
  transform: translate(-50%, -50%);
}

.workspace-operation-panel[hidden] {
  display: none;
}

body.workspace-operation-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10000;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 243, 234, 0.84), rgba(255, 243, 234, 0.58) 42%, rgba(10, 44, 94, 0.14)),
    rgba(10, 44, 94, 0.06);
  backdrop-filter: blur(4px);
  pointer-events: none;
}

.workspace-operation-panel header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: center;
  gap: 12px;
  margin: -4px 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(10, 44, 94, 0.12);
}

.workspace-operation-panel h3 {
  margin: 0;
  color: var(--blue);
  font-family: Cambria, Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.workspace-operation-panel p {
  margin: 0 0 16px;
  color: rgba(10, 44, 94, 0.68);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.55;
}

.workspace-operation-close {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(10, 44, 94, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.42);
  color: rgba(10, 44, 94, 0.68);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}

.workspace-operation-list {
  display: grid;
  gap: 8px;
  margin: 12px 0;
}

.workspace-operation-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  border: 1px solid rgba(255, 122, 26, 0.18);
  border-radius: 4px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.28);
  color: rgba(10, 44, 94, 0.82);
  font-size: 13px;
  font-weight: 780;
}

.workspace-operation-item small {
  display: block;
  margin-top: 2px;
  color: rgba(10, 44, 94, 0.48);
  font-size: 10.5px;
  text-transform: uppercase;
}

.workspace-operation-movers {
  display: inline-flex;
  gap: 3px;
}

.workspace-operation-movers button,
.workspace-operation-actions button {
  min-height: 36px;
  border: 1px solid rgba(255, 122, 26, 0.38);
  border-radius: 4px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.34);
  color: var(--blue);
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
}

.workspace-operation-movers button {
  width: 36px;
}

.workspace-operation-movers button:disabled {
  cursor: not-allowed;
  opacity: 0.36;
}

.workspace-operation-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.workspace-operation-field {
  display: grid;
  gap: 8px;
  margin: 14px 0;
}

.workspace-operation-field label {
  color: rgba(10, 44, 94, 0.62);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.workspace-operation-field input,
.workspace-operation-field textarea {
  width: 100%;
  border: 1px solid rgba(255, 122, 26, 0.42);
  border-radius: 4px;
  padding: 12px 13px;
  background: #fff3ea;
  color: var(--blue);
  font: inherit;
  font-size: 14px;
  line-height: 1.35;
}

.workspace-operation-field textarea {
  min-height: 78px;
  resize: vertical;
}

.workspace-operation-field input:focus,
.workspace-operation-field textarea:focus,
.workspace-operation-close:focus-visible,
.workspace-operation-movers button:focus-visible,
.workspace-operation-actions button:focus-visible {
  outline: 2px solid rgba(255, 122, 26, 0.24);
  outline-offset: 1px;
}

.workspace-start-choices {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.workspace-start-choices button {
  display: grid;
  gap: 3px;
  width: 100%;
  border: 1px solid rgba(255, 122, 26, 0.42);
  border-radius: 4px;
  padding: 9px 10px;
  background: #fff3ea;
  color: var(--blue);
  cursor: pointer;
  text-align: left;
}

.workspace-start-choices button:hover,
.workspace-start-choices button:focus-visible {
  outline: 2px solid rgba(255, 122, 26, 0.24);
  outline-offset: 1px;
  border-color: rgba(255, 122, 26, 0.72);
}

.workspace-start-choices strong {
  font-size: 12px;
  font-weight: 850;
}

.workspace-start-choices span {
  color: rgba(10, 44, 94, 0.58);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
}

.workspace-tree-root.is-progress-column > .workspace-main-folder {
  background:
    linear-gradient(90deg, rgba(255, 122, 26, 0.12), rgba(255, 243, 230, 0));
}

.workspace-tree-root.is-operation-open {
  z-index: 54;
}

.workspace-folder-menu button[data-folder-action="sort-priority"]::before {
  border: 0;
  border-radius: 2px;
  background:
    linear-gradient(currentColor, currentColor) 2px 7px / 2px 7px no-repeat,
    linear-gradient(currentColor, currentColor) 6px 4px / 2px 10px no-repeat,
    linear-gradient(currentColor, currentColor) 10px 1px / 2px 13px no-repeat;
}

.workspace-folder-menu button[data-folder-action="sort-recent"]::before {
  border-radius: 999px;
  background:
    linear-gradient(currentColor, currentColor) 50% 48% / 1.4px 6px no-repeat,
    linear-gradient(currentColor, currentColor) 62% 58% / 5px 1.4px no-repeat;
}

.workspace-folder-menu button[data-folder-action="manual-sort"]::before {
  border: 0;
  border-radius: 2px;
  background:
    linear-gradient(currentColor, currentColor) 0 3px / 14px 1.6px no-repeat,
    linear-gradient(currentColor, currentColor) 0 7px / 10px 1.6px no-repeat,
    linear-gradient(currentColor, currentColor) 0 11px / 12px 1.6px no-repeat;
}

.workspace-folder-menu button[data-folder-action="forward-panel"]::before {
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(currentColor, currentColor) 1px 6px / 11px 1.6px no-repeat;
  box-shadow: 7px -3px 0 -1px currentColor, 7px 3px 0 -1px currentColor;
}

.workspace-folder-menu button[data-folder-action="use-progress-column"]::before {
  border-radius: 3px;
  background:
    linear-gradient(currentColor, currentColor) 4px 3px / 1.5px 8px no-repeat,
    linear-gradient(currentColor, currentColor) 8px 3px / 1.5px 8px no-repeat;
}

.workspace-folder-menu button[data-folder-action="add-project"]::before {
  border-radius: 4px;
  background:
    linear-gradient(currentColor, currentColor) 50% 50% / 9px 1.5px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 50% / 1.5px 9px no-repeat;
}
/* S15-027 secondary-folder operation panels: folder actions are contextual and local. */
.workspace-secondary-folder.is-operation-open {
  z-index: 54;
}

.workspace-secondary-folder.is-operation-open .secondary-folder-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

.workspace-secondary-folder > .workspace-operation-panel {
  top: 50%;
  right: auto;
  left: 50%;
  width: min(560px, calc(100vw - 40px));
  transform: translate(-50%, -50%);
}

.workspace-tree-root > .workspace-operation-panel.is-viewport-fit,
.workspace-secondary-folder > .workspace-operation-panel.is-viewport-fit {
  position: fixed;
  top: 50%;
  right: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

.workspace-secondary-folder.is-pinned > .workspace-secondary-row .secondary-folder-toggle {
  background:
    linear-gradient(90deg, rgba(255, 122, 26, 0.1), rgba(255, 243, 230, 0));
}

.workspace-secondary-folder.is-archived {
  opacity: 0.58;
}

.workspace-secondary-folder.is-archived > .workspace-secondary-row .secondary-folder-toggle small::after {
  content: " / archived";
}

.workspace-local-entity .workspace-tab {
  color: rgba(10, 44, 94, 0.68);
}

.workspace-local-entity .workspace-tab::after {
  opacity: 0;
}

.workspace-folder-menu button[data-secondary-action="pin-folder"]::before {
  width: 3px;
  height: 13px;
  margin-left: 5px;
  border: 0;
  border-radius: 99px;
  background: currentColor;
  box-shadow: 0 -4px 0 2px rgba(10, 44, 94, 0.12);
}

.workspace-folder-menu button[data-secondary-action="open-folder"]::before {
  height: 11px;
  border-radius: 3px;
  box-shadow: 3px -3px 0 -1px rgba(10, 44, 94, 0.22);
}

.workspace-folder-menu button[data-secondary-action="create-organization"]::before,
.workspace-folder-menu button[data-secondary-action="create-ladder"]::before,
.workspace-folder-menu button[data-secondary-action="add-conversation"]::before {
  border-radius: 3px;
  background:
    linear-gradient(currentColor, currentColor) 50% 50% / 9px 1.5px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 50% / 1.5px 9px no-repeat;
}

.workspace-folder-menu button[data-secondary-action="archive-folder"]::before {
  height: 11px;
  border-radius: 3px;
  box-shadow: 0 -4px 0 -1px currentColor;
}

.workspace-folder-menu button[data-secondary-action="remove-folder"] {
  color: rgba(126, 42, 30, 0.74);
}

.workspace-folder-menu button[data-secondary-action="remove-folder"]::before {
  height: 2px;
  margin-left: 1px;
  border: 0;
  border-radius: 99px;
  background: currentColor;
}
/* S15-028 tertiary conversation row polish: contextual quick actions and read states. */
.workspace-tertiary-row.has-conversation-process {
  min-height: 45px;
}

.workspace-tertiary-row.has-conversation-process.is-pinned .workspace-tab {
  background:
    linear-gradient(90deg, rgba(255, 122, 26, 0.08), rgba(255, 243, 230, 0.62));
}

.workspace-tertiary-row.has-conversation-process.is-archived {
  opacity: 0.62;
}

.workspace-tertiary-row.has-conversation-process.is-archiving {
  opacity: 0;
  max-height: 0;
  margin-block: 0;
  padding-block: 0;
  overflow: hidden;
  transform: translateX(-8px);
  transition:
    opacity 180ms ease,
    max-height 220ms ease,
    margin 220ms ease,
    padding 220ms ease,
    transform 180ms ease;
}

.workspace-tertiary-row.has-conversation-process.is-archived .workspace-tab small::after {
  content: " / archived";
}

.workspace-tertiary-row.has-conversation-process.is-read .workspace-tab small::after {
  content: " / read";
}

.conversation-progress-meta {
  width: 68px;
}

.conversation-process-line {
  grid-template-columns: repeat(7, 4px);
  gap: 2px;
}

.conversation-process-line span {
  width: 4px;
  height: 9px;
}

.conversation-progress-meta[data-process-state="running"] .conversation-process-line span {
  opacity: 0.2;
}

.conversation-progress-meta[data-process-state="complete"] .conversation-process-line span {
  height: 11px;
  opacity: 1;
}

.conversation-progress-meta[data-process-state="read"] .conversation-read-time {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 4px;
}

.conversation-process-actions {
  right: 0;
  gap: 5px;
}

.conversation-process-actions button[data-tertiary-action] {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 28px;
  min-width: 28px;
  height: 26px;
  min-height: 26px;
  border: 0;
  border-radius: 4px;
  padding: 0;
  background: rgba(255, 255, 255, 0.32);
  color: rgba(10, 44, 94, 0.6);
  cursor: pointer;
}

.conversation-process-actions button[data-tertiary-action]:hover,
.conversation-process-actions button[data-tertiary-action]:focus-visible {
  background: rgba(255, 255, 255, 0.72);
  color: var(--blue);
  outline: 0;
}

.conversation-process-actions button[data-tertiary-action][aria-pressed="true"] {
  background: rgba(10, 44, 94, 0.1);
  color: #0a2c5e;
}

.conversation-process-actions button[data-tertiary-action="archive-conversation"][aria-pressed="true"] {
  background: rgba(255, 122, 26, 0.14);
  color: #9b3f08;
}

.conversation-process-actions .tertiary-action-icon {
  display: block;
  width: 15px;
  height: 15px;
  stroke: currentColor;
  pointer-events: none;
}

.conversation-process-actions button[data-tertiary-action]::before,
.conversation-process-actions button[data-tertiary-action]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
}

.conversation-process-actions button[data-tertiary-action="pin-conversation"]::before {
  width: 2px;
  height: 12px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -35%);
}

.conversation-process-actions button[data-tertiary-action="pin-conversation"]::after {
  width: 8px;
  height: 8px;
  border: 0;
  border-left: 1.8px solid currentColor;
  border-top: 1.8px solid currentColor;
  transform: translate(-50%, -78%) rotate(45deg);
}

.conversation-process-actions button[data-tertiary-action="archive-conversation"]::before {
  width: 14px;
  height: 10px;
  border: 1.7px solid currentColor;
  border-radius: 3px;
  background: transparent;
  transform: translate(-50%, -35%);
}

.conversation-process-actions button[data-tertiary-action="archive-conversation"]::after {
  width: 14px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
  transform: translate(-50%, -7px);
}

.conversation-process-actions button[data-confirm-title]::before,
.conversation-process-actions button[data-confirm-title]::after {
  content: none;
}
/* S15-028 final priority: conversation row actions appear only on active hover/focus. */
.workspace-tertiary-row.has-conversation-process .conversation-process-actions {
  opacity: 0;
  pointer-events: none;
}

.workspace-tertiary-row.has-conversation-process:hover .conversation-process-actions,
.workspace-tertiary-row.has-conversation-process:focus-within .conversation-process-actions,
.workspace-tertiary-row.has-conversation-process .conversation-process-actions:focus-within {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

.workspace-tertiary-row.has-conversation-process:hover .conversation-process-line,
.workspace-tertiary-row.has-conversation-process:focus-within .conversation-process-line,
.workspace-tertiary-row.has-conversation-process:hover .conversation-read-time,
.workspace-tertiary-row.has-conversation-process:focus-within .conversation-read-time {
  opacity: 0;
  transform: translateX(-4px);
}
/* S15-028 action-open state: mirrors hover/focus for steadier conversation controls. */
.workspace-tertiary-row.has-conversation-process.is-actions-open .conversation-process-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

.workspace-tertiary-row.has-conversation-process.is-actions-open .conversation-process-line,
.workspace-tertiary-row.has-conversation-process.is-actions-open .conversation-read-time {
  opacity: 0;
  transform: translateX(-4px);
}
/* S15-029 conversation entry comfort: compact composer, seven-color rail, fixed message actions. */
.workspace-composer textarea {
  min-height: 38px;
  padding: 10px 12px;
}

.workspace-tertiary-row.has-conversation-process .workspace-tab {
  padding-right: 76px;
}

.workspace-tertiary-row.has-conversation-process .conversation-progress-meta {
  right: 4px;
  width: 66px;
}

.conversation-process-line {
  grid-template-columns: repeat(7, 4px);
  gap: 2px;
}

.conversation-process-line span {
  width: 4px;
}

.message-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.message-actions button {
  appearance: none;
  min-height: 28px;
  padding: 0 9px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: rgba(10, 44, 94, 0.66);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.message-actions button:hover,
.message-actions button:focus-visible,
.message-actions button.is-selected {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.16);
  color: var(--blue);
  outline: 0;
  box-shadow: none;
}

.message-actions button[data-message-action="new-conversation"] {
  border-color: transparent;
}

@media (max-width: 860px) {
  .workspace-composer textarea {
    min-height: 44px;
  }

  .workspace-tertiary-row.has-conversation-process .conversation-progress-meta {
    width: auto;
  }
}
/* S15-030 pane controls: clear index controls and bounded three-pane resizing. */
.workspace-one-screen {
  --workspace-left-width: 296px;
  --workspace-right-width: 360px;
}

.index-current-row {
  grid-template-columns: 17px minmax(0, 1fr) 28px;
  gap: 8px;
}

.workspace-folder-switcher,
.workspace-one-screen .index-collapse {
  position: relative;
  display: inline-grid;
  min-width: 0;
  border: 0;
  border-radius: 7px;
  padding: 0;
  background: transparent;
  color: rgba(10, 44, 94, 0.58);
  cursor: pointer;
}

.workspace-folder-switcher:hover,
.workspace-folder-switcher:focus-visible,
.workspace-one-screen .index-collapse:hover,
.workspace-one-screen .index-collapse:focus-visible {
  background: rgba(255, 255, 255, 0.62);
  color: var(--blue);
  outline: 0;
}

.icon-chevron {
  width: 8px;
  height: 8px;
  border-right: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 140ms ease;
}

.workspace-folder-switcher[aria-expanded="false"] .icon-chevron {
  transform: translateY(2px) rotate(-45deg);
}

.workspace-frame.is-left-collapsed .index-current-row {
  grid-template-columns: 28px 28px;
  justify-content: center;
  gap: 6px;
  padding-inline: 6px;
}

/* S15-042: the top selector owns only the workspace folder choices; pane controls own pane visibility. */
.workspace-one-screen .workspace-folder-switcher .tree-toggle-icon,
.workspace-one-screen .index-collapse .pane-toggle-icon,
.workspace-one-screen .intelligence-panel-toggle .pane-toggle-icon {
  display: inline-grid;
  place-items: center;
  width: auto;
  height: auto;
  transform-origin: center;
}

.workspace-one-screen .workspace-folder-switcher[aria-expanded="true"] .tree-toggle-icon,
.workspace-one-screen .index-collapse[aria-expanded="false"] .pane-toggle-icon,
.workspace-one-screen .intelligence-panel-toggle[aria-pressed="true"] .pane-toggle-icon {
  transform: rotate(180deg);
}

.workspace-one-screen .workspace-intelligence.is-compact .intelligence-scroll > :not(.intelligence-heading, .right-memory-rail) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
  overflow: hidden;
  box-shadow: none !important;
  transform: translateX(10px);
}

.workspace-pane-resizer {
  display: none;
}

@media (min-width: 1261px) {
  .workspace-frame.workspace-one-screen {
    position: relative;
    grid-template-columns: var(--workspace-left-width) minmax(0, 1fr) var(--workspace-right-width);
    background: linear-gradient(
      90deg,
      var(--workspace-left-surface) 0,
      var(--workspace-left-surface) var(--workspace-left-width),
      var(--current-page-surface) var(--workspace-left-width),
      var(--current-page-surface) calc(100% - var(--workspace-right-width)),
      rgba(255, 249, 242, 0.96) calc(100% - var(--workspace-right-width))
    );
  }

  .workspace-pane-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 20;
    display: grid;
    width: 18px;
    place-items: start center;
    border: 0;
    padding: 0;
    background: transparent;
    color: rgba(10, 44, 94, 0.32);
    cursor: col-resize;
    touch-action: none;
  }

  .workspace-pane-resizer-left {
    left: calc(var(--workspace-left-width) - 9px);
  }

  .workspace-pane-resizer-right {
    right: calc(var(--workspace-right-width) - 9px);
  }

  .pane-resizer-icon {
    display: block;
    width: 6px;
    height: 34px;
    margin-top: 8px;
    border-radius: 999px;
    background: radial-gradient(circle, currentColor 1.35px, transparent 1.6px) center / 6px 7px repeat-y;
    opacity: 0.7;
  }

  .workspace-pane-resizer:hover,
  .workspace-pane-resizer:focus-visible,
  .workspace-pane-resizer.is-dragging {
    color: var(--blue);
    outline: 0;
  }

  .workspace-pane-resizer:hover .pane-resizer-icon,
  .workspace-pane-resizer:focus-visible .pane-resizer-icon,
  .workspace-pane-resizer.is-dragging .pane-resizer-icon {
    opacity: 1;
  }

  .workspace-frame.is-left-collapsed {
    --workspace-left-width: 72px;
  }

  body.workspace-resizing,
  body.workspace-resizing * {
    cursor: col-resize !important;
    user-select: none !important;
  }
}

@media (max-width: 1260px) {
  .workspace-pane-resizer {
    display: none;
  }
}
.intelligence-heading .intelligence-panel-toggle {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 50%;
  padding: 0;
  background: transparent;
  color: rgba(10, 44, 94, 0.72);
}

.intelligence-heading .intelligence-panel-toggle:hover,
.intelligence-heading .intelligence-panel-toggle:focus-visible {
  border-color: var(--blue);
  background: rgba(255, 255, 255, 0.62);
  color: var(--blue);
  outline: 0;
}

.message-card:not(.is-recent-message) .message-actions {
  display: none;
}

.message-card.is-recent-message .message-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* S15-042: only the latest task keeps response actions in the interaction surface. */
.workspace-one-screen .message-card .message-actions {
  visibility: hidden;
  pointer-events: none;
}

.workspace-one-screen .message-card.is-recent-message .message-actions {
  visibility: visible;
  pointer-events: auto;
}

/* S15-043: workspace folders are peer workspaces; their categories and pages share one left edge. */
.workspace-one-screen .workspace-folder-tree {
  padding-left: 12px;
  padding-right: 8px;
}

.workspace-one-screen .workspace-tree-root,
.workspace-one-screen .workspace-tree-children,
.workspace-one-screen .workspace-secondary-folder,
.workspace-one-screen .workspace-tertiary-list {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.workspace-one-screen .workspace-tree-root {
  gap: 4px;
  padding-bottom: 8px;
}

.workspace-one-screen .workspace-tree-root + .workspace-tree-root {
  border-top: 1px solid rgba(10, 44, 94, 0.06);
  padding-top: 5px;
}

.workspace-one-screen .workspace-main-folder,
.workspace-one-screen .workspace-secondary-row,
.workspace-one-screen .workspace-tertiary-row {
  padding-left: 0;
}

.workspace-one-screen .tree-folder-toggle,
.workspace-one-screen .secondary-folder-toggle,
.workspace-one-screen .workspace-tertiary-row .workspace-tab {
  grid-template-columns: 28px minmax(0, 1fr);
  padding-left: 0;
}

.workspace-one-screen .workspace-tree-root.is-active-workspace > .workspace-main-folder {
  background: linear-gradient(90deg, rgba(255, 122, 26, 0.1), rgba(255, 243, 230, 0));
}

.workspace-one-screen .workspace-tree-root:not(.is-active-workspace) > .workspace-main-folder .tree-folder-toggle {
  color: rgba(10, 44, 94, 0.56);
}

.workspace-one-screen .workspace-folder-menu,
.workspace-one-screen .workspace-tree-empty {
  margin-left: 0;
}

.workspace-one-screen .workspace-secondary-folder {
  padding-top: 1px;
  padding-bottom: 1px;
}

.workspace-one-screen .workspace-secondary-row .secondary-folder-toggle {
  padding-right: clamp(70px, 24cqw, 104px);
}

/* S15-044: workspaces and folders are peer entries in one flat navigation. */
.workspace-one-screen .workspace-folder-tree {
  display: grid;
  align-content: start;
  gap: 4px;
}

.workspace-one-screen .workspace-folder-tree > .workspace-tree-root,
.workspace-one-screen .workspace-folder-tree > .workspace-flat-category-list {
  margin: 0;
  padding: 0;
  border: 0;
}

.workspace-folder-switcher-shell {
  grid-row: 1;
  position: relative;
  z-index: 40;
}

.workspace-folder-switcher {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 10px 8px 0;
  text-align: left;
}

.workspace-folder-switcher-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
}

.workspace-folder-switcher-icon .eicon {
  font-size: 16px;
}

.workspace-folder-switcher-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.workspace-folder-switcher-title {
  color: rgba(10, 44, 94, 0.52);
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-folder-switcher-current {
  color: var(--blue);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.1;
}

.workspace-folder-groups {
  display: grid;
  gap: 4px;
}

.workspace-folder-popover {
  position: absolute;
  top: calc(100% - 10px);
  left: 28px;
  right: 36px;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(10, 44, 94, 0.08);
  border-radius: 14px;
  background: rgba(255, 253, 249, 0.98);
  box-shadow: 0 16px 34px rgba(10, 44, 94, 0.1);
  backdrop-filter: blur(14px);
}

.workspace-folder-popover[hidden] {
  display: none;
}

.workspace-folder-group-item {
  appearance: none;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(10, 44, 94, 0.58);
  text-align: left;
  cursor: pointer;
  transition: background-color 140ms ease, color 140ms ease;
}

.workspace-folder-group-item > span:last-child {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.workspace-folder-group-item strong,
.workspace-folder-group-item small {
  display: block;
}

.workspace-folder-group-item strong {
  font-size: 0.97rem;
  line-height: 1.15;
}

.workspace-folder-group-item small {
  color: rgba(10, 44, 94, 0.44);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-folder-group-item:hover,
.workspace-folder-group-item:focus-visible {
  background: rgba(255, 247, 239, 0.92);
  color: rgba(10, 44, 94, 0.82);
}

.workspace-folder-group-item.is-active {
  background: rgba(255, 242, 229, 0.94);
  box-shadow: inset 0 0 0 1px rgba(255, 138, 28, 0.12);
  color: var(--blue);
}

.workspace-folder-group-item.is-active strong {
  font-weight: 800;
}

.workspace-folder-group-item.is-active small {
  color: rgba(10, 44, 94, 0.56);
}

.workspace-frame.workspace-one-screen {
  transition: grid-template-columns 220ms cubic-bezier(0.22, 1, 0.36, 1), background 220ms ease;
}

.workspace-one-screen .workspace-index,
.workspace-one-screen .workspace-intelligence,
.workspace-one-screen .workspace-folder-switcher-copy,
.workspace-one-screen .index-scroll,
.workspace-one-screen .intelligence-scroll,
.workspace-one-screen .service-actions,
.workspace-one-screen .intelligence-scroll > *,
.workspace-one-screen .left-memory-rail,
.workspace-one-screen .right-memory-rail {
  transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), visibility 180ms ease, max-height 220ms cubic-bezier(0.22, 1, 0.36, 1), margin 180ms ease, padding 180ms ease;
}

.left-memory-rail,
.right-memory-rail {
  display: none;
}

.left-memory-rail {
  position: absolute;
  top: 74px;
  right: 0;
  bottom: 12px;
  left: 0;
  z-index: 5;
  align-content: start;
  justify-items: center;
  gap: 10px;
  padding-top: 14px;
}

.memory-rail-button {
  position: relative;
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(10, 44, 94, 0.08);
  border-radius: 10px;
  padding: 0;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(10, 44, 94, 0.74);
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(10, 44, 94, 0.06);
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.memory-rail-button:hover,
.memory-rail-button:focus-visible {
  border-color: rgba(255, 122, 26, 0.28);
  background: rgba(255, 255, 255, 0.94);
  color: var(--blue);
  outline: 0;
  transform: translateY(-1px);
}

.memory-rail-button .eicon {
  font-size: 15px;
  line-height: 1;
}

.memory-rail-button-status::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(10, 44, 94, 0.18);
}

.memory-rail-button-status.is-ready::after {
  background: #31c46b;
  box-shadow: 0 0 0 2px rgba(49, 196, 107, 0.14);
}

.memory-rail-button-status.is-quiet::after {
  background: rgba(10, 44, 94, 0.2);
}

.intelligence-heading-icon {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(10, 44, 94, 0.1);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  color: rgba(10, 44, 94, 0.76);
}

.intelligence-heading-icon .eicon {
  font-size: 15px;
  line-height: 1;
}

.workspace-frame.is-left-collapsed .workspace-folder-switcher-shell {
  display: grid;
  justify-items: center;
}

.workspace-frame.is-left-collapsed .workspace-folder-switcher {
  grid-template-columns: 1fr;
  width: 28px;
  min-height: 32px;
  justify-items: center;
  gap: 0;
  padding: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.7);
}

.workspace-frame.is-left-collapsed .workspace-folder-switcher-copy,
.workspace-frame.is-left-collapsed .workspace-folder-switcher .tree-toggle-icon,
.workspace-frame.is-left-collapsed .index-current-row > .tiny-grid {
  display: none;
}

.workspace-frame.is-left-collapsed .left-memory-rail {
  display: grid;
}

.workspace-frame.is-left-collapsed .index-scroll {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-10px);
}

.workspace-frame.is-right-collapsed .workspace-intelligence {
  overflow: hidden;
}

.workspace-frame.is-right-collapsed .intelligence-heading {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-bottom: 0;
}

.workspace-frame.is-right-collapsed .intelligence-heading h2 {
  display: none;
}

.workspace-frame.is-right-collapsed .intelligence-scroll {
  padding-inline: 10px;
}

.workspace-frame.is-right-collapsed .right-memory-rail {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding-top: 12px;
}

.workspace-frame.is-right-collapsed .service-actions {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.workspace-one-screen .workspace-folder-tree > .workspace-tree-root + .workspace-tree-root {
  padding-top: 0;
  border-top: 0;
}

.workspace-one-screen .workspace-flat-category-list {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.workspace-one-screen .workspace-flat-category-list > .workspace-secondary-folder {
  margin: 0;
  padding: 0;
  border: 0;
}

.workspace-one-screen .workspace-flat-category-list .workspace-tertiary-list {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.workspace-one-screen .workspace-tree-root[data-workspace-flat="true"] > .workspace-main-folder,
.workspace-one-screen .workspace-flat-category-list > .workspace-secondary-folder > .workspace-secondary-row {
  min-width: 0;
}

.workspace-one-screen .workspace-tree-root[data-workspace-flat="true"]:not(.is-active-workspace) > .workspace-main-folder .tree-folder-toggle {
  color: rgba(10, 44, 94, 0.56);
}

.message-actions button {
  display: inline-grid;
  width: 30px;
  min-width: 30px;
  height: 28px;
  min-height: 28px;
  place-items: center;
  padding: 0;
}

.message-action-icon {
  display: inline-grid;
  width: 15px;
  height: 15px;
  place-items: center;
}

.message-action-icon svg {
  display: block;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}
/* S15-033: Elementor eicons are the single workspace icon family. */
.icon-shell {
  display: inline-grid;
  place-items: center;
  background: none;
  border: 0;
}

.context-grid.icon-shell,
.tiny-grid.icon-shell {
  width: 14px;
  height: 14px;
}

.context-folder.icon-shell {
  width: 17px;
  height: 17px;
}

.icon-shell::before,
.icon-shell::after {
  content: none;
}

.icon-shell .eicon {
  color: currentColor;
  font-size: 14px;
}

.context-grid.icon-shell .eicon,
.tiny-grid.icon-shell .eicon {
  font-size: 13px;
}

.context-folder.icon-shell .eicon {
  font-size: 16px;
}

.tree-toggle-icon,
.pane-toggle-icon {
  display: inline-grid;
  place-items: center;
  line-height: 1;
  transition: transform 140ms ease;
}

.tree-toggle-icon {
  font-size: 12px;
}

.workspace-folder-switcher[aria-expanded="true"] .tree-toggle-icon {
  transform: rotate(180deg);
}

.index-collapse .pane-toggle-icon,
.intelligence-panel-toggle .pane-toggle-icon {
  font-size: 14px;
}

.tree-folder-symbol {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
}

.tree-folder-symbol .eicon {
  font-size: 16px;
}

.tree-folder-symbol.small .eicon {
  font-size: 14px;
}

.tab-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
}

.tab-icon .eicon {
  font-size: 16px;
}

.folder-add-button .eicon,
.mini-action .eicon,
.composer-add .eicon,
.composer-send .eicon,
.confirm-close .eicon {
  display: inline-block;
  line-height: 1;
}

.folder-add-button .eicon,
.mini-action .eicon {
  font-size: 13px;
}

.composer-add .eicon,
.composer-send .eicon {
  font-size: 15px;
}

.confirm-close .eicon {
  font-size: 14px;
}

.pane-resizer-icon.eicon {
  width: auto;
  height: auto;
  margin-top: 8px;
  border-radius: 0;
  background: none;
  font-size: 13px;
  line-height: 1;
  opacity: 0.7;
}

.message-action-icon.eicon {
  display: inline-grid;
  place-items: center;
  width: 15px;
  height: 15px;
  font-size: 15px;
  line-height: 1;
}

.message-action-icon svg {
  display: none;
}

.message-action-icon.thumb-icon {
  width: 16px;
  height: 16px;
}

.message-action-icon.thumb-icon svg {
  display: block !important;
  width: 16px;
  height: 16px;
}

/* S15-034: fluid icon frames sized from their title row. */
.workspace-main-folder,
.workspace-secondary-row,
.workspace-tertiary-row {
  container-type: inline-size;
  container-name: workspace-title-row;
}

.workspace-main-folder,
.workspace-secondary-row {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.workspace-main-folder .tree-folder-toggle,
.workspace-secondary-row .secondary-folder-toggle,
.workspace-tertiary-row .workspace-tab {
  min-width: 0;
}

.tree-folder-toggle,
.secondary-folder-toggle,
.workspace-tertiary-row .workspace-tab {
  grid-template-columns: clamp(22px, 9cqw, 30px) minmax(0, 1fr);
}

.tree-folder-symbol,
.tab-icon {
  inline-size: clamp(20px, 8cqw, 28px);
  block-size: clamp(20px, 8cqw, 28px);
}

.tree-folder-symbol .eicon,
.tab-icon .eicon {
  font-size: clamp(15px, 6cqw, 20px);
}

.tree-folder-symbol.small .eicon {
  font-size: clamp(14px, 5.4cqw, 18px);
}

.main-folder-actions {
  min-width: 0;
  gap: clamp(3px, 1cqw, 6px);
}

.folder-add-button,
.mini-action,
.conversation-process-actions button {
  inline-size: clamp(22px, 8cqw, 28px);
  min-inline-size: clamp(22px, 8cqw, 28px);
  block-size: clamp(22px, 8cqw, 28px);
}

.folder-add-button .eicon,
.mini-action .eicon {
  font-size: clamp(12px, 4cqw, 16px);
}

.workspace-secondary-row .secondary-folder-toggle {
  padding-right: clamp(70px, 24cqw, 104px);
}

.workspace-tertiary-row.has-conversation-process .workspace-tab {
  padding-right: clamp(62px, 24cqw, 100px);
}

.conversation-progress-meta {
  inline-size: clamp(56px, 22cqw, 90px);
}

.conversation-process-line {
  grid-template-columns: repeat(7, minmax(3px, 1fr));
  gap: clamp(2px, 0.8cqw, 5px);
}

.conversation-process-line span {
  inline-size: auto;
  min-inline-size: 3px;
}

.conversation-process-actions {
  gap: clamp(2px, 0.8cqw, 5px);
}

/* S15-034b: remove physical dimensions that override fluid icon frames. */
.tree-folder-symbol,
.tab-icon {
  width: clamp(20px, 8cqw, 28px);
  height: clamp(20px, 8cqw, 28px);
}

.folder-add-button,
.mini-action,
.conversation-process-actions button {
  width: clamp(22px, 8cqw, 28px);
  min-width: clamp(22px, 8cqw, 28px);
  height: clamp(22px, 8cqw, 28px);
  min-height: clamp(22px, 8cqw, 28px);
}

.conversation-progress-meta {
  width: clamp(56px, 22cqw, 90px);
  min-width: 0;
  max-width: 90px;
}

/* S15-034c: size the seven-step process frame from its title row width. */
.conversation-progress-meta {
  width: clamp(52px, 24%, 92px);
  inline-size: auto;
}

/* S15-036: keep the left tree quiet when it fits, and keep its needed scrollbar at the edge. */
.workspace-folder-tree {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.workspace-folder-tree::-webkit-scrollbar,
.workspace-tab-carousel::-webkit-scrollbar {
  width: 7px;
}

.workspace-folder-tree::-webkit-scrollbar-track,
.workspace-tab-carousel::-webkit-scrollbar-track {
  background: transparent;
}

.workspace-folder-tree::-webkit-scrollbar-thumb,
.workspace-tab-carousel::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(10, 44, 94, 0.25);
  background-clip: content-box;
}

.workspace-folder-tree::-webkit-scrollbar-button,
.workspace-tab-carousel::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* S15-036: hover actions use the same local Elementor icon family as the tree. */
.conversation-process-actions button[data-tertiary-action]::before,
.conversation-process-actions button[data-tertiary-action]::after {
  content: none;
  display: none;
}

.conversation-process-actions button[data-tertiary-action] .eicon {
  display: inline-grid;
  place-items: center;
  font-size: 13px;
  line-height: 1;
}

/* S15-037: keep pane boundaries quiet until the user reaches for them. */
.workspace-one-screen .workspace-pane-resizer .pane-resizer-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 140ms ease, visibility 140ms ease;
}

.workspace-one-screen .workspace-pane-resizer:hover .pane-resizer-icon,
.workspace-one-screen .workspace-pane-resizer:focus-visible .pane-resizer-icon,
.workspace-one-screen .workspace-pane-resizer.is-dragging .pane-resizer-icon {
  opacity: 0.78;
  visibility: visible;
}

/* S15-037: remove native scrollbar arrow buttons without removing scroll access. */
.workspace-one-screen .index-scroll::-webkit-scrollbar-button,
.workspace-one-screen .workspace-folder-tree::-webkit-scrollbar-button,
.workspace-one-screen .workspace-tab-carousel::-webkit-scrollbar-button,
.workspace-one-screen .display-scroll::-webkit-scrollbar-button,
.workspace-one-screen .intelligence-scroll::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: none !important;
  -webkit-appearance: none !important;
}

/* S15-040: remove every vertical native arrow variant, including RTL tree tracks. */
.workspace-one-screen .index-scroll::-webkit-scrollbar-button:vertical,
.workspace-one-screen .workspace-folder-tree::-webkit-scrollbar-button:vertical,
.workspace-one-screen .workspace-tab-carousel::-webkit-scrollbar-button:vertical,
.workspace-one-screen .display-scroll::-webkit-scrollbar-button:vertical,
.workspace-one-screen .intelligence-scroll::-webkit-scrollbar-button:vertical,
.workspace-one-screen .index-scroll::-webkit-scrollbar-button:vertical:start:decrement,
.workspace-one-screen .index-scroll::-webkit-scrollbar-button:vertical:end:increment,
.workspace-one-screen .workspace-folder-tree::-webkit-scrollbar-button:vertical:start:decrement,
.workspace-one-screen .workspace-folder-tree::-webkit-scrollbar-button:vertical:end:increment,
.workspace-one-screen .workspace-tab-carousel::-webkit-scrollbar-button:vertical:start:decrement,
.workspace-one-screen .workspace-tab-carousel::-webkit-scrollbar-button:vertical:end:increment {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* Keep one clean, narrow scroll track in each independently scrolling pane. */
.workspace-one-screen .display-scroll::-webkit-scrollbar,
.workspace-one-screen .intelligence-scroll::-webkit-scrollbar {
  width: 7px;
}

.workspace-one-screen .display-scroll::-webkit-scrollbar-track,
.workspace-one-screen .intelligence-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.workspace-one-screen .display-scroll::-webkit-scrollbar-thumb,
.workspace-one-screen .intelligence-scroll::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(10, 44, 94, 0.25);
  background-clip: content-box;
}

/* S16-002: shrink the bottom composer into a refined floating work bar. */
.workspace-one-screen .workspace-page-body {
  padding-bottom: 148px;
}

.workspace-one-screen .workspace-composer {
  position: sticky;
  bottom: 16px;
  z-index: 8;
  width: min(676px, calc(100% - 72px));
  margin: 16px auto 0;
  padding: 8px 10px 9px;
  gap: 6px;
  border-color: var(--current-page-line-soft);
  border-left-color: var(--current-page-line);
  border-radius: 4px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 252, 248, 0.94)),
    var(--current-page-surface);
  box-shadow:
    0 10px 24px rgba(10, 44, 94, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.86) inset;
  backdrop-filter: blur(12px);
  transition: box-shadow 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.workspace-one-screen .workspace-composer:hover,
.workspace-one-screen .workspace-composer:focus-within {
  box-shadow:
    0 12px 28px rgba(10, 44, 94, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.workspace-one-screen .workspace-composer textarea {
  min-height: 42px;
  max-height: 92px;
  padding: 11px 13px 10px;
  font-size: 15px;
  line-height: 1.4;
  border-radius: 3px;
  overflow-y: auto;
}

.workspace-one-screen .workspace-composer textarea::placeholder {
  color: rgba(10, 44, 94, 0.54);
}

.workspace-one-screen .composer-status-row {
  min-height: 18px;
  gap: 8px;
  padding: 0 2px;
  font-size: 11px;
  font-weight: 780;
}

.workspace-one-screen .composer-status-row span {
  min-width: 0;
}

.workspace-one-screen .composer-status-row span:nth-child(2) {
  opacity: 0.76;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.workspace-one-screen .composer-status-row span:last-child {
  opacity: 0.68;
}

.workspace-one-screen .composer-actions {
  align-items: center;
  gap: 8px;
}

.workspace-one-screen .composer-right-actions {
  gap: 5px;
}

.workspace-one-screen .workspace-composer .button-outline,
.workspace-one-screen .workspace-composer .composer-add,
.workspace-one-screen .workspace-composer .composer-send {
  min-height: 30px;
}

.workspace-one-screen .workspace-composer .button-outline {
  padding: 0 10px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 760;
}

.workspace-one-screen .composer-add,
.workspace-one-screen .composer-send {
  width: 32px;
  height: 30px;
  border-radius: 3px;
}

.workspace-one-screen .composer-add .eicon,
.workspace-one-screen .composer-send .eicon {
  font-size: 15px;
}

.workspace-one-screen .composer-send {
  box-shadow: none;
}

@media (max-width: 1180px) {
  .workspace-one-screen .workspace-composer {
    width: calc(100% - 40px);
  }
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-page-body {
    padding-bottom: 120px;
  }

  .workspace-one-screen .workspace-composer {
    bottom: 10px;
    width: calc(100% - 16px);
    margin-top: 12px;
    padding: 8px;
    backdrop-filter: none;
  }

  .workspace-one-screen .workspace-composer textarea {
    min-height: 44px;
    max-height: 84px;
    font-size: 15px;
  }

  .workspace-one-screen .composer-status-row {
    font-size: 10px;
  }

  .workspace-one-screen .composer-actions {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: flex-end;
    gap: 5px;
  }

  .workspace-one-screen .composer-right-actions {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 3px;
  }

  .workspace-one-screen .workspace-composer .button-outline {
    min-width: 0;
    padding: 0 6px;
    font-size: 11px;
  }

  .workspace-one-screen .composer-add,
  .workspace-one-screen .composer-send {
    width: 28px;
    height: 28px;
  }
}

/* S16-003: remove the white card feel so dialog content sits inside the workspace surface. */
.workspace-one-screen .message-card {
  background: var(--current-page-surface);
  box-shadow: none;
}

.workspace-one-screen .message-card:hover {
  background: var(--current-page-surface);
  box-shadow: none;
}

.workspace-one-screen .user-message {
  background: #f5ede4;
}

.workspace-one-screen .workspace-composer {
  background: var(--current-page-surface);
  box-shadow: none;
  backdrop-filter: none;
}

.workspace-one-screen .workspace-composer:hover,
.workspace-one-screen .workspace-composer:focus-within {
  box-shadow: none;
}

.workspace-one-screen .workspace-composer textarea {
  background: var(--current-page-surface);
}

/* S15-051: keep micro-icon controls visually transparent at rest. */
.workspace-one-screen .index-collapse,
.folder-add-button,
.mini-action,
.conversation-process-actions button[data-tertiary-action],
.memory-rail-button,
.intelligence-heading-icon,
.workspace-frame.is-left-collapsed .workspace-folder-switcher {
  background: transparent;
  box-shadow: none;
}

.workspace-folder-switcher:hover,
.workspace-folder-switcher:focus-visible,
.workspace-one-screen .index-collapse:hover,
.workspace-one-screen .index-collapse:focus-visible,
.folder-add-button:hover,
.folder-add-button:focus-visible,
.mini-action:hover,
.mini-action:focus-visible,
.conversation-process-actions button[data-tertiary-action]:hover,
.conversation-process-actions button[data-tertiary-action]:focus-visible,
.memory-rail-button:hover,
.memory-rail-button:focus-visible,
.intelligence-heading-icon:hover,
.intelligence-heading-icon:focus-visible,
.workspace-frame.is-left-collapsed .workspace-folder-switcher:hover,
.workspace-frame.is-left-collapsed .workspace-folder-switcher:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: none;
}

.workspace-one-screen .conversation-process-actions button[data-tertiary-action][aria-pressed="true"] {
  background: rgba(10, 44, 94, 0.1);
  color: #0a2c5e;
}

.workspace-one-screen .conversation-process-actions button[data-tertiary-action="archive-conversation"][aria-pressed="true"] {
  background: rgba(255, 122, 26, 0.14);
  color: #9b3f08;
}

/* S24 action visibility: keep small controls hidden until the row is intentionally active. */
.workspace-tertiary-row.has-conversation-process .conversation-process-actions {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) translateX(3px) !important;
  z-index: 8;
}

.workspace-tertiary-row.has-conversation-process:hover .conversation-process-actions,
.workspace-tertiary-row.has-conversation-process:focus-within .conversation-process-actions,
.workspace-tertiary-row.has-conversation-process .conversation-process-actions:focus-within,
.workspace-tertiary-row.has-conversation-process.is-actions-open .conversation-process-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(-50%) translateX(0) !important;
}

.workspace-tertiary-row.has-conversation-process .conversation-process-line,
.workspace-tertiary-row.has-conversation-process .conversation-read-time {
  pointer-events: none;
}

.workspace-tertiary-row.has-conversation-process .conversation-process-actions button[data-tertiary-action] {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  border: 1px solid rgba(10, 44, 94, 0.08);
  background: rgba(255, 243, 234, 0.72);
  color: rgba(10, 44, 94, 0.78);
}

.workspace-tertiary-row.has-conversation-process .conversation-process-actions .tertiary-action-icon {
  width: 16px;
  height: 16px;
}

/* S24 secondary actions: reliable click targets, visually hidden until the folder row is active. */
.workspace-secondary-folder .secondary-folder-actions {
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 9;
}

.workspace-secondary-row:hover .secondary-folder-actions,
.workspace-secondary-row:focus-within .secondary-folder-actions,
.workspace-secondary-folder.is-menu-open .secondary-folder-actions,
.workspace-secondary-folder.is-operation-open .secondary-folder-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.workspace-secondary-folder .secondary-folder-actions [data-secondary-action="add-conversation"] {
  display: inline-grid !important;
  place-items: center;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  border: 1px solid rgba(255, 122, 26, 0.28) !important;
  border-radius: 4px !important;
  background: rgba(255, 243, 234, 0.82) !important;
  color: #0a2c5e !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.workspace-secondary-folder .secondary-folder-actions [data-secondary-action="add-conversation"]:hover,
.workspace-secondary-folder .secondary-folder-actions [data-secondary-action="add-conversation"]:focus-visible {
  border-color: rgba(255, 122, 26, 0.72) !important;
  background: #fff3ea !important;
  outline: 2px solid rgba(255, 122, 26, 0.24);
  outline-offset: 1px;
}

.mini-action[data-menu-button][aria-expanded="true"],
.workspace-secondary-folder.is-menu-open .secondary-folder-toggle,
.workspace-tree-root.is-menu-open .workspace-main-folder .tree-folder-toggle {
  background: rgba(255, 255, 255, 0.2);
}

/* S16-004: anchor the composer lower, convert support actions to icons, add transparent brand mark. */
.workspace-one-screen .workspace-page-body {
  padding-bottom: 104px;
}

.workspace-one-screen .workspace-composer {
  bottom: 6px;
  margin-top: 18px;
}

.workspace-one-screen .composer-actions {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.workspace-one-screen .composer-right-actions {
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 4px;
}

.workspace-one-screen .workspace-composer .composer-icon-button {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: rgba(10, 44, 94, 0.68);
  font-size: 0;
}

.workspace-one-screen .workspace-composer .composer-icon-button:hover,
.workspace-one-screen .workspace-composer .composer-icon-button:focus-visible {
  border-color: var(--current-page-line-soft);
  background: rgba(255, 255, 255, 0.18);
  color: var(--blue);
  outline: 0;
}

.workspace-one-screen .workspace-composer .composer-icon-button .eicon {
  font-size: 14px;
  line-height: 1;
}

.workspace-one-screen .composer-brand-mark {
  display: inline-grid;
  width: 38px;
  height: 38px;
  border: 0;
  background: url("assets/brand/presmind-cambria-o.jpg") center 7% / 136% auto no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.56;
  pointer-events: none;
  filter: saturate(0.96) contrast(1.04);
}

.workspace-one-screen .composer-brand-mark-outside {
  position: absolute;
  right: -44px;
  bottom: 10px;
  z-index: 2;
}

/* S16-006: unify middle action icons with composer control height and make add transparent. */
.workspace-one-screen .message-actions {
  gap: 8px;
  padding-top: 4px;
}

.workspace-one-screen .message-actions button,
.workspace-one-screen .composer-add {
  display: inline-grid;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
}

.workspace-one-screen .message-actions button:hover,
.workspace-one-screen .message-actions button:focus-visible,
.workspace-one-screen .message-actions button.is-selected,
.workspace-one-screen .composer-add:hover,
.workspace-one-screen .composer-add:focus-visible {
  background: rgba(255, 255, 255, 0.16);
  box-shadow: none;
}

.workspace-one-screen .composer-add {
  color: rgba(10, 44, 94, 0.68);
}

.workspace-one-screen .composer-add .eicon {
  font-size: 14px;
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-page-body {
    padding-bottom: 92px;
  }

  .workspace-one-screen .workspace-composer {
    bottom: 4px;
  }

  .workspace-one-screen .composer-actions {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 4px;
  }

  .workspace-one-screen .composer-right-actions {
    gap: 2px;
  }

  .workspace-one-screen .workspace-composer .composer-icon-button {
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
  }

  .workspace-one-screen .composer-brand-mark {
    width: 28px;
    height: 28px;
    background-size: 140% auto;
    opacity: 0.5;
  }

  .workspace-one-screen .composer-brand-mark-outside {
    right: -8px;
    bottom: 8px;
  }

  .workspace-one-screen .message-actions button,
  .workspace-one-screen .composer-add {
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
  }
}

/* S16-007: compact the bottom rail, tighten icon grouping, simplify brand mark, remove debug count. */
.workspace-one-screen .workspace-page-body {
  padding-bottom: 82px;
}

.workspace-one-screen .workspace-composer {
  bottom: 2px;
  margin-top: 12px;
  padding: 6px 8px;
  gap: 4px;
}

.workspace-one-screen .workspace-composer textarea {
  min-height: 34px;
  max-height: 72px;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.35;
}

.workspace-one-screen .composer-status-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  min-height: 14px;
  gap: 6px;
  padding: 0 1px;
  font-size: 10px;
  font-weight: 760;
}

.workspace-one-screen .composer-status-row span:first-child {
  color: rgba(10, 44, 94, 0.7);
}

.workspace-one-screen .composer-status-row span:nth-child(2) {
  justify-self: center;
  font-size: 9px;
  font-weight: 720;
  letter-spacing: 0.08em;
  opacity: 0.44;
}

.workspace-one-screen .composer-status-row [data-composer-count] {
  display: none;
}

.workspace-one-screen .composer-actions {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 6px;
}

.workspace-one-screen .composer-right-actions {
  justify-self: end;
  gap: 2px;
  padding-right: 10px;
}

.workspace-one-screen .workspace-composer .composer-icon-button,
.workspace-one-screen .composer-add,
.workspace-one-screen .composer-send {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  border-radius: 3px;
}

.workspace-one-screen .composer-add .eicon,
.workspace-one-screen .workspace-composer .composer-icon-button .eicon,
.workspace-one-screen .composer-send .eicon {
  font-size: 13px;
}

.workspace-one-screen .composer-brand-mark {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 999px;
  background: transparent;
  mix-blend-mode: normal;
  opacity: 0.9;
  filter: none;
}

.workspace-one-screen .composer-brand-mark::before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(10, 44, 94, 0.1);
  border-radius: 999px;
}

.workspace-one-screen .composer-brand-mark::after {
  content: "";
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 7px;
  height: 8px;
  border-radius: 1px;
  background: #f24b25;
  clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
}

.workspace-one-screen .composer-brand-mark-outside {
  right: -24px;
  bottom: 5px;
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-page-body {
    padding-bottom: 74px;
  }

  .workspace-one-screen .workspace-composer {
    bottom: 1px;
    padding: 5px 6px;
  }

  .workspace-one-screen .workspace-composer textarea {
    min-height: 32px;
    max-height: 64px;
    padding: 7px 9px;
    font-size: 13px;
  }

  .workspace-one-screen .composer-actions {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 4px;
  }

  .workspace-one-screen .composer-right-actions {
    gap: 1px;
    padding-right: 6px;
  }

  .workspace-one-screen .workspace-composer .composer-icon-button,
  .workspace-one-screen .composer-add,
  .workspace-one-screen .composer-send {
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
  }

  .workspace-one-screen .composer-brand-mark {
    width: 15px;
    height: 15px;
  }

  .workspace-one-screen .composer-brand-mark::before {
    inset: 2px;
  }

  .workspace-one-screen .composer-brand-mark::after {
    right: 1px;
    bottom: 1px;
    width: 6px;
    height: 6px;
  }

  .workspace-one-screen .composer-brand-mark-outside {
    right: -6px;
    bottom: 6px;
  }
}

/* S16-007 follow-up: tighten composer proportion, soften send emphasis, and move the brand mark to a true outside rail. */
.workspace-one-screen .workspace-page-body {
  padding-bottom: 30px;
}

.workspace-one-screen .workspace-composer {
  width: min(612px, calc(100% - 112px));
  bottom: -30px;
  margin-top: 10px;
  padding: 6px 8px 7px;
  gap: 3px;
  overflow: visible;
}

.workspace-one-screen .workspace-composer::after {
  content: none;
}

.workspace-one-screen .composer-brand-mark-outside {
  display: none;
}

.workspace-one-screen .composer-brand-badge {
  display: none;
}

.workspace-one-screen .composer-brand-badge-button {
  position: absolute;
  top: calc(50% + 1px);
  right: -76px;
  height: 64px;
  aspect-ratio: 2048 / 1889;
  width: auto;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background:
    url("assets/brand/presidentialmindset-diamond-static.jpeg?v=20260713-s02-017")
    center / contain no-repeat;
  cursor: pointer;
  transform: translateY(-50%);
  transition: transform 160ms ease, filter 160ms ease, opacity 160ms ease;
  isolation: isolate;
  z-index: 2;
}

.workspace-one-screen .composer-brand-badge-button:focus-visible {
  outline: 1px solid rgba(242, 75, 37, 0.52);
  outline-offset: 3px;
}

.workspace-one-screen .composer-brand-badge-button:hover {
  transform: translateY(calc(-50% - 1px));
}

.workspace-one-screen .composer-brand-badge-image {
  display: none;
}

.workspace-one-screen .composer-brand-orbit {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.workspace-one-screen .composer-brand-orbit::before {
  content: "";
  position: absolute;
  left: 72.3877%;
  top: 79.0799%;
  width: 18.1641%;
  height: 19.5342%;
  background:
    url("assets/brand/presmind-cambria-red-quad.png?v=20260712-voice-3")
    center / contain no-repeat;
  filter:
    drop-shadow(0 0 1px rgba(242, 75, 37, 0.18))
    drop-shadow(0 0 8px rgba(242, 75, 37, 0.14));
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: 50% 50%;
  animation: composerDiamondStepCenters 5.6s steps(1, end) infinite;
  animation-delay: calc(var(--voice-orbit-step, 0) * -700ms);
}

.workspace-one-screen .composer-brand-badge-button.is-listening .composer-brand-orbit::before,
.workspace-one-screen .composer-brand-badge-button:hover .composer-brand-orbit::before {
  filter:
    drop-shadow(0 0 1px rgba(242, 75, 37, 0.22))
    drop-shadow(0 0 12px rgba(242, 75, 37, 0.22));
}

.workspace-one-screen .composer-brand-badge-button.is-listening .composer-brand-badge-image {
  filter: contrast(1.06) saturate(1);
}

.workspace-one-screen .composer-brand-badge-button.is-listening {
  transform: translateY(-50%) scale(1.02);
}

@keyframes composerDiamondStepCenters {
  0%,
  12.49% {
    left: 72.3877%;
    top: 79.0799%;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  12.5%,
  24.99% {
    left: 45.2679%;
    top: 86.3931%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  25%,
  37.49% {
    left: 20.9201%;
    top: 72.3877%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  37.5%,
  49.99% {
    left: 13.6069%;
    top: 45.2679%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  50%,
  62.49% {
    left: 27.6123%;
    top: 20.9201%;
    transform: translate(-50%, -50%) rotate(180deg);
  }
  62.5%,
  74.99% {
    left: 54.7321%;
    top: 13.6069%;
    transform: translate(-50%, -50%) rotate(225deg);
  }
  75%,
  87.49% {
    left: 79.0799%;
    top: 27.6123%;
    transform: translate(-50%, -50%) rotate(270deg);
  }
  87.5%,
  100% {
    left: 86.3931%;
    top: 54.7321%;
    transform: translate(-50%, -50%) rotate(315deg);
  }
}

.workspace-one-screen .composer-brand-badge-button.is-listening .composer-brand-orbit::before,
.workspace-one-screen .composer-brand-badge-button:hover .composer-brand-orbit::before {
  animation-duration: 2s;
}

.workspace-one-screen .workspace-composer textarea {
  min-height: 32px;
  max-height: 62px;
  padding: 7px 9px;
  font-size: 14px;
}

.workspace-one-screen .composer-status-row {
  min-height: 12px;
  gap: 4px;
  padding: 0;
}

.workspace-one-screen .composer-status-row span:first-child {
  font-size: 10px;
}

.workspace-one-screen .composer-status-row span:nth-child(2) {
  font-size: 8px;
  letter-spacing: 0.1em;
  opacity: 0.34;
}

.workspace-one-screen .composer-actions {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 4px;
}

.workspace-one-screen .composer-right-actions {
  gap: 0;
  padding-right: 4px;
}

.workspace-one-screen .workspace-composer .composer-icon-button,
.workspace-one-screen .composer-add,
.workspace-one-screen .composer-send {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  border-radius: 2px;
}

.workspace-one-screen .composer-add .eicon,
.workspace-one-screen .workspace-composer .composer-icon-button .eicon,
.workspace-one-screen .composer-send .eicon {
  font-size: 12px;
}

.workspace-one-screen .composer-add,
.workspace-one-screen .workspace-composer .composer-icon-button {
  color: rgba(10, 44, 94, 0.62);
}

.workspace-one-screen .composer-send {
  border: 1px solid rgba(10, 44, 94, 0.18);
  background: rgba(10, 44, 94, 0.06);
  color: rgba(10, 44, 94, 0.92);
  box-shadow: none;
}

.workspace-one-screen .composer-send:hover,
.workspace-one-screen .composer-send:focus-visible {
  border-color: rgba(10, 44, 94, 0.28);
  background: rgba(10, 44, 94, 0.1);
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-page-body {
    padding-bottom: 40px;
  }

  .workspace-one-screen .workspace-composer {
    width: min(100%, calc(100% - 28px));
    bottom: -18px;
    padding: 5px 6px 6px;
  }

  .workspace-one-screen .workspace-composer::after {
    content: none;
  }

  .workspace-one-screen .composer-brand-badge {
    display: none;
  }

  .workspace-one-screen .composer-brand-badge-button {
    right: -4px;
    height: 44px;
  }

  .workspace-one-screen .workspace-composer textarea {
    min-height: 30px;
    max-height: 56px;
    padding: 6px 8px;
    font-size: 13px;
  }

  .workspace-one-screen .composer-actions {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 3px;
  }

  .workspace-one-screen .workspace-composer .composer-icon-button,
  .workspace-one-screen .composer-add,
  .workspace-one-screen .composer-send {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
  }
}

/* S02-001: global button standard. Visual only; no capability or route changes. */
:root {
  --pm-button-height: 40px;
  --pm-button-height-compact: 32px;
  --pm-button-height-icon: 28px;
  --pm-button-radius: var(--radius);
  --pm-button-radius-icon: 2px;
  --pm-button-border: rgba(10, 44, 94, 0.18);
  --pm-button-border-hover: rgba(10, 44, 94, 0.32);
  --pm-button-border-strong: rgba(201, 79, 0, 0.42);
  --pm-button-bg: rgba(255, 255, 255, 0.72);
  --pm-button-bg-hover: rgba(255, 255, 255, 0.92);
  --pm-button-primary-bg: var(--blue);
  --pm-button-primary-bg-hover: var(--blue-deep);
  --pm-button-primary-fg: #fff;
  --pm-button-secondary-bg: rgba(255, 246, 237, 0.86);
  --pm-button-secondary-bg-hover: rgba(255, 250, 245, 0.96);
  --pm-button-ghost-bg: transparent;
  --pm-button-ghost-bg-hover: rgba(10, 44, 94, 0.07);
  --pm-button-disabled-bg: rgba(10, 44, 94, 0.05);
  --pm-button-disabled-fg: rgba(10, 44, 94, 0.42);
  --pm-button-focus: 0 0 0 3px rgba(255, 122, 26, 0.18);
}

.button,
.pm-login-button {
  min-height: var(--pm-button-height);
  border: 1px solid var(--pm-button-border);
  border-radius: var(--pm-button-radius);
  background: var(--pm-button-bg);
  color: var(--blue);
  box-shadow: none;
  font-weight: 800;
  letter-spacing: 0;
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    transform 140ms ease,
    box-shadow 140ms ease;
}

.button:hover,
.pm-login-button:hover {
  border-color: var(--pm-button-border-hover);
  background: var(--pm-button-bg-hover);
  color: var(--blue-deep);
  transform: translateY(-1px);
}

.button:focus-visible,
.pm-login-button:focus-visible,
.folder-add-button:focus-visible,
.mini-action:focus-visible,
.composer-add:focus-visible,
.composer-send:focus-visible,
.workspace-one-screen .workspace-composer .composer-icon-button:focus-visible {
  outline: none;
  box-shadow: var(--pm-button-focus);
}

.button-primary,
.pm-login-button {
  border-color: var(--pm-button-border-strong);
  background: var(--pm-button-primary-bg);
  color: var(--pm-button-primary-fg);
}

.button-primary:hover,
.pm-login-button:hover {
  border-color: var(--pm-button-border-strong);
  background: var(--pm-button-primary-bg-hover);
  color: var(--pm-button-primary-fg);
}

.button-secondary {
  border-color: var(--pm-button-border-strong);
  background: var(--pm-button-secondary-bg);
  color: var(--blue);
}

.button-secondary:hover {
  border-color: var(--pm-button-border-strong);
  background: var(--pm-button-secondary-bg-hover);
  color: var(--blue-deep);
}

.button-outline,
.button-member {
  border-color: var(--pm-button-border);
  background: var(--pm-button-bg);
  color: var(--blue);
}

.button-outline:hover,
.button-member:hover {
  border-color: var(--pm-button-border-hover);
  background: var(--pm-button-bg-hover);
  color: var(--blue-deep);
}

.button-danger {
  border-color: rgba(159, 47, 47, 0.34);
  background: rgba(159, 47, 47, 0.06);
  color: var(--red);
}

.button-danger:hover {
  border-color: rgba(159, 47, 47, 0.5);
  background: rgba(159, 47, 47, 0.1);
  color: #7f1d1d;
}

.button:disabled,
.button[aria-disabled="true"],
.pm-login-button:disabled {
  cursor: not-allowed;
  border-color: rgba(10, 44, 94, 0.1);
  background: var(--pm-button-disabled-bg);
  color: var(--pm-button-disabled-fg);
  opacity: 1;
  transform: none;
  box-shadow: none;
}

.button-member {
  min-height: var(--pm-button-height-compact);
  padding-inline: 12px;
  font-size: 12px;
  font-weight: 760;
}

.folder-add-button,
.mini-action,
.composer-add,
.composer-send,
.workspace-one-screen .workspace-composer .composer-icon-button {
  display: inline-grid;
  width: var(--pm-button-height-icon);
  min-width: var(--pm-button-height-icon);
  height: var(--pm-button-height-icon);
  min-height: var(--pm-button-height-icon);
  place-items: center;
  border: 1px solid transparent;
  border-radius: var(--pm-button-radius-icon);
  padding: 0;
  background: var(--pm-button-ghost-bg);
  color: rgba(10, 44, 94, 0.64);
  box-shadow: none;
  line-height: 1;
}

.folder-add-button:hover,
.folder-add-button:focus-visible,
.mini-action:hover,
.mini-action:focus-visible,
.composer-add:hover,
.composer-add:focus-visible,
.workspace-one-screen .workspace-composer .composer-icon-button:hover,
.workspace-one-screen .workspace-composer .composer-icon-button:focus-visible {
  border-color: var(--pm-button-border);
  background: var(--pm-button-ghost-bg-hover);
  color: var(--blue);
}

.composer-send {
  border-color: rgba(10, 44, 94, 0.2);
  background: rgba(10, 44, 94, 0.08);
  color: var(--blue);
}

.composer-send:hover,
.composer-send:focus-visible {
  border-color: rgba(10, 44, 94, 0.34);
  background: rgba(10, 44, 94, 0.12);
  color: var(--blue-deep);
}

.folder-add-button .eicon,
.mini-action .eicon,
.composer-add .eicon,
.composer-send .eicon,
.workspace-one-screen .workspace-composer .composer-icon-button .eicon {
  display: inline-grid;
  width: 1em;
  height: 1em;
  place-items: center;
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 860px) {
  .button,
  .pm-login-button {
    min-height: 38px;
  }

  .folder-add-button,
  .mini-action,
  .composer-add,
  .composer-send,
  .workspace-one-screen .workspace-composer .composer-icon-button {
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
  }
}

/* S02-006 final workspace override: quiet first-row controls and equal composer borders. */
.workspace-one-screen .workspace-tabs-head .workspace-folder-switcher .tree-toggle-icon,
.workspace-one-screen .workspace-tabs-head .index-collapse {
  opacity: 0;
  pointer-events: none;
}

.workspace-one-screen .workspace-tabs-head:hover .workspace-folder-switcher .tree-toggle-icon,
.workspace-one-screen .workspace-tabs-head:focus-within .workspace-folder-switcher .tree-toggle-icon,
.workspace-one-screen .workspace-tabs-head:hover .index-collapse,
.workspace-one-screen .workspace-tabs-head:focus-within .index-collapse,
.workspace-one-screen .workspace-folder-switcher[aria-expanded="true"] .tree-toggle-icon,
.workspace-frame.is-left-collapsed .workspace-tabs-head .index-collapse {
  opacity: 1;
  pointer-events: auto;
}

.workspace-one-screen .workspace-composer,
.workspace-one-screen .workspace-composer:hover,
.workspace-one-screen .workspace-composer:focus-within {
  border-color: var(--current-page-line-soft);
  border-left-color: var(--current-page-line-soft);
  box-shadow: none;
}

/* S02-007: place the diamond voice mark inside the composer, aligned to the left input rail. */
.workspace-one-screen .workspace-composer {
  padding-left: 10px;
}

.workspace-one-screen .workspace-composer textarea {
  padding-left: 58px;
}

.workspace-one-screen .composer-brand-badge-button {
  top: 7px;
  left: 17px;
  right: auto;
  height: 36px;
  transform: none;
  opacity: 0.82;
  filter: contrast(0.96) saturate(0.9);
}

.workspace-one-screen .composer-brand-badge-button:hover {
  transform: translateY(-1px);
  opacity: 1;
}

.workspace-one-screen .composer-brand-badge-button:focus-visible {
  outline-offset: 2px;
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-composer textarea {
    padding-left: 48px;
  }

  .workspace-one-screen .composer-brand-badge-button {
    left: 14px;
    height: 30px;
  }
}

/* S02-008: move the diamond mic into a quiet left box and strengthen its line weight. */
.workspace-one-screen .workspace-composer::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 8px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--current-page-line-soft);
  border-radius: 3px;
  background: rgba(255, 250, 244, 0.72);
  pointer-events: none;
}

.workspace-one-screen .workspace-composer textarea {
  padding-left: 58px;
}

.workspace-one-screen .composer-brand-badge-button {
  top: 10px;
  left: 12px;
  height: 34px;
  opacity: 0.94;
  filter:
    contrast(1.18)
    saturate(0.94)
    drop-shadow(0 0 0.7px rgba(10, 44, 94, 0.72));
}

.workspace-one-screen .composer-brand-badge-button:hover {
  transform: none;
  filter:
    contrast(1.24)
    saturate(0.98)
    drop-shadow(0 0 0.85px rgba(10, 44, 94, 0.78));
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-composer::before {
    top: 7px;
    left: 8px;
    width: 36px;
    height: 36px;
  }

  .workspace-one-screen .workspace-composer textarea {
    padding-left: 50px;
  }

  .workspace-one-screen .composer-brand-badge-button {
    top: 10px;
    left: 11px;
    height: 30px;
  }
}

/* S02-009: correct the mic layout into a real left cell, not an overlay. */
.workspace-one-screen .workspace-composer {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-areas:
    "voice input"
    "voice status"
    "voice actions";
  column-gap: 8px;
  row-gap: 3px;
  align-items: start;
  padding: 6px 8px;
}

.workspace-one-screen .workspace-composer::before {
  content: none;
}

.workspace-one-screen .workspace-composer textarea {
  grid-area: input;
  padding-left: 10px;
}

.workspace-one-screen .composer-status-row {
  grid-area: status;
}

.workspace-one-screen .composer-actions {
  grid-area: actions;
}

.workspace-one-screen .composer-brand-badge-button {
  grid-area: voice;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  aspect-ratio: 1;
  border: 1px solid var(--current-page-line-soft);
  border-radius: 3px;
  background:
    rgba(255, 250, 244, 0.72)
    url("assets/brand/presidentialmindset-diamond-static.jpeg?v=20260713-s02-017")
    center / 34px auto no-repeat;
  opacity: 0.96;
  transform: none;
  filter:
    contrast(1.2)
    saturate(0.94)
    drop-shadow(0 0 0.85px rgba(10, 44, 94, 0.72));
  overflow: hidden;
}

.workspace-one-screen .composer-brand-badge-button:hover {
  transform: none;
  background-color: rgba(255, 250, 244, 0.9);
  filter:
    contrast(1.26)
    saturate(0.98)
    drop-shadow(0 0 1px rgba(10, 44, 94, 0.78));
}

.workspace-one-screen .composer-brand-orbit {
  inset: 2px;
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-composer {
    grid-template-columns: 38px minmax(0, 1fr);
    column-gap: 7px;
  }

  .workspace-one-screen .workspace-composer textarea {
    padding-left: 9px;
  }

  .workspace-one-screen .composer-brand-badge-button {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    background-size: 29px auto;
  }
}
/* S02-012: right collapsed rail icon should render fully, without clipping. */
.workspace-frame.is-right-collapsed .workspace-intelligence {
  overflow: visible;
}

.workspace-frame.is-right-collapsed .intelligence-heading {
  overflow: visible;
  justify-items: center;
}

.workspace-frame.is-right-collapsed .intelligence-heading-icon,
.workspace-frame.is-right-collapsed .intelligence-panel-toggle,
.workspace-frame.is-right-collapsed .memory-rail-button {
  box-sizing: border-box;
  display: inline-grid;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  place-items: center;
  overflow: visible;
}

.workspace-frame.is-right-collapsed .intelligence-heading-icon .eicon,
.workspace-frame.is-right-collapsed .intelligence-panel-toggle .eicon,
.workspace-frame.is-right-collapsed .memory-rail-button .eicon {
  display: inline-grid;
  width: 1em;
  height: 1em;
  place-items: center;
  line-height: 1;
}
/* S02-013: standard diamond mic call control as an independent box. */
.workspace-one-screen .workspace-composer {
  grid-template-columns: 52px minmax(0, 1fr);
}

.workspace-one-screen .composer-diamond-mic {
  box-sizing: border-box;
  display: inline-grid;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  place-items: center;
  align-self: start;
  border: 1px solid var(--current-page-line-soft);
  border-radius: 3px;
  padding: 0;
  background: rgba(255, 249, 242, 0.5);
  opacity: 1;
  overflow: hidden;
  filter: none;
}

.workspace-one-screen .composer-diamond-mic:hover,
.workspace-one-screen .composer-diamond-mic:focus-visible {
  border-color: var(--current-page-line);
  background: rgba(255, 249, 242, 0.72);
  outline: 0;
}

.workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
  display: block;
  width: 41px;
  height: auto;
  opacity: 0.9;
  filter:
    contrast(1.22)
    saturate(0.96)
    drop-shadow(0 0 0.9px rgba(10, 44, 94, 0.72));
}

.workspace-one-screen .composer-diamond-mic .composer-brand-orbit {
  inset: 3px;
}

@media (max-width: 860px) {
  .workspace-one-screen .workspace-composer {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .workspace-one-screen .composer-diamond-mic {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
    width: 34px;
  }
}
/* S02-014: outside diamond mic trial, static image only. */
.workspace-one-screen .workspace-composer {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "input"
    "status"
    "actions";
  overflow: visible;
}

.workspace-one-screen .workspace-composer textarea {
  padding-left: 10px;
}

.workspace-one-screen .composer-diamond-mic {
  position: absolute;
  top: 50%;
  left: -56px;
  right: auto;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  border: 1px solid var(--current-page-line-soft);
  border-radius: 3px;
  background: rgba(255, 249, 242, 0.58);
  transform: translateY(-50%);
  overflow: hidden;
}

.workspace-one-screen .composer-diamond-mic:hover,
.workspace-one-screen .composer-diamond-mic:focus-visible {
  border-color: var(--current-page-line);
  background: rgba(255, 249, 242, 0.78);
  transform: translateY(calc(-50% - 1px));
}

.workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
  display: block;
  width: 39px;
  height: auto;
  opacity: 0.94;
  filter:
    contrast(1.2)
    saturate(0.96)
    drop-shadow(0 0 0.8px rgba(10, 44, 94, 0.7));
}

.workspace-one-screen .composer-diamond-mic .composer-brand-orbit,
.workspace-one-screen .composer-diamond-mic .composer-brand-orbit::before {
  display: none;
  animation: none;
}

@media (max-width: 860px) {
  .workspace-one-screen .composer-diamond-mic {
    left: -48px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
    width: 35px;
  }
}
/* S02-015: outside diamond mic with a quiet settings label. */
.workspace-one-screen .composer-diamond-mic {
  left: -64px;
  width: 54px;
  min-width: 54px;
  height: 58px;
  min-height: 58px;
  grid-template-rows: 38px auto;
  align-content: center;
  justify-items: center;
  gap: 1px;
}

.workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
  width: 37px;
}

.workspace-one-screen .composer-diamond-mic-label {
  display: block;
  max-width: 48px;
  overflow: hidden;
  color: rgba(10, 44, 94, 0.62);
  font-family: var(--sans);
  font-size: 8.5px;
  font-weight: 760;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 860px) {
  .workspace-one-screen .composer-diamond-mic {
    left: -56px;
    width: 48px;
    min-width: 48px;
    height: 54px;
    min-height: 54px;
    grid-template-rows: 34px auto;
  }

  .workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
    width: 33px;
  }

  .workspace-one-screen .composer-diamond-mic-label {
    max-width: 42px;
    font-size: 8px;
  }
}

/* S02-016: make the outside diamond mic match the composer height. */
.workspace-one-screen .composer-diamond-mic {
  top: 0;
  bottom: 0;
  left: -64px;
  width: 54px;
  min-width: 54px;
  height: auto;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr) 10px;
  align-content: stretch;
  padding: 6px 4px 7px;
  transform: none;
}

.workspace-one-screen .composer-diamond-mic:hover,
.workspace-one-screen .composer-diamond-mic:focus-visible {
  transform: none;
}

.workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
  align-self: center;
  width: 38px;
}

.workspace-one-screen .composer-diamond-mic-label {
  align-self: end;
}

@media (max-width: 860px) {
  .workspace-one-screen .composer-diamond-mic {
    position: static;
    left: auto;
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    grid-template-rows: minmax(0, 1fr) 9px;
    padding: 5px 3px 6px;
  }

  .workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
    width: 34px;
  }
}
/* S02-017: replace the composer mark with the stronger PresidentialMindset diamond asset. */
.workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
  object-fit: contain;
  filter: contrast(1.04) saturate(1.02);
}
/* S02-017b: keep the diamond mic background image-free. */
.workspace-one-screen .composer-diamond-mic {
  background: rgba(255, 249, 242, 0.58);
}

.workspace-one-screen .composer-diamond-mic:hover,
.workspace-one-screen .composer-diamond-mic:focus-visible {
  background: rgba(255, 249, 242, 0.78);
}
/* S02-018: slightly enlarge the confirmed diamond mic mark. */
.workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
  width: 42px;
}

@media (max-width: 860px) {
  .workspace-one-screen .composer-diamond-mic .composer-brand-badge-image {
    width: 37px;
  }
}
/* S02-019: make the collapsed right inspector rail feel centered and complete. */
.workspace-frame.is-right-collapsed .workspace-intelligence {
  overflow: visible;
}

.workspace-frame.is-right-collapsed .intelligence-scroll {
  display: grid;
  justify-items: center;
  align-content: start;
  padding-inline: 0;
  overflow: visible;
}

.workspace-frame.is-right-collapsed .intelligence-heading {
  width: 100%;
  min-width: 44px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 10px;
  padding-top: 12px;
}

.workspace-frame.is-right-collapsed .intelligence-heading-icon,
.workspace-frame.is-right-collapsed .intelligence-panel-toggle,
.workspace-frame.is-right-collapsed .memory-rail-button {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(10, 44, 94, 0.11);
  border-radius: 50%;
  background: transparent;
  color: rgba(10, 44, 94, 0.7);
  box-shadow: none;
  overflow: visible;
}

.workspace-frame.is-right-collapsed .intelligence-heading-icon .eicon,
.workspace-frame.is-right-collapsed .intelligence-panel-toggle .eicon,
.workspace-frame.is-right-collapsed .memory-rail-button .eicon {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  font-size: 18px;
  line-height: 1;
}

.workspace-frame.is-right-collapsed .intelligence-panel-toggle .pane-toggle-icon {
  transform: rotate(180deg);
}

.workspace-frame.is-right-collapsed .right-memory-rail {
  width: 100%;
  min-width: 44px;
  display: grid;
  justify-items: center;
  gap: 12px;
  padding-top: 14px;
  overflow: visible;
}

.workspace-frame.is-right-collapsed .memory-rail-button-status::after {
  top: 3px;
  right: 3px;
  width: 5px;
  height: 5px;
}

.workspace-frame.is-right-collapsed .intelligence-heading-icon:hover,
.workspace-frame.is-right-collapsed .intelligence-heading-icon:focus-visible,
.workspace-frame.is-right-collapsed .intelligence-panel-toggle:hover,
.workspace-frame.is-right-collapsed .intelligence-panel-toggle:focus-visible,
.workspace-frame.is-right-collapsed .memory-rail-button:hover,
.workspace-frame.is-right-collapsed .memory-rail-button:focus-visible {
  background: rgba(255, 255, 255, 0.38);
  border-color: rgba(255, 122, 26, 0.24);
  color: var(--blue);
  transform: none;
}
/* S02-020: refine the expanded right inspector as a calm status table. */
.workspace-inspector-table .intelligence-scroll {
  gap: 9px;
  padding: 22px 13px 14px;
}

.workspace-inspector-table .intelligence-heading {
  min-height: 40px;
  margin-bottom: 2px;
  padding-inline: 2px;
}

.workspace-inspector-table .intelligence-heading h2 {
  letter-spacing: 0.065em;
}

.workspace-inspector-table .intelligence-heading-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
}

.workspace-inspector-table .intelligence-panel-toggle {
  width: 34px;
  height: 34px;
  border-color: rgba(10, 44, 94, 0.16);
  background: rgba(255, 255, 255, 0.36);
  box-shadow: none;
}

.workspace-inspector-table .intelligence-card {
  border-color: rgba(10, 44, 94, 0.16);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.72), rgba(255, 248, 241, 0.52));
  box-shadow: none;
}

.workspace-inspector-table .intelligence-card:hover {
  border-color: rgba(10, 44, 94, 0.24);
}

.workspace-inspector-table .intelligence-card-title,
.workspace-inspector-table .compact-intel-card {
  min-height: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding-inline: 12px 10px;
}

.workspace-inspector-table .intelligence-card-title {
  grid-template-columns: minmax(0, 1fr) auto;
}

.workspace-inspector-table .intel-card-heading {
  gap: 2px;
}

.workspace-inspector-table .intel-card-heading h3,
.workspace-inspector-table .intelligence-card-title h3 {
  font-size: 12px;
  letter-spacing: 0.055em;
}

.workspace-inspector-table .intel-card-heading p {
  max-width: 170px;
  color: rgba(10, 44, 94, 0.48);
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-inspector-table .status-badge {
  min-height: 24px;
  border-color: rgba(10, 44, 94, 0.12);
  padding-inline: 9px;
  background: rgba(255, 255, 255, 0.46);
  font-size: 11px;
  font-weight: 860;
}

.workspace-inspector-table .status-badge:not(.muted) {
  border-color: rgba(31, 122, 77, 0.18);
  background: rgba(31, 122, 77, 0.07);
  color: var(--green);
}

.workspace-inspector-table .compact-intel-card button,
.workspace-inspector-table .intelligence-card-title button {
  min-width: 54px;
  min-height: 28px;
  border-color: rgba(255, 122, 26, 0.34);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.28);
  color: var(--blue);
  box-shadow: none;
}

.workspace-inspector-table .compact-intel-card button:hover,
.workspace-inspector-table .compact-intel-card button:focus-visible,
.workspace-inspector-table .intelligence-card-title button:hover,
.workspace-inspector-table .intelligence-card-title button:focus-visible {
  border-color: rgba(255, 122, 26, 0.56);
  background: rgba(255, 255, 255, 0.52);
  transform: none;
}

.workspace-inspector-table .context-list div {
  grid-template-columns: minmax(82px, 0.58fr) minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 9px 12px;
}

.workspace-inspector-table .context-list dt,
.workspace-inspector-table .intel-metrics dt {
  color: rgba(10, 44, 94, 0.46);
  font-size: 11px;
  font-weight: 720;
}

.workspace-inspector-table .context-list dd,
.workspace-inspector-table .intel-metrics dd {
  font-size: 13px;
  line-height: 1.25;
}

.workspace-inspector-table .intel-detail-body {
  gap: 10px;
  padding: 11px 12px 12px;
  background: rgba(255, 255, 255, 0.28);
  font-size: 12px;
}

.workspace-inspector-table .intel-boundary-strip span {
  border-radius: 4px;
}
/* S02-023: CleanRoom auth experience polish.
   Current pages only: home login card, register, reset, and account status.
   Legacy directory auth pages are intentionally not used as visual sources. */
.clean-auth-page {
  background:
    linear-gradient(90deg, rgba(255, 243, 234, 0.97), rgba(255, 249, 243, 0.9) 48%, rgba(255, 243, 234, 0.98)),
    var(--paper);
}

.clean-auth-layout {
  min-height: 100svh;
  align-items: stretch;
  gap: clamp(28px, 5vw, 72px);
  padding-block: clamp(34px, 5vh, 64px);
}

.clean-auth-layout .auth-copy {
  display: grid;
  align-content: center;
  min-height: 100%;
  border-right: 1px solid rgba(10, 44, 94, 0.1);
  padding-right: clamp(22px, 4vw, 56px);
}

.clean-auth-layout .auth-copy .brand {
  margin-bottom: clamp(26px, 5vh, 44px);
}

.clean-auth-layout .auth-copy h1 {
  max-width: 650px;
  margin-bottom: 22px;
  color: var(--blue-deep);
  text-wrap: balance;
}

.clean-auth-layout .auth-copy p:not(.eyebrow) {
  max-width: 560px;
  color: rgba(10, 44, 94, 0.82);
  font-size: 16px;
  line-height: 1.62;
}

.clean-auth-page .auth-points {
  width: min(520px, 100%);
  margin-top: 26px;
}

.clean-auth-page .auth-points span {
  min-height: 42px;
  border: 1px solid rgba(255, 122, 26, 0.2);
  border-left: 3px solid var(--orange);
  background: rgba(255, 255, 255, 0.38);
}

.auth-entry-card,
.pm-hero-auth .pm-auth-card,
.member-shell .workspace-card,
.member-shell .plan-card,
.member-boundary-panel {
  border-color: rgba(255, 122, 26, 0.24);
  background: rgba(255, 250, 245, 0.66);
  box-shadow: 0 22px 62px rgba(10, 44, 94, 0.055);
}

.auth-entry-card {
  align-self: center;
  width: min(450px, 100%);
  padding: 28px 32px 22px;
}

.auth-entry-card::before,
.pm-hero-auth .pm-auth-card::before {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin: -8px auto 16px;
  background: var(--orange);
}

.pm-auth-logo {
  border-color: rgba(255, 122, 26, 0.72);
  box-shadow: 0 8px 20px rgba(10, 44, 94, 0.08);
}

.pm-auth-fields {
  gap: 10px;
}

.pm-input-row {
  min-height: 46px;
  border-color: rgba(255, 122, 26, 0.38);
  background: rgba(255, 255, 255, 0.54);
}

.pm-input-row:hover {
  border-color: rgba(255, 122, 26, 0.56);
  background: rgba(255, 255, 255, 0.72);
}

.pm-input-row input::placeholder {
  color: rgba(10, 44, 94, 0.42);
}

.pm-password-toggle {
  color: rgba(10, 44, 94, 0.7);
}

.pm-password-toggle:hover {
  color: var(--blue);
}

.pm-login-button {
  min-height: 42px;
  margin-top: 7px;
  letter-spacing: 0;
}

.pm-auth-status {
  border-color: rgba(10, 44, 94, 0.11);
  background: rgba(255, 255, 255, 0.42);
  color: rgba(10, 44, 94, 0.72);
}

.pm-auth-footer {
  border-top: 1px solid rgba(10, 44, 94, 0.08);
  padding-top: 12px;
}

.auth-stepper {
  border-color: rgba(255, 122, 26, 0.2);
  background: rgba(255, 122, 26, 0.12);
}

.auth-stepper li {
  background: rgba(255, 255, 255, 0.44);
}

.auth-stepper li.active {
  background: rgba(255, 122, 26, 0.11);
}

.auth-stepper li.active span {
  background: var(--blue);
}

.verification-heading {
  border-color: rgba(31, 122, 77, 0.18);
  background: rgba(31, 122, 77, 0.045);
}

.member-layout-v2 {
  background:
    linear-gradient(90deg, rgba(255, 243, 234, 0.96), rgba(255, 249, 243, 0.86) 48%, rgba(255, 243, 234, 0.98)),
    var(--paper);
}

.member-command {
  border-color: rgba(255, 122, 26, 0.2);
  background: rgba(255, 250, 245, 0.42);
}

@media (max-width: 900px) {
  .clean-auth-layout {
    gap: 24px;
  }

  .clean-auth-layout .auth-copy {
    border-right: 0;
    padding-right: 0;
  }

  .auth-entry-card {
    width: 100%;
  }
}
/* S02-024: Membership page product polish.
   Visual/product wording only. No payment, role grant, runtime, database, or agent execution changes. */
.member-shell .workspace-topbar {
  border-bottom-color: rgba(255, 122, 26, 0.18);
  background: rgba(255, 243, 234, 0.96);
}

.member-shell .workspace-status {
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
}

.member-layout-v2 {
  max-width: 1280px;
  gap: 18px;
  padding-top: 26px;
}

.member-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.28fr);
  align-items: end;
  gap: clamp(18px, 3vw, 42px);
  border-color: rgba(255, 122, 26, 0.22);
  padding: clamp(24px, 3.4vw, 40px);
  background:
    linear-gradient(90deg, rgba(255, 250, 245, 0.82), rgba(255, 243, 234, 0.54)),
    var(--paper);
  box-shadow: 0 22px 58px rgba(10, 44, 94, 0.045);
}

.member-command h1 {
  max-width: 760px;
  color: var(--blue-deep);
  text-wrap: balance;
}

.member-command .workspace-lede {
  max-width: 820px;
  color: rgba(10, 44, 94, 0.72);
}

.member-command .boundary-stack {
  min-width: 0;
}

.member-command .boundary-stack span {
  justify-content: center;
  border: 1px solid rgba(255, 122, 26, 0.2);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.4);
}

.member-overview {
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
}

.member-status-card {
  min-height: 244px;
  border-color: rgba(255, 122, 26, 0.2);
  padding: 24px;
  background:
    linear-gradient(180deg, rgba(255, 250, 245, 0.76), rgba(255, 243, 234, 0.42)),
    var(--paper);
}

.member-status-card h2 {
  font-size: clamp(30px, 3vw, 42px);
}

.member-status-card .compact-defs {
  border-color: rgba(10, 44, 94, 0.1);
  background: rgba(10, 44, 94, 0.08);
}

.member-status-card .compact-defs div {
  min-height: 44px;
  background: rgba(255, 255, 255, 0.42);
}

.member-status-card .compact-defs dt {
  color: rgba(10, 44, 94, 0.48);
}

.member-status-card .compact-defs dd {
  color: var(--blue-deep);
}

.account-guidance-grid {
  gap: 12px;
}

.account-guidance-grid article {
  min-height: 150px;
  border-color: rgba(255, 122, 26, 0.18);
  background: rgba(255, 250, 245, 0.58);
  box-shadow: none;
}

.account-guidance-grid article:hover {
  border-color: rgba(255, 122, 26, 0.28);
  background: rgba(255, 250, 245, 0.72);
}

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

.member-plan-grid .plan-card {
  min-height: 330px;
  border-color: rgba(10, 44, 94, 0.15);
  background: rgba(255, 250, 245, 0.5);
  box-shadow: none;
}

.member-plan-grid .plan-card.highlighted {
  border-color: rgba(255, 122, 26, 0.38);
  background: rgba(255, 250, 245, 0.68);
}

.member-plan-grid .plan-icon {
  opacity: 0.72;
}

.member-plan-grid .plan-price {
  color: var(--blue);
  font-size: clamp(22px, 2vw, 30px);
}

.member-plan-grid .plan-note {
  min-height: 20px;
}

.member-boundary-panel {
  border-color: rgba(255, 122, 26, 0.18);
  background: rgba(255, 250, 245, 0.52);
  box-shadow: none;
}

.member-boundary-panel .evidence-metrics {
  border-color: rgba(10, 44, 94, 0.1);
  background: rgba(10, 44, 94, 0.08);
}

.member-boundary-panel .evidence-metrics div {
  background: rgba(255, 255, 255, 0.38);
}

@media (max-width: 980px) {
  .member-command,
  .member-overview,
  .member-plan-grid,
  .account-guidance-grid {
    grid-template-columns: 1fr;
  }

  .member-command {
    align-items: start;
  }
}
/* S02-025: Auth micro-state polish.
   Current CleanRoom forms only. No endpoint, database, payment, runtime, or agent changes. */
.pm-auth-card[data-auth-state] {
  position: relative;
}

.pm-auth-card[data-auth-state]::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: var(--radius) 0 0 var(--radius);
  background: rgba(10, 44, 94, 0.18);
}

.pm-auth-card[data-auth-state="loading"]::after {
  background: linear-gradient(180deg, rgba(10, 44, 94, 0.68), rgba(255, 122, 26, 0.72));
}

.pm-auth-card[data-auth-state="success"]::after,
.pm-auth-card[data-auth-state="verify"]::after {
  background: var(--green);
}

.pm-auth-card[data-auth-state="error"]::after {
  background: var(--red);
}

.pm-login-button[aria-busy="true"] {
  gap: 8px;
  cursor: wait;
}

.pm-login-button[aria-busy="true"]::after {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.42);
  border-top-color: #fff;
  border-radius: 50%;
  animation: pmAuthSpin 760ms linear infinite;
}

.pm-auth-status {
  position: relative;
  padding-left: 27px;
}

.pm-auth-status::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(10, 44, 94, 0.38);
  transform: translateY(-50%);
}

.pm-auth-status[data-status-tone="loading"]::before {
  background: var(--blue);
  box-shadow: 0 0 0 4px rgba(10, 44, 94, 0.08);
}

.pm-auth-status[data-status-tone="success"]::before {
  background: var(--green);
}

.pm-auth-status[data-status-tone="error"]::before {
  background: var(--red);
}

@keyframes pmAuthSpin {
  to {
    transform: rotate(360deg);
  }
}
/* S02-034: Auth card stable visual lock.
   Preserve the confirmed login-box style across focus, autofill, validation, refresh, and return visits. */
.pm-auth-card[data-auth-state]::after,
.pm-hero-auth .pm-auth-card[data-auth-state]::after,
.auth-entry-card[data-auth-state]::after {
  content: none !important;
  display: none !important;
}

.pm-auth-card,
.pm-auth-card[data-auth-state],
.pm-auth-card[data-auth-state="loading"],
.pm-auth-card[data-auth-state="success"],
.pm-auth-card[data-auth-state="verify"],
.pm-auth-card[data-auth-state="error"] {
  border-color: rgba(255, 122, 26, 0.24);
}

.pm-auth-card .pm-input-row,
.pm-auth-card .pm-input-row:hover,
.pm-auth-card .pm-input-row:focus,
.pm-auth-card .pm-input-row:focus-within,
.pm-auth-card[data-auth-state] .pm-input-row,
.pm-auth-card[data-auth-state] .pm-input-row:hover,
.pm-auth-card[data-auth-state] .pm-input-row:focus-within {
  border-color: rgba(255, 122, 26, 0.46) !important;
  background: rgba(255, 255, 255, 0.46) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.pm-auth-card .pm-input-row input,
.pm-auth-card .pm-input-row input:hover,
.pm-auth-card .pm-input-row input:focus,
.pm-auth-card .pm-input-row input:active,
.pm-auth-card .pm-input-row input:focus-visible,
.pm-auth-card .pm-input-row input:valid {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--blue-deep) !important;
  caret-color: var(--blue-deep) !important;
  filter: none !important;
}

.pm-auth-card .pm-input-row input::selection {
  background: transparent !important;
  color: var(--blue-deep) !important;
}

.pm-auth-card .pm-input-row input::-moz-selection {
  background: transparent !important;
  color: var(--blue-deep) !important;
}

.pm-auth-card .pm-input-row input:-webkit-autofill,
.pm-auth-card .pm-input-row input:-webkit-autofill:hover,
.pm-auth-card .pm-input-row input:-webkit-autofill:focus,
.pm-auth-card .pm-input-row input:-webkit-autofill:active {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: var(--blue-deep) !important;
  caret-color: var(--blue-deep) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  transition: background-color 999999s ease-out 0s, color 999999s ease-out 0s !important;
}
/* S02-036: Home login card removes logo and top accent.
   Homepage only. Auth card shell, inputs, lower homepage, and logic stay unchanged. */
.pm-hero-auth .pm-auth-card::before,
.pm-hero-auth .pm-auth-logo {
  content: none !important;
  display: none !important;
}
/* S02-037: Unified auth frame across all account forms.
   Every sign-in, register, reset, and verification card uses the confirmed quiet frame. */
.pm-auth-card::before,
.pm-auth-card > .pm-auth-logo {
  content: none !important;
  display: none !important;
}

.pm-auth-card .pm-input-row,
.pm-auth-card .pm-input-row:hover,
.pm-auth-card .pm-input-row:focus,
.pm-auth-card .pm-input-row:focus-within,
.pm-auth-card[data-auth-state] .pm-input-row,
.pm-auth-card[data-auth-state] .pm-input-row:hover,
.pm-auth-card[data-auth-state] .pm-input-row:focus-within {
  border-color: rgba(255, 122, 26, 0.46) !important;
  background: rgba(255, 255, 255, 0.46) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.pm-auth-card .pm-input-row input,
.pm-auth-card .pm-input-row input:hover,
.pm-auth-card .pm-input-row input:focus,
.pm-auth-card .pm-input-row input:active,
.pm-auth-card .pm-input-row input:focus-visible,
.pm-auth-card .pm-input-row input:valid {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--blue-deep) !important;
  caret-color: var(--blue-deep) !important;
  filter: none !important;
}

.pm-auth-card .pm-input-row input::selection,
.pm-auth-card .pm-input-row input::-moz-selection {
  background: transparent !important;
  color: var(--blue-deep) !important;
}

.pm-auth-card .pm-input-row input:-webkit-autofill,
.pm-auth-card .pm-input-row input:-webkit-autofill:hover,
.pm-auth-card .pm-input-row input:-webkit-autofill:focus,
.pm-auth-card .pm-input-row input:-webkit-autofill:active {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: var(--blue-deep) !important;
  caret-color: var(--blue-deep) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  transition: background-color 999999s ease-out 0s, color 999999s ease-out 0s !important;
}

/* S02-038: Member Center product alignment.
   Visual and account-state display only. No payment, runtime, database, or agent execution changes. */
.member-center-shell {
  min-height: 100vh;
  background: var(--paper);
}

.member-center-header {
  position: sticky;
}

.member-center-page {
  display: grid;
  gap: clamp(24px, 3vw, 42px);
  width: min(100%, 1500px);
  margin: 0 auto;
  padding: clamp(110px, 12vh, 150px) clamp(24px, 5vw, 92px) 72px;
}

.member-center-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.62fr);
  min-height: 620px;
  align-items: center;
  gap: clamp(48px, 7vw, 110px);
}

.member-center-copy {
  max-width: 720px;
}

.member-center-copy h1 {
  max-width: 780px;
  margin: 0 0 28px;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: clamp(58px, 6vw, 94px);
  font-weight: 400;
  line-height: 0.95;
  text-wrap: balance;
}

.member-center-copy .hero-lede {
  max-width: 640px;
  color: var(--ink);
}

.member-center-points {
  max-width: 620px;
}

.member-summary-card {
  display: grid;
  gap: 22px;
  border: 1px solid rgba(255, 122, 26, 0.34);
  border-radius: var(--radius);
  padding: clamp(28px, 3.2vw, 44px);
  background: rgba(255, 250, 245, 0.34);
  box-shadow: 0 32px 80px rgba(10, 44, 94, 0.075);
}

.member-summary-heading {
  display: grid;
  justify-items: center;
  gap: 4px;
  text-align: center;
}

.member-summary-heading h2 {
  margin: 0;
  color: var(--blue-deep);
  font-family: var(--font-display);
  font-size: clamp(36px, 3.5vw, 52px);
  font-weight: 400;
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.member-summary-heading p:not(.eyebrow) {
  margin: 0;
  color: rgba(10, 44, 94, 0.66);
  font-size: 14px;
}

.member-summary-list,
.member-status-tile dl,
.member-contract-grid {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(10, 44, 94, 0.18);
  border-radius: var(--radius);
  background: rgba(10, 44, 94, 0.12);
}

.member-summary-list div,
.member-status-tile dl div,
.member-contract-grid div {
  display: grid;
  grid-template-columns: minmax(112px, 0.4fr) minmax(0, 1fr);
  min-height: 50px;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.54);
}

.member-summary-list dt,
.member-status-tile dt,
.member-contract-grid dt {
  color: rgba(23, 23, 23, 0.62);
  font-size: 13px;
  font-weight: 800;
}

.member-summary-list dd,
.member-status-tile dd,
.member-contract-grid dd {
  margin: 0;
  color: var(--blue-deep);
  font-size: 14px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

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

.member-summary-actions .button {
  width: 100%;
}

.member-summary-note {
  margin: 0;
  border: 1px solid rgba(10, 44, 94, 0.12);
  border-radius: var(--radius);
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.34);
  color: rgba(10, 44, 94, 0.62);
  font-size: 13px;
  line-height: 1.45;
}

.member-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.member-status-tile,
.member-contract-panel {
  border: 1px solid rgba(255, 122, 26, 0.22);
  border-radius: var(--radius);
  background: rgba(255, 250, 245, 0.44);
  box-shadow: none;
}

.member-status-tile {
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 300px;
  padding: 24px;
}

.member-status-tile h2,
.member-contract-panel h2 {
  margin: 0;
  color: var(--blue-deep);
  font-family: var(--font-display);
  font-size: clamp(30px, 2.6vw, 44px);
  font-weight: 400;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.member-status-tile p {
  margin: 0;
  color: rgba(10, 44, 94, 0.68);
  font-size: 14px;
  line-height: 1.55;
}

.member-contract-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.44fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(24px, 4vw, 60px);
  padding: clamp(24px, 3vw, 38px);
}

.member-contract-panel > div:first-child {
  display: grid;
  gap: 8px;
}

.member-contract-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-contract-grid div {
  grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr);
}

@media (max-width: 1080px) {
  .member-center-hero,
  .member-contract-panel {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .member-status-grid,
  .member-contract-grid {
    grid-template-columns: 1fr;
  }

  .member-center-page {
    padding-top: 104px;
  }
}

@media (max-width: 720px) {
  .member-summary-actions,
  .member-summary-list div,
  .member-status-tile dl div,
  .member-contract-grid div {
    grid-template-columns: 1fr;
  }

  .member-summary-list div,
  .member-status-tile dl div,
  .member-contract-grid div {
    gap: 4px;
    padding-block: 12px;
  }
}
/* S14-001 first screen workspace status surface start */
.workspace-one-screen .s14-first-screen-card {
  width: min(980px, 100%);
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  gap: 18px;
  margin: 0 auto 18px;
  border-color: var(--current-page-line-soft);
  border-left: 4px solid var(--current-page-line);
  border-radius: 4px;
  padding: 18px 20px;
  background:
    linear-gradient(90deg, rgba(255, 247, 238, 0.96), rgba(255, 251, 246, 0.76)),
    var(--current-page-fill);
  box-shadow: 0 18px 42px rgba(10, 44, 94, 0.045);
}

.workspace-one-screen .s14-workspace-lead {
  min-width: 0;
}

.workspace-one-screen .s14-workspace-lead .card-kicker {
  display: inline-flex;
  margin-bottom: 6px;
  color: rgba(10, 44, 94, 0.56);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.workspace-one-screen .s14-first-screen-card h2 {
  margin: 0 0 8px;
  color: var(--blue);
  font-family: var(--font-brand);
  font-size: clamp(26px, 2.15vw, 34px);
  font-weight: 500;
  line-height: 1.08;
}

.workspace-one-screen .s14-first-screen-card p {
  max-width: 620px;
  margin: 0;
  color: rgba(10, 44, 94, 0.82);
  font-size: 14px;
  line-height: 1.55;
}

.workspace-one-screen .s14-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: stretch;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.46);
  overflow: hidden;
}

.workspace-one-screen .s14-status-grid div {
  display: grid;
  gap: 3px;
  min-height: 54px;
  align-content: center;
  border-top: 1px solid rgba(10, 44, 94, 0.1);
  padding: 9px 11px;
}

.workspace-one-screen .s14-status-grid div:nth-child(-n + 2) {
  border-top: 0;
}

.workspace-one-screen .s14-status-grid div:nth-child(odd) {
  border-right: 1px solid rgba(10, 44, 94, 0.1);
}

.workspace-one-screen .s14-status-grid dt {
  color: rgba(10, 44, 94, 0.48);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.workspace-one-screen .s14-status-grid dd {
  margin: 0;
  color: var(--blue);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.24;
}

.workspace-one-screen .s14-first-screen-card .workspace-entry-actions span {
  border-color: rgba(255, 122, 26, 0.2);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.46);
}

.workspace-one-screen .s14-first-screen-card .workspace-entry-actions span:last-child {
  border-color: rgba(159, 47, 47, 0.18);
  background: rgba(159, 47, 47, 0.045);
}

@media (max-width: 1180px) {
  .workspace-one-screen .s14-first-screen-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .workspace-one-screen .s14-first-screen-card {
    padding: 15px;
  }

  .workspace-one-screen .s14-status-grid {
    grid-template-columns: 1fr;
  }

  .workspace-one-screen .s14-status-grid div,
  .workspace-one-screen .s14-status-grid div:nth-child(odd),
  .workspace-one-screen .s14-status-grid div:nth-child(-n + 2) {
    border-right: 0;
    border-top: 1px solid rgba(10, 44, 94, 0.1);
  }

  .workspace-one-screen .s14-status-grid div:first-child {
    border-top: 0;
  }
}
/* S14-001 first screen workspace status surface end */
/* S14-001 status grid readability refinement start */
.workspace-one-screen .s14-status-grid {
  grid-template-columns: 1fr;
}

.workspace-one-screen .s14-status-grid div,
.workspace-one-screen .s14-status-grid div:nth-child(odd),
.workspace-one-screen .s14-status-grid div:nth-child(-n + 2) {
  grid-template-columns: minmax(88px, 0.34fr) minmax(0, 1fr);
  align-items: center;
  align-content: center;
  border-right: 0;
  border-top: 1px solid rgba(10, 44, 94, 0.1);
}

.workspace-one-screen .s14-status-grid div:first-child {
  border-top: 0;
}

.workspace-one-screen .s14-status-grid dd {
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

.workspace-one-screen .s14-status-grid div:nth-child(3) dd,
.workspace-one-screen .s14-status-grid div:nth-child(4) dd,
.workspace-one-screen .s14-status-grid div:nth-child(5) dd,
.workspace-one-screen .s14-status-grid div:nth-child(6) dd {
  overflow-wrap: normal;
}
/* S14-001 status grid readability refinement end */
/* S14-002 local soul layer start */
.workspace-one-screen .s14-local-soul {
  display: grid;
  gap: 7px;
  margin-top: 13px;
  border: 1px solid rgba(255, 122, 26, 0.2);
  border-radius: 3px;
  padding: 10px 11px;
  background: rgba(255, 255, 255, 0.42);
  color: var(--blue);
}

.workspace-one-screen .s14-local-soul div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.workspace-one-screen .s14-local-soul span {
  color: rgba(10, 44, 94, 0.54);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.workspace-one-screen .s14-local-soul strong {
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.workspace-one-screen .s14-local-soul p {
  margin: 0;
  color: rgba(10, 44, 94, 0.72);
  font-size: 13px;
  line-height: 1.45;
}

.workspace-one-screen .s14-local-soul[data-soul-tone="listening"] {
  border-color: rgba(47, 183, 214, 0.28);
  background: rgba(255, 255, 255, 0.5);
}

.workspace-one-screen .s14-local-soul[data-soul-tone="forming"] {
  border-color: rgba(255, 138, 28, 0.32);
  background: rgba(255, 251, 246, 0.58);
}

.workspace-one-screen .s14-local-soul[data-soul-tone="ready"] {
  border-color: rgba(49, 196, 107, 0.28);
  background: rgba(249, 255, 250, 0.42);
}
/* S14-002 local soul layer end */

/* S14-003 workspace surface polish start */
.workspace-one-screen .composer-status-row [data-composer-guidance] {
  justify-self: center;
  color: rgba(10, 44, 94, 0.48);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.055em;
  line-height: 1;
  text-transform: uppercase;
  transition: color 160ms ease;
}

.workspace-one-screen .workspace-composer[data-composer-tone="listening"] .composer-status-row [data-composer-guidance],
.workspace-one-screen .workspace-composer[data-composer-tone="forming"] .composer-status-row [data-composer-guidance] {
  color: rgba(10, 44, 94, 0.62);
}

.workspace-one-screen .workspace-composer[data-composer-tone="ready"] .composer-status-row [data-composer-guidance] {
  color: rgba(10, 44, 94, 0.72);
}
/* S14-003 workspace surface polish end */
/* S14-004 workspace first-screen visual discipline start */
.workspace-one-screen .s14-first-screen-card {
  width: min(940px, calc(100% - 12px));
  grid-template-columns: minmax(0, 1fr) minmax(268px, 312px);
  gap: 16px;
  margin: 0 auto 16px;
  border: 1px solid rgba(255, 122, 26, 0.22);
  border-left: 2px solid rgba(255, 122, 26, 0.72);
  border-radius: 3px;
  padding: 16px 18px;
  background:
    linear-gradient(90deg, rgba(255, 247, 238, 0.72), rgba(255, 251, 246, 0.46)),
    var(--current-page-fill);
  box-shadow: 0 14px 32px rgba(10, 44, 94, 0.035);
}

.workspace-one-screen .s14-workspace-lead .card-kicker {
  margin-bottom: 5px;
  color: rgba(10, 44, 94, 0.52);
  letter-spacing: 0.065em;
}

.workspace-one-screen .s14-first-screen-card h2 {
  margin-bottom: 7px;
  font-size: clamp(24px, 2vw, 31px);
  line-height: 1.07;
}

.workspace-one-screen .s14-first-screen-card p {
  max-width: 560px;
  color: rgba(10, 44, 94, 0.78);
  font-size: 13.5px;
  line-height: 1.5;
}

.workspace-one-screen .s14-first-screen-card .workspace-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.workspace-one-screen .s14-first-screen-card .workspace-entry-actions span,
.workspace-one-screen .s14-first-screen-card .workspace-entry-actions span:last-child {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid rgba(10, 44, 94, 0.08);
  border-left: 2px solid rgba(255, 122, 26, 0.55);
  border-radius: 2px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.26);
  color: rgba(10, 44, 94, 0.76);
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.2;
  box-shadow: none;
}

.workspace-one-screen .s14-first-screen-card .workspace-entry-actions span:last-child {
  border-left-color: rgba(159, 47, 47, 0.32);
  color: rgba(87, 30, 30, 0.78);
}

.workspace-one-screen .s14-local-soul {
  margin-top: 11px;
  border-color: rgba(10, 44, 94, 0.1);
  border-left: 2px solid rgba(255, 122, 26, 0.32);
  border-radius: 2px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.24);
}

.workspace-one-screen .s14-local-soul p {
  font-size: 12.5px;
  line-height: 1.42;
}

.workspace-one-screen .s14-status-grid {
  align-self: stretch;
  border-color: rgba(10, 44, 94, 0.11);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.26);
}

.workspace-one-screen .s14-status-grid div,
.workspace-one-screen .s14-status-grid div:nth-child(odd),
.workspace-one-screen .s14-status-grid div:nth-child(-n + 2) {
  min-height: 44px;
  grid-template-columns: minmax(82px, 0.36fr) minmax(0, 1fr);
  gap: 8px;
  padding: 7px 10px;
  border-top-color: rgba(10, 44, 94, 0.075);
}

.workspace-one-screen .s14-status-grid dt {
  color: rgba(10, 44, 94, 0.46);
  font-size: 10.5px;
  letter-spacing: 0.035em;
}

.workspace-one-screen .s14-status-grid dd {
  color: rgba(0, 42, 89, 0.94);
  font-size: 12.5px;
  line-height: 1.18;
}

@media (max-width: 1180px) {
  .workspace-one-screen .s14-first-screen-card {
    width: min(900px, calc(100% - 12px));
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .workspace-one-screen .s14-first-screen-card {
    width: 100%;
    padding: 14px;
  }

  .workspace-one-screen .s14-first-screen-card .workspace-entry-actions span {
    width: 100%;
  }
}
/* S14-004 workspace first-screen visual discipline end */
/* S14-004 density correction start */
.workspace-one-screen .s14-first-screen-card {
  grid-template-columns: minmax(0, 1fr) minmax(268px, 0.82fr);
}

.workspace-one-screen .s14-first-screen-card .workspace-entry-actions {
  gap: 5px;
  margin-top: 10px;
}

.workspace-one-screen .s14-first-screen-card .workspace-entry-actions span,
.workspace-one-screen .s14-first-screen-card .workspace-entry-actions span:last-child {
  min-height: 22px;
  padding: 3px 7px;
  font-size: 11px;
}

.workspace-one-screen .s14-local-soul {
  gap: 5px;
  margin-top: 9px;
  padding: 8px 9px;
}

.workspace-one-screen .s14-local-soul p {
  font-size: 12px;
  line-height: 1.35;
}

.workspace-one-screen .s14-status-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace-one-screen .s14-status-grid div,
.workspace-one-screen .s14-status-grid div:nth-child(odd),
.workspace-one-screen .s14-status-grid div:nth-child(-n + 2) {
  min-height: 48px;
  grid-template-columns: 1fr;
  gap: 3px;
  padding: 7px 9px;
  border-top: 1px solid rgba(10, 44, 94, 0.075);
}

.workspace-one-screen .s14-status-grid div:nth-child(-n + 2) {
  border-top: 0;
}

.workspace-one-screen .s14-status-grid div:nth-child(odd) {
  border-right: 1px solid rgba(10, 44, 94, 0.075);
}

.workspace-one-screen .s14-status-grid dd {
  text-align: left;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .workspace-one-screen .s14-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .workspace-one-screen .s14-status-grid {
    grid-template-columns: 1fr;
  }

  .workspace-one-screen .s14-status-grid div,
  .workspace-one-screen .s14-status-grid div:nth-child(odd),
  .workspace-one-screen .s14-status-grid div:nth-child(-n + 2) {
    border-right: 0;
    border-top: 1px solid rgba(10, 44, 94, 0.075);
  }

  .workspace-one-screen .s14-status-grid div:first-child {
    border-top: 0;
  }
}
/* S14-004 density correction end */
/* S14-004 email compactness correction start */
.workspace-one-screen .s14-status-grid [data-auth-email] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* S14-004 email compactness correction end */
/* S17-001 workspace composer product behavior start */
.workspace-one-screen .composer-status-row {
  grid-template-columns: minmax(92px, auto) minmax(0, 1fr) auto auto;
}

.workspace-one-screen .composer-status-row [data-composer-save-state] {
  justify-self: end;
  color: rgba(10, 44, 94, 0.42);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.055em;
  line-height: 1;
  text-transform: uppercase;
}

.workspace-one-screen .workspace-composer textarea {
  resize: none;
  overflow-y: auto;
  transition: height 120ms ease, border-color 120ms ease;
}

.workspace-one-screen .workspace-composer [data-composer-submit-action]:disabled {
  cursor: default;
  opacity: 0.42;
}

.workspace-one-screen .workspace-composer[data-composer-tone="quiet"] [data-composer-submit-action]:disabled {
  background: transparent;
}

@media (max-width: 720px) {
  .workspace-one-screen .composer-status-row {
    grid-template-columns: 1fr auto;
    row-gap: 4px;
  }

  .workspace-one-screen .composer-status-row [data-composer-guidance] {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
/* S17-001 workspace composer product behavior end */

/* S14-005: pane resizer integrity. The two drag rails stay attached to the single three-pane grid. */
@media (min-width: 1261px) {
  .workspace-frame.workspace-one-screen {
    overflow: hidden;
  }

  .workspace-frame.workspace-one-screen > [data-pane-role] {
    min-width: 0;
  }

  .workspace-pane-resizer {
    transform: translateZ(0);
  }
}
/* S17-004 Composer Interaction Polish: production local-state behavior. */
.workspace-one-screen .composer-status-row {
  grid-template-columns: minmax(92px, auto) minmax(0, 1fr) auto auto auto;
}

.workspace-one-screen .composer-retry {
  min-height: 22px;
  border: 1px solid rgba(255, 122, 26, 0.42);
  border-radius: 4px;
  padding: 0 9px;
  background: rgba(255, 255, 255, 0.56);
  color: var(--blue);
  cursor: pointer;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.02em;
}

.workspace-one-screen .composer-retry:hover,
.workspace-one-screen .composer-retry:focus-visible {
  border-color: rgba(255, 122, 26, 0.72);
  background: rgba(255, 255, 255, 0.86);
  outline: none;
}

.workspace-one-screen .workspace-composer[data-composer-pending="true"] textarea,
.workspace-one-screen .workspace-composer textarea:disabled {
  cursor: wait;
  opacity: 0.56;
}

.workspace-one-screen .workspace-composer [data-composer-submit-action] {
  position: relative;
}

.workspace-one-screen .workspace-composer [data-composer-submit-action].is-loading .eicon {
  opacity: 0;
}

.workspace-one-screen .workspace-composer [data-composer-submit-action].is-loading::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  animation: composerSubmitSpin 680ms linear infinite;
}

.workspace-one-screen .composer-send:disabled,
.workspace-one-screen .composer-send[aria-disabled="true"] {
  border-color: rgba(10, 44, 94, 0.14);
  background: rgba(10, 44, 94, 0.07);
  color: rgba(10, 44, 94, 0.36);
  cursor: default;
  transform: none;
}

.workspace-one-screen .workspace-composer .composer-icon-button:disabled,
.workspace-one-screen .workspace-composer .composer-icon-button[aria-disabled="true"] {
  border-color: rgba(10, 44, 94, 0.12);
  background: transparent;
  color: rgba(10, 44, 94, 0.34);
  cursor: default;
}

.message-stream .user-message {
  margin-left: auto;
  margin-right: 0;
  max-width: min(76%, 760px);
}

.message-stream .assistant-message {
  margin-left: 0;
  margin-right: auto;
  max-width: min(86%, 860px);
}

@keyframes composerSubmitSpin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media (max-width: 720px) {
  .workspace-one-screen .composer-status-row {
    grid-template-columns: 1fr auto auto;
  }

  .workspace-one-screen .composer-status-row [data-composer-guidance] {
    grid-column: 1 / -1;
  }

  .message-stream .user-message,
  .message-stream .assistant-message {
    max-width: 100%;
  }
}
/* S17-004 Composer Interaction Polish end */
/* S17-005 Composer WebSocket Frontend: status, streaming, reconnect, fallback. */
/* S17-005 Formal realtime endpoint: wss://api.presmind.com/v1/realtime. */
.workspace-one-screen .composer-status-row {
  grid-template-columns: minmax(92px, auto) minmax(0, 1fr) auto auto auto auto;
}

.workspace-one-screen .composer-ws-status {
  justify-self: end;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 4px;
  padding: 3px 7px;
  background: rgba(255, 255, 255, 0.46);
  color: rgba(10, 44, 94, 0.58);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.055em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.workspace-one-screen .composer-ws-status[data-ws-state="connected"],
.workspace-one-screen .composer-ws-status[data-ws-state="streaming"] {
  border-color: rgba(31, 122, 77, 0.24);
  background: rgba(31, 122, 77, 0.07);
  color: rgba(31, 122, 77, 0.92);
}

.workspace-one-screen .composer-ws-status[data-ws-state="connecting"],
.workspace-one-screen .composer-ws-status[data-ws-state="reconnecting"] {
  border-color: rgba(255, 122, 26, 0.32);
  background: rgba(255, 122, 26, 0.08);
  color: rgba(177, 77, 0, 0.92);
}

.workspace-one-screen .composer-ws-status[data-ws-state="fallback"],
.workspace-one-screen .composer-ws-status[data-ws-state="closed"] {
  border-color: rgba(10, 44, 94, 0.12);
  background: rgba(255, 255, 255, 0.34);
  color: rgba(10, 44, 94, 0.48);
}

.workspace-one-screen .composer-ws-status[data-ws-state="error"] {
  border-color: rgba(159, 47, 47, 0.26);
  background: rgba(159, 47, 47, 0.07);
  color: rgba(159, 47, 47, 0.9);
}

.workspace-one-screen .workspace-composer[data-composer-ws-state="streaming"] {
  border-color: rgba(31, 122, 77, 0.28);
}

@media (max-width: 720px) {
  .workspace-one-screen .composer-ws-status {
    justify-self: start;
  }
}
/* S17-005 Composer WebSocket Frontend end */

/* S23-001 workspace language selector */
.workspace-language-control {
  display: inline-flex;
  align-items: center;
}

.workspace-language-control .lang-select {
  min-width: 92px;
  height: 32px;
  padding: 0 28px 0 10px;
  border: 1px solid rgba(18, 48, 87, 0.18);
  border-radius: 8px;
  background: #fff;
  color: #17375f;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.workspace-language-control .lang-select:hover {
  border-color: rgba(18, 48, 87, 0.34);
}

.workspace-language-control .lang-select:focus-visible {
  outline: 2px solid #2f6fed;
  outline-offset: 2px;
}

@media (max-width: 900px) {
  .workspace-language-control .lang-select {
    min-width: 78px;
  }
}
/* S23-001 workspace language selector end */

/* S17-007 Composer Clarity Repair: text realtime only, no voice affordance. */
.workspace-one-screen .composer-status-row {
  grid-template-columns: minmax(92px, auto) minmax(0, 1fr) auto auto auto auto;
}

.workspace-one-screen .composer-right-actions {
  align-items: center;
  gap: 7px;
}

.workspace-one-screen .composer-send {
  width: auto;
  min-width: 72px;
  padding: 0 16px;
  border-color: var(--blue);
  background: var(--blue);
  color: #fff;
}

.workspace-one-screen .composer-send-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1;
}

.workspace-one-screen .composer-send.is-loading .composer-send-label {
  opacity: 0;
}

.workspace-one-screen .composer-clear-button {
  border-color: transparent;
  background: transparent;
}

.workspace-one-screen .composer-clear-button:hover,
.workspace-one-screen .composer-clear-button:focus-visible {
  border-color: rgba(255, 122, 26, 0.36);
  background: rgba(255, 255, 255, 0.28);
}

.workspace-one-screen .composer-diamond-mic.is-voice-closed {
  cursor: default;
  pointer-events: none;
}

.workspace-one-screen .composer-diamond-mic.is-voice-closed .composer-brand-orbit {
  display: none;
}

.workspace-one-screen .composer-diamond-mic-label {
  display: none;
}

@media (max-width: 860px) {
  .workspace-one-screen .composer-send {
    min-width: 64px;
    padding-inline: 13px;
  }
}
/* S17-007 Composer Clarity Repair end */
/* S17-008 Composer Immediate Clean Fix: remove scrollbar and status noise. */
.workspace-one-screen #composer textarea {
  min-height: 32px;
  max-height: 76px;
  overflow: hidden !important;
  scrollbar-width: none;
}

.workspace-one-screen #composer textarea::-webkit-scrollbar {
  display: none;
}

.workspace-one-screen #composer .composer-status-row {
  grid-template-columns: minmax(92px, auto) minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
}

.workspace-one-screen #composer [data-composer-save-state],
.workspace-one-screen #composer [data-composer-count] {
  display: none;
}

.workspace-one-screen #composer [data-composer-guidance] {
  justify-self: center;
  color: rgba(10, 44, 94, 0.32);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.workspace-one-screen #composer .composer-ws-status {
  justify-self: end;
}

.workspace-one-screen #composer .composer-actions {
  align-items: center;
  min-height: 31px;
}

.workspace-one-screen #composer .composer-send:disabled,
.workspace-one-screen #composer .composer-send[aria-disabled="true"] {
  border-color: rgba(10, 44, 94, 0.1);
  background: rgba(255, 255, 255, 0.2);
  color: rgba(10, 44, 94, 0.24);
  box-shadow: none;
}

.workspace-one-screen #composer .composer-clear-button {
  opacity: 0.72;
}
/* S17-008 Composer Immediate Clean Fix end */
/* S17-009 Composer Codex Dialog: simple user-facing input, technical state hidden. */
.workspace-one-screen #composer.composer-codex-dialog {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "status"
    "input"
    "actions";
  gap: 7px;
  width: min(720px, calc(100% - 96px));
  margin-inline: auto;
  padding: 8px 10px 8px;
  border-color: rgba(255, 122, 26, 0.34);
  background: rgba(255, 244, 232, 0.18);
  box-shadow: none;
}

.workspace-one-screen #composer.composer-codex-dialog textarea {
  grid-area: input;
  min-height: 38px;
  max-height: 110px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 122, 26, 0.22);
  border-radius: 3px;
  background: rgba(255, 249, 242, 0.34);
  color: var(--blue);
  overflow: hidden !important;
  scrollbar-width: none;
}

.workspace-one-screen #composer.composer-codex-dialog textarea::-webkit-scrollbar {
  display: none;
}

.workspace-one-screen #composer.composer-codex-dialog textarea:focus {
  border-color: rgba(255, 122, 26, 0.42);
  background: rgba(255, 249, 242, 0.42);
  box-shadow: none;
  outline: none;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  gap: 10px;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-add {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: rgba(10, 44, 94, 0.76);
}

.workspace-one-screen #composer.composer-codex-dialog .composer-add:hover,
.workspace-one-screen #composer.composer-codex-dialog .composer-add:focus-visible {
  border-color: rgba(255, 122, 26, 0.28);
  background: rgba(255, 255, 255, 0.28);
  outline: none;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-right-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-send {
  width: auto;
  min-width: 76px;
  height: 30px;
  min-height: 30px;
  padding: 0 16px;
  border: 1px solid var(--blue);
  border-radius: 3px;
  background: var(--blue);
  color: #fff;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-send-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-send:disabled,
.workspace-one-screen #composer.composer-codex-dialog .composer-send[aria-disabled="true"] {
  border-color: rgba(10, 44, 94, 0.14);
  background: rgba(255, 255, 255, 0.2);
  color: rgba(10, 44, 94, 0.3);
  cursor: default;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-technical-status {
  grid-area: status;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 18px;
  margin: 0 0 -2px;
  overflow: visible;
  pointer-events: auto;
}

.workspace-one-screen #composer.composer-codex-dialog[data-composer-tone="error"] .composer-technical-status,
.workspace-one-screen #composer.composer-codex-dialog .composer-retry:not([hidden]) {
  display: flex;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-technical-status > span:not(.composer-ws-status) {
  display: none;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  max-width: 100%;
  min-height: 18px;
  padding: 3px 7px;
  border: 1px solid currentColor;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.36);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="connected"],
.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="streaming"] {
  border-color: rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.08);
  color: #22c55e;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="idle"],
.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="connecting"] {
  border-color: rgba(245, 158, 11, 0.44);
  background: rgba(245, 158, 11, 0.08);
  color: #f59e0b;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="reconnecting"] {
  border-color: rgba(249, 115, 22, 0.46);
  background: rgba(249, 115, 22, 0.08);
  color: #f97316;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="fallback"],
.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="closed"],
.workspace-one-screen #composer.composer-codex-dialog .composer-ws-status[data-ws-state="error"] {
  border-color: rgba(156, 163, 175, 0.5);
  background: rgba(156, 163, 175, 0.08);
  color: #9ca3af;
}

.workspace-one-screen #composer.composer-codex-dialog .composer-diamond-mic,
.workspace-one-screen #composer.composer-codex-dialog .composer-clear-button,
.workspace-one-screen #composer.composer-codex-dialog .composer-icon-button {
  display: none !important;
}

@media (max-width: 860px) {
  .workspace-one-screen #composer.composer-codex-dialog {
    width: min(100% - 28px, 720px);
  }
}
/* S17-009 Composer Codex Dialog end */

/* S18-005 Composer Usability Polish: visible send, thinking, and message bubbles. */
.workspace-one-screen .composer-thread {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: min(640px, calc(100% - 144px));
  margin: 14px auto 18px;
}

.workspace-one-screen .composer-empty-state {
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 4px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.26);
  color: rgba(10, 44, 94, 0.78);
  font-size: 13px;
  line-height: 1.5;
}

.workspace-one-screen .composer-empty-state p {
  margin: 0;
}

.workspace-one-screen .composer-empty-hint {
  margin-top: 6px !important;
  color: rgba(10, 44, 94, 0.54);
  font-size: 12px;
}

.workspace-one-screen .conversation-choice-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: min(760px, calc(100vw - 96px));
  margin: clamp(64px, 12vh, 150px) auto 28px;
  color: #171717;
}

.workspace-one-screen .conversation-choice-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: rgba(10, 44, 94, 0.42);
}

.workspace-one-screen .conversation-choice-page h2 {
  margin: 0;
  color: #171717;
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.workspace-one-screen .conversation-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.workspace-one-screen .conversation-choice-card {
  display: flex;
  min-height: 108px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 4px;
  background: #fff3ea;
  box-shadow: 0 10px 28px rgba(10, 44, 94, 0.06);
  color: #171717;
  cursor: pointer;
  font-family: "Inter", system-ui, sans-serif;
  text-align: left;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.workspace-one-screen .conversation-choice-card:hover,
.workspace-one-screen .conversation-choice-card:focus-visible,
.workspace-one-screen .conversation-choice-card.is-selected {
  border-color: #ff7a1a;
  box-shadow: 0 12px 30px rgba(255, 122, 26, 0.12);
  outline: none;
  transform: translateY(-1px);
}

.workspace-one-screen .conversation-choice-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a2c5e;
  font-size: 18px;
  line-height: 1;
}

.workspace-one-screen .conversation-choice-card-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.workspace-one-screen .conversation-choice-card[data-accent="violet"] .conversation-choice-card-icon {
  color: #7c3aed;
}

.workspace-one-screen .conversation-choice-card[data-accent="green"] .conversation-choice-card-icon {
  color: #1f7a4d;
}

.workspace-one-screen .conversation-choice-card[data-accent="orange"] .conversation-choice-card-icon {
  color: #ff7a1a;
}

.workspace-one-screen .conversation-choice-card strong {
  color: #0a2c5e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.workspace-one-screen .conversation-choice-card span:last-child {
  color: rgba(10, 44, 94, 0.68);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .workspace-one-screen .conversation-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .workspace-one-screen .conversation-choice-page {
    width: min(100% - 28px, 520px);
    margin-top: 42px;
  }

  .workspace-one-screen .conversation-choice-grid {
    grid-template-columns: 1fr;
  }
}

.workspace-one-screen .composer-thread-message {
  display: flex;
  width: 100%;
  max-width: 100%;
}

.workspace-one-screen .composer-thread-message-user {
  justify-content: flex-end;
}

.workspace-one-screen .composer-thread-message-assistant {
  justify-content: flex-start;
}

.workspace-one-screen .composer-thread-avatar {
  display: none;
}

.workspace-one-screen .composer-thread-bubble {
  width: fit-content;
  max-width: min(100%, 560px);
  border: 1px solid rgba(10, 44, 94, 0.12);
  border-radius: 4px;
  padding: 9px 13px 10px;
  background: rgba(245, 247, 250, 0.9);
  color: var(--blue);
  box-shadow: 0 6px 18px rgba(10, 44, 94, 0.03);
}

.workspace-one-screen .composer-thread-message-user .composer-thread-bubble {
  border-color: rgba(10, 44, 94, 0.76);
  background: var(--blue);
  color: #fff;
}

.workspace-one-screen .composer-thread-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 11px;
  line-height: 1;
}

.workspace-one-screen .composer-thread-message-user .composer-thread-meta {
  justify-content: flex-end;
}

.workspace-one-screen .composer-thread-meta strong {
  font-weight: 850;
}

.workspace-one-screen .composer-thread-time {
  color: rgba(10, 44, 94, 0.42);
  font-size: 10px;
  font-weight: 700;
}

.workspace-one-screen .composer-thread-message-user .composer-thread-time {
  color: rgba(255, 255, 255, 0.72);
}

.workspace-one-screen .composer-thread-text {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 14px;
  line-height: 1.5;
}

.workspace-one-screen .composer-thread-message.is-thinking .composer-thread-bubble {
  border-color: rgba(255, 122, 26, 0.2);
  background: rgba(255, 249, 242, 0.7);
}

.workspace-one-screen .composer-thread-message.is-thinking .composer-thread-text::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 14px;
  margin-left: 5px;
  background: rgba(255, 122, 26, 0.72);
  vertical-align: -2px;
  animation: composerThinkingCaret 940ms steps(2, start) infinite;
}

.workspace-one-screen #composer.composer-codex-dialog textarea {
  line-height: 1.42;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}

.workspace-one-screen #composer.composer-codex-dialog textarea::-webkit-scrollbar {
  display: initial;
  width: 4px;
}

.workspace-one-screen #composer.composer-codex-dialog textarea::-webkit-scrollbar-thumb {
  background: rgba(10, 44, 94, 0.18);
}

@keyframes composerThinkingCaret {
  50% {
    opacity: 0;
  }
}

@media (max-width: 860px) {
  .workspace-one-screen .composer-thread {
    width: min(100% - 32px, 640px);
  }
}

@media (max-width: 720px) {
  .workspace-one-screen .composer-thread-message {
    max-width: 96%;
  }
}
/* S18-005 Composer Usability Polish end */

/* S23-004 LOCKED Composer visual layer */
.workspace-one-screen .workspace-display {
  background: #fff3ea;
}

.workspace-one-screen #composer.presmind-composer {
  display: block;
  width: min(720px, calc(100% - 96px));
  margin-inline: auto;
  padding: 8px 16px;
  border: 0;
  border-top: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 4px;
  background: #ffffff;
  box-shadow: none;
  font-family: "Inter", system-ui, sans-serif;
}

.workspace-one-screen #composer.presmind-composer::before,
.workspace-one-screen #composer.presmind-composer::after {
  display: none;
}

.workspace-one-screen #composer.presmind-composer .composer-input-area {
  position: relative;
  height: 60px;
}

.workspace-one-screen #composer.presmind-composer .composer-textarea {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 60px;
  max-height: 60px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid rgba(10, 44, 94, 0.18);
  border-radius: 4px;
  background: transparent;
  color: #171717;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  box-shadow: none;
}

.workspace-one-screen #composer.presmind-composer .composer-textarea:focus {
  border-color: #0a2c5e;
  background: transparent;
  outline: none;
  box-shadow: none;
}

.workspace-one-screen #composer.presmind-composer .composer-status-live {
  position: absolute;
  top: 8px;
  right: 12px;
  display: inline;
  min-width: 0;
  min-height: 0;
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1f7a4d;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}

.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="idle"],
.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="connecting"],
.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="reconnecting"] {
  border: 0;
  background: transparent;
  color: #475569;
}

.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="connected"],
.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="streaming"] {
  border: 0;
  background: transparent;
  color: #1f7a4d;
}

.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="fallback"],
.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="closed"],
.workspace-one-screen #composer.presmind-composer .composer-status-live[data-ws-state="error"] {
  border: 0;
  background: transparent;
  color: #475569;
}

.workspace-one-screen #composer.presmind-composer .composer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  min-height: 44px;
  margin-top: 4px;
  gap: 0;
}

.workspace-one-screen #composer.presmind-composer .composer-actions-left,
.workspace-one-screen #composer.presmind-composer .composer-actions-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.workspace-one-screen #composer.presmind-composer .composer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #475569;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}

.workspace-one-screen #composer.presmind-composer .composer-btn:hover,
.workspace-one-screen #composer.presmind-composer .composer-btn:focus-visible {
  border: 0;
  background: rgba(10, 44, 94, 0.06);
  color: #475569;
  outline: none;
}

.workspace-one-screen #composer.presmind-composer .composer-btn-send {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #0a2c5e;
  color: #ffffff;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}

.workspace-one-screen #composer.presmind-composer .composer-btn-send:hover,
.workspace-one-screen #composer.presmind-composer .composer-btn-send:focus-visible {
  border: 0;
  background: #071f45;
  color: #ffffff;
  outline: none;
}

.workspace-one-screen #composer.presmind-composer .composer-btn-send:disabled,
.workspace-one-screen #composer.presmind-composer .composer-btn-send[aria-disabled="true"] {
  border: 0;
  background: #94a3b8;
  color: #ffffff;
  cursor: not-allowed;
  box-shadow: none;
}

.workspace-one-screen #composer.presmind-composer .composer-send-label {
  display: inline-flex;
  min-width: 0;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.workspace-one-screen .composer-thread-message-user .composer-thread-bubble {
  border-color: #0a2c5e;
  border-radius: 4px;
  background: #0a2c5e;
  color: #ffffff;
}

.workspace-one-screen .composer-thread-message-assistant .composer-thread-bubble {
  border-color: rgba(10, 44, 94, 0.12);
  border-radius: 4px;
  background: #f8f6f3;
  color: #171717;
}

@media (max-width: 860px) {
  .workspace-one-screen #composer.presmind-composer {
    width: min(100% - 28px, 720px);
    padding: 8px 16px;
  }
}
/* S23-004 LOCKED Composer visual layer end */

/* S23-005 LOCKED message bubbles and assistant actions */
.workspace-one-screen .composer-thread {
  background: transparent;
}

.workspace-one-screen .composer-thread .message-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  margin-bottom: 12px;
}

.workspace-one-screen .composer-thread .message-assistant-wrapper {
  align-items: flex-start;
}

.workspace-one-screen .composer-thread .composer-thread-message-user {
  align-items: flex-end;
}

.workspace-one-screen .composer-thread .message-bubble {
  box-sizing: border-box;
  width: auto;
  max-width: 80%;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1.6;
  overflow-wrap: break-word;
  box-shadow: none;
}

.workspace-one-screen .composer-thread .message-assistant {
  border: 1px solid rgba(10, 44, 94, 0.08);
  background: #ffffff;
  color: #171717;
}

.workspace-one-screen .composer-thread .message-user {
  align-self: flex-end;
  padding: 10px 16px;
  border: 0;
  background: #0a2c5e;
  color: #ffffff;
}

.workspace-one-screen .composer-thread .message-content {
  margin: 0;
  color: inherit;
  font: inherit;
}

.workspace-one-screen .composer-thread .message-actions {
  display: flex;
  align-items: center;
  width: min(80%, 100%);
  gap: 12px;
  margin-top: 6px;
  padding: 0;
  opacity: 0.5;
  transition: opacity 0.2s;
}

/* Only the current assistant output exposes message actions. */
.workspace-one-screen .composer-thread .composer-thread-message-assistant:not(.is-current-output) > .message-actions {
  display: none !important;
}

.workspace-one-screen .composer-thread .message-wrapper:hover > .message-actions,
.workspace-one-screen .composer-thread .message-wrapper:focus-within > .message-actions {
  opacity: 1;
}

.workspace-one-screen .composer-thread .action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #475569;
  cursor: pointer;
  box-shadow: none;
  transition: color 0.2s;
}

.workspace-one-screen .composer-thread .action-btn svg {
  display: block;
  width: 14px;
  height: 14px;
}

.workspace-one-screen .composer-thread .action-btn:hover,
.workspace-one-screen .composer-thread .action-btn:focus-visible {
  border: 0;
  background: transparent;
  color: #0a2c5e;
  outline: none;
  box-shadow: none;
}

.workspace-one-screen .composer-thread .action-btn.action-dislike:hover,
.workspace-one-screen .composer-thread .action-btn.action-dislike:focus-visible,
.workspace-one-screen .composer-thread .action-btn.action-dislike.active {
  color: #9f2f2f;
}

.workspace-one-screen .composer-thread .action-btn.action-like.active {
  color: #0a2c5e;
}

.message-card .message-actions button[data-message-action="like"].is-selected {
  color: #0a2c5e;
}

.message-card .message-actions button[data-message-action="dislike"].is-selected {
  color: #9f2f2f;
}

.workspace-one-screen .composer-thread .action-btn.action-like.active svg,
.workspace-one-screen .composer-thread .action-btn.action-dislike.active svg {
  fill: currentColor;
}

.workspace-one-screen .composer-thread .action-timestamp {
  margin-left: auto;
  padding-left: 8px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
/* S23-005 LOCKED message bubbles and assistant actions end */

/* S23-007 Copy feedback */
.message-actions button[data-message-action="copy"],
.message-actions button[data-action="copy"] {
  position: relative;
  overflow: visible;
}

.message-actions .copy-feedback {
  position: absolute;
  top: calc(100% + 3px);
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  color: #1f7a4d;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.message-actions .copy-feedback.is-visible {
  opacity: 1;
}

.message-actions .copy-feedback.is-error {
  color: #9f2f2f;
}

/* S23-009 Feedback analytics */
.workspace-inspector-table .feedback-stats-card {
  display: grid;
  gap: 10px;
}

.feedback-stats-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}

.feedback-stats-heading .eicon {
  flex: 0 0 auto;
  color: #0a2c5e;
  font-size: 14px;
}

.feedback-stats-heading h3 {
  margin: 0;
}

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

.feedback-stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.feedback-stat dt {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
}

.feedback-stat dd {
  margin: 0;
  color: #0a2c5e;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.feedback-stat-dislike dd {
  color: #9f2f2f;
}

/* S23-008 Conversation branch controls */
.branch-toolbar {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  width: min(760px, calc(100% - 112px));
  min-height: 28px;
  gap: 8px;
  margin: 0 auto 8px;
  color: #64748b;
  font-size: 11px;
}

.branch-toolbar-label {
  white-space: nowrap;
}

.branch-current-button {
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 4px;
  background: #ffffff;
  color: #0a2c5e;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.branch-current-button::after {
  content: " ▾";
  color: #94a3b8;
}

.branch-current-button:focus-visible,
.branch-current-button:hover {
  border-color: rgba(10, 44, 94, 0.32);
  outline: none;
}

.branch-menu {
  position: absolute;
  top: calc(100% + 3px);
  left: 66px;
  width: min(220px, calc(100vw - 40px));
  padding: 4px;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(10, 44, 94, 0.1);
}

.branch-menu-row {
  display: flex;
  align-items: center;
  min-height: 30px;
  border-radius: 4px;
}

.branch-menu-row.is-active {
  background: rgba(10, 44, 94, 0.08);
}

.branch-select-button,
.branch-delete-button {
  border: 0;
  background: transparent;
  color: #475569;
  font: inherit;
  cursor: pointer;
}

.branch-select-button {
  flex: 1;
  padding: 6px 8px;
  text-align: left;
}

.branch-menu-row.is-active .branch-select-button {
  color: #0a2c5e;
  font-weight: 600;
}

.branch-delete-button {
  width: 28px;
  height: 28px;
  color: #9f2f2f;
  font-size: 16px;
}

@media (max-width: 860px) {
  .branch-toolbar {
    width: min(760px, calc(100% - 24px));
  }

  .branch-menu {
    left: 0;
  }
}

.composer-branch-bar {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  width: min(760px, calc(100% - 112px));
  min-height: 28px;
  gap: 8px;
  margin: 0 auto 8px;
  color: #64748b;
  font-size: 11px;
}

.composer-branch-current {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  gap: 5px;
  padding: 3px 9px;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 4px;
  background: #ffffff;
  color: #0a2c5e;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.composer-branch-menu {
  position: absolute;
  top: calc(100% + 3px);
  left: 66px;
  z-index: 8;
  width: min(220px, calc(100vw - 40px));
  padding: 4px;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(10, 44, 94, 0.1);
}

.composer-branch-list {
  display: grid;
  gap: 2px;
}

@media (max-width: 860px) {
  .composer-branch-bar {
    width: min(760px, calc(100% - 24px));
  }

  .composer-branch-menu {
    left: 0;
  }
}

/* S23-010 Branch management depth */
.branch-menu,
.composer-branch-menu {
  width: min(360px, calc(100vw - 40px));
}

.branch-menu-row {
  position: relative;
  min-height: 46px;
  gap: 2px;
  padding: 3px;
}

.branch-select-button {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.branch-name,
.branch-meta {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.branch-name {
  color: inherit;
  font-size: 12px;
  font-weight: 600;
}

.branch-meta {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
}

.branch-menu-row.is-active .branch-meta {
  color: #64748b;
}

.branch-merge-button,
.branch-delete-button {
  flex: 0 0 auto;
  min-height: 28px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.branch-merge-button {
  padding: 4px 7px;
  color: #0a2c5e;
  font-size: 10px;
  font-weight: 600;
}

.branch-merge-button:hover,
.branch-merge-button:focus-visible {
  background: rgba(10, 44, 94, 0.08);
  outline: none;
}

.branch-delete-button:hover,
.branch-delete-button:focus-visible {
  background: rgba(159, 47, 47, 0.08);
  outline: none;
}

.branch-menu-row.is-renaming {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.branch-rename-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 32px;
  padding: 5px 8px;
  border: 1px solid #0a2c5e;
  border-radius: 4px;
  background: #ffffff;
  color: #171717;
  font: inherit;
  font-size: 12px;
  outline: none;
  box-shadow: 0 0 0 2px rgba(10, 44, 94, 0.08);
}

.branch-context-menu {
  position: absolute;
  z-index: 12;
  width: 112px;
  padding: 4px;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(10, 44, 94, 0.14);
}

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

.branch-context-menu button {
  width: 100%;
  padding: 6px 8px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #334155;
  font: inherit;
  font-size: 11px;
  text-align: left;
  cursor: pointer;
}

.branch-context-menu button:hover,
.branch-context-menu button:focus-visible {
  background: rgba(10, 44, 94, 0.08);
  color: #0a2c5e;
  outline: none;
}

.branch-merge-overlay {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 23, 42, 0.42);
}

.branch-merge-overlay[hidden] {
  display: none;
}

.branch-merge-dialog {
  width: min(420px, 100%);
  padding: 20px;
  border: 1px solid rgba(10, 44, 94, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #171717;
  box-shadow: 0 24px 56px rgba(15, 23, 42, 0.2);
}

.branch-merge-dialog h2 {
  margin: 0 0 10px;
  color: #0a2c5e;
  font-size: 17px;
}

.branch-merge-dialog p {
  margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
}

.branch-merge-status {
  margin-top: 10px !important;
  color: #475569 !important;
  font-size: 11px !important;
}

.branch-merge-status[data-state="error"] {
  color: #9f2f2f !important;
}

.branch-merge-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

.branch-merge-actions button {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid rgba(10, 44, 94, 0.16);
  border-radius: 4px;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.branch-merge-cancel {
  background: #ffffff;
  color: #475569;
}

.branch-merge-confirm {
  border-color: #0a2c5e !important;
  background: #0a2c5e;
  color: #ffffff;
}

.branch-merge-confirm:disabled {
  border-color: #94a3b8 !important;
  background: #94a3b8;
  cursor: wait;
}

.branch-create-overlay {
  position: fixed;
  inset: 0;
  z-index: 121;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 23, 42, 0.42);
}

.branch-create-overlay[hidden] {
  display: none;
}

.branch-create-dialog {
  width: min(440px, 100%);
  padding: 20px;
  border: 1px solid rgba(10, 44, 94, 0.18);
  border-radius: 4px;
  background: #fffaf6;
  color: #171717;
  box-shadow: 0 24px 56px rgba(15, 23, 42, 0.2);
}

.branch-create-dialog h2 {
  margin: 0 0 8px;
  color: #0a2c5e;
  font-family: Cambria, Georgia, serif;
  font-size: 20px;
}

.branch-create-dialog > p {
  margin: 0 0 16px;
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}

.branch-create-field {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  color: #0a2c5e;
  font-size: 12px;
  font-weight: 700;
}

.branch-create-field input,
.branch-create-field select {
  width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid rgba(10, 44, 94, 0.2);
  border-radius: 4px;
  background: #ffffff;
  color: #171717;
  font: 400 13px Inter, system-ui, sans-serif;
}

.branch-create-field input:focus,
.branch-create-field select:focus {
  border-color: #0a2c5e;
  outline: 2px solid rgba(10, 44, 94, 0.12);
  outline-offset: 1px;
}

.branch-create-open-option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: #475569;
  font-size: 12px;
}

.branch-create-open-option input {
  width: 16px;
  height: 16px;
  accent-color: #0a2c5e;
}

.branch-create-status {
  margin: 12px 0 0;
  color: #9f2f2f;
  font-size: 12px;
}

.branch-create-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

.branch-create-actions button {
  min-height: 36px;
  padding: 7px 14px;
  border: 1px solid rgba(10, 44, 94, 0.18);
  border-radius: 4px;
  background: #ffffff;
  color: #475569;
  font: 600 12px Inter, system-ui, sans-serif;
  cursor: pointer;
}

.branch-create-actions .branch-create-confirm {
  border-color: #0a2c5e;
  background: #0a2c5e;
  color: #ffffff;
}

.branch-create-actions .branch-create-confirm:disabled {
  border-color: #94a3b8;
  background: #94a3b8;
  cursor: wait;
}

@media (max-width: 520px) {
  .branch-menu,
  .composer-branch-menu {
    width: calc(100vw - 24px);
  }

  .branch-merge-dialog {
    padding: 16px;
  }

  .branch-create-dialog {
    padding: 16px;
  }
}
/* S24 Group 7 visual acceptance repair: paper surface + 4px controls */
.workspace-shell,
.workspace-one-screen,
.workspace-one-screen .workspace-display,
.workspace-one-screen .workspace-frame,
.workspace-one-screen .workspace-current-page,
.workspace-one-screen .composer-thread {
  background: #fff3ea;
}

.workspace-one-screen .message-card,
.workspace-one-screen .message-bubble,
.workspace-one-screen .composer-thread-bubble,
.workspace-one-screen .intelligence-card,
.workspace-one-screen .workspace-inspector-table,
.workspace-one-screen .workspace-folder-menu,
.workspace-one-screen .workspace-folder-group-item,
.workspace-one-screen button:not(.brand-mark),
.workspace-one-screen .button,
.workspace-one-screen input,
.workspace-one-screen textarea,
.workspace-one-screen #composer.presmind-composer,
.workspace-one-screen #composer.presmind-composer .composer-textarea,
.workspace-one-screen #composer.presmind-composer .composer-btn,
.workspace-one-screen #composer.presmind-composer .composer-btn-send {
  border-radius: 4px;
}

.workspace-one-screen .message-card,
.workspace-one-screen .message-bubble,
.workspace-one-screen .composer-thread-bubble,
.workspace-one-screen .message-assistant,
.workspace-one-screen .composer-thread-message-assistant .composer-thread-bubble,
.workspace-one-screen #composer.presmind-composer .composer-textarea {
  border: 1px solid rgba(255, 122, 26, 0.52);
  background: #fff3ea;
}

.workspace-one-screen .message-card,
.workspace-one-screen .message-bubble,
.workspace-one-screen .composer-thread-bubble {
  box-shadow: none;
}

.workspace-one-screen #composer.presmind-composer {
  background: #fff3ea;
  border-top-color: rgba(255, 122, 26, 0.52);
}

.workspace-one-screen #composer.presmind-composer .composer-textarea:focus {
  border-color: #ff7a1a;
}

.brand-mark,
.workspace-one-screen .brand-mark {
  border-radius: 999px;
}

/* S24 Group 7 follow-up: complete composer input frame */
.workspace-one-screen #composer.presmind-composer {
  border: 1px solid rgba(255, 122, 26, 0.58);
  background: #fff3ea;
}

.workspace-one-screen #composer.presmind-composer .composer-input-area {
  border: 0;
  background: #fff3ea;
}

.workspace-one-screen #composer.presmind-composer .composer-textarea {
  border: 0;
  background: #fff3ea;
}

.workspace-one-screen #composer.presmind-composer .composer-textarea:focus {
  border: 0;
  outline: none;
}

/* S24 r8: keep the first-level folder selector above the tree without visual overlap. */
.workspace-one-screen .workspace-folder-switcher-shell {
  position: relative;
  z-index: 120;
}

.workspace-one-screen .workspace-folder-popover {
  position: absolute;
  top: calc(100% + 6px);
  left: 16px;
  right: 18px;
  z-index: 140;
  border: 1px solid rgba(255, 122, 26, 0.28);
  border-radius: 4px;
  background: #fff3ea;
  box-shadow: 0 18px 42px rgba(10, 44, 94, 0.18);
  backdrop-filter: none;
}

.workspace-one-screen .workspace-folder-group-item {
  border-radius: 4px;
  background: #fff3ea;
}

.workspace-one-screen .workspace-folder-group-item:hover,
.workspace-one-screen .workspace-folder-group-item:focus-visible,
.workspace-one-screen .workspace-folder-group-item.is-active {
  background: rgba(255, 122, 26, 0.08);
}

/* S24 r8: timeline marks represent content count with stable spacing. */
.workspace-one-screen .display-timeline {
  right: 8px;
  width: 24px;
}

.workspace-one-screen .codex-timeline-message-line {
  right: 6px;
  width: 14px;
  height: 4px;
  border-radius: 4px;
  opacity: 0.86;
}

.workspace-one-screen .codex-timeline-message-line:hover,
.workspace-one-screen .codex-timeline-message-line:focus-visible {
  width: 22px;
}

/* S24 r9: preserve the workspace as one horizontal work surface. */
@media (max-width: 1260px) {
  .workspace-frame.workspace-one-screen {
    position: relative !important;
    display: grid !important;
    grid-template-columns: var(--workspace-left-width, 278px) minmax(520px, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    overflow: hidden !important;
    background: linear-gradient(
      90deg,
      var(--workspace-left-surface, #f4f3f0) 0,
      var(--workspace-left-surface, #f4f3f0) var(--workspace-left-width, 278px),
      #fff3ea var(--workspace-left-width, 278px)
    ) !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index,
  .workspace-frame.workspace-one-screen > .workspace-display {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    grid-row: 1 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index {
    grid-column: 1 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 60 !important;
    width: min(var(--workspace-right-width, 360px), 42vw) !important;
    min-width: 320px !important;
    max-width: 390px !important;
    transform: none !important;
    box-shadow: -1px 0 0 rgba(10, 44, 94, 0.14), -18px 0 36px rgba(10, 44, 94, 0.08) !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence,
  .workspace-frame.workspace-one-screen:not(.is-right-expanded) > .workspace-intelligence.is-compact {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    overflow: hidden !important;
  }
}

@media (max-width: 720px) {
  .workspace-frame.workspace-one-screen {
    --workspace-left-width: 64px;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index {
    width: 64px !important;
    min-width: 64px !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display {
    padding-right: 54px !important;
  }
}

/* S24 r10: humane mid-width adaptation; never squeeze the right inspector into unreadable columns. */
@media (max-width: 1180px) {
  .workspace-frame.workspace-one-screen {
    --workspace-left-width: 216px;
    grid-template-columns: 216px minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display {
    grid-column: 2 !important;
    padding-right: 64px !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    overflow: hidden !important;
    background: #fff3ea !important;
    box-shadow: -1px 0 0 rgba(10, 44, 94, 0.12) !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > :not(.intelligence-heading):not(.right-memory-rail),
  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading h2,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading-icon,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .service-actions span,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .service-actions:not(:has(.eicon)) {
    display: none !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading {
    display: grid !important;
    min-height: 52px !important;
    place-items: center !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(10, 44, 94, 0.1) !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-panel-toggle {
    display: inline-grid !important;
    width: 34px !important;
    height: 34px !important;
    place-items: center !important;
    opacity: 1 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .right-memory-rail {
    position: static !important;
    display: grid !important;
    justify-items: center !important;
    gap: 10px !important;
    width: 54px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .service-actions {
    right: 6px !important;
    bottom: 10px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 128px !important;
    padding: 0 !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }

  .workspace-one-screen .current-page-header,
  .workspace-one-screen .message-card,
  .workspace-one-screen .composer-thread-message,
  .workspace-one-screen #composer.presmind-composer {
    width: min(100% - 28px, 720px) !important;
    max-width: 720px !important;
  }
}

@media (max-width: 860px) {
  .workspace-frame.workspace-one-screen {
    --workspace-left-width: 64px;
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index {
    width: 64px !important;
    min-width: 64px !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display {
    padding-right: 58px !important;
  }
}

/* S24 r11: half-screen reading-first adaptation. Collapse both side regions; keep the conversation readable. */
@media (max-width: 1024px) {
  html,
  body,
  .workspace-shell,
  .workspace-frame.workspace-one-screen {
    overflow-x: hidden !important;
  }

  .workspace-frame.workspace-one-screen {
    --workspace-left-width: 64px !important;
    --workspace-right-width: 48px !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index .workspace-tabs-head,
  .workspace-frame.workspace-one-screen > .workspace-index .index-current-row,
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-folder-switcher,
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-folder-tree {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index .workspace-folder-switcher-copy,
  .workspace-frame.workspace-one-screen > .workspace-index .tree-toggle-icon,
  .workspace-frame.workspace-one-screen > .workspace-index .tree-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen > .workspace-index .secondary-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-tab .tab-copy,
  .workspace-frame.workspace-one-screen > .workspace-index .main-folder-actions,
  .workspace-frame.workspace-one-screen > .workspace-index .secondary-folder-actions,
  .workspace-frame.workspace-one-screen > .workspace-index .conversation-progress-meta,
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-tree-empty {
    display: none !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-right: 48px !important;
    overflow: hidden !important;
  }

  .workspace-one-screen .display-scroll {
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: hidden !important;
  }

  .workspace-one-screen .current-page-header,
  .workspace-one-screen .message-card,
  .workspace-one-screen .display-panel,
  .workspace-one-screen .composer-thread-message,
  .workspace-one-screen #composer.presmind-composer {
    width: min(100% - 12px, 680px) !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .workspace-one-screen .s14-first-screen-card,
  .workspace-one-screen .workspace-session-card {
    grid-template-columns: 1fr !important;
  }

  .workspace-one-screen .workspace-session-card .session-grid,
  .workspace-one-screen .s14-first-screen-card .session-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .workspace-one-screen .workspace-session-card .session-grid strong,
  .workspace-one-screen .s14-first-screen-card .session-grid strong {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 70 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    overflow: hidden !important;
    background: #fff3ea !important;
    box-shadow: -1px 0 0 rgba(10, 44, 94, 0.12) !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > :not(.intelligence-heading):not(.right-memory-rail),
  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading h2,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading-icon,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .service-actions {
    display: none !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading {
    display: grid !important;
    min-height: 52px !important;
    place-items: center !important;
    padding: 8px 0 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-panel-toggle {
    display: inline-grid !important;
    width: 34px !important;
    height: 34px !important;
    place-items: center !important;
    opacity: 1 !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .right-memory-rail {
    position: static !important;
    display: grid !important;
    justify-items: center !important;
    gap: 10px !important;
    width: 48px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 760px) {
  .workspace-one-screen .workspace-session-card .session-grid,
  .workspace-one-screen .s14-first-screen-card .session-grid {
    grid-template-columns: 1fr !important;
  }

  .workspace-one-screen .current-page-header,
  .workspace-one-screen .message-card,
  .workspace-one-screen .display-panel,
  .workspace-one-screen .composer-thread-message,
  .workspace-one-screen #composer.presmind-composer {
    width: calc(100% - 8px) !important;
    max-width: none !important;
  }
}

/* S24 r12: wide-screen reset. Full screens must return to the standard three-column workspace. */
@media (min-width: 1181px) {
  .workspace-frame.workspace-one-screen {
    --workspace-left-width: 296px;
    --workspace-right-width: 360px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: var(--workspace-left-width) minmax(0, 1fr) var(--workspace-right-width) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: var(--workspace-left-width) !important;
    min-width: var(--workspace-left-width) !important;
    max-width: var(--workspace-left-width) !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display {
    position: relative !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-right: 22px !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    position: relative !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    width: var(--workspace-right-width) !important;
    min-width: var(--workspace-right-width) !important;
    max-width: var(--workspace-right-width) !important;
    overflow: hidden !important;
    transform: none !important;
    background: rgba(255, 249, 242, 0.96) !important;
    box-shadow: inset 1px 0 0 rgba(10, 44, 94, 0.12) !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index .workspace-folder-switcher-copy,
  .workspace-frame.workspace-one-screen > .workspace-index .tree-toggle-icon,
  .workspace-frame.workspace-one-screen > .workspace-index .tree-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen > .workspace-index .secondary-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-tab .tab-copy,
  .workspace-frame.workspace-one-screen > .workspace-index .conversation-progress-meta,
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-tree-empty,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > :not(.intelligence-heading):not(.right-memory-rail),
  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading h2,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading-icon,
  .workspace-frame.workspace-one-screen > .workspace-intelligence .service-actions {
    display: revert !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index .workspace-tabs-head,
  .workspace-frame.workspace-one-screen > .workspace-index .index-current-row,
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-folder-switcher,
  .workspace-frame.workspace-one-screen > .workspace-index .workspace-folder-tree {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-heading {
    display: grid !important;
    min-height: auto !important;
    place-items: initial !important;
    padding: 14px 14px 10px !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .right-memory-rail {
    position: static !important;
    display: none !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence .service-actions {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 16px !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  .workspace-one-screen .current-page-header,
  .workspace-one-screen .message-card,
  .workspace-one-screen .display-panel,
  .workspace-one-screen .composer-thread-message,
  .workspace-one-screen #composer.presmind-composer {
    width: min(100% - 44px, 760px) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* S24 r13: hard wide-screen canonical layout. Ignore persisted collapsed state on full desktop. */
@media (min-width: 1181px) {
  .workspace-frame.workspace-one-screen,
  .workspace-frame.workspace-one-screen.is-left-collapsed,
  .workspace-frame.workspace-one-screen.is-right-collapsed,
  .workspace-frame.workspace-one-screen.is-left-collapsed.is-right-collapsed {
    --workspace-left-width: 296px !important;
    --workspace-right-width: 360px !important;
    display: grid !important;
    grid-template-columns: 296px minmax(0, 1fr) 360px !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 296px !important;
    min-width: 296px !important;
    max-width: 296px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display,
  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-display,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-display {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 22px !important;
    transform: none !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-intelligence,
  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence {
    position: relative !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .workspace-frame.workspace-one-screen .workspace-folder-switcher-copy,
  .workspace-frame.workspace-one-screen .tree-toggle-icon,
  .workspace-frame.workspace-one-screen .tree-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen .secondary-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen .workspace-tab .tab-copy,
  .workspace-frame.workspace-one-screen .conversation-progress-meta,
  .workspace-frame.workspace-one-screen .workspace-tree-empty {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
  }

  .workspace-frame.workspace-one-screen .tree-folder-toggle strong,
  .workspace-frame.workspace-one-screen .secondary-folder-toggle strong,
  .workspace-frame.workspace-one-screen .workspace-tab .tab-copy > span,
  .workspace-frame.workspace-one-screen .workspace-folder-switcher-current {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
  }

  .workspace-frame.workspace-one-screen .workspace-folder-switcher {
    grid-template-columns: 18px minmax(0, 1fr) 16px !important;
  }

  .workspace-frame.workspace-one-screen .tree-folder-toggle,
  .workspace-frame.workspace-one-screen .secondary-folder-toggle,
  .workspace-frame.workspace-one-screen .workspace-tertiary-row .workspace-tab {
    grid-template-columns: 28px minmax(0, 1fr) !important;
  }

  .workspace-frame.workspace-one-screen .intelligence-scroll > :not(.right-memory-rail),
  .workspace-frame.workspace-one-screen .intelligence-heading h2,
  .workspace-frame.workspace-one-screen .intelligence-heading-icon,
  .workspace-frame.workspace-one-screen .intelligence-panel-toggle,
  .workspace-frame.workspace-one-screen .service-actions {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  .workspace-frame.workspace-one-screen .right-memory-rail {
    display: none !important;
  }

  .workspace-frame.workspace-one-screen .intelligence-scroll,
  .workspace-frame.workspace-one-screen .workspace-inspector-table,
  .workspace-frame.workspace-one-screen .intelligence-card,
  .workspace-frame.workspace-one-screen .intelligence-card-row,
  .workspace-frame.workspace-one-screen .intelligence-card strong,
  .workspace-frame.workspace-one-screen .intelligence-card span {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* S24 r14: full desktop respects user collapse controls while keeping the default three-column layout. */
@media (min-width: 1181px) {
  .workspace-frame.workspace-one-screen.is-left-collapsed {
    --workspace-left-width: 72px !important;
    grid-template-columns: 72px minmax(0, 1fr) var(--workspace-right-width, 360px) !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed {
    --workspace-right-width: 54px !important;
    grid-template-columns: var(--workspace-left-width, 296px) minmax(0, 1fr) 54px !important;
  }

  .workspace-frame.workspace-one-screen.is-left-collapsed.is-right-collapsed {
    --workspace-left-width: 72px !important;
    --workspace-right-width: 54px !important;
    grid-template-columns: 72px minmax(0, 1fr) 54px !important;
  }

  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }

  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .workspace-folder-switcher-copy,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .tree-toggle-icon,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .tree-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .secondary-folder-toggle span:not(.tree-folder-symbol),
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .workspace-tab .tab-copy,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .conversation-progress-meta,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .workspace-tree-empty,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .main-folder-actions,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .secondary-folder-actions {
    display: none !important;
  }

  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .workspace-folder-switcher,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .tree-folder-toggle,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .secondary-folder-toggle,
  .workspace-frame.workspace-one-screen.is-left-collapsed > .workspace-index .workspace-tertiary-row .workspace-tab {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence .intelligence-scroll > :not(.intelligence-heading):not(.right-memory-rail),
  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence .intelligence-heading h2,
  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence .intelligence-heading-icon,
  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence .service-actions {
    display: none !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence .intelligence-heading {
    display: grid !important;
    min-height: 52px !important;
    place-items: center !important;
    padding: 8px 0 !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence .intelligence-panel-toggle {
    display: inline-grid !important;
    width: 34px !important;
    height: 34px !important;
    place-items: center !important;
    opacity: 1 !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed > .workspace-intelligence .right-memory-rail {
    position: static !important;
    display: grid !important;
    justify-items: center !important;
    gap: 10px !important;
    width: 54px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }
}

/* S24 r15: restore desktop pane resizing. Expanded panes use live CSS variables; collapsed panes keep fixed narrow widths. */
@media (min-width: 1181px) {
  .workspace-frame.workspace-one-screen:not(.is-left-collapsed):not(.is-right-collapsed) {
    grid-template-columns: var(--workspace-left-width, 296px) minmax(0, 1fr) var(--workspace-right-width, 360px) !important;
  }

  .workspace-frame.workspace-one-screen:not(.is-left-collapsed) > .workspace-index {
    width: var(--workspace-left-width, 296px) !important;
    min-width: var(--workspace-left-width, 296px) !important;
    max-width: var(--workspace-left-width, 296px) !important;
  }

  .workspace-frame.workspace-one-screen:not(.is-right-collapsed) > .workspace-intelligence {
    width: var(--workspace-right-width, 360px) !important;
    min-width: var(--workspace-right-width, 360px) !important;
    max-width: var(--workspace-right-width, 360px) !important;
  }

  .workspace-frame.workspace-one-screen.is-left-collapsed:not(.is-right-collapsed) {
    grid-template-columns: 72px minmax(0, 1fr) var(--workspace-right-width, 360px) !important;
  }

  .workspace-frame.workspace-one-screen.is-right-collapsed:not(.is-left-collapsed) {
    grid-template-columns: var(--workspace-left-width, 296px) minmax(0, 1fr) 54px !important;
  }

  .workspace-pane-resizer {
    display: grid !important;
  }

  .workspace-frame.workspace-one-screen:not(.is-left-collapsed) .workspace-pane-resizer-left {
    left: calc(var(--workspace-left-width, 296px) - 9px) !important;
  }

  .workspace-frame.workspace-one-screen:not(.is-right-collapsed) .workspace-pane-resizer-right {
    right: calc(var(--workspace-right-width, 360px) - 9px) !important;
  }

  .workspace-frame.workspace-one-screen.is-left-collapsed .workspace-pane-resizer-left,
  .workspace-frame.workspace-one-screen.is-right-collapsed .workspace-pane-resizer-right {
    display: none !important;
  }
}

/* S24 r48: one clean responsive content system.  The stream, thread, and
   composer are siblings in the center pane and must share one width. */
.workspace-one-screen .workspace-display,
.workspace-one-screen .display-scroll {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.workspace-one-screen .message-stream,
.workspace-one-screen .composer-thread,
.workspace-one-screen #composer.presmind-composer {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* Keep the two visible rails on the same centered track. The former 100%
   composer rule made the input grow beyond the message cards. */
@media (min-width: 861px) {
  .workspace-one-screen .message-stream,
  .workspace-one-screen .composer-thread,
  .workspace-one-screen #composer.presmind-composer {
    width: calc(100% - 84px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 860px) {
  .workspace-one-screen .message-stream,
  .workspace-one-screen .composer-thread,
  .workspace-one-screen #composer.presmind-composer {
    width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* The message rail and composer are direct siblings of the same scroll pane;
   this makes their outer borders exactly coincide at every pane width. */
.workspace-one-screen .message-stream {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
}

.workspace-one-screen .message-stream .message-card.assistant-message,
.workspace-one-screen .message-stream .message-card.user-message {
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep feedback collection and counters active, but remove the visible
   labels requested for the clean right rail. */
.workspace-one-screen .feedback-stats-card .feedback-stats-heading,
.workspace-one-screen .feedback-stats-card dt,
.workspace-one-screen .feedback-stats-card dd {
  display: none !important;
}

/* The feedback statistics surface is intentionally removed from the clean
   right rail; collection logic remains available in app.js. */
.workspace-one-screen .feedback-stats-card {
  display: none !important;
}

/* Remove any dynamically inserted feedback wrapper as well, including the
   legacy two-cell shell that can remain after its labels are hidden. */
.feedback-stats-card,
[data-feedback-stats],
.feedback-stats-values {
  display: none !important;
}

/* Remove the final legacy divider below the clean right-rail cards. */
.workspace-one-screen .workspace-intelligence .right-clean-surface,
.workspace-one-screen .workspace-intelligence .intelligence-scroll {
  border-bottom: 0 !important;
}

.workspace-one-screen .workspace-intelligence .right-clean-surface::before,
.workspace-one-screen .workspace-intelligence .right-clean-surface::after,
.workspace-one-screen .workspace-intelligence .intelligence-scroll::before,
.workspace-one-screen .workspace-intelligence .intelligence-scroll::after {
  content: none !important;
  display: none !important;
}

/* Reserve the center-pane edge for the native scrollbar. The timeline marks
   stay just to its left instead of occupying the same pixels. */
.workspace-one-screen .display-timeline {
  right: 30px !important;
}

.workspace-one-screen .display-scroll {
  scrollbar-gutter: stable !important;
  overflow-y: scroll !important;
}

.workspace-one-screen .right-clean-surface {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Final right-rail contract: only Output and Sources remain visible. */
.workspace-one-screen > .workspace-intelligence .intelligence-heading,
.workspace-one-screen > .workspace-intelligence .intelligence-live-empty,
.workspace-one-screen > .workspace-intelligence .right-memory-rail,
.workspace-one-screen > .workspace-intelligence .context-card,
.workspace-one-screen > .workspace-intelligence .intelligence-detail-card,
.workspace-one-screen > .workspace-intelligence .feedback-intelligence-card,
.workspace-one-screen > .workspace-intelligence .feedback-stats-card,
.workspace-one-screen > .workspace-intelligence > .service-actions {
  display: none !important;
}

/* Higher-specificity guard against the legacy responsive inspector rules. */
.workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > .intelligence-heading,
.workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > .intelligence-live-empty,
.workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > .right-memory-rail,
.workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > .context-card,
.workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > .intelligence-detail-card,
.workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > .feedback-intelligence-card,
.workspace-frame.workspace-one-screen > .workspace-intelligence .intelligence-scroll > .feedback-stats-card,
.workspace-frame.workspace-one-screen > .workspace-intelligence > .service-actions {
  display: none !important;
}

/* Override the legacy assistant card cap (824/860px). The card border must
   align with the composer border, not with the older narrow message width. */
.workspace-one-screen .message-stream > .message-card.assistant-message,
.workspace-one-screen .message-stream > .message-card.user-message {
  inline-size: 100% !important;
  max-inline-size: none !important;
}

.workspace-one-screen .message-stream .message-card.assistant-message,
.workspace-one-screen .message-stream .message-assistant,
.workspace-one-screen .composer-thread-message-assistant,
.workspace-one-screen .composer-thread-message-assistant .composer-thread-bubble,
.workspace-one-screen .composer-thread-message-assistant .message-bubble {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* User bubbles stay compact; their row still spans the conversation width so
   actions and timestamps do not create a second, detached row. */
.workspace-one-screen .message-stream .message-card.user-message,
.workspace-one-screen .composer-thread-message-user {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}

.workspace-one-screen .message-stream .message-card.user-message .message-bubble,
.workspace-one-screen .composer-thread-message-user .composer-thread-bubble,
.workspace-one-screen .composer-thread-message-user .message-bubble {
  width: fit-content !important;
  max-width: min(80%, 42rem) !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.workspace-one-screen .message-stream .message-card,
.workspace-one-screen .composer-thread-message,
.workspace-one-screen .composer-thread-bubble,
.workspace-one-screen .message-bubble {
  min-width: 0 !important;
}
.conversation-more-menu {
  position: fixed;
  z-index: 1000;
  width: 236px;
  padding: 6px;
  border: 1px solid rgba(10, 44, 94, 0.22);
  border-radius: 4px;
  background: #fffdf9;
  box-shadow: 0 16px 38px rgba(10, 44, 94, 0.2), 0 2px 8px rgba(10, 44, 94, 0.08);
  opacity: 1;
  backdrop-filter: none;
}

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

.conversation-more-menu button {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #0a2c5e;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.conversation-more-menu button {
  display: flex;
  align-items: center;
  gap: 9px;
}

.conversation-menu-icon {
  flex: 0 0 16px;
  color: #475569;
}

.settings-drawer[hidden] { display: none; }
.settings-drawer { position: fixed; inset: 0; z-index: 1300; }
.settings-drawer-backdrop { position: absolute; inset: 0; background: rgba(10, 44, 94, 0.08); }
.settings-drawer-panel { position: absolute; top: 0; right: 0; width: min(430px, 100vw); height: 100%; box-sizing: border-box; padding: 28px 26px 22px; overflow: auto; background: #fffdf9; border-left: 1px solid rgba(10,44,94,.18); box-shadow: -16px 0 40px rgba(10,44,94,.14); }
.settings-drawer-header { display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid rgba(10,44,94,.12); }
.settings-kicker { display:block; color:#ff7a1a; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.settings-drawer-header h2 { margin:4px 0 0; color:#0a2c5e; font-family:Cambria, Georgia, serif; font-size:30px; }
.settings-close { width:32px; height:32px; border:1px solid rgba(10,44,94,.18); border-radius:4px; background:transparent; color:#0a2c5e; font-size:22px; cursor:pointer; }
.settings-category-tabs { display:flex; gap:6px; padding:18px 0 22px; }
.settings-category-tabs button { border:1px solid rgba(10,44,94,.16); border-radius:4px; padding:8px 11px; background:transparent; color:#475569; font:600 12px Inter,system-ui,sans-serif; cursor:pointer; }
.settings-category-tabs button.is-active, .settings-category-tabs button:hover { border-color:#0a2c5e; background:#eef5ff; color:#0a2c5e; }
.settings-section-heading { margin-bottom:18px; color:#0a2c5e; font-weight:800; }
.settings-section-heading span { display:block; font-size:16px; }
.settings-section-heading small { display:block; margin-top:4px; color:#64748b; font-size:12px; font-weight:500; }
.settings-field, .settings-readonly { display:block; margin:0 0 16px; color:#475569; font-size:12px; font-weight:700; }
.settings-field span, .settings-readonly span { display:block; margin-bottom:7px; }
.settings-field input, .settings-field select { width:100%; box-sizing:border-box; border:1px solid rgba(10,44,94,.2); border-radius:4px; padding:10px; background:#fffdf9; color:#0a2c5e; font:14px Inter,system-ui,sans-serif; }
.settings-readonly { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid rgba(10,44,94,.1); }
.settings-readonly strong { color:#0a2c5e; }
.settings-switch { display:flex; align-items:center; gap:9px; margin:18px 0; color:#334155; font-size:13px; }
.settings-switch input { accent-color:#0a2c5e; }
.settings-action { width:100%; border:1px solid rgba(10,44,94,.18); border-radius:4px; padding:11px; background:transparent; color:#0a2c5e; text-align:left; font-weight:700; cursor:pointer; }
.settings-drawer-footer { display:flex; justify-content:flex-end; gap:8px; margin-top:32px; padding-top:18px; border-top:1px solid rgba(10,44,94,.12); }
.settings-secondary, .settings-primary { border:1px solid rgba(10,44,94,.2); border-radius:4px; padding:10px 14px; font-weight:700; cursor:pointer; }
.settings-secondary { background:transparent; color:#0a2c5e; }
.settings-primary { border-color:#0a2c5e; background:#0a2c5e; color:#fff; }

/* Half-screen workspace contract: keep readable side titles and live splitters. */
@media (min-width: 761px) and (max-width: 1024px) {
  .workspace-frame.workspace-one-screen {
    position: relative !important;
    grid-template-columns: 188px minmax(0, 1fr) 240px !important;
    --workspace-left-width: 188px !important;
    --workspace-right-width: 240px !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-index,
  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  .workspace-frame.workspace-one-screen > .workspace-display {
    grid-column: 2 !important;
    padding-right: 42px !important;
  }

  .workspace-frame.workspace-one-screen .workspace-pane-resizer {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 240 !important;
    display: grid !important;
    width: 28px !important;
    place-items: start center !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    pointer-events: auto !important;
    touch-action: none !important;
    cursor: col-resize !important;
  }

  .workspace-frame.workspace-one-screen .workspace-pane-resizer-left { left: calc(var(--workspace-left-width) - 14px) !important; }
  .workspace-frame.workspace-one-screen .workspace-pane-resizer-right { right: calc(var(--workspace-right-width) - 14px) !important; }

  .workspace-frame.workspace-one-screen .index-current-row {
    grid-template-columns: 18px minmax(0, 1fr) 38px !important;
    gap: 14px !important;
    padding-inline: 14px !important;
  }

  .workspace-frame.workspace-one-screen .workspace-folder-switcher-copy,
  .workspace-frame.workspace-one-screen .intelligence-heading h2 {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .workspace-frame.workspace-one-screen .display-timeline {
    right: 34px !important;
    top: 24px !important;
    bottom: 24px !important;
    width: 24px !important;
  }
}

/* At narrower phone widths the side rails collapse intentionally. */
@media (max-width: 760px) {
  .workspace-frame.workspace-one-screen .workspace-pane-resizer { display: none !important; }
}

/* S24 r69: single authoritative responsive contract.  This block is last on
   purpose: legacy breakpoint rules above must not reintroduce a two-column
   layout or squeeze the inspector into the display pane. */
.workspace-frame.workspace-one-screen {
  container-type: inline-size;
  min-width: 0 !important;
  overflow: hidden !important;
}

.workspace-frame.workspace-one-screen > .workspace-index,
.workspace-frame.workspace-one-screen > .workspace-display,
.workspace-frame.workspace-one-screen > .workspace-intelligence {
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

.workspace-frame.workspace-one-screen > .workspace-display {
  grid-column: 2 !important;
  overflow: hidden !important;
}

.workspace-frame.workspace-one-screen .display-scroll {
  min-width: 0 !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable both-edges !important;
}

/* The timeline is a content index, not a second scrollbar. */
.workspace-frame.workspace-one-screen .display-timeline {
  right: 4px !important;
  width: 22px !important;
  top: 20px !important;
  bottom: 20px !important;
  display: flex !important;
  align-items: stretch !important;
}
.workspace-frame.workspace-one-screen .codex-timeline-message-lines {
  position: static !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: space-around !important;
  align-items: flex-end !important;
  gap: 6px !important;
  min-height: 0 !important;
}
.workspace-frame.workspace-one-screen .codex-timeline-message-line {
  position: static !important;
  flex: 0 0 4px !important;
  width: 13px !important;
  height: 4px !important;
  transform: none !important;
  margin: 0 !important;
}
.workspace-frame.workspace-one-screen .codex-timeline-message-line:hover,
.workspace-frame.workspace-one-screen .codex-timeline-message-line:focus-visible {
  transform: translateX(-2px) !important;
}

@media (min-width: 1025px) {
  .workspace-frame.workspace-one-screen {
    grid-template-columns: var(--workspace-left-width, 296px) minmax(0, 1fr) var(--workspace-right-width, 360px) !important;
  }
  .workspace-frame.workspace-one-screen > .workspace-index { width: var(--workspace-left-width, 296px) !important; }
  .workspace-frame.workspace-one-screen > .workspace-intelligence { width: var(--workspace-right-width, 360px) !important; }
}

@media (min-width: 761px) and (max-width: 1024px) {
  .workspace-frame.workspace-one-screen {
    grid-template-columns: clamp(160px, 22cqw, 280px) minmax(0, 1fr) clamp(220px, 28cqw, 320px) !important;
  }
  .workspace-frame.workspace-one-screen > .workspace-index,
  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    width: auto !important;
    overflow: hidden !important;
  }
  .workspace-frame.workspace-one-screen > .workspace-display { padding-inline: 0 34px !important; }
  .workspace-frame.workspace-one-screen .workspace-pane-resizer {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 32px !important;
    display: grid !important;
    z-index: 300 !important;
    pointer-events: auto !important;
    touch-action: none !important;
    background: transparent !important;
    border: 0 !important;
    cursor: col-resize !important;
  }
  .workspace-frame.workspace-one-screen .workspace-pane-resizer-left { left: calc(var(--workspace-left-width, 22cqw) - 16px) !important; }
  .workspace-frame.workspace-one-screen .workspace-pane-resizer-right { right: calc(var(--workspace-right-width, 28cqw) - 16px) !important; }
  .workspace-frame.workspace-one-screen .index-current-row { grid-template-columns: 18px minmax(0, 1fr) 34px !important; gap: 12px !important; }
  .workspace-frame.workspace-one-screen .workspace-folder-switcher-copy,
  .workspace-frame.workspace-one-screen .intelligence-heading h2 { display: block !important; visibility: visible !important; white-space: nowrap !important; }
}

@media (max-width: 760px) {
  .workspace-frame.workspace-one-screen {
    grid-template-columns: 0 minmax(0, 1fr) 0 !important;
  }
  .workspace-frame.workspace-one-screen > .workspace-index,
  .workspace-frame.workspace-one-screen > .workspace-intelligence {
    width: 0 !important;
    min-width: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  .workspace-frame.workspace-one-screen > .workspace-display { grid-column: 2 !important; padding-inline: 12px !important; }
  .workspace-frame.workspace-one-screen .workspace-pane-resizer { display: none !important; }
}

.conversation-more-menu button:hover,
.conversation-more-menu button:focus-visible {
  background: #eef5ff;
  outline: none;
}

/* Menus are independent floating surfaces: no translucent wash over the page. */
.workspace-one-screen .workspace-folder-menu {
  background: #fffdf9;
  opacity: 1;
  backdrop-filter: none;
  box-shadow: 0 16px 38px rgba(10, 44, 94, 0.18), 0 2px 8px rgba(10, 44, 94, 0.08);
}

.tertiary-more-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  color: currentColor;
  font-size: 18px;
  line-height: 1;
}

/* S24 r74: the context strip, header, and three-pane workspace are a real
   vertical stack. Keep the header in the layout instead of relying on sticky
   positioning inside an overflow-hidden shell. */
.workspace-linked-shell {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.workspace-linked-shell > .workspace-contextbar {
  flex: 0 0 38px !important;
  position: relative !important;
  z-index: 20 !important;
}
.workspace-linked-shell > .workspace-topbar {
  flex: 0 0 74px !important;
  min-height: 74px !important;
  position: relative !important;
  z-index: 20 !important;
}
.workspace-linked-shell > .workspace-frame {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
@media (max-width: 860px) {
  .workspace-linked-shell > .workspace-contextbar { display: none !important; }
  .workspace-linked-shell > .workspace-topbar { flex-basis: 66px !important; min-height: 66px !important; }
}

/* S24 r71: restore the humane scroll model. The viewport is bounded by the
   three-column frame, while the center content keeps its own scrollbar. */
.workspace-frame.workspace-one-screen > .workspace-display .display-scroll {
  height: auto !important;
  max-height: none !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  -ms-overflow-style: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}
.workspace-frame.workspace-one-screen > .workspace-display .display-scroll::-webkit-scrollbar {
  display: block !important;
  width: 10px !important;
  height: auto !important;
}
.workspace-frame.workspace-one-screen > .workspace-display .display-scroll::-webkit-scrollbar-thumb {
  background: rgba(10, 44, 94, 0.34) !important;
  border-radius: 4px !important;
}
.workspace-frame.workspace-one-screen .display-timeline {
  right: 18px !important;
  width: 20px !important;
  top: 20px !important;
  bottom: 20px !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
.workspace-frame.workspace-one-screen .codex-timeline-message-lines {
  height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  justify-content: space-around !important;
  gap: 6px !important;
}
.workspace-frame.workspace-one-screen .codex-timeline-message-line {
  flex: 0 0 4px !important;
  min-height: 4px !important;
  max-height: 4px !important;
  position: static !important;
  transform: none !important;
}

/* S24-LAYOUT-001: keep the conversation scrollbar and timeline in separate
   grid tracks. The timeline is a content index, never an overlay on the
   scroll gutter. */
.workspace-frame.workspace-one-screen > .workspace-display {
  grid-template-columns: minmax(0, 1fr) 24px !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  min-width: 0 !important;
}
.workspace-frame.workspace-one-screen > .workspace-display > .display-scroll {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
.workspace-frame.workspace-one-screen > .workspace-display > .display-timeline {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  inset: auto !important;
  z-index: 4 !important;
  width: 24px !important;
  min-width: 24px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
.workspace-frame.workspace-one-screen > .workspace-display > .display-timeline .codex-timeline-message-lines {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  overflow: visible !important;
}
.workspace-frame.workspace-one-screen > .workspace-display > .display-timeline .codex-timeline-message-line {
  position: absolute !important;
  top: var(--timeline-line-top, 50%) !important;
  right: 4px !important;
  width: 13px !important;
  height: 4px !important;
  min-height: 4px !important;
  max-height: 4px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}
.workspace-frame.workspace-one-screen > .workspace-display > form.workspace-composer {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
}