/* Shared member-view layouts for the trainer evaluation queue. */

.evaluation-view-toolbar .filter-bar { margin-bottom: 0; }

.evaluation-collection.view-rows { gap: .5rem; }

.evaluation-collection.view-rows .evaluation-queue-card {
    grid-template-columns: 74px minmax(0, 1fr) minmax(190px, .35fr);
    gap: .8rem;
    padding: .85rem;
}

.evaluation-collection.view-rows .date-block.compact {
    min-height: 74px;
    border-radius: 10px;
}

.evaluation-collection.view-rows .date-block strong { font-size: 2rem; }
.evaluation-collection.view-rows .queue-content h2 { margin: .35rem 0 .15rem; font-size: 1.15rem; }
.evaluation-collection.view-rows .queue-content p { margin-bottom: .2rem; }
.evaluation-collection.view-rows .queue-action { min-width: 0; }

.evaluation-collection.view-compact {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.evaluation-collection.view-compact .evaluation-queue-card {
    min-width: 0;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: .65rem;
    padding: .75rem;
}

.evaluation-collection.view-compact .date-block.compact {
    min-height: 62px;
    border-radius: 9px;
}

.evaluation-collection.view-compact .date-block strong { font-size: 1.6rem; }
.evaluation-collection.view-compact .queue-content h2 { margin: .3rem 0 .12rem; font-size: 1rem; }
.evaluation-collection.view-compact .queue-content p { font-size: .74rem; }
.evaluation-collection.view-compact .evaluation-result { display: none; }
.evaluation-collection.view-compact .queue-action {
    grid-column: 1 / -1;
    min-width: 0;
    grid-template-columns: 1fr;
}

.evaluation-collection.view-compact .queue-action .muted { font-size: .7rem; }
.evaluation-collection.view-compact .queue-inline-editor,
.evaluation-collection.view-compact .evaluation-completion-editor { grid-column: 1 / -1; }
.evaluation-collection.view-compact .evaluation-queue-card.is-completing { grid-column: 1 / -1; }

@media (max-width: 1100px) {
    .evaluation-collection.view-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .evaluation-collection.view-compact { grid-template-columns: 1fr; }
    .evaluation-collection.view-rows .evaluation-queue-card { grid-template-columns: 70px minmax(0, 1fr); }
    .evaluation-collection.view-rows .queue-action { grid-column: 1 / -1; }
}