.team-shell { padding-bottom: 92px; }
.team-header { align-items: center; }
.team-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.team-kpis article, .team-panel { padding: 18px; border: 1px solid #d9e6ef; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(16,35,56,.05); }
.team-kpis span, .team-kpis small { display: block; color: #64748b; }
.team-kpis strong { display: block; margin: 6px 0 2px; color: #063a78; font-size: 30px; }
.team-invite-accept { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin: 18px 0; padding: 18px; border: 2px solid #0b68c9; border-radius: 12px; background: #eef7ff; }
.team-invite-accept[hidden] { display: none; }
.team-invite-accept span, .team-invite-accept strong { display: block; }
.team-invite-accept span { color: #0b68c9; font-size: 12px; font-weight: 850; text-transform: uppercase; }
.team-admin, .team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.team-pulse-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; margin-top: 18px; }
.pulse-heading { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.pulse-list article.is-unread { border-left-color: #7c3aed; background: #faf7ff; }
.pulse-list article.is-read { opacity: .72; }
.weekly-pulse { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 14px; }
.weekly-pulse div { padding: 13px; border-radius: 9px; background: #f3f7fa; }
.weekly-pulse span, .weekly-pulse small { display: block; color: #64748b; }
.weekly-pulse strong { display: block; margin: 4px 0; color: #063a78; font-size: 24px; }
.team-admin[hidden] { display: none; }
.team-form { display: grid; gap: 10px; }
.team-form.two-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.team-form.two-column label:nth-of-type(n+3) { grid-column: 1 / -1; }
.team-list { display: grid; gap: 9px; margin-top: 14px; }
.team-list article { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 13px; border: 1px solid #d9e6ef; border-left: 4px solid #0b68c9; border-radius: 9px; background: #f9fbfd; }
.team-list article.is-overdue { border-left-color: #dc2626; background: #fff7f7; }
.team-list article.is-complete { border-left-color: #16a34a; opacity: .75; }
.team-list article.team-action-thread { display: grid; grid-template-columns: 1fr auto; align-items: start; }
.action-comments { grid-column: 1 / -1; display: grid; gap: 7px; padding-top: 10px; border-top: 1px solid #d9e6ef; }
.action-comments p { margin: 0; padding: 9px; border-radius: 7px; background: #fff; }
.action-comments p b, .action-comments p span, .action-comments p small { display: block; }
.action-comments p b { color: #063a78; }
.action-comments p span { margin: 3px 0; color: #102338; }
.action-comments > div { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.team-list span, .team-list strong, .team-list small { display: block; }
.team-list span { color: #64748b; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.team-list strong { margin: 4px 0; color: #102338; }
.team-list small { color: #64748b; overflow-wrap: anywhere; }
.team-row-actions { display: flex; gap: 7px; flex-wrap: wrap; }
.team-activity { margin-top: 18px; }
.team-empty { color: #64748b; }
@media (max-width: 850px) {
  .team-kpis, .team-admin, .team-grid, .team-pulse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .team-kpis, .team-admin, .team-grid, .team-pulse-grid, .team-form.two-column { grid-template-columns: 1fr; }
  .team-form.two-column label:nth-of-type(n+3) { grid-column: auto; }
  .team-list article, .team-invite-accept { align-items: stretch; flex-direction: column; }
}
