/* ========================================================================== App Page: Dashboard Scope: Contains ONLY dashboard-specific layout rules ========================================================================== */ :root[data-ui="glass"] .glass-dashboard { --dash-gap: 16px; } /* Max width for dashboard content */ :root[data-ui="glass"] .glass-dashboard__shell { max-width: 1180px; margin: 0 auto; } /* Consistent vertical spacing between dashboard blocks */ :root[data-ui="glass"] .dash-section-gap { margin-top: var(--dash-gap); } /* Shortcuts row under the shortcuts card */ :root[data-ui="glass"] .glass-shortcuts-row { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 18px 18px 18px; } /* Optional: keep the loading card spacing consistent */ :root[data-ui="glass"] .dashboard-loading { padding: 18px; } /* Mobile tightening */ @media (max-width: 640px) { :root[data-ui="glass"] .glass-dashboard__shell { max-width: 100%; padding: 0 2px; } }