/* palummu team dashboard — complements styles.css / app.css.
   Reuses prototype classes: panel, panelhead, stats, stat, datatable,
   tablewrap, badge, btn, heading, eyebrow, subtitle, actions, hint,
   empty, toolrow, meter, callout, person, avatar, linkbtn. */

.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.team-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.team-card h3{line-height:1.45}
.team-card .meter{margin:6px 0 2px}
.team-progress-label{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--muted)}
.team-badges{display:flex;flex-wrap:wrap;gap:6px}
.team-card .actions{margin-top:auto;padding-top:12px;border-top:1px solid #eef1f6}
.team-score-legend{margin:0 0 4px}
.team-people .datatable td:nth-child(n+2){white-space:nowrap}
/* My Team — add-person header and per-member manager fields */
.team-view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.team-view-head .actions{margin-top:6px}
.manager-fields{margin-top:14px;padding-top:14px;border-top:1px solid var(--line,#e0e6ef);display:flex;flex-direction:column;gap:10px;text-align:left}
.manager-fields .twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.manager-fields .field{margin:0}
.manager-fields .actions{margin:0}
.manager-fields .btn{white-space:nowrap}
@media(max-width:760px){
 .manager-fields .twocol{grid-template-columns:1fr}
 .team-view-head .actions{width:100%}
 .team-view-head .actions .btn{width:100%}
}
@media(max-width:760px){.team-grid{grid-template-columns:1fr}}