/* Verwaltung (partner-verwaltung.html) - Feinschliff 28.10.2026.
   Laedt als letztes Stylesheet und nur auf dieser Seite, damit trainer-verwaltung unveraendert bleibt.
   Ziel (Nutzer): eine Schrift, eine Groessenskala, gleichmaessige Abstaende, keine wahllosen Umbrueche,
   eine Spur heller und ruhiger. Farben bleiben Basetrain-Gruen; heller werden Text, Flaechen und Linien. */

:root {
  /* Schriftskala - nur diese sechs Groessen */
  --fs-xs: 12px;   /* Kleintitel, Labels, Kennzeichen (Grossbuchstaben) */
  --fs-sm: 14px;   /* Hinweise, Metadaten */
  --fs-md: 16px;   /* Fliesstext, Eingaben, Navigation */
  --fs-lg: 20px;   /* Kartentitel */
  --fs-xl: 28px;   /* Abschnittstitel */
  --fs-2xl: 44px;  /* Seitentitel */
  /* Abstaende */
  --sp-1: 8px; --sp-2: 12px; --sp-3: 16px; --sp-4: 24px; --sp-5: 32px; --sp-6: 48px;
  /* Heller: Text, Flaechen, Linien */
  --white: #ffffff; --text: #ffffff; --text-soft: #e4ebe7; --muted: #d2dbd6; --text-muted: #b9c6c0; --faint: #a7b6b0;
  --surface: #0f3d34; --surface2: #13453b; --surface-dark: #0c342d;
  --border: rgba(255, 255, 255, .12); --border-light: rgba(255, 255, 255, .12);
  --line-strong: rgba(255, 255, 255, .2);
  --radius: 12px;
}

/* Eine Schrift (die Wortmarke bleibt das Logo) */
body, button, input, select, textarea { font-family: Manrope, system-ui, -apple-system, sans-serif; }
body { font-size: var(--fs-md); line-height: 1.55; text-rendering: optimizeLegibility; }
body::before { opacity: .45; }

/* Keine wahllosen Umbrueche: Ueberschriften ausgeglichen, kurze Bedienelemente nie umbrechen */
h1, h2, h3, .step-title, .pd-preview-name { text-wrap: balance; }
p, .bio-label-hint, .field-hint, .pd-panel-sub, .pd-hero p, .pd-preview-bio { text-wrap: pretty; }
.tag-app, .tag-int, .tag-opt, .primary-btn, .secondary-btn, .pd-nav-btn, .pd-side-btn, .pd-hero-stat-label,
.pd-kpi-label, .pd-kicker, .pd-hello, .progress-step span, .progress-step b, .upload-slot-label { white-space: nowrap; }

/* ---------- Kleintitel / Labels: 12 px, Grossbuchstaben, eine Laufweite ---------- */
.pd-kicker, .pd-promo-kicker, .pd-hello, .pd-switcher-label, .pd-side-meta, .pd-hero-stat-label, .pd-kpi-label, .pd-kpi-sub,
.pd-preview-type, .progress-step span, .upload-slot-label, .term-add-title, .detail-group-label,
.field > label, .partner-extra > label:not(.termin-toggle):not(.choice):not(.upload-slot), .term-editor > label, #clubMapBlock > label {
  font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4;
}
.field > label, .partner-extra > label:not(.termin-toggle):not(.choice):not(.upload-slot), .term-editor > label, #clubMapBlock > label { color: var(--text-soft); }
.pd-side-meta { font-size: 11px; }
.tag-app, .tag-int { font-size: 11px; letter-spacing: .06em; padding: 1px 8px; }
.tag-opt { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: lowercase; color: var(--faint); }
.detail-group-label { color: var(--green); margin-top: var(--sp-2); }
/* Nur eine Gruppe (Clubs): "Details" stuende doppelt unter dem Titel "Details" */
#detailGrid > .detail-group-label:first-child:not(:has(~ .detail-group-label)) { display: none; }

/* ---------- Hinweise / Metadaten: 14 px ---------- */
.bio-label-hint, .field-hint, .step-sub, .pd-panel-sub, .pd-preview-head p, .pd-preview-meta, .pd-preview-bio, .pd-kpi-copy,
.pd-promo p, .pd-data-label, .pd-account-links a, .club-map-status, .import-status, .choice span, .choice.choice-satz span,
.upload-slot-hint, .termine-leer, .geo-hint, .session-note, .ms-opt {
  font-size: var(--fs-sm); line-height: 1.55;
}
.bio-label-hint, .field-hint, .step-sub, .pd-panel-sub, .pd-preview-meta { color: var(--text-muted); }
.termine-row small, .termine-row .ort, .termine-row .desc, .upload-slot-status, .pd-profile-type, .pd-user-name, .field-error { font-size: var(--fs-xs); }

/* ---------- Fliesstext, Eingaben, Navigation: 16 px ---------- */
input:not([type=checkbox]):not([type=radio]), select, textarea, .ms-btn, .ms-val, .pd-side-btn, .pd-data-value, .pd-hero p, .termine-row, .geo-item, .bio-textarea { font-size: var(--fs-md); }
.session-note { color: var(--text-muted); margin-bottom: var(--sp-3); }
.pd-hero p { line-height: 1.6; margin-bottom: var(--sp-4); }
.pd-nav-btn { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; }
.pd-profile-name { font-size: var(--fs-sm); }

/* ---------- Titel ---------- */
.pd-preview-name, .pd-promo h3, .progress-step b { font-size: var(--fs-lg); font-weight: 600; letter-spacing: -.01em; line-height: 1.25; }
.progress-step b { font-size: var(--fs-md); }
.pd-panel-head h2, .pd-preview-head h2, .step-title, .pd-hero-stat-value { font-size: var(--fs-xl); font-weight: 600; letter-spacing: -.02em; line-height: 1.15; }
.pd-kpi-value { font-size: 36px; font-weight: 600; letter-spacing: -.03em; line-height: 1; }
.pd-hero h1 { font-size: var(--fs-2xl); font-weight: 600; letter-spacing: -.03em; line-height: 1.08; margin-bottom: var(--sp-3); max-width: 640px; }
.pd-promo h3 { margin: var(--sp-2) 0 var(--sp-1); }
.step-title { margin-bottom: var(--sp-1); }
.step-sub { margin-bottom: var(--sp-4); }

/* ---------- Abstaende ---------- */
.form-inner { padding: var(--sp-5); }
.progress-head { gap: var(--sp-2); margin-bottom: var(--sp-4); }
.grid { gap: var(--sp-4) var(--sp-3); }
.field { gap: var(--sp-1); }
.partner-extra { gap: var(--sp-2); margin-top: var(--sp-5); padding-top: var(--sp-5); border-top: 1px solid var(--border); }
.partner-extra:first-of-type { border-top: 0; padding-top: 0; }
.choice-grid { gap: var(--sp-1); }
.pd-hello { margin-bottom: var(--sp-3); }

/* ---------- Heller und ruhiger: Flaechen, Linien, Eingaben ---------- */
.form-wrap { background: linear-gradient(180deg, rgba(19, 69, 59, .92), rgba(15, 61, 52, .96)); box-shadow: 0 20px 60px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .06); border-color: var(--border); }
.form-wrap::before { display: none; }
input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea, .ms-btn {
  border: 1px solid var(--line-strong); border-radius: var(--radius); background: rgba(255, 255, 255, .06); color: var(--text);
  padding: 12px 14px; min-height: 48px;
}
textarea { min-height: 96px; line-height: 1.55; }
input::placeholder, textarea::placeholder { color: rgba(255, 255, 255, .45); }
input:focus, select:focus, textarea:focus, .ms-btn:focus-visible { border-color: var(--green); background: rgba(255, 255, 255, .09); box-shadow: 0 0 0 3px rgba(184, 255, 87, .16); }
.choice { border-color: var(--border); background: rgba(255, 255, 255, .05); border-radius: var(--radius); min-height: 48px; }
.termine-row, .term-editor, .upload-slot { border-radius: var(--radius); }
.termine-row { background: rgba(255, 255, 255, .05); border-color: var(--border); padding: 10px 14px; }
.term-editor { border-radius: 0 0 var(--radius) var(--radius); background: rgba(255, 255, 255, .04); padding: var(--sp-4); gap: var(--sp-2); }
.termine-row.is-sel { border-radius: var(--radius) var(--radius) 0 0; }
.club-map { border-radius: var(--radius); overflow: hidden; border-color: var(--border); }
.upload-slot { background: rgba(255, 255, 255, .04); border-color: var(--line-strong); }

/* Knoepfe: eine Hoehe, eine Schrift */
.primary-btn, .secondary-btn { min-height: 44px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .06em; }
.secondary-btn { border-color: var(--line-strong); color: var(--text); }

/* Dashboard-Karten */
.pd-preview-card, .pd-promo, .pd-panel { border-color: var(--border); }
.pd-hero-stat-label { color: var(--text-muted); }

@media (max-width: 720px) {
  :root { --fs-2xl: 34px; --fs-xl: 24px; }
  .form-inner { padding: var(--sp-4) var(--sp-3); }
  .grid { gap: var(--sp-3); }
}

/* =====================================================================
   Hell wie die Uebersicht (Nutzer 28.10.2026): Formular- und Inhaltsboxen in Creme wie die Kacheln
   "Profilstatus / Sichtbarkeit / Vollstaendigkeit", Schrift Dunkelgruen, Eingaben weiss.
   Der dunkle Rahmen (Kopf, Seitenleiste, Willkommens-Box) bleibt.
   ===================================================================== */
:is(.vw-card, .pd-panel) {
  --text: #072822; --text-soft: #1f3f37; --text-muted: #5b6f68; --muted: #5b6f68; --faint: #7f908a; --white: #072822;
  --border: rgba(7, 40, 34, .12); --line-strong: rgba(7, 40, 34, .2); --surface: #ffffff; --surface-dark: #ffffff;
  --accent-ink: #2e6a12;
  background: var(--cream) !important; color: var(--text); border: 0 !important; border-radius: 28px !important;
}
.pd-view .form-wrap { background: none !important; box-shadow: none !important; border: 0 !important; }

/* Schrift: keine Kursiven, keine haarduennen Titel */
em, .tag-app, .tag-int, .tag-opt { font-style: normal; }
:is(.vw-card, .pd-panel) :is(h2, h3, .step-title, .pd-panel-head h2) { color: var(--text); font-weight: 600; }

/* Titel, Labels, Hinweise */
:is(.vw-card, .pd-panel) :is(.field > label, .partner-extra > label, .term-editor > label, #clubMapBlock > label, .upload-slot-label, .term-add-title, .bd-club h4) { color: #3d5750; }
:is(.vw-card, .pd-panel) :is(.detail-group-label, .term-editor-head) { color: var(--accent-ink); }
:is(.vw-card, .pd-panel) .req::after { color: var(--accent-ink); }
:is(.vw-card, .pd-panel) :is(.bio-label-hint, .field-hint, .step-sub, .pd-panel-sub, .session-note, .club-map-status, .import-status, .termine-leer, .geo-hint, .bd-leer, .bd-stats, .bd-switch small, .bd-msg span, .bd-hist summary) { color: var(--text-muted); opacity: 1; }
:is(.vw-card, .pd-panel) .bd-stats b { color: var(--text); }

/* Kennzeichen */
:is(.vw-card, .pd-panel) .tag-app { background: #072822; color: #b8ff57; border-color: #072822; }
:is(.vw-card, .pd-panel) .tag-int { background: rgba(7, 40, 34, .06); color: #4c625b; border-color: rgba(7, 40, 34, .14); }
:is(.vw-card, .pd-panel) .tag-opt { color: #8a9a94; }

/* Eingaben: weiss auf Creme */
:is(.vw-card, .pd-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea, .ms-btn, .geo-item) {
  background: #ffffff; color: var(--text); border: 1px solid rgba(7, 40, 34, .16);
}
:is(.vw-card, .pd-panel) :is(input, textarea)::placeholder { color: #95a49e; }
:is(.vw-card, .pd-panel) :is(input, select, textarea):focus, :is(.vw-card, .pd-panel) .ms-btn:focus-visible { border-color: #072822; background: #fff; box-shadow: 0 0 0 3px rgba(7, 40, 34, .1); }
:is(.vw-card, .pd-panel) .ms.has-val .ms-btn { border-color: rgba(7, 40, 34, .35); color: var(--text); }
:is(.vw-card, .pd-panel) .ms-pop { background: #fff; border-color: rgba(7, 40, 34, .14); box-shadow: 0 18px 40px rgba(7, 40, 34, .16); }
:is(.vw-card, .pd-panel) .ms-opt { color: var(--text-soft); }
:is(.vw-card, .pd-panel) .ms-opt:hover { background: rgba(7, 40, 34, .05); }
:is(.vw-card, .pd-panel) .ms-opt:has(input:checked) { background: rgba(184, 255, 87, .35); color: var(--text); }
:is(.vw-card, .pd-panel) :is(.ms-opt input, .choice input) { accent-color: #072822; }
:is(.vw-card, .pd-panel) select option { background: #fff; color: #072822; }

/* Auswahlkarten, Termine, Uploads, Editor */
:is(.vw-card, .pd-panel) :is(.choice, .termine-row, .upload-slot, .bd-switch, .bd-msg) { background: #ffffff; border-color: rgba(7, 40, 34, .12); color: var(--text); }
:is(.vw-card, .pd-panel) .choice span, :is(.vw-card, .pd-panel) .choice.choice-satz span { color: var(--text-soft); }
:is(.vw-card, .pd-panel) .choice.choice-satz span b { color: var(--text); }
:is(.vw-card, .pd-panel) .choice:has(input:checked) { border-color: #072822; background: rgba(184, 255, 87, .22); }
:is(.vw-card, .pd-panel) .termine-row.is-sel { border-color: #072822; background: #fff; }
:is(.vw-card, .pd-panel) .termine-row.ohne-ort .ort { color: #b4432f; }
:is(.vw-card, .pd-panel) .termine-row .rm { border-color: rgba(7, 40, 34, .16); color: #4c625b; }
:is(.vw-card, .pd-panel) .term-editor { background: #ffffff; border-color: #072822; }
:is(.vw-card, .pd-panel) .upload-slot.has-file { border-color: #072822; background: rgba(184, 255, 87, .2); }
:is(.vw-card, .pd-panel) .upload-slot-status { color: var(--accent-ink); }
:is(.vw-card, .pd-panel) :is(.termin-toggle i, .bd-switch i) { background: rgba(7, 40, 34, .2); }
:is(.vw-card, .pd-panel) :is(.termin-toggle input:checked + i, .bd-switch input:checked + i) { background: #072822; }
:is(.vw-card, .pd-panel) .termin-toggle { color: var(--text-soft); }
:is(.vw-card, .pd-panel) .club-map { border-color: rgba(7, 40, 34, .14); }
:is(.vw-card, .pd-panel) :is(.partner-extra, .bd-club, .bd-row) { border-color: rgba(7, 40, 34, .1); }

/* Fortschritt */
:is(.vw-card, .pd-panel) .progress-step { background: #ffffff; border-color: rgba(7, 40, 34, .12); border-radius: 14px; }
:is(.vw-card, .pd-panel) .progress-step span { color: #7f908a; }
:is(.vw-card, .pd-panel) .progress-step b { color: var(--text); }
:is(.vw-card, .pd-panel) .progress-step.active { border-color: #072822; background: #072822; }
:is(.vw-card, .pd-panel) .progress-step.active :is(span, b) { color: #b8ff57; }
:is(.vw-card, .pd-panel) .progress-bar { background: rgba(7, 40, 34, .1); border-radius: 3px; overflow: hidden; }
:is(.vw-card, .pd-panel) .progress-fill { background: #072822; box-shadow: none; }

/* Knoepfe wie auf der Uebersicht: dunkelgruen gefuellt, Umriss dunkelgruen */
:is(.vw-card, .pd-panel) .primary-btn { background: #072822; color: #ffffff; border-color: #072822; }
:is(.vw-card, .pd-panel) .primary-btn:hover:not(:disabled) { box-shadow: 0 8px 20px rgba(7, 40, 34, .2); }
:is(.vw-card, .pd-panel) .secondary-btn { background: #ffffff; color: #072822; border-color: rgba(7, 40, 34, .22); }
:is(.vw-card, .pd-panel) .secondary-btn:hover { border-color: #072822; color: #072822; }
:is(.vw-card, .pd-panel) .club-map-tools .secondary-btn.is-on { background: #072822; color: #ffffff; border-color: #072822; box-shadow: none; }
:is(.vw-card, .pd-panel) :is(.bd-link) { color: var(--accent-ink); }
:is(.vw-card, .pd-panel) .field-error, :is(.vw-card, .pd-panel) .import-status.fehler { color: #b4432f; }
.step-title:has(+ .step-sub[hidden]) { margin-bottom: var(--sp-4); }
/* Schalter- und Kurzbeschriftungen: Satzschrift, nicht Grossbuchstaben */
.termin-toggle, .termin-toggle span, .bis-row label { font-size: var(--fs-sm); font-weight: 600; letter-spacing: 0; text-transform: none; }
.bd-switch, .bd-switch span, .bd-switch b, .bd-switch small { text-transform: none; letter-spacing: 0; }
.bd-switch b { font-size: var(--fs-md); font-weight: 600; }
.bd-switch small { font-size: var(--fs-sm); font-weight: 500; }
.bd-head h3 { font-size: var(--fs-lg); }
.bd-msg b, .bd-row { font-size: var(--fs-md); }
.bd-msg span, .bd-link, .bd-hist summary, .bd-stats { font-size: var(--fs-sm); }

/* =====================================================================
   Karten-Ansicht (28.10.2026, Nutzer): jede Gruppe eine Kachel wie "Profilstatus" auf der Uebersicht -
   Creme auf Dunkelgruen, dunkler Kreis mit Symbol, kleines Label, grosser Titel, keine Feinlinien.
   ===================================================================== */
#partnerForm[data-onepage] .progress-head, #partnerForm[data-onepage] .progress-bar { display: none; }
.pd-view:has(#partnerForm[data-onepage]) :is(.progress-head, .progress-bar) { display: none; }
#partnerForm[data-onepage] .step-panel { animation: none; }
#partnerForm[data-onepage] .step-panel :is(.step-title, .step-sub) { display: none; }
#partnerForm[data-onepage] #step3:not(:has(.field:not([hidden]), .partner-extra:not([hidden]))) { display: none; }
.pd-view .form-inner { background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
.pd-view .form-inner .session-note { color: var(--muted) !important; font-size: var(--fs-sm); margin: 0 0 var(--sp-3) !important; }

.vw-cards { display: grid; gap: 18px; }
.vw-card { padding: 32px; }
.vw-card[hidden], .vw-card:not(:has(.vw-body > :not([hidden]))) { display: none; }
.vw-head { display: flex; align-items: center; gap: 18px; margin-bottom: 28px; }
.vw-ico { flex: none; width: 56px; height: 56px; border-radius: 50%; background: #072822; color: #fff; display: grid; place-items: center; }
.vw-ico svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vw-kicker { display: block; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #5b6f68; }
.vw-head h3 { margin: 2px 0 0; font-size: 32px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; color: #072822; }
.vw-note { margin: 6px 0 0; font-size: 15px; color: #5b6f68; }
.vw-body { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 20px; align-items: start; }
.vw-body > .partner-extra, .vw-body > .field.full, .vw-body > .field:has(textarea) { grid-column: 1 / -1; }
.vw-body > .partner-extra { margin: 0; padding: 0; border: 0; }
.vw-body > .partner-extra + .partner-extra { margin-top: 8px; padding-top: 24px; border-top: 1px solid rgba(7, 40, 34, .08); }

/* Feldbeschriftung: Satzschrift, kraeftig, dunkel - keine Kennzeichen-Pillen in den Karten (die Karte sagt App/intern) */
.vw-card :is(.field > label, .partner-extra > label:not(.termin-toggle):not(.choice):not(.upload-slot), .term-editor > label, #clubMapBlock > label) {
  font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #072822; white-space: normal;
}
.vw-card :is(.tag-app, .tag-int) { display: none; }
.vw-card .tag-opt { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #8a9a94; margin-left: 6px; }
.vw-card .req::after { content: " *"; color: #2e6a12; }
.vw-card :is(.bio-label-hint, .field-hint) { font-size: 14px; color: #5b6f68; }

/* Eingaben: weisse Flaechen ohne Strich, Rahmen nur beim Anklicken */
.vw-card :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea, .ms-btn, .geo-item) {
  border: 1px solid transparent; background: #fff; border-radius: 14px; min-height: 52px; font-size: 17px; padding: 13px 16px; box-shadow: 0 1px 2px rgba(7, 40, 34, .05);
}
.vw-card textarea { min-height: 120px; }
.vw-card :is(input, select, textarea):focus, .vw-card .ms-btn:focus-visible { border-color: #072822; box-shadow: 0 0 0 3px rgba(7, 40, 34, .1); }
.vw-card .ms.has-val .ms-btn { border-color: transparent; }
.vw-card :is(.choice, .termine-row, .upload-slot, .bd-switch) { border-color: transparent; box-shadow: 0 1px 2px rgba(7, 40, 34, .05); border-radius: 14px; }
.vw-card .choice:has(input:checked) { border-color: transparent; background: rgba(184, 255, 87, .35); }
.vw-card .termine-row.is-sel { border-color: #072822; }
.vw-card .term-editor { border: 1px solid #072822; border-top: 0; }
.vw-card .upload-slot { border-style: solid; }
.vw-card .termine-row { font-size: 16px; }

/* Speichern unten, gross wie die Knoepfe der Uebersicht */
#partnerForm[data-onepage] .actions { grid-column: 1 / -1; margin: 8px 0 0; padding: 0; background: none; border: 0; justify-content: flex-end; }
#partnerForm[data-onepage] #submitBtn { background: #072822; color: #fff; min-height: 52px; padding: 0 28px; font-size: 14px; }
#partnerForm[data-onepage] .form-message { margin-bottom: 18px; }

@media (max-width: 720px) {
  .vw-card { padding: 22px 18px; }
  .vw-head { gap: 14px; margin-bottom: 20px; }
  .vw-ico { width: 48px; height: 48px; }
  .vw-head h3 { font-size: 26px; }
  .vw-body { grid-template-columns: 1fr; gap: 20px; }
}
/* Doppelte Ueberschriften vermeiden: die Karte nennt das Thema schon */
.vw-card :is(#clubNewsBlock, #consentBlock, #fotosBlock, #clubTermineBlock) > label:first-child { display: none; }
.vw-card .termine-row small, .vw-card .termine-row .ort, .vw-card .termine-row .desc { font-size: 14px; }
.vw-card .termine-row b small { font-size: 13px; }
/* Neuer Termin: zwei ruhige Zeilen statt sieben gequetschter Felder */
.vw-card .termine-add { grid-template-columns: 1.3fr 1fr .8fr .8fr; gap: 10px; }
.vw-card .termine-add #termHinweis { grid-column: span 2; }
.vw-card .termine-add .secondary-btn { min-height: 52px; }
@media (max-width: 720px) { .vw-card .termine-add { grid-template-columns: 1fr 1fr; } .vw-card .termine-add #termHinweis { grid-column: 1 / -1; } }
.bd-thumb, .bd-thumb span { text-transform: none; letter-spacing: 0; font-size: 12px; }
/* Pace mm:ss (28.10.2026) */
.pace-block { display: grid; gap: 8px; }
.pace-block[hidden] { display: none; }
.pace-in { display: flex; align-items: center; gap: 8px; }
.pace-in input { width: 72px !important; min-width: 0; text-align: center; font-size: 20px !important; font-weight: 600; padding: 12px 8px !important; }
.pace-in i { font-style: normal; font-size: 22px; font-weight: 700; color: #072822; }
.pace-in span { margin-left: 4px; font-size: 15px; color: #5b6f68; }
.vw-card .pace-block > label { font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #072822; }
.team-panel { margin-top: 18px; }
.bd-form.team-form { grid-template-columns: 1fr auto; }
@media (max-width: 640px) { .bd-form.team-form { grid-template-columns: 1fr; } }