/* split from former app.css: dashboard */

.dashboard-content-grid > .dashboard-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.dashboard-content-grid > .dashboard-panel .surface__body {
    min-height: 0;
    overflow: auto;
}

.dashboard-metrics {
    gap: 12px;
}

.dashboard-metrics--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-grid {
    gap: 16px;
}

.dashboard-grid > .dashboard-panel {
    height: 100%;
}

.dashboard-panel .surface__header {
    padding: 14px 16px 10px;
}

.dashboard-panel .surface__body {
    padding: 0 16px 16px;
}

.dashboard-list {
    gap: 10px;
}

.dashboard-item {
    padding: 12px 14px;
    gap: 8px;
    border-radius: 12px;
}

.dashboard-item__content {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.dashboard-item .entity-title {
    font-size: 0.96rem;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dashboard-item .entity-subtitle {
    font-size: 0.84rem;
    line-height: 1.45;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dashboard-item .meta-row {
    gap: 8px;
}

.dashboard-item__tags {
    align-items: center;
}

.dashboard-item__tags-wrap {
    min-width: 0;
}

.dashboard-item .meta-pill,
.dashboard-item .badge {
    padding: 6px 10px;
    font-size: 0.78rem;
}

.dashboard-activity {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

@media (max-width: 640px) {
    .dashboard-metrics {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-metrics--mobile-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .dashboard-metrics--mobile-row .metric-card--inline {
        gap: 6px;
        padding: 14px 10px;
    }

    .dashboard-metrics--mobile-row .metric-card--inline .metric-label {
        min-width: 0;
        font-size: 0.72rem;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dashboard-metrics--mobile-row .metric-card--inline .metric-value {
        font-size: clamp(1rem, 4.2vw, 1.2rem);
    }

    .dashboard-panel .dashboard-item__tags {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: center !important;
        width: 100%;
        gap: 6px;
    }

    .dashboard-panel .dashboard-item__tags .meta-pill,
    .dashboard-panel .dashboard-item__tags .badge {
        width: 100%;
        min-width: 0;
        justify-content: center;
        text-align: center;
        padding: 5px 6px;
        font-size: 0.72rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-panel .ticket-row__top {
        align-items: flex-start;
    }

    .dashboard-panel .timeline-item--compact {
        padding-left: 20px;
    }

    .dashboard-panel .timeline-item__summary {
        font-size: 0.84rem;
        line-height: 1.45;
    }
}