.team-point-admin { display: grid; gap: 16px; }
.team-point-form, .team-point-history { padding: 16px; min-width: 0; }
.team-point-form fieldset, .team-point-undo fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.team-point-form legend { padding: 8px 0; color: var(--muted); }
.team-point-admin label { display: block; margin: 16px 0 7px; font-weight: 800; }
.team-point-admin .form-input { min-width: 0; max-width: 100%; font-size: 16px; }
.team-point-admin select {
  -webkit-appearance: none;
  appearance: none;
  height: 48px;
  min-height: 48px;
  padding-right: 30px;
  background-image: linear-gradient(45deg, transparent 50%, #a1b7aa 50%),
    linear-gradient(135deg, #a1b7aa 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 12px) 50%;
  background-size: 4px 4px;
  background-repeat: no-repeat;
}
.team-point-admin input { min-height: 48px; }
.team-point-admin textarea { resize: vertical; }
.team-point-admin button { min-height: 44px; }
.team-point-admin p, .team-point-admin h3 { overflow-wrap: anywhere; }
.team-point-admin .subtle { font-size: 13px; line-height: 1.5; }
.team-point-preview { margin: 18px 0; padding: 14px; border-left: 3px solid var(--cyan); background: rgba(24,201,232,.07); }
.team-point-preview article + article { padding-top: 12px; border-top: 1px solid var(--line); }
.team-point-preview h3 { font-size: 15px; }
.team-point-preview dl { margin: 12px 0; }
.team-point-preview dl > div { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; }
.team-point-preview dd { margin: 0; text-align: right; }
.team-point-history-entry { padding: 16px 0; border-top: 1px solid var(--line); }
.team-point-history-entry h3 { margin: 0 0 8px; font-size: 15px; }
.team-point-history-entry p { margin: 6px 0; }
.team-point-history-entry.is-undone { color: var(--muted); }
.team-point-undo { padding: 12px; border: 1px solid var(--gold); border-radius: 12px; }
.team-point-error { color: #ffd0c6; }