/* /Pages/AppHome.razor.rz.scp.css */
.app-shell[b-77rswaaxxf],
.login-screen[b-77rswaaxxf] {
  min-height: 100vh;
  background: #080b11;
  color: #f4f6fb;
  font-family: Inter, Arial, sans-serif;
}
.login-screen[b-77rswaaxxf] {
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 20% 10%, #17333d 0, transparent 42%), #080b11;
}
.login-card[b-77rswaaxxf] {
  width: min(100%, 460px);
  padding: 34px 28px;
  border: 1px solid #ffffff1c;
  border-radius: 26px;
  background: #101722e8;
  box-shadow: 0 24px 70px #0008;
  text-align: center;
}
.login-card img[b-77rswaaxxf] {
  width: auto;
  height: 48px;
  max-width: 210px;
  object-fit: contain;
  margin-bottom: 22px;
}
.eyebrow[b-77rswaaxxf],
.badge[b-77rswaaxxf] {
  display: inline-block;
  width: max-content;
  margin-bottom: 13px;
  padding: 6px 11px;
  border: 1px solid #ffd20055;
  border-radius: 999px;
  background: #ffd2000d;
  color: #ffd200;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 1.8px;
}
.login-card h1[b-77rswaaxxf],
.screen h1[b-77rswaaxxf] {
  margin: 0 0 12px;
  font-size: clamp(2rem, 7vw, 3.4rem);
  font-weight: 800;
  line-height: 1.02;
  text-transform: uppercase;
}
.login-card h1 span[b-77rswaaxxf],
.hero-card h1 span[b-77rswaaxxf] {
  color: #ffd200;
}
.login-card p[b-77rswaaxxf] {
  color: #aeb9ca;
  line-height: 1.55;
}
.login-card input[b-77rswaaxxf],
.form-card input[b-77rswaaxxf],
.form-card textarea[b-77rswaaxxf] {
  width: 100%;
  margin-top: 10px;
  padding: 14px 15px;
  border: 1px solid #ffffff1c;
  border-radius: 12px;
  background: #ffffff0c;
  color: #fff;
  outline: 0;
}
.login-card input:focus[b-77rswaaxxf],
.form-card input:focus[b-77rswaaxxf],
.form-card textarea:focus[b-77rswaaxxf] {
  border-color: #ffd200;
}
.main-button[b-77rswaaxxf],
.outline-button[b-77rswaaxxf],
.ticket-button[b-77rswaaxxf] {
  width: 100%;
  margin-top: 14px;
  padding: 15px;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, #ffd200, #ffe86a);
  color: #111;
  font-weight: 900;
  cursor: pointer;
}
.main-button:disabled[b-77rswaaxxf] {
  opacity: 0.55;
  cursor: wait;
}
.outline-button[b-77rswaaxxf] {
  border: 1px solid #ffd200;
  background: transparent;
  color: #ffd200;
}
.text-button[b-77rswaaxxf] {
  display: block;
  margin: 14px auto 0;
  border: 0;
  background: transparent;
  color: #ffd200;
  cursor: pointer;
}
.login-error[b-77rswaaxxf] {
  color: #ff7892 !important;
}
.success-message[b-77rswaaxxf] {
  color: #62dc96 !important;
}
.appbar[b-77rswaaxxf] {
  position: sticky;
  top: 0;
  z-index: 10;
  height: 68px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px 18px;
  background: #0a0e16e8;
  border-bottom: 1px solid #ffffff18;
  backdrop-filter: blur(18px);
}
.appbar img[b-77rswaaxxf] {
  height: 32px;
  width: auto;
  max-width: 145px;
}
.appbar > span[b-77rswaaxxf] {
  flex: 1;
  text-align: center;
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.avatar[b-77rswaaxxf] {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #ffd200;
  color: #111;
  font-weight: 900;
  cursor: pointer;
}
.app-content[b-77rswaaxxf] {
  width: min(100%, 860px);
  margin: auto;
  padding: 22px 18px 105px;
}
.screen[b-77rswaaxxf] {
  animation: appear-b-77rswaaxxf 0.25s ease;
}
@keyframes appear-b-77rswaaxxf {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.hero-card[b-77rswaaxxf] {
  min-height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 20px;
  padding: 26px;
  border: 1px solid #ffffff1c;
  border-radius: 24px;
  background:
    linear-gradient(180deg, #080b1133, #080b11f2),
    radial-gradient(circle at 85% 10%, #17c3d666, transparent 52%), #17202e;
  box-shadow: 0 18px 45px #0008;
}
.hero-card h1[b-77rswaaxxf] {
  margin: 0 0 10px;
  font-size: clamp(2.2rem, 8vw, 3.8rem);
  line-height: 1.02;
  text-transform: uppercase;
}
.hero-card p[b-77rswaaxxf] {
  margin: 0;
  color: #c3cddd;
}
.screen > h1[b-77rswaaxxf] {
  margin-bottom: 22px;
}
.back[b-77rswaaxxf] {
  margin-bottom: 22px;
  padding: 9px 14px;
  border: 1px solid #ffffff1c;
  border-radius: 10px;
  background: #ffffff0b;
  color: #ffd200;
  cursor: pointer;
}
.ticket-card[b-77rswaaxxf],
.ticket-large[b-77rswaaxxf],
.info-card[b-77rswaaxxf],
.form-card[b-77rswaaxxf],
.chart-card[b-77rswaaxxf],
.list-card[b-77rswaaxxf],
.streak-card[b-77rswaaxxf],
.stat-grid > div[b-77rswaaxxf] {
  border: 1px solid #ffffff1a;
  border-radius: 19px;
  background: #ffffff0a;
  backdrop-filter: blur(14px);
}
.ticket-card[b-77rswaaxxf] {
  display: grid;
  grid-template-columns: 1fr 76px;
  gap: 14px;
  align-items: center;
  padding: 19px;
  margin-bottom: 24px;
}
.ticket-card strong[b-77rswaaxxf],
.ticket-card small[b-77rswaaxxf] {
  display: block;
}
.ticket-card small[b-77rswaaxxf] {
  margin-top: 5px;
  color: #9aa6b8;
}
.ticket-mark[b-77rswaaxxf] {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: #ffd200;
  color: #111;
  font-size: 1.7rem;
  font-weight: 900;
}
.ticket-mark.large[b-77rswaaxxf] {
  width: 100px;
  height: 100px;
  margin-bottom: 18px;
  font-size: 3rem;
}
.ticket-button[b-77rswaaxxf] {
  grid-column: 1/-1;
  margin-top: 0;
}
.screen h2[b-77rswaaxxf] {
  margin: 25px 0 14px;
  font-size: 1.35rem;
  text-transform: uppercase;
}
.tile-grid[b-77rswaaxxf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
}
.tile-grid button[b-77rswaaxxf] {
  min-height: 140px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  padding: 18px;
  border: 1px solid #ffffff1a;
  border-radius: 19px;
  background: #ffffff0a;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.tile-grid button:hover[b-77rswaaxxf] {
  border-color: #ffd200;
  transform: translateY(-2px);
}
.tile-grid b[b-77rswaaxxf] {
  font-size: 1.9rem;
}
.tile-grid small[b-77rswaaxxf],
.list-card small[b-77rswaaxxf],
.muted[b-77rswaaxxf] {
  color: #9aa6b8;
}
.streak-card[b-77rswaaxxf] {
  margin-top: 18px;
  padding: 20px;
}
.streak-card span[b-77rswaaxxf] {
  display: block;
  margin-bottom: 7px;
  color: #ff974f;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 1.5px;
}
.streak-card strong[b-77rswaaxxf],
.streak-card small[b-77rswaaxxf] {
  display: block;
}
.streak-card small[b-77rswaaxxf] {
  margin-top: 5px;
}
.secondary-button[b-77rswaaxxf] {
  background: #ffffff0d;
  border: 1px solid #ffd200;
  color: #ffd200;
}
.ticket-large[b-77rswaaxxf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px;
  text-align: center;
}
.ticket-large strong[b-77rswaaxxf],
.ticket-large span[b-77rswaaxxf] {
  display: block;
}
.ticket-large span[b-77rswaaxxf] {
  margin: 7px 0 12px;
  color: #aeb9ca;
}
.ticket-large button[b-77rswaaxxf] {
  max-width: 440px;
}
.form-card[b-77rswaaxxf] {
  padding: 18px;
  margin-bottom: 16px;
}
.form-card textarea[b-77rswaaxxf] {
  min-height: 130px;
  resize: vertical;
}
.inline-fields[b-77rswaaxxf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.list-card[b-77rswaaxxf] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 11px;
  padding: 15px;
}
.list-card > b[b-77rswaaxxf] {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #ffd2001c;
  font-size: 1.25rem;
}
.list-card > div[b-77rswaaxxf] {
  flex: 1;
}
.list-card strong[b-77rswaaxxf],
.list-card small[b-77rswaaxxf] {
  display: block;
}
.check-button[b-77rswaaxxf] {
  border: 0;
  background: transparent;
  color: #ffd200;
  font-size: 1.6rem;
  cursor: pointer;
}
.score[b-77rswaaxxf] {
  color: #ffd200;
  font-weight: 900;
}
.stat-grid[b-77rswaaxxf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.stat-grid > div[b-77rswaaxxf] {
  padding: 17px;
}
.stat-grid small[b-77rswaaxxf],
.stat-grid strong[b-77rswaaxxf] {
  display: block;
}
.stat-grid small[b-77rswaaxxf] {
  color: #9aa6b8;
}
.stat-grid strong[b-77rswaaxxf] {
  margin-top: 6px;
  color: #ffd200;
  font-size: 1.65rem;
}
.chart-card[b-77rswaaxxf] {
  padding: 18px;
  margin-bottom: 16px;
  color: #aeb9ca;
}
.chart-card svg[b-77rswaaxxf] {
  display: block;
  width: 100%;
  height: 180px;
  margin-top: 12px;
  overflow: visible;
  background:
    linear-gradient(#ffffff0d 1px, transparent 1px),
    linear-gradient(90deg, #ffffff0d 1px, transparent 1px);
  background-size: 20% 25%;
}
.tabbar[b-77rswaaxxf] {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: flex;
  padding: 8px 5px calc(8px + env(safe-area-inset-bottom));
  background: #0a0e16ed;
  border-top: 1px solid #ffffff18;
  backdrop-filter: blur(18px);
}
.tabbar button[b-77rswaaxxf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  color: #7c879a;
  font-size: 1.15rem;
  cursor: pointer;
}
.tabbar small[b-77rswaaxxf] {
  font-size: 0.64rem;
}
.tabbar button.active[b-77rswaaxxf] {
  color: #ffd200;
}
@media (min-width: 900px) {
  .app-content[b-77rswaaxxf] {
    padding-top: 34px;
  }
  .tile-grid[b-77rswaaxxf] {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 520px) {
  .app-content[b-77rswaaxxf] {
    padding-right: 13px;
    padding-left: 13px;
  }
  .hero-card[b-77rswaaxxf] {
    min-height: 220px;
    padding: 21px;
  }
  .ticket-card[b-77rswaaxxf] {
    grid-template-columns: 1fr 62px;
  }
  .ticket-mark[b-77rswaaxxf] {
    width: 55px;
    height: 55px;
  }
}

/* Ticket und Check-in */
.ticket-actions[b-77rswaaxxf] {
  width: min(100%, 440px);
}

.ticket-actions > button[b-77rswaaxxf] {
  width: 100%;
}

.checkin-button[b-77rswaaxxf] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #62dc9666;
  border-radius: 14px;
  background: linear-gradient(135deg, #62dc961c, #ffffff08);
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.checkin-button > b[b-77rswaaxxf] {
  width: 40px;
  height: 40px;
  display: grid;
  flex: 0 0 40px;
  place-items: center;
  border-radius: 12px;
  background: #62dc96;
  color: #07120c;
  font-size: 1.25rem;
}

.checkin-button span[b-77rswaaxxf],
.checkin-button strong[b-77rswaaxxf],
.checkin-button small[b-77rswaaxxf] {
  display: block;
}

.checkin-button small[b-77rswaaxxf] {
  margin-top: 3px;
  color: #aeb9ca;
}

.checkin-button.done[b-77rswaaxxf] {
  opacity: 0.82;
  cursor: default;
}

.ticket-feedback[b-77rswaaxxf] {
  width: min(100%, 440px);
  margin: 14px 0 0;
  padding: 11px 13px;
  border-radius: 12px;
  background: #ffffff0a;
  color: #dce3ed;
}

/* Digitales Ticket */
.ticket-hub[b-77rswaaxxf] {
  width: 100%;
  box-sizing: border-box;
  padding: clamp(20px, 4vw, 34px);
  background:
    radial-gradient(circle at 90% 0%, #ffd20022, transparent 35%),
    linear-gradient(150deg, #171c24 0%, #0b0f15 100%);
}

.ticket-topline[b-77rswaaxxf] {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px !important;
  padding: 7px 11px;
  border: 1px solid #62dc9644;
  border-radius: 999px;
  background: #62dc9612;
  color: #baf3d1 !important;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.ticket-status-dot[b-77rswaaxxf] {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  border-radius: 50%;
  background: #62dc96;
  box-shadow: 0 0 0 4px #62dc9620;
}

.ticket-status-dot.blocked[b-77rswaaxxf] { background: #ff607d; box-shadow: 0 0 0 4px #ff607d20; }

.ticket-facts[b-77rswaaxxf] {
  width: min(100%, 600px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0;
}

.ticket-facts > div[b-77rswaaxxf] {
  min-width: 0;
  padding: 14px;
  border: 1px solid #ffffff14;
  border-radius: 15px;
  background: #05080d66;
  text-align: left;
}

.ticket-facts small[b-77rswaaxxf],
.ticket-facts strong[b-77rswaaxxf] { display: block; }
.ticket-facts small[b-77rswaaxxf] { color: #7f8a9b; font-size: 0.64rem; font-weight: 900; letter-spacing: 1px; }
.ticket-facts strong[b-77rswaaxxf] { margin-top: 6px; overflow-wrap: anywhere; color: #f5f7fa; font-size: 0.95rem; }

.ticket-alert[b-77rswaaxxf],
.cooldown-card[b-77rswaaxxf] {
  width: min(100%, 600px);
  box-sizing: border-box;
  margin-top: 18px;
  text-align: left;
}

.ticket-alert[b-77rswaaxxf] {
  display: flex;
  gap: 12px;
  padding: 15px;
  border: 1px solid #ff607d55;
  border-radius: 16px;
  background: linear-gradient(135deg, #ff607d18, #16090d);
}

.ticket-alert > b[b-77rswaaxxf] { font-size: 1.4rem; }
.ticket-alert strong[b-77rswaaxxf], .ticket-alert span[b-77rswaaxxf], .ticket-alert a[b-77rswaaxxf] { display: block; }
.ticket-alert span[b-77rswaaxxf] { margin: 5px 0 0; color: #f2bcc7; line-height: 1.45; white-space: pre-line; }
.ticket-alert a[b-77rswaaxxf] { margin-top: 10px; color: #ffd200; font-weight: 900; }

.cooldown-card[b-77rswaaxxf] {
  padding: 14px 16px;
  border: 1px solid #ffd20042;
  border-radius: 15px;
  background: #ffd2000d;
}
.cooldown-card span[b-77rswaaxxf], .cooldown-card strong[b-77rswaaxxf], .cooldown-card small[b-77rswaaxxf] { display: block; margin: 0; }
.cooldown-card span[b-77rswaaxxf] { color: #ffd200; font-size: 0.64rem; font-weight: 900; letter-spacing: 1px; }
.cooldown-card strong[b-77rswaaxxf] { margin-top: 4px; }
.cooldown-card small[b-77rswaaxxf] { margin-top: 4px; color: #aeb9ca; }

.ticket-secondary-actions[b-77rswaaxxf] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.ticket-secondary-actions button[b-77rswaaxxf] { min-width: 0; }
.checkout-button[b-77rswaaxxf] {
  width: 100%;
  margin: 9px 0;
  padding: 13px 15px;
  border: 1px solid #62dc9670;
  border-radius: 12px;
  background: #62dc9612;
  color: #8aefb3;
  font-weight: 900;
  cursor: pointer;
}
.ticket-actions button:disabled[b-77rswaaxxf] { opacity: 0.45; cursor: not-allowed; }
.ticket-feedback.error[b-77rswaaxxf] { border-color: #ff607d44; background: #ff607d12; color: #ff9caf; }

.ticket-feedback.success[b-77rswaaxxf] {
  background: #62dc9615;
  color: #62dc96;
}

/* Defektes Gerät */
.report-screen[b-77rswaaxxf] {
  max-width: 720px;
  margin: 0 auto;
}

.report-intro[b-77rswaaxxf] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid #ffd20044;
  border-radius: 19px;
  background: linear-gradient(135deg, #ffd20016, #ffffff08);
}

.report-intro > b[b-77rswaaxxf] {
  width: 52px;
  height: 52px;
  display: grid;
  flex: 0 0 52px;
  place-items: center;
  border-radius: 15px;
  background: #ffd200;
  font-size: 1.5rem;
}

.report-intro strong[b-77rswaaxxf],
.report-intro span[b-77rswaaxxf] {
  display: block;
}

.report-intro span[b-77rswaaxxf] {
  margin-top: 4px;
  color: #aeb9ca;
  line-height: 1.45;
}

.report-card[b-77rswaaxxf],
.profile-card[b-77rswaaxxf] {
  padding: 20px;
  border: 1px solid #ffffff1a;
  border-radius: 22px;
  background: linear-gradient(145deg, #121923, #0d1219);
  box-shadow: 0 20px 50px #0005;
}

.report-field[b-77rswaaxxf] {
  display: block;
  margin-bottom: 17px;
}

.report-field > span[b-77rswaaxxf] {
  display: block;
  margin-bottom: 8px;
  color: #ffd200;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.report-field input[b-77rswaaxxf],
.report-field textarea[b-77rswaaxxf],
.profile-fields input[b-77rswaaxxf],
.catalog-search input[b-77rswaaxxf] {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 15px;
  border: 1px solid #ffffff20;
  border-radius: 13px;
  background: #070b11;
  color: #fff;
  outline: none;
}

.report-field textarea[b-77rswaaxxf] {
  min-height: 135px;
  resize: vertical;
}

.report-field input:focus[b-77rswaaxxf],
.report-field textarea:focus[b-77rswaaxxf],
.profile-fields input:focus[b-77rswaaxxf],
.catalog-search:focus-within[b-77rswaaxxf] {
  border-color: #ffd200;
  box-shadow: 0 0 0 3px #ffd20012;
}

.photo-upload[b-77rswaaxxf] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 4px 0 18px;
  padding: 15px;
  overflow: hidden;
  border: 1px dashed #ffd20088;
  border-radius: 15px;
  background: #ffd2000d;
  cursor: pointer;
}

.photo-upload input[type="file"][b-77rswaaxxf] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.photo-icon[b-77rswaaxxf] {
  font-size: 1.55rem;
}

.photo-upload span[b-77rswaaxxf],
.photo-upload strong[b-77rswaaxxf],
.photo-upload small[b-77rswaaxxf] {
  display: block;
}

.photo-upload small[b-77rswaaxxf] {
  margin-top: 4px;
  color: #aeb9ca;
}

.report-submit[b-77rswaaxxf] {
  margin-top: 0;
}

.report-feedback[b-77rswaaxxf] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
  padding: 14px;
  border-radius: 14px;
}

.report-feedback > b[b-77rswaaxxf] {
  width: 34px;
  height: 34px;
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 50%;
}

.report-feedback strong[b-77rswaaxxf],
.report-feedback span[b-77rswaaxxf] {
  display: block;
}

.report-feedback span[b-77rswaaxxf] {
  margin-top: 2px;
  line-height: 1.4;
}

.report-feedback.success[b-77rswaaxxf] {
  background: #62dc9615;
  color: #78e6a7;
}

.report-feedback.success > b[b-77rswaaxxf] {
  background: #62dc96;
  color: #07120c;
}

.report-feedback.error[b-77rswaaxxf] {
  background: #ff789215;
  color: #ff94a8;
}

.report-feedback.error > b[b-77rswaaxxf] {
  background: #ff7892;
  color: #25040b;
}

/* Konto */
.account-hero[b-77rswaaxxf] {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 26px;
  padding: 22px;
  border: 1px solid #ffd20044;
  border-radius: 23px;
  background: radial-gradient(circle at top right, #ffd20025, transparent 44%),
    linear-gradient(145deg, #171d27, #0d1219);
}

.account-avatar[b-77rswaaxxf] {
  width: 70px;
  height: 70px;
  display: grid;
  flex: 0 0 70px;
  place-items: center;
  border-radius: 20px;
  background: #ffd200;
  color: #111;
  font-size: 1.5rem;
  font-weight: 950;
  box-shadow: 0 12px 30px #ffd20025;
}

.account-hero small[b-77rswaaxxf] {
  color: #9aa6b8;
  font-weight: 900;
  letter-spacing: 1px;
}

.account-hero h1[b-77rswaaxxf] {
  margin: 4px 0 7px;
}

.account-state[b-77rswaaxxf] {
  display: inline-flex;
  color: #aeb9ca;
  font-size: 0.78rem;
  font-weight: 800;
}

.account-state.active[b-77rswaaxxf] {
  color: #62dc96;
}

.account-item[b-77rswaaxxf] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 16px;
  background: linear-gradient(145deg, #121923, #0d1219);
}

.account-item.featured[b-77rswaaxxf] {
  border-color: #ffd20055;
  background: linear-gradient(145deg, #ffd20015, #101721);
}

.account-icon[b-77rswaaxxf] {
  width: 38px;
  height: 38px;
  display: grid;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 11px;
  background: #ffd20018;
  color: #ffd200;
  font-weight: 900;
}

.profile-card[b-77rswaaxxf] {
  margin-top: 18px;
}

.profile-card-head strong[b-77rswaaxxf],
.profile-card-head small[b-77rswaaxxf] {
  display: block;
}

.profile-card-head small[b-77rswaaxxf] {
  margin-top: 4px;
  color: #9aa6b8;
}

.profile-fields[b-77rswaaxxf] {
  display: grid;
  grid-template-columns: 1fr 140px;
  gap: 12px;
  margin: 8px 0 4px;
}

.profile-feedback[b-77rswaaxxf] {
  margin: 12px 0 0;
  color: #62dc96;
  font-weight: 800;
}

.logout-button[b-77rswaaxxf] {
  margin-top: 22px;
  border-color: #ffffff25;
  color: #aeb9ca;
}

/* Übungskatalog und Medien */
.modal-head p[b-77rswaaxxf] {
  margin: 5px 0 0;
  color: #9aa6b8;
}

.catalog-search[b-77rswaaxxf] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 13px;
  border: 1px solid #ffffff20;
  border-radius: 14px;
  background: #070b11;
  color: #ffd200;
  font-size: 1.25rem;
}

.catalog-search input[b-77rswaaxxf] {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.catalog-count[b-77rswaaxxf] {
  margin-top: 13px;
  color: #9aa6b8;
  font-size: 0.76rem;
  font-weight: 800;
}

.catalog-visual[b-77rswaaxxf] {
  position: relative;
  background: #05070b;
}

.media-badge[b-77rswaaxxf] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #07090dcc;
  color: #ffd200;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.8px;
}

.catalog-card[b-77rswaaxxf] {
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.catalog-card:hover[b-77rswaaxxf] {
  border-color: #ffd20066;
  transform: translateY(-2px);
}

.catalog-body small[b-77rswaaxxf] {
  display: -webkit-box;
  min-height: 3.9em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.3;
}

.catalog-empty[b-77rswaaxxf] {
  padding: 28px;
  text-align: center;
}

/* Übungskatalog */
.catalog-shell[b-77rswaaxxf] {
  width: min(1120px, 100%);
  padding: clamp(16px, 3vw, 28px);
  background:
    radial-gradient(circle at 0% 0%, #ffd20014, transparent 28%),
    #0b1017;
}

.catalog-shell .modal-head h2[b-77rswaaxxf] { margin-top: 4px; font-size: clamp(1.5rem, 4vw, 2.2rem); }
.catalog-shell .modal-head p[b-77rswaaxxf] { max-width: 680px; margin: 7px 0 0; color: #aeb9ca; line-height: 1.5; }
.catalog-shell .catalog-search[b-77rswaaxxf] { position: sticky; top: -22px; z-index: 4; padding: 3px 3px 3px 15px; border-color: #ffffff24; background: #101721ee; backdrop-filter: blur(14px); }
.catalog-shell .catalog-search input[b-77rswaaxxf] { min-height: 48px; font-size: 1rem; }
.catalog-count[b-77rswaaxxf] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.catalog-count strong[b-77rswaaxxf] { color: #fff; font-size: 0.9rem; }
.catalog-count span[b-77rswaaxxf] { color: #7f8a9b; }
.catalog-shell .catalog-grid[b-77rswaaxxf] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.catalog-shell .catalog-card[b-77rswaaxxf] { border-radius: 22px; background: linear-gradient(155deg, #171f2a, #10151d); box-shadow: 0 16px 36px #0004; }
.catalog-shell .catalog-card:hover[b-77rswaaxxf] { border-color: #ffd20070; box-shadow: 0 20px 44px #0007; transform: translateY(-3px); }
.catalog-shell .catalog-visual[b-77rswaaxxf] { aspect-ratio: 16 / 9; overflow: hidden; }
.catalog-shell .catalog-media[b-77rswaaxxf] { height: 100%; }
.catalog-placeholder[b-77rswaaxxf] { gap: 7px; background: radial-gradient(circle, #ffd20020, transparent 65%); }
.catalog-placeholder b[b-77rswaaxxf] { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 16px; background: #ffd200; color: #090b0f; font-size: 1rem; }
.catalog-placeholder span[b-77rswaaxxf] { color: #8995a6; font-size: 0.76rem; }
.media-badge[b-77rswaaxxf] { border: 1px solid #ffffff20; background: #06090dd9; backdrop-filter: blur(8px); }
.media-badge.video[b-77rswaaxxf] { background: #ffd200; color: #080a0e; }
.catalog-shell .catalog-body[b-77rswaaxxf] { padding: 17px; }
.catalog-title[b-77rswaaxxf] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.catalog-title > strong[b-77rswaaxxf] { color: #fff; font-size: 1.04rem; line-height: 1.25; }
.catalog-title > span[b-77rswaaxxf] { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: #ffd20016; color: #ffd200; font-size: 0.58rem; font-weight: 900; letter-spacing: 0.7px; }
.catalog-add[b-77rswaaxxf] { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 14px; border: 0; border-radius: 13px; background: #ffd200; color: #0a0c10; font-weight: 900; cursor: pointer; }
.catalog-add span[b-77rswaaxxf] { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #0a0c10; color: #ffd200; }
.catalog-empty[b-77rswaaxxf] { display: grid; justify-items: center; gap: 6px; }
.catalog-empty b[b-77rswaaxxf] { font-size: 2rem; }
.catalog-empty strong[b-77rswaaxxf] { color: #fff; }
.catalog-empty span[b-77rswaaxxf] { color: #8995a6; }

@media (max-width: 620px) {
  .ticket-facts[b-77rswaaxxf] { grid-template-columns: 1fr; }
  .ticket-secondary-actions[b-77rswaaxxf] { grid-template-columns: 1fr; }
  .catalog-shell .catalog-grid[b-77rswaaxxf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-shell[b-77rswaaxxf] { max-height: 94vh; border-radius: 22px 22px 0 0; }
  .modal-backdrop[b-77rswaaxxf] { align-items: end; padding: 0; }
  .report-card[b-77rswaaxxf],
  .profile-card[b-77rswaaxxf],
  .account-hero[b-77rswaaxxf] {
    padding: 16px;
  }

  .profile-fields[b-77rswaaxxf] {
    grid-template-columns: 1fr;
  }

  .account-hero h1[b-77rswaaxxf] {
    font-size: 1.8rem;
  }
}

/* Kompakter, zweispaltiger Übungskatalog */
.catalog-shell[b-77rswaaxxf] { max-height: min(88vh, 820px); overflow: hidden; display: flex; flex-direction: column; }
.catalog-shell .catalog-grid[b-77rswaaxxf] { flex: 1; min-height: 0; max-height: 520px; overflow-y: auto; overscroll-behavior: contain; padding: 3px 8px 12px 2px; scrollbar-color: #ffd200 #151b24; scrollbar-width: thin; }
.catalog-shell .catalog-card[b-77rswaaxxf] { border-radius: 16px; box-shadow: 0 9px 22px #0004; }
.catalog-shell .catalog-visual[b-77rswaaxxf] { aspect-ratio: 2 / 1; }
.catalog-shell .catalog-body[b-77rswaaxxf] { padding: 12px; }
.catalog-shell .catalog-title > strong[b-77rswaaxxf] { font-size: .92rem; }
.catalog-shell .catalog-body small[b-77rswaaxxf] { min-height: 2.5em; -webkit-line-clamp: 2; font-size: .76rem; }
.catalog-shell .catalog-add[b-77rswaaxxf] { padding: 9px 10px; font-size: .8rem; border-radius: 10px; }

/* Kontobadge und Magicline-Basisdaten */
.member-badge[b-77rswaaxxf] { display: flex; align-items: center; gap: 9px; margin-left: auto; padding: 5px 10px 5px 5px; border: 1px solid #ffffff20; border-radius: 999px; background: #ffffff09; color: #fff; cursor: pointer; text-align: left; }
.member-badge-avatar[b-77rswaaxxf] { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #ffd200; color: #090b0f; font-weight: 950; }
.member-badge-copy strong[b-77rswaaxxf],.member-badge-copy small[b-77rswaaxxf] { display: block; max-width: 155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-badge-copy strong[b-77rswaaxxf] { font-size: .78rem; }.member-badge-copy small[b-77rswaaxxf] { margin-top: 1px; color: #aeb9ca; font-size: .65rem; }
.account-number[b-77rswaaxxf] { margin-left: auto; align-self: flex-start; padding: 7px 11px; border-radius: 999px; background: #ffd20017; color: #ffd200; font-size: .76rem; font-weight: 900; }
.basic-data-card[b-77rswaaxxf] { margin: 18px 0; padding: 20px; border: 1px solid #ffd20035; border-radius: 20px; background: linear-gradient(145deg,#171e28,#0d1219); }
.basic-data-head[b-77rswaaxxf] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }.basic-data-head span[b-77rswaaxxf],.basic-data-head strong[b-77rswaaxxf] { display: block; }.basic-data-head div > span[b-77rswaaxxf] { color: #ffd200; font-size: .65rem; font-weight: 900; letter-spacing: 1.2px; }.basic-data-head div > strong[b-77rswaaxxf] { margin-top: 3px; color: #fff; font-size: 1.15rem; }.basic-status[b-77rswaaxxf] { padding: 6px 9px; border-radius: 999px; background: #44d48315; color: #62dc96; font-size: .72rem; font-weight: 900; }
.basic-data-grid[b-77rswaaxxf] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.basic-data-grid > div[b-77rswaaxxf] { padding: 12px; border-radius: 13px; background: #080c12aa; }.basic-data-grid small[b-77rswaaxxf],.basic-data-grid strong[b-77rswaaxxf] { display: block; }.basic-data-grid small[b-77rswaaxxf] { color: #8692a3; font-size: .67rem; text-transform: uppercase; letter-spacing: .7px; }.basic-data-grid strong[b-77rswaaxxf] { margin-top: 4px; color: #fff; font-size: .9rem; overflow-wrap: anywhere; }

/* Moderne Entwicklung und editierbare Verlaufseinträge */
.development-heading[b-77rswaaxxf] { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 18px; }.development-heading h1[b-77rswaaxxf] { margin-bottom: 4px; }.development-heading p[b-77rswaaxxf] { margin: 0; color: #96a2b3; }.development-pulse[b-77rswaaxxf] { flex: 0 0 auto; padding: 8px 11px; border: 1px solid #ffd20035; border-radius: 999px; color: #ffd200; font-size: .75rem; font-weight: 900; }
.progress-hero strong small[b-77rswaaxxf] { color: #ffd200; font-size: .35em; }.metric-card span[b-77rswaaxxf] { display: block; margin-top: 3px; color: #7e8998; font-size: .68rem; }.development-chart > div[b-77rswaaxxf] { display: flex; justify-content: space-between; }.development-chart > div small[b-77rswaaxxf] { color: #778292; }.development-feedback[b-77rswaaxxf] { padding: 10px 13px; border: 1px solid #ffd20025; border-radius: 12px; background: #ffd2000d; color: #ffe466; font-weight: 750; }
.section-title[b-77rswaaxxf] { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin: 28px 0 12px; }.section-title span[b-77rswaaxxf] { color: #ffd200; font-size: .63rem; font-weight: 900; letter-spacing: 1.2px; }.section-title h2[b-77rswaaxxf] { margin: 2px 0 0; }.section-title > small[b-77rswaaxxf] { color: #7f8a9a; }.development-entry[b-77rswaaxxf] { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 12px; margin-bottom: 9px; padding: 13px; border: 1px solid #ffffff14; border-radius: 16px; background: linear-gradient(145deg,#151b24,#0d1117); }.entry-icon[b-77rswaaxxf] { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #ffd20013; }.entry-main strong[b-77rswaaxxf],.entry-main small[b-77rswaaxxf] { display: block; }.entry-main small[b-77rswaaxxf],.development-entry time[b-77rswaaxxf] { margin-top: 3px; color: #8e99aa; font-size: .74rem; }.entry-actions[b-77rswaaxxf] { display: flex; gap: 6px; }.entry-actions button[b-77rswaaxxf] { width: 32px; height: 32px; border: 1px solid #ffffff20; border-radius: 9px; background: #ffffff0a; color: #ffd200; cursor: pointer; }.entry-actions button.danger[b-77rswaaxxf] { color: #ff748a; }.entry-edit-grid[b-77rswaaxxf] { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 7px; }.entry-edit-grid label[b-77rswaaxxf] { color: #9ca7b7; font-size: .64rem; font-weight: 800; }.entry-edit-grid input[b-77rswaaxxf] { min-width: 0; margin-top: 4px; padding: 8px; }.leaderboard-form h3[b-77rswaaxxf] { margin-top: 0; color: #fff; }.leaderboard-field > span[b-77rswaaxxf] { letter-spacing: .8px; }.measurement-form > strong[b-77rswaaxxf] { display: block; margin-bottom: 12px; color: #fff; }.measurement-form label span[b-77rswaaxxf] { display: block; margin-bottom: 5px; color: #9ca7b7; font-size: .72rem; font-weight: 800; }

@media (max-width: 620px) {
  .catalog-shell .catalog-grid[b-77rswaaxxf] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; max-height: 58vh; }
  .catalog-shell .catalog-body[b-77rswaaxxf] { padding: 8px; }.catalog-shell .catalog-title[b-77rswaaxxf] { display: block; }.catalog-title > span[b-77rswaaxxf] { display: inline-block; margin-top: 5px; }.catalog-shell .catalog-body small[b-77rswaaxxf] { display: none; }.catalog-shell .catalog-add[b-77rswaaxxf] { font-size: .68rem; }.catalog-shell .catalog-add span[b-77rswaaxxf] { width: 18px; height: 18px; }
  .member-badge-copy[b-77rswaaxxf] { display: none; }.member-badge[b-77rswaaxxf] { padding-right: 5px; }.development-heading[b-77rswaaxxf] { align-items: flex-start; flex-direction: column; }.development-entry[b-77rswaaxxf] { grid-template-columns: auto minmax(0,1fr) auto; }.development-entry time[b-77rswaaxxf] { display: none; }.entry-actions[b-77rswaaxxf] { grid-column: 2 / -1; justify-content: flex-end; }.entry-edit-grid[b-77rswaaxxf] { grid-template-columns: repeat(2,minmax(0,1fr)); }.basic-data-grid[b-77rswaaxxf] { grid-template-columns: 1fr; }.account-number[b-77rswaaxxf] { display: none; }
}

/* Verbindliche Darstellung: kompakter Katalog, immer zwei Spalten */
.exercise-modal.catalog-shell[b-77rswaaxxf] { width: min(760px, 96vw); max-height: 86vh; padding: 16px; }
.exercise-modal.catalog-shell > .catalog-grid[b-77rswaaxxf] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-height: min(55vh, 470px); margin-top: 10px; padding: 2px 6px 10px 2px; overflow-y: auto; }

/* Startseite: bewusst eindeutige Selektoren, damit kein älterer Stil diese Karten überschreibt. */
.app-shell .appbar .appbar-logo[b-77rswaaxxf] { height: 44px; width: auto; max-width: 190px; filter: drop-shadow(0 4px 12px #0008); }
.home-screen .home-activity[b-77rswaaxxf] { margin: 0 0 16px; border-color: #ffd2004d; background: linear-gradient(135deg, #1b2028, #10141b); box-shadow: 0 12px 30px #0004; }
.home-screen .home-hero[b-77rswaaxxf] { display: grid; grid-template-columns: minmax(130px, 210px) 1fr; gap: 24px; align-items: center; }
.home-screen .hero-logo[b-77rswaaxxf] { display: block; width: 100%; max-width: 210px; height: auto; filter: drop-shadow(0 12px 24px #0009); }
.home-screen .el-pass-access[b-77rswaaxxf] { display: block; margin: 20px 0 26px; padding: 18px; border: 1px solid #ffffff17; border-radius: 22px; background: linear-gradient(145deg, #121922, #0b1017); box-shadow: 0 14px 34px #0004; }
.home-screen .el-pass-access .home-access-head[b-77rswaaxxf] { display: flex; margin: 0 0 14px; }
.home-screen .el-pass-access .home-access-head strong[b-77rswaaxxf] { display: block; color: #fff; font-size: 1.12rem; }
.home-screen .el-pass-access .home-access-head span[b-77rswaaxxf] { display: block; margin-top: 4px; color: #aeb9ca; font-size: .82rem; }
.home-screen .el-pass-grid[b-77rswaaxxf] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.home-screen .el-pass-card[b-77rswaaxxf] { display: grid; grid-template-columns: 46px minmax(0, 1fr) 24px; gap: 13px; align-items: center; min-width: 0; padding: 17px; border: 1px solid #ffffff1f; border-radius: 18px; background: linear-gradient(145deg, #1a2431, #0e141d); color: #fff; text-decoration: none; box-shadow: 0 8px 20px #0003; }
.home-screen .el-pass-card:hover[b-77rswaaxxf] { border-color: #ffd20099; transform: translateY(-2px); }
.home-screen .el-pass-card .home-pass-icon[b-77rswaaxxf] { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: #ffd200; color: #090b0e; font-weight: 950; }
.home-screen .el-pass-card .home-pass-copy[b-77rswaaxxf], .home-screen .el-pass-card strong[b-77rswaaxxf], .home-screen .el-pass-card small[b-77rswaaxxf] { display: block; min-width: 0; }
.home-screen .el-pass-card strong[b-77rswaaxxf] { color: #fff; font-size: 1rem; }
.home-screen .el-pass-card small[b-77rswaaxxf] { margin-top: 4px; color: #aeb9ca; line-height: 1.35; }
.home-screen .el-pass-card .home-pass-note[b-77rswaaxxf] { color: #ffd200 !important; font-size: .7rem; font-weight: 900; }
.home-screen .el-pass-card .home-pass-arrow[b-77rswaaxxf] { color: #ffd200; font-size: 1.3rem; font-weight: 900; }

@media (max-width: 680px) {
  .app-shell .appbar .appbar-logo[b-77rswaaxxf] { height: 38px; max-width: 145px; }
  .home-screen .home-hero[b-77rswaaxxf] { grid-template-columns: 1fr; gap: 14px; }
  .home-screen .hero-logo[b-77rswaaxxf] { max-width: 185px; }
  .home-screen .el-pass-grid[b-77rswaaxxf] { grid-template-columns: 1fr; }
  .home-screen .el-pass-access[b-77rswaaxxf] { padding: 15px; }
}
.exercise-modal.catalog-shell .catalog-card[b-77rswaaxxf] { min-width: 0; border-radius: 14px; }
.exercise-modal.catalog-shell .catalog-visual[b-77rswaaxxf] { aspect-ratio: 16 / 8; }
.exercise-modal.catalog-shell .catalog-body[b-77rswaaxxf] { padding: 9px; }
.exercise-modal.catalog-shell .catalog-title > strong[b-77rswaaxxf] { font-size: .82rem; line-height: 1.2; }
.exercise-modal.catalog-shell .catalog-body small[b-77rswaaxxf] { display: none; }
.exercise-modal.catalog-shell .catalog-add[b-77rswaaxxf] { padding: 8px 6px; font-size: .72rem; }
@media (max-width: 620px) {
  .exercise-modal.catalog-shell[b-77rswaaxxf] { width: 100%; max-height: 92vh; padding: 12px; }
  .exercise-modal.catalog-shell > .catalog-grid[b-77rswaaxxf] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; max-height: 58vh; }
  .exercise-modal.catalog-shell .catalog-title > span[b-77rswaaxxf] { display: none; }
}
.magicline-overview[b-77rswaaxxf] { display:grid; gap:14px; }
.ml-section[b-77rswaaxxf] { padding:18px; border:1px solid #ffffff16; border-radius:18px; background:linear-gradient(145deg,#151b24,#0e1218); }
.ml-section-head[b-77rswaaxxf] { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.ml-section-head small[b-77rswaaxxf],.referral-card > small[b-77rswaaxxf] { color:#ffd200; font-size:.7rem; font-weight:900; letter-spacing:.12em; }
.ml-section-head h3[b-77rswaaxxf] { margin:3px 0 0; font-size:1.06rem; }
.claim-state[b-77rswaaxxf] { padding:6px 10px; border-radius:999px; font-size:.72rem; font-weight:900; }
.claim-state.ok[b-77rswaaxxf] { background:#42d38b1c; color:#61e7a2; }
.claim-state.warning[b-77rswaaxxf] { background:#ff6b6b1c; color:#ff8a8a; }
.ml-notice[b-77rswaaxxf] { margin:12px 0 0; padding:11px 13px; border-radius:11px; background:#ffb02014; color:#ffd28a; font-size:.84rem; }
.history-bars[b-77rswaaxxf] { display:grid; gap:9px; margin-top:16px; }
.history-bars > div[b-77rswaaxxf] { display:grid; grid-template-columns:90px 1fr; align-items:center; gap:10px; }
.history-bars span b[b-77rswaaxxf],.history-bars span small[b-77rswaaxxf] { display:block; }
.history-bars span b[b-77rswaaxxf] { font-size:.78rem; text-transform:capitalize; }
.history-bars span small[b-77rswaaxxf] { color:#8f9bad; font-size:.66rem; }
.history-bars i[b-77rswaaxxf] { height:8px; overflow:hidden; border-radius:999px; background:#ffffff0d; }
.history-bars em[b-77rswaaxxf] { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#ffd200,#ff9d00); }
.training-plan-card > p[b-77rswaaxxf] { margin:0 0 12px; color:#c5cedb; }
.plan-meta[b-77rswaaxxf] { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.plan-meta span[b-77rswaaxxf],.partner-list span[b-77rswaaxxf] { padding:7px 10px; border-radius:999px; background:#ffffff0a; color:#cbd4df; font-size:.76rem; font-weight:800; }
.trainer-card[b-77rswaaxxf] { display:flex; align-items:center; gap:11px; padding-top:13px; border-top:1px solid #ffffff12; }
.trainer-card img[b-77rswaaxxf],.trainer-card > span[b-77rswaaxxf] { width:44px; height:44px; border-radius:50%; object-fit:cover; }
.trainer-card > span[b-77rswaaxxf] { display:grid; place-items:center; background:#ffd200; color:#111; font-weight:900; }
.trainer-card small[b-77rswaaxxf],.trainer-card strong[b-77rswaaxxf] { display:block; }
.trainer-card small[b-77rswaaxxf] { color:#8f9bad; font-size:.67rem; }
.benefit-card span[b-77rswaaxxf] { display:inline-block; margin-top:8px; padding:4px 7px; border-radius:7px; background:#ffffff0b; color:#d5dce6; font-size:.68rem; }
.referral-card[b-77rswaaxxf] { text-align:center; background:linear-gradient(135deg,#ffd2001c,#10151d); }
.referral-card strong[b-77rswaaxxf],.referral-card span[b-77rswaaxxf] { display:block; }
.referral-card strong[b-77rswaaxxf] { margin:8px 0 4px; color:#ffd200; font-size:1.75rem; letter-spacing:.16em; }
.referral-card span[b-77rswaaxxf] { color:#aeb9ca; font-size:.8rem; }
.partner-list[b-77rswaaxxf] { display:flex; flex-wrap:wrap; gap:8px; }
@media (max-width:620px) { .history-bars > div[b-77rswaaxxf] { grid-template-columns:78px 1fr; } .magicline-overview[b-77rswaaxxf] { gap:11px; } .ml-section[b-77rswaaxxf] { padding:15px; } }

/* Deine Besuche – bewusst ohne .home-screen-Abhängigkeit */
.home-visits-card[b-77rswaaxxf]{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin:0 0 20px;
  padding:19px;
  border:1px solid #ffffff18;
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,#ffd20012,transparent 36%),
    linear-gradient(145deg,#151d27e8,#0b1017e8);
  box-shadow:0 14px 34px #0004;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.home-visits-head[b-77rswaaxxf]{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.home-visits-head > div > span[b-77rswaaxxf]{
  display:block;
  color:#ffd200!important;
  font-size:.65rem;
  font-weight:950;
  letter-spacing:1.35px;
}
.home-visits-head h2[b-77rswaaxxf]{
  margin:3px 0 0!important;
  color:#fff!important;
  font-size:1.24rem!important;
  line-height:1.1!important;
  text-transform:none!important;
}
.home-visits-head button[b-77rswaaxxf]{
  flex:0 0 auto;
  padding:8px 10px;
  border:1px solid #ffffff1d;
  border-radius:10px;
  background:#ffffff08;
  color:#ffd200;
  font-size:.72rem;
  font-weight:900;
  cursor:pointer;
}
.home-visits-head button:hover[b-77rswaaxxf]{
  border-color:#ffd20066;
  background:#ffd2000d;
}
.home-visits-stats[b-77rswaaxxf]{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.home-visits-stats > div[b-77rswaaxxf]{
  min-width:0;
  padding:13px;
  border:1px solid #ffffff12;
  border-radius:14px;
  background:#060a10a3;
}
.home-visits-stats small[b-77rswaaxxf],
.home-visits-stats strong[b-77rswaaxxf],
.home-visits-stats span[b-77rswaaxxf]{
  display:block;
}
.home-visits-stats small[b-77rswaaxxf]{
  color:#8591a2!important;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.45px;
  text-transform:uppercase;
}
.home-visits-stats strong[b-77rswaaxxf]{
  margin-top:7px;
  color:#fff!important;
  font-size:1.45rem;
  line-height:1;
}
.home-visits-stats span[b-77rswaaxxf]{
  margin-top:4px;
  color:#9ca8b7!important;
  font-size:.68rem;
}
.home-visits-history[b-77rswaaxxf]{
  display:grid;
  gap:8px;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid #ffffff10;
}
.home-visit-month[b-77rswaaxxf]{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:center;
  gap:11px;
}
.home-visit-month strong[b-77rswaaxxf],
.home-visit-month small[b-77rswaaxxf]{
  display:block;
}
.home-visit-month strong[b-77rswaaxxf]{
  color:#dfe5ec!important;
  font-size:.75rem;
  text-transform:capitalize;
}
.home-visit-month small[b-77rswaaxxf]{
  margin-top:1px;
  color:#798697!important;
  font-size:.62rem;
}
.home-visit-track[b-77rswaaxxf]{
  display:block!important;
  width:100%;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#ffffff0c;
}
.home-visit-track i[b-77rswaaxxf]{
  display:block;
  min-width:4px;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ffd200,#ff9d00);
}
@media(max-width:680px){
  .home-visits-stats[b-77rswaaxxf]{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-visits-card[b-77rswaaxxf]{
    padding:16px;
  }
}
@media(max-width:420px){
  .home-visits-head[b-77rswaaxxf]{
    align-items:flex-start;
  }
  .home-visits-head button[b-77rswaaxxf]{
    font-size:.66rem;
  }
  .home-visit-month[b-77rswaaxxf]{
    grid-template-columns:78px minmax(0,1fr);
  }
}
/* /Shared/AppLayout.razor.rz.scp.css */
.standalone-app[b-o4s3zyzmf3] {
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background: #080b11;
    color: #f4f6fb;
}