/* One container-width decision (1080px in window-shell.js) for both entry points.
   Smallest track: (1080 - 48 padding - 20 gaps) * .85 / 3.05 = 282px.
   Below this budget, use the existing one-card mobile workspace. */
#shell{min-width:0!important}
#shell>.dashboard{max-width:none;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin}
#shell:not(.window-mobile) .hud-console{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
#shell:not(.window-mobile) .dashboard-grid{display:grid!important;grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr) minmax(280px,.85fr)!important;grid-template-areas:'sites sites attention' 'work releases sources'!important;grid-template-rows:repeat(2,minmax(220px,1fr))!important;min-height:450px!important}
#shell:not(.window-mobile) .dashboard-grid>.main-card{display:block!important}
#shell.window-mobile>.dashboard{padding-inline:16px!important}
#shell.window-mobile .hud-console{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
#shell.window-mobile .mobile-tabs{display:grid!important}
#shell.window-mobile .dashboard-grid{display:block!important;min-height:270px!important}
#shell.window-mobile .dashboard-grid>.main-card{display:none!important}
#shell.window-mobile .dashboard-grid>.main-card.selected{display:block!important}
/* Text is normal flow, independent of fixed card heights and prior offsets.
   Keep the approved lower title inset and reserve the upper-right chip. */
#shell .dashboard-grid>.main-card{padding:0!important;min-width:0}
#shell .main-card .summary-open{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px!important;padding:58px 18px 28px!important;box-sizing:border-box}
#shell .main-card .summary-open>.block-heading{position:static!important;inset:auto!important;flex:0 0 auto;width:calc(68% - 6px);margin:0!important;display:block;min-width:0}
#shell .main-card .summary-title{position:static!important;inset:auto!important;display:block;font-size:22px!important;line-height:1.1;overflow-wrap:normal}
#shell .main-card .root-depth{position:absolute;top:43px!important;right:18px!important;width:36px;align-items:flex-end}
#shell .main-card .card-content{position:static!important;inset:auto!important;display:flex;flex:1 1 auto;min-height:0;width:100%;gap:4px!important;padding:0 3px 2px 0;overflow:auto!important}
#shell .main-card .website-count{flex-wrap:wrap;gap:4px 11px}
#shell .main-card .website-count strong{font-size:28px!important;line-height:1}
#shell .main-card .website-count>span{font-size:12px!important}
#shell .main-card .website-description{font-size:10px!important;line-height:1.3;overflow-wrap:anywhere}
#shell .main-card .portfolio-legend{flex-direction:row!important;flex-wrap:wrap!important;gap:5px 14px!important}
#shell.window-mobile .main-card .portfolio-legend{flex-direction:column!important}
#shell .main-card .portfolio-legend>span{font-size:10px!important;line-height:1.4}
/* The footer has its own reserved track, above the lower bevel. */
#shell.window-mobile>footer>span{display:none!important}
#shell .hud-face,#shell .channels-hud .hud-face{flex-shrink:0;max-width:100%}
#shell .attention-hud .phase-heading{font-size:8px}
#shell .main-card .card-content{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:13px}
#shell:not(.window-mobile) .dashboard-grid:has(.main-card.selected){min-height:450px!important}
#shell.window-mobile .dashboard-grid:has(.main-card.selected){min-height:270px!important}
/* Anchor the existing text-light pseudo-element to its text, not to the card. */
#shell .main-card .summary-title{position:relative!important;top:auto!important}