/* All destinations live in this single rail; mobile retains its drawer. */
.statera-app #st-section-actions{overflow:hidden;box-sizing:border-box}
.statera-app #st-section-actions[hidden]{display:none!important}
.statera-app #st-section-actions>[hidden]{display:none!important}
html.statera-app.st-app-shell{--st-rail-width:72px}
@media(min-width:769px){html.statera-app.st-app-shell{--st-rail-width:224px}}
@media(min-width:1201px){html.statera-app.st-app-shell.st-nav-expanded{--st-rail-width:224px}}
/* Keep legacy rails visually inert while the deferred shell builds the current navigation. */
html.statera-app.st-app-shell .workspace>.sidebar:not(.st-rail),
html.statera-app.st-app-shell .app-container>.app-sidebar:not(.st-rail){position:fixed!important;inset:0 auto 0 0!important;width:var(--st-rail-width)!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;padding:12px 8px!important;background:var(--st-surface)!important;border-right:1px solid var(--st-border)!important;box-sizing:border-box;z-index:200;overflow:hidden!important}
html.statera-app.st-app-shell .workspace>.sidebar:not(.st-rail)>*,
html.statera-app.st-app-shell .app-container>.app-sidebar:not(.st-rail)>*{visibility:hidden!important}
html.statera-app.st-app-shell .st-rail{position:fixed!important;inset:0 auto 0 0!important;width:var(--st-rail-width)!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:visible!important;background:var(--st-surface)!important;border-right:1px solid var(--st-border)!important;z-index:80;align-self:start;box-sizing:border-box}
html.statera-app.st-app-shell.st-nav-expanded .st-rail{width:244px!important}
.st-rail>.brand,.st-rail>.nav-label,.st-rail>#tools-menu-toggle,.st-rail>.sidebar-top,.st-rail>.sidebar-bottom{display:none!important}
.statera-app .st-rail-heading{display:flex;flex:none;flex-direction:column;align-items:center;gap:8px}
.statera-app.st-nav-expanded .st-rail-heading{flex-direction:row;justify-content:space-between;padding-inline:4px}
html.statera-app.st-app-shell .st-rail-heading .st-tools-toggle{margin:0!important}
html.statera-app.st-app-shell .st-rail .st-rail-heading .st-tools-toggle{margin:0!important}
html.statera-app.st-app-shell .st-rail-heading{align-self:stretch;width:100%;box-sizing:border-box}
.statera-app .st-app-logo{display:flex;justify-content:flex-start;align-items:center;width:auto;min-width:48px;height:40px;flex:none;padding-inline:6px;color:var(--st-text);font:750 29px/1 var(--st-font);text-decoration:none;letter-spacing:-.055em;white-space:nowrap;word-spacing:0}
.statera-app .st-navigation{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--st-border) transparent;gap:12px}
html.statera-app.st-app-shell .st-navigation{width:100%;align-self:stretch;box-sizing:border-box}
html.statera-app.st-app-shell .st-rail .st-primary-nav{display:flex!important;flex-direction:column!important;gap:3px!important;position:static!important;padding:0!important;margin:0!important;overflow:visible!important;max-height:none!important;flex:none}
.statera-app .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html.statera-app.st-app-shell .st-rail .st-nav-action{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;flex:none;width:48px!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:10px!important;margin:0 auto!important;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;color:var(--st-muted)!important;box-shadow:none!important;text-decoration:none!important;gap:12px!important;box-sizing:border-box}
html.statera-app.st-app-shell .st-route-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:4px;min-width:0}
html.statera-app.st-app-shell .st-route-row[hidden],html.statera-app.st-app-shell .st-mode-placeholder[hidden]{display:none!important}
.st-mode-slot{flex:none;min-height:84px;position:relative}
.st-mode-slot .st-ui-mode{margin-bottom:4px}
.st-mode-slot .st-ui-mode-status{margin:0 6px;font-size:11px;line-height:16px}
.st-mode-placeholder{height:44px;display:flex;align-items:center;padding:0 12px;color:var(--st-muted);box-sizing:border-box}
.st-mode-pending .st-ui-mode::before{opacity:0}
.st-mode-pending .st-ui-mode label:has(input:checked){font-weight:500;color:var(--st-muted)}
@media(max-width:768px){html.statera-app.st-app-shell:not(.st-nav-expanded) .st-mode-slot,html.statera-app.st-app-shell:not(.st-nav-expanded) .st-mode-placeholder{display:none!important}}
html.statera-app.st-app-shell .st-route-row:not(:has(>.st-route-disclosure)){grid-template-columns:minmax(0,1fr)}
html.statera-app.st-app-shell .st-route-row>.st-nav-action{width:100%!important;margin:0!important}
html.statera-app.st-app-shell .st-route-disclosure{display:flex;align-items:center;justify-content:center;width:38px;height:40px;min-width:38px;min-height:40px;margin:0;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--st-muted);cursor:pointer;box-sizing:border-box}
html.statera-app.st-app-shell .st-route-disclosure:is(:hover,:focus-visible),html.statera-app.st-app-shell .st-route-disclosure[aria-expanded=true]{background:var(--st-raised);color:var(--st-gold);border-color:var(--st-border)}
html.statera-app.st-app-shell .st-route-disclosure:focus-visible{outline:2px solid var(--st-gold);outline-offset:2px}
html.statera-app.st-app-shell .st-route-disclosure svg{width:16px;height:16px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
html.statera-app.st-app-shell .st-route-disclosure[aria-expanded=false] svg{transform:rotate(-90deg)}
html.statera-app.st-app-shell .st-rail .st-nav-action:hover,html.statera-app.st-app-shell .st-rail .st-nav-action:focus-visible{background:var(--st-raised)!important;color:var(--st-text)!important}
html.statera-app.st-app-shell .st-rail .st-nav-action.active,html.statera-app.st-app-shell .st-rail .st-nav-action[aria-expanded=true]{background:var(--st-selected)!important;color:var(--st-gold)!important;border-color:var(--st-gold)!important}
.statera-app .st-nav-action svg{width:22px!important;height:22px!important;min-width:22px;flex:none}
.statera-app .st-nav-action svg.hidden{display:none!important}
html.statera-app.st-app-shell .st-nav-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
html.statera-app.st-app-shell.st-nav-expanded .st-navigation .st-nav-action{width:100%!important;justify-content:flex-start!important;height:auto!important;padding:9px 10px!important;gap:10px!important}
html.statera-app.st-app-shell.st-nav-expanded .st-navigation .st-nav-label{position:static!important;display:block!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important;font-size:14px!important;line-height:1.35!important;font-weight:500!important;transform:none!important;background:none!important;border:0!important;color:inherit!important}
.statera-app .st-secondary-actions{display:flex;flex:none;flex-direction:column;gap:3px;border-top:1px solid var(--st-border);padding-top:10px;margin-top:auto}
.statera-app .st-nav-tooltip{position:fixed;background:var(--st-raised);border:1px solid var(--st-border);padding:8px 12px;color:var(--st-text);font:500 14px/1.3 var(--st-font);white-space:nowrap;border-radius:6px;z-index:110;pointer-events:none}
.st-nav-tooltip[hidden]{display:none!important}
html.statera-app.st-app-shell .st-rail{z-index:200}
.statera-app .st-nav-tooltip{z-index:210}
html.statera-app.st-app-shell .st-nav-label{text-align:left!important}
html.statera-app.st-app-shell .st-rail .st-navigation .st-nav-action{flex-direction:row!important}
html.statera-app.st-app-shell .st-rail .st-nav-action{transition:color .12s,background-color .12s,border-color .12s!important}
@media(prefers-reduced-motion:reduce){html.statera-app.st-app-shell .st-rail .st-nav-action,html.statera-app.st-app-shell .st-route-disclosure svg{transition:none!important}}
html.statera-app.st-app-shell.st-nav-expanded .st-rail .st-navigation .st-nav-action{width:100%!important;margin:0!important;justify-content:flex-start!important}
html.statera-app.st-app-shell.st-nav-expanded .st-navigation #tableActionsOpen{width:100%!important}
html.statera-app.st-app-shell.st-nav-expanded .st-rail-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important}
.statera-app .st-header-utilities{display:flex!important;align-items:center;gap:8px;flex:none;margin-left:auto}
.statera-app .st-header-utilities .tools-language{display:block!important;position:static!important;width:auto!important;margin:0!important;flex:none!important}
.statera-app .st-header-utilities .tools-language>span:not(.sr-only){display:none}
.statera-app .st-header-utilities select{width:126px!important;min-width:126px!important;height:44px!important;padding:8px 10px!important;font-size:14px!important;margin:0!important;border:1px solid var(--st-border)!important;background:var(--st-input)!important;color:var(--st-text)!important;border-radius:6px!important}
.statera-app .st-header-utilities .st-language-picker{position:relative!important;inset:auto!important}
.statera-app .st-language-picker>select[hidden],.statera-app .st-language-menu[hidden]{display:none!important}
.statera-app .st-language-toggle{display:flex!important;align-items:center;justify-content:center;gap:6px;min-width:76px!important;width:auto!important;height:44px!important;min-height:44px!important;margin:0!important;padding:8px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--st-text)!important;font:500 13px/1 var(--st-font)!important;cursor:pointer;box-shadow:none!important}
.statera-app .st-language-toggle>svg{width:18px;height:18px;flex:none}
.statera-app .st-language-toggle>.st-language-chevron{width:12px;height:12px}
.statera-app .st-language-toggle:is(:hover,[aria-expanded="true"]){background:var(--st-raised)!important;border-color:var(--st-border)!important}
.statera-app .st-language-toggle:focus-visible,.statera-app .st-language-option:focus-visible{outline:2px solid var(--st-gold)!important;outline-offset:2px}
.statera-app .st-language-menu{position:absolute;z-index:300;top:calc(100% + 6px);right:0;display:grid;gap:2px;width:128px;padding:4px;border:1px solid var(--st-border);border-radius:8px;background:var(--st-raised);color:var(--st-text);box-shadow:0 8px 24px #0002}
.statera-app .st-language-option{display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--st-text)!important;font:500 13px/1 var(--st-font)!important;text-align:left;cursor:pointer;box-shadow:none!important}
.statera-app .st-language-option:is(:hover,:focus-visible):not(:disabled),.statera-app .st-language-option[aria-checked="true"]{background:var(--st-input)!important}
.statera-app .st-language-option:disabled{opacity:.5!important;cursor:default}
.statera-app .st-language-status{color:var(--st-gold);font-size:14px}
.statera-app .st-language-option:disabled .st-language-status{color:inherit;font-size:10px;font-weight:400}
@media(max-width:768px){.statera-app .st-language-menu{right:auto;left:0}}
.statera-app .st-account-link,.statera-app #tools-account-toggle{display:flex;align-items:center;justify-content:center;min-height:44px!important;padding:8px 12px!important;border:1px solid var(--st-border)!important;border-radius:6px!important;background:var(--st-raised)!important;color:var(--st-text)!important;font-size:14px!important;white-space:nowrap;text-decoration:none}
.statera-app .st-account-link[hidden]{display:none!important}
.statera-app .tools-table-access{display:none!important}
html.statera-app.st-app-shell .workspace{display:block!important;min-height:100dvh}
html.statera-app.st-app-shell .workspace>.main{margin:0 0 0 var(--st-rail-width)!important;padding:24px 28px!important;width:calc(100% - var(--st-rail-width))!important;max-width:none!important;min-width:0;box-sizing:border-box}
html.statera-app.st-app-shell .workspace .topbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:48px}
html.statera-app.st-app-shell .workspace:has(#content[data-tools-view=wheel]) .topbar{min-height:86px!important;align-items:start!important;padding:0 0 14px!important;margin:0 0 12px!important;border-bottom:0!important;}
html.statera-app.st-app-shell .workspace:has(#content[data-tools-view=wheel]) #page-title{font:700 40px/1.15 Archivo,Arial,sans-serif!important;letter-spacing:-1.2px;margin:0!important;}
html.statera-app.st-app-shell .workspace:has(#content[data-tools-view=wheel]) .topbar .rg-lead{font:400 16px/1.4 Arial,sans-serif!important;margin:4px 0 0!important;color:var(--st-muted);}
@media(max-width:768px){html.statera-app.st-app-shell .workspace:has(#content[data-tools-view=wheel]) #page-title{font-size:28px!important;}html.statera-app.st-app-shell .workspace:has(#content[data-tools-view=wheel]) .topbar{min-height:0!important;}}
.statera-app .top-actions{gap:8px;display:flex;align-items:center;flex-wrap:wrap}.statera-app .top-actions[hidden]{display:none!important}
.statera-app #session-picker{max-width:220px;width:180px;min-height:44px}.statera-app #new-session{min-height:44px;padding:8px 12px;font-size:14px;white-space:nowrap}
html.statera-app.st-app-shell .app-container{grid-template-columns:var(--st-rail-width) minmax(0,1fr)!important}
html.statera-app.st-app-shell .app-container>#statera-mesa-view,html.statera-app.st-app-shell .app-container>#statera-tools-view{grid-column:2;grid-row:1;min-width:0;min-height:0}
html.statera-app.st-app-shell #statera-mesa-view[hidden],html.statera-app.st-app-shell #statera-tools-view[hidden],html.statera-app.st-app-shell #statera-mesa-portals[hidden]{display:none!important}
html.statera-app.st-app-shell .terminal-main{grid-column:2}
.statera-app .terminal-topbar .topbar-controls{gap:8px!important;flex-shrink:0}
.statera-app .terminal-topbar .topbar-stats{min-width:0;gap:12px!important}
html.statera-app.st-app-shell .terminal-topbar .stat-pill{border:0!important;box-shadow:none!important}
@media(min-width:769px){
 html.statera-app.st-app-shell .terminal-topbar{display:flex!important;padding-inline:20px!important;gap:24px!important}
 html.statera-app.st-app-shell .terminal-topbar .topbar-title-block{display:none!important}
 html.statera-app.st-app-shell .terminal-topbar .topbar-stats{display:flex!important;flex:1!important;width:auto!important;align-items:center!important;justify-content:center!important;gap:clamp(24px,3vw,64px)!important}
 html.statera-app.st-app-shell .terminal-topbar .stat-pill{flex:none!important;width:auto!important;min-width:0!important;padding:0!important;align-items:center!important;gap:4px!important}
 html.statera-app.st-app-shell .terminal-topbar .dropdown-wrapper{flex:none!important;width:auto!important}
 html.statera-app.st-app-shell .terminal-topbar .stat-pill-label{line-height:1.3!important;white-space:nowrap!important}
 html.statera-app.st-app-shell .terminal-topbar .stat-pill-val{min-width:0!important;text-align:center!important}
 html.statera-app.st-app-shell .terminal-topbar #btnChipDropdown{display:grid!important;grid-template-columns:max-content 10px!important;grid-template-rows:auto auto!important;gap:4px 7px!important;align-items:center!important;justify-items:center!important;background:none!important;padding:0!important}
 html.statera-app.st-app-shell .terminal-topbar #lblFicha{grid-area:1/1/2/3!important}
 html.statera-app.st-app-shell .terminal-topbar #headerBaseChip{grid-area:2/1!important}
 html.statera-app.st-app-shell .terminal-topbar .chip-dropdown-chevron{position:static!important;inset:auto!important;grid-area:2/2!important;margin:0!important;font-size:10px!important;line-height:1!important;transform:none!important;color:var(--st-muted)!important;pointer-events:none}
 html.statera-app.st-app-shell .terminal-topbar #btnChipDropdown:is(:hover,:focus-visible){background:var(--st-raised)!important}
}
@media(min-width:769px) and (max-width:1100px){
 html.statera-app.st-app-shell .terminal-topbar{padding-inline:12px!important;gap:16px!important}
 html.statera-app.st-app-shell .terminal-topbar .topbar-stats{gap:18px!important}
 html.statera-app.st-app-shell .terminal-topbar .stat-pill-label{font-size:11px!important}
}
@media(max-width:1100px){.statera-app .terminal-topbar .topbar-heading{font-size:19px!important}.statera-app .terminal-topbar .stat-pill-val{font-size:23px!important}.statera-app .terminal-topbar .stat-pill{padding:0 4px!important}.statera-app .terminal-topbar .topbar-stats{gap:8px!important}.statera-app .terminal-topbar .st-header-utilities select{width:110px!important;min-width:110px!important}}
@media(max-width:768px){
 html.statera-app.st-app-shell .workspace>.sidebar:not(.st-rail),html.statera-app.st-app-shell .app-container>.app-sidebar:not(.st-rail){inset:auto 0 0!important;width:100%!important;height:60px!important;max-height:60px!important;padding:8px!important;border-right:0!important;border-top:1px solid var(--st-border)!important}
 html.statera-app.st-app-shell .st-rail{inset:auto 0 0!important;width:100%!important;min-width:0!important;height:60px!important;max-height:60px!important;padding:8px!important;flex-direction:row!important;gap:0!important;border-right:0!important;border-top:1px solid var(--st-border)!important;align-items:center!important}
 .statera-app .st-rail-heading{display:contents!important}.statera-app .st-app-logo{display:none!important}.statera-app .st-tools-toggle{order:2;margin:0!important;flex:none}.statera-app .st-navigation{display:contents!important}
 html.statera-app.st-app-shell .st-rail .st-primary-nav{flex:1;flex-direction:row!important;gap:0!important;justify-content:space-around!important;min-width:0}
 html.statera-app.st-app-shell:not(.st-nav-expanded) .st-rail .st-route-row{display:contents!important}
 html.statera-app.st-app-shell:not(.st-nav-expanded) .st-rail .st-route-row>.st-mobile-primary{width:0!important;min-width:0!important;flex:1 1 0!important}
 html.statera-app.st-app-shell:not(.st-nav-expanded) .st-rail .st-route-row:not(.st-mobile-primary-row),html.statera-app.st-app-shell:not(.st-nav-expanded) .st-secondary-actions,html.statera-app.st-app-shell:not(.st-nav-expanded) .st-route-disclosure{display:none!important}
 html.statera-app.st-app-shell.st-nav-expanded .st-rail{inset:0 auto 0 0!important;width:min(280px,100%)!important;height:100dvh!important;max-height:100dvh!important;flex-direction:column!important;align-items:stretch!important;padding:12px!important;gap:10px!important;box-shadow:8px 0 32px #0008;border-right:1px solid var(--st-border)!important;border-top:0!important}
 html.st-nav-expanded .st-rail .st-rail-heading{display:flex!important}.st-nav-expanded .st-app-logo{display:flex!important}.st-nav-expanded .st-navigation{display:flex!important}
 html.statera-app.st-app-shell.st-nav-expanded .st-rail .st-primary-nav{flex:none;flex-direction:column!important;gap:3px!important}
 html.statera-app.st-app-shell .workspace>.main{margin:0!important;padding:16px 16px 76px!important;width:100%!important}
 .statera-app .workspace .topbar>div:first-child{flex:1;min-width:0}.statera-app .workspace .top-actions{order:3;width:100%}.statera-app .st-header-utilities{gap:6px}.statera-app .st-header-utilities select{width:108px!important;min-width:108px!important}.statera-app .st-account-link,.statera-app #tools-account-toggle{font-size:13px!important;padding:6px 8px!important}
 html.statera-app.st-app-shell .terminal-main.has-strategy-controls{height:calc(100dvh - 60px)!important;max-height:calc(100dvh - 60px)!important}
 html.statera-app.st-app-shell .terminal-main.has-strategy-controls{grid-template-rows:104px 32px 38px minmax(0,1fr) 264px!important}
 html.statera-app.st-app-shell .terminal-topbar{grid-template-rows:44px 48px!important;gap:4px!important;min-height:0!important;padding:4px 10px!important}
 html.statera-app.st-app-shell .terminal-topbar .topbar-stats{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(44px,.45fr)!important;gap:6px!important;align-items:start!important}
 html.statera-app.st-app-shell .terminal-topbar .stat-pill{min-width:0!important;gap:4px!important;padding:0!important;border:0!important;background:none!important}.statera-app .terminal-topbar .stat-pill-label{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
 .statera-app .terminal-topbar .stat-pill-val{font-size:23px!important}.statera-app .terminal-topbar .stat-pill-label{font-size:11px!important;line-height:1.2!important;min-height:0!important;height:auto!important}
 .statera-app .terminal-topbar .topbar-title-block{display:none!important}.statera-app .terminal-topbar .topbar-controls{grid-column:1/-1!important;justify-content:space-between!important;width:100%!important;gap:4px!important}.statera-app .terminal-topbar .st-header-utilities select{width:108px!important;min-width:108px!important}
}
@media(max-width:360px){.statera-app .st-nav-action{width:44px!important}.statera-app .workspace>.main{padding-inline:12px!important}.statera-app #page-title{font-size:20px}.statera-app .st-header-utilities select{width:102px!important;min-width:102px!important}.statera-app .st-account-link{font-size:12px!important}}
@media(max-width:360px){html.statera-app.st-app-shell .terminal-topbar .topbar-stats{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(36px,.4fr)!important}.statera-app .terminal-topbar .stat-pill-val{font-size:20px!important}}
@media(max-width:768px) and (max-height:800px){html.statera-app.st-app-shell .terminal-main.has-strategy-controls{grid-template-rows:104px 32px 38px minmax(0,1fr) 232px!important}}
@media(max-width:768px){
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body:not(.strategy-table-mode) .terminal-topbar .topbar-stats{grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.9fr) minmax(30px,.4fr)!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body:not(.strategy-table-mode) .terminal-topbar #chipDropdownWrapper{position:relative!important;inset:auto!important;width:auto!important;grid-area:auto!important;align-self:start!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body:not(.strategy-table-mode) .terminal-topbar #btnChipDropdown{position:static!important;width:100%!important;min-width:0!important;padding:0!important;gap:4px!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body:not(.strategy-table-mode) .terminal-topbar .stat-pill-label{display:block!important;font-size:10px!important;line-height:1.2!important;min-height:0!important;height:auto!important}
 html.statera-app.st-app-shell .terminal-topbar .stat-pill-val{min-width:0!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body:not(.strategy-table-mode) .terminal-topbar #headerBaseChip{font-size:17px!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body:not(.strategy-table-mode) .terminal-topbar .chip-dropdown-chevron{display:none!important}
}

/* Mesa sections share one canvas and aligned gutters; spacing separates them. */
html.statera-app.st-app-shell[data-st-active-view="mesa"] body{--st-mesa-gutter:20px;--st-mesa-space:12px}
html.statera-app.st-app-shell[data-st-active-view="mesa"] .terminal-main>:is(.terminal-topbar,.terminal-tabs-bar,.terminal-toolbar,#telemetryCardsGrid,.strategy-controls,.sc-live-cards,.roulette-board-section,.mobile-keypad-section){border:0!important;box-shadow:none!important;background:var(--st-bg)!important;padding-inline:var(--st-mesa-gutter)!important}
html.statera-app.st-app-shell[data-st-active-view="mesa"] .terminal-main>:is(#telemetryCardsGrid,.sc-live-cards.desk-live,.roulette-board-section,.mobile-keypad-section){padding-block:var(--st-mesa-space)!important}
html.statera-app.st-app-shell[data-st-active-view="mesa"] .terminal-main :is(.ornament-line,.sidebar-divider){display:none!important}
html.statera-app.st-app-shell[data-st-active-view="mesa"] .terminal-main :is(.desk-config span+span,.desk-positions>div,.luxury-metric-row){border:0!important}
html.statera-app.st-app-shell[data-st-active-view="mesa"] .terminal-main .desk-config span+span{padding-left:0}
@media(max-width:1100px){html.statera-app.st-app-shell[data-st-active-view="mesa"] body{--st-mesa-gutter:12px}}
@media(max-width:768px){html.statera-app.st-app-shell[data-st-active-view="mesa"] body{--st-mesa-gutter:10px;--st-mesa-space:8px}}
@media(min-width:769px) and (max-height:600px){html.statera-app.st-app-shell[data-st-active-view="mesa"] body{--st-mesa-space:6px}}

/* Bound the entire window, not just its content. Keep title and actions in view. */
html.statera-app[data-st-active-view="mesa"] body :is(.modal-backdrop,.settings-popover-card) *{font-family:var(--st-font)!important;box-sizing:border-box}
html.statera-app[data-st-active-view="mesa"] body .modal-backdrop{padding:16px;box-sizing:border-box;overflow:hidden}
html.statera-app[data-st-active-view="mesa"] body .modal-backdrop>:is(.modal-box,.modal-dialog){display:flex;flex-direction:column;min-width:0;min-height:0;max-width:100%!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;background:var(--st-surface)!important;border-color:var(--st-border)!important;box-shadow:0 20px 64px #0008!important}
html.statera-app[data-st-active-view="mesa"] body .modal-header{flex:none;min-width:0;gap:12px;padding:16px 20px!important;border:0!important;background:var(--st-surface)!important}
html.statera-app[data-st-active-view="mesa"] body .modal-header>div{min-width:0}
html.statera-app[data-st-active-view="mesa"] body .modal-title{font-size:22px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.02em!important;overflow-wrap:anywhere;color:var(--st-text)!important}
html.statera-app[data-st-active-view="mesa"] body .modal-close-btn{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0!important;color:var(--st-text)}
html.statera-app[data-st-active-view="mesa"] body .modal-body{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;padding:12px 20px!important;scrollbar-width:thin}
html.statera-app[data-st-active-view="mesa"] body .modal-body>*{flex-shrink:0}
html.statera-app[data-st-active-view="mesa"] body .special-mode-title-group{gap:10px!important;min-width:0}
html.statera-app[data-st-active-view="mesa"] body .special-mode-title-group>div{min-width:0}
html.statera-app[data-st-active-view="mesa"] body .special-mode-title-group>div>div{flex-wrap:wrap}
html.statera-app[data-st-active-view="mesa"] body .special-icon{display:none}
html.statera-app[data-st-active-view="mesa"] body .modal-special-mode .modal-subtitle{font-size:14px!important;font-weight:400!important;line-height:1.4}
html.statera-app[data-st-active-view="mesa"] body .special-option-card{padding:16px!important;border-color:var(--st-border)!important;border-radius:8px!important;background:var(--st-input)!important;box-shadow:none!important}
html.statera-app[data-st-active-view="mesa"] body .special-option-header{gap:12px!important;align-items:flex-start!important}
html.statera-app[data-st-active-view="mesa"] body .option-text-block{min-width:0}
html.statera-app[data-st-active-view="mesa"] body .option-title{font-size:17px!important;line-height:1.3!important;font-weight:600!important;color:var(--st-text)!important}
html.statera-app[data-st-active-view="mesa"] body :is(.option-desc,.mode-btn-desc){font-size:15px!important;line-height:1.5!important}
html.statera-app[data-st-active-view="mesa"] body .special-modal-footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);flex:none;gap:8px!important;padding:16px 20px!important;border:0!important;background:var(--st-surface)!important}
html.statera-app[data-st-active-view="mesa"] body .special-modal-footer button{width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:10px 12px!important;white-space:normal!important;overflow-wrap:anywhere;font-size:14px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:0!important;border:1px solid var(--st-border)!important;border-radius:6px!important;background:var(--st-raised)!important;color:var(--st-text)!important;box-shadow:none!important;transform:none!important}
html.statera-app[data-st-active-view="mesa"] body .special-modal-footer #btnSaveSpecialSettings{background:var(--st-gold)!important;color:var(--st-bg)!important;border-color:var(--st-gold)!important}
html.statera-app[data-st-active-view="mesa"] body #settingsDrawer{max-height:calc(100dvh - 84px);padding:0;overflow:hidden;background:var(--st-surface);border-color:var(--st-border);box-shadow:0 16px 48px #0008}
html.statera-app[data-st-active-view="mesa"] body #settingsDrawer .popover-header{flex:none;border:0}
html.statera-app[data-st-active-view="mesa"] body #settingsDrawer .popover-body{min-height:0;overflow:auto;overscroll-behavior:contain}
html.statera-app[data-st-active-view="mesa"] body #settingsDrawer .popover-body>*{flex-shrink:0}
html.statera-app[data-st-active-view="mesa"] body #settingsDrawer .popover-close-btn{min-width:44px;min-height:44px;flex:none}
@media(max-width:600px){
 html.statera-app[data-st-active-view="mesa"] body .modal-backdrop{padding:8px}
 html.statera-app[data-st-active-view="mesa"] body .modal-backdrop>:is(.modal-box,.modal-dialog){width:100%!important;max-height:calc(100dvh - 16px)!important}
 html.statera-app[data-st-active-view="mesa"] body .modal-header{padding:12px!important;align-items:flex-start}
 html.statera-app[data-st-active-view="mesa"] body .modal-title{font-size:20px!important}
 html.statera-app[data-st-active-view="mesa"] body .modal-body{padding:8px 12px!important}
 html.statera-app[data-st-active-view="mesa"] body .special-option-card{padding:12px!important}
 html.statera-app[data-st-active-view="mesa"] body .numpad-mode-selector{grid-template-columns:minmax(0,1fr)!important}
 html.statera-app[data-st-active-view="mesa"] body .special-modal-footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px!important}
 html.statera-app[data-st-active-view="mesa"] body .special-modal-footer #btnSaveSpecialSettings{grid-column:1/-1;grid-row:1}
 html.statera-app[data-st-active-view="mesa"] body #settingsDrawer{inset:8px 8px auto!important;width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:12px}
 html.statera-app[data-st-active-view="mesa"] body #settingsDrawer::before{display:none}
}
@media(max-height:500px){html.statera-app[data-st-active-view="mesa"] body .modal-header,html.statera-app[data-st-active-view="mesa"] body .special-modal-footer{padding-block:8px!important}}
@media(max-width:768px){
 html.statera-app[data-st-active-view="mesa"] body:not(.strategy-table-mode) #btnSpecialMode{display:inline-flex!important;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;flex:none}
 html.statera-app[data-st-active-view="mesa"] body:not(.strategy-table-mode) #btnSpecialMode span{display:none!important}
}

/* All table types expose their own starting chip in the same KPI position. */
html[data-st-active-view="mesa"] body:not(.strategy-table-mode) #strategyHeaderChip,html[data-st-active-view="mesa"] #strategyHeaderChip[hidden]{display:none!important}
html[data-st-active-view="mesa"] body.strategy-table-mode #strategyHeaderChip{display:flex;flex-direction:column;justify-content:center;min-height:44px;background:none;color:var(--st-muted);padding:0;border:0;cursor:pointer;font:inherit}
html[data-st-active-view="mesa"] #strategyHeaderChip .stat-pill-val{color:var(--st-gold);white-space:nowrap}
html[data-st-active-view="mesa"] #strategyHeaderChip:is(:hover,:focus-visible){background:var(--st-raised)!important;border-radius:6px}
@media(max-width:768px){
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body.strategy-table-mode .terminal-topbar .topbar-stats{grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.9fr) minmax(30px,.4fr)!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] body.strategy-table-mode .terminal-topbar .stat-pill-label{font-size:10px!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] .terminal-topbar #strategyHeaderChip{align-items:flex-start!important;min-height:0!important;gap:4px!important}
 html.statera-app.st-app-shell[data-st-active-view="mesa"] #strategyHeaderChip .stat-pill-val{font-size:17px!important;text-align:left!important}
}

.table-capital-actions{display:flex;gap:10px;flex-wrap:wrap}
#openPlaySetup[open]{display:flex;flex-direction:column;gap:12px;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;box-sizing:border-box;overflow:hidden}
#openPlaySetup>header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;gap:12px;margin:0}
#openPlaySetup>header h2{font-size:22px;line-height:1.25}
#openPlaySetup>header button{flex-shrink:0}
#openPlaySetup>form{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;gap:12px;padding:4px;margin:0}
#openPlaySetup>form>*{flex-shrink:0}
#openPlaySetup>form>p{margin:0}
#openPlaySetup .open-play-capital{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#openPlaySetup .open-play-capital>label{min-width:0;justify-content:space-between}
#openPlaySetup>.open-play-setup-footer{flex-shrink:0;display:grid;gap:8px;padding-top:8px}
#openPlaySetup>.open-play-setup-footer .sc-error:empty{display:none}
#openPlaySetup>.open-play-setup-footer button{width:100%}
@media(max-width:480px){#openPlaySetup[open]{padding:16px}#openPlaySetup .open-play-capital{grid-template-columns:1fr}}
#catalogueLaunchDialog{padding-bottom:0!important}
#catalogueLaunchDialog .catalogue-actions{bottom:0;background:var(--st-surface)!important;padding:12px 0 24px;border:0}
@media(max-width:480px){.table-capital-actions{flex-direction:column}.table-capital-actions button{width:100%}}

/* Configuration keeps its actions visible without overlaying the fields. */
#strategyCreateDialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
#strategyCreateDialog>#strategyCreateForm{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:12px;margin:0}
#strategyCreateForm>.sc-dialog-head{flex-shrink:0;margin:0}
#strategyCreateForm>.sc-create-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;gap:15px;padding:6px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#strategyCreateForm>.sc-create-body>*{flex-shrink:0}
#strategyCreateForm>.sc-create-footer{flex-shrink:0;display:grid;gap:8px;padding-top:8px}
#strategyCreateForm>.sc-create-footer .sc-error:empty{display:none}
#strategyCreateForm>.sc-create-footer button{width:100%}

#programBuilder.program-builder[open]{display:flex;flex-direction:column;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:hidden}
#programBuilder.program-builder>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;gap:12px;margin:0}
#programBuilder .pb-header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;gap:12px;margin:0}
#programBuilder .pb-header h2{min-width:0}
#programBuilder .pb-header .pb-close{flex-shrink:0;margin:0}
#programBuilder .pb-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;gap:15px;padding:6px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#programBuilder .pb-body>*{flex-shrink:0}
#programBuilder .pb-body .sc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
#programBuilder .pb-body .sc-fields>label{min-width:0}
#programBuilder .pb-body>.pb-actions{grid-template-columns:1fr}
#programBuilder .pb-footer{flex-shrink:0;display:grid;gap:8px;padding-top:8px}
#programBuilder .pb-footer>.sc-error:empty{display:none}
#programBuilder .pb-footer>.pb-primary-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:0;padding:0}
#programBuilder .pb-primary-actions>.pb-cancel{grid-column:auto;justify-self:stretch;min-width:0}
#programBuilder .pb-primary-actions>button{min-width:0;width:100%;margin:0}
@media(max-width:600px){#programBuilder .pb-body .sc-fields{grid-template-columns:1fr}}

/* Leave room for keyboard focus inside clipped modal forms. */
#strategyCreateDialog>#strategyCreateForm,#programBuilder.program-builder>form{padding:6px}

/* The shared desk already keeps the board and rule visible together. */
html.statera-app.st-app-shell .sc-focus-mode{display:none!important}

/* Desktop navigation stays docked, including after visiting Inicio or resizing. */
html.statera-app.st-app-shell .st-rail{--st-surface:#191d23;--st-raised:#222832;--st-border:#3e4652;--st-gold:#ef6175;--st-selected:#35222b;--st-focus:#ff8ea0}
html.statera-app.st-app-shell.st-app-light .st-rail{--st-surface:#fff;--st-raised:#f0f2f5;--st-border:#d7dbe2;--st-gold:#b5122b;--st-selected:#fcebee;--st-focus:#b5122b}
html.statera-app.st-app-shell .st-shell-nav-group{display:none;margin:16px 10px 4px;padding:0;color:var(--st-muted);font:600 12px/1.35 var(--st-font);letter-spacing:.025em}
html.statera-app.st-app-shell .st-rail .st-primary-nav .st-route-row>[data-st-route="live"] .st-nav-label{font-weight:600!important}
html.statera-app.st-app-shell.st-nav-expanded .st-shell-nav-group{display:block}
html.statera-app.st-app-shell .st-rail .st-nav-action:focus-visible{outline:2px solid var(--st-gold)!important;outline-offset:2px!important}
@media(min-width:769px){
 html.statera-app.st-app-shell.st-nav-fixed{--st-rail-width:224px}
 html.statera-app.st-app-shell.st-nav-fixed.st-nav-expanded .st-rail{width:var(--st-rail-width)!important;box-shadow:none!important}
 html.statera-app.st-app-shell.st-nav-fixed.st-nav-expanded .st-rail-heading{display:flex!important;justify-content:flex-start!important;grid-template-columns:none!important}
 html.statera-app.st-app-shell.st-nav-fixed .st-tools-toggle{display:none!important}
 html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"].st-nav-fixed.st-nav-expanded .st-rail{box-shadow:none!important}
}
/* The existing controls remain connected to their original click handlers. */
html.statera-app.st-app-shell .st-rail .st-section-actions{margin:2px 0 10px 21px;padding:2px 0 2px 10px;border:0;border-left:1px solid var(--st-border);gap:2px}
html.statera-app.st-app-shell.st-nav-expanded #st-section-actions .st-nav-action{padding:8px!important;gap:8px!important;min-height:40px!important}
html.statera-app.st-app-shell.st-nav-expanded #st-section-actions .st-nav-label{font-size:13px!important;line-height:1.35!important}
html.statera-app.st-app-shell .st-rail .st-section-actions svg{width:18px!important;height:18px!important;min-width:18px}
html.statera-app.st-app-shell .st-global-actions:empty{display:none!important}
@media(min-width:769px) and (max-width:1023px){
 html.statera-app.st-app-shell.st-nav-fixed .board-num-btn{padding:1px 2px!important}
 html.statera-app.st-app-shell.st-nav-fixed body.mesa-workspace .board-num-btn .board-num-text{font-size:clamp(18px,2.6vw,24px)!important}
}

/* Keep the Inicio utility group visible and aligned across Tools routes. */
html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace .topbar{align-items:center}
html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace .topbar>.st-header-utilities{order:3;align-self:center;gap:8px}
html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace .topbar:has(.top-actions:not([hidden]))>.st-header-utilities{align-self:flex-end}
@media(max-width:768px){html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace .topbar>.st-header-utilities{order:2;width:100%;justify-content:flex-end;flex-wrap:wrap}.statera-app .workspace .topbar>.st-header-utilities .tools-language select{width:104px!important;min-width:104px!important}}

/* Contextual destinations and the single Sesiones section. No data ownership. */
.session-section-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid var(--st-border);padding-bottom:10px}
.session-section-nav a{display:inline-flex;align-items:center;min-height:42px;padding:8px 15px;border:1px solid transparent;border-radius:9px;color:var(--st-muted,var(--muted));font-weight:600;text-decoration:none}
.session-section-nav a[aria-current="page"]{background:var(--st-surface);border-color:var(--st-border);color:var(--st-text,var(--text))}
.session-section-nav a:focus-visible,.contextual-tool a:focus-visible,.contextual-back a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.panel.contextual-tool{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin:0 0 16px;min-width:0}
.contextual-tool h2{font-size:17px;margin:0 0 5px}.contextual-tool p{font-size:14px;color:var(--st-muted,var(--muted));margin:0;max-width:64ch}
.contextual-tool>a{flex-shrink:0;text-decoration:none}.contextual-back{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:14px}.contextual-back a{color:inherit}
@media(max-width:600px){.panel.contextual-tool{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.contextual-tool>a{min-height:42px;display:inline-flex;align-items:center}.session-section-nav a{padding:8px 12px}}

.statera-app .st-app-logo .st-brand-word{color:var(--st-text)}
.statera-app .st-app-logo .st-brand-edge{margin-left:5px;color:var(--st-accent)}
/* Reference typography and proportions, shared by the rebuilt Tools views. */
html.statera-app.st-app-shell .st-app-logo,html.statera-app.st-app-shell .st-app-logo *{font-family:"Statera Outfit",Arial,sans-serif!important}
@media(min-width:1024px){
 html.statera-app.st-app-shell[data-ui-system="tools"]{--st-rail-width:248px;--st-tools-rail-width:248px}
 html.statera-app.st-app-shell[data-ui-system="tools"] .st-rail{width:var(--st-rail-width)!important}
 html.statera-app.st-app-shell[data-ui-system="tools"] .st-rail .st-nav-label{font-size:16px!important}
 html.statera-app.st-app-shell[data-ui-system="tools"]:has(#content[data-tools-view="home"]){--st-rail-width:264px;--st-tools-rail-width:264px}
}
html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace #page-title{font-size:36px!important;line-height:1.16!important;font-weight:750!important}
html.statera-app.st-app-shell .workspace:has(#content[data-tools-view="wheel"]) .topbar{min-height:86px!important;margin-bottom:12px!important;border-bottom:0!important;align-items:flex-start!important}
html.statera-app.st-app-shell .workspace:has(#content[data-tools-view="wheel"]) #page-title{font-size:40px!important;line-height:1.15!important}
html.statera-app.st-app-shell .workspace .topbar .rg-lead{font-size:16px!important;line-height:1.4;margin:4px 0 0!important}
@media(max-width:768px){html.statera-app.st-app-shell .workspace:has(#content[data-tools-view="wheel"]) #page-title{font-size:28px!important}}
@media(min-width:1024px){
 html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) .topbar{min-height:100px!important;height:100px!important;position:relative;padding-bottom:40px!important}
 html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) .topbar>.top-actions{position:absolute!important;right:0;bottom:0;display:flex!important;flex-flow:row nowrap!important;gap:8px;align-items:center;grid-column:auto!important;grid-row:auto!important;width:auto!important}
 html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) #session-picker{width:230px!important}
}
/* Home uses its own workspace mount without the Tools shell attributes. */
@media(min-width:1024px){
 html.statera-app.st-app-shell.st-nav-fixed:has(#content[data-tools-view="home"]){--st-rail-width:264px;--st-tools-rail-width:264px}
 html.statera-app.st-app-shell:has(#content[data-tools-view="home"]) .st-rail{width:var(--st-rail-width)!important}
 html.statera-app.st-app-shell:has(#content[data-tools-view="home"]) .st-nav-label{font-size:16px!important}
}
/* 040 session-family header: unified subnavigation shares the desktop header row. */
@media(min-width:1101px){
 html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) .topbar{border-bottom:0!important}
 html.statera-app.st-app-shell .workspace #content:is([data-tools-view="session"],[data-tools-view="stats"])>.session-section-nav{position:relative;margin-top:-42px!important;margin-bottom:14px!important;width:min(520px,45%);border-bottom:0!important;z-index:1}
}
@media(max-width:768px){
 html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"],[data-tools-view="history"])) .topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:0!important;padding:0 0 12px!important;gap:10px!important}
 html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"],[data-tools-view="history"])) .topbar>div:has(#page-title){order:0;width:100%}
 html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"],[data-tools-view="history"])) .topbar>.st-database-counter{position:relative!important;order:1;width:100%!important;max-width:none!important;min-height:50px!important}
 html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"],[data-tools-view="history"])) .topbar>.st-header-utilities{position:static!important;order:2;display:flex!important;width:100%!important;justify-content:flex-end!important;margin:0!important;align-self:stretch!important}
 html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) .topbar>.top-actions{position:static!important;order:3;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important}
 html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) #session-picker{width:100%!important;max-width:none!important;min-width:0!important}
 html.statera-app.st-app-shell .workspace #content:is([data-tools-view="session"],[data-tools-view="stats"],[data-tools-view="history"])>.session-section-nav{position:static;width:100%;margin:0 0 14px!important;flex-wrap:nowrap!important;gap:2px!important}
 html.statera-app.st-app-shell .workspace #content:is([data-tools-view="session"],[data-tools-view="stats"],[data-tools-view="history"])>.session-section-nav a{padding:7px 9px!important;font-size:12px!important;white-space:nowrap}
}
@media(min-width:1101px){html.statera-app.st-app-shell[data-ui-system="tools"][data-ui-shell="tools"] .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) .topbar{min-height:86px!important;height:86px!important}}
@media(min-width:1101px){html.statera-app.st-app-shell .workspace:has(#content:is([data-tools-view="session"],[data-tools-view="stats"])) .topbar>.st-database-counter{align-self:flex-start!important;min-height:44px!important;height:44px!important;padding-top:2px!important;padding-bottom:2px!important}}
html.statera-app.st-app-shell[data-color-mode="dark"] .workspace #content:is([data-tools-view="session"],[data-tools-view="stats"],[data-tools-view="history"])>.session-section-nav a[aria-current="page"]{background:#b70b2c;color:#fff;border-color:#e73a58}
/* Shared recovery controls stay outside retired private roots. */
.st-session-utilities{position:fixed;top:12px;right:16px;z-index:30000;max-width:calc(100vw - 32px)}
.st-session-utilities[hidden]{display:none!important}
.st-session-utilities>.st-header-utilities{position:static!important;display:flex!important;gap:8px;margin:0!important}
.statera-navigation-notice{position:fixed;z-index:30001;right:16px;bottom:16px;max-width:min(420px,calc(100vw - 32px));padding:16px;border:1px solid var(--st-border,#56606b);border-radius:12px;background:var(--st-surface,#191e24);color:var(--st-text,#f4f6f8);box-shadow:0 8px 32px #0003}
.statera-navigation-notice p{margin:0 0 12px}.statera-navigation-notice button{min-height:40px;margin-right:8px;padding:8px 12px;border:1px solid var(--st-border,#56606b);border-radius:6px;background:var(--st-raised,#242b34);color:inherit;font:inherit;cursor:pointer}
/* One responsive, non-blocking progress card while the requested screen prepares. */
.statera-navigation-progress{position:fixed;z-index:29990;left:calc(50% + var(--st-rail-width,240px)/2);top:42%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:16px;max-width:min(440px,calc(100vw - 32px));padding:24px 28px;border:1px solid var(--st-border,#56606b);border-radius:16px;background:var(--st-surface,#191e24);color:var(--st-text,#f4f6f8);font-size:16px;font-weight:600;box-shadow:0 16px 60px #0004;pointer-events:none}
.statera-loading-spinner{display:inline-block;flex:none;width:28px;height:28px;border:3px solid var(--st-border,#56606b);border-top-color:var(--st-accent,#ef5b75);border-radius:50%;animation:statera-loading-turn .75s linear infinite}
[data-st-navigation-pending]{outline:1px solid var(--st-accent,#ef5b75);outline-offset:-1px}
@keyframes statera-loading-turn{to{transform:rotate(360deg)}}
@media(max-width:768px){.statera-navigation-progress{left:50%;width:max-content;padding:20px;gap:12px;font-size:14px}}
html.statera-app body.mesa-workspace dialog.ss-dialog[data-surface=loading]{width:min(480px,calc(100vw - 32px));padding:28px}
.ss-loading{display:flex;align-items:center;gap:16px;min-height:52px}html.statera-app body.mesa-workspace dialog.ss-dialog .ss-loading h2{margin:0;font-size:20px;line-height:1.3}
.ss-loading-context{margin:16px 0 20px;font-size:14px;line-height:1.5;color:var(--st-muted,#657080)}
.ss-loading-close{display:block;margin-left:auto;min-height:40px;padding:8px 16px;border:1px solid var(--st-border,#56606b);border-radius:8px;background:var(--st-raised,#242b34);color:var(--st-text,#f4f6f8);font:inherit;cursor:pointer}
@media(prefers-reduced-motion:reduce){.statera-loading-spinner{animation:none}}