/* Match the main workbench reading scale without changing CRM workflows. */
:root { --muted: #596b61; }
body { font-size: 16px; line-height: 1.65; }
*, *::before, *::after { letter-spacing: 0; }
body h1, body .value-hero h1 { font-size: 30px; line-height: 1.4; }
body h2 { font-size: 22px; line-height: 1.45; }
body h3 { font-size: 18px; line-height: 1.5; }
body .sidebar { width: 252px; }
body .main { margin-left: 252px; min-width: 0; }
body .sidebar .brand strong { font-size: 18px; white-space: normal; }
body .sidebar .brand small { font-size: 12px; color: #596b61; }
body .nav-label { font-size: 14px; color: #596b61; }
body .nav-item { font-size: 16px; min-height: 46px; padding: 11px 14px; }
body .topbar { min-height: 76px; height: auto; gap: 16px; flex-wrap: wrap; padding-block: 16px; }
body :is(.breadcrumb, .project-select, .trial-dot) { font-size: 14px; line-height: 1.6; color: #52675b; }
body .project-select { min-height: 44px; max-width: 320px; }
body .content { padding-top: 30px; }
body .page-heading { flex-wrap: wrap; gap: 18px; }
body :is(.page-heading p, .value-hero p, .summary-strip p, .settings p,
  .callout, .empty p, .review-card .conclusion, .timeline p, .guide-steps p) { font-size: 16px; line-height: 1.75; color: #52675b; }
body :is(.btn, .btn.small, .filter, .tabs button) { font-size: 16px; min-height: 44px; line-height: 1.5; padding: 10px 14px; white-space: normal; }
body :is(.actions, .filters, .tabs, .demo-toolbar > div) { flex-wrap: wrap; }
body :is(.search input, .field input, .field select, .field textarea) { font-size: 16px; min-height: 44px; line-height: 1.6; }
body .field label { font-size: 16px; }
body .field input:is([type=checkbox], [type=radio]) {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  padding: 0;
  flex: 0 0 20px;
}
body .check-field { min-height: 44px; gap: 10px; }
body :is(input, textarea)::placeholder { color: #63756a; }
body :is(.demo-toolbar, .demo-toolbar b, .demo-toolbar button, .panel-head small,
  .eyebrow, .stat-top, .stat-foot, .legend, .chart-summary small, .panel-note,
  .tag, .subtext, .pagination, .field small, .drawer .meta, .fact-line,
  .footer, .summary-strip small, .task-list small, .rank-list small,
  .grid-card .numbers small, .grid-card footer, .opp-card footer, .blocker,
  .upload-box p, .timeline small, .empty, .value-metric > small, .value-metric > span,
  .value-metric em, .value-hero-mark small, .value-hero-mark b, .impact-panel p,
  .impact-panel .eyebrow, .impact-items span, .impact-items small, .stage-row,
  .stage-row b small, .stage-row em, .chart-footnote, .segment-stack a,
  .segment-list div small, .segment-list strong small, .value-hint,
  .matrix-coverage span, .action-feed small, .fact-feed small, .action-feed .tag,
  .experience-footnote, .guide-steps .btn, .value-two .panel-head .btn) {
  font-size: 14px;
  line-height: 1.65;
}
body :is(.stat-foot, .subtext, .panel-head small, .panel-note, .footer,
  .field small, .legend, .demo-toolbar, .value-metric > small, .value-metric > span,
  .value-metric em, .impact-panel p, .impact-items span, .stage-row em,
  .chart-footnote, .segment-list div small, .value-hint, .action-feed small,
  .fact-feed small, .experience-footnote, .timeline small) { color: #596b61; }
body .demo-toolbar { flex-wrap: wrap; }
body .demo-toolbar button { min-height: 36px; }
body :is(.task-list strong, .rank-list strong, .opp-card h3, .lane > header,
  .segment-list b, .action-feed strong, .fact-feed strong, .guide-steps h3, .stage-row b) { font-size: 16px; }
body :is(.stat-value, .value-metric strong) { font-size: 34px; line-height: 1.25; overflow-wrap: anywhere; }
body :is(.stat-value span, .opp-card .amount small) { font-size: 14px; }
body .chart text { font-size: 13px; fill: #53675b; }
body .funnel-row { grid-template-columns: 80px minmax(0, 1fr) 46px; font-size: 14px; }
body .funnel-row b { font-size: 14px; }
body .stage-row { grid-template-columns: 80px minmax(30px, 1fr) 60px 85px; gap: 10px; }
body .panel-head { flex-wrap: wrap; gap: 12px; }
body .table-wrap { max-width: 100%; overflow-x: auto; }
body table { font-size: 16px; }
body table td { font-size: 16px; line-height: 1.65; color: #354b3e; padding: 16px 20px; }
body table th { font-size: 14px; line-height: 1.6; color: #52675b; font-weight: 600; padding: 14px 20px; }
body table .audit-detail { font-size: 16px; min-width: 280px; max-width: 540px; white-space: normal; overflow-wrap: anywhere; }
body .tag { white-space: nowrap; }
body .matrix-coverage { width: 180px; height: 32px; }
body .modal h2 { font-size: 24px; }
body .drawer h2 { font-size: 24px; }
body .details-toggle pre { font-size: 14px; overflow-x: auto; }
body .mobile-nav { min-height: 76px; height: auto; padding: 8px 0; }
body .mobile-nav a { font-size: 14px; min-height: 48px; }
body .mobile-nav button { font-size: 14px; min-height: 48px; }
body .sidebar-bottom :is(strong, small), body .avatar { font-size: 14px; }
body #app small, body .chart-summary strong em, body .rank-number,
body .lane-header span:last-child { font-size: 14px; }
body :is(.task-row h4, .rank-row .person strong, .lane-header,
  .definition, .field > span, .setting-card p, .upload p, .timeline-item p,
  .timeline-item strong, .detail-card h4, .detail-card p, .form-error,
  .check-field, .detail-meta, .details-toggle, .login-box p, .login-note) { font-size: 16px; line-height: 1.65; }
body :is(.setting-card p, .upload p, .definition dt, .timeline-item p, .detail-card p) { color: #596b61; }
body #app .name-link { font-size: 16px; }
body #app .empty { font-size: 16px !important; }
body #app .panel-head > span[style*="font-size"] { font-size: 14px !important; }
body #toast { font-size: 16px; }
/* The public entry uses the same scale as the operational workspace. */
body .site-header { height: auto; min-height: 88px; flex-wrap: wrap; padding-block: 16px; }
body .logo { font-size: 21px; }
body :is(.logo small, .site-header nav, .button.compact, .text-link, .trust-line,
  .preview-top small, .pill, .preview-kpis small, .preview-kpis em, .preview-kpis span,
  .chart-label, .chart-label small, .chart-days, .preview-tasks p, .preview-tasks small,
  .preview-tasks b, .float-tag, .float-card strong, .float-card small, .number,
  .value-grid a, .trial-note, .trial-note b, .role-card small, .role-card em,
  #entry-status, .site-footer, .resume) { font-size: 14px; }
body :is(.button, .hero-description, .section-head p, .value-grid p,
  .feature-grid p, .experience-intro > p, .role-card b) { font-size: 16px; line-height: 1.75; }
body :is(.hero-description, .section-head p, .value-grid p, .feature-grid p,
  .trust-line, .preview-top small, .preview-kpis small, .preview-kpis span,
  .chart-label small, .chart-days, .preview-tasks small, .preview-tasks b,
  .float-card small, .site-footer) { color: #596b61; }
body .hero h1 { font-size: 44px; }
body .hero { gap: 40px; padding-top: 56px; padding-bottom: 64px; }
body .preview { transform: none; }
body .preview-main { grid-template-columns: 1fr; }
body .preview-kpis { gap: 10px; }
body .preview-kpis b { font-size: 28px; overflow-wrap: anywhere; }
body .preview-kpis em { display: block; margin-left: 0; }
body .preview-kpis span { display: block; }
body .float-tag, body .float-card { position: static; transform: none; margin: 12px 0; width: fit-content; }
body .role-card { flex-wrap: wrap; }
body .role-card small { color: #d0dfd4; }
body .experience-intro > p, body .trial-note { color: #d0dfd4; }
@media (max-width: 1180px) and (min-width: 651px) {
  body .sidebar { width: 224px; }
  body .main { margin-left: 224px; }
  body .content { padding-inline: 24px; }
  body .stats, body .value-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body .hero h1 { font-size: 44px; }
  body .hero, body .value-section, body .features-section { padding-inline: 20px; }
  body .site-header { padding-inline: 20px; gap: 12px; }
  body .preview { padding: 18px; }
  body .preview-kpis { grid-template-columns: 1fr; }
  body .preview-kpis > div { border-bottom: 1px solid #e0e7dc; padding-bottom: 12px; }
}
@media (max-width: 650px) {
  body .main { margin-left: 0; }
  body .topbar { padding: 12px 16px; gap: 8px 12px; }
  body .project-select { max-width: 100%; width: auto; flex: 1 1 160px; }
  body .content { padding: 24px 16px 112px; }
  body .demo-toolbar > div { gap: 6px 18px; }
  body .page-heading .actions { width: 100%; }
  body .stage-row { grid-template-columns: 70px minmax(20px, 1fr) 48px 66px; gap: 6px; }
  body .stage-row em { white-space: normal; }
  body .value-metrics, body .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .stat, body .value-metric { min-width: 0; padding: 16px 12px; }
  body .stat-value span, body .value-metric em { display: block; margin: 6px 0 0; }
  body .impact-items { flex-wrap: wrap; }
  body .impact-items > div { flex: 1 1 100px; }
  body .value-two .panel-body { padding-inline: 12px; }
  body .modal { max-width: calc(100vw - 24px); }
  body .actions .btn { flex: 0 1 auto; }
}