/* ServiceAlert.ai - Dashboard Page Styles */
/* Loaded after common.css, settings.css, index.css */

/* Override settings.css container max-width */
.container {
    max-width: 1200px;
}

/* Wider main content area for service grid */
.settings-main {
    max-width: 100%;
}

/* Dashboard sections are always visible (not toggled like settings) */
.dashboard-section {
    margin-bottom: 32px;
}

/* Trending and live feed need full width inside settings-main */
.dashboard-section .trending-now,
.dashboard-section .live-feed {
    max-width: 100%;
}

/* Settings/Support sections get a comfortable max-width for readability */
.settings-section[data-section="services"],
.settings-section[data-section="dashboard"],
.settings-section[data-section="faq"],
.settings-section[data-section="request-service"],
.settings-section[data-section="contact"] {
    max-width: 800px;
}