/* Shared presentation fixes across the outer shell, embedded workspaces and customer center. */
.skip-workspace{position:fixed;left:12px;top:-80px;z-index:10000;padding:10px 16px;border-radius:5px;background:#fff;color:#0866f5;box-shadow:0 2px 12px #10243b33}
.skip-workspace:focus{top:10px}
#breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap;line-height:1.5}
#breadcrumb a{color:inherit;text-decoration:none;border-radius:3px}
#breadcrumb a:hover{color:#0866f5;text-decoration:underline;text-underline-offset:3px}
#breadcrumb [aria-current=page]{font-weight:600;color:#243f60}
.breadcrumb-divider{color:#8190a4}
.referencePage .crumb{min-width:0;flex:1}
.referencePage .headerRight{flex-shrink:0}
.referencePage #navigation .contains-current>.nav-group-title{background:#ffffff0c;color:#fff}
.referencePage #navigation :is(button,a):focus-visible{outline:2px solid #91c4ff;outline-offset:-2px}
.referencePage #navigation :is(.nav-entry,.nav-group-title,.nav-children>button){white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.5;min-height:34px}
.referencePage #navigation .nav-chevron{margin-left:auto;flex:none}
:where(#content,#portal,dialog,#wSide,.workspace>header) :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-accent,#0866f5);outline-offset:3px}
:where(#content,#portal,dialog) :is(h1,h2,h3,p,dd,td){overflow-wrap:anywhere}
:where(#content,#portal) :is(td,dd,.price,.amount){font-variant-numeric:tabular-nums}
:where(#content,#portal,dialog) :is(button,a,summary){touch-action:manipulation}
:where(#content,#portal) :is(.panel-head,.page-title,.dialog-actions,.dialogFoot,.dialogFootnote){min-width:0}
:where(#content,#portal) :is(.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.order-tabs){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:8px}
:where(#content,#portal) :is(.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs,.order-tabs)>button{flex-shrink:0;white-space:nowrap}
:where(dialog,.bottomSheet,.detailDialog,.sheet-body){overscroll-behavior:contain}
html[data-lite-embed] #content .page-title :is(.muted,p),html[data-lite-embed] #content :is(.console-note,.console-help,.hint){line-height:1.65}
@media(max-width:800px){
 body.referencePage .workspace{min-width:0;overflow-x:clip}
 body.referencePage main#content{min-width:0;width:100%;box-sizing:border-box}
 body.referencePage .workspace>header{height:auto;min-height:44px;padding-block:8px;gap:8px;align-items:flex-start}
 body.referencePage #console:not([hidden]){display:flex;flex-direction:column;height:100dvh;min-height:0}
 body.referencePage #console>aside{flex:none}
 body.referencePage .workspace{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 body.referencePage .workspace>header{flex:none}
 body.referencePage main#content{flex:1;min-height:0;overflow:auto}
 body.referencePage .functional-host{flex:1;min-height:0;height:auto}
 body.referencePage #navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:26dvh;overflow:auto;gap:4px;padding-bottom:8px}
 body.referencePage #navigation .nav-group{min-width:0;max-width:none}
 body.referencePage #navigation>.nav-entry{width:100%;max-width:none;align-self:start}
 html[data-lite-embed] #workspace #content{min-width:0;max-width:100%;box-sizing:border-box}
 html[data-lite-embed] #content :is(.page-title,.panel-head){flex-wrap:wrap;align-items:flex-start}
 html[data-lite-embed] #content :is(.tabs,.business-tabs,.billing-tabs,.m-tabs,.m-status-tabs,.mc-detail-tabs){display:flex;flex-wrap:nowrap}
 html[data-lite-embed] #content :is(.panel,.refCard):has(>table){overflow-x:auto}
 html[data-lite-embed] #content :is(.table-scroll,.table-wrap){max-width:100%;overflow-x:auto}
 html[data-lite-embed] #content :is(.toolbar,.list-filter,.m-filter){max-width:100%}
 html[data-lite-embed] #content :is(.toolbar,.list-filter,.m-filter)>:is(input,select){max-width:100%;min-width:0}
}
@media(pointer:coarse){
 #portal :is(button,.service-button,.portal-nav button,.sub-title button){min-height:44px}
 html[data-lite-embed] #content:not(:has(#roomWorkspace)) :is(button,summary){min-height:40px}
 .referencePage #navigation :is(button,a){min-height:40px}
}
@media(prefers-reduced-motion:reduce){
 :where(#content,#portal,dialog,.workspace) *, :where(#content,#portal,dialog,.workspace) *::before, :where(#content,#portal,dialog,.workspace) *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}