/* Phase 6: bewusst lokale Profil-, Backup- und Stationswerkzeuge. Bildschirm only. */
@media screen {
  .athleteProfileApply,
  .profileTools,
  .toolboxImportPreview {
    border:1px solid color-mix(in srgb, var(--line, #cbd5e1) 78%, var(--accent, #18b8c9));
    border-radius:var(--radius-lg, 20px);
    background:color-mix(in srgb, var(--surface, #fff) 94%, var(--accent, #18b8c9));
  }
  .athleteProfileApply { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; margin:0 0 12px; }
  .athleteProfileApply b,.athleteProfileApply small { display:block; }
  .athleteProfileApply small,.athleteProfileApply p { color:var(--muted, #64748b); margin:4px 0 0; }
  .athleteProfileApply button,.profileActions button,.saveSweatProfile { min-height:44px; }
  .athleteProfileMessage,.sweatProfileStatus { color:var(--success, #15743b)!important; font-weight:700; }

  .profileTools { max-width:1320px; margin:26px auto; padding:clamp(20px,3vw,34px); display:grid; grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr); gap:clamp(22px,4vw,54px); }
  .profileTools h2 { margin:.25em 0; }
  .profileForm { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .profileForm label span { display:block; font-weight:750; margin-bottom:6px; }
  .profileForm input,.profileForm select { width:100%; min-height:44px; }
  .profileTestSummary,.profileActions,.profileForm>p { grid-column:1/-1; }
  .profileTestSummary { color:var(--muted, #64748b); margin:0; }
  .profileActions { display:flex; flex-wrap:wrap; gap:10px; }

  .toolboxBackupTools { margin-bottom:16px; }
  .toolboxImportPreview { grid-column:1/-1; padding:18px; }
  .toolboxImportPreview h3 { margin-top:0; }
  .toolboxImportPreview>div { display:flex; flex-wrap:wrap; gap:10px; }
  .importWarning { color:var(--warning-text, #8a4b00); }

  .aidStationEditor { margin:12px 0 0; border:1px solid var(--line, #cbd5e1); border-radius:14px; background:var(--surface, #fff); }
  .aidStationEditor>summary { min-height:44px; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; font-weight:800; }
  .aidStationEditor>summary small { color:var(--muted, #64748b); font-weight:650; }
  .aidStationEditorBody { padding:0 12px 12px; }
  .aidStationRows { display:grid; gap:8px; }
  .aidStationRow { display:grid; grid-template-columns:minmax(150px,1fr) minmax(110px,.8fr) auto auto; gap:8px; align-items:center; }
  .aidStationChip { display:inline-flex; align-items:center; min-height:34px; padding:5px 9px; border-radius:999px; background:color-mix(in srgb, var(--accent, #18b8c9) 14%, transparent); font-weight:800; }
  .aidStationChip.special { background:color-mix(in srgb, var(--warning, #f59e0b) 18%, transparent); }
  .aidStationRow button,.aidStationAdd,.aidStationForm button { min-height:44px; }
  .aidStationAdd { margin-top:10px; }
  .aidStationForm { margin-top:12px; padding:12px; border-radius:12px; background:var(--soft, #f3f7fa); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .aidStationForm[hidden] { display:none; }
  .aidStationForm label { display:grid; gap:5px; font-weight:750; }
  .aidStationForm input,.aidStationForm select { min-height:44px; width:100%; }
  .aidStationForm>p,.aidStationForm>div { grid-column:1/-1; }
  .aidStationForm>div { display:flex; gap:8px; }
  .aidStationError { color:var(--danger, #b42318); font-weight:750; }
  .briefingImportNote { margin:10px 0 0; padding:9px 11px; border:1px solid #bfe5e8; border-radius:10px; background:#f1fbfc; color:#38636a; font-size:12px; line-height:1.45; }
  html[data-theme="dark"] .briefingImportNote { border-color:#27505b; background:#102832; color:#c7e8ec; }

  .saveSweatProfile { width:100%; margin-top:10px; }
  .sweatProfileStatus { margin:8px 0 0; }
  @media(max-width:760px) {
    .athleteProfileApply,.profileTools { grid-template-columns:1fr; display:grid; }
    .profileForm,.aidStationForm { grid-template-columns:1fr; }
    .aidStationRow { grid-template-columns:1fr auto auto; }
    .aidStationRow small { grid-column:1/-1; grid-row:2; }
  }
}