/*
 * Dashboard module fixes.
 * Loaded after ui-recovery.css because that layer restores broad dashboard
 * primitives and can otherwise make grid items stretch to the tallest card.
 */

.dashboard-shell .dashboard-workday-cards,
.dashboard-shell .dashboard-action-grid {
    align-items: start;
    grid-auto-rows: auto;
}

.dashboard-shell .dashboard-action-card {
    align-self: start;
    align-content: start;
    grid-auto-rows: auto;
    min-height: 0;
}

.dashboard-shell .dashboard-action-card > * {
    min-height: 0;
}

.dashboard-shell .dashboard-worklist {
    align-content: start;
}

.dashboard-shell .dashboard-worklist > .dashboard-worklist-item-action {
    grid-column: auto;
    grid-row: auto;
}

.dashboard-shell .dashboard-worklist-item {
    align-items: start;
    min-height: 0;
}

.dashboard-shell .dashboard-worklist-item > .small-link,
.dashboard-shell .dashboard-worklist-item > .amount-muted {
    align-self: start;
    justify-self: end;
}

.dashboard-shell .dashboard-worklist-item > .small-link {
    width: auto;
    min-height: 34px;
    height: auto;
    padding: 6px 10px;
    line-height: 1.2;
}

.dashboard-shell .dashboard-empty-state {
    display: grid;
    gap: 4px;
    align-content: start;
    min-height: 0;
    padding: 16px;
}

@media (max-width: 560px) {
    .dashboard-shell .dashboard-worklist-item {
        grid-template-columns: 1fr;
    }

    .dashboard-shell .dashboard-worklist-item > .small-link,
    .dashboard-shell .dashboard-worklist-item > .amount-muted {
        justify-self: start;
    }
}