  *{box-sizing:border-box;}
  :root{
    --font-ui:'Noto Sans JP Variable','Noto Sans JP','Hiragino Sans','Yu Gothic','Meiryo',sans-serif;
    --text-micro:.6875rem;
    --text-caption:.75rem;
    --text-body:.8125rem;
    --text-label:.875rem;
    --text-heading:1rem;
    --text-title:1.125rem;
    --text-name:1.25rem;
    --text-kpi:1.5rem;
    --text-kpi-lg:1.625rem;
    --text-hero-name:1.75rem;
    --text-hero-kpi:2.25rem;
    --text-hero-stat:2.4375rem;
    --fs-2xs:var(--text-micro);
    --fs-xs:var(--text-micro);
    --fs-caption:var(--text-caption);
    --fs-meta:var(--text-caption);
    --fs-small:var(--text-caption);
    --fs-body-sm:var(--text-body);
    --fs-body:var(--text-body);
    --fs-title:var(--text-label);
    --fs-title-lg:var(--text-label);
    --fs-section:var(--text-heading);
    --fs-heading:var(--text-heading);
    --fs-stat-sm:var(--text-title);
    --fs-stat:var(--text-title);
    --fs-dialog-title:var(--text-title);
    --fs-name:var(--text-name);
    --fs-stat-lg:var(--text-name);
    --fs-stat-xl:var(--text-name);
    --fs-kpi-sm:var(--text-label);
    --fs-kpi:var(--text-kpi);
    --fs-kpi-lg:var(--text-kpi-lg);
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-8:32px;
    --space-10:40px;
    --content-max:1340px;
    --app-top-offset:89px;
    --page-inline:32px;
    --page-block:24px;
    --page-bottom:60px;
    --page-bottom-fixed:32px;
    --page-column-gap:24px;
    --page-toolbar-gap:20px;
    --page-toolbar-bottom:18px;
    --control-width:240px;
    --left-panel-width:256px;
    --detail-stack-gap:var(--space-5);
    --table-head-min-height:50px;
    --monthly-plot-height:150px;
    --settings-detail-min-height:232px;
    --builder-rail-min-height:360px;
    --builder-rail-compact-height:clamp(360px,calc(100vh - var(--app-top-offset) - 150px),520px);
    --z-content:1;
    --z-local-focus:2;
    --z-local-overlay:4;
    --z-sticky:10;
    --z-section-toolbar:11;
    --z-toolbar:12;
    --z-scroll-cue:30;
    --z-rail:40;
    --z-popover:60;
    --z-header:80;
    --z-scrim:90;
    --z-modal:92;
    --z-tooltip:100;
    --z-registration:200;
    --color-bg-app:#E3EAF2;
    --color-surface:#FFFFFF;
    --color-surface-soft:#F7F9FC;
    --color-surface-muted:#F1F5F9;
    --color-ink:#16202E;
    --color-ink-soft:#33415A;
    --color-text-muted:#64748B;
    --color-text-subtle:#94A3B8;
    --color-border:#DDE4EC;
    --color-border-strong:#C9D5E2;
    --color-border-soft:#EAEFF4;
    --color-rule:#E3EAF2;
    --color-hover-row:#EAF2FB;
    --color-hover-soft:#EEF3F8;
    --color-scrollbar:#CBD5E1;
    --color-ink-strong:#0F1B2D;
    --color-focus-ring:#2F6FB5;
    --color-settings-scrim:rgba(222,232,243,.52);
    --color-modal-scrim:rgba(222,232,243,.58);
    --chart-muted-blue:#6E8DB3;
    --chart-funnel-meet:#D6E0EA;
    --chart-funnel-order:#AFC2D6;
    --chart-funnel-order-text:#26384F;
    --chart-funnel-valid:#6E95BF;
    --color-primary-hover:#173F70;
    --color-control-track:#C6D0DD;
    --color-surface-wash:#EFF5FB;
    --color-rank-pinned:#F7FBFF;
    --color-rank-pinned-rule:#BBD3EC;
    --color-ranking-track-hover:#E4EEF8;
    --color-compare-focus:#8FB7DF;
    --color-compare-line:#E2E8F0;
    --color-compare-best-bg:#E5F4EF;
    --color-compare-best-hover:#D4ECE4;
    --color-compare-worst-bg:#FBE8E5;
    --color-compare-worst-hover:#F4D3CE;
    --color-compare-mid-bg:#E7F0FA;
    --color-compare-mid-hover:#D6E6F7;
    --shadow-action:0 3px 8px rgba(16,32,55,.07);
    --shadow-row:0 2px 8px rgba(16,32,55,.055);
    --shadow-surface:0 1px 2px rgba(16,32,55,0.04);
    --shadow-popover:0 10px 24px rgba(16,32,55,.12);
    --shadow-modal:0 24px 58px rgba(16,32,55,.22),0 3px 12px rgba(16,32,55,.1);
    --cl-primary:#1D4E89;
    --cl-primary-soft:#F4F8FC;
    --cl-primary-rule:#CFE0F2;
    --cl-info:#2F6FB5;
    --cl-info-soft:#F0F6FD;
    --cl-success:#0E8A6B;
    --cl-success-soft:#F2FAF7;
    --cl-success-rule:#CCE6DB;
    --cl-warning:#B7791F;
    --cl-warning-soft:#FFF7E8;
    --cl-danger:#C0453B;
    --cl-danger-soft:#FDF4F2;
    --cl-track:#EDF3F8;
    --cl-table-head:#F1F6FC;
  }
  .cl-app-root{height:100vh;min-height:100vh;background:var(--color-bg-app);overflow:hidden;display:flex;flex-direction:column;}
  .cl-top-header{flex:0 0 auto;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;}
  .cl-header-inner{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;}
  .cl-header-primary{display:flex;align-items:center;gap:34px;min-height:56px;min-width:0;margin-left:18px;}
  .cl-brand{display:flex;align-items:center;gap:13px;min-width:194px;flex-shrink:0;cursor:default;}
  .cl-brand-mark{width:34px;height:34px;display:block;object-fit:contain;flex-shrink:0;}
  .cl-brand-name{font-size:var(--text-kpi-lg);font-weight:800;color:var(--color-ink-strong);letter-spacing:0;line-height:1;}
  .cl-header-divider{width:1px;height:36px;background:var(--color-border);flex-shrink:0;}
  .cl-header-nav{box-sizing:border-box;display:flex;align-items:center;gap:42px;height:56px;padding:0 2px;}
  .cl-header-actions{position:relative;flex-shrink:0;height:56px;display:flex;align-items:center;gap:10px;}
  .cl-settings-panel{position:fixed;top:50%;left:50%;z-index:var(--z-modal);width:min(584px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:0;text-align:left;transform:translate(-50%,-50%);}
  .cl-page-shell{flex:1 1 auto;display:flex;gap:var(--page-column-gap);width:100%;max-width:var(--content-max);height:auto;min-height:0;margin:0 auto;padding:var(--page-block) var(--page-inline);align-items:stretch;overflow:hidden;}
  .cl-left-rail{flex-shrink:0;z-index:var(--z-rail);display:flex;align-items:stretch;gap:0;overflow:visible;min-height:0;}
  .cl-left-expanded-panel{width:var(--left-panel-width);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:0;box-shadow:var(--shadow-surface);padding:16px 14px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;}
  .cl-left-list-shell{flex:1;min-height:0;}
  .cl-left-list-window{display:flex;flex-direction:column;gap:6px;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:0;}
  .cl-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--detail-stack-gap);}
  .cl-detail-scroll-shell{flex:1;min-height:0;}
  .cl-detail-scroll-window{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:0;display:flex;flex-direction:column;gap:var(--detail-stack-gap);}
  .cl-view-page{flex:1 1 auto;width:100%;max-width:1280px;height:auto;min-height:0;margin:0 auto;padding:var(--page-block) var(--page-inline) var(--page-bottom);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;}
  .cl-kpi-frame{position:relative;z-index:var(--z-sticky);flex-shrink:0;min-width:0;}
  .cl-kpi-grid{width:100%;min-width:0;display:grid;grid-template-columns:minmax(190px,1.1fr) repeat(3,minmax(112px,.72fr));align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;box-shadow:0 1px 4px rgba(15,27,45,.05);overflow:hidden;}
  .cl-kpi-name-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:13px 18px;border-right:1px solid var(--color-rule);min-width:0;text-align:center;}
  .cl-kpi-name{width:100%;font-size:var(--text-hero-name);font-weight:800;color:var(--color-ink);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;}
  .cl-kpi-period-context{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-muted);font-size:var(--fs-2xs);font-weight:500;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums;}
  .cl-kpi-metric{display:grid;grid-template-columns:minmax(64px,1fr) minmax(96px,auto);align-items:center;column-gap:14px;padding:13px 16px;border-right:1px solid var(--color-rule);min-width:0;background:var(--color-surface);}
  .cl-kpi-metric:last-child{border-right:0;}
  .cl-kpi-meta{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;}
  .cl-kpi-label{font-size:var(--fs-caption);color:var(--color-text-muted);font-weight:600;white-space:nowrap;}
  .cl-kpi-judge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-section);font-weight:700;line-height:1;white-space:nowrap;}
  .cl-kpi-dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex-shrink:0;}
  .cl-kpi-value{justify-self:start;font-size:var(--text-hero-kpi);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .cl-section-heading{display:flex;align-items:center;gap:8px;padding-left:4px;margin:0 0 -12px;}
  .cl-section-heading.is-tabs{flex-direction:column;align-items:stretch;gap:8px;position:relative;z-index:var(--z-local-focus);margin-bottom:calc(var(--detail-stack-gap) * -1 + 1px);}
  .cl-section-heading-row{display:flex;align-items:center;gap:8px;padding-left:4px;}
  .cl-section-index{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;border:1px solid var(--section-index-border,var(--cl-primary-rule));background:var(--section-index-bg,var(--cl-primary-soft));color:var(--section-index-color,var(--cl-primary));font-size:var(--fs-2xs);font-weight:700;font-variant-numeric:tabular-nums;}
  .cl-section-title{font-size:var(--fs-section);font-weight:700;color:var(--color-ink);line-height:1.2;}
  .cl-page-toolbar{position:relative;z-index:var(--z-toolbar);margin-bottom:var(--page-toolbar-bottom);flex:0 0 auto;}
  .cl-page-toolbar-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--page-toolbar-gap);flex-wrap:wrap;}
  .cl-page-toolbar-controls{min-width:0;display:flex;align-items:center;gap:16px;}
  .cl-page-toolbar-tabs{margin-left:auto;display:flex;align-items:flex-end;justify-content:flex-end;gap:24px;flex-wrap:wrap;}
  .cl-app-root[data-theme="graphite"]{
    --color-bg-app:#D8E2ED;
    --color-surface:#FFFFFF;
    --color-surface-soft:#F5F8FB;
    --color-surface-muted:#EEF3F8;
    --color-ink:#142033;
    --color-ink-soft:#30425C;
    --color-text-muted:#65768C;
    --color-text-subtle:#91A1B4;
    --color-border:#D3DDE8;
    --color-border-strong:#BFCDD9;
    --color-border-soft:#E6EDF4;
    --color-rule:#D9E2EC;
    --color-hover-row:#E6F0FA;
    --color-hover-soft:#EEF5FB;
    --color-scrollbar:#B8C7D8;
    --color-ink-strong:#102038;
    --color-focus-ring:#285F9E;
    --chart-muted-blue:#637FA0;
    --cl-primary:#153F70;
    --cl-primary-soft:#EEF5FB;
    --cl-primary-rule:#BED3E8;
    --cl-info:#285F9E;
    --cl-info-soft:#EDF5FC;
    --cl-success:#0C7A66;
    --cl-success-soft:#F0F8F5;
    --cl-success-rule:#C4E0D8;
    --cl-warning:#A96F18;
    --cl-warning-soft:#FFF6E7;
    --cl-danger:#B9433B;
    --cl-danger-soft:#FDF1EF;
    --cl-track:#E9F1F8;
    --cl-table-head:#EDF4FB;
  }
  .cl-app-root[data-theme="sage"]{
    --color-bg-app:#DDE8E3;
    --color-surface:#FFFFFF;
    --color-surface-soft:#F6FAF8;
    --color-surface-muted:#EFF6F2;
    --color-ink:#14241F;
    --color-ink-soft:#334B43;
    --color-text-muted:#657A72;
    --color-text-subtle:#93A79F;
    --color-border:#D6E2DC;
    --color-border-strong:#BED0C7;
    --color-border-soft:#E7EFEA;
    --color-rule:#DDE8E3;
    --color-hover-row:#E9F4EF;
    --color-hover-soft:#EEF7F3;
    --color-scrollbar:#B8C9C0;
    --color-ink-strong:#10231D;
    --color-focus-ring:#1F6658;
    --chart-muted-blue:#5C7D83;
    --cl-primary:#1F6658;
    --cl-primary-soft:#F0F8F5;
    --cl-primary-rule:#C7DED6;
    --cl-info:#3C6F78;
    --cl-info-soft:#EEF7F8;
    --cl-success:#16805F;
    --cl-success-soft:#F0FAF5;
    --cl-success-rule:#C8E5D7;
    --cl-warning:#A66F1B;
    --cl-warning-soft:#FFF7E8;
    --cl-danger:#B64A42;
    --cl-danger-soft:#FDF2F0;
    --cl-track:#ECF4F0;
    --cl-table-head:#EEF7F3;
  }
  .cl-app-root[data-theme="burgundy"]{
    --color-bg-app:#DED3D6;
    --color-surface:#FFFDFC;
    --color-surface-soft:#FAF5F4;
    --color-surface-muted:#F4ECEB;
    --color-ink:#24171B;
    --color-ink-soft:#4B343B;
    --color-text-muted:#7C6670;
    --color-text-subtle:#A08D95;
    --color-border:#E0D0D3;
    --color-border-strong:#CBB7BD;
    --color-border-soft:#EEE4E6;
    --color-rule:#E6D8DB;
    --color-hover-row:#F7EDEE;
    --color-hover-soft:#FAF1F2;
    --color-scrollbar:#B8A6AB;
    --color-ink-strong:#1E1116;
    --color-focus-ring:#8E2740;
    --chart-muted-blue:#6C7890;
    --cl-primary:#8E2740;
    --cl-primary-soft:#F8EEF1;
    --cl-primary-rule:#E0BBC4;
    --cl-info:#224E78;
    --cl-info-soft:#EEF4FA;
    --cl-success:#21724E;
    --cl-success-soft:#EEF8F2;
    --cl-success-rule:#C6E1D1;
    --cl-warning:#B9871D;
    --cl-warning-soft:#FFF6E3;
    --cl-danger:#C84E47;
    --cl-danger-soft:#FDF0EE;
    --cl-track:#F0E7E9;
    --cl-table-head:#F7EEF1;
  }
  .cl-app-root.cl-large-type{
    --text-micro:.75rem;
    --text-caption:.8125rem;
    --text-body:.875rem;
    --text-label:.9375rem;
    --text-heading:1.0625rem;
    --text-title:1.1875rem;
    --text-name:1.3125rem;
    --text-kpi:1.5625rem;
    --text-kpi-lg:1.6875rem;
    --text-hero-name:1.8125rem;
    --text-hero-kpi:2.3125rem;
    --text-hero-stat:2.5rem;
    --monthly-plot-height:156px;
    --settings-detail-min-height:246px;
    --table-head-min-height:56px;
    --detail-stack-gap:22px;
    --fs-2xs:var(--text-micro);
    --fs-xs:var(--text-micro);
    --fs-caption:var(--text-caption);
    --fs-meta:var(--text-caption);
    --fs-small:var(--text-caption);
    --fs-body-sm:var(--text-body);
    --fs-body:var(--text-body);
    --fs-title:var(--text-label);
    --fs-title-lg:var(--text-label);
    --fs-section:var(--text-heading);
    --fs-heading:var(--text-heading);
    --fs-stat-sm:var(--text-title);
    --fs-stat:var(--text-title);
    --fs-dialog-title:var(--text-title);
    --fs-name:var(--text-name);
    --fs-stat-lg:var(--text-name);
    --fs-stat-xl:var(--text-name);
    --fs-kpi-sm:var(--text-label);
    --fs-kpi:var(--text-kpi);
    --fs-kpi-lg:var(--text-kpi-lg);
  }
  .cl-app-root.cl-large-type .cl-dept-trigger{min-height:40px;}
  .cl-app-root.cl-large-type .cl-settings-nav-item{min-height:50px;}
  .cl-app-root.cl-large-type .cl-settings-choice{min-height:60px;}
  .cl-app-root.cl-large-type .cl-settings-segment{min-height:36px;}
  .cl-app-root.cl-large-type .cl-builder-trend-row{min-height:50px;}
  .cl-app-root.cl-large-type .cl-builder-trend-child-row{min-height:44px;}
  .cl-app-root.cl-large-type .cl-monthly-mode-tabs{min-height:34px;}
  .cl-app-root.cl-large-type .cl-pop{max-width:calc(100vw - 48px);}
  html{font-size:16px;}
  html,body{margin:0;padding:0;overflow-x:hidden;}
  body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal;font-optical-sizing:auto;font-feature-settings:'palt' 1;background:var(--color-bg-app);color:var(--color-ink);}
  h1,h2,h3{line-height:1.25;text-wrap:balance;}
  p{line-height:1.6;text-wrap:pretty;}
  select,button,input{font:inherit;}
  .cl-button-reset{appearance:none;-webkit-appearance:none;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:inherit;letter-spacing:inherit;}
  .cl-button-reset::-moz-focus-inner{border:0;padding:0;}
  ::-webkit-scrollbar{width:10px;height:10px;}
  ::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:0;border:2px solid var(--color-bg-app);}
  @keyframes ddIn{from{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(0.98);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}
  @keyframes bdIn{from{opacity:0;}to{opacity:1;}}
  @keyframes clPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 24%,transparent);}50%{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 0%,transparent);}}
  @keyframes clBarSettle{from{transform:scaleX(.985);filter:saturate(.92);}to{transform:scaleX(1);filter:saturate(1);}}
  @keyframes clSoftSwap{from{opacity:.72;transform:translateY(4px);filter:saturate(.94);}to{opacity:1;transform:translateY(0);filter:saturate(1);}}
  @keyframes clKpiRefresh{0%{background:#FFFFFF;box-shadow:0 1px 4px rgba(15,27,45,0.05);}45%{background:#F6FAFE;box-shadow:0 5px 16px rgba(29,78,137,.08);}100%{background:#FFFFFF;box-shadow:0 1px 4px rgba(15,27,45,0.05);}}
  @keyframes clRailSettle{from{opacity:.78;transform:translateX(-8px);}to{opacity:1;transform:translateX(0);}}
  @keyframes clRailMainSettle{from{opacity:.96;transform:translateX(4px);}to{opacity:1;transform:translateX(0);}}
  @keyframes clFloatSettle{from{opacity:0;transform:scale(.88);}to{opacity:1;transform:scale(1);}}
  @keyframes clLogoBreathe{0%,100%{opacity:.82;transform:scale(1);filter:saturate(.96);}50%{opacity:.96;transform:scale(1.025);filter:saturate(1.04);}}
  @keyframes clPanelIn{from{opacity:0;transform:translateY(5px) scale(.992);filter:saturate(.96);}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1);}}
  @keyframes clSettingsModalIn{from{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.988);filter:saturate(.96);}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:saturate(1);}}
  @keyframes clSettingsScrimIn{from{opacity:0;}to{opacity:1;}}
  @keyframes clRankTrackerIn{from{opacity:0;transform:translateY(-6px);filter:saturate(.94);}to{opacity:1;transform:translateY(0);filter:saturate(1);}}
  @keyframes clWarningBreathe{0%,100%{background:var(--cl-warning-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cl-warning) 12%,transparent),0 0 0 0 color-mix(in srgb,var(--cl-warning) 0%,transparent);filter:saturate(1);}50%{background:color-mix(in srgb,var(--cl-warning-soft) 82%,var(--cl-warning) 18%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cl-warning) 18%,transparent),0 0 0 5px color-mix(in srgb,var(--cl-warning) 10%,transparent);filter:saturate(1.08);}}
  @keyframes clImprovementBreathe{0%,100%{background-color:var(--cl-success-soft);}50%{background-color:color-mix(in srgb,var(--cl-success-soft) 86%,var(--cl-success) 14%);}}
  @keyframes clBuilderBreakdownIn{from{opacity:.7;transform:translateY(-3px);}to{opacity:1;transform:translateY(0);}}
  .cl-improvement-sim-breathe{animation:clImprovementBreathe 2.8s ease-in-out infinite;}
  .cl-help{position:relative;}
  .cl-help .cl-pop{opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .12s ease-out,transform .12s ease-out,visibility 0s linear .12s;}
  .cl-help:hover .cl-pop,.cl-help:focus-within .cl-pop{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .12s ease-out,transform .12s ease-out;}
  .cl-help-trigger{width:24px;height:24px;border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);box-shadow:var(--shadow-surface);color:var(--color-text-muted);font-size:var(--fs-caption);font-weight:700;line-height:1;cursor:help;}
  .cl-help-trigger:hover,.cl-help-trigger:focus-visible{border-color:var(--cl-primary);background:var(--color-surface-soft);color:var(--cl-primary);}
  .cl-help-trigger.is-compact{width:18px;height:18px;}
  .cl-kpi-help{position:absolute;top:8px;right:-31px;width:24px;height:24px;}
  .cl-kpi-help-pop{position:absolute;top:28px;right:0;z-index:var(--z-popover);width:260px;padding:11px 12px;border:1px solid var(--color-border);background:var(--color-surface-muted);box-shadow:var(--shadow-popover);color:var(--color-ink-soft);text-align:left;font-weight:400;cursor:default;}
  .cl-top-header,.cl-left-rail,.cl-kpi-grid,.cl-detail-scroll-shell{transition:filter .18s ease-out,opacity .18s ease-out;}
  .cl-app-root:has(.cl-kpi-help:hover) .cl-top-header,
  .cl-app-root:has(.cl-kpi-help:focus-within) .cl-top-header,
  .cl-app-root:has(.cl-kpi-help:hover) .cl-left-rail,
  .cl-app-root:has(.cl-kpi-help:focus-within) .cl-left-rail,
  .cl-app-root:has(.cl-kpi-help:hover) .cl-kpi-grid,
  .cl-app-root:has(.cl-kpi-help:focus-within) .cl-kpi-grid,
  .cl-app-root:has(.cl-kpi-help:hover) .cl-detail-scroll-shell,
  .cl-app-root:has(.cl-kpi-help:focus-within) .cl-detail-scroll-shell{filter:blur(2.4px) saturate(.82) brightness(.94);opacity:.48;}
  .cl-sim-help{display:inline-flex;}
  .cl-sim-help-pop{position:absolute;top:23px;left:0;z-index:var(--z-tooltip);width:380px;padding:13px 14px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-popover);color:var(--color-ink-soft);font-size:var(--fs-caption);text-align:left;font-weight:500;line-height:1.65;cursor:default;}
  .cl-action{transition:background .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);}
  .cl-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-action);}
  .cl-action:active{transform:translateY(0);box-shadow:none;}
  .cl-settings-button{transition:color .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);}
  .cl-settings-gear{display:block;transform-origin:50% 50%;transition:transform .22s cubic-bezier(.22,1,.36,1),stroke .16s cubic-bezier(.22,1,.36,1);}
  .cl-settings-button:active .cl-settings-gear{transform:rotate(30deg) scale(.96);transition-duration:.12s;}
  .cl-as-of-label{font-size:var(--fs-small);font-weight:500;color:var(--color-text-muted);white-space:nowrap;line-height:1;}
  .cl-settings-scrim{animation:clSettingsScrimIn .16s ease-out;}
  .cl-settings-panel{animation:clSettingsModalIn .2s cubic-bezier(.22,1,.36,1);transform-origin:center;box-shadow:var(--shadow-modal);}
  .cl-person-row{transition:background .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1);}
  .cl-person-row:hover{transform:translateX(2px);box-shadow:var(--shadow-row);}
  .cl-row{transition:background .12s cubic-bezier(.22,1,.36,1);}
  .cl-row:hover{background:var(--color-hover-row) !important;}
  .cl-chev{transition:color .12s ease, transform .12s ease;color:var(--color-text-muted);display:inline-block;font-weight:600;}
  .cl-row:hover .cl-chev{color:var(--cl-primary);transform:translateX(3px);}
  .cl-live-dot{animation:clPulse 1.8s ease-out infinite;}
  .cl-bar-fill,.cl-bar-seg,.cl-mini-bar{transform-origin:left center;animation:clBarSettle .28s cubic-bezier(.22,1,.36,1);}
  .cl-monthly-mode-tabs{width:max-content;max-width:100%;display:flex;align-items:flex-end;justify-content:center;gap:24px;border:0;min-height:30px;overflow-x:auto;scrollbar-width:none;}
  .cl-monthly-mode-tabs::-webkit-scrollbar{display:none;}
  .cl-monthly-mode-tab{position:relative;padding:5px 1px 7px;border:0;background:transparent;font-size:var(--fs-small);line-height:1.2;white-space:nowrap;cursor:pointer;transition:color .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1);}
  .cl-monthly-mode-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--monthly-tab-line,transparent);transform-origin:center;}
  .cl-monthly-mode-tab:hover{color:var(--cl-primary) !important;}
  .cl-monthly-mode-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;}
  .cl-monthly-plot-slot{height:var(--monthly-plot-height);min-height:var(--monthly-plot-height);overflow:visible;}
  .cl-monthly-count-plot{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:8px;align-items:end;height:var(--monthly-plot-height);padding-top:6px;border-bottom:1px solid var(--color-border-soft);}
  .cl-monthly-count-unit{position:absolute;top:0;right:0;color:var(--color-text-subtle);font-size:var(--fs-2xs);font-weight:600;line-height:1;}
  .cl-monthly-count-column{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
  .cl-monthly-rate-layout{display:flex;align-items:stretch;gap:8px;height:var(--monthly-plot-height);margin-top:0;}
  .cl-monthly-rate-axis{position:relative;width:32px;flex:0 0 32px;height:var(--monthly-plot-height);color:var(--color-text-subtle);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;line-height:1;}
  .cl-monthly-rate-axis-label{position:absolute;right:0;transform:translateY(-50%);white-space:nowrap;}
  .cl-monthly-rate-plot{position:relative;flex:1;min-width:0;height:var(--monthly-plot-height);background-position:center;background-size:100% calc(100% - 10px);background-repeat:no-repeat;}
  .cl-monthly-grid-line{stroke:var(--color-border-soft);stroke-width:1;vector-effect:non-scaling-stroke;}
  .cl-monthly-rate-point{position:absolute;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:var(--z-local-focus);cursor:default;}
  .cl-monthly-rate-dot{width:8px;height:8px;border:2px solid var(--color-surface);background:var(--monthly-point-color);box-shadow:0 0 0 1.5px var(--monthly-point-color);}
  .cl-monthly-rate-tooltip{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%,3px);z-index:var(--z-local-overlay);padding:5px 7px;border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:0 8px 18px rgba(16,32,55,.12);color:var(--color-ink-soft);font-size:var(--fs-2xs);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s;}
  .cl-monthly-rate-point:hover .cl-monthly-rate-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .12s ease,transform .12s ease;}
  .cl-monthly-labels{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:8px;margin-top:7px;}
  .cl-monthly-label{min-width:0;text-align:center;color:var(--color-text-muted);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;white-space:nowrap;}
  .cl-monthly-legend{display:flex;align-items:center;justify-content:center;gap:18px;min-height:18px;margin-top:11px;color:var(--color-text-muted);font-size:var(--fs-caption);}
  .cl-monthly-legend-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
  .cl-monthly-legend-mark{width:14px;height:3px;display:inline-block;flex-shrink:0;}
  .cl-detail-end-marker{width:96px;height:1px;min-height:1px;flex:0 0 1px;align-self:center;margin:2px auto 4px;background:var(--color-border-strong);opacity:.72;}
  .cl-view-motion-target.cl-motion-enter,.cl-detail-motion-target.cl-motion-enter,.cl-ranking-motion-target.cl-motion-enter,.cl-builder-trend-motion-target.cl-motion-enter,.cl-compare-motion-target.cl-motion-enter{animation:clSoftSwap .19s cubic-bezier(.22,1,.36,1);}
  .cl-kpi-motion-target.cl-motion-pulse{animation:clKpiRefresh .24s cubic-bezier(.22,1,.36,1);}
  .cl-left-motion-target.cl-motion-rail{animation:clRailSettle .22s cubic-bezier(.22,1,.36,1);}
  .cl-left-motion-target.cl-motion-rail .cl-left-expanded-panel{animation:clRailSettle .22s cubic-bezier(.22,1,.36,1);}
  .cl-main-motion-target.cl-motion-rail-main{animation:clRailMainSettle .18s cubic-bezier(.22,1,.36,1);}
  .cl-left-floating-toggle{animation:clFloatSettle .2s cubic-bezier(.22,1,.36,1);transition:background .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);}
  .cl-left-floating-toggle:hover{transform:scale(1.03);}
  .cl-left-floating-toggle:active{transform:scale(.97);}
  .cl-tab-chip{transition:background .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1);}
  .cl-tab-chip:hover{transform:translateY(-1px);}
  .cl-line-tab{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--color-text-muted);transition:color .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);}
  .cl-line-tab:hover{color:var(--cl-primary);}
  .cl-line-tab-label{display:block;line-height:1;transition:font-weight .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);}
  .cl-line-tab-rule{display:block;width:100%;height:2px;background:transparent;transition:background .16s cubic-bezier(.22,1,.36,1),opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);}
  .cl-top-header{position:relative;z-index:var(--z-header);overflow:visible;}
  .cl-top-header::before{content:"";position:absolute;top:0;bottom:0;left:37%;width:58%;pointer-events:none;background-image:url("build/header-bg.jpeg");background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(1.04) contrast(1.04);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.16) 10%,rgba(0,0,0,.82) 24%,#000 42%,#000 64%,rgba(0,0,0,.72) 78%,rgba(0,0,0,.12) 92%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.16) 10%,rgba(0,0,0,.82) 24%,#000 42%,#000 64%,rgba(0,0,0,.72) 78%,rgba(0,0,0,.12) 92%,rgba(0,0,0,0) 100%);}
  .cl-top-header::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.88) 20%,rgba(255,255,255,.28) 35%,rgba(255,255,255,.18) 48%,rgba(255,255,255,.42) 66%,rgba(255,255,255,.9) 84%,#FFFFFF 100%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.32));}
  .cl-top-header .cl-header-inner{position:relative;z-index:var(--z-content);}
  .cl-header-tab{position:relative;box-sizing:border-box;display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:0;padding:0;}
  .cl-header-tab-monitor{width:72px;}
  .cl-header-tab-ranking{width:88px;}
  .cl-header-tab-builder{width:120px;}
  .cl-header-tab-compare{width:40px;}
  .cl-header-tab .cl-line-tab-label{white-space:nowrap;}
  .cl-header-tab .cl-line-tab-rule{position:absolute;left:0;right:0;bottom:-13px;}
  .cl-scroll-shell{position:relative;min-height:0;}
  .cl-scroll-window{min-height:0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
  .cl-scroll-window::-webkit-scrollbar{width:0;height:0;display:none;}
  .cl-scroll-cue{position:absolute;left:50%;z-index:var(--z-scroll-cue);width:34px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(100,116,139,.38);border:0;border-radius:999px;color:rgba(255,255,255,.92);font-size:var(--fs-title-lg);font-weight:700;line-height:1;pointer-events:none;opacity:0;transform:translateX(-50%) scale(.92);box-shadow:0 4px 10px rgba(15,27,45,.08);backdrop-filter:saturate(115%) blur(5px);transition:opacity .18s ease,transform .18s ease;}
  .cl-scroll-cue-top{top:10px;}
  .cl-scroll-cue-bottom{bottom:10px;}
  .cl-builder-trend-scroll-shell .cl-scroll-cue > span{width:1em;height:1em;display:flex;align-items:center;justify-content:center;line-height:1;transform-origin:center;}
  .cl-builder-trend-scroll-shell .cl-scroll-cue-bottom > span{transform:rotate(180deg);}
  .cl-scroll-active.cl-can-up .cl-scroll-cue-top{opacity:.72;transform:translateX(-50%) scale(1);}
  .cl-scroll-active.cl-can-down .cl-scroll-cue-bottom{opacity:.72;transform:translateX(-50%) scale(1);}
  .cl-dept-dropdown{position:relative;width:100%;}
  .cl-dept-trigger{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-size:var(--fs-small);font-weight:600;cursor:pointer;}
  .cl-dept-trigger:hover{background:var(--color-surface-soft);border-color:var(--color-border-strong);}
  .cl-dept-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;}
  .cl-dept-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-popover);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-popover);max-height:260px;overflow-y:auto;padding:4px 0;animation:clPanelIn .16s cubic-bezier(.22,1,.36,1);transform-origin:top center;}
  .cl-dept-option{appearance:none;-webkit-appearance:none;width:100%;border:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;font-size:var(--fs-small);font-weight:600;color:var(--dept-color,var(--color-ink-soft));background:var(--dept-bg,transparent);cursor:pointer;text-align:left;}
  .cl-dept-option:hover{background:var(--color-hover-row);color:var(--cl-primary);}
  .cl-dept-check{width:16px;text-align:center;font-size:var(--fs-caption);font-weight:700;color:var(--cl-primary);flex-shrink:0;}
  .cl-theme-dropdown .cl-dept-menu{position:absolute;top:calc(100% + 6px);bottom:auto;left:0;right:0;margin-top:0;max-height:184px;transform-origin:top center;}
  .cl-theme-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--theme-border,var(--color-border));background:var(--theme-bg,var(--color-surface));color:var(--theme-color,var(--color-ink-soft));cursor:pointer;transition:background .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1);}
  .cl-theme-option:hover{background:var(--color-hover-row);border-color:var(--cl-primary-rule);transform:translateY(-1px);}
  .cl-theme-swatches{display:flex;gap:4px;flex-shrink:0;}
  .cl-theme-swatch{width:14px;height:14px;border:1px solid rgba(22,32,46,.12);}
  .cl-settings-head{padding:18px 20px 15px;border-bottom:1px solid var(--color-border-soft);display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--color-surface-soft);}
  .cl-settings-title{font-size:var(--fs-heading);font-weight:700;color:var(--color-ink);line-height:1.2;}
  .cl-settings-subtitle{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:4px;line-height:1.4;}
  .cl-settings-status{padding:14px 20px;border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-soft);}
  .cl-settings-status-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
  .cl-settings-status-title{font-size:var(--fs-2xs);color:var(--color-text-muted);font-weight:600;letter-spacing:.05em;}
  .cl-settings-refresh{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--cl-primary);padding:5px 10px;font-size:var(--fs-caption);font-weight:600;cursor:pointer;white-space:nowrap;}
  .cl-settings-status-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;column-gap:10px;align-items:center;font-size:var(--fs-meta);}
  .cl-settings-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:310px;}
  .cl-settings-nav{min-width:0;padding:13px 0;background:var(--color-surface-soft);border-right:1px solid var(--color-border-soft);overflow-y:auto;}
  .cl-settings-nav-group + .cl-settings-nav-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-soft);}
  .cl-settings-nav-group-title{padding:0 16px 6px;color:var(--color-text-muted);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.05em;}
  .cl-settings-nav-item{appearance:none;-webkit-appearance:none;width:100%;min-height:45px;display:grid;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:8px;padding:8px 14px 8px 16px;border:0;background:var(--settings-nav-bg,transparent);color:var(--settings-nav-color,var(--color-ink-soft));cursor:pointer;text-align:left;transition:background .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1);}
  .cl-settings-nav-item:hover{background:var(--color-hover-row);color:var(--cl-primary);}
  .cl-settings-nav-item[aria-selected="true"]{background:var(--cl-primary-soft);color:var(--cl-primary);}
  .cl-settings-nav-copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
  .cl-settings-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-small);font-weight:var(--settings-nav-weight,500);line-height:1.25;}
  .cl-settings-nav-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--settings-nav-summary,var(--color-text-muted));font-size:var(--fs-2xs);font-weight:500;line-height:1.3;}
  .cl-settings-nav-chevron{width:14px;color:var(--cl-primary);font-size:var(--fs-title-lg);font-weight:700;text-align:center;line-height:1;}
  .cl-settings-detail{min-width:0;padding:17px 22px 16px;background:var(--color-surface);}
  .cl-settings-detail-head{min-height:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--color-border-soft);}
  .cl-settings-detail-title{color:var(--color-ink);font-size:var(--fs-body);font-weight:700;line-height:1.35;}
  .cl-settings-detail-current{display:flex;align-items:baseline;gap:8px;color:var(--color-text-muted);font-size:var(--fs-2xs);white-space:nowrap;}
  .cl-settings-detail-current strong{color:var(--cl-primary);font-size:var(--fs-small);font-weight:700;}
  .cl-settings-detail-body{min-height:var(--settings-detail-min-height);padding-top:16px;}
  .cl-settings-detail-body > *{animation:clSoftSwap .16s cubic-bezier(.22,1,.36,1);}
  .cl-settings-detail-control{width:min(320px,100%);padding-top:2px;}
  .cl-settings-choice-list{width:100%;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);}
  .cl-settings-choice{appearance:none;-webkit-appearance:none;width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border:0;border-bottom:1px solid var(--color-border-soft);background:var(--settings-choice-bg,var(--color-surface));color:var(--settings-choice-color,var(--color-ink-soft));cursor:pointer;text-align:left;transition:background .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1);}
  .cl-settings-choice:last-child{border-bottom:0;}
  .cl-settings-choice:hover{background:var(--color-hover-row);color:var(--cl-primary);}
  .cl-settings-choice[aria-checked="true"]{background:var(--cl-primary-soft);color:var(--cl-primary);}
  .cl-settings-choice-copy{min-width:0;display:flex;flex-direction:column;gap:3px;}
  .cl-settings-choice-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-small);font-weight:600;line-height:1.3;}
  .cl-settings-choice-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:var(--fs-caption);font-weight:500;line-height:1.35;}
  .cl-settings-choice-side{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .cl-settings-choice-check{width:16px;flex:0 0 16px;color:var(--cl-primary);font-size:var(--fs-caption);font-weight:700;text-align:center;}
  .cl-settings-segment{min-height:30px;display:flex;border:1px solid var(--color-border-strong);border-radius:0;overflow:hidden;}
  .cl-settings-segment.is-period{overflow:visible;}
  .cl-settings-segment-option{appearance:none;-webkit-appearance:none;border:0;flex:1;text-align:center;padding:5px 0;font-size:var(--fs-small);font-weight:600;cursor:pointer;}
  .cl-settings-period-tip-wrap{position:relative;display:flex;flex:1;min-width:0;}
  .cl-settings-period-tip-wrap .cl-settings-segment-option{width:100%;}
  .cl-settings-period-tip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:var(--z-tooltip);transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-strong);box-shadow:0 10px 24px rgba(16,32,55,.12);padding:7px 10px;font-size:var(--fs-caption);font-weight:400;line-height:1.2;transition:opacity .15s ease, transform .15s ease, visibility 0s linear .15s;}
  .cl-settings-period-tip::after{content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;background:inherit;border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);transform:translate(-50%,-4px) rotate(45deg);}
  .cl-settings-period-tip-wrap:hover .cl-settings-period-tip,.cl-settings-period-tip-wrap:focus-within .cl-settings-period-tip{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .15s ease, transform .15s ease;}
  .cl-settings-footer{border-top:1px solid var(--color-border-soft);padding:10px 20px;text-align:center;font-size:var(--fs-2xs);font-weight:600;color:var(--color-text-subtle);letter-spacing:.02em;}
  .cl-ranking-toolbar{display:flex;flex-direction:column;gap:12px;}
  .cl-branch-summary{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:0;background:transparent;border:0;border-radius:0;flex-shrink:0;flex-wrap:wrap;}
  .cl-branch-metric{display:flex;align-items:baseline;gap:7px;white-space:nowrap;}
  .cl-branch-metric-label{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:600;letter-spacing:.04em;}
  .cl-branch-metric-value{font-size:var(--fs-title-lg);font-weight:700;font-variant-numeric:tabular-nums;}
  .cl-branch-divider{width:1px;height:20px;background:var(--color-rule);flex-shrink:0;}
  .cl-ranking-control-row{min-width:0;}
  .cl-ranking-tabs{min-width:0;}
  .cl-builder-trend-page{flex:1 1 auto;width:100%;max-width:1280px;height:auto;min-height:0;margin:0 auto;padding:var(--page-block) var(--page-inline) var(--page-bottom-fixed);overflow:hidden;display:flex;flex-direction:column;}
  .cl-builder-trend-toolbar{min-width:0;}
  .cl-builder-trend-control-group{min-width:0;flex-wrap:wrap;}
  .cl-builder-trend-dept{width:240px;max-width:100%;flex:0 0 240px;}
  .cl-builder-trend-period{width:176px;max-width:100%;flex:0 0 176px;}
  .cl-builder-trend-period .cl-dept-trigger:disabled{cursor:not-allowed;background:var(--color-surface-muted);color:var(--color-text-subtle);border-color:var(--color-border-soft);}
  .cl-builder-trend-period .cl-dept-trigger:disabled:hover{background:var(--color-surface-muted);border-color:var(--color-border-soft);}
  .cl-builder-trend-meta{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .cl-builder-trend-meta-rule{width:1px;height:16px;background:var(--color-border-strong);}
  .cl-builder-trend-match-trigger{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;font-variant-numeric:inherit;line-height:inherit;white-space:nowrap;cursor:default;}
  .cl-builder-trend-tabs{min-width:0;}
  .cl-builder-trend-tabs .cl-line-tab-label{white-space:nowrap;}
  .cl-builder-trend-state{min-height:clamp(180px,30vh,320px);display:flex;align-items:center;justify-content:center;padding:28px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--fs-body);font-weight:600;text-align:center;line-height:1.7;}
  .cl-builder-trend-state.is-error{color:var(--cl-danger);background:var(--cl-danger-soft);border-color:var(--color-border-strong);}
  .cl-builder-trend-grid{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;flex:1;align-items:stretch;}
  .cl-builder-trend-rail{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);overflow:visible;}
  .cl-builder-trend-rail-title{position:relative;z-index:var(--z-section-toolbar);min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--cl-table-head);border-bottom:1px solid var(--cl-primary-rule);}
  .cl-builder-trend-rail-title > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink);font-size:var(--fs-body);font-weight:700;}
  .cl-builder-trend-sort{width:148px;flex:0 0 148px;}
  .cl-builder-trend-sort-trigger{min-height:30px;padding:5px 8px;background:var(--color-surface);font-size:var(--fs-2xs);font-weight:600;color:var(--color-ink-soft);}
  .cl-builder-trend-sort-trigger > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .cl-builder-trend-sort-trigger > span:last-child{flex-shrink:0;color:var(--color-text-muted);font-size:var(--fs-caption);line-height:1;}
  .cl-builder-trend-sort-menu{left:auto;right:0;width:184px;max-height:230px;}
  .cl-builder-trend-scroll-shell{flex:1;overflow:hidden;}
  .cl-builder-trend-scroll-window{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--color-surface);}
  .cl-builder-trend-head,.cl-builder-trend-row{display:grid;align-items:stretch;min-width:0;}
  .cl-builder-trend-builder-cols{grid-template-columns:minmax(136px,1.5fr) minmax(62px,.64fr) minmax(64px,.72fr) minmax(56px,.62fr) minmax(86px,.92fr);}
  .cl-builder-trend-closer-cols{grid-template-columns:minmax(102px,1.22fr) minmax(54px,.62fr) minmax(66px,.78fr) minmax(68px,.82fr) minmax(66px,.8fr) minmax(62px,.74fr) minmax(50px,.58fr);}
  .cl-builder-trend-head{position:sticky;top:0;z-index:var(--z-sticky);min-height:var(--table-head-min-height);background:var(--color-surface-soft);border-bottom:1px solid var(--color-border-strong);box-shadow:0 3px 8px rgba(16,32,55,.035);}
  .cl-builder-trend-head > div,.cl-builder-trend-row > div{min-width:0;display:flex;align-items:center;justify-content:center;padding:9px 6px;text-align:center;font-variant-numeric:tabular-nums;}
  .cl-builder-trend-builder-cols > .is-metric{width:100%;justify-self:stretch;justify-content:center;text-align:center;}
  .cl-builder-trend-head > div{color:var(--color-text-muted);font-size:var(--fs-caption);font-weight:600;line-height:1.3;white-space:nowrap;}
  .cl-builder-metric-tip-target{cursor:help;}
  .cl-builder-metric-tip-target:focus-visible{position:relative;z-index:var(--z-local-focus);outline:2px solid var(--color-focus-ring);outline-offset:-3px;}
  .cl-builder-metric-tooltip{position:fixed;z-index:var(--z-tooltip);width:max-content;max-width:min(320px,calc(100vw - 24px));padding:8px 11px;background:color-mix(in srgb,var(--color-ink) 88%,#fff 12%);box-shadow:0 10px 24px rgba(16,32,55,.2);color:#fff;font-size:var(--fs-caption);font-weight:500;line-height:1.5;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,calc(-100% + 4px));transition:opacity .12s ease-out,transform .12s ease-out,visibility 0s linear .12s;}
  .cl-builder-metric-tooltip::after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border:7px solid transparent;border-top-color:color-mix(in srgb,var(--color-ink) 88%,#fff 12%);transform:translateX(-50%);}
  .cl-builder-metric-tooltip.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-100%);transition:opacity .12s ease-out,transform .12s ease-out;}
  .cl-builder-trend-head > div.is-name,.cl-builder-trend-row > div.is-name{justify-content:flex-start;text-align:left;padding-left:12px;}
  .cl-builder-trend-row{min-height:45px;border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);transition:background .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1);}
  .cl-builder-trend-row:last-child{border-bottom:0;}
  .cl-builder-trend-row:hover{background:var(--cl-primary-soft);}
  .cl-builder-trend-row > div{overflow:hidden;color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:600;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;}
  .cl-builder-trend-row > div.is-name{color:var(--color-ink);font-size:var(--fs-small);font-weight:600;}
  .cl-builder-trend-expandable-row{width:100%;cursor:pointer;}
  .cl-builder-trend-expandable-row > span{min-width:0;display:flex;align-items:center;justify-content:center;padding:9px 6px;overflow:hidden;color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:600;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;}
  .cl-builder-trend-expandable-row > span.is-name{justify-content:flex-start;gap:7px;padding-left:10px;text-align:left;color:var(--color-ink);font-size:var(--fs-small);}
  .cl-builder-trend-expandable-row.is-expanded{background:color-mix(in srgb,var(--cl-primary-soft) 86%,var(--cl-primary) 14%);border:1px solid var(--cl-primary-rule);}
  .cl-builder-trend-body.has-expanded > .cl-builder-trend-expandable-row:not(.is-expanded){filter:blur(2.3px) saturate(.58);opacity:.36;}
  .cl-builder-trend-body.has-expanded > .cl-builder-trend-expandable-row:not(.is-expanded):hover,
  .cl-builder-trend-body.has-expanded > .cl-builder-trend-expandable-row:not(.is-expanded):focus-visible{filter:blur(0) saturate(1);opacity:.9;}
  .cl-builder-trend-expandable-row:focus-visible{position:relative;z-index:var(--z-local-focus);outline:0;box-shadow:inset 0 0 0 2px var(--cl-primary);}
  .cl-builder-trend-expand-icon{width:12px;flex:0 0 12px;display:inline-flex;align-items:center;justify-content:center;color:var(--cl-primary);font-size:var(--fs-title);font-weight:600;line-height:1;}
  .cl-builder-trend-builder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .cl-builder-trend-breakdown{background:var(--color-surface);border-right:1px solid var(--cl-primary-rule);border-bottom:1px solid color-mix(in srgb,var(--cl-primary-rule) 72%,var(--cl-primary) 28%);border-left:1px solid var(--cl-primary-rule);box-shadow:0 7px 14px -12px rgba(16,32,55,.24);animation:clBuilderBreakdownIn .16s cubic-bezier(.22,1,.36,1);}
  .cl-builder-trend-scroll-window.is-sorting .cl-builder-trend-row{transition:none;}
  .cl-builder-trend-scroll-window.is-sorting .cl-builder-trend-breakdown{animation:none;}
  .cl-builder-trend-child-row{min-height:40px;background:transparent;}
  .cl-builder-trend-child-row > div{font-weight:400;}
  .cl-builder-trend-child-row:last-child{border-bottom:0;}
  .cl-builder-trend-child-row:hover{background:var(--cl-primary-soft);}
  .cl-builder-trend-child-row > div.is-name{gap:7px;padding-left:29px;font-weight:400;}
  .cl-builder-trend-child-prefix{flex:0 0 auto;color:var(--color-text-muted);font-size:var(--fs-2xs);font-weight:600;}
  .cl-builder-trend-difficulty{min-width:30px;display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;font-size:var(--fs-2xs);font-weight:600;line-height:1.2;}
  .cl-builder-unmatched-modal{position:absolute;top:50%;left:50%;width:min(920px,calc(100vw - 56px));max-height:calc(100vh - 56px);overflow:hidden;display:flex;flex-direction:column;transform:translate(-50%,-50%);background:var(--color-surface-soft);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-modal);animation:ddIn .22s cubic-bezier(.22,1,.36,1);}
  .cl-builder-unmatched-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 22px;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);}
  .cl-builder-unmatched-modal-body{min-height:0;padding:18px 22px 22px;display:flex;flex-direction:column;overflow:hidden;}
  .cl-builder-unmatched-empty{min-height:160px;display:flex;align-items:center;justify-content:center;padding:22px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--fs-body);font-weight:500;text-align:center;}
  .cl-builder-unmatched-table-wrap{min-height:0;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);}
  .cl-builder-unmatched-table{min-width:800px;}
  .cl-builder-unmatched-row{display:grid;grid-template-columns:88px 116px minmax(150px,1.35fr) minmax(150px,1.25fr) minmax(118px,1fr) 112px;min-height:44px;border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);}
  .cl-builder-unmatched-row:last-child{border-bottom:0;}
  .cl-builder-unmatched-row:not(.cl-builder-unmatched-head):hover{background:var(--cl-primary-soft);}
  .cl-builder-unmatched-row > div{min-width:0;display:flex;align-items:center;justify-content:center;padding:9px 7px;overflow:hidden;color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:500;line-height:1.35;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;}
  .cl-builder-unmatched-head{position:sticky;top:0;z-index:var(--z-sticky);min-height:var(--table-head-min-height);background:var(--color-surface-soft);border-bottom:1px solid var(--color-border-strong);box-shadow:0 3px 8px rgba(16,32,55,.035);}
  .cl-builder-unmatched-head > div{color:var(--color-text-muted);font-size:var(--fs-caption);font-weight:600;}
  .cl-compare-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;}
  .cl-compare-meta-row{display:flex;align-items:center;gap:14px;flex-shrink:0;}
  .cl-compare-period{height:34px;display:flex;align-items:center;gap:10px;}
  .cl-compare-picker-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:100%;}
  .cl-compare-slot{width:240px;max-width:100%;}
  .cl-compare-slot-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
  .cl-ranking-row{transition:background .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1);}
  .cl-ranking-name{display:inline-block;transform-origin:left center;transition:color .14s cubic-bezier(.22,1,.36,1),font-weight .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1);}
  .cl-ranking-row .cl-ranking-track{transition:background .14s cubic-bezier(.22,1,.36,1);}
  .cl-ranking-row .cl-ranking-bar-fill{transition:filter .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1);transform-origin:left center;}
  .cl-ranking-row.cl-rank-pinned{background:var(--color-rank-pinned);outline:1px solid var(--color-rank-pinned-rule);outline-offset:-1px;}
  .cl-ranking-row:hover,.cl-ranking-row.cl-rank-linked-hover{background:var(--cl-primary-soft);}
  .cl-pending-case-row{transition:background .14s cubic-bezier(.22,1,.36,1);}
  .cl-pending-case-row:hover{background:var(--cl-primary-soft);}
  .cl-ranking-row:hover .cl-ranking-name,.cl-ranking-row.cl-rank-linked-hover .cl-ranking-name,.cl-ranking-row.cl-rank-pinned .cl-ranking-name{color:var(--color-ink-strong);font-weight:800;transform:scale(1.03);}
  button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.cl-action:focus-visible,.cl-line-tab:focus-visible,.cl-tab-chip:focus-visible,.cl-settings-nav-item:focus-visible,.cl-settings-choice:focus-visible,.cl-settings-segment-option:focus-visible,.cl-dept-option:focus-visible,.cl-person-row:focus-visible,.cl-row:focus-visible,.cl-ranking-row:focus-visible,.cl-left-floating-toggle:focus-visible,[role="button"]:focus-visible,[role="tab"]:focus-visible,[role="option"]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;}
  .cl-ranking-row:hover .cl-ranking-track,.cl-ranking-row.cl-rank-linked-hover .cl-ranking-track,.cl-ranking-row.cl-rank-pinned .cl-ranking-track{background:var(--color-ranking-track-hover);}
  .cl-ranking-row:hover .cl-ranking-bar-fill,.cl-ranking-row.cl-rank-linked-hover .cl-ranking-bar-fill,.cl-ranking-row.cl-rank-pinned .cl-ranking-bar-fill{filter:brightness(1.08) saturate(1.16);transform:scaleY(1.24);}
  .cl-ranking-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);}
  .cl-ranking-card-title{position:sticky;top:-26px;z-index:var(--z-sticky);box-shadow:0 1px 0 var(--cl-primary-rule),0 4px 10px rgba(16,32,55,.04);}
  .cl-rank-tracker{position:sticky;top:-26px;z-index:var(--z-toolbar);overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.46) 42%,rgba(218,232,247,.22) 100%),color-mix(in srgb,var(--color-surface) 48%,transparent);border:1px solid rgba(255,255,255,.76);box-shadow:0 18px 30px -22px rgba(16,32,55,.3),0 6px 14px -14px rgba(16,32,55,.16),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);animation:clRankTrackerIn .3s cubic-bezier(.22,1,.36,1);will-change:transform,opacity;}
  .cl-rank-tracker::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.16) 34%,rgba(44,111,184,.06) 72%,rgba(255,255,255,.2) 100%);mix-blend-mode:screen;opacity:.5;}
  .cl-rank-tracker::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 18%,rgba(255,255,255,.34) 0 1px,transparent 1.4px),radial-gradient(circle at 72% 64%,rgba(15,40,72,.1) 0 .8px,transparent 1.2px);background-size:18px 18px,22px 22px;background-position:0 0,7px 9px;opacity:.08;mix-blend-mode:overlay;}
  .cl-rank-tracker-head{position:relative;z-index:var(--z-content);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:8px;}
  .cl-rank-tracker-title{grid-column:2;display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;text-align:center;}
  .cl-rank-tracker-clear{grid-column:3;justify-self:end;}
  .cl-rank-tracker-item{position:relative;z-index:var(--z-content);background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.34)),color-mix(in srgb,var(--color-surface) 54%,transparent);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 5px 14px rgba(16,32,55,.075);backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);transition:border-color .14s cubic-bezier(.22,1,.36,1),background .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1);}
  .cl-rank-tracker-item:hover{border-color:rgba(255,255,255,.94);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.34)),color-mix(in srgb,var(--cl-primary-soft) 58%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.36),0 9px 22px rgba(16,32,55,.13);transform:translateY(-1px);}
  .cl-pending-units-badge{animation:clWarningBreathe 2.9s ease-in-out infinite;}
  .cl-compare-row{position:relative;transition:background .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1);}
  .cl-compare-row:hover{background:transparent;}
  .cl-compare-row:hover .cl-compare-label{color:var(--color-ink-strong);font-weight:800;}
  .cl-compare-row:hover::after{content:"";position:absolute;inset:0;border:2px solid var(--color-compare-focus);box-sizing:border-box;pointer-events:none;z-index:var(--z-local-overlay);}
  .cl-compare-label,.cl-compare-value{background:var(--color-surface);border:0;border-bottom:1px solid var(--color-compare-line);transition:background .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1);}
  .cl-compare-value{background:var(--cl-compare-bg,var(--color-surface));box-shadow:none;}
  .cl-compare-row:hover .cl-compare-value[data-grade="best"]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--cl-success) 36%,transparent),0 0 0 1px rgba(255,255,255,.9);}
  .cl-compare-scorebar{display:grid;grid-template-columns:var(--compare-cols);column-gap:12px;margin-bottom:8px;}
  .cl-compare-scorebar,.cl-compare-head-row{mask-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.94) 2%,#000 5%,#000 95%,rgba(0,0,0,.94) 98%,rgba(0,0,0,.82) 100%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.94) 2%,#000 5%,#000 95%,rgba(0,0,0,.94) 98%,rgba(0,0,0,.82) 100%);}
  .cl-compare-scorecell{min-height:50px;background:#FFFFFF;border:1px solid #DDE4EC;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;}
  .cl-compare-sticky-head{position:sticky;top:-26px;z-index:var(--z-sticky);background:var(--color-bg-app);border:0;box-shadow:0 1px 0 var(--cl-primary-rule),0 6px 14px rgba(16,32,55,.07);}
  .cl-compare-head-cell{min-height:54px;background:#FFFFFF;border:0;border-bottom:1px solid #DDE4EC;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
  .cl-compare-picker .cl-dept-menu{max-height:320px;}
  .cl-registration-backdrop{position:fixed;inset:0;z-index:var(--z-registration);background:rgba(238,242,246,.94);display:flex;align-items:center;justify-content:center;padding:32px;}
  .cl-registration-panel{width:min(520px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-top:5px solid var(--cl-primary);box-shadow:0 18px 48px rgba(15,27,45,.16);}
  .cl-registration-head{padding:24px 26px 18px;border-bottom:1px solid var(--color-border-soft);display:flex;align-items:flex-start;gap:14px;}
  .cl-registration-mark{width:36px;height:36px;object-fit:contain;flex-shrink:0;margin-top:2px;}
  .cl-registration-title{margin:0;font-size:var(--fs-heading);font-weight:700;color:var(--color-ink);line-height:1.3;}
  .cl-registration-copy{margin:7px 0 0;color:var(--color-text-muted);font-size:var(--fs-body-sm);line-height:1.65;}
  .cl-registration-body{padding:22px 26px 24px;}
  .cl-registration-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
  .cl-registration-label{font-size:var(--fs-small);font-weight:600;color:var(--color-ink-soft);}
  .cl-registration-input{height:42px;border:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-ink);padding:9px 11px;font-size:var(--fs-body);font-weight:600;outline:none;}
  .cl-hidden-sim-input::placeholder{color:#A7B4C3;font-size:var(--fs-small);font-weight:600;}
  .cl-registration-input:hover{border-color:var(--color-border-strong);background:var(--color-surface-soft);}
  .cl-registration-input:focus{border-color:var(--cl-primary);box-shadow:0 0 0 3px rgba(29,78,137,.14);}
  .cl-registration-submit{width:100%;height:42px;border:1px solid var(--cl-primary);background:var(--cl-primary);color:#fff;font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:background .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);}
  .cl-registration-submit:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);}
  .cl-registration-submit:disabled{cursor:not-allowed;opacity:.58;transform:none;}
  .cl-registration-status{min-height:18px;margin-top:10px;font-size:var(--fs-xs);font-weight:600;color:var(--cl-danger);line-height:1.5;}
  .cl-prepare-screen{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:42px 32px;background:var(--color-bg-app);}
  .cl-prepare-panel{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;}
  .cl-prepare-image{width:56px;height:53px;object-fit:contain;display:block;opacity:.88;margin-bottom:14px;animation:clLogoBreathe 2.8s ease-in-out infinite;}
  .cl-prepare-copy{margin:0;color:var(--color-ink-soft);font-size:var(--fs-body);font-weight:500;line-height:1.7;}
  .cl-prepare-error{margin-top:12px;color:var(--cl-danger);font-size:var(--fs-small);font-weight:600;line-height:1.6;}
  .cl-prepare-retry{margin-top:14px;border:1px solid var(--cl-primary);background:var(--cl-primary);color:#fff;padding:9px 18px;font-size:var(--fs-small);font-weight:700;cursor:pointer;}
  .cl-prepare-retry:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);}
  @media (max-width:1180px){
    :root{--space-8:24px;--space-6:20px;--page-inline:24px;--page-block:22px;--page-column-gap:20px;--page-bottom:52px;--page-bottom-fixed:28px;}
    .cl-header-inner{padding:0 var(--space-5);gap:var(--space-4);}
    .cl-branch-summary{justify-content:flex-start !important;overflow-x:auto;scrollbar-width:none;}
    .cl-branch-summary::-webkit-scrollbar{display:none;}
    .cl-kpi-grid{grid-template-columns:minmax(170px,1fr) repeat(3,minmax(104px,.72fr));}
    .cl-kpi-metric{grid-template-columns:minmax(68px,1fr) minmax(70px,auto);column-gap:8px;padding:12px 10px;}
    .cl-kpi-value{font-size:calc(var(--text-hero-kpi) - .25rem);}
    .cl-app-root.cl-large-type .cl-kpi-metric{grid-template-columns:minmax(80px,1fr) minmax(68px,auto);column-gap:8px;padding:12px 10px;}
    .cl-ranking-card-title{top:-22px;}
    .cl-ranking-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;}
    .cl-builder-trend-grid{grid-template-columns:minmax(0,1fr);}
  }
  @media (max-width:1023px){
    .cl-page-toolbar-row{align-items:stretch;}
    .cl-page-toolbar-controls{width:100%;justify-content:flex-start;}
    .cl-page-toolbar-tabs{width:100%;margin-left:0;justify-content:flex-end;padding-top:4px;}
    .cl-builder-trend-toolbar{align-content:flex-start;}
  }
  @media (max-width:980px){
    .cl-builder-trend-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--builder-rail-compact-height);flex:none;}
    .cl-builder-trend-rail{height:100%;min-height:var(--builder-rail-min-height);}
    .cl-settings-panel{width:min(584px,calc(100vw - 24px)) !important;max-height:calc(100vh - 24px) !important;}
  }
  @media (max-width:1099px){
    html,body{overflow-x:auto;}
    .cl-app-root{min-width:1100px;}
  }
  @media (max-width:760px){
    .cl-settings-status-row{column-gap:7px;}
    .cl-settings-workspace{grid-template-columns:minmax(0,1fr);}
    .cl-settings-nav{display:flex;align-items:stretch;padding:0;border-right:0;border-bottom:1px solid var(--color-border-soft);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
    .cl-settings-nav::-webkit-scrollbar{display:none;}
    .cl-settings-nav-group{display:flex;flex:0 0 auto;}
    .cl-settings-nav-group + .cl-settings-nav-group{margin-top:0;padding-top:0;border-top:0;}
    .cl-settings-nav-group-title{display:none;}
    .cl-settings-nav-item{width:126px;min-height:52px;grid-template-columns:minmax(0,1fr);padding:8px 11px;border-right:1px solid var(--color-border-soft);}
    .cl-settings-nav-chevron{display:none;}
    .cl-settings-detail{padding:16px;}
    .cl-settings-detail-body{min-height:228px;}
  }
  @media (pointer:coarse){
    .cl-action,.cl-line-tab,.cl-tab-chip,.cl-settings-nav-item,.cl-settings-choice,.cl-settings-segment-option,.cl-dept-option,.cl-person-row,.cl-row,.cl-ranking-row{min-height:44px;}
    .cl-settings-button{width:44px !important;height:44px !important;}
    .cl-left-floating-toggle{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;}
  }
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
  }
