.fs-app-root {
  min-height: 100vh;
}

.corporate-home {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(238, 246, 242, 0.98) 44%, rgba(255, 255, 255, 0.96)),
    var(--fs-color-background);
}

.corporate-nav {
  position: sticky;
  z-index: 5;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fs-space-4);
  border-bottom: 1px solid var(--fs-color-border);
  background: rgba(255, 255, 255, 0.94);
  padding: var(--fs-space-4) var(--fs-space-6);
  backdrop-filter: blur(16px);
}

.corporate-nav-actions,
.corporate-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--fs-space-2);
}

.corporate-brand-link {
  color: inherit;
  text-decoration: none;
}

.corporate-hero {
  display: grid;
  width: min(100%, var(--fs-content-max));
  min-height: 700px;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.86fr);
  gap: var(--fs-space-6);
  align-items: center;
  margin: 0 auto;
  padding: var(--fs-space-8) var(--fs-space-6) var(--fs-space-5);
}

.corporate-page-hero {
  display: grid;
  width: min(100%, var(--fs-content-max));
  min-height: 520px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
  gap: var(--fs-space-6);
  align-items: center;
  margin: 0 auto;
  padding: var(--fs-space-8) var(--fs-space-6) var(--fs-space-5);
}

.corporate-page-hero h2 {
  max-width: 980px;
  margin: 0;
  font-size: 58px;
  line-height: 1;
}

.corporate-page-hero p {
  max-width: 760px;
  color: var(--fs-color-text-muted);
  font-size: 19px;
}

.corporate-hero-copy {
  display: grid;
  gap: var(--fs-space-4);
}

.corporate-hero-copy h2 {
  max-width: 880px;
  margin: 0;
  font-size: 68px;
  line-height: 1;
}

.corporate-hero-copy p {
  max-width: 720px;
  margin: 0;
  color: var(--fs-color-text-muted);
  font-size: 19px;
}

.corporate-hero-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--fs-space-3);
  max-width: 760px;
}

.corporate-hero-proof div,
.visual-queue div,
.problem-card,
.feature-card,
.audience-card,
.integration-card,
.developer-capability-card,
.pricing-card,
.faq-grid article {
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface);
  box-shadow: var(--fs-shadow-inline);
  padding: var(--fs-space-4);
}

.corporate-hero-proof strong {
  display: block;
  font-size: 30px;
  line-height: 1;
}

.corporate-hero-proof span {
  display: block;
  margin-top: var(--fs-space-1);
  color: var(--fs-color-text-muted);
  font-size: 13px;
  font-weight: 720;
  line-height: 1.3;
}

.corporate-visual {
  display: grid;
  gap: var(--fs-space-4);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background: var(--fs-color-surface);
  box-shadow: var(--fs-shadow-elevated);
  padding: var(--fs-space-5);
}

.visual-topline,
.visual-work {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fs-space-3);
}

.visual-topline span,
.visual-work span {
  color: var(--fs-color-text-muted);
  font-size: 13px;
  font-weight: 700;
}

.visual-graph {
  display: grid;
  height: 260px;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--fs-space-2);
  align-items: end;
  border-radius: var(--fs-radius-card);
  background:
    linear-gradient(180deg, rgba(242, 247, 245, 0.6), rgba(225, 239, 234, 0.82)),
    var(--fs-color-surface-raised);
  padding: var(--fs-space-4);
}

.visual-graph span {
  border-radius: 8px 8px 2px 2px;
  background: var(--fs-color-action);
}

.visual-work div {
  display: grid;
  gap: 2px;
}

.visual-work strong {
  font-size: 28px;
  line-height: 1;
}

.visual-queue {
  display: grid;
  gap: var(--fs-space-2);
}

.visual-queue div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px var(--fs-space-3);
  align-items: center;
  box-shadow: none;
  padding: var(--fs-space-3);
}

.visual-queue span,
.visual-queue strong {
  font-weight: 820;
}

.visual-queue small {
  color: var(--fs-color-text-muted);
  font-size: 12px;
}

.visual-queue strong {
  grid-row: span 2;
  border-radius: 999px;
  background: var(--fs-color-action-soft);
  color: var(--fs-color-action);
  padding: 5px 9px;
  font-size: 12px;
}

.corporate-section,
.corporate-final-cta {
  width: min(100%, var(--fs-content-max));
  margin: 0 auto;
  padding: var(--fs-space-6);
}

.section-heading {
  display: grid;
  max-width: 820px;
  gap: var(--fs-space-2);
  margin-bottom: var(--fs-space-4);
}

.section-heading.compact {
  max-width: 980px;
}

.section-heading h3,
.trust-section h3,
.corporate-final-cta h3 {
  margin: 0;
  font-size: 38px;
  line-height: 1.08;
}

.section-heading p,
.trust-section p,
.corporate-final-cta p {
  margin: 0;
  color: var(--fs-color-text-muted);
  font-size: 17px;
}

.problem-grid,
.audience-grid,
.integration-grid,
.pricing-grid,
.faq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--fs-space-4);
}

.platform-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--fs-space-4);
}

.developer-showcase {
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 1fr);
  gap: var(--fs-space-4);
  align-items: stretch;
}

.developer-terminal {
  display: grid;
  align-content: space-between;
  gap: var(--fs-space-4);
  min-height: 420px;
  border: 1px solid #12352d;
  border-radius: var(--fs-radius-card);
  background: #0f211d;
  color: #e7fff5;
  box-shadow: var(--fs-shadow-elevated);
  padding: var(--fs-space-5);
}

.developer-terminal div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fs-space-3);
  border-bottom: 1px solid rgba(231, 255, 245, 0.18);
  padding-bottom: var(--fs-space-3);
}

.developer-terminal span {
  color: #9fe6cf;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.developer-terminal pre {
  overflow-x: auto;
  margin: 0;
  color: #d8fff1;
  font: 700 15px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.developer-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-space-4);
}

.workflow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--fs-space-3);
}

.workflow-steps article {
  display: grid;
  align-content: start;
  gap: var(--fs-space-2);
  border-top: 4px solid var(--fs-color-action);
  background: rgba(255, 255, 255, 0.66);
  padding: var(--fs-space-4) var(--fs-space-3);
}

.workflow-steps span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 999px;
  background: var(--fs-color-action);
  color: #fff;
  font-weight: 820;
}

.problem-card,
.feature-card,
.audience-card,
.integration-card,
.developer-capability-card,
.pricing-card,
.faq-grid article {
  display: grid;
  align-content: start;
  gap: var(--fs-space-2);
}

.problem-card h4,
.feature-card h4,
.audience-card h4,
.integration-card h4,
.developer-capability-card h4,
.workflow-steps h4,
.pricing-card h4,
.faq-grid h4 {
  margin: 0;
  font-size: 19px;
  line-height: 1.2;
}

.problem-card p,
.feature-card p,
.audience-card p,
.integration-card p,
.developer-capability-card p,
.workflow-steps p,
.pricing-card p,
.faq-grid p {
  margin: 0;
  color: var(--fs-color-text-muted);
  line-height: 1.45;
}

.audience-grid,
.integration-grid,
.pricing-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

.trust-section,
.corporate-final-cta {
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  gap: var(--fs-space-4);
  align-items: start;
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background: var(--fs-color-surface);
  box-shadow: var(--fs-shadow-inline);
}

.corporate-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-space-3);
}

.corporate-proof-grid article {
  display: grid;
  gap: var(--fs-space-1);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: var(--fs-space-3);
}

.corporate-proof-grid span {
  color: var(--fs-color-text-muted);
  font-size: 14px;
}

.pricing-card {
  border-top: 5px solid var(--fs-color-action);
}

.pricing-card ul {
  display: grid;
  gap: var(--fs-space-2);
  margin: var(--fs-space-2) 0 0;
  padding-left: 18px;
}

.pricing-card li {
  color: var(--fs-color-text-muted);
}

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

.corporate-final-cta {
  margin-bottom: var(--fs-space-8);
}

.corporate-final-cta .corporate-hero-actions {
  justify-content: flex-end;
}

.fs-stack-top {
  margin-top: var(--fs-space-4);
}

.fs-inline,
.fs-chip-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--fs-space-2);
}

.workflow-action-panel {
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: var(--fs-space-4);
  align-items: stretch;
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background:
    linear-gradient(135deg, rgba(235, 245, 241, 0.78), rgba(255, 255, 255, 0.94)),
    var(--fs-color-surface);
  box-shadow: var(--fs-shadow-inline);
  margin-bottom: var(--fs-space-4);
  padding: var(--fs-space-4);
}

.workflow-action-panel h3 {
  margin: var(--fs-space-1) 0 0;
  font-size: 22px;
  line-height: 1.12;
}

.workflow-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--fs-space-3);
}

.workflow-action-card {
  display: grid;
  min-height: 118px;
  gap: var(--fs-space-2);
  align-content: start;
  border: 1px solid var(--fs-color-border);
  border-left: 5px solid var(--fs-color-info);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface);
  color: var(--fs-color-text);
  padding: var(--fs-space-3);
  text-align: left;
}

.workflow-action-card.warning {
  border-left-color: var(--fs-color-warning);
}

.workflow-action-card.positive {
  border-left-color: var(--fs-color-success);
}

.workflow-action-card:hover {
  border-color: var(--fs-color-action);
  border-left-color: var(--fs-color-action);
  background: var(--fs-color-action-soft);
}

.workflow-action-card span {
  font-weight: 820;
  line-height: 1.2;
}

.workflow-action-card small {
  color: var(--fs-color-text-muted);
  font-size: 13px;
  line-height: 1.35;
}

.metric-card {
  min-height: 148px;
}

.metric-card .fs-caption {
  margin: 0 0 var(--fs-space-3);
}

.metric-card .fs-muted {
  margin: var(--fs-space-2) 0 0;
}

.admin-workbench {
  display: grid;
  gap: var(--fs-space-4);
}

.admin-hero {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
  gap: var(--fs-space-4);
  align-items: stretch;
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background:
    linear-gradient(135deg, rgba(225, 242, 238, 0.82), rgba(255, 255, 255, 0.92)),
    var(--fs-color-surface);
  box-shadow: var(--fs-shadow-inline);
  padding: var(--fs-space-5);
}

.admin-hero h3 {
  margin: 0;
  font-size: 32px;
  line-height: 1.08;
}

.admin-hero p {
  max-width: 680px;
  color: var(--fs-color-text-muted);
}

.admin-hero-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-space-3);
}

.admin-tabs {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--fs-space-2);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background: rgba(255, 255, 255, 0.94);
  padding: var(--fs-space-3);
}

.product-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: var(--fs-space-4);
  align-items: stretch;
  margin-bottom: var(--fs-space-4);
}

.overview-hero-panel,
.overview-work-panel,
.inbox-command-panel {
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background: var(--fs-color-surface);
  box-shadow: var(--fs-shadow-inline);
  padding: var(--fs-space-5);
}

.overview-hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(280px, 1fr);
  gap: var(--fs-space-5);
  align-items: stretch;
  background:
    linear-gradient(135deg, rgba(220, 239, 233, 0.72), rgba(255, 253, 248, 0.9)),
    var(--fs-color-surface);
}

.overview-hero-copy {
  display: grid;
  align-content: center;
  gap: var(--fs-space-3);
}

.overview-hero-copy h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.1;
}

.overview-hero-copy p {
  margin: 0;
  color: var(--fs-color-text-muted);
}

.overview-status-grid,
.inbox-command-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-space-3);
}

.status-tile,
.meeting-step {
  display: grid;
  gap: var(--fs-space-1);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: rgba(255, 255, 255, 0.78);
  color: var(--fs-color-text);
  padding: var(--fs-space-3);
  text-align: left;
}

.status-tile:hover,
.meeting-step:hover {
  border-color: var(--fs-color-action);
  background: var(--fs-color-action-soft);
}

.status-tile span,
.meeting-step small,
.inbox-workflow-stat span,
.workflow-card .fs-caption {
  color: var(--fs-color-text-subtle);
  font-size: 12px;
  font-weight: 760;
}

.status-tile strong {
  font-size: 28px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.status-tile small,
.workflow-card p,
.inbox-workflow-stat small {
  color: var(--fs-color-text-muted);
  font-size: 13px;
  line-height: 1.35;
}

.overview-work-panel {
  display: grid;
  align-content: start;
  gap: var(--fs-space-3);
}

.workflow-list {
  display: grid;
  gap: var(--fs-space-2);
}

.workflow-card {
  display: grid;
  gap: var(--fs-space-3);
  border: 1px solid var(--fs-color-border);
  border-left: 5px solid var(--fs-color-info);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: var(--fs-space-3);
}

.workflow-card.priority-high {
  border-left-color: var(--fs-color-danger);
}

.workflow-card.priority-medium {
  border-left-color: var(--fs-color-warning);
}

.approval-list-item.selected,
.share-card.selected,
.fs-row.selected,
.memory-list-item.selected {
  border-color: var(--fs-color-action);
  background: var(--fs-color-action-soft);
}

.workflow-card h4,
.workflow-card p {
  margin: 0;
}

.workflow-card h4 {
  margin-top: var(--fs-space-2);
  font-size: 15px;
  line-height: 1.25;
}

.overview-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fs-space-2);
}

.money-meeting-panel {
  margin-bottom: var(--fs-space-4);
}

.meeting-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--fs-space-2);
}

.meeting-step span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 999px;
  background: var(--fs-color-action);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.meeting-step strong {
  font-size: 15px;
}

.role-switcher {
  display: grid;
  gap: 2px;
  min-width: 142px;
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: 6px 10px;
}

.role-switcher span {
  color: var(--fs-color-text-subtle);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.role-switcher select {
  min-height: 24px;
  border: 0;
  background: transparent;
  color: var(--fs-color-text);
  font-size: 14px;
  font-weight: 760;
}

.inbox-item {
  border-left: 5px solid var(--fs-color-info);
}

.inbox-item.priority-high {
  border-left-color: var(--fs-color-danger);
}

.inbox-item.priority-medium {
  border-left-color: var(--fs-color-warning);
}

.inbox-item h3 {
  margin: var(--fs-space-3) 0 var(--fs-space-2);
  font-size: 21px;
}

.insight-ask-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--fs-space-3);
  align-items: end;
  margin-bottom: var(--fs-space-4);
}

.insight-ask-form input,
.audit-search input {
  width: 100%;
  min-height: 36px;
  border: 0;
  background: transparent;
  color: var(--fs-color-text);
  font: inherit;
}

.audit-search {
  margin-bottom: var(--fs-space-3);
}

.inbox-command-panel {
  margin-bottom: var(--fs-space-4);
}

.inbox-workflow-stat {
  display: grid;
  gap: var(--fs-space-1);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: var(--fs-space-3);
}

.inbox-workflow-stat strong {
  font-size: 26px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.approval-toolbar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--fs-space-4);
  margin-bottom: var(--fs-space-4);
}

.approval-filter-row {
  display: grid;
  flex: 1;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: var(--fs-space-3);
}

.approval-filter,
.actor-chip {
  display: grid;
  gap: var(--fs-space-1);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface);
  padding: var(--fs-space-3);
}

.approval-filter span,
.actor-chip .fs-caption {
  color: var(--fs-color-text-subtle);
  font-size: 12px;
  font-weight: 800;
}

.approval-filter select {
  width: 100%;
  min-height: 34px;
  border: 0;
  background: transparent;
  color: var(--fs-color-text);
}

.actor-chip {
  min-width: 220px;
}

.actor-chip strong,
.actor-chip span {
  line-height: 1.25;
}

.approval-layout {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: var(--fs-space-4);
  align-items: start;
}

.approval-queue-list,
.approval-detail {
  display: grid;
  gap: var(--fs-space-3);
}

.approval-group {
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background: var(--fs-color-surface);
  padding: var(--fs-space-3);
}

.approval-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fs-space-3);
  margin-bottom: var(--fs-space-3);
}

.approval-group-header h3 {
  margin: 0;
  font-size: 15px;
}

.approval-group-items {
  display: grid;
  gap: var(--fs-space-2);
}

.approval-list-item {
  display: grid;
  gap: var(--fs-space-2);
  border: 1px solid var(--fs-color-border);
  border-left: 5px solid var(--fs-color-info);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: var(--fs-space-3);
}

.approval-list-item.status-pending {
  border-left-color: var(--fs-color-warning);
}

.approval-list-item.status-needs_changes,
.approval-list-item.status-rejected {
  border-left-color: var(--fs-color-danger);
}

.approval-list-item.status-approved,
.approval-list-item.status-reconciled {
  border-left-color: var(--fs-color-success);
}

.approval-list-item h4,
.approval-list-item p {
  margin: 0;
}

.approval-progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
  gap: var(--fs-space-1);
}

.approval-progress span {
  height: 7px;
  border-radius: 999px;
  background: var(--fs-color-surface-muted);
}

.approval-progress .approved {
  background: var(--fs-color-success);
}

.approval-progress .rejected,
.approval-progress .needs_changes {
  background: var(--fs-color-danger);
}

.approval-detail {
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background: var(--fs-color-surface);
  padding: var(--fs-space-5);
}

.approval-detail-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
  gap: var(--fs-space-4);
  align-items: start;
  border-bottom: 1px solid var(--fs-color-border);
  padding-bottom: var(--fs-space-4);
}

.approval-detail-header h3 {
  margin: var(--fs-space-3) 0 var(--fs-space-2);
  font-size: 24px;
  line-height: 1.25;
}

.approval-detail-header p {
  margin: 0;
}

.approval-decision-box {
  display: grid;
  gap: var(--fs-space-2);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: var(--fs-space-3);
}

.decision-form {
  display: grid;
  gap: var(--fs-space-2);
  margin-top: var(--fs-space-2);
}

.decision-form textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  border: 0;
  background: transparent;
  color: var(--fs-color-text);
  font: inherit;
}

.approval-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-space-4);
  margin-top: var(--fs-space-4);
}

.approval-mini-list,
.approval-timeline {
  display: grid;
  gap: var(--fs-space-2);
  margin: 0;
  padding-left: 1.2rem;
}

.approval-timeline li::marker {
  color: var(--fs-color-action);
}

.approval-timeline p,
.approval-timeline span {
  display: block;
  margin: var(--fs-space-1) 0 0;
  color: var(--fs-color-text-muted);
  font-size: 14px;
}

.empty-state {
  display: grid;
  gap: var(--fs-space-1);
  border: 1px dashed var(--fs-color-border-strong);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  color: var(--fs-color-text-muted);
  padding: var(--fs-space-4);
}

.empty-state strong {
  color: var(--fs-color-text);
  font-size: 14px;
}

.memory-toolbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 240px));
  gap: var(--fs-space-3);
  margin-bottom: var(--fs-space-4);
}

.memory-layout {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: var(--fs-space-4);
  align-items: start;
}

.memory-list {
  display: grid;
  gap: var(--fs-space-2);
}

.memory-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fs-space-3);
  width: 100%;
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  color: var(--fs-color-text);
  padding: var(--fs-space-3);
  text-align: left;
}

.memory-list-item.selected {
  border-color: var(--fs-color-action);
}

.memory-list-item span,
.memory-list-item small {
  display: grid;
  gap: var(--fs-space-1);
}

.memory-detail {
  display: grid;
  gap: var(--fs-space-3);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-card);
  background: var(--fs-color-surface);
  padding: var(--fs-space-4);
}

.briefing-panel {
  display: grid;
  align-content: space-between;
  gap: var(--fs-space-5);
}

.briefing-copy {
  margin: 0;
  font-size: 20px;
  line-height: 1.45;
}

.action-list {
  display: grid;
  gap: var(--fs-space-3);
  margin: 0;
  padding-left: 1.4rem;
}

.action-list li {
  padding-left: var(--fs-space-1);
}

.insight-answer-panel {
  display: grid;
  align-content: start;
  gap: var(--fs-space-4);
}

.fs-question-box {
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: var(--fs-space-4);
}

.fs-question-box p {
  margin: 0;
}

.fs-question-box .fs-caption {
  margin-bottom: var(--fs-space-2);
}

.insight-answer {
  margin: 0;
  font-size: 19px;
  line-height: 1.5;
}

.fs-insight-meta {
  display: grid;
  gap: var(--fs-space-4);
}

.fs-insight-meta .fs-caption {
  margin: 0 0 var(--fs-space-2);
}

.insight-summary-row {
  min-height: 104px;
}

.share-card {
  display: grid;
  min-height: 330px;
  align-content: start;
  gap: var(--fs-space-3);
}

.share-card p {
  margin: 0;
}

.teen-panel {
  display: grid;
  gap: var(--fs-space-4);
}

.goal-card {
  box-shadow: none;
}

.mode-selector {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fs-space-2);
}

.mode-selector .fs-button {
  white-space: normal;
}

.fs-button:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.onboarding-row {
  min-height: 74px;
}

.data-studio-toolbar {
  display: grid;
  gap: var(--fs-space-3);
}

.crud-tabs,
.data-studio-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--fs-space-2);
}

.crud-tabs .fs-button {
  min-height: 36px;
  white-space: normal;
}

.crud-workbench {
  display: grid;
  gap: var(--fs-space-3);
}

.crud-workbench-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: var(--fs-space-3);
  align-items: end;
}

.crud-workbench-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.32fr);
  gap: var(--fs-space-3);
  align-items: start;
}

.crud-search {
  margin: 0;
}

.crud-preview {
  display: grid;
  gap: var(--fs-space-2);
  position: sticky;
  top: var(--fs-space-4);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  padding: var(--fs-space-3);
}

.crud-preview h3 {
  margin: 0;
}

.crud-preview div {
  display: grid;
  gap: 2px;
  border-top: 1px solid var(--fs-color-border);
  padding-top: var(--fs-space-2);
}

.crud-preview span {
  color: var(--fs-color-text-muted);
  font-size: 12px;
  font-weight: 720;
}

.crud-preview strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 720;
}

.crud-editor {
  display: grid;
  gap: var(--fs-space-3);
  border: 1px solid var(--fs-color-border);
  border-radius: var(--fs-radius-control);
  background: var(--fs-color-surface-raised);
  margin-bottom: var(--fs-space-3);
  padding: var(--fs-space-3);
}

.crud-editor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--fs-space-3);
}

.crud-editor input {
  width: 100%;
  min-height: 34px;
  border: 0;
  background: transparent;
  color: var(--fs-color-text);
}

.crud-editor textarea {
  width: 100%;
  min-height: 82px;
  resize: vertical;
  border: 0;
  background: transparent;
  color: var(--fs-color-text);
  font: inherit;
}

@media (max-width: 980px) {
  .fs-nav-section {
    margin-bottom: var(--fs-space-3);
  }

  .product-overview,
  .overview-hero-panel,
  .admin-hero,
  .workflow-action-panel,
  .corporate-hero,
  .corporate-page-hero,
  .developer-showcase,
  .trust-section,
  .corporate-final-cta {
    grid-template-columns: 1fr;
  }

  .problem-grid,
  .platform-feature-grid,
  .audience-grid,
  .integration-grid,
  .pricing-grid,
  .developer-capability-grid,
  .workflow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .approval-toolbar,
  .approval-detail-header {
    grid-template-columns: 1fr;
  }

  .approval-toolbar {
    display: grid;
  }

  .approval-filter-row,
  .approval-layout,
  .approval-detail-grid,
  .crud-editor-grid,
  .crud-workbench-grid,
  .crud-workbench-toolbar,
  .workflow-action-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .overview-hero-panel,
  .overview-work-panel,
  .inbox-command-panel,
  .workflow-action-panel {
    padding: var(--fs-space-4);
  }

  .overview-status-grid,
  .inbox-command-grid,
  .admin-hero-metrics,
  .insight-ask-form,
  .meeting-rail {
    grid-template-columns: 1fr;
  }

  .overview-hero-copy h3 {
    font-size: 24px;
  }

  .corporate-nav {
    align-items: flex-start;
    flex-direction: column;
    padding: var(--fs-space-4);
  }

  .corporate-hero,
  .corporate-page-hero,
  .corporate-section,
  .corporate-final-cta {
    padding-right: var(--fs-space-4);
    padding-left: var(--fs-space-4);
  }

  .corporate-hero {
    min-height: auto;
  }

  .corporate-page-hero {
    min-height: auto;
  }

  .corporate-hero-copy h2,
  .corporate-page-hero h2 {
    font-size: 40px;
  }

  .section-heading h3,
  .trust-section h3,
  .corporate-final-cta h3 {
    font-size: 28px;
  }

  .corporate-hero-proof,
  .visual-work,
  .problem-grid,
  .platform-feature-grid,
  .audience-grid,
  .integration-grid,
  .pricing-grid,
  .developer-showcase,
  .developer-capability-grid,
  .workflow-steps,
  .corporate-proof-grid,
  .faq-grid {
    grid-template-columns: 1fr;
  }

  .corporate-final-cta .corporate-hero-actions {
    justify-content: flex-start;
  }

  .role-switcher {
    width: 100%;
  }

  .admin-hero h3 {
    font-size: 24px;
  }

  .admin-tabs {
    position: static;
  }
}
