/* Live control keeps its original navigation; shared treatment applies to management pages only. */
/* One distinct secondary-navigation treatment across management and customer pages. */
:is(html[data-lite-embed],html:has(body.referencePage)) body:not(.workspace-page) :is(#content,dialog.ui-ref-dialog) :is([role=tablist],.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.mc-list-tabs,.lite-package-tabs,.operator-runtime-tabs,.domain-resource-tabs,.opa-tabs,.ve-tabs,.vep-tabs,.crm-detail-tabs,.sa-settings-tabs,.ru-tabs,.user-detail-tabs,.merchant-reference-tabs,.mp-tabs,.w-panel-tabs,.w-assistant-tabs,.w-display-tabs,.w-order-tabs){display:flex;align-items:center;gap:6px!important;padding:6px!important;min-height:48px;box-sizing:border-box;border:1px solid #dfe6ef!important;border-radius:9px!important;background:#f5f7fa!important;overflow-x:auto;flex-wrap:nowrap;scroll-padding-inline:6px;margin-bottom:16px}
:is(html[data-lite-embed],html:has(body.referencePage)) body:not(.workspace-page) :is(#content,dialog.ui-ref-dialog) :is([role=tablist],.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.mc-list-tabs,.lite-package-tabs,.operator-runtime-tabs,.domain-resource-tabs,.opa-tabs,.ve-tabs,.vep-tabs,.crm-detail-tabs,.sa-settings-tabs,.ru-tabs,.user-detail-tabs,.merchant-reference-tabs,.mp-tabs,.w-panel-tabs,.w-assistant-tabs,.w-display-tabs,.w-order-tabs)>:is(button,[role=tab]){position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px!important;padding:8px 16px!important;margin:0!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#465a73!important;font-size:13px!important;line-height:1.5;font-weight:550;white-space:nowrap;cursor:pointer;box-shadow:none!important;touch-action:manipulation;transition:background-color .12s,color .12s,border-color .12s,box-shadow .12s}
:is(html[data-lite-embed],html:has(body.referencePage)) body:not(.workspace-page) :is(#content,dialog.ui-ref-dialog) :is([role=tablist],.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.mc-list-tabs,.lite-package-tabs,.operator-runtime-tabs,.domain-resource-tabs,.opa-tabs,.ve-tabs,.vep-tabs,.crm-detail-tabs,.sa-settings-tabs,.ru-tabs,.user-detail-tabs,.merchant-reference-tabs,.mp-tabs,.w-panel-tabs,.w-assistant-tabs,.w-display-tabs,.w-order-tabs)>button:hover:not(:disabled){background:#fff!important;color:#1c58ba!important;border-color:#c7d6eb!important;box-shadow:0 1px 3px #18395812!important}
:is(html[data-lite-embed],html:has(body.referencePage)) body:not(.workspace-page) :is(#content,dialog.ui-ref-dialog) :is([role=tablist],.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.mc-list-tabs,.lite-package-tabs,.operator-runtime-tabs,.domain-resource-tabs,.opa-tabs,.ve-tabs,.vep-tabs,.crm-detail-tabs,.sa-settings-tabs,.ru-tabs,.user-detail-tabs,.merchant-reference-tabs,.mp-tabs,.w-panel-tabs,.w-assistant-tabs,.w-display-tabs,.w-order-tabs)>:is(button,[role=tab]):is(.active,.selected,.is-active,[aria-selected=true],[aria-pressed=true]){background:#e8f0fc!important;border-color:#cbdcf5!important;color:#24599a!important;font-weight:650;box-shadow:none!important}
:is(html[data-lite-embed],html:has(body.referencePage)) body:not(.workspace-page) :is(#content,dialog.ui-ref-dialog) :is([role=tablist],.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.mc-list-tabs,.lite-package-tabs,.operator-runtime-tabs,.domain-resource-tabs,.opa-tabs,.ve-tabs,.vep-tabs,.crm-detail-tabs,.sa-settings-tabs,.ru-tabs,.user-detail-tabs,.merchant-reference-tabs,.mp-tabs,.w-panel-tabs,.w-assistant-tabs,.w-display-tabs,.w-order-tabs)>button:active:not(:disabled){background:#d1e1fa!important;color:#164893!important;box-shadow:inset 0 1px 3px #16335d22!important}
:is(html[data-lite-embed],html:has(body.referencePage)) body:not(.workspace-page) :is(#content,dialog.ui-ref-dialog) [role=tablist]>button:focus-visible{outline:3px solid #86aff3!important;outline-offset:2px!important}
body.referencePage #navigation .nav-children{margin:4px 0 8px 14px;padding:3px 0 3px 8px;border-left:1px solid #ffffff26}
body.referencePage #navigation .nav-children>button{min-height:38px!important;padding:9px 12px!important;color:#d2dff0;border:1px solid transparent;transition:background-color .12s,border-color .12s}
body.referencePage #navigation .nav-children>button:hover{background:#ffffff19!important;border-color:#ffffff20;color:#fff}
body.referencePage #navigation .nav-children>button.active{background:#ffffff14!important;color:#e5efff!important;border-color:#ffffff24!important;box-shadow:none}
body.referencePage #navigation .nav-children>button:active{background:#ffffff24!important}
body:has(#portal) #portal .order-tabs{gap:5px;padding:5px!important;border:1px solid #dfe6ef;border-radius:8px;background:#f5f7fa}
body:has(#portal) #portal .order-tabs>button{border-radius:6px;min-height:40px!important;padding:8px 12px!important;background:transparent}
body:has(#portal) #portal .order-tabs>button.selected{background:#e8f0fc!important;color:#24599a!important}
body:has(#portal) #portal .order-tabs>button.selected::after{display:none}
body:has(#portal) #portal .order-tabs>button:hover:not(.selected){background:#fff;color:#1c58ba}
@media(prefers-reduced-motion:reduce){#content [role=tablist]>button,body.referencePage #navigation .nav-children>button{transition:none!important}}
/* Selected navigation stays selected while hovered or pressed. */
:is(html[data-lite-embed],html:has(body.referencePage)) body:not(.workspace-page) :is(#content,dialog.ui-ref-dialog) :is([role=tablist],.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.mc-list-tabs,.lite-package-tabs,.operator-runtime-tabs,.domain-resource-tabs,.opa-tabs,.ve-tabs,.vep-tabs,.crm-detail-tabs,.sa-settings-tabs,.ru-tabs,.user-detail-tabs,.merchant-reference-tabs,.mp-tabs,.w-panel-tabs,.w-assistant-tabs,.w-display-tabs,.w-order-tabs)>button:is(.active,.selected,.is-active,[aria-selected=true],[aria-pressed=true]):hover:not(:disabled){background:#dce9fa!important;border-color:#b9cff0!important;color:#204e88!important}

/* Home title navigates; only its separate arrow folds the submenu. */
body.referencePage #navigation .nav-home-heading{position:relative}
body.referencePage #navigation .nav-home-heading>.nav-group-title{width:100%;padding-right:48px!important}
body.referencePage #navigation .nav-home-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer}
body.referencePage #navigation .nav-home-toggle:hover{background:#ffffff18}
body.referencePage #navigation .nav-home-toggle:focus-visible{outline:2px solid #9bbff6;outline-offset:1px}

/* 一级菜单按业务职责合并，只保留文字与展开箭头。 */
html[data-lite-operator] body.referencePage #navigation .nav-group-title{min-height:40px;padding:9px 12px;gap:0}
html[data-lite-operator] body.referencePage #navigation .nav-children>.nav-reserved{display:flex;align-items:center;gap:8px;opacity:.6;cursor:default;background:transparent!important;color:#b9c8db}
html[data-lite-operator] body.referencePage #navigation .nav-reserved>span{white-space:nowrap}
html[data-lite-operator] body.referencePage #navigation .nav-reserved>small{margin-left:auto;flex:0 0 auto;padding:1px 4px;border:1px solid #ffffff28;border-radius:4px;color:#b9c8db;font-size:10px;line-height:16px}
html[data-lite-operator] body.referencePage #navigation{min-height:0;overflow-y:auto;overscroll-behavior:contain}