/* dashboard-shell.css — pattern: authenticated app shell.
   Two-column grid (sidebar + main column).  Sits inside the layout's
   <main class="biq-main"> container.  Banner and primary content
   render inside the main column.  See FSE_UI.md → Dashboard Shell. */

.biq-dashboard {
    display: flex;
    align-items: stretch;
    min-height: calc(100vh - 4rem); /* leaves room for header + footer chrome */
    background: var(--biq-color-surface);
}

.biq-dashboard__main {
    flex: 1 1 auto;
    min-width: 0; /* allow children to shrink */
    display: flex;
    flex-direction: column;
    gap: var(--biq-space-4);
    padding: var(--biq-space-5) var(--biq-space-6);
}

.biq-dashboard__title-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--biq-space-3);
    align-items: center;
    justify-content: space-between;
}

.biq-dashboard__title-block {
    display: flex;
    flex-direction: column;
    gap: var(--biq-space-1);
}

.biq-dashboard__eyebrow {
    font-size: var(--biq-fs-xs);
    font-weight: var(--biq-fw-medium);
    color: var(--biq-color-text-muted);
    text-transform: uppercase;
    letter-spacing: var(--biq-tracking-wide);
}

.biq-dashboard__title {
    font-size: var(--biq-fs-2xl);
    font-weight: var(--biq-fw-semibold);
    color: var(--biq-color-text-primary);
    margin: 0;
}

.biq-dashboard__subtitle {
    font-size: var(--biq-fs-sm);
    color: var(--biq-color-text-secondary);
    margin: 0;
}

.biq-dashboard__grid {
    display: grid;
    gap: var(--biq-space-4);
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.biq-dashboard__col-7 { grid-column: span 7; }
.biq-dashboard__col-5 { grid-column: span 5; }
.biq-dashboard__col-12 { grid-column: span 12; }

@media (max-width: 1024px) {
    .biq-dashboard__main { padding: var(--biq-space-4); }
    .biq-dashboard__col-7,
    .biq-dashboard__col-5 { grid-column: span 12; }
}

@media (max-width: 720px) {
    .biq-dashboard {
        flex-direction: column;
        min-height: auto;
    }
    .biq-dashboard__main { padding: var(--biq-space-3); }
}

@media (prefers-reduced-motion: reduce) {
    .biq-dashboard { /* no animations declared; contract documented */ }
}

@media (prefers-contrast: more) {
    .biq-dashboard__subtitle { color: var(--biq-color-text-primary); }
}