/* Phase A shared components only. Shell and screen composition migrate separately. */
body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-primary);line-height:1.55}
h1{font-size:var(--text-3xl);line-height:1.2;letter-spacing:-.035em}h2{font-size:var(--text-xl);line-height:1.25}h3{font-size:1rem;line-height:1.35}
button,input,select,textarea{font-family:var(--font-primary);font-size:15px}
button{min-height:var(--control-height);border-radius:var(--radius-control);background:var(--brand-action);color:var(--brand-action-text);font-weight:500}
button:hover{opacity:1}button:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(.97)}button:not(:disabled):active{transform:none}
button:disabled,button[aria-disabled=true]{cursor:not-allowed;opacity:.65}
button[aria-busy=true]:disabled{cursor:wait}
button:not(:disabled):not([aria-disabled=true]):active{filter:brightness(.94)}
button.secondary,.secondary{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-control)}
.text-button,.table-link,.row-chevron,.back,.nav-button,.tabs button{background:transparent;color:var(--brand-readable)}
button.danger{background:var(--danger-action);color:var(--danger-action-text);border:1px solid var(--danger-action)}
button.danger:not(:disabled):hover{background:var(--danger-hover)}.danger-secondary{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-height:44px;max-width:100%;padding:10px 12px;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text-primary);line-height:1.4}
input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--brand-readable)}
/* One SVG indicator, native select behaviour. Its viewport centres the path, not font metrics. */
select,.filter-bar select,.mapping-list select,.audience-card select,.form-stack select{appearance:none;background-color:var(--surface-raised);color:var(--text-primary);padding:10px 40px 10px 12px;background-image:url('/static/ui-chevron.svg');background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;min-height:44px}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger-text)}
.form-stack label{display:grid;gap:8px}.form-stack label:has(input[type=checkbox]),.form-stack label:has(input[type=radio]){display:flex;align-items:flex-start;gap:8px}.form-error{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;padding:12px;line-height:1.55}
.hint,.technical,.safe-copy,.lede{color:var(--text-secondary)}
.badge,.quiet-status{display:inline-flex;gap:6px;align-items:center;border-radius:var(--radius-status);font-size:12px;line-height:1.4;color:var(--neutral-text);background:var(--neutral-bg);padding:4px 8px;text-transform:none;white-space:nowrap}
.badge i,.quiet-status i{display:none}.ui-icon{width:16px;height:16px;flex:none;display:block}.badge.live,.badge.healthy,.badge.succeeded,.badge.delivered,.badge.resolved,.quiet-status.live,.quiet-status.healthy,.quiet-status.succeeded,.quiet-status.delivered,.quiet-status.resolved{color:var(--success-text);background:var(--success-bg)}
.badge.needs_attention,.badge.warning,.badge.setup_incomplete,.badge.completed_with_errors,.quiet-status.needs_attention,.quiet-status.warning,.quiet-status.setup_incomplete,.quiet-status.completed_with_errors{color:var(--warning-text);background:var(--warning-bg)}
.badge.failed,.badge.invalid,.quiet-status.failed,.quiet-status.invalid{color:var(--danger-text);background:var(--danger-bg)}
.badge.paused,.badge.processing,.badge.pending,.badge.retrying,.badge.recovering,.badge.waiting_for_connection,.badge.waiting_for_destination,.quiet-status.paused,.quiet-status.processing,.quiet-status.pending,.quiet-status.retrying,.quiet-status.recovering,.quiet-status.waiting_for_connection,.quiet-status.waiting_for_destination{color:var(--neutral-text);background:var(--neutral-bg)}
#modal,.detail-drawer{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-subtle);box-shadow:var(--shadow-overlay);animation:none}
#modal{border:1px solid var(--border-subtle);border-radius:14px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px}
#modal::backdrop,.drawer-backdrop{background:rgb(1 32 15 / 38%);backdrop-filter:none}
.dialog-close,.drawer-close{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:none;padding:0;border-radius:8px;background:var(--surface-inset);color:var(--text-primary);border:1px solid var(--border-control)}.dialog-close .ui-icon,.drawer-close .ui-icon{width:20px;height:20px}
:is(.danger-zone,.configuration-danger){padding:24px;border:1px solid var(--danger-border);border-radius:14px;background:var(--surface-raised);margin-top:32px;display:grid;gap:16px}:is(.danger-zone,.configuration-danger) h2,:is(.danger-zone,.configuration-danger) h3{margin:0;color:var(--danger-text)}:is(.danger-zone,.configuration-danger) p{margin:0;max-width:65ch;color:var(--text-secondary)}:is(.danger-zone,.configuration-danger) .button-row{margin:0;gap:12px;justify-content:flex-start}:is(.danger-zone,.configuration-danger) button{justify-self:start}
.provider-connection-status{background:var(--surface-raised);backdrop-filter:none}.provider-connection-status-card{background:var(--surface-raised);border-color:var(--border-subtle);border-radius:14px}.provider-connection-status-card p{color:var(--text-secondary)}
/* All loading shapes share a single animation and theme tokens. */
.ui-skeleton{display:block;position:relative;overflow:hidden;background:var(--skeleton-base);height:16px;border-radius:5px;max-width:100%}.ui-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--skeleton-highlight),transparent);transform:translateX(-100%);animation:ui-shimmer var(--skeleton-duration) linear infinite}
.ui-skeleton-visual{display:grid;gap:16px;min-height:240px}.ui-skeleton-visual[hidden]{display:none}.ui-loading{min-height:280px}.ui-loading>p{color:var(--text-secondary);margin:16px 0}.ui-skeleton.title{height:28px;width:65%}.ui-skeleton.short{width:45%}.ui-skeleton.section{height:64px;border-radius:8px}.ui-skeleton-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:20px;padding:16px 0;min-height:76px}.ui-skeleton-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ui-skeleton.number{height:43px;width:64px;margin:12px 0}
.ui-progress,.provider-connection-spinner{display:inline-block;width:18px;height:18px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin 1s linear infinite;color:var(--brand-readable)}
.ui-button-progress{display:inline-grid!important;grid-template-areas:'label';align-items:center;justify-items:center}.ui-button-progress>span{grid-area:label;display:flex;align-items:center;gap:8px}.ui-button-reserve{visibility:hidden;pointer-events:none}.ui-button-progress .ui-progress{color:inherit}
@keyframes ui-shimmer{to{transform:translateX(100%)}}@keyframes ui-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){h1,.page-header h1{font-size:28px}.ui-skeleton-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-skeleton-row{grid-template-columns:1fr 1fr;min-height:136px}:is(.danger-zone,.configuration-danger){padding:20px;gap:16px}:is(.danger-zone,.configuration-danger) .button-row{display:grid;justify-items:start}#modal{padding:20px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.ui-skeleton::after,.ui-progress,.provider-connection-spinner{animation:none!important}button,.detail-drawer{transition:none!important}}
@media(forced-colors:active){select{appearance:auto;background-image:none}.ui-skeleton{background:GrayText}.ui-progress{border-color:ButtonText;border-right-color:transparent}}
.ui-button-label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-button-progress{overflow:hidden}.ui-button-progress .ui-button-label{min-width:0}
.configuration-danger{padding:24px;gap:16px;align-items:start}.configuration-danger>div{display:grid;gap:8px}.configuration-danger .eyebrow{color:var(--danger-text);margin:0}.configuration-danger .danger-secondary{justify-self:start;width:auto}
@media(max-width:767px){.configuration-danger{padding:20px}}
/* Legacy shared surfaces inherit theme tokens while their layouts await later phases. */
.welcome{background:var(--surface-page);min-height:100dvh}.welcome-card,.metrics article,.panel,.object-card,.onboarding,.start-card,.route-lines>div,.facts article,.submission-row,.metric-card,.issue-card,.source-details .detail-grid article{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-subtle)}
.page-header h1{font-size:32px;line-height:1.2}.nav-button{background:transparent;color:var(--text-secondary)}.nav-button.active{background:var(--surface-context);color:var(--brand-readable)}
@media(max-width:767px){.page-header h1{font-size:28px}}

.configuration-danger{grid-template-columns:minmax(0,1fr) auto}.ui-loading-metrics{min-height:160px}.ui-loading-metrics .ui-skeleton-visual{min-height:136px}
@media(max-width:767px){.configuration-danger{grid-template-columns:1fr}}
/* Grid fields must be allowed to shrink below a long option's intrinsic width. */
label{min-width:0}input:not([type=checkbox]):not([type=radio]),select,textarea{min-width:0;width:100%}
@media(max-width:600px){.filter-bar,.filter-bar.activity-filter-bar{grid-template-columns:minmax(0,1fr)}}
.badge.open,.quiet-status.open{color:var(--warning-text);background:var(--warning-bg)}

/* Phase B shell. Approved 208/64 rail; content widths are local to the remaining area.
   Layers reuse Phase A: shell 30, mobile scrim 60, navigation drawer 61, tooltip 70. */
.application-shell{--shell-rail:var(--navigation-expanded);--shell-gutter:32px;min-height:100dvh;padding-top:var(--navigation-bar);padding-left:var(--shell-rail)}
.application-shell.sidebar-collapsed{--shell-rail:var(--navigation-collapsed)}
.application-shell .shell-utility{position:fixed;inset:0 0 auto var(--shell-rail);height:var(--navigation-bar);z-index:var(--layer-shell);display:flex;align-items:center;gap:20px;padding:0 var(--shell-gutter);background:var(--surface-raised);border-bottom:1px solid var(--border-subtle)}
.application-shell .utility-controls{display:flex;align-items:center;gap:16px;width:100%;min-width:0}
.application-shell .utility-brand{display:none;flex-shrink:0;padding:0;border:0;background:transparent}
.application-shell.sidebar-collapsed .utility-brand{display:none}
.application-shell .workspace-switch{display:flex;flex-direction:row;flex-shrink:0;min-height:48px;height:48px;align-items:center;justify-content:space-between;gap:12px;width:320px;max-width:40vw;min-width:0;margin:0;padding:6px 12px;text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text-primary)}
.application-shell .workspace-switch>span{display:grid;position:static;min-width:0;gap:0}
.application-shell .workspace-switch small{display:block;font-size:12px;line-height:16px;color:var(--text-muted)}
.application-shell .workspace-switch strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px;font-weight:500}
.application-shell .workspace-switch .ui-icon{flex:0 0 16px}
.application-shell .new-pipe-action{width:auto;flex:0 0 auto;margin:0;white-space:nowrap;font-size:14px}
.application-shell .account-menu{width:auto;height:44px;min-height:44px;flex-direction:row;padding:0 12px;margin:0 0 0 auto;display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:14px;white-space:nowrap}
.application-shell .sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--layer-shell);width:var(--shell-rail);height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px 8px 16px;background:var(--surface-raised);border-right:1px solid var(--border-subtle);transform:none;transition:none;box-shadow:none;overflow:visible}
.application-shell .sidebar .brand{display:flex;align-items:center;height:32px;min-height:32px;width:auto;margin:0 12px 16px;padding:0;border:0}
.application-shell #sidebarHome{display:flex;align-items:center;min-height:44px;padding:0;background:transparent;border:0;width:auto}
.application-shell .sidebar nav{padding:0;margin:0;overflow:auto;scrollbar-width:thin;min-height:0;flex:1}
.application-shell .sidebar nav section{margin:0 0 12px;padding:0;border:0}
.application-shell .sidebar nav h2{margin:0 8px 4px;padding:0;text-align:left;text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:12px;font-weight:500;line-height:20px}
.application-shell .sidebar nav .nav-button{position:relative;display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;justify-content:normal;gap:10px;width:100%;height:44px;min-height:44px;margin:0;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;line-height:20px;font-weight:400;text-align:left;white-space:nowrap;overflow-wrap:normal}
.application-shell .sidebar .ui-icon{width:20px;height:20px;display:block;flex-shrink:0}
.application-shell .sidebar .shell-nav-label{min-width:0;white-space:nowrap;text-align:left}
.application-shell .sidebar .shell-nav-label>span{padding-left:3px;color:var(--text-muted)}
.application-shell .sidebar nav .nav-button:hover{background:var(--surface-inset);color:var(--text-primary)}
.application-shell .sidebar nav .nav-button.active{background:var(--surface-context);border-color:var(--border-subtle);color:var(--brand-readable);font-weight:500}
.application-shell .sidebar .nav-count{min-width:18px;margin:0;padding:0 4px;border-radius:5px;background:var(--warning-bg);color:var(--warning-text);font-size:11px;line-height:18px;text-align:center}
.application-shell .sidebar-bottom{padding-top:12px;border-top:1px solid var(--border-subtle)}
.application-shell .sidebar-note{padding:0 8px;margin:0 0 8px;font-size:12px;line-height:18px;color:var(--text-muted)}
.application-shell #collapseSidebar{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;width:100%;height:44px;padding:0 8px;background:transparent;border:1px solid transparent;text-align:left;color:var(--text-secondary);font-size:14px;font-weight:400}
.application-shell #collapseSidebar:hover{background:var(--surface-inset)}
.application-shell.sidebar-collapsed .sidebar .brand{height:36px;min-height:36px;margin-bottom:12px;visibility:visible;margin-left:0;margin-right:0;justify-content:center}
.application-shell.sidebar-collapsed .sidebar nav h2,.application-shell.sidebar-collapsed .sidebar-note{display:none}
.application-shell.sidebar-collapsed .sidebar nav section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}
.application-shell.sidebar-collapsed .sidebar nav .nav-button,.application-shell.sidebar-collapsed #collapseSidebar{grid-template-columns:20px;place-content:center;padding:0;gap:0}
.application-shell.sidebar-collapsed .sidebar .shell-nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.application-shell.sidebar-collapsed .sidebar .nav-count{display:none}
.application-shell :is(.nav-button,#collapseSidebar):focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}
.application-shell .main#mainContent{width:100%!important;max-width:none;margin:0 auto!important;min-width:0;padding:32px var(--shell-gutter) 64px}
.application-shell .main#mainContent[data-layout=summary]{max-width:1200px}
.application-shell .main#mainContent[data-layout=configuration]{max-width:1120px}
.application-shell .main#mainContent[data-layout=settings]{max-width:960px}
.application-shell .main:focus,.application-shell h1[tabindex="-1"]:focus{outline:0}
.application-shell .tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-inline:contain}
.application-shell .tabs button{flex-shrink:0;white-space:nowrap}
.application-shell .mobile-menu,.application-shell #closeNavigation,.application-shell .nav-scrim,.application-shell .mobile-workspace-context{display:none}
.shell-skip{position:fixed;top:8px;left:8px;z-index:var(--layer-toast);transform:translateY(-160%);padding:12px;background:var(--surface-raised);color:var(--text-primary);border:2px solid var(--focus-ring);border-radius:8px}
.shell-skip:focus{transform:none}
.shell-tooltip{position:fixed;z-index:var(--layer-toast);max-width:260px;padding:8px 12px;background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-control);border-radius:8px;box-shadow:var(--shadow-overlay);font:400 14px/20px var(--font-primary)}
.shell-tooltip::before{content:'';position:absolute;right:100%;top:0;width:12px;height:100%}
.workspace-list .workspace-choice{white-space:normal;overflow-wrap:anywhere;text-align:left}
@media(prefers-reduced-motion:no-preference){.application-shell.shell-changing .shell-nav-label,.application-shell.shell-changing .sidebar .ui-icon{animation:shell-label-arrive var(--navigation-motion) ease-out both}}
@keyframes shell-label-arrive{from{opacity:0;transform:translateX(-3px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:901px) and (max-height:760px){.application-shell .sidebar{padding-top:12px}.application-shell .sidebar nav section{margin-bottom:4px}.application-shell .sidebar .brand{margin-bottom:8px}}
@media(min-width:901px) and (max-width:1100px){.application-shell{--shell-gutter:24px}.application-shell .workspace-switch{width:260px}.application-shell .utility-controls{gap:12px}}
@media(max-width:900px){
 .application-shell,.application-shell.sidebar-collapsed{--shell-rail:0px;--shell-gutter:24px;padding-left:0;padding-top:var(--navigation-mobile-bar)}
 .application-shell .shell-utility{height:var(--navigation-mobile-bar);inset:0 0 auto 0;gap:12px;padding:0 16px}
 .application-shell .utility-brand{display:flex}
 .application-shell .utility-controls{justify-content:flex-end;gap:8px}
 .application-shell .utility-controls>.workspace-switch{width:auto;max-width:200px;border:0;padding:0;min-height:44px}
 .application-shell .utility-controls>.workspace-switch small{display:none}
 .application-shell .utility-controls>.workspace-switch strong{font-size:13px}
 .application-shell .utility-controls>.workspace-switch .ui-icon{display:none}
 .application-shell .utility-controls>.account-menu{display:none}
 .application-shell .mobile-menu{position:static;display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-raised);color:var(--text-primary);box-shadow:none;z-index:auto}
 .application-shell .mobile-menu .ui-icon{width:20px;height:20px}
 .application-shell .sidebar,.application-shell.sidebar-collapsed .sidebar{width:min(360px,100%);padding:16px;z-index:var(--layer-drawer);transform:translateX(-100%);visibility:hidden;overflow-y:auto}
 .nav-open .application-shell .sidebar{transform:none;visibility:visible}
 .nav-open{overflow:hidden}
 .application-shell .sidebar .brand,.application-shell.sidebar-collapsed .sidebar .brand{visibility:visible;min-height:44px;height:44px;margin:0 0 16px;justify-content:space-between}
 .application-shell #closeNavigation{display:grid;place-items:center;width:44px;min-width:44px;padding:0;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}
 .application-shell .mobile-workspace-context{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
 .application-shell .mobile-workspace-context :is(small,strong){grid-column:1/-1;overflow-wrap:anywhere;font-size:14px}
 .application-shell .mobile-workspace-context small{color:var(--text-muted);font-size:12px}
 .application-shell .mobile-workspace-context button{font-size:14px;padding-inline:8px}
 .application-shell .sidebar nav{flex:none;overflow:visible}
 .application-shell.sidebar-collapsed .sidebar nav h2{display:block}
 .application-shell.sidebar-collapsed .sidebar nav section{margin-bottom:12px;padding:0;border:0}
 .application-shell.sidebar-collapsed .sidebar nav .nav-button{grid-template-columns:20px minmax(0,1fr) auto;place-content:normal;padding:0 8px;gap:10px}
 .application-shell.sidebar-collapsed .sidebar .shell-nav-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}
 .application-shell.sidebar-collapsed .sidebar .nav-count{display:block}
 .application-shell .sidebar-bottom{display:none}
 .application-shell .nav-scrim{display:block;position:fixed;inset:0;z-index:var(--layer-backdrop);margin:0;padding:0;width:100%;border:0;border-radius:0;background:rgb(1 32 15 / 40%);opacity:0;pointer-events:none}
 .nav-open .application-shell .nav-scrim{opacity:1;pointer-events:auto}
 .application-shell .main#mainContent{padding-top:24px}
 .shell-tooltip{display:none}
}
@media(max-width:767px){.application-shell{--shell-gutter:16px}.application-shell .main#mainContent{padding-bottom:40px}.application-shell .utility-controls>.new-pipe-action{display:none}.application-shell .utility-controls>.workspace-switch{max-width:calc(100vw - 216px)}}
@media(forced-colors:active){.application-shell .sidebar nav .nav-button.active{border-color:Highlight}.application-shell :is(.nav-button,#collapseSidebar):focus-visible{outline-color:Highlight}}
/* Shared intrinsic-size safeguards for existing summaries inside the narrower shell. */
.application-shell .metric-strip>article{min-width:0}
@media(max-width:767px){.application-shell .metric-strip .quiet-status{max-width:100%;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:900px){.application-shell .sidebar[inert]{display:none}}
@media(max-width:900px){.application-shell #mobileWorkspaceSwitch{grid-column:1/-1;white-space:nowrap}}

.application-shell :is([id^="settings-"],[id^="edit-"]){scroll-margin-top:96px}
.application-shell .page-header>button{flex-shrink:0;white-space:nowrap}
.application-shell .page-header>div{min-width:0}

/* Official branding: original viewBoxes include clearspace. Never crop or recolour artwork. */
.official-brand{display:inline-grid;flex-shrink:0;vertical-align:middle}
.official-brand>img{grid-area:1/1;display:block;width:100%;height:auto;object-fit:contain}
.official-brand>.brand-cream{visibility:hidden}
:root[data-theme="dark"] .official-brand>.brand-dark-green{visibility:hidden}
:root[data-theme="dark"] .official-brand>.brand-cream{visibility:visible}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .official-brand>.brand-dark-green{visibility:hidden}:root:not([data-theme="light"]) .official-brand>.brand-cream{visibility:visible}}
.official-brand.auth-brand-logo{display:grid;width:min(200px,100%);height:auto;margin:0 auto var(--space-4)}
.application-shell .sidebar-lockup{width:168px}
.application-shell .sidebar-marque{display:none;width:44px}
.application-shell.sidebar-collapsed .sidebar-lockup{display:none}
.application-shell.sidebar-collapsed .sidebar-marque{display:inline-grid}
.application-shell .sidebar .brand img{width:100%;max-width:none;height:auto}
.application-shell #sidebarHome{justify-content:center;min-width:44px}
.application-shell .mobile-brand-marque{width:44px}
.application-shell .utility-brand{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.application-shell .utility-brand img{width:100%;height:auto}
@media(max-width:900px){
 .application-shell.sidebar-collapsed .utility-brand{display:flex}
 .application-shell .utility-brand{width:44px}
 .application-shell.sidebar-collapsed .sidebar-lockup{display:inline-grid}
 .application-shell.sidebar-collapsed .sidebar-marque{display:none}
 .application-shell .utility-controls{flex:1;min-width:0}
 .application-shell .utility-controls>.workspace-switch{max-width:100%;width:100%;flex:1}
}
/* Native dialogs contain focus; retain the page gutter and stop background scrolling. */
html{scrollbar-gutter:stable}
body:has(#modal[open]){overflow:hidden}