.living-map-coach[data-coach-dialogue] { pointer-events: auto; cursor: pointer; border: 0; padding: 0; background: transparent; }
.living-map-coach[data-coach-dialogue]::after { position:absolute; inset:-14px -16px; border-radius:50%; content:""; }
.living-map-coach[data-coach-dialogue]:focus-visible { outline: 2px solid #56eadb; outline-offset: 4px; border-radius: 50%; }
.coach-conversation-open { overflow: hidden; }
.coach-conversation-modal { position: fixed; z-index: 400500; isolation: isolate; inset: 0; display: grid; place-items: center; box-sizing: border-box; padding: max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); background: rgba(1, 6, 9, .8); backdrop-filter: blur(12px); overscroll-behavior: contain; touch-action: pan-y; }
.coach-conversation-modal[hidden] { display: none; }
.coach-conversation-panel { position: relative; z-index: 1; width: min(620px, 100%); max-height: min(780px, 92dvh); overflow: auto; box-sizing: border-box; padding: clamp(20px, 4vw, 34px); border: 1px solid rgba(72, 225, 213, .42); border-radius: 26px; color: #eef8f6; background: linear-gradient(145deg, rgba(10, 27, 29, .98), rgba(10, 14, 18, .98)); box-shadow: 0 28px 90px rgba(0, 0, 0, .65), inset 0 1px rgba(255,255,255,.06); }
.coach-conversation-close { position: absolute; z-index: 2; top: 16px; right: 16px; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: white; background: rgba(255,255,255,.08); font-size: 1.6rem; cursor: pointer; }
.coach-conversation-header { display: flex; align-items: center; gap: 18px; padding-right: 44px; margin-bottom: 24px; }
.coach-conversation-header img { width: 94px; height: 108px; object-fit: contain; object-position: bottom; filter: drop-shadow(0 8px 14px rgba(0,0,0,.4)); }
.coach-conversation-header small, .coach-dialogue-context { color: #58e9da; font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.coach-conversation-header h2 { margin: 5px 0 0; font-size: clamp(1.55rem, 5vw, 2.25rem); }
.coach-conversation-topics, .coach-dialogue-answers { display: grid; gap: 10px; }
.coach-conversation-topics button, .coach-dialogue-answers button, .coach-dialogue-back { width: 100%; padding: 15px 17px; border: 1px solid rgba(78, 224, 211, .23); border-radius: 15px; color: #edf8f6; background: rgba(255,255,255,.055); text-align: left; font: inherit; font-weight: 750; cursor: pointer; transition: border-color .18s, background .18s, translate .18s; }
.coach-conversation-topics button, .coach-dialogue-answers button { display: grid; place-items: center; min-height: 50px; text-align: center; line-height: 1.2; }
.coach-conversation-topics button:hover, .coach-dialogue-answers button:hover { border-color: #55e6d8; background: rgba(55, 206, 194, .12); translate: 3px 0; }
.coach-dialogue-line { margin: 4px 0 20px; padding: 20px; border-left: 3px solid #58e9da; border-radius: 4px 16px 16px 4px; background: rgba(67, 219, 205, .08); }
.coach-dialogue-line p { margin: 7px 0 0; font-size: clamp(1.05rem, 3vw, 1.24rem); line-height: 1.55; }
.coach-dialogue-thread { margin: 4px 0 20px; padding: 18px 20px 8px; border: 1px solid rgba(88, 233, 218, .28); border-radius: 20px; background: radial-gradient(circle at 100% 0, rgba(88, 233, 218, .09), transparent 34%), rgba(5, 18, 21, .68); }
.coach-dialogue-thread > div { position: relative; margin-top: 10px; }
.coach-dialogue-thread section { position: relative; padding: 14px 0 16px 24px; border-top: 1px solid rgba(88, 233, 218, .14); }
.coach-dialogue-thread section:first-child { border-top: 0; }
.coach-dialogue-thread section::before { position: absolute; top: 20px; left: 2px; width: 8px; height: 8px; border: 2px solid #58e9da; border-radius: 50%; background: #071416; box-shadow: 0 0 0 4px rgba(88, 233, 218, .07); content: ""; }
.coach-dialogue-thread section:not(:last-child)::after { position: absolute; top: 32px; bottom: -8px; left: 6px; width: 1px; background: linear-gradient(rgba(88, 233, 218, .38), rgba(88, 233, 218, .06)); content: ""; }
.coach-dialogue-thread section > small { color: #74ded5; font-size: .66rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.coach-dialogue-thread section p { margin: 6px 0 0; color: #e5f0ee; font-size: clamp(1rem, 2.7vw, 1.14rem); line-height: 1.52; }
.coach-dialogue-thread section p + p { margin-top: 11px; padding-top: 11px; border-top: 1px dashed rgba(88, 233, 218, .13); color: #bfd0cd; font-size: clamp(.94rem, 2.5vw, 1.04rem); }
.coach-dialogue-delivery { width: 100%; margin: 0 0 14px; padding: 14px 18px; border: 1px solid #d9bb55; border-radius: 15px; color: #101718; background: linear-gradient(135deg, #f2d66f, #d8a84c); font: inherit; font-weight: 900; cursor: pointer; }
.coach-dialogue-mission-start { width:100%; margin-top:14px; padding:15px 18px; border:1px solid color-mix(in srgb,var(--coach-action-color) 76%,white 24%); border-radius:15px; color:#061112; background:linear-gradient(135deg,color-mix(in srgb,var(--coach-action-color) 82%,white 18%),var(--coach-action-color)); box-shadow:0 10px 30px color-mix(in srgb,var(--coach-action-color) 28%,transparent); font:inherit; font-weight:950; cursor:pointer; transition:filter .18s,translate .18s; }
.coach-dialogue-mission-start:hover { filter:brightness(1.08); translate:0 -2px; }
.coach-dialogue-idea { display: grid; gap: 9px; margin: 0 0 16px; }
.coach-dialogue-idea textarea { box-sizing: border-box; width: 100%; min-height: 128px; resize: vertical; padding: 14px; border: 1px solid rgba(88,233,218,.35); border-radius: 15px; color: #eef8f6; background: rgba(0,0,0,.28); font: inherit; line-height: 1.45; }
.coach-dialogue-idea textarea:focus { outline: 2px solid #58e9da; outline-offset: 2px; }
.coach-dialogue-idea small { min-height: 1.2em; color: #ffad9f; }
.coach-dialogue-idea button { padding: 14px 18px; border: 1px solid #58e9da; border-radius: 15px; color: #061315; background: #58e9da; font: inherit; font-weight: 900; cursor: pointer; }
.beta-feedback-modal-header { padding-right: 52px; margin-bottom: 14px; }
.beta-feedback-modal-header small { color: #58e9da; font-size: .72rem; font-weight: 900; letter-spacing: .16em; }
.beta-feedback-modal-header h2 { margin: 5px 0 0; font-size: clamp(1.45rem, 5vw, 2rem); }

.home-insight-cards { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; width:100%; min-width:0; }
.app > .home-insight-cards { grid-column:1 / -1; justify-self:stretch; }
.home-insight-cards > .card { grid-column:1/-1; width:100%; min-width:0; margin:var(--space-md) 0 0; box-sizing:border-box; }
.home-insight-cards > .last-training-next-step-card{grid-column:1/-1;min-height:0;margin-top:0;padding:0;border-color:rgba(83,232,190,.42);border-left:4px solid #58e7be;border-radius:18px;background:radial-gradient(circle at 0 50%,rgba(75,226,185,.16),transparent 34%),linear-gradient(135deg,rgba(18,82,70,.28),rgba(5,27,29,.96));box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.18);overflow:hidden}.last-training-next-step-card[hidden]{display:none!important}.last-training-next-step-card>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:70px;padding:15px 18px;list-style:none;cursor:pointer}.last-training-next-step-card>summary::-webkit-details-marker{display:none}.last-training-next-step-card>summary span{color:#f1fffb;font-size:clamp(1rem,2.1vw,1.18rem);font-weight:900}.last-training-next-step-card>summary i{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:1px solid rgba(83,232,190,.48);border-radius:50%;color:#65ebc5;font-size:1.25rem;font-style:normal;transition:transform .2s ease}.last-training-next-step-card[open]>summary i{transform:rotate(45deg)}.last-training-next-step-content{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:center;padding:4px 22px 20px}.last-training-next-step-content>div{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(83,232,190,.48);border-radius:16px;color:#071c19;background:linear-gradient(145deg,#78edc7,#43cda7);box-shadow:0 8px 22px rgba(55,210,168,.16);font-size:1.45rem;font-weight:900}.last-training-next-step-card p{display:grid;gap:7px;max-width:58ch;margin:0}.last-training-next-step-card small{color:#6fe8c2;font-size:.65rem;font-weight:900;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.last-training-next-step-card strong{color:#f1fffb;font-size:clamp(.92rem,2.1vw,1.05rem);line-height:1.45}
.home-insight-cards > .card strong,
.home-insight-cards > .card span,
.home-insight-cards > .card small { overflow-wrap:normal; word-break:normal; }
@media (min-width:621px) {
  .home-insight-cards > .last-training-cockpit-card { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:14px 22px; align-items:start; }
  .home-insight-cards > .last-training-cockpit-card > div:first-child { grid-column:1; }
  .home-insight-cards > .last-training-cockpit-card > .last-training-cockpit-metrics { grid-column:2; grid-row:1 / span 2; margin-top:0; }
  .home-insight-cards > .last-training-cockpit-card > .last-training-success-story { grid-column:1; margin-top:0; }
}

/* Die geschlossene Erfolgskarte nutzt die volle Breite; der Toggle bleibt
   unabhängig vom Desktop-Grid fest in der oberen rechten Kartenecke. */
.home-insight-cards > .last-training-cockpit-card:not([open]) > .last-training-cockpit-summary {
  position: relative;
  grid-column: 1 / -1;
  width: 100%;
  padding-right: 64px;
  box-sizing: border-box;
}

.home-insight-cards > .last-training-cockpit-card:not([open]) .last-training-cockpit-toggle {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
}
.beta-feedback-dashboard-card { border: 1px solid rgba(88, 233, 218, .42); background: radial-gradient(circle at 90% 15%, rgba(88, 233, 218, .13), transparent 35%), linear-gradient(145deg, #07181a, #101719); }
.beta-feedback-dashboard-card[hidden] { display: none !important; }
.beta-feedback-dashboard-card > summary { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:5px 12px; min-height:100%; padding:16px; box-sizing:border-box; cursor:pointer; list-style:none; }
.beta-feedback-dashboard-card > summary::-webkit-details-marker { display:none; }
.beta-feedback-dashboard-card > summary span { grid-column:1; }
.beta-feedback-dashboard-card > summary strong { grid-column:1; font-size:clamp(.95rem,2.6vw,1.15rem); line-height:1.15; }
.beta-feedback-summary-subtext { grid-column:1; max-width:52ch; color:#9db5b3!important; font-size:.72rem!important; font-weight:600!important; line-height:1.35; letter-spacing:0!important; }
.beta-feedback-dashboard-card > summary i { position:relative; grid-column:2; grid-row:1 / span 2; width:34px; height:34px; border:1px solid rgba(88,233,218,.32); border-radius:50%; }
.beta-feedback-dashboard-card > summary i::before,.beta-feedback-dashboard-card > summary i::after { content:""; position:absolute; width:12px; height:2px; margin:16px 0 0 11px; background:#58e9da; }
.beta-feedback-dashboard-card > summary i::after { transform:rotate(90deg); }
.beta-feedback-pending-count { position:absolute; right:16px; bottom:13px; display:inline-flex; align-items:center; gap:5px; color:#f2c94c!important; font-size:.59rem!important; font-weight:750!important; letter-spacing:.02em!important; }
.beta-feedback-pending-count::before { content:""; width:5px; height:5px; border-radius:50%; background:#5b8f8a; opacity:.72; }
.beta-feedback-dashboard-card span { color: #58e9da; font-size: .72rem; font-weight: 900; letter-spacing: .16em; }
.beta-feedback-dashboard-card h2 { margin: 5px 0 7px; font-size: clamp(1.45rem, 4vw, 2.2rem); }
.beta-feedback-dashboard-card p { margin: 0; max-width: 680px; color: #bdccca; line-height: 1.45; }
.beta-feedback-dashboard-content { display:none; }
.beta-feedback-dashboard-card[open] { position:fixed; z-index:190000; inset:0; width:100vw; height:100dvh; margin:0; padding:0; overflow:auto; border:0; border-radius:0; background:radial-gradient(circle at 90% 5%,rgba(88,233,218,.14),transparent 32%),#041317; }
.beta-feedback-dashboard-card[open] > summary { display:none; }
.beta-feedback-dashboard-card[open] > .beta-feedback-dashboard-content { display:grid; gap:22px; width:min(920px,calc(100% - 32px)); margin:0 auto; padding:max(28px,env(safe-area-inset-top)) 0 max(40px,env(safe-area-inset-bottom)); box-sizing:border-box; }
.beta-feedback-dashboard-content > header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid rgba(88,233,218,.2); }
.beta-feedback-dashboard-card button { min-height: 48px; padding: 12px 18px; border: 1px solid #58e9da; border-radius: 14px; color: #071315; background: #58e9da; font: inherit; font-weight: 900; cursor: pointer; }
.beta-feedback-dashboard-card .beta-feedback-dashboard-close { flex:0 0 auto; width:46px; min-height:46px; padding:0; border-color:rgba(88,233,218,.3); border-radius:50%; color:#eaffff; background:rgba(255,255,255,.07); font-size:1.8rem; }
.beta-feedback-primary-action { justify-self:start; }
.beta-feedback-pdca-slot { grid-column: 1 / -1; min-width: 0; }
.beta-feedback-pdca-slot:empty { display: none; }
body.beta-feedback-dashboard-open { overflow:hidden; }
.last-training-next-step-card>summary span{display:grid;gap:7px;letter-spacing:0}.last-training-next-step-card>summary span>strong{color:#f1fffb;font-size:clamp(1rem,2.1vw,1.18rem);font-weight:900;line-height:1.2}.last-training-next-step-card>summary span>small{color:#9db5b3;font-size:.72rem;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none}
@media (max-width: 620px) {
  .home-insight-cards { grid-template-columns:minmax(0,1fr); gap:16px; align-items:stretch; }
  .home-insight-cards > .card { margin:0; }
  .home-insight-cards > .card:not([open]) { height:164px; min-height:164px; margin:0; padding:0; border:1px solid rgba(88,233,218,.42); border-radius:14px; background:radial-gradient(circle at 90% 15%,rgba(88,233,218,.11),transparent 38%),linear-gradient(145deg,#07181a,#101719); box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.18); }
  .home-insight-cards > .last-training-next-step-card:not([open]){height:164px;min-height:164px;margin:0;padding:0;border-left:1px solid rgba(88,233,218,.42)}
  .home-insight-cards > .card:not([open]) > summary { position:relative; box-sizing:border-box; width:100%; height:100%; min-height:0; padding:16px 64px 16px 18px; align-content:start; align-items:flex-start; }
  .home-insight-cards > .card:not([open]) .last-training-cockpit-toggle,
  .home-insight-cards > .card:not([open]) .last-training-next-step-card > summary i,
  .home-insight-cards > .last-training-next-step-card:not([open]) > summary i,
  .home-insight-cards > .beta-feedback-dashboard-card:not([open]) > summary i { position:absolute; top:16px; right:16px; width:34px; height:34px; margin:0; }
  .home-insight-cards .cockpit-card-eyebrow,
  .beta-feedback-dashboard-card > summary span { font-size:.64rem; line-height:1.25; letter-spacing:.09em; }
  .home-insight-cards .last-training-cockpit-card { display:flex; flex-direction:column; justify-content:space-between; gap:10px; }
  .home-insight-cards .last-training-cockpit-card > div:first-child strong { margin-top:2px; font-size:.9rem; line-height:1.2; }
  .home-insight-cards .last-training-cockpit-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; width:100%; margin-top:auto; padding-top:9px; border-top:1px solid rgba(83,216,226,.14); }
  .home-insight-cards .last-training-cockpit-metrics span { min-width:0; padding:0 5px; border-radius:0; background:transparent; }
  .home-insight-cards .last-training-cockpit-metrics span:first-child { padding-left:0; }
  .home-insight-cards .last-training-cockpit-metrics span:last-child { padding-right:0; }
  .home-insight-cards .last-training-cockpit-metrics span + span { border-left:1px solid rgba(83,216,226,.11); }
  .home-insight-cards .last-training-cockpit-metrics small { overflow:hidden; font-size:.58rem; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
  .home-insight-cards .last-training-cockpit-metrics strong { font-size:.8rem; line-height:1.2; white-space:nowrap; }
  .beta-feedback-dashboard-card > summary { grid-template-rows:auto auto auto 1fr; align-content:stretch; height:100%; padding:0; }
  .beta-feedback-dashboard-card > summary strong { max-width:none; font-size:.9rem; line-height:1.2; }
  .beta-feedback-dashboard-card > summary .beta-feedback-summary-subtext { margin-top:3px; padding-right:4px; font-size:.66rem!important; line-height:1.3; }
  .beta-feedback-dashboard-card > summary i { width:28px; height:28px; }
  .beta-feedback-dashboard-card > summary i::before,
  .beta-feedback-dashboard-card > summary i::after { margin:13px 0 0 8px; }
  .beta-feedback-dashboard-card > summary::after { content:"Rückmeldung geben"; grid-column:1 / -1; align-self:end; padding-top:9px; border-top:1px solid rgba(88,233,218,.14); color:#86cfc8; font-size:.66rem; font-weight:850; letter-spacing:.03em; }
  .beta-feedback-dashboard-card[open] > .beta-feedback-dashboard-content { width:min(100% - 24px,920px); }
  .beta-feedback-primary-action { width:100%; }
}

/* Finale geometrische Angleichung an die darunterliegenden Insight-Kacheln. */
.app > .training-goal-dashboard-card,
.app > .training-history-section {
  margin-inline: 0 !important;
}

.app > .training-goal-dashboard-card > summary,
.app > .training-history-section > summary {
  grid-template-columns: minmax(0, 1fr) 34px !important;
  gap: 14px !important;
}

.app > .training-goal-dashboard-card:not([open]) .cockpit-card-toggle-icon,
.app > .training-history-section:not([open]) .training-history-toggle-icon {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  flex-basis: 34px !important;
  border-radius: 50% !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}

/* Einheitliche Kartenbreite und ruhige Aktionsicons im Entwicklungsblock. */
.app > .training-goal-dashboard-card,
.app > .training-history-section,
.app > .home-insight-cards {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.app > .training-goal-dashboard-card > summary,
.app > .training-history-section > summary,
.home-insight-cards > .card > summary {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.app > .training-goal-dashboard-card:not([open]) .cockpit-card-toggle-icon,
.app > .training-history-section:not([open]) .training-history-toggle-icon,
.home-insight-cards > .last-training-cockpit-card:not([open]) .last-training-cockpit-toggle,
.home-insight-cards > .last-training-next-step-card:not([open]) > summary > i,
.home-insight-cards > .beta-feedback-dashboard-card:not([open]) > summary > i {
  transform: none !important;
  transition: none !important;
}

.app > .training-history-section .training-history-toggle-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid rgba(74, 218, 230, 0.24);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(13, 62, 70, 0.7), rgba(3, 25, 31, 0.42));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
  color: #55dbe8;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  transform: none !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

.app > .training-history-section[open] > summary .training-history-toggle-icon {
  transform: rotate(180deg) !important;
  border-color: rgba(74, 218, 230, 0.38);
  background: linear-gradient(145deg, rgba(13, 62, 70, 0.44), rgba(3, 25, 31, 0.25));
}

@media (max-width: 600px) {
  .app > .training-goal-dashboard-card,
  .app > .training-history-section,
  .app > .home-insight-cards {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }
}
@media (max-height:520px) and (min-width:621px) {
  .app { padding-bottom:112px; }
  .home-insight-cards > .last-training-next-step-card { min-height:112px; }
}
.coach-dialogue-back { margin-top: 18px; border-color: transparent; color: #65e9dc; background: transparent; text-align: center; }
@media (max-width: 520px) { .coach-conversation-panel { border-radius: 20px; padding: 18px; } .coach-conversation-header img { width: 74px; height: 88px; } }

/* Mobile Home: Überschriften und visuelle Kartentitel klar lesbar. */
@media (max-width: 620px) {
  body:not(.is-training-fullscreen) .app h2 {
    font-size: clamp(1.3rem, 6vw, 1.65rem);
    line-height: 1.12;
  }
  .home-insight-cards .last-training-cockpit-card > div:first-child strong {
    font-size: clamp(1.05rem, 4.8vw, 1.25rem);
    line-height: 1.2;
  }
  .home-insight-cards > .last-training-next-step-card strong {
    font-size: clamp(1.04rem, 4.6vw, 1.22rem);
    line-height: 1.35;
  }
  .beta-feedback-dashboard-card:not([open]) > summary strong {
    font-size: clamp(1.04rem, 4.6vw, 1.22rem);
    line-height: 1.2;
  }
}

@media (max-width:620px) {
  .home-insight-cards > .card:not([open]) > summary {
    position:relative;
    box-sizing:border-box;
    width:100%;
    height:100%;
    min-height:0;
    padding:16px 64px 16px 18px;
    align-content:start;
    align-items:flex-start;
  }
  .home-insight-cards > .last-training-next-step-card:not([open]) > summary {
    justify-content:flex-start;
  }
  .home-insight-cards > .card:not([open]) .last-training-cockpit-toggle,
  .home-insight-cards > .last-training-next-step-card:not([open]) > summary i,
  .home-insight-cards > .beta-feedback-dashboard-card:not([open]) > summary i {
    position:absolute;
    top:16px;
    right:16px;
    width:34px;
    height:34px;
    margin:0;
  }
}

/* Einheitliche Dashboard-Aktionsachse: alle drei Plus-Schalter verwenden
   dieselbe Box und denselben Abstand zur oberen rechten Kartenecke. */
.home-insight-cards > .last-training-cockpit-card:not([open]) > summary,
.home-insight-cards > .last-training-next-step-card:not([open]) > summary,
.beta-feedback-dashboard-card:not([open]) > summary {
  position: relative;
  width: 100%;
  padding-right: 66px;
  box-sizing: border-box;
}

.home-insight-cards > .last-training-cockpit-card:not([open]) .last-training-cockpit-toggle,
.home-insight-cards > .last-training-next-step-card:not([open]) > summary > i,
.beta-feedback-dashboard-card:not([open]) > summary > i {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0;
  place-items: center;
  box-sizing: border-box;
}

/* Das gezeichnete Plus der Beta-Kachel exakt im Kreis zentrieren. */
.beta-feedback-dashboard-card:not([open]) > summary > i::before,
.beta-feedback-dashboard-card:not([open]) > summary > i::after {
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}

.beta-feedback-dashboard-card:not([open]) > summary > i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* Home-Dashboard: geschlossene Informationskacheln bilden einen ruhigen,
   zusammengehörigen Block. Akzentfarben kennzeichnen Inhalte, nicht Flächen. */
.app > .training-goal-dashboard-card:not([open]),
.app > .training-history-section:not([open]),
.home-insight-cards > .card:not([open]) {
  border: 1px solid rgba(75, 190, 202, .24);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(8, 27, 32, .96), rgba(8, 20, 24, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 8px 22px rgba(0, 0, 0, .14);
}

.app > .training-goal-dashboard-card:not([open]),
.app > .training-history-section:not([open]) {
  min-height: 72px;
  padding: 0;
  gap: 0;
}

.app > .training-goal-dashboard-card:not([open]) > summary,
.app > .training-history-section:not([open]) > summary {
  min-height: 72px;
  box-sizing: border-box;
  padding: 13px 16px;
  border: 0;
}

.app > .training-goal-dashboard-card:not([open]) .cockpit-card-toggle-icon,
.app > .training-history-section:not([open]) .training-history-toggle-icon,
.home-insight-cards > .card:not([open]) .last-training-cockpit-toggle,
.home-insight-cards > .last-training-next-step-card:not([open]) > summary > i,
.home-insight-cards > .beta-feedback-dashboard-card:not([open]) > summary > i {
  border-color: rgba(74, 205, 213, .25);
  background: rgba(16, 49, 55, .58);
  color: #71dce1;
  box-shadow: none;
}

.app > .training-goal-dashboard-card:not([open]) .cockpit-card-eyebrow,
.app > .training-history-section:not([open]) .cockpit-card-eyebrow,
.home-insight-cards > .card:not([open]) .cockpit-card-eyebrow,
.home-insight-cards > .beta-feedback-dashboard-card:not([open]) > summary > span {
  color: #55cbd2;
  opacity: .78;
}

.app > .training-goal-dashboard-card:not([open]) h2,
.app > .training-history-section:not([open]) h2 {
  color: #f0f7f7;
  font-size: clamp(1.05rem, 2.25vw, 1.25rem);
  line-height: 1.15;
}

.home-insight-cards {
  gap: 10px;
}

.home-insight-cards > .card:not([open]) {
  margin: 0;
  padding: 0;
}

.home-insight-cards > .last-training-next-step-card:not([open]) {
  border-left: 1px solid rgba(75, 190, 202, .24);
  background: linear-gradient(145deg, rgba(8, 27, 32, .96), rgba(8, 20, 24, .98));
}

.home-insight-cards > .card:not([open]) > summary {
  min-height: 92px;
  padding: 15px 62px 15px 16px;
}

.home-insight-cards > .last-training-next-step-card:not([open]) > summary {
  min-height: 92px;
}

.home-insight-cards > .last-training-next-step-card:not([open]) > summary span > strong,
.home-insight-cards > .last-training-cockpit-card:not([open]) > summary strong,
.home-insight-cards > .beta-feedback-dashboard-card:not([open]) > summary strong {
  color: #edf6f6;
}

.home-insight-cards > .last-training-next-step-card:not([open]) > summary span > small,
.home-insight-cards > .last-training-cockpit-card:not([open]) .last-training-cockpit-summary-effect,
.home-insight-cards > .beta-feedback-dashboard-card:not([open]) .beta-feedback-summary-subtext {
  color: #8fa7aa !important;
}

@media (max-width: 620px) {
  .home-insight-cards > .card:not([open]),
  .home-insight-cards > .last-training-next-step-card:not([open]) {
    height: 138px;
    min-height: 138px;
  }

  .home-insight-cards > .card:not([open]) > summary,
  .home-insight-cards > .last-training-next-step-card:not([open]) > summary {
    min-height: 100%;
  }
}