/* trace-no-hscroll 20261022: global no-sideways-scroll + menu group headers. Includes register-ui-fix handoff/global-layout.css. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
#app,#rt-main,.main,.view,.card,.panel{min-width:0;max-width:100%}
:where(#app,#rt-main,.view,.card,.sidebar,.topbar) :where(div,section,article,aside,header,nav,form,label,span,p,li){min-width:0}
:where(.view,.card,.panel,.sidebar,.topbar) :where(p,li,td,th,dd,dt,a,span,label,h1,h2,h3,h4,code,small){overflow-wrap:anywhere}
img,video,canvas,svg,iframe,embed,object{max-width:100%;height:auto}
pre,code,kbd,samp{white-space:pre-wrap;word-break:break-word;max-width:100%}
.view table:not(.tms-regt){max-width:100%}
/* sidebar: never wider than itself */
.sidebar{overflow-x:hidden!important;max-width:100%}
.sidebar *{max-width:100%}
.sidebar .nav-item,.sidebar .nav-item *,.sidebar .proj-switch,.sidebar .proj-switch *,.sidebar [class*="active-project"],.sidebar [class*="active-project"] *{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
.sidebar select{width:100%;max-width:100%}
.topbar{max-width:100%;min-width:0;overflow-x:hidden}
.topbar>*{min-width:0}
/* crawl round 3 (08:20 PT): remaining sideways overflow found by the hard gate. Prefixed html body #app to beat earlier :is(#id) / header-fix rules. */
html[data-tms-layout="light"] body #app .sidebar .trace-n2-gbtn{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
html body #app .view :is(.row,td.row,.section-head,.card.row,.release-filter,#trace-knowledge-tabs,#release-update-filters,[id$="-filters"],[id$="-tabs"],[role=tablist],.tabs,.tab-bar),html body #app .trace-field-label-row{flex-wrap:wrap!important;overflow-x:visible!important;min-width:0}
html body #app .view :is(.section-head,.card.row)>*{min-width:0;max-width:100%}
html body #app .trace-field-label-row,html body #app .trace-field-label-row>*{white-space:normal!important}
html body #app .view :is(.release-filter,#trace-knowledge-tabs,#release-update-filters,[id$="-filters"],[id$="-tabs"],[role=tablist],.tabs,.tab-bar,.row,td)>:is(button,a,.btn,[role=tab]){white-space:normal!important;max-width:100%;flex:0 1 auto!important}
@media (min-width:900px){html body #app .view .table-wrap>table:not(.tms-regt){table-layout:fixed;width:100%!important;min-width:0!important}
 html body #app .view .table-wrap>table:not(.tms-regt) :is(td,th){white-space:normal!important;overflow-wrap:anywhere}
 html body #app .view .table-wrap{overflow-x:visible!important}}
@media (max-width:899.98px){html[data-tms-layout="light"] body #app #rt-main .topbar{flex-wrap:wrap!important;height:auto!important;max-height:none!important;min-height:48px!important;row-gap:6px;padding:4px 10px!important}
 html[data-tms-layout="light"] body #app #rt-main .topbar .topbar-right{flex-wrap:wrap!important;min-width:0;max-width:100%;margin-left:auto}
 html[data-tms-layout="light"] body #app #rt-main .topbar .tms-cs{min-width:0;max-width:100%;flex:1 1 160px}}
/* same rules inside layer trace-n5: layered !important (n5/n6/header-fix) beats unlayered !important, so the overrides must live in that layer too */
@layer trace-n5{
html[data-tms-layout="light"] body #app .sidebar .trace-n2-gbtn{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
html body #app .view :is(.row,td.row,.section-head,.card.row,.release-filter,#trace-knowledge-tabs,#release-update-filters,[id$="-filters"],[id$="-tabs"],[role=tablist],.tabs,.tab-bar),html body #app .trace-field-label-row{flex-wrap:wrap!important;overflow-x:visible!important;min-width:0}
html body #app .view :is(.section-head,.card.row)>*{min-width:0;max-width:100%}
html body #app .trace-field-label-row,html body #app .trace-field-label-row>*{white-space:normal!important}
html body #app .view :is(.release-filter,#trace-knowledge-tabs,#release-update-filters,[id$="-filters"],[id$="-tabs"],[role=tablist],.tabs,.tab-bar,.row,td)>:is(button,a,.btn,[role=tab]){white-space:normal!important;max-width:100%;flex:0 1 auto!important}
@media (min-width:900px){html body #app .view .table-wrap>table:not(.tms-regt){table-layout:fixed;width:100%!important;min-width:0!important}
 html body #app .view .table-wrap>table:not(.tms-regt) :is(td,th){white-space:normal!important;overflow-wrap:anywhere}
 html body #app .view .table-wrap{overflow-x:visible!important}}
@media (max-width:899.98px){html[data-tms-layout="light"] body #app #rt-main .topbar{flex-wrap:wrap!important;height:auto!important;max-height:none!important;min-height:48px!important;row-gap:6px;padding:4px 10px!important}
 html[data-tms-layout="light"] body #app #rt-main .topbar .topbar-right{flex-wrap:wrap!important;min-width:0;max-width:100%;margin-left:auto}
 html[data-tms-layout="light"] body #app #rt-main .topbar .tms-cs{min-width:0;max-width:100%;flex:1 1 160px}}
}

/* layered copy */
@layer trace-n5{
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
#app,#rt-main,.main,.view,.card,.panel{min-width:0;max-width:100%}
:where(#app,#rt-main,.view,.card,.sidebar,.topbar) :where(div,section,article,aside,header,nav,form,label,span,p,li){min-width:0}
:where(.view,.card,.panel,.sidebar,.topbar) :where(p,li,td,th,dd,dt,a,span,label,h1,h2,h3,h4,code,small){overflow-wrap:anywhere}
img,video,canvas,svg,iframe,embed,object{max-width:100%;height:auto}
pre,code,kbd,samp{white-space:pre-wrap;word-break:break-word;max-width:100%}
.view table:not(.tms-regt){max-width:100%}
/* sidebar: never wider than itself */
.sidebar{overflow-x:hidden!important;max-width:100%}
.sidebar *{max-width:100%}
.sidebar .nav-item,.sidebar .nav-item *,.sidebar .proj-switch,.sidebar .proj-switch *,.sidebar [class*="active-project"],.sidebar [class*="active-project"] *{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
.sidebar select{width:100%;max-width:100%}
.topbar{max-width:100%;min-width:0;overflow-x:hidden}
.topbar>*{min-width:0}
}
/* no-hscroll-20261022 additions: both layouts (old + html[data-tms-layout=light]) */
html body #app .sidebar,html body #app aside#trace-mobile-navigation{overflow-x:hidden!important}
html body #app .sidebar :is(.trace-n2-gbtn,.nav-item,.nav-label,.nav-section>summary,button,a){max-width:100%!important;min-width:0!important}
html body #app .sidebar .nav-item>:not(.nav-ico){overflow:hidden;text-overflow:ellipsis}
html body #app #trace-ia-workspace-nav{flex-wrap:wrap!important;overflow-x:visible!important;max-width:100%!important;min-width:0!important;height:auto!important}
html body #app #trace-ia-workspace-nav>*{flex:0 1 auto!important;min-width:0!important;white-space:normal!important}
html body #app .view .table-wrap:not(.tms-reg-scroll){overflow-x:visible!important;max-width:100%}
html body #app .view .table-wrap>table:not(.tms-regt){table-layout:fixed;width:100%!important;min-width:0!important}
html body #app .view .table-wrap>table:not(.tms-regt) :is(td,th){white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
html body #app .tms-help-glue{white-space:normal!important}
@media (max-width:899.98px){
 html body #app #rt-main .topbar{flex-wrap:wrap!important;height:auto!important;max-height:none!important;min-height:48px!important;row-gap:6px;padding:4px 10px!important;overflow:visible!important}
 html body #app #rt-main .topbar .topbar-right{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;margin-left:auto;gap:4px!important}
 html body #app #rt-main .topbar .topbar-right>*,html body #app #trace-action-cluster,html body #app #trace-assistance-slot{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
 html body #app #rt-main .topbar .tms-cs{min-width:0!important;max-width:100%!important;flex:1 1 160px}
 html body #app #ask-fab{max-width:calc(100vw - 16px)!important}
}
/* signed-out landing (/) */
.explorer-nav{flex-wrap:wrap!important;overflow-x:visible!important;max-width:100%}
.explorer-nav>*{flex:0 1 auto!important;white-space:normal!important}
.trace-license-table-wrap{overflow-x:visible!important;max-width:100%}
.trace-license-table-wrap table{table-layout:fixed;width:100%!important;min-width:0!important}
.trace-license-table-wrap :is(td,th){white-space:normal!important;overflow-wrap:anywhere}

/* Menu group headers: distinct band (A. N. 9:18 AM PT). Dark menu default; light menu override below. */
html body #app#app .sidebar :is(.trace-n2-gbtn,.nav-label,details.nav-section>summary,#trace-subscription-open){
 background:#1B3260!important;color:#F1F5FB!important;font-size:11.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important;
 margin-top:12px!important;border-top:1px solid rgba(232,238,247,.28)!important;border-radius:6px;padding-top:7px!important;padding-bottom:7px!important;white-space:normal!important}
html body #app#app .sidebar :is(.trace-n2-gbtn,.nav-label,details.nav-section>summary,#trace-subscription-open) :is(span,small,.trace-n2-gtext){color:inherit!important;font-weight:inherit}
html body #app#app .sidebar #trace-subscription-open small{text-transform:none;letter-spacing:0;font-weight:500!important;color:#C9D5EA!important}
html body #app .sidebar .nav-group>.nav-item,html body #app .sidebar details.nav-section>.nav-item,html body #app .sidebar details.nav-section>:not(summary) .nav-item{padding-left:20px!important;font-weight:500;text-transform:none;background:transparent}
html body #app .sidebar.trace-tms-menu-light :is(.trace-n2-gbtn,.nav-label,details.nav-section>summary,#trace-subscription-open){background:#E8EEF7!important;color:#0F1E3D!important;border-top-color:#C3CFE2!important}
/* signed-out landing: explorer chips + phone menu panel */
.explorer-nav{overflow:visible!important}
.explorer-nav>*{max-width:100%!important;min-width:0!important}
.launch-nav .trace-mobile-nav>div{position:fixed!important;left:12px!important;right:12px!important;top:76px!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 88px);overflow-y:auto;grid-template-columns:1fr!important;overflow-x:hidden!important;transform:none!important}
.launch-nav .trace-mobile-nav>div>*{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
/* compact summary strip (phone): text ran past the screen; keep the Navy one-line ellipsis design, clipped to the screen, in both layouts */
html body #app#app #rt-main#rt-main #trace-compact-summary#trace-compact-summary{display:block!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #app#app #rt-main#rt-main #trace-compact-summary#trace-compact-summary *{display:inline!important;white-space:nowrap!important;max-width:none}
/* UI audit 9:57 AM PT: count badge navy, My account label contrast, 44px phone tap targets, My projects action buttons not clipped */
html body #app#app .sidebar .trace-n2-count,html body #app#app .sidebar .trace-n2-gbtn .trace-n2-count{background:#0B1B3A!important;color:#FFFFFF!important;border:1px solid #8FA6CC!important;border-radius:999px;min-width:22px;padding:0 6px!important;font-weight:700}
html body #app .sidebar :is(.nav-label,#trace-mobile-account){color:#F1F5FB!important;opacity:1!important}
@media (max-width:760px){
 html body #app .sidebar :is(.nav-item,.trace-n2-gbtn,details.nav-section>summary,#trace-subscription-open,#trace-mobile-account,#trace-training-footer,.trace-drawer-close){min-height:44px!important;display:flex!important;align-items:center!important}
}
html body #app .view td:has(>.row.gap8>:is(button,a)){overflow:visible!important;white-space:normal!important}
html body #app .view td>.row.gap8{flex-wrap:wrap!important;min-width:0}
html body #app .view td>.row.gap8>:is(button,a,.btn){flex:0 1 auto!important;max-width:100%!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:normal!important}
@media (min-width:900px){html body #app .view .table-wrap>table:not(.tms-regt) td:last-child:has(>.row.gap8){width:auto;min-width:150px}}
@layer trace-n5{
/* no-hscroll-20261022 additions: both layouts (old + html[data-tms-layout=light]) */
html body #app .sidebar,html body #app aside#trace-mobile-navigation{overflow-x:hidden!important}
html body #app .sidebar :is(.trace-n2-gbtn,.nav-item,.nav-label,.nav-section>summary,button,a){max-width:100%!important;min-width:0!important}
html body #app .sidebar .nav-item>:not(.nav-ico){overflow:hidden;text-overflow:ellipsis}
html body #app #trace-ia-workspace-nav{flex-wrap:wrap!important;overflow-x:visible!important;max-width:100%!important;min-width:0!important;height:auto!important}
html body #app #trace-ia-workspace-nav>*{flex:0 1 auto!important;min-width:0!important;white-space:normal!important}
html body #app .view .table-wrap:not(.tms-reg-scroll){overflow-x:visible!important;max-width:100%}
html body #app .view .table-wrap>table:not(.tms-regt){table-layout:fixed;width:100%!important;min-width:0!important}
html body #app .view .table-wrap>table:not(.tms-regt) :is(td,th){white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
html body #app .tms-help-glue{white-space:normal!important}
@media (max-width:899.98px){
 html body #app #rt-main .topbar{flex-wrap:wrap!important;height:auto!important;max-height:none!important;min-height:48px!important;row-gap:6px;padding:4px 10px!important;overflow:visible!important}
 html body #app #rt-main .topbar .topbar-right{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;margin-left:auto;gap:4px!important}
 html body #app #rt-main .topbar .topbar-right>*,html body #app #trace-action-cluster,html body #app #trace-assistance-slot{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
 html body #app #rt-main .topbar .tms-cs{min-width:0!important;max-width:100%!important;flex:1 1 160px}
 html body #app #ask-fab{max-width:calc(100vw - 16px)!important}
}
/* signed-out landing (/) */
.explorer-nav{flex-wrap:wrap!important;overflow-x:visible!important;max-width:100%}
.explorer-nav>*{flex:0 1 auto!important;white-space:normal!important}
.trace-license-table-wrap{overflow-x:visible!important;max-width:100%}
.trace-license-table-wrap table{table-layout:fixed;width:100%!important;min-width:0!important}
.trace-license-table-wrap :is(td,th){white-space:normal!important;overflow-wrap:anywhere}

/* Menu group headers: distinct band (A. N. 9:18 AM PT). Dark menu default; light menu override below. */
html body #app#app .sidebar :is(.trace-n2-gbtn,.nav-label,details.nav-section>summary,#trace-subscription-open){
 background:#1B3260!important;color:#F1F5FB!important;font-size:11.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important;
 margin-top:12px!important;border-top:1px solid rgba(232,238,247,.28)!important;border-radius:6px;padding-top:7px!important;padding-bottom:7px!important;white-space:normal!important}
html body #app#app .sidebar :is(.trace-n2-gbtn,.nav-label,details.nav-section>summary,#trace-subscription-open) :is(span,small,.trace-n2-gtext){color:inherit!important;font-weight:inherit}
html body #app#app .sidebar #trace-subscription-open small{text-transform:none;letter-spacing:0;font-weight:500!important;color:#C9D5EA!important}
html body #app .sidebar .nav-group>.nav-item,html body #app .sidebar details.nav-section>.nav-item,html body #app .sidebar details.nav-section>:not(summary) .nav-item{padding-left:20px!important;font-weight:500;text-transform:none;background:transparent}
html body #app .sidebar.trace-tms-menu-light :is(.trace-n2-gbtn,.nav-label,details.nav-section>summary,#trace-subscription-open){background:#E8EEF7!important;color:#0F1E3D!important;border-top-color:#C3CFE2!important}
/* signed-out landing: explorer chips + phone menu panel */
.explorer-nav{overflow:visible!important}
.explorer-nav>*{max-width:100%!important;min-width:0!important}
.launch-nav .trace-mobile-nav>div{position:fixed!important;left:12px!important;right:12px!important;top:76px!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 88px);overflow-y:auto;grid-template-columns:1fr!important;overflow-x:hidden!important;transform:none!important}
.launch-nav .trace-mobile-nav>div>*{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
/* compact summary strip (phone): text ran past the screen; keep the Navy one-line ellipsis design, clipped to the screen, in both layouts */
html body #app#app #rt-main#rt-main #trace-compact-summary#trace-compact-summary{display:block!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #app#app #rt-main#rt-main #trace-compact-summary#trace-compact-summary *{display:inline!important;white-space:nowrap!important;max-width:none}
/* UI audit 9:57 AM PT: count badge navy, My account label contrast, 44px phone tap targets, My projects action buttons not clipped */
html body #app#app .sidebar .trace-n2-count,html body #app#app .sidebar .trace-n2-gbtn .trace-n2-count{background:#0B1B3A!important;color:#FFFFFF!important;border:1px solid #8FA6CC!important;border-radius:999px;min-width:22px;padding:0 6px!important;font-weight:700}
html body #app .sidebar :is(.nav-label,#trace-mobile-account){color:#F1F5FB!important;opacity:1!important}
@media (max-width:760px){
 html body #app .sidebar :is(.nav-item,.trace-n2-gbtn,details.nav-section>summary,#trace-subscription-open,#trace-mobile-account,#trace-training-footer,.trace-drawer-close){min-height:44px!important;display:flex!important;align-items:center!important}
}
html body #app .view td:has(>.row.gap8>:is(button,a)){overflow:visible!important;white-space:normal!important}
html body #app .view td>.row.gap8{flex-wrap:wrap!important;min-width:0}
html body #app .view td>.row.gap8>:is(button,a,.btn){flex:0 1 auto!important;max-width:100%!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:normal!important}
@media (min-width:900px){html body #app .view .table-wrap>table:not(.tms-regt) td:last-child:has(>.row.gap8){width:auto;min-width:150px}}
}
