/* v3.5.13 — founder-directed minimal controls and workout presentation. */

/* All real buttons read as text/actions, not boxed pills.
   Image tiles keep their child artwork and active-state legibility overlays. */
button,
button:hover,
button:active {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
button:not(:disabled):hover { color: #a8e9ff !important; }
button:focus-visible {
  outline: 2px solid #8ae0ff !important;
  outline-offset: 3px !important;
}
button.selected,
button[aria-pressed="true"] {
  text-decoration: underline;
  text-underline-offset: 5px;
}
/* Do not accidentally turn the text-only workout controls into giant form buttons. */
.workoutTextAction,
.workoutEntry .workoutTextAction,
.workoutEntryActions button {
  display: inline-block !important;
  width: fit-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #b1e8ff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 700;
  text-align: left;
}
.workoutTextAction:hover { text-decoration: underline; text-underline-offset: 4px; }
#deleteWorkoutEdit { color: #ffbfba !important; }

/* The overview is exercise-only. Click the text or panel to open the detailed page. */
.daywork #workoutPlan { padding: 9px 0 !important; }
.daywork #workoutPlan strong {
  display: block;
  margin: 0 0 7px !important;
  font-size: clamp(15px, 1.25vw, 19px) !important;
  line-height: 1.35;
  color: #f0f8ff;
}
.daywork #openPlan { display: none !important; }
.daywork #workoutPlan p { display: none !important; }
.daywork #workoutPlan:focus-visible { outline: 2px solid #87d6ff; outline-offset: 4px; }

/* No continuous run-on workout sentences: one exercise and its description per row. */
.wotdExerciseList { display: grid; gap: 15px; margin: 14px 0 26px; }
.wotdExercise { display: grid; gap: 6px; min-width: 0; }
.wotdExercise strong {
  display: block;
  font-size: clamp(19px, 2vw, 26px);
  line-height: 1.22;
  color: #ffe1ab;
}
.wotdExercise p {
  max-width: 80ch;
  margin: 0;
  color: #dbefff;
  line-height: 1.55;
}

/* The one existing private log follows the workout page when it is opened. */
#workoutLogRoot { margin-top: 25px; }
.workoutLogActions { margin: 12px 0 18px; }
#workoutForm[hidden],
#deleteWorkoutEdit[hidden] { display: none !important; }
#workoutForm {
  display: grid;
  gap: 14px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
#workoutForm label { color: #dcf1ff; }
#workoutForm input:not([type="checkbox"]),
#workoutForm select,
#workoutForm textarea {
  width: 100%;
  color: #f5fbff !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #85afc16b !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#workoutForm input:focus,
#workoutForm select:focus,
#workoutForm textarea:focus { outline: 2px solid #91d9ff; outline-offset: 2px; }
#workoutForm option { color: #fff; background: #0a2037; }
.workoutEntryActions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding-top: 5px;
}
.workoutEntry {
  display: grid;
  gap: 5px;
  padding: 14px 0 !important;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #74a6c32f;
  background: transparent !important;
}
.workoutEntry p { margin: 0; line-height: 1.42; }
.workoutEntry .workoutTextAction { margin-top: 5px !important; }

/* A subtle panorama derived from the corresponding Mission Control icon art. */
body.kkSubpage {
  background-image: linear-gradient(90deg, rgba(1,11,23,.93), rgba(3,18,32,.69) 48%, rgba(1,11,23,.90)), var(--kk-subpage-art, url("art/training.webp")) !important;
  background-size: 100% 100%, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
body.kkSubpage .shell > .kkRouteActive {
  background: rgba(4, 19, 34, .72) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}
/* Races has its own art from the chosen hero card, not an unrelated icon. */
.kkRacePage {
  background-image: linear-gradient(90deg, rgba(1,11,23,.92), rgba(2,14,27,.75)), var(--kk-race-page-art, url("art/races/imca-journey.webp")) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.kkRacePageInner { background: rgba(5,23,40,.82) !important; }
/* The Athlete Profile header control has no dedicated icon yet; the Training
   panorama is an interim cohesive visual until the new icon earns approval. */
#athleteProfilePanel:not(.hide) {
  background-image: linear-gradient(100deg, rgba(2,12,24,.93), rgba(3,17,31,.83)), url("art/training.webp") !important;
  background-position: center;
  background-size: cover;
}
/* These lower utility surfaces are not separate routes, but get a matching
   subtle treatment while custom icon proposals are reviewed. */
#kkUtilityPanel[data-mode="Ideas"] {
  background-image: linear-gradient(90deg,rgba(3,16,29,.91),rgba(3,16,29,.83)),url("art/ask.webp") !important;
}
#kkUtilityPanel[data-mode="Examples"] {
  background-image: linear-gradient(90deg,rgba(3,16,29,.91),rgba(3,16,29,.83)),url("art/missions.webp") !important;
}
#kkUtilityPanel[data-mode="Settings"] {
  background-image: linear-gradient(90deg,rgba(3,16,29,.91),rgba(3,16,29,.83)),url("art/finances.webp") !important;
}
#kkUtilityPanel[data-mode] { background-size: cover !important; background-position: center !important; }
/* The user-approved carousel stays exactly as designed on Mission Control. */
@media (max-width: 700px) {
  body.kkSubpage { background-attachment: scroll !important; }
  .wotdExerciseList { gap: 13px; }
  .workoutEntryActions { gap: 16px; }
}