width: 100%; } .dashboard-widgets .widgets-edit, .dashboard-widgets .widgets-refresh { flex: 1 1 0; justify-content: center; } } /* Cascade guard: platform geometry must win over the legacy launcher layer. */ .dashboard-topbar-inner, .dashboard-workspace { width: calc(100% - var(--platform-inset)); max-width: var(--platform-max); } .dashboard-workspace { grid-template-columns: clamp(248px, 15vw, 292px) minmax(0, 1fr); gap: clamp(24px, 2vw, 36px); } .dashboard-rail { padding: 20px; } .rail-intro span, .rail-favorites nav a small, .rail-widget-link small, .rail-empty-action small, .rail-deck-health p, .rail-deck-health > button { font-size: 12px; line-height: 1.45; } .rail-favorites nav a strong, .rail-widget-link strong, .rail-empty-action strong, .rail-favorites > header > span, .rail-deck-health > header > span { font-size: 14px; } .settings-layout { width: calc(100% - var(--platform-inset)); max-width: var(--platform-max); grid-template-columns: clamp(300px, 18vw, 348px) minmax(0, 1fr); margin: 0 auto; } .settings-content, .settings-page[data-section="appearance"] .settings-content { max-width: none; padding-right: clamp(40px, 4vw, 76px); padding-left: clamp(40px, 4vw, 76px); font-size: 16px; } .settings-sidebar nav button { font-size: 15.5px; font-weight: 520; } .settings-heading .eyebrow { font-size: 13px; } .settings-heading h2 { font-size: clamp(34px, 2vw, 40px); line-height: 1.15; } .settings-heading > p:last-child { max-width: 900px; font-size: 17px; line-height: 1.6; } .settings-content :where(input, select, textarea, button) { font-size: 15px; } .settings-content :where( .management-title small, .management-card small, .widget-option > p, .widget-option > header small, .integration-list article small, .security-callout small, .toggle-list article small, .appearance-advanced small, .integration-section-heading small ) { font-size: 13px; line-height: 1.55; } @media (min-width: 1900px) { .dashboard-canvas { padding-right: calc(var(--widget-dock-width) + 32px); } .dashboard-insights-panel { position: fixed; z-index: 20; top: 96px; right: max(var(--platform-gutter), calc((100vw - var(--platform-max)) / 2)); width: var(--widget-dock-width); max-height: calc(100vh - 120px); overflow: auto; margin: 0; background: color-mix(in srgb, var(--stitch-surface) 92%, transparent); box-shadow: 0 20px 70px rgb(0 0 0 / 0.18); backdrop-filter: blur(20px); scrollbar-width: thin; } .dashboard-insights-panel > summary { position: sticky; z-index: 3; top: 0; min-height: 76px; background: color-mix(in srgb, var(--stitch-surface) 96%, transparent); backdrop-filter: blur(16px); } .dashboard-insights-panel .widgets-grid { grid-template-columns: 1fr; } .dashboard-insights-panel .widget-shell.widget-size-wide { grid-column: auto; } .dashboard-canvas .app-grid { grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); } .dashboard-canvas .app-grid.feature-grid { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); } } @media (max-width: 1399px) and (min-width: 1101px) { .dashboard-workspace { grid-template-columns: 232px minmax(0, 1fr); } } @media (max-width: 1100px) { .dashboard-workspace { width: 100%; display: block; } } @media (max-width: 900px) { .settings-layout { width: 100%; display: block; } .settings-content, .settings-page[data-section="appearance"] .settings-content { padding: 28px 22px 100px; font-size: 15px; } } @media (max-width: 600px) { .settings-content, .settings-page[data-section="appearance"] .settings-content { padding: 24px 16px 96px; } }