/* Final dashboard corrections loaded after all existing dashboard styles. */

.dashboard-page .dashboard-quote-card__mark {
    top: 2rem !important;
    right: 0.55rem;
    line-height: 0.72;
    transform: none;
}

@media (min-width: 44.01rem) and (max-width: 90rem),
       (min-width: 44.01rem) and (max-height: 62rem) {
    .dashboard-page .dashboard-quote-card__mark {
        top: 1.55rem !important;
        line-height: 0.72;
    }

    .teachflow-dashboard {
        grid-template-rows: auto auto minmax(0, 1fr);
    }

    .teachflow-dashboard__content-grid {
        height: 100%;
        min-height: 0;
        align-items: stretch;
    }

    .dashboard-panel {
        min-height: 0;
        grid-template-rows: auto minmax(0, 1fr);
        align-content: stretch;
    }

    .dashboard-panel:has(> .dashboard-empty-state) {
        align-self: start;
        grid-template-rows: auto auto;
    }

    .dashboard-panel > .dashboard-empty-state {
        align-self: start;
    }

    .dashboard-panel > .dashboard-week-list,
    .dashboard-panel > .dashboard-exam-list {
        min-height: 0;
        align-self: stretch;
    }
}

/*
 * iPads and comparable tablets use a 4:3-like viewport. Touch detection is
 * included as an additional signal, while wide notebook aspect ratios retain
 * the compact notebook presentation.
 */
@media (min-width: 44.01rem) and (max-width: 90rem) and (max-aspect-ratio: 3 / 2),
       (min-width: 44.01rem) and (max-width: 90rem) and (hover: none) and (pointer: coarse) {
    .teachflow-dashboard__lead,
    .teachflow-dashboard__hero-eyebrow,
    .dashboard-quote-card,
    .dashboard-action--tablet-hidden {
        display: none !important;
    }

    .teachflow-dashboard {
        gap: 0.34rem;
        grid-template-rows: auto auto minmax(0, 1fr);
    }

    .teachflow-dashboard__hero {
        padding: 0.42rem 0.58rem;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.48rem;
    }

    .teachflow-dashboard__hero h1 {
        max-width: none;
        margin: 0 0 0.14rem;
        font-size: clamp(1.08rem, 2.2vw, 1.38rem);
        line-height: 1.05;
    }

    .teachflow-dashboard__date-row {
        margin-top: 0.16rem;
    }

    .teachflow-dashboard__hero-actions {
        min-width: 0;
        display: block;
    }

    .teachflow-dashboard__hero-actions .button {
        width: auto;
        min-height: 1.76rem;
        padding: 0.24rem 0.5rem;
        white-space: nowrap;
    }

    .teachflow-dashboard__top-grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        gap: 0.34rem;
    }

    .dashboard-day-card {
        padding: 0.42rem;
        gap: 0.28rem;
    }

    .dashboard-day-card--current {
        border-color: rgb(8 122 247 / 36%);
    }

    .teachflow-dashboard__content-grid {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        gap: 0.34rem;
    }

    .dashboard-panel {
        padding: 0.4rem;
        gap: 0.26rem;
    }

    .dashboard-card-heading--panel {
        align-items: flex-start;
        flex-direction: row;
    }

    .dashboard-card-heading--panel > a,
    .dashboard-card-heading--panel p {
        display: none;
    }

    .dashboard-week-list,
    .dashboard-exam-list {
        gap: 0.15rem;
    }

    .dashboard-week-list__item,
    .dashboard-exam-list__item {
        min-height: 1.72rem;
        padding: 0.2rem 0.3rem;
        gap: 0.3rem;
    }

    .dashboard-week-list__item {
        grid-template-columns: minmax(4.2rem, auto) minmax(0, 1fr) auto;
    }

    .dashboard-exam-list__item {
        grid-template-columns: minmax(6.4rem, auto) minmax(0, 1fr);
    }

    .dashboard-exam-list__number,
    .dashboard-exam-list__arrow {
        display: none;
    }

    .dashboard-exam-list__date,
    .dashboard-exam-list__content {
        grid-column: auto;
        grid-row: auto;
    }
}