body.cw-member #app .cw-team-management { max-width: 100%; overflow-wrap: anywhere; }
body.cw-member #app .cw-team-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1rem; align-items: start; }
body.cw-member #app .cw-team-card { padding: 1rem; border: 1px solid #a9bcae; background: #f9fcf8; margin: 0 0 1rem; min-width: 0; }
body.cw-member #app .cw-team-card h3 { margin-top: 0; }
body.cw-member #app .cw-team-card ul { padding-left: 1.25rem; }
body.cw-member #app .cw-team-card li { margin: .5rem 0; }
body.cw-member #app .cw-team-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
body.cw-member #app .cw-team-actions button, body.cw-member #app .cw-team-actions a { min-height: 48px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
/* site.css paints every .cw-button white-on-green with !important; the mobile
   view's secondary buttons are white with green text, so restate that here or
   "Back to tournament" and "Reload teams" render as empty white boxes. */
body.cw-member #app .cw-button-secondary { background: #fff !important; color: #46630F !important; border-color: #46630F; }
body.cw-member #app .cw-team-member-meta { display: block; font-size: 1rem; color: #43534a; }
body.cw-member #app .cw-team-notice { border-left: 4px solid #87631c; padding: .75rem; background: #fff6d8; }
body.cw-member #app #teamForm > label { display: block; font-weight: 700; margin-top: 1rem; }
body.cw-member #app #teamForm > input, body.cw-member #app #teamForm > select { width: 100%; min-width: 0; min-height: 48px; font-size: 1rem; }
body.cw-member #app #teamForm fieldset { min-width: 0; padding: .5rem; margin: 1rem 0; border: 1px solid #a9bcae; }
body.cw-member #app #teamForm legend { font-size: 1rem; font-weight: 700; }
body.cw-member #app .cw-team-members { max-height: 26rem; overflow-y: auto; overscroll-behavior: contain; }
body.cw-member #app .cw-team-choice { display: flex; align-items: center; gap: .75rem; min-height: 48px; padding: .5rem 0; border-top: 1px solid #d2ddd5; cursor: pointer; font-size: 1rem; }
body.cw-member #app .cw-team-choice input[type="checkbox"] { flex: 0 0 24px; width: 24px; height: 24px; min-height: 24px; margin: .25rem; }
body.cw-member #app .cw-team-choice span { min-width: 0; }
body.cw-member #app .cw-team-choice:has(input:disabled) { color: #526058; cursor: default; }
body.cw-member #app #teamStatus { font-weight: 600; }
@media (max-width: 900px) {
  body.cw-member #app .cw-team-layout { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
  body.cw-member #app .cw-team-card { padding: .75rem; }
  body.cw-member #app .cw-team-actions { flex-direction: column; }
  body.cw-member #app .cw-team-actions > * { width: 100%; }
}