/* Customer-facing management demo. Only synthetic data is used. */
body.fs-demo{--ink:#1c1e24;--muted:#636875;--line:#e4e7ec;--blue:#2453ee;--green:#2453ee;--surface:#f5f7fb;background:#f5f7fb;color:var(--ink)}
.fs-demo svg{width:20px;height:20px;flex-shrink:0}
.fs-demo .demo-banner{background:#1c2335;color:#e4eafc;height:auto;min-height:34px;font-size:10px;line-height:1.6}
.fs-demo .sidebar{width:224px;background:white;padding:28px 20px;position:sticky;top:0;max-height:100dvh}
.fs-demo .studio-logo{color:var(--blue)}
.fs-demo .studio-logo b,.fs-demo .workspace small{color:#707787}
.fs-demo .workspace{font-size:12px;padding:14px 10px}
.fs-demo .nav-label{font-size:9px;letter-spacing:.05em;color:#697083;margin:30px 0 14px}
.fs-demo .sidebar nav{gap:7px}
.fs-demo .sidebar nav button{font-size:13px;gap:10px;padding:14px 10px;color:#545d70;white-space:nowrap}
.fs-demo .sidebar nav button[aria-pressed=true]{background:#edf1fd;color:#2453ee}
.fs-demo .sidebar nav b{margin-left:auto;font-size:10px;min-width:18px;text-align:center;padding:3px;border-radius:4px;background:#edf0f6;font-weight:600}
.fs-demo .sidebar-note{font-size:11px;letter-spacing:0;color:#405478;margin:38px 5px}
.fs-demo .sidebar-note p{font-size:12px;color:#72798a;line-height:1.9}
.fs-demo .sidebar-note a{font-size:11px}.fs-demo .sidebar-bottom small{color:#707787}
.fs-demo .workspace-main{background:#f5f7fb}
.fs-demo .app-header{background:white;font-size:12px;color:#636875;height:64px}
.fs-demo .app-header strong{color:#1c1e24}.fs-demo .sample-tag{color:#5a6480;border-color:#d7ddeb}
.fs-demo #demo-view{padding:34px;max-width:1580px}
.fs-demo .page-heading{align-items:center;margin-bottom:26px}
.fs-demo .page-heading h1{font-size:clamp(26px,2.4vw,36px);line-height:1.35;letter-spacing:-.04em;font-weight:680;word-break:keep-all}
.fs-demo .page-heading p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:11px;max-width:670px}
.fs-demo .overline{font-size:10px;color:var(--blue);letter-spacing:.1em;margin-bottom:12px}
.fs-demo .filters select{font-size:12px;color:#404b60;min-height:42px;padding:11px 28px 11px 12px;border-radius:7px}
.fs-demo .management-top{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:24px}
.fs-demo .decision-note{margin:0;padding:28px;border:1px solid #dce2f0;border-radius:12px;background:#edf1fd}
.fs-demo .decision-label{font-size:11px;color:#526992;line-height:1.7;letter-spacing:0}
.fs-demo .decision-note h2{font-size:23px;line-height:1.5;font-weight:650;letter-spacing:-.035em;margin:15px 0 12px;word-break:keep-all}
.fs-demo .decision-note p{font-size:13px;line-height:1.85;color:#5a6680}
.fs-demo .decision-note.diagnosis{background:#1e2b50;color:white;border:0;position:relative;overflow:hidden}
.fs-demo .diagnosis .decision-label{color:#b9c9f2}.fs-demo .diagnosis h2{color:white;font-size:26px;line-height:1.45}
.fs-demo .diagnosis p{color:#c2cbe1}.fs-demo .diagnosis p strong{color:white}
.fs-demo .diagnosis-action{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
.fs-demo .diagnosis-action>span{font-size:10px;color:#b5c1db}
.fs-demo .action-button{display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:12px;padding:13px 17px;min-height:44px;line-height:1.5;background:var(--blue);color:white;border-radius:7px}
.fs-demo .action-button:hover{background:#183dcc}.fs-demo .action-button:disabled{opacity:.65;cursor:default}
.fs-demo .action-button.secondary{color:#475775;background:white;border:1px solid #d8deeb}
.fs-demo .diagnosis .action-button{background:white;color:#233b70}.fs-demo .diagnosis .action-button:disabled{opacity:1;background:#d8e2fb}
.fs-demo .panel{border-radius:12px;border-color:var(--line)}
.fs-demo .panel-head{padding:22px 24px 18px;align-items:flex-start}
.fs-demo .panel-head h2{font-size:16px;line-height:1.5;font-weight:650}
.fs-demo .panel-head p{font-size:11px;line-height:1.8;color:#697386;margin-top:5px}
.fs-demo .work-queue{display:flex;flex-direction:column}
.fs-demo .queue-row{display:flex;align-items:center;text-align:left;gap:12px;background:white;width:calc(100% - 44px);margin:0 22px;padding:17px 0;border-top:1px solid var(--line)}
.fs-demo .queue-row:hover{color:var(--blue)}.fs-demo .queue-icon{background:#edf1fd;padding:9px;border-radius:8px;display:flex;color:var(--blue)}
.fs-demo .queue-row strong{font-size:13px;font-weight:600}.fs-demo .queue-row small{font-size:10px;color:#717a8d;margin-top:5px;line-height:1.6}
.fs-demo .queue-row b{font-size:11px;color:#40598f;margin-left:auto;white-space:nowrap}
.fs-demo .queue-row>svg{width:16px}.fs-demo .queue-foot{display:flex;gap:12px;padding:18px 22px;background:#f7f8fb;margin-top:auto;align-items:center}
.fs-demo .person-mark{width:36px;height:36px;background:#dfe7fc;color:#2453ee;display:grid;place-items:center;border-radius:50%;font-size:16px;flex-shrink:0}
.fs-demo .queue-foot p{font-size:11px;color:#697386;line-height:1.8}.fs-demo .queue-foot strong{color:#33415e;font-weight:600}
.fs-demo .metric-grid{gap:16px;margin-bottom:24px}.fs-demo .metric{padding:22px;border-radius:10px;background:white}
.fs-demo .metric.featured{border-color:#c7d3f8;background:#edf1fd}.fs-demo .metric-label{font-size:12px;color:#5d6880}
.fs-demo .metric-value{font-size:34px;margin:13px 0 8px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.fs-demo .metric small{font-size:10px;color:#6f788a;line-height:1.7}
.fs-demo .dashboard-grid{grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:24px;align-items:start}
.fs-demo .data-table{font-size:12px}.fs-demo .data-table th{background:#f8f9fc;font-size:11px;color:#697386;padding:14px 14px;white-space:nowrap}
.fs-demo .data-table td{padding:18px 14px;color:#3f4c65;border-color:#eef0f5;white-space:nowrap;font-variant-numeric:tabular-nums}
.fs-demo .data-table td:not(:first-child){color:#44516a}.fs-demo .table-scroll{overflow:auto}
.fs-demo .channel-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}
.fs-demo .badge{font-size:10px;background:#eef2fc;color:#445c8e;padding:5px 7px}.fs-demo .badge.attention{background:#fff0e8;color:#a34420}
.fs-demo .panel-footer{font-size:10px;color:#6c7587;line-height:1.8;padding:14px 22px}
.fs-demo .plan-list{padding:0 22px 22px}.fs-demo .plan-task{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.fs-demo .plan-task>span{color:#2453ee}.fs-demo .plan-task strong{font-size:13px;font-weight:600}.fs-demo .plan-task p{font-size:11px;margin:8px 0;color:#5b6b89;line-height:1.8}.fs-demo .plan-task small{font-size:10px;color:#727d90;line-height:1.8}
.fs-demo .plan-empty{background:#f7f9fd;border:1px dashed #cdd7eb;border-radius:8px;padding:22px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.fs-demo .plan-empty>svg{color:#2453ee}.fs-demo .plan-empty strong{font-size:13px}.fs-demo .plan-empty p{font-size:11px;color:#6c7890;line-height:1.9}
.fs-demo .quiet-button{background:none;color:#526791;font-size:11px;line-height:1.5;min-height:36px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.fs-demo .weekly-plan>.quiet-button{margin:0 22px 18px}.fs-demo .chart{width:100%;height:235px;padding:0 22px 15px}
.fs-demo .chart .gridline{stroke:#e7edf8}.fs-demo .chart text{fill:#65738d;font-family:var(--fs-font)}
.fs-demo .draw-line{stroke-dasharray:1;animation:management-line 1.2s ease-out both}@keyframes management-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.fs-demo .compact-purpose{margin-bottom:24px;padding:22px 26px}.fs-demo .compact-purpose h2{font-size:20px;margin:9px 0 7px}
.fs-demo .language-tabs button{font-size:12px;padding:11px 13px;color:#5a6884}.fs-demo .language-status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.fs-demo .language-status-strip button{display:grid;grid-template-columns:1fr auto;gap:7px;text-align:left;background:white;border:1px solid var(--line);border-radius:9px;padding:16px;color:#2d3c58}
.fs-demo .language-status-strip button[aria-pressed=true]{border-color:#809df5}.fs-demo .language-status-strip span{font-size:12px}.fs-demo .language-status-strip strong{font-size:11px;font-weight:500;color:#697993;grid-column:1}.fs-demo .state-dot{width:7px;height:7px;border-radius:50%;background:#d19a52;grid-row:1;grid-column:2}.fs-demo .state-dot.done{background:#138464}
.fs-demo .content-layout{gap:24px;grid-template-columns:1.1fr 1fr;align-items:start}.fs-demo .content-preview{padding:24px}.fs-demo .document-top{font-size:10px;color:#6d7b95}
.fs-demo .document-cover{display:flex;align-items:center;gap:20px;background:#eaf0ff;border:1px solid #dce5fb;border-radius:10px;min-height:150px;padding:25px;color:#28426f}
.fs-demo .document-cover:after{display:none}.fs-demo .document-symbol{width:52px;height:52px;display:grid;place-items:center;background:white;border-radius:12px;color:#2453ee;flex-shrink:0}.fs-demo .document-symbol svg{width:26px;height:26px}
.fs-demo .document-cover h3{font-size:23px;font-weight:600;letter-spacing:-.035em}.fs-demo .document-cover small{font-size:8px;margin:0 0 10px}
.fs-demo .document-title{font-size:23px;line-height:1.5}.fs-demo .document-text{font-size:14px;color:#636e82;line-height:1.9}.fs-demo .document-excerpt{border-color:#a9bdf7;color:#52658a;font-size:12px;line-height:1.8;background:#f7f9fe}.fs-demo .content-meta{border-color:var(--line)}
.fs-demo .workflow-list{padding:0 24px}.fs-demo .workflow-step{padding:17px 0}.fs-demo .workflow-step h3{font-size:13px;font-weight:600}.fs-demo .workflow-step p{color:#738099;font-size:11px;line-height:1.8}
.fs-demo .workflow-step:not(:last-child):after{background:#dce4f4;top:45px;bottom:-7px}.fs-demo .workflow-actions{padding:22px 24px;gap:12px}
.fs-demo .review-checklist{margin:16px 24px 0;border:1px solid #cad7fa;background:#f4f7ff;border-radius:8px;padding:16px}.fs-demo .review-checklist legend{font-size:12px;font-weight:600;color:#35518c;padding-inline:7px}
.fs-demo .review-checklist label{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;margin:9px 0;cursor:pointer}.fs-demo .review-checklist input{accent-color:#2453ee;margin-top:4px;width:16px;height:16px;flex-shrink:0}.fs-demo .review-checklist p{font-size:10px;line-height:1.8;color:#6e7a92;margin-top:12px}
.fs-demo .revision-note{margin:18px 24px 0;font-size:12px;color:#a34420;line-height:1.8}
.fs-demo .board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 16px}.fs-demo .board-toolbar h2{font-size:17px;font-weight:600}
.fs-demo .filter-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:42px;background:white;border:1px solid var(--line);border-radius:6px;color:#67738b;font-size:11px}.fs-demo .filter-chip svg{width:16px}.fs-demo .filter-chip[aria-pressed=true]{border-color:#d29a7d;background:#fff2ec;color:#944321}
.fs-demo .pipeline-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.fs-demo .board{gap:12px}.fs-demo .board-column{background:#eef1f7;border-color:#e1e6f0;border-radius:9px;padding:14px;min-height:340px}
.fs-demo .column-heading{font-size:12px;color:#53617b;align-items:center}.fs-demo .column-heading>span{display:flex;align-items:center;gap:7px}.fs-demo .column-heading b{color:#61718e;background:white;font-size:11px}.fs-demo .stage-dot{width:7px;height:7px;background:#c18f69;border-radius:50%;display:inline-block}.fs-demo .stage-1{background:#6488dc}.fs-demo .stage-2{background:#689b8c}
.fs-demo .lead-card{padding:17px 13px;border-color:#dce2ee;border-radius:8px}.fs-demo .lead-card h3{font-size:13px;line-height:1.6}.fs-demo .lead-code{font-size:10px;color:#7a8599}.fs-demo .lead-card small{font-size:11px;color:#707d96}.fs-demo .lead-owner{padding-top:13px;margin-top:12px;border-top:1px solid var(--line);font-size:10px;color:#5c6c88}.fs-demo .lead-card .badge{margin-top:9px}
.fs-demo .lead-detail{display:block;padding:24px}.fs-demo .lead-detail .detail-label{font-size:10px;color:#71809b;letter-spacing:0}.fs-demo .lead-detail h2{font-size:23px;margin:13px 0 22px;word-break:keep-all}.fs-demo .detail-field small,.fs-demo .detail-field label{font-size:11px;color:#6b7b96;margin-bottom:8px;display:block}.fs-demo .detail-field p{font-size:12px;line-height:1.9;color:#485874}.fs-demo .detail-field select{width:100%;padding:12px 8px;font-size:12px;color:#3d4e70;border:1px solid #d7dfef;border-radius:6px;background:white}
.fs-demo .next-action{background:#f0f4ff;border-radius:8px;padding:16px;margin-top:12px}.fs-demo .next-action span{font-size:10px;color:#2453ee;font-weight:600}.fs-demo .next-action p{font-size:12px;line-height:1.8;color:#52658b;margin-top:8px}.fs-demo .timeline{font-size:10px;color:#6b7a93;background:#f6f8fc}.fs-demo .board-empty{font-size:11px;line-height:1.8;color:#76839b}
.fs-demo .management-cta{margin:10px 34px 22px;padding:26px;background:white;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.fs-demo .management-cta strong{font-size:16px;font-weight:600}.fs-demo .management-cta p{font-size:12px;color:#6b7991;line-height:1.8;margin-top:7px}.fs-demo .management-cta a{flex-shrink:0}
.fs-demo .app-disclosure{color:#6f7c92;font-size:10px;line-height:1.8}.fs-demo #notice{background:#243861;color:white;line-height:1.7}
.fs-demo .exposure-panel{margin-bottom:24px}.fs-demo .conversion-path{display:flex;gap:14px;align-items:center;background:#f5f7fc;padding:18px 24px;font-size:12px;color:#465b82}.fs-demo .conversion-path svg{width:17px;color:#8e9db8}.fs-demo .conversion-path span:last-child{color:#6f7c92}
.fs-demo .exposure-list{padding:8px 24px 20px}.fs-demo .exposure-check{border-bottom:1px solid var(--line)}.fs-demo .exposure-check:last-child{border-bottom:0}.fs-demo .exposure-check summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:19px 0;font-size:13px}.fs-demo .exposure-check summary::-webkit-details-marker{display:none}.fs-demo .exposure-check strong{font-weight:600}.fs-demo .exposure-check .exposure-state{margin-left:auto;color:#5f759d;font-size:11px;white-space:nowrap}.fs-demo .exposure-check>div{padding:0 0 20px}.fs-demo .exposure-check p{font-size:12px;color:#61718e;line-height:1.9;margin-bottom:12px}
@media(max-width:780px){.fs-demo .conversion-path{gap:8px;padding:16px 20px;flex-wrap:wrap;font-size:11px}.fs-demo .conversion-path svg{width:14px}.fs-demo .exposure-list{padding-inline:20px}.fs-demo .exposure-check summary{flex-wrap:wrap;gap:10px;font-size:12px}.fs-demo .exposure-check .exposure-state{width:100%;margin:0}.fs-demo .exposure-panel .panel-head{flex-wrap:wrap}}
@media(max-width:1250px){.fs-demo .management-top,.fs-demo .dashboard-grid{grid-template-columns:1fr}.fs-demo .queue-foot br{display:none}.fs-demo .pipeline-layout{grid-template-columns:1fr}.fs-demo .lead-detail{max-width:none}.fs-demo .content-layout{grid-template-columns:1fr 1fr}.fs-demo .language-tabs{flex-wrap:wrap}}
@media(max-width:780px){
 .fs-demo .app-shell{display:block}.fs-demo .sidebar{position:static;width:100%;max-height:none;display:block;padding:18px 20px 0;border-right:0;border-bottom:1px solid var(--line)}
 .fs-demo .studio-logo{justify-content:flex-start;font-size:28px;gap:10px}.fs-demo .studio-logo>span{display:block;font-size:12px}.fs-demo .studio-logo b{font-size:8px}
 .fs-demo .sidebar nav{margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-bottom:14px}.fs-demo .sidebar nav button{font-size:11px;justify-content:center;white-space:normal;gap:5px;padding:12px 6px;line-height:1.5}.fs-demo .sidebar nav button>span{display:none}.fs-demo .sidebar nav b{font-size:9px;margin:0;min-width:15px}
 .fs-demo .workspace,.fs-demo .nav-label,.fs-demo .sidebar-note,.fs-demo .sidebar-bottom{display:none}.fs-demo .demo-banner{padding:8px 20px;gap:16px}.fs-demo .demo-banner>span:last-child{font-size:9px}
 .fs-demo #demo-view{padding:26px 20px}.fs-demo .app-header{padding:0 20px;height:48px;font-size:11px}.fs-demo .page-heading{align-items:flex-start;gap:20px;margin-bottom:22px}.fs-demo .page-heading h1{font-size:28px;line-height:1.4}.fs-demo .page-heading p{font-size:13px}.fs-demo .filters{width:100%}
 .fs-demo .management-top{gap:16px}.fs-demo .decision-note{padding:24px}.fs-demo .diagnosis h2{font-size:24px}.fs-demo .decision-note p{font-size:13px}.fs-demo .decision-label{font-size:11px}.fs-demo .diagnosis-action .action-button{width:100%;font-size:12px;padding-inline:10px}
 .fs-demo .queue-row{width:calc(100% - 36px);margin-inline:18px;gap:9px}.fs-demo .queue-row strong{font-size:12px}.fs-demo .queue-row small{font-size:10px}.fs-demo .queue-row>svg{display:none}.fs-demo .queue-icon{padding:7px}.fs-demo .queue-row b{font-size:10px}
 .fs-demo .metric-grid{gap:12px}.fs-demo .metric{padding:18px 15px}.fs-demo .metric-value{font-size:29px}.fs-demo .metric-label{font-size:11px}.fs-demo .metric small{font-size:10px}
 .fs-demo .panel-head{padding:20px 20px 16px}.fs-demo .panel-head h2{font-size:16px}.fs-demo .data-table td,.fs-demo .data-table th{padding:13px 12px;font-size:11px}.fs-demo .data-table th:nth-child(4),.fs-demo .data-table td:nth-child(4){display:table-cell}.fs-demo .data-table{min-width:490px}.fs-demo .panel-footer{padding-inline:20px}
 .fs-demo .compact-purpose{padding:20px}.fs-demo .compact-purpose h2{font-size:20px}.fs-demo .content-layout{grid-template-columns:1fr}.fs-demo .language-status-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fs-demo .language-tabs{width:100%}.fs-demo .language-tabs button{flex:1;padding:9px;font-size:11px}
 .fs-demo .document-cover{padding:22px 18px;gap:15px}.fs-demo .document-cover h3{font-size:21px}.fs-demo .document-symbol{width:40px;height:40px}.fs-demo .content-preview{padding:20px}.fs-demo .document-title{font-size:22px}.fs-demo .document-text{font-size:14px}
 .fs-demo .pipeline-layout{display:flex;flex-direction:column}.fs-demo .board{width:100%;grid-template-columns:1fr}.fs-demo .lead-detail{order:-1;width:100%}.fs-demo .board-column{min-height:0}.fs-demo .board-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.fs-demo .board-toolbar h2{font-size:18px}
 .fs-demo .management-cta{margin:0 20px 22px;padding:22px;align-items:flex-start;flex-direction:column}.fs-demo .management-cta a{width:100%}.fs-demo .app-disclosure{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){.fs-demo .draw-line{animation:none;stroke-dashoffset:0}}