/* =========================================
   Dashboard
========================================= */

.dashboard-header {
    margin-bottom: 30px;
}

.dashboard-content {
    display: flex;
    flex-direction: column;

    gap: var(--grid-gap);
}

/* =========================================
   Dashboard Sections
========================================= */

.dashboard-section {
    margin-top: 20px;
}

.dashboard-section:first-child {
    margin-top: 0;
}

/* =========================================
   Dashboard Title
========================================= */

.dashboard-title {
    margin-bottom: 15px;
}

/* =========================================
   Dashboard Widgets
========================================= */

.dashboard-widget {
    height: 100%;
}

#datetime {
    text-align: center;
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: 30px;
}

.trend {
    font-size: 1.8rem;
    font-weight: 600;
    opacity: 0.8;
}