/* 02 · Refined orbital Dock
   A restrained desktop-application dock. Secondary pages open on a stable
   orbital fan above the selected module. */
html[data-sx-shell="refined-orbit"]{
  --sx-page:#f0f1ed;
  --sx-surface:#fffefa;
  --sx-text:#202a2c;
  --sx-heading:#172426;
  --sx-body:#3d4b4e;
  --sx-muted:#68777a;
  --sx-faint:#9aa5a6;
  --sx-line:#d4d8d3;
  --sx-line-soft:#e5e8e3;
  --sx-line-strong:#b9c1bb;
  --sx-accent:#087a70;
  --sx-accent-dark:#075f58;
  --sx-link:#08746c;
  --sx-link-hover:#055c56;
  --sx-danger:#b84a42;
  --sx-field:#fff;
  --sx-field-line:#c7cec8;
  --sx-field-hover:#8f9c94;
  --sx-focus:#087a70;
  --sx-focus-ring:rgba(8,122,112,.14);
  --sx-control:#fffefa;
  --sx-control-hover:#f2f4ef;
  --sx-control-muted:#e9ece7;
  --sx-table-head:#eef1ec;
  --sx-row-hover:#f6f7f3;
  --sx-note:#f4f5ef;
  --sx-note-line:#ced3ca;
  --sx-readonly:#f0f2ed;
  --sx-subtle:#f7f8f4;
  --sx-outline:#2a3436;
  --sx-outline-active:#3b4a4d;
  --sx-modal:#fffefa;
  --sx-modal-head:#202b2e;
  --sx-modal-body:#fffefa;
  --sx-modal-foot:#f1f3ee;
  --sx-modal-line:#bfc7c0;
  --sx-scroll:#aeb8b0;
  --sx-panel-radius:14px;
  --sx-control-radius:10px;
  --sx-modal-radius:16px;
}
html[data-sx-shell="refined-orbit"] .main{padding-bottom:90px!important}
html[data-sx-shell="refined-orbit"] .top{
  height:58px!important;padding:0 26px!important;background:#f8f9f5!important;border-bottom:1px solid #d4d8d3!important;box-shadow:none!important
}
html[data-sx-shell="refined-orbit"] .crumbs{color:#7a8788!important;font-size:11.5px!important;letter-spacing:.02em!important}
html[data-sx-shell="refined-orbit"] .crumbs .cp{color:#1c292b!important;font-size:14px!important;font-weight:720!important}
html[data-sx-shell="refined-orbit"] .chip{min-height:32px!important;padding:5px 12px!important;border:1px solid #c9d0ca!important;border-radius:999px!important;background:#fffefa!important;color:#37474a!important;font-size:11.5px!important;font-weight:680!important}
html[data-sx-shell="refined-orbit"] .iconbtn{width:32px!important;height:32px!important;border:1px solid #c9d0ca!important;border-radius:50%!important;background:#fffefa!important;color:#455659!important}
html[data-sx-shell="refined-orbit"] .clk{color:#687679!important;font-size:11.5px!important}
html[data-sx-shell="refined-orbit"] .view{padding:22px 28px 112px!important;background:#f0f1ed!important}

/* Desktop workspace composition */
html[data-sx-shell="refined-orbit"] .v092-welcome{
  min-height:112px!important;padding:24px 25px!important;border:1px solid #cdd3cd!important;border-radius:14px!important;background:#fffefa!important;box-shadow:0 10px 24px rgba(38,47,43,.06)!important
}
html[data-sx-shell="refined-orbit"] .v092-welcome h1{font-size:30px!important;line-height:38px!important;font-weight:730!important}
html[data-sx-shell="refined-orbit"] .pill{border-radius:999px!important}
html[data-sx-shell="refined-orbit"] .pill.info{background:#e3efeb!important;border:1px solid #bfd5cd!important;color:#086b63!important}
html[data-sx-shell="refined-orbit"] .v092-kpis{gap:12px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
html[data-sx-shell="refined-orbit"] .v092-kpi{
  position:relative!important;min-height:122px!important;padding:18px 18px 16px!important;border:1px solid #d1d6d1!important;border-radius:14px!important;background:#fffefa!important;box-shadow:0 7px 16px rgba(38,47,43,.045)!important
}
html[data-sx-shell="refined-orbit"] .v092-kpi::after{content:"";position:absolute;right:17px;top:18px;width:34px;height:34px;border:7px solid #e4e8e3;border-top-color:#087a70;border-radius:50%}
html[data-sx-shell="refined-orbit"] .v092-kpi:nth-child(2)::after{border-top-color:#3e758c}
html[data-sx-shell="refined-orbit"] .v092-kpi:nth-child(3)::after{border-top-color:#c6812d}
html[data-sx-shell="refined-orbit"] .v092-kpi:nth-child(4)::after{border-top-color:#7564a6}
html[data-sx-shell="refined-orbit"] .v092-kpi .k-num{font-size:31px!important}
html[data-sx-shell="refined-orbit"] .dgrid{grid-template-columns:minmax(0,1.28fr) minmax(360px,.94fr)!important;gap:14px!important}
html[data-sx-shell="refined-orbit"] .dgrid>.col{gap:14px!important}
html[data-sx-shell="refined-orbit"] .dgrid .card{border-radius:14px!important;box-shadow:0 6px 14px rgba(38,47,43,.035)!important}
html[data-sx-shell="refined-orbit"] .ch{border-bottom:0!important;padding-bottom:6px!important}
html[data-sx-shell="refined-orbit"] .rows{padding-top:1px!important}
html[data-sx-shell="refined-orbit"] .rw{padding-left:4px!important;padding-right:4px!important;border-radius:8px!important}
html[data-sx-shell="refined-orbit"] .rw:hover{background:#f3f5f0!important}
html[data-sx-shell="refined-orbit"] .sx-task-panel .ch::after,html[data-sx-shell="refined-orbit"] .sx-schedule-panel .ch::after,html[data-sx-shell="refined-orbit"] .sx-progress-panel .ch::after,html[data-sx-shell="refined-orbit"] .sx-department-panel .ch::after{content:"";width:30px;height:2px;margin-left:4px;background:#087a70}
html[data-sx-shell="refined-orbit"] .sx-schedule-panel .ch::after{background:#3e758c}
html[data-sx-shell="refined-orbit"] .sx-department-panel .ch::after{background:#c6812d}
html[data-sx-shell="refined-orbit"] .btn{border-radius:10px!important}
html[data-sx-shell="refined-orbit"] .btn.blue,html[data-sx-shell="refined-orbit"] .btn.pri{background:#087a70!important;border-color:#087a70!important}
html[data-sx-shell="refined-orbit"] .btn.blue:hover,html[data-sx-shell="refined-orbit"] .btn.pri:hover{background:#075f58!important;border-color:#075f58!important}
html[data-sx-shell="refined-orbit"] .btn.ghost{background:#fffefa!important;border-color:#c5ccc6!important}
html[data-sx-shell="refined-orbit"] .sx-quick-entry{border-radius:14px!important;box-shadow:0 6px 14px rgba(38,47,43,.035)!important}

/* Project list: standalone desktop windows with a compact title strip. */
html[data-sx-shell="refined-orbit"] body[data-pg="p13"] .sx33-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-sx-shell="refined-orbit"] .sx33-project{display:flex!important;flex-direction:column!important;min-height:374px!important;border-radius:14px!important;overflow:hidden!important;background:#fffefa!important;box-shadow:0 7px 17px rgba(38,47,43,.045)!important}
html[data-sx-shell="refined-orbit"] .sx33-cover{min-height:118px!important;padding:17px!important;border-bottom:1px solid #d7dcd7!important}
html[data-sx-shell="refined-orbit"] .sx33-cover::before{content:"";position:absolute;left:14px;top:13px;width:7px;height:7px;border-radius:50%;background:#b84a42;box-shadow:13px 0 0 #c6812d,26px 0 0 #2f946f;z-index:3}
html[data-sx-shell="refined-orbit"] .sx33-cover>div:first-child{background:#31585d!important}
html[data-sx-shell="refined-orbit"] .sx33-project:nth-child(2n) .sx33-cover>div:first-child{background:#4f5c70!important}
html[data-sx-shell="refined-orbit"] .sx33-project:nth-child(3n) .sx33-cover>div:first-child{background:#6a5743!important}
html[data-sx-shell="refined-orbit"] .sx33-project:first-child .sx33-cover>div:first-child{
  background-color:#31585d!important;background-image:url("../app/course-ai-project-teaching-cover.png")!important;background-size:cover!important;background-position:center!important;filter:brightness(.76) saturate(.68)
}
html[data-sx-shell="refined-orbit"] .sx33-cover::after{background:none!important}
html[data-sx-shell="refined-orbit"] .sx33-cover>span[style*="font-size:46px"]{display:none!important}
html[data-sx-shell="refined-orbit"] .sx33-cover>b{margin-top:22px!important;font-size:15px!important;line-height:22px!important}
html[data-sx-shell="refined-orbit"] .sx33-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:15px 16px 16px!important}
html[data-sx-shell="refined-orbit"] .sx33-meta{gap:9px 12px!important}
html[data-sx-shell="refined-orbit"] .sx33-actions{margin-top:auto!important;gap:6px!important}
html[data-sx-shell="refined-orbit"] .sx33-actions .btn{padding-left:9px!important;padding-right:9px!important}
html[data-sx-shell="refined-orbit"] .v5-pf,html[data-sx-shell="refined-orbit"] body[data-pg="t19d"] .toolbar{border-radius:14px!important;box-shadow:0 5px 12px rgba(38,47,43,.035)!important}
html[data-sx-shell="refined-orbit"] .sx33-note{border-left-color:#c6812d!important;background:#f5f3ea!important}

/* Modal becomes a desktop document window. */
html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal{grid-template-columns:190px minmax(0,1fr)!important}
html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal .mh{background:#202b2e!important;border-bottom-color:#354244!important}
html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal .mh b{color:#fff!important}
html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal .mh .x{color:#c4ceca!important}
html[data-sx-shell="refined-orbit"] .sx-form-outline{background:#2a3436!important;border-right-color:#3c494b!important;color:#ecf1ee!important}
html[data-sx-shell="refined-orbit"] .sx-form-outline::before{content:"表单分段";display:block;margin:0 8px 6px;color:#8fa09c;font-size:9px;font-weight:800;letter-spacing:.16em}
html[data-sx-shell="refined-orbit"] .sx-form-outline small{color:#98a7a3!important}
html[data-sx-shell="refined-orbit"] .sx-form-outline button{color:#d2dbd7!important}
html[data-sx-shell="refined-orbit"] .sx-form-outline button::before{border-color:#526164!important;background:#202b2e!important;color:#a9b6b2!important}
html[data-sx-shell="refined-orbit"] .sx-form-outline button:hover,html[data-sx-shell="refined-orbit"] .sx-form-outline button.is-active{background:#3a484a!important;color:#fff!important}
html[data-sx-shell="refined-orbit"] .sx-form-outline button.is-active::before{border-color:#d28a35!important;background:#d28a35!important;color:#202b2e!important}
html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal .sx-form-section>div:first-child,html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal .sx-form-section summary{display:flex!important;align-items:center!important;gap:10px!important}
html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal .sx-form-section>div:first-child::before,html[data-sx-shell="refined-orbit"] .modal.sx-refined-modal .sx-form-section summary::before{content:"";width:8px;height:8px;border:2px solid #087a70;border-radius:50%;flex:0 0 auto}

/* Dock chrome */
html[data-sx-shell="refined-orbit"] .sx-bottom-dock{
  position:fixed;z-index:398;left:50%;bottom:14px;transform:translateX(-50%);pointer-events:auto;
  width:auto;max-width:calc(100vw - 40px);height:68px;padding:8px 9px;display:flex;align-items:center;gap:6px;
  background:#202b2e;border:1px solid #111a1c;border-radius:18px;box-shadow:0 18px 34px rgba(24,34,36,.24)
}
html[data-sx-shell="refined-orbit"] .sx-dock-brand{width:48px;height:48px;padding:0;display:grid;place-items:center;flex:0 0 auto;border:1px solid #536063;border-radius:12px;background:#f0a64a;color:#202b2e;font-size:11px;font-weight:840;letter-spacing:.08em}
html[data-sx-shell="refined-orbit"] .sx-dock-brand svg{width:21px!important;height:21px!important}
html[data-sx-shell="refined-orbit"] .sx-dock-brand svg path{stroke:#202b2e!important}
html[data-sx-shell="refined-orbit"] .sx-dock-scroll{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none}
html[data-sx-shell="refined-orbit"] .sx-dock-button{position:relative;flex:0 0 48px;width:48px;height:48px;padding:0;border:0;border-radius:11px;background:transparent;color:#aebbb8;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;transition:width .18s ease,flex-basis .18s ease,background .15s ease,color .15s ease,transform .15s ease}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-shell-icon{width:27px;height:27px;flex:0 0 27px}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-shell-icon svg{width:19px!important;height:19px!important}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-label{display:none;white-space:nowrap;font-size:10.5px;line-height:16px;font-weight:680}
html[data-sx-shell="refined-orbit"] .sx-dock-button:hover{background:#314043;color:#fff;transform:translateY(-3px)}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active{flex-basis:112px;width:112px;justify-content:flex-start;padding:0 12px;background:#f3f5f0;color:#152426;box-shadow:0 4px 10px rgba(0,0,0,.18)}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active .sx-label{display:block}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-badge{position:absolute;right:3px;top:3px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#b84a42;color:#fff;font-size:8.5px;line-height:15px}
html[data-sx-shell="refined-orbit"] .sx-dock-close{display:none;width:46px;height:42px;padding:0;border:1px solid #536063;border-radius:10px;background:#2e3b3e;color:#dbe3e0;font-size:10px;font-weight:680}
html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-dock-close{display:block}

/* Orbital fan: transparent workspace, fixed geometry, no large glass ellipse. */
html[data-sx-shell="refined-orbit"] .sx-orbit-panel{position:fixed;z-index:397;display:none;pointer-events:auto;overflow:visible;background:transparent}
html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-orbit-panel{display:block;animation:sxOrbitOpen .18s ease-out}
@keyframes sxOrbitOpen{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html[data-sx-shell="refined-orbit"] .sx-orbit-track{position:absolute;border:1px solid #9eaaa5;border-bottom-color:transparent;border-radius:50%;opacity:.78}
html[data-sx-shell="refined-orbit"] .sx-orbit-track::before,html[data-sx-shell="refined-orbit"] .sx-orbit-track::after{content:"";position:absolute;bottom:13%;width:7px;height:7px;border:2px solid #087a70;border-radius:50%;background:#f0f1ed}
html[data-sx-shell="refined-orbit"] .sx-orbit-track::before{left:3%}
html[data-sx-shell="refined-orbit"] .sx-orbit-track::after{right:3%}
html[data-sx-shell="refined-orbit"] .sx-orbit-hub{position:absolute;transform:translate(-50%,-50%);width:106px;height:106px;padding:12px;border:8px solid #f0f1ed;border-radius:50%;background:#202b2e;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 22px rgba(25,36,38,.24)}
html[data-sx-shell="refined-orbit"] .sx-orbit-hub .sx-shell-icon{color:#f0a64a}
html[data-sx-shell="refined-orbit"] .sx-orbit-hub b{margin-top:3px;font-size:12px;line-height:17px;font-weight:760}
html[data-sx-shell="refined-orbit"] .sx-orbit-hub small{margin-top:1px;color:#aebbb8;font-size:8.5px;line-height:13px}
html[data-sx-shell="refined-orbit"] .sx-orbit-item{position:absolute;transform:translate(-50%,-50%);width:116px;min-height:50px;padding:8px 10px;border:1px solid #bbc4bd;border-radius:10px;background:#fffefa;color:#2c3c3e;box-shadow:0 6px 14px rgba(37,48,44,.12);display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:7px;text-align:left;font-size:11px;line-height:16px;font-weight:650;overflow-wrap:anywhere}
html[data-sx-shell="refined-orbit"] .sx-orbit-item .sx-orbit-index{width:21px;height:21px;display:grid;place-items:center;border:1px solid #b9c3bc;border-radius:50%;background:#f1f3ee;color:#667570;font-size:8px;font-weight:760}
html[data-sx-shell="refined-orbit"] .sx-orbit-item:hover{border-color:#087a70;color:#075f58;box-shadow:0 10px 18px rgba(37,48,44,.16)}
html[data-sx-shell="refined-orbit"] .sx-orbit-item.is-active{border-color:#087a70;background:#e7f0ec;color:#075f58;font-weight:740}
html[data-sx-shell="refined-orbit"] .sx-orbit-item.is-active .sx-orbit-index{border-color:#087a70;background:#087a70;color:#fff}
html[data-sx-shell="refined-orbit"] .sx-nav-scrim{bottom:90px;background:rgba(29,39,41,.28)}

@media(max-width:1320px){
  html[data-sx-shell="refined-orbit"] body[data-pg="p13"] .sx33-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-sx-shell="refined-orbit"] .sx-dock-button{flex-basis:44px;width:44px}
  html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active{flex-basis:96px;width:96px;padding:0 9px}
}
@media(max-width:980px){
  html[data-sx-shell="refined-orbit"] body[data-pg="p13"] .sx33-grid{grid-template-columns:1fr!important}
  html[data-sx-shell="refined-orbit"] .sx-dock-button{flex-basis:42px;width:42px}
  html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active{flex-basis:76px;width:76px}
  html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active .sx-label{max-width:40px;overflow:hidden;text-overflow:ellipsis}
}

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


/* V9 · Dock interaction correction
   Every primary module keeps a one- or two-character label. The clicked Dock
   item becomes the hub and its secondary pages fan upward from that position. */
html[data-sx-shell="refined-orbit"] .main{padding-bottom:98px!important}
html[data-sx-shell="refined-orbit"] .view{padding-bottom:124px!important}
html[data-sx-shell="refined-orbit"] .sx-bottom-dock{
  position:fixed;
  z-index:398;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  width:auto;
  max-width:calc(100vw - 28px);
  height:78px;
  padding:8px 10px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  overflow:visible;
  background:#202b2e;
  border:1px solid #111a1c;
  border-radius:17px;
  box-shadow:0 18px 34px rgba(24,34,36,.24);
  pointer-events:auto;
}
html[data-sx-shell="refined-orbit"] .sx-dock-brand{
  width:50px;
  height:58px;
  padding:0;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #536063;
  border-radius:11px;
  background:#f0a64a;
  color:#202b2e;
}
html[data-sx-shell="refined-orbit"] .sx-dock-brand svg{width:21px!important;height:21px!important}
html[data-sx-shell="refined-orbit"] .sx-dock-brand svg path{stroke:#202b2e!important}
html[data-sx-shell="refined-orbit"] .sx-dock-scroll{
  display:flex;
  align-items:flex-end;
  gap:2px;
  min-width:0;
  max-width:calc(100vw - 104px);
  padding-top:8px;
  overflow:visible;
  scrollbar-width:none;
}
html[data-sx-shell="refined-orbit"] .sx-dock-button{
  position:relative;
  flex:0 0 54px;
  width:54px;
  height:58px;
  padding:5px 3px 4px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#aebbb8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  overflow:visible;
  transform-origin:center bottom;
  transition:background .14s ease,color .14s ease,transform .18s cubic-bezier(.2,.74,.2,1),box-shadow .18s ease;
}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-shell-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-shell-icon svg{width:18px!important;height:18px!important}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-label{display:none!important}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active{
  flex-basis:54px;width:54px;height:58px;padding:5px 3px 4px;justify-content:center;background:transparent;color:#aebbb8;box-shadow:none
}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-dock-abbr{
  display:block;
  max-width:46px;
  overflow:hidden;
  color:inherit;
  font-size:10px;
  line-height:13px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
  text-overflow:ellipsis;
}
html[data-sx-shell="refined-orbit"] .sx-dock-button:hover{
  background:#314043;
  color:#fff;
  transform:translateY(-3px);
}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-route-active{
  background:#2b3a3d;
  color:#f5f7f3;
  box-shadow:inset 0 -2px 0 #f0a64a;
}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-open{
  z-index:4;
  background:#fffefa;
  color:#172729;
  box-shadow:0 9px 18px rgba(0,0,0,.24),inset 0 -3px 0 #087a70;
  transform:translateY(-10px) scale(1.18);
}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-open .sx-dock-abbr{
  color:#075f58;
  font-weight:800;
}
html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-badge{
  position:absolute;
  right:2px;
  top:2px;
  min-width:15px;
  height:15px;
  padding:0 4px;
  border-radius:8px;
  background:#b84a42;
  color:#fff;
  font-size:8px;
  line-height:15px;
}
html[data-sx-shell="refined-orbit"] .sx-dock-close{display:none!important}

html[data-sx-shell="refined-orbit"] .sx-orbit-panel{
  position:fixed;
  z-index:397;
  display:none;
  pointer-events:auto;
  overflow:visible;
  background:transparent;
}
html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-orbit-panel{display:block}
html[data-sx-shell="refined-orbit"] .sx-orbit-origin{
  position:absolute;
  bottom:-11px;
  width:1px;
  height:56px;
  transform:translateX(-50%);
  background:#93a19b;
  opacity:.78;
  pointer-events:none;
}
html[data-sx-shell="refined-orbit"] .sx-orbit-origin::before{
  content:"";
  position:absolute;
  left:50%;
  top:-4px;
  width:7px;
  height:7px;
  transform:translateX(-50%);
  border:2px solid #087a70;
  border-radius:50%;
  background:#f0f1ed;
}
html[data-sx-shell="refined-orbit"] .sx-orbit-caption{
  position:absolute;
  bottom:4px;
  transform:translateX(-50%);
  min-width:104px;
  padding:5px 9px 6px;
  border:1px solid #48575a;
  border-radius:7px;
  background:#202b2e;
  color:#f5f7f4;
  box-shadow:0 5px 12px rgba(25,35,37,.16);
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
}
html[data-sx-shell="refined-orbit"] .sx-orbit-caption b{display:block;font-size:10.5px;line-height:14px;font-weight:760}
html[data-sx-shell="refined-orbit"] .sx-orbit-caption span{display:block;margin-top:1px;color:#aebbb8;font-size:8.5px;line-height:11px}
html[data-sx-shell="refined-orbit"] .sx-orbit-arc{
  position:absolute;
  bottom:40px;
  height:118px;
  border-top:1px solid #9da9a4;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  opacity:.68;
  pointer-events:none;
}
html[data-sx-shell="refined-orbit"] .sx-orbit-item{
  position:absolute;
  transform:translate(-50%,-50%);
  min-height:46px;
  padding:7px 8px;
  border:1px solid #b9c2bc;
  border-radius:9px;
  background:#fffefa;
  color:#2c3c3e;
  box-shadow:0 7px 16px rgba(37,48,44,.14);
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:6px;
  text-align:left;
  font-size:10.5px;
  line-height:15px;
  font-weight:650;
  overflow-wrap:anywhere;
  animation:sxOrbitItemFromDock .24s cubic-bezier(.2,.74,.2,1) both;
  animation-delay:calc(var(--sx-order,0) * 18ms);
}
@keyframes sxOrbitItemFromDock{
  from{
    opacity:0;
    transform:translate(calc(-50% + var(--sx-origin-x,0px)),calc(-50% + var(--sx-origin-y,80px))) scale(.52);
  }
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
html[data-sx-shell="refined-orbit"] .sx-orbit-item .sx-orbit-index{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:1px solid #bac3bd;
  border-radius:50%;
  background:#f1f3ee;
  color:#667570;
  font-size:7.5px;
  font-weight:780;
}
html[data-sx-shell="refined-orbit"] .sx-orbit-item .sx-orbit-label{min-width:0}
html[data-sx-shell="refined-orbit"] .sx-orbit-item:hover{
  border-color:#087a70;
  color:#075f58;
  box-shadow:0 10px 20px rgba(37,48,44,.18);
  transform:translate(-50%,-54%);
}
html[data-sx-shell="refined-orbit"] .sx-orbit-item.is-active{
  border-color:#087a70;
  background:#e7f0ec;
  color:#075f58;
  font-weight:740;
}
html[data-sx-shell="refined-orbit"] .sx-orbit-item.is-active .sx-orbit-index{
  border-color:#087a70;
  background:#087a70;
  color:#fff;
}
html[data-sx-shell="refined-orbit"] .sx-nav-scrim{
  bottom:92px;
  background:rgba(29,39,41,.08);
}

@media(max-width:1320px){
  html[data-sx-shell="refined-orbit"] .sx-bottom-dock{max-width:calc(100vw - 18px);gap:4px;padding-left:7px;padding-right:7px}
  html[data-sx-shell="refined-orbit"] .sx-dock-brand{width:46px;height:54px}
  html[data-sx-shell="refined-orbit"] .sx-dock-button{flex-basis:47px;width:47px;height:54px;padding-left:2px;padding-right:2px}
  html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-dock-abbr{max-width:41px;font-size:9px}
}
@media(max-width:980px){
  html[data-sx-shell="refined-orbit"] .sx-dock-brand{display:none}
  html[data-sx-shell="refined-orbit"] .sx-bottom-dock{max-width:calc(100vw - 10px);bottom:6px}
  html[data-sx-shell="refined-orbit"] .sx-dock-button{flex-basis:42px;width:42px;height:52px}
  html[data-sx-shell="refined-orbit"] .sx-dock-button .sx-dock-abbr{max-width:38px;font-size:8.5px}
}

/* Dock home label and open-state guarantee. */
html[data-sx-shell="refined-orbit"] .sx-dock-brand{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
}
html[data-sx-shell="refined-orbit"] .sx-dock-brand .sx-dock-brand-label{
  display:block;font-size:9px;line-height:11px;font-weight:800;letter-spacing:.04em;
}
html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-dock-button.is-open{
  z-index:4;background:#fffefa;color:#172729;box-shadow:0 9px 18px rgba(0,0,0,.24),inset 0 -3px 0 #087a70;
  transform:translateY(-10px) scale(1.18);
}

/* Neutralize the legacy wide active state; only the clicked/open module grows. */
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active{
  flex-basis:54px;width:54px;height:58px;justify-content:center;padding:5px 3px 4px;background:transparent;color:#aebbb8;box-shadow:none;
}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active .sx-label{display:none!important}
html[data-sx-shell="refined-orbit"] .sx-dock-button.is-route-active{
  background:#2b3a3d;color:#f5f7f3;box-shadow:inset 0 -2px 0 #f0a64a;
}
html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-dock-button.is-open{
  flex-basis:72px;width:72px;height:66px;justify-content:center;padding:5px 4px 4px;background:#fffefa;color:#172729;
  box-shadow:0 9px 18px rgba(0,0,0,.24),inset 0 -3px 0 #087a70;transform:translateY(-9px) scale(1.10);
}
@media(max-width:1320px){
  html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active{flex-basis:47px;width:47px;height:54px}
  html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-dock-button.is-open{flex-basis:64px;width:64px;height:62px}
}
@media(max-width:980px){
  html[data-sx-shell="refined-orbit"] .sx-dock-button.is-active{flex-basis:42px;width:42px;height:52px}
  html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-dock-button.is-open{flex-basis:58px;width:58px;height:58px}
}


/* V11 · Dock homepage/workbench merge + full module label below the Dock.
   The yellow entry is now the sole Workbench/Home entry. Expandable modules
   reveal their full section name below the selected Dock button, while the
   secondary page fan remains above the Dock. */
html[data-sx-shell="refined-orbit"] .main{padding-bottom:126px!important}
html[data-sx-shell="refined-orbit"] .view{padding-bottom:154px!important}
html[data-sx-shell="refined-orbit"] .sx-bottom-dock{
  bottom:38px;
}
html[data-sx-shell="refined-orbit"] .sx-dock-home{
  position:relative;
  width:58px;
  height:58px;
  flex:0 0 58px;
  padding:5px 4px 4px;
  border-color:#d08a33;
  background:#f0a64a;
  color:#202b2e;
  box-shadow:0 5px 11px rgba(0,0,0,.16);
}
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-shell-icon{
  width:24px;
  height:24px;
}
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-shell-icon svg{
  width:19px!important;
  height:19px!important;
}
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-shell-icon svg path,
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-shell-icon svg rect,
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-shell-icon svg circle,
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-shell-icon svg line,
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-shell-icon svg polyline{
  stroke:#202b2e!important;
}
html[data-sx-shell="refined-orbit"] .sx-dock-home .sx-dock-brand-label{
  font-size:9.5px;
  line-height:12px;
  letter-spacing:.02em;
}
html[data-sx-shell="refined-orbit"] .sx-dock-home:hover{
  transform:translateY(-3px);
  background:#f4b45f;
}
html[data-sx-shell="refined-orbit"] .sx-dock-home.is-route-active{
  box-shadow:0 6px 14px rgba(0,0,0,.20),inset 0 -3px 0 #075f58;
}
html[data-sx-shell="refined-orbit"] .sx-dock-full-label{
  display:none;
  position:absolute;
  z-index:7;
  left:50%;
  top:calc(100% + 11px);
  transform:translateX(-50%);
  min-width:max-content;
  padding:4px 9px 5px;
  border:1px solid #334245;
  border-radius:6px;
  background:#202b2e;
  color:#f7f8f5;
  box-shadow:0 5px 12px rgba(20,29,31,.18);
  font-size:11px;
  line-height:15px;
  font-weight:760;
  letter-spacing:.06em;
  white-space:nowrap;
  pointer-events:none;
}
html[data-sx-shell="refined-orbit"] .sx-dock-full-label::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:100%;
  width:7px;
  height:7px;
  transform:translate(-50%,4px) rotate(45deg);
  border-left:1px solid #334245;
  border-top:1px solid #334245;
  background:#202b2e;
}
html[data-sx-shell="refined-orbit"] body.sx-orbit-open .sx-dock-button.is-open .sx-dock-full-label{
  display:block;
}
html[data-sx-shell="refined-orbit"] .sx-orbit-caption{display:none!important}
html[data-sx-shell="refined-orbit"] .sx-nav-scrim{bottom:118px}
@media(max-width:1320px){
  html[data-sx-shell="refined-orbit"] .sx-bottom-dock{bottom:36px}
  html[data-sx-shell="refined-orbit"] .sx-dock-home{width:52px;height:54px;flex-basis:52px}
  html[data-sx-shell="refined-orbit"] .sx-dock-full-label{font-size:10px;padding-left:7px;padding-right:7px}
}
@media(max-width:980px){
  html[data-sx-shell="refined-orbit"] .sx-dock-home{display:flex;width:48px;height:52px;flex-basis:48px}
  html[data-sx-shell="refined-orbit"] .sx-bottom-dock{bottom:34px}
}
