/*=================== Team members ===================*/
.team-views { display: flex; gap: 6px; }
.team-views .dash-act.is-active { border-color: var(--dash-gold); color: var(--dash-gold); }

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 18px;
}
.team-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--dash-bg);
    border: 1px solid var(--dash-line);
    border-radius: var(--dash-radius);
    overflow: hidden;
    transition: border-color .25s ease, transform .25s ease;
}
.team-card:hover { border-color: var(--dash-gold); transform: translateY(-2px); }
.team-photo { position: relative; flex: 0 0 auto; height: 190px; background: #000; }
.team-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.team-order {
    position: absolute; top: 10px; left: 10px;
    padding: 3px 9px;
    background: rgba(0, 0, 0, .7);
    border: 1px solid var(--dash-line);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    color: var(--dash-gold);
}
.team-info { flex: 1 1 auto; padding: 15px 16px 4px; }
.team-name { margin: 0 0 3px; font-size: 15px; font-weight: 700; color: #fff; }
.team-role { margin: 0 0 10px; font-size: 12.5px; color: var(--dash-gold); }
.team-meta { display: flex; flex-direction: column; gap: 5px; }
.team-meta span { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--dash-muted); word-break: break-all; }
.team-meta .bi { font-size: 12px; }
.team-meta .is-muted { opacity: .55; }
.team-actions {
    display: flex; gap: 6px; justify-content: flex-end;
    flex: 0 0 auto;
    margin-top: auto;
    padding: 12px 16px;
    border-top: 1px solid var(--dash-line-soft);
}

/*=================== list view ===================*/
.team-grid.is-list { grid-template-columns: 1fr; gap: 10px; }
.team-grid.is-list .team-card {
    flex-direction: row;
    align-items: center;
    height: auto;
    gap: 16px;
    padding-right: 14px;
}
.team-grid.is-list .team-photo { flex: 0 0 66px; width: 66px; height: 66px; border-radius: 10px; margin: 10px 0 10px 10px; overflow: hidden; }
.team-grid.is-list .team-order { display: none; }
.team-grid.is-list .team-info { flex: 1 1 auto; padding: 0; }
.team-grid.is-list .team-meta { flex-direction: row; flex-wrap: wrap; gap: 14px; }
.team-grid.is-list .team-actions { border-top: 0; margin-top: 0; padding: 0; }

@media (max-width: 575.98px) {
    .team-grid.is-list .team-card { flex-wrap: wrap; }
    .team-grid.is-list .team-actions { width: 100%; padding: 10px 0 0; border-top: 1px solid var(--dash-line-soft); }
}