/* Three local compositions use one restrained operational design system. */
body[data-design-variant]{--ink:#223b3c;--muted:#536a6b;--line:#d5e0de;--accent:#286758;--surface:#f1f5f3;color:var(--ink);background:var(--surface);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}body[data-design-variant] .sidebar{background:#173e38;border-bottom:0}body[data-design-variant] .brand{font-size:21px;font-weight:650;letter-spacing:.01em}body[data-design-variant] .brand .logo{background:#dce8c9;color:#24483e;border-radius:7px}body[data-design-variant] #nav a{border-radius:5px;font-size:14px}body[data-design-variant] #nav a.active{background:#e6eee5;color:#214b41}body[data-design-variant] .shell>header{background:#fff;border-bottom:1px solid var(--line)}body[data-design-variant] #main{padding-top:28px}body[data-design-variant] .page-head{margin-bottom:24px}body[data-design-variant] .page-head h1{font-size:28px;letter-spacing:-.03em;font-weight:650}body[data-design-variant] .page-head p{font-size:14px;color:var(--muted)}body[data-design-variant] :is(.primary,.fab){background:var(--accent);border-color:var(--accent)}body[data-design-variant] :is(.secondary,.text-button){color:var(--ink)}body[data-design-variant] :is(button,input,select,textarea):focus-visible{outline:2px solid #287966;outline-offset:3px}body[data-design-variant] ::selection{background:#cce3d6;color:#153e32}body[data-design-variant] :is(input,textarea){caret-color:#286758}body[data-design-variant] :is(.card,.table-card,.management-card,.manager-panel){border-radius:8px;border-color:var(--line);box-shadow:none}body[data-design-variant] :is(th,.table-head){background:#edf3ef;color:#49645c;font-size:12px;font-weight:600}body[data-design-variant] td{font-size:14px}body[data-design-variant] .work-item{border-color:var(--line)}body[data-design-variant] .work-week-day.active{background:#286758}body[data-design-variant] .work-summary{border-radius:7px}body[data-design-variant] .studio-finance{background:#f1f6f2;border-color:#c7dacf}body[data-design-variant] .studio-form-module>h3{color:#346e5c}
#design-comparison{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 28px;background:#e3ebe6;color:#37584c;position:sticky;top:0;z-index:30;border-bottom:1px solid #c4d4c9;font-size:12px}#design-comparison>span{margin-right:auto}#design-comparison button{border:1px solid #bccfc2;background:transparent;color:#315643;border-radius:4px;padding:8px 12px;font-size:12px;min-height:34px}#design-comparison [aria-pressed=true]{background:#214d3b;color:#fff;border-color:#214d3b}#design-comparison a{color:#345d48;text-decoration:underline;text-underline-offset:3px;margin-left:12px}body[data-design-variant] #design-comparison{position:fixed;top:auto;bottom:0;left:0;right:0}body[data-design-variant] .shell{padding-bottom:64px}
.customer-workspace{background:#fff;border:1px solid var(--line);border-radius:8px;margin:0 0 36px;overflow:hidden}.customer-overview-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 28px}.customer-overview-head h2{font-size:23px;line-height:1.3;margin:0 0 8px;font-weight:650;letter-spacing:-.02em}.customer-overview-head p{margin:0;color:var(--muted);font-size:13px}.customer-metric-definition{display:grid;gap:5px;text-align:right;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.customer-metric-definition b{font-size:24px;color:var(--ink);font-weight:600}.customer-overview-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 28px 18px;border-bottom:1px solid var(--line)}.customer-stage-filters{display:flex;gap:4px;flex-wrap:wrap;flex:1}.customer-stage-filters button{padding:9px 11px;border:0;background:transparent;color:var(--muted);border-radius:4px;font-size:12px;min-height:36px}.customer-stage-filters b{padding-left:8px;font-variant-numeric:tabular-nums}.customer-stage-filters [aria-pressed=true]{color:#214f3b;background:#e9f1e9;font-weight:650}#customer-preview-search{display:flex;gap:6px}#customer-preview-search input{width:180px;min-height:36px;font-size:12px;padding:8px 10px}#customer-preview-search button{min-height:36px;font-size:12px;padding:8px 12px}.customer-preview-note{font-size:11px;line-height:1.7;color:#61776b;margin:0;padding:10px 28px;background:#f8faf7}.customer-identity{display:flex;gap:12px;align-items:center;min-width:0}.customer-initial{width:38px;height:42px;display:grid;place-items:center;flex:none;background:#ebeee5;color:#41604d;border-radius:4px;font-size:17px}.customer-identity>div{min-width:0;display:grid;gap:5px}.customer-name{display:block;border:0;background:none;color:var(--ink);padding:0;text-align:left;font-size:15px;font-weight:650;line-height:1.4}.customer-identity small{font-size:10px;color:#657c70;overflow-wrap:anywhere}.customer-phase{display:inline-flex;align-self:start;padding:5px 9px;background:#e7f0ea;color:#30604a;border-radius:4px;font-size:11px;font-weight:600}.customer-phase[data-phase=surgery]{color:#735285;background:#f0e9f5}.customer-phase[data-phase=feedback]{color:#966423;background:#f8f0dc}.customer-phase[data-phase=consultation]{color:#375f92;background:#eaf0f9}.customer-phase[data-phase=cancelled]{color:#65706d;background:#edf0ee}.customer-route{display:flex;align-items:center;gap:12px;margin-top:14px}.customer-route>span{display:flex;align-items:center;gap:5px;color:#7b8b83;font-size:10px;white-space:nowrap}.customer-route i{width:5px;height:5px;background:#c6d2ca;border-radius:50%}.customer-route .current{color:#28593e;font-weight:650}.customer-route .current i{background:#2e7150;outline:2px solid #e0ebe2}.customer-journey-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(240px,1.2fr) minmax(180px,1fr) 155px;gap:24px;align-items:center;padding:24px 28px;border-top:1px solid var(--line)}.customer-journey-row:first-child{border-top:0}.customer-action-column{display:grid;gap:6px;border-left:1px solid #b6cdbd;padding-left:16px}.customer-action-column small{font-size:10px;color:#577060}.customer-action-column b{font-size:14px;font-weight:600}.customer-action-column>span{font-size:11px;color:#64796b;font-variant-numeric:tabular-nums}.customer-row-actions{display:grid;gap:4px}.customer-next{font-size:12px!important;min-height:38px!important;padding:9px 14px!important;border-radius:5px!important}.customer-row-actions .text-button{font-size:11px;padding:6px;text-align:center}.customer-row-history{grid-column:1/-1;padding:10px 16px;background:#f7faf6;border-left:1px solid #809e87}.customer-history-line{display:grid;grid-template-columns:42px 100px minmax(100px,1fr) 110px;gap:12px;align-items:center;border:0;background:transparent;padding:10px 0;width:100%;text-align:left;color:#41604d;font-size:12px}.customer-history-line+button{border-top:1px solid #dce7dd}.customer-history-line b{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.customer-history-line small{font-size:11px}.customer-empty{padding:40px 28px;color:var(--muted)}.customer-empty h3{font-size:18px;color:var(--ink)}
body[data-design-variant=board]{--surface:#eff2f5;--accent:#355d7d;--ink:#263d50;--muted:#586e80;--line:#d4dfe7}body[data-design-variant=board] .sidebar{background:#243d50}body[data-design-variant=board] #nav a.active{background:#e8eff4;color:#274763}.customer-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:24px;background:#f3f6f8;align-items:start}.customer-lane{min-width:0}.customer-lane-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:2px solid #9cabbc;padding:0 2px 12px}.customer-lane-head h3{font-size:14px;margin:0;font-weight:600}.customer-lane-head>b{font-size:12px;color:#61788d}.customer-board-card{background:#fff;border:1px solid #d2dee7;border-radius:6px;margin-bottom:12px;padding:18px}.customer-board-card .customer-identity{align-items:start;gap:8px}.customer-board-card .customer-initial{width:30px;height:34px;font-size:14px}.customer-board-card .customer-name{font-size:14px}.customer-card-services{font-size:11px;color:#5b7588;margin:16px 0}.customer-card-next{padding:12px 0;border-top:1px solid #dce4ec;display:grid;gap:6px}.customer-card-next small{font-size:10px;color:#5b7588}.customer-card-next h4{margin:0;font-size:13px;font-weight:600}.customer-card-next>span{font-size:11px;color:#637b90}.customer-board-card .customer-next{width:100%;margin-top:4px}.customer-board-card>.text-button{font-size:11px;padding:12px 0 0}.customer-board-detail{border-top:1px solid var(--line);padding:20px 28px}.customer-board-detail>summary{cursor:pointer;font-size:14px;font-weight:600;color:#344e64}.customer-focus{padding:24px 28px;min-width:0}.customer-focus-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.customer-next-section{margin:28px 0;padding:20px 24px;border-left:1px solid #6e967d;background:#edf4ed}.customer-next-section>span{font-size:11px;color:#52705b}.customer-next-section h3{font-size:20px;line-height:1.4;margin:8px 0}.customer-next-section p{font-size:13px;color:#56705f;line-height:1.6}.customer-next-section>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.customer-next-section>div>span{font-size:12px;font-variant-numeric:tabular-nums;color:#4d6d58}.customer-history h3{font-size:14px;font-weight:600;margin:24px 0 10px}.customer-dossier{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:500px}.customer-master-list{background:#f6f7f2;border-right:1px solid #d9dfd3;padding:12px;max-height:650px;overflow:auto}.customer-master-list>button{display:grid;text-align:left;gap:6px;width:100%;padding:16px;border:0;border-radius:4px;background:transparent;color:#3b4d3e;margin-bottom:4px}.customer-master-list [aria-pressed=true]{background:#e4ebde;outline:1px solid #8b9d7d}.customer-master-list b{font-size:14px;font-weight:600}.customer-master-list span{font-size:11px;color:#627758}.customer-master-list small{font-size:11px;color:#687d60;line-height:1.5}body[data-design-variant=dossier]{--surface:#f6f5ee;--accent:#627550;--ink:#384531;--muted:#6a755f;--line:#d9dfd0}body[data-design-variant=dossier] .sidebar{background:#364933}body[data-design-variant=dossier] #nav a.active{background:#edf0df;color:#384b2d}body[data-design-variant=dossier] .customer-overview-head h2{font-family:Georgia,"Songti SC",serif;font-size:26px}body[data-design-variant=dossier] .customer-workspace{border-radius:4px}body[data-design-variant=dossier] .customer-overview-head{border-bottom:1px solid #d9dfd0;margin-bottom:18px}
@media(max-width:1250px){.customer-journey-row{grid-template-columns:minmax(160px,1fr) minmax(200px,1fr) 160px;gap:18px}.customer-row-actions{grid-column:3;grid-row:1/3}.customer-action-column{grid-column:2;grid-row:2}.customer-identity{grid-row:1/3}.customer-board{grid-template-columns:repeat(3,minmax(200px,1fr))}}
@media(max-width:800px){.customer-board{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.customer-dossier{grid-template-columns:210px minmax(0,1fr)}.customer-focus{padding:20px}.customer-journey-row{grid-template-columns:1fr 155px}.customer-stage-column{grid-column:1;grid-row:2}.customer-journey-row>.customer-identity{grid-row:1}.customer-row-actions{grid-column:2;grid-row:2/4}.customer-action-column{grid-column:1;grid-row:3}.customer-overview-tools,.customer-overview-head{padding-left:20px;padding-right:20px}.customer-history-line{grid-template-columns:36px 90px 1fr}.customer-history-line small{grid-column:2/-1}.customer-route{gap:8px}.customer-dossier .customer-focus-head{flex-direction:column}}
@media(max-width:550px){#design-comparison{padding:8px 12px;gap:5px}#design-comparison>span{display:none}#design-comparison button{font-size:10px;padding:8px}#design-comparison a{font-size:10px;margin-left:auto}body[data-design-variant] #main{padding:20px 12px}body[data-design-variant] .page-head h1{font-size:25px}.customer-overview-head{padding:20px 16px;align-items:start;gap:12px}.customer-overview-head h2{font-size:20px}.customer-overview-head p{font-size:11px;max-width:145px;line-height:1.6}.customer-metric-definition b{font-size:21px}.customer-metric-definition{font-size:10px}.customer-overview-tools{padding:0 16px 14px}.customer-stage-filters button{padding:8px;min-height:40px;font-size:11px}.customer-stage-filters b{padding-left:5px}#customer-preview-search{width:100%}#customer-preview-search input{width:0;flex:1;min-height:40px}#customer-preview-search button{min-height:40px}.customer-preview-note{padding:10px 16px;font-size:10px}.customer-journey-row{padding:20px 16px;gap:16px 8px;grid-template-columns:minmax(0,1fr) 120px}.customer-initial{width:30px;height:36px;font-size:14px}.customer-name{font-size:14px}.customer-route{gap:8px;flex-wrap:wrap}.customer-action-column{padding-left:10px}.customer-action-column b{font-size:12px}.customer-row-actions .customer-next{font-size:11px!important;padding:9px 6px!important}.customer-journey-row>.customer-identity{grid-column:1/-1}.customer-row-actions{align-self:end}.customer-board{grid-template-columns:1fr;padding:16px}.customer-lane-head{margin-top:8px}.customer-board-card{padding:16px}.customer-board-detail{padding:16px}.customer-focus{padding:20px 16px}.customer-focus-head{flex-wrap:wrap}.customer-next-section{padding:16px;margin:20px 0}.customer-next-section h3{font-size:18px}.customer-dossier{grid-template-columns:1fr}.customer-master-list{max-height:200px;border-right:0;border-bottom:1px solid #d9dfd3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px}.customer-master-list>button{padding:10px;align-content:start}.customer-master-list b{font-size:12px}.customer-master-list small{font-size:10px}.customer-history-line{gap:6px;font-size:11px;grid-template-columns:32px 85px minmax(0,1fr)}.customer-history-line b{font-size:11px}.customer-history-line>span{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){.customer-workspace{animation:customer-arrive .18s ease-out}@keyframes customer-arrive{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}}

body[data-design-variant] #design-comparison{position:static;inset:auto;z-index:auto}body[data-design-variant] .shell{padding-bottom:0}body[data-design-variant]{-webkit-font-smoothing:antialiased}body[data-design-variant] #nav button.active{background:#e7eee5;color:var(--ink)}body[data-design-variant] #nav button{border-radius:5px}body[data-design-variant] :is(h1,h2,h3,h4){text-wrap:balance}body[data-design-variant] button{touch-action:manipulation;-webkit-tap-highlight-color:#cae0d1}.customer-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px;border-top:1px solid var(--line);font-size:12px}.customer-pagination button{font-size:12px;padding:8px 14px;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:4px;min-height:40px}.customer-pagination button:disabled{opacity:.45;cursor:default}.customer-pagination button:not(:disabled):hover{background:#eaf1e9}.customer-lane{max-height:720px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9db2bf transparent}.customer-lane-head{position:sticky;top:0;background:#f3f6f8;z-index:1;padding-top:10px}.customer-name:hover,.customer-history-line:hover{color:#1f6242;text-decoration:underline;text-underline-offset:3px}.customer-stage-filters button:hover{background:#e7f0e7}.customer-master-list>button:hover{background:#edf1e6}body[data-design-variant] .floating-intake{z-index:12}body[data-design-variant] .customer-route>span{color:#52695b}body[data-design-variant] .customer-phase{white-space:normal}.customer-journey-row button{scroll-margin-block:100px}.customer-journey-row .customer-row-history{grid-row:auto}
@media(max-width:550px){.customer-pagination{gap:10px;font-size:11px;padding:12px}.customer-pagination button{font-size:11px;padding:8px}.customer-lane{max-height:620px;overscroll-behavior:contain}.customer-lane-head{margin-top:0}.customer-overview-head h2{font-size:20px}#design-comparison{padding:10px 12px}}