{{-- Dashboard-specific styles are included in the global CHM design system. --}}
<style>
.chm-dash-period-banner {
    background: linear-gradient(135deg, rgba(30, 58, 95, 0.08), rgba(21, 128, 61, 0.06));
    border: 1px solid rgba(30, 58, 95, 0.12);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
}
.chm-dash-period-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    background: rgba(30, 58, 95, 0.12);
    color: #1e3a5f;
    font-size: 1.35rem;
}
</style>