/* 01 · Refined cascading drawer
   Compact icon rail + level-one directory + level-two page drawer.
   The complete open navigation never exceeds 25% of the viewport. */
html[data-sx-shell="refined-cascade"]{
  --sx-page:#f2f3f1;
  --sx-surface:#ffffff;
  --sx-text:#202833;
  --sx-heading:#18222f;
  --sx-body:#3c4652;
  --sx-muted:#687480;
  --sx-faint:#9aa3ab;
  --sx-line:#d9dddf;
  --sx-line-soft:#e8ebec;
  --sx-line-strong:#bfc6ca;
  --sx-accent:#245f91;
  --sx-accent-dark:#19486f;
  --sx-link:#245f91;
  --sx-link-hover:#173f62;
  --sx-danger:#b23f38;
  --sx-field:#fff;
  --sx-field-line:#c9d0d4;
  --sx-field-hover:#919da5;
  --sx-focus:#245f91;
  --sx-focus-ring:rgba(36,95,145,.14);
  --sx-control:#fff;
  --sx-control-hover:#f0f2f2;
  --sx-control-muted:#eef0f0;
  --sx-table-head:#f1f3f3;
  --sx-row-hover:#f6f7f6;
  --sx-note:#f4f7f8;
  --sx-note-line:#cfd8de;
  --sx-readonly:#f1f2f2;
  --sx-subtle:#f7f8f7;
  --sx-outline:#eff1f1;
  --sx-outline-active:#dfe8ef;
  --sx-modal:#fff;
  --sx-modal-head:#fff;
  --sx-modal-body:#fff;
  --sx-modal-foot:#f3f4f3;
  --sx-modal-line:#c8ced1;
  --sx-scroll:#afb7bc;
  --sx-panel-radius:8px;
  --sx-control-radius:6px;
  --sx-modal-radius:10px;
  --sx-rail:64px;
  --sx-menu-total:min(25vw,400px);
  --sx-level-one:clamp(132px,9.2vw,148px);
  --sx-level-two:calc(var(--sx-menu-total) - var(--sx-rail) - var(--sx-level-one));
}
html[data-sx-shell="refined-cascade"] .main{padding-left:var(--sx-rail)!important}
html[data-sx-shell="refined-cascade"] .top{
  height:64px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid #d8dcde!important;box-shadow:none!important
}
html[data-sx-shell="refined-cascade"] .crumbs{font-size:12px!important;color:#7a858f!important;letter-spacing:.01em!important}
html[data-sx-shell="refined-cascade"] .crumbs .cp{color:#1a2531!important;font-size:15px!important;font-weight:730!important}
html[data-sx-shell="refined-cascade"] .top .rt{gap:9px!important}
html[data-sx-shell="refined-cascade"] .chip{min-height:34px!important;padding:6px 11px!important;border:1px solid #cbd2d6!important;border-radius:6px!important;background:#f7f8f8!important;color:#31404d!important;font-size:12px!important;font-weight:680!important;box-shadow:none!important}
html[data-sx-shell="refined-cascade"] .iconbtn{width:34px!important;height:34px!important;border:1px solid #cbd2d6!important;border-radius:6px!important;background:#fff!important;color:#4e5a66!important}
html[data-sx-shell="refined-cascade"] .clk{color:#65717b!important;font-size:12px!important;font-variant-numeric:tabular-nums}
html[data-sx-shell="refined-cascade"] .view{padding:24px 28px 72px!important;background:#f2f3f1!important}

/* Workbench becomes a clear briefing board rather than a stack of soft cards. */
html[data-sx-shell="refined-cascade"] .v092-welcome{
  position:relative;border:1px solid #d5dadc!important;border-left:5px solid #245f91!important;border-radius:8px!important;background:#fff!important
}
html[data-sx-shell="refined-cascade"] .v092-welcome::after{
  content:"";position:absolute;right:180px;top:20px;bottom:20px;width:1px;background:#e7e9ea
}
html[data-sx-shell="refined-cascade"] .pill{border-radius:4px!important;font-weight:680!important}
html[data-sx-shell="refined-cascade"] .pill.info{background:#e8eef3!important;border:1px solid #c9d6df!important;color:#24577f!important}
html[data-sx-shell="refined-cascade"] .v092-kpis{border-radius:8px!important}
html[data-sx-shell="refined-cascade"] .v092-kpi{position:relative!important;padding-left:24px!important}
html[data-sx-shell="refined-cascade"] .v092-kpi::before{content:attr(data-sx-kpi-index);position:absolute;right:16px;top:14px;color:#b6bdc2;font-size:10px;font-weight:760;letter-spacing:.08em}
html[data-sx-shell="refined-cascade"] .v092-kpi .k-lab .d{width:7px!important;height:7px!important;border-radius:2px!important}
html[data-sx-shell="refined-cascade"] .dgrid .card{border-radius:8px!important}
html[data-sx-shell="refined-cascade"] .sx-task-panel{border-top:3px solid #b9760f!important}
html[data-sx-shell="refined-cascade"] .sx-schedule-panel{border-top:3px solid #3c6e9f!important}
html[data-sx-shell="refined-cascade"] .sx-progress-panel{border-top:3px solid #0e8a63!important}
html[data-sx-shell="refined-cascade"] .sx-department-panel{border-top:3px solid #b4413a!important}
html[data-sx-shell="refined-cascade"] .rw .btn{min-width:72px!important}

/* Teacher shortcuts read as a compact toolbar. */
html[data-sx-shell="refined-cascade"] .sx-quick-entry{border-left:4px solid #245f91!important}
html[data-sx-shell="refined-cascade"] .sx-quick-entry .btn,html[data-sx-shell="refined-cascade"] .sx-quick-entry [data-k]{border-radius:5px!important}

/* Project list: two-column project dossiers with a proper information rail. */
html[data-sx-shell="refined-cascade"] body[data-pg="p13"] .sx33-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-sx-shell="refined-cascade"] .sx33-project{
  display:grid!important;grid-template-columns:168px minmax(0,1fr)!important;min-height:286px!important;background:#fff!important;border-radius:8px!important;overflow:hidden!important
}
html[data-sx-shell="refined-cascade"] .sx33-cover{
  min-height:100%!important;padding:20px 17px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;border-right:1px solid #d8dddf!important
}
html[data-sx-shell="refined-cascade"] .sx33-cover>div:first-child{background:#234e72!important}
html[data-sx-shell="refined-cascade"] .sx33-project:nth-child(2n) .sx33-cover>div:first-child{background:#335d55!important}
html[data-sx-shell="refined-cascade"] .sx33-project:nth-child(3n) .sx33-cover>div:first-child{background:#74533d!important}
html[data-sx-shell="refined-cascade"] .sx33-project:first-child .sx33-cover>div:first-child{
  background-color:#234e72!important;background-image:url("../app/course-ai-project-teaching-cover.png")!important;background-size:cover!important;background-position:center!important;filter:brightness(.72) saturate(.72)
}
html[data-sx-shell="refined-cascade"] .sx33-cover::after{background:none!important}
html[data-sx-shell="refined-cascade"] .sx33-cover>span[style*="font-size:46px"]{display:none!important}
html[data-sx-shell="refined-cascade"] .sx33-cover>span:not(:last-child){z-index:2!important}
html[data-sx-shell="refined-cascade"] .sx33-cover>b{font-size:15px!important;line-height:23px!important}
html[data-sx-shell="refined-cascade"] .sx33-body{display:flex!important;flex-direction:column!important;min-width:0!important;padding:17px 18px!important}
html[data-sx-shell="refined-cascade"] .sx33-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-sx-shell="refined-cascade"] .sx33-actions{margin-top:auto!important}
html[data-sx-shell="refined-cascade"] .sx33-actions .btn{padding-left:10px!important;padding-right:10px!important}
html[data-sx-shell="refined-cascade"] .toolbar [data-v96-sortctl]{border-radius:6px!important}
html[data-sx-shell="refined-cascade"] .sx33-note b{color:#1d2b38!important}

/* Application modal: formal workflow sheet with a persistent section outline. */
html[data-sx-shell="refined-cascade"] .modal.sx-refined-modal{grid-template-columns:204px minmax(0,1fr)!important}
html[data-sx-shell="refined-cascade"] .sx-form-outline{background:#eef1f2!important}
html[data-sx-shell="refined-cascade"] .sx-form-outline::before{content:"填写目录";display:block;margin:0 8px 4px;color:#1f2a35;font-size:14px;font-weight:740}
html[data-sx-shell="refined-cascade"] .modal.sx-refined-modal .sx-form-section>div:first-child,html[data-sx-shell="refined-cascade"] .modal.sx-refined-modal .sx-form-section summary{padding-left:10px;border-left:3px solid #245f91}
html[data-sx-shell="refined-cascade"] .modal.sx-refined-modal .mf .btn.blue{min-width:96px!important}

/* Drawer chrome */
html[data-sx-shell="refined-cascade"] .sx-cascade-rail{
  position:fixed;z-index:398;left:0;top:0;bottom:0;width:var(--sx-rail);pointer-events:auto;display:flex;flex-direction:column;align-items:center;
  background:#162d44;border-right:1px solid #0e2337;color:#cbd7e0;box-shadow:4px 0 14px rgba(19,37,55,.08)
}
html[data-sx-shell="refined-cascade"] .sx-cascade-brand{width:var(--sx-rail);height:64px;padding:0;border:0;border-bottom:1px solid #294157;background:#162d44;color:#fff;display:grid;place-items:center}
html[data-sx-shell="refined-cascade"] .sx-cascade-brand .brand{padding:0!important;gap:0!important}
html[data-sx-shell="refined-cascade"] .sx-cascade-brand .brand b,html[data-sx-shell="refined-cascade"] .sx-cascade-brand .brand small{display:none!important}
html[data-sx-shell="refined-cascade"] .sx-cascade-brand .mk{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border:1px solid #6f8ca5!important;border-radius:8px!important;background:#fff!important;color:#162d44!important;box-shadow:none!important}
html[data-sx-shell="refined-cascade"] .sx-cascade-brand svg path{stroke:#162d44!important}
html[data-sx-shell="refined-cascade"] .sx-cascade-icons{flex:1;width:100%;padding:10px 7px;overflow-y:auto;scrollbar-width:none}
html[data-sx-shell="refined-cascade"] .sx-cascade-icon{position:relative;width:50px;height:48px;margin:0 auto 3px;padding:0;border:0;border-radius:7px;background:transparent;color:#aebdca;display:grid;place-items:center}
html[data-sx-shell="refined-cascade"] .sx-cascade-icon .sx-label{display:none}
html[data-sx-shell="refined-cascade"] .sx-cascade-icon .sx-badge{position:absolute;right:4px;top:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#b94038;color:#fff;font-size:9px;line-height:16px}
html[data-sx-shell="refined-cascade"] .sx-cascade-icon:hover{background:#203b55;color:#fff}
html[data-sx-shell="refined-cascade"] .sx-cascade-icon.is-active{background:#fff;color:#194f7c}
html[data-sx-shell="refined-cascade"] .sx-cascade-icon.is-active::after{content:"";position:absolute;left:-7px;top:12px;width:3px;height:24px;background:#d18a31}
html[data-sx-shell="refined-cascade"] .sx-cascade-all{width:44px;height:38px;margin:8px 0 13px;padding:0;border:1px solid #4b6278;border-radius:6px;background:#1c364f;color:#d6e0e7;font-size:10px;font-weight:700}
html[data-sx-shell="refined-cascade"] .sx-cascade-all:hover{border-color:#8aa0b2;background:#29465f;color:#fff}
html[data-sx-shell="refined-cascade"] .sx-cascade-level{
  position:fixed;z-index:397;top:0;bottom:0;pointer-events:auto;overflow:hidden;background:#fff;color:#1d2834;border-right:1px solid #d5dade;box-shadow:10px 0 28px rgba(30,43,55,.10);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1{left:var(--sx-rail);width:var(--sx-level-one)}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2{left:calc(var(--sx-rail) + var(--sx-level-one));width:var(--sx-level-two);background:#f5f6f5}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-level1,html[data-sx-shell="refined-cascade"] body.sx-cascade-l2 .sx-cascade-level2{opacity:1;visibility:visible;pointer-events:auto}
html[data-sx-shell="refined-cascade"] .sx-cascade-head{height:92px;padding:17px 14px 14px;border-bottom:1px solid #d9dddf;display:flex;align-items:flex-start;gap:8px}
html[data-sx-shell="refined-cascade"] .sx-cascade-head small{display:block;color:#7a858f;font-size:9px;line-height:14px;font-weight:740;letter-spacing:.12em;text-transform:uppercase}
html[data-sx-shell="refined-cascade"] .sx-cascade-head b{display:block;margin-top:4px;color:#1b2733;font-size:15px;line-height:20px;font-weight:760}
html[data-sx-shell="refined-cascade"] .sx-cascade-close,html[data-sx-shell="refined-cascade"] .sx-cascade-back{margin-left:auto;min-height:28px;padding:4px 7px;border:1px solid #c8ced2;border-radius:5px;background:#fff;color:#52606c;font-size:10px;font-weight:650;white-space:nowrap;min-width:40px}
html[data-sx-shell="refined-cascade"] .sx-cascade-search{padding:12px 10px 8px}
html[data-sx-shell="refined-cascade"] .sx-cascade-search input{width:100%;height:34px;padding:7px 9px;border:1px solid #ccd2d6;border-radius:6px;background:#f8f9f8;color:#26323e;font-size:11px;outline:0}
html[data-sx-shell="refined-cascade"] .sx-cascade-search input:focus{border-color:#245f91;box-shadow:0 0 0 3px rgba(36,95,145,.12)}
html[data-sx-shell="refined-cascade"] .sx-cascade-groups,html[data-sx-shell="refined-cascade"] .sx-cascade-items{height:calc(100% - 134px);padding:4px 8px 16px;overflow:auto;scrollbar-width:thin}
html[data-sx-shell="refined-cascade"] .sx-cascade-group{position:relative;width:100%;min-height:45px;margin:0 0 3px;padding:7px 7px;border:0;border-radius:6px;background:transparent;color:#43515e;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;text-align:left}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-shell-icon{width:24px;height:24px}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-shell-icon svg{width:17px!important;height:17px!important}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-label{font-size:11.5px;line-height:17px;font-weight:640;overflow-wrap:anywhere}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-group-count{color:#8a949d;font-size:9px;font-variant-numeric:tabular-nums}
html[data-sx-shell="refined-cascade"] .sx-cascade-group:hover{background:#f0f3f4;color:#1c2a36}
html[data-sx-shell="refined-cascade"] .sx-cascade-group.is-active{background:#e4ebf0;color:#174e7a;font-weight:720}
html[data-sx-shell="refined-cascade"] .sx-cascade-item{position:relative;width:100%;min-height:48px;margin:0 0 4px;padding:8px 8px 8px 34px;border:1px solid transparent;border-radius:6px;background:transparent;color:#3e4b57;text-align:left;font-size:11.5px;line-height:17px;font-weight:620;overflow-wrap:anywhere}
html[data-sx-shell="refined-cascade"] .sx-cascade-item .sx-route-index{position:absolute;left:8px;top:10px;width:18px;height:18px;display:grid;place-items:center;border:1px solid #c4cbd0;border-radius:50%;background:#fff;color:#78838c;font-size:8px;font-weight:760}
html[data-sx-shell="refined-cascade"] .sx-cascade-item .sx-route-open{display:block;margin-top:2px;color:#8a949d;font-size:9px;font-weight:560}
html[data-sx-shell="refined-cascade"] .sx-cascade-item:hover{border-color:#c6d1d8;background:#fff;color:#1e2c38}
html[data-sx-shell="refined-cascade"] .sx-cascade-item.is-active{border-color:#9fb5c7;background:#fff;color:#174e7a;font-weight:720;box-shadow:0 3px 10px rgba(35,64,88,.07)}
html[data-sx-shell="refined-cascade"] .sx-cascade-item.is-active .sx-route-index{border-color:#245f91;background:#245f91;color:#fff}
html[data-sx-shell="refined-cascade"] .sx-nav-scrim{left:var(--sx-menu-total);background:rgba(26,34,41,.26)}

@media(max-width:1280px){
  html[data-sx-shell="refined-cascade"] body[data-pg="p13"] .sx33-grid{grid-template-columns:1fr!important}
  html[data-sx-shell="refined-cascade"] .sx33-project{grid-template-columns:155px minmax(0,1fr)!important}
}
@media(max-width:960px){
  html[data-sx-shell="refined-cascade"]{--sx-rail:58px;--sx-level-one:104px}
  html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-label,html[data-sx-shell="refined-cascade"] .sx-cascade-item{font-size:10.5px!important}
}

html[data-sx-shell="refined-cascade"] .sx-cascade-icon .sx-group-count{display:none!important}

html[data-sx-shell="refined-cascade"] .sx-cascade-item .sx-route-open{display:none!important}


/* V9 · interaction correction
   The icon rail expands into a persistent first-level sidebar. The business
   canvas reflows with it. Only the second-level directory is a pop-out. */
html[data-sx-shell="refined-cascade"]{
  --sx-menu-total:min(25vw,420px);
  --sx-primary-total:clamp(188px,14.5vw,232px);
  --sx-level-one:calc(var(--sx-primary-total) - var(--sx-rail));
  --sx-level-two:calc(var(--sx-menu-total) - var(--sx-primary-total));
}
html[data-sx-shell="refined-cascade"] .main{
  padding-left:var(--sx-rail)!important;
  transition:padding-left .22s cubic-bezier(.2,.72,.2,1)!important;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .main{
  padding-left:var(--sx-primary-total)!important;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-rail{
  z-index:398;
  box-shadow:4px 0 14px rgba(19,37,55,.08);
  transition:box-shadow .18s ease;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-rail{box-shadow:none}
html[data-sx-shell="refined-cascade"] .sx-cascade-level{
  opacity:1;
  visibility:visible;
  will-change:transform;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1{
  z-index:397;
  left:var(--sx-rail);
  width:var(--sx-level-one);
  display:flex;
  flex-direction:column;
  transform:translateX(-102%);
  pointer-events:none;
  background:#162d44;
  color:#e8eef3;
  border-right:1px solid #0e2337;
  box-shadow:none;
  transition:transform .22s cubic-bezier(.2,.72,.2,1);
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-level1{
  transform:translateX(0);
  pointer-events:auto;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2{
  z-index:399;
  left:var(--sx-primary-total);
  width:var(--sx-level-two);
  min-width:0;
  transform:translateX(-12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:#f7f8f7;
  border-left:1px solid #d4d9dc;
  border-right:1px solid #cdd3d6;
  box-shadow:14px 0 32px rgba(24,37,49,.17);
  transition:transform .18s cubic-bezier(.2,.72,.2,1),opacity .15s ease,visibility .15s ease;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l2 .sx-cascade-level2{
  transform:translateX(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-head{
  flex:0 0 82px;
  height:82px;
  padding:17px 12px 12px;
  border-bottom:1px solid #294157;
  background:#162d44;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-head small{color:#8fa4b6}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-head b{color:#fff;font-size:16px}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-close{
  border-color:#526a7e;
  background:#203b55;
  color:#dce5eb;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-close:hover{
  border-color:#93a8b8;
  background:#29465f;
  color:#fff;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-search{
  flex:0 0 auto;
  padding:12px 10px 9px;
  background:#162d44;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-search input{
  height:36px;
  border-color:#405970;
  background:#10283e;
  color:#f2f6f8;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-search input::placeholder{color:#91a4b4}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-groups{
  flex:1;
  height:auto;
  padding:4px 8px 18px;
  background:#162d44;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group{
  min-height:46px;
  padding:7px 6px;
  color:#c2cfda;
  border:1px solid transparent;
  grid-template-columns:23px minmax(0,1fr) 16px;
  gap:5px;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group .sx-label{
  font-size:11.5px;
  line-height:17px;
  font-weight:650;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group .sx-group-count{
  color:#8196a8;
  text-align:right;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group::after{
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  width:6px;
  height:6px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:translateY(-50%) rotate(45deg);
  opacity:.55;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group:hover{
  background:#203b55;
  border-color:#294963;
  color:#fff;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group.is-active{
  background:#f5f7f8;
  border-color:#fff;
  color:#174e7a;
  font-weight:730;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group.is-active .sx-group-count{color:#688196}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group[aria-expanded="true"]::before{
  content:"";
  position:absolute;
  right:-9px;
  top:50%;
  width:10px;
  height:18px;
  transform:translateY(-50%);
  background:#f7f8f7;
  clip-path:polygon(0 0,100% 50%,0 100%);
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head{
  height:82px;
  padding:17px 10px 12px;
  background:#fff;
  border-bottom-color:#d6dbde;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head b{
  max-width:calc(100% - 48px);
  font-size:13.5px;
  line-height:19px;
  overflow-wrap:anywhere;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-items{
  height:calc(100% - 82px);
  padding:10px 7px 18px;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item{
  min-height:50px;
  margin-bottom:6px;
  padding:8px 6px 8px 31px;
  background:#fff;
  border-color:#dfe3e5;
  font-size:10.8px;
  line-height:16px;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item .sx-route-index{
  left:7px;
  top:11px;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item:hover{
  border-color:#9fb5c7;
  box-shadow:0 4px 12px rgba(35,64,88,.08);
}
html[data-sx-shell="refined-cascade"] .sx-nav-scrim{
  left:var(--sx-menu-total);
  background:rgba(27,36,44,.18);
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1:not(.sx-cascade-l2) .sx-nav-scrim{display:none!important}

@media(max-width:1100px){
  html[data-sx-shell="refined-cascade"]{
    --sx-rail:58px;
    --sx-primary-total:clamp(158px,17vw,176px);
  }
  html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group{
    grid-template-columns:21px minmax(0,1fr) 13px;
    gap:3px;
    padding-left:5px;
    padding-right:5px;
  }
  html[data-sx-shell="refined-cascade"] .sx-cascade-level1 .sx-cascade-group .sx-label,
  html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item{font-size:10.2px!important}
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head>div{
  flex:1 1 auto;
  min-width:0;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head .sx-cascade-back{
  flex:0 0 auto;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head b{
  max-width:none;
  white-space:normal;
  word-break:keep-all;
}

/* V10 · merged expandable primary navigation
   The collapsed icon rail IS the first-level menu. It expands in place;
   only the second-level directory is a pop-out. */
html[data-sx-shell="refined-cascade"]{
  --sx-menu-total:min(25vw,420px);
  --sx-primary-total:clamp(190px,14.5vw,232px);
  --sx-level-two:calc(var(--sx-menu-total) - var(--sx-primary-total));
}
html[data-sx-shell="refined-cascade"] .main{
  padding-left:var(--sx-rail)!important;
  transition:padding-left .22s cubic-bezier(.2,.72,.2,1)!important;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .main{
  padding-left:var(--sx-primary-total)!important;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level1{display:none!important}
html[data-sx-shell="refined-cascade"] .sx-cascade-rail{
  z-index:398;
  width:var(--sx-rail);
  align-items:stretch;
  overflow:hidden;
  box-shadow:4px 0 14px rgba(19,37,55,.08);
  transition:width .22s cubic-bezier(.2,.72,.2,1),box-shadow .18s ease;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-rail{
  width:var(--sx-primary-total);
  box-shadow:5px 0 18px rgba(19,37,55,.11);
}
html[data-sx-shell="refined-cascade"] .sx-cascade-primary-head{
  flex:0 0 64px;
  width:var(--sx-primary-total);
  height:64px;
  display:grid;
  grid-template-columns:var(--sx-rail) minmax(0,1fr) auto;
  align-items:center;
  border-bottom:1px solid #294157;
  background:#162d44;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-brand{
  width:var(--sx-rail)!important;
  height:64px!important;
  border-bottom:0!important;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-title{
  min-width:0;
  padding-left:8px;
  white-space:nowrap;
  opacity:0;
  transform:translateX(-8px);
  pointer-events:none;
  transition:opacity .14s ease .02s,transform .18s ease;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-title small{
  display:block;
  color:#8fa4b6;
  font-size:9px;
  line-height:13px;
  font-weight:720;
  letter-spacing:.06em;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-title b{
  display:block;
  margin-top:2px;
  color:#fff;
  font-size:15px;
  line-height:20px;
  font-weight:760;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-title{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-primary-head .sx-cascade-close{
  width:0;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  color:#dce5eb;
  background:#203b55;
  transition:opacity .12s ease,width .18s ease,margin .18s ease,padding .18s ease,border-color .18s ease;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-primary-head .sx-cascade-close{
  width:44px;
  min-width:44px;
  margin-right:10px;
  padding:4px 7px;
  border:1px solid #526a7e;
  opacity:1;
  pointer-events:auto;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-primary-head .sx-cascade-close:hover{
  border-color:#93a8b8;
  background:#29465f;
  color:#fff;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-search{
  flex:0 0 0;
  width:var(--sx-primary-total);
  height:0;
  padding:0 10px;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  background:#162d44;
  transition:height .2s cubic-bezier(.2,.72,.2,1),padding .2s cubic-bezier(.2,.72,.2,1),opacity .12s ease;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-search{
  flex-basis:57px;
  height:57px;
  padding:12px 10px 9px;
  opacity:1;
  pointer-events:auto;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-search input{
  height:36px;
  border-color:#405970;
  background:#10283e;
  color:#f2f6f8;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-search input::placeholder{color:#91a4b4}
html[data-sx-shell="refined-cascade"] .sx-cascade-groups{
  flex:1 1 auto;
  width:var(--sx-primary-total);
  height:auto!important;
  padding:10px 7px 18px;
  overflow-y:auto;
  overflow-x:hidden;
  background:#162d44;
  scrollbar-width:thin;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-groups{padding:4px 8px 18px}
html[data-sx-shell="refined-cascade"] .sx-cascade-group{
  position:relative;
  width:50px;
  min-width:50px;
  height:48px;
  min-height:48px;
  margin:0 0 3px 0;
  padding:0;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#aebdca;
  display:grid;
  grid-template-columns:50px 0 0;
  align-items:center;
  gap:0;
  text-align:left;
  overflow:hidden;
  transition:width .2s cubic-bezier(.2,.72,.2,1),grid-template-columns .2s cubic-bezier(.2,.72,.2,1),padding .2s ease,background-color .14s ease,color .14s ease,border-color .14s ease;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-shell-icon{
  width:50px;
  height:46px;
  display:grid;
  place-items:center;
  transition:width .2s cubic-bezier(.2,.72,.2,1);
}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-shell-icon svg{width:19px!important;height:19px!important}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-label,
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-group-count{
  display:block!important;
  min-width:0;
  width:0;
  opacity:0;
  visibility:hidden;
  white-space:nowrap;
  overflow:hidden;
  transition:opacity .12s ease,width .2s ease;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-label{
  color:inherit;
  font-size:12px;
  line-height:18px;
  font-weight:650;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-group-count{
  color:#8196a8;
  font-size:9px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-group::after{display:none}
html[data-sx-shell="refined-cascade"] .sx-cascade-group:hover{background:#203b55;color:#fff}
html[data-sx-shell="refined-cascade"] .sx-cascade-group.is-active{
  background:#fff;
  border-color:#fff;
  color:#194f7c;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-group.is-active::before{
  content:"";
  position:absolute;
  left:-7px;
  top:12px;
  width:3px;
  height:24px;
  background:#d18a31;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group{
  width:calc(var(--sx-primary-total) - 16px);
  min-width:calc(var(--sx-primary-total) - 16px);
  height:auto;
  min-height:46px;
  margin:0 0 3px;
  padding:7px 7px;
  grid-template-columns:34px minmax(0,1fr) 18px;
  gap:6px;
  color:#c2cfda;
  overflow:visible;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group .sx-shell-icon{
  width:34px;
  height:30px;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group .sx-label,
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group .sx-group-count{
  width:auto;
  opacity:1;
  visibility:visible;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group::after{
  content:"";
  display:block;
  position:absolute;
  right:9px;
  top:50%;
  width:6px;
  height:6px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:translateY(-50%) rotate(45deg);
  opacity:.55;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group:hover{
  background:#203b55;
  border-color:#294963;
  color:#fff;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group.is-active{
  background:#f5f7f8;
  border-color:#fff;
  color:#174e7a;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group.is-active::before{display:none}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group.is-active .sx-group-count{color:#688196}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2{
  z-index:399;
  left:var(--sx-primary-total)!important;
  width:var(--sx-level-two)!important;
  min-width:0;
  transform:translateX(-12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:#f7f8f7;
  border-left:1px solid #d4d9dc;
  border-right:1px solid #cdd3d6;
  box-shadow:14px 0 32px rgba(24,37,49,.17);
  transition:transform .18s cubic-bezier(.2,.72,.2,1),opacity .15s ease,visibility .15s ease;
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l2 .sx-cascade-level2{
  transform:translateX(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head{
  height:82px;
  padding:17px 10px 12px;
  background:#fff;
  border-bottom-color:#d6dbde;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head>div{flex:1 1 auto;min-width:0}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head .sx-cascade-back{flex:0 0 auto}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-head b{
  max-width:none;
  font-size:13.5px;
  line-height:19px;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-items{
  height:calc(100% - 82px);
  padding:10px 7px 18px;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item{
  min-height:50px;
  margin-bottom:6px;
  padding:8px 6px 8px 31px;
  background:#fff;
  border-color:#dfe3e5;
  font-size:10.8px;
  line-height:16px;
}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item .sx-route-index{left:7px;top:11px}
html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item:hover{
  border-color:#9fb5c7;
  box-shadow:0 4px 12px rgba(35,64,88,.08);
}
html[data-sx-shell="refined-cascade"] .sx-nav-scrim{
  left:var(--sx-menu-total)!important;
  background:rgba(27,36,44,.18);
}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1:not(.sx-cascade-l2) .sx-nav-scrim{display:none!important}

@media(max-width:1100px){
  html[data-sx-shell="refined-cascade"]{
    --sx-rail:58px;
    --sx-primary-total:clamp(168px,16vw,184px);
  }
  html[data-sx-shell="refined-cascade"] .sx-cascade-primary-head{grid-template-columns:var(--sx-rail) minmax(0,1fr) auto}
  html[data-sx-shell="refined-cascade"] .sx-cascade-group{width:44px;min-width:44px;grid-template-columns:44px 0 0}
  html[data-sx-shell="refined-cascade"] .sx-cascade-group .sx-shell-icon{width:44px}
  html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group{width:calc(var(--sx-primary-total) - 16px);min-width:calc(var(--sx-primary-total) - 16px)}
  html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group .sx-label,
  html[data-sx-shell="refined-cascade"] .sx-cascade-level2 .sx-cascade-item{font-size:10.2px!important}
}