:root{
  --ink:#102a56;
  --muted:#6e7f9a;
  --blue:#297fff;
  --blue-dark:#0f5bde;
  --blue-light:#d9edff;
  --green:#1ea24d;
}
*{box-sizing:border-box}
html,body{
  margin:0;
  min-height:100%;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
  background:radial-gradient(circle at 50% 0,#ffffff 0,#edf5ff 40%,#d7e8fb 100%);
  color:var(--ink)
}
body{display:flex;justify-content:center;align-items:flex-start;padding:0}
.app-shell{
  position:relative;
  width:100%;
  max-width:430px;
  min-height:100svh;
  overflow:hidden;
  background:linear-gradient(180deg,#deecfa 0%,#f8fbff 18%,#fcfdff 58%,#f8fbff 100%);
  box-shadow:0 20px 65px rgba(2,62,142,.16)
}
.statusbar{
  height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 20px 0;
  font-weight:700;
  font-size:14px;
  position:relative;
  z-index:5
}
.current-time{letter-spacing:-.2px}
.island{
  position:absolute;
  left:50%;
  top:8px;
  transform:translateX(-50%);
  width:110px;
  height:30px;
  background:#020202;
  border-radius:18px
}
.status-icons{display:flex;align-items:center;gap:6px}
.status-icons svg{width:20px;height:15px;fill:currentColor}

.hero{
  height:206px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  position:relative;
  padding-top:8px
}
.brand-logo{
  width:300px;
  height:178px;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
  filter:saturate(1.05) contrast(1.02);
  display:block
}
.notification{
  position:absolute;
  right:20px;
  top:22px;
  border:0;
  background:transparent;
  color:#fff;
  width:36px;
  height:36px;
  filter:drop-shadow(0 4px 7px rgba(43,101,190,.28))
}
.notification svg{width:28px;height:28px}
.notification span{
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff5151;
  right:2px;
  top:1px;
  border:2px solid #d8ebff
}

.card{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(246,249,255,.95));
  border:1px solid rgba(151,177,213,.26);
  box-shadow:0 8px 22px rgba(51,93,148,.11),inset 0 1px 0 #fff;
  border-radius:25px
}

.greeting{
  margin:0 18px;
  height:120px;
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:10px 16px 10px 12px;
  position:relative;
  z-index:2
}
.avatar-shell{
  width:92px;
  height:92px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.95), 0 4px 10px rgba(40,99,172,.14)
}
.avatar{
  width:84px;
  height:84px;
  display:block;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  border:2px solid #62a8f2;
  background:#fff;
}
.greeting-copy{min-width:0}
.greeting h1{
  margin:0 0 8px;
  font-size:19px;
  line-height:1.1;
  letter-spacing:-.35px;
  font-weight:800;
  color:#163164;
  white-space:nowrap
}
.greeting p{
  margin:0;
  font-size:13px;
  line-height:1.2;
  color:var(--muted);
  white-space:nowrap
}

.quick-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:18px 18px 16px
}
.quick-card{
  height:126px;
  border-radius:17px;
  border:1px solid rgba(176,194,220,.55);
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  box-shadow:0 4px 12px rgba(59,88,133,.10), inset 0 1px 0 rgba(255,255,255,.95);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px
}
.quick-card h2{
  margin:0;
  font-size:13px;
  font-weight:500;
  letter-spacing:-.1px;
  color:#1a2d55;
  text-align:center
}
.icon-wrap{
  width:54px;
  height:54px;
  color:#2a7ff5;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 3px 5px rgba(58,126,221,.16))
}
.icon-wrap svg{width:50px;height:50px}
.more-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  background:linear-gradient(180deg,#69b4ff,#0f64e0);
  box-shadow:inset 0 4px 10px rgba(255,255,255,.45),0 5px 10px rgba(0,77,188,.20);
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:7px
}
.more-icon span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.12)
}

.last-check{
  height:130px;
  margin:2px 18px 0;
  display:flex;
  align-items:center;
  padding:16px 18px;
  position:relative;
  z-index:2
}
.last-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fff,#eef6ff);
  color:#2487ee;
  box-shadow:0 7px 15px rgba(49,95,152,.11);
  margin-right:14px
}
.last-icon svg{width:42px;height:42px}
.last-copy h2{margin:0 0 4px;font-size:18px;line-height:1.15}
.last-copy p{margin:0 0 8px;color:var(--muted);font-size:15px}
.last-copy strong{font-size:15px;color:var(--green);display:flex;align-items:center;gap:8px}
.checkmark{
  display:inline-grid;
  place-items:center;
  border:2px solid var(--green);
  width:22px;
  height:22px;
  border-radius:50%;
  font-size:14px;
  line-height:1
}
.chevron{margin-left:auto;width:28px;height:28px;color:#2183e8;flex:0 0 auto}

.bottom-zone{
  position:relative;
  height:148px;
  margin-top:-2px;
  overflow:hidden;
  background:linear-gradient(180deg,#edf6ff 0%,#5ba9ff 50%,#1062e2 100%);
}
.wave-layer{
  position:absolute;
  inset:0 0 auto 0;
  height:76px;
  overflow:hidden;
  pointer-events:none;
}
.wave-layer svg{width:100%;height:100%;display:block}
.wave{filter:drop-shadow(0 -1px 0 rgba(255,255,255,.38))}
.wave-back{fill:rgba(196,225,255,.95)}
.wave-mid{fill:rgba(124,183,250,.76)}
.wave-front{fill:rgba(55,137,240,.78)}
.bottom-nav{
  position:absolute;
  left:0;
  right:0;
  bottom:22px;
  height:76px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:start;
  padding:5px 8px 0;
  background:transparent;
  box-shadow:none;
  z-index:3
}
.bottom-nav a{
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-size:10px;
  line-height:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  text-shadow:0 1px 3px rgba(0,55,155,.22)
}
.bottom-nav svg{width:25px;height:25px;filter:drop-shadow(0 2px 3px rgba(0,61,166,.2))}
.bottom-nav .active{font-weight:700;color:#fff}
.bottom-nav .active:after{
  content:"";
  width:26px;
  height:3px;
  border-radius:4px;
  background:#fff;
  margin-top:0
}
.home-indicator{
  position:absolute;
  left:50%;
  bottom:7px;
  transform:translateX(-50%);
  width:116px;
  height:5px;
  border-radius:5px;
  background:#fff;
  opacity:.96;
  z-index:4
}

@media (max-width:370px){
  .hero{height:188px}
  .brand-logo{width:266px;height:164px}
  .greeting{height:110px;grid-template-columns:92px 1fr;padding:9px 13px 9px 10px;gap:13px}
  .avatar-shell{width:82px;height:82px}
  .avatar{width:74px;height:74px}
  .greeting h1{font-size:17px}
  .greeting p{font-size:12px}
  .quick-grid{gap:10px;padding-inline:12px}
  .quick-card{height:122px}
  .quick-card h2{font-size:13px}
}
@media (min-width:431px){
  body{padding:28px}
  .app-shell{min-height:900px;border-radius:42px;border:10px solid #111;box-shadow:0 30px 90px rgba(4,55,125,.25)}
  .bottom-zone{border-radius:0 0 31px 31px}
}


.quick-grid-reference{
  margin:0 18px;
  padding:0;
  display:block;
}
.quick-grid-image{
  width:100%;
  display:block;
  border-radius:16px;
}

@media (max-width:370px){
  .quick-grid-reference{margin:0 12px}
}


.last-check-reference{
  margin:2px 18px 0;
  position:relative;
  z-index:2;
}
.last-check-image{
  width:100%;
  height:auto;
  display:block;
  border-radius:24px;
}
@media (max-width:370px){
  .last-check-reference{margin-inline:12px}
}


/* Menü-Symbole aus der gelieferten Vorlage */
.bottom-nav .nav-icon{
  width:34px;
  height:30px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 3px rgba(0,61,166,.18));
}
.bottom-nav a:nth-child(2) .nav-icon{width:36px;height:31px}
.bottom-nav a:nth-child(3) .nav-icon{width:33px;height:31px}
.bottom-nav a:nth-child(4) .nav-icon{width:35px;height:30px}
.bottom-nav a:nth-child(5) .nav-icon{width:34px;height:30px}

/* Menüleisten-Symbole doppelt so groß */
.bottom-zone{
  height:190px;
}
.wave-layer{
  height:92px;
}
.bottom-nav{
  bottom:24px;
  height:132px;
  padding-top:6px;
}
.bottom-nav a{
  gap:5px;
}
.bottom-nav .nav-icon{
  width:68px;
  height:60px;
}
.bottom-nav a:nth-child(2) .nav-icon{width:72px;height:62px}
.bottom-nav a:nth-child(3) .nav-icon{width:66px;height:62px}
.bottom-nav a:nth-child(4) .nav-icon{width:70px;height:60px}
.bottom-nav a:nth-child(5) .nav-icon{width:68px;height:60px}

/* Menüleiste: Texte näher an die Symbole und gesamte Leiste weiter nach unten */
.bottom-nav{
  bottom:8px;
  height:118px;
  padding:10px 8px 0;
  align-items:start;
}
.bottom-nav a{
  gap:0;
}
.bottom-nav a span{
  margin-top:-3px;
}
.bottom-nav .active:after{
  margin-top:3px;
}
.home-indicator{
  bottom:3px;
}


/* Finale Korrektur: gleiche Symbolgrößen, Text näher an die Symbole, gesamte Leiste näher an den unteren Rand */
.bottom-zone{
  height:184px;
}
.wave-layer{
  height:88px;
}
.bottom-nav{
  bottom:0;
  height:112px;
  padding:8px 6px 0;
  align-items:start;
}
.bottom-nav a{
  gap:0;
  font-size:10px;
}
.bottom-nav .nav-icon,
.bottom-nav a:nth-child(2) .nav-icon,
.bottom-nav a:nth-child(3) .nav-icon,
.bottom-nav a:nth-child(4) .nav-icon,
.bottom-nav a:nth-child(5) .nav-icon{
  width:58px;
  height:58px;
}
.bottom-nav a span{
  margin-top:-10px;
}
.bottom-nav .active:after{
  margin-top:3px;
}
.home-indicator{
  bottom:2px;
}


/* 3D-Wellen-Hintergrund in Blau für den unteren Bereich */
.bottom-zone{
  position:relative;
  overflow:hidden;
  height:184px;
  background:
    radial-gradient(130% 75% at 50% 8%, rgba(255,255,255,.52) 0%, rgba(255,255,255,.14) 26%, rgba(255,255,255,0) 48%),
    linear-gradient(180deg,#d6ebff 0%, #a9d0ff 18%, #69aefb 42%, #1a7af1 72%, #085ee0 100%);
  box-shadow:
    inset 0 14px 24px rgba(255,255,255,.30),
    inset 0 -16px 28px rgba(3,61,167,.26);
}
.bottom-zone::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0));
  z-index:1;
  pointer-events:none;
}
.bottom-zone::after{
  content:"";
  position:absolute;
  inset:auto -8% 28px -8%;
  height:88px;
  background:radial-gradient(80% 100% at 50% 0%, rgba(255,255,255,.12), rgba(255,255,255,0) 62%);
  z-index:1;
  pointer-events:none;
}
.wave-layer{
  height:96px;
  top:-1px;
  z-index:2;
}
.wave-layer svg{
  width:100%;
  height:100%;
  display:block;
  filter:drop-shadow(0 4px 10px rgba(15,92,214,.14));
}
.wave{
  stroke:rgba(255,255,255,.26);
  stroke-width:1.5;
}
.wave-back{
  fill:#dcecff;
  opacity:.96;
  filter:drop-shadow(0 6px 8px rgba(126,180,246,.16));
}
.wave-mid{
  fill:#9bc8fb;
  opacity:.95;
  filter:drop-shadow(0 7px 10px rgba(54,136,239,.18));
}
.wave-front{
  fill:#5d9ef5;
  opacity:.98;
  filter:drop-shadow(0 10px 16px rgba(15,98,224,.24));
}
.bottom-nav,
.home-indicator{
  z-index:3;
}


/* Wellenhintergrund an die Referenz angepasst */
.bottom-zone{
  background:linear-gradient(180deg,#d9ebff 0%, #8abdfa 20%, #4f98f4 46%, #1d79ef 74%, #0e64e5 100%);
  box-shadow:none;
}
.bottom-zone::before,
.bottom-zone::after{
  display:none;
}
.wave-layer{
  top:0;
  height:66px;
  background-image:url('assets/waves-reference-strip.png');
  background-repeat:no-repeat;
  background-position:top center;
  background-size:100% 66px;
  filter:none;
}
.wave-layer svg{display:none;}
.bottom-nav{
  background:transparent;
}


/* Avatar an die gewünschte große, runde Darstellung angepasst */
.greeting{
  height:132px;
  grid-template-columns:122px minmax(0,1fr);
  gap:14px;
  padding:8px 16px 8px 10px;
}
.avatar-shell{
  width:112px;
  height:112px;
  background:transparent;
  box-shadow:none;
}
.avatar{
  width:112px;
  height:112px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  border:0;
  box-shadow:0 5px 12px rgba(33,98,177,.18);
}
@media (max-width:370px){
  .greeting{
    height:120px;
    grid-template-columns:104px minmax(0,1fr);
    gap:12px;
  }
  .avatar-shell,
  .avatar{
    width:98px;
    height:98px;
  }
}


/* Neuer Hintergrund für die komplette Startseite */
html, body{
  background:#d7e7fb;
}
.app-shell{
  background:url('assets/startseite-neuer-hintergrund.png') center top / 100% 100% no-repeat;
  box-shadow:0 20px 65px rgba(2,62,142,.16);
}
.bottom-zone{
  background:transparent;
  box-shadow:none;
}
.bottom-zone::before,
.bottom-zone::after{
  display:none;
}
.wave-layer{
  display:none;
}


/* Schnellzugriff: einzelne Buttons wieder klar erkennbar, Hintergrund bleibt sichtbar */
.quick-grid-reference{
  position:relative;
  isolation:isolate;
}
.button-shades{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:10px 9px;
  padding:2px 1px 3px;
  pointer-events:none;
}
.button-shades span{
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(238,246,255,.42));
  box-shadow:
    0 5px 13px rgba(28,82,153,.12),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 0 0 1px rgba(151,181,220,.16);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.quick-grid-image{
  position:relative;
  z-index:1;
}

/* Letzter Tagescheck: ein einziges weißes Feld ohne sichtbaren Rand */
.last-check-reference{
  background:#fff;
  border:0;
  border-radius:22px;
  box-shadow:0 7px 18px rgba(31,78,143,.12);
  overflow:hidden;
}
.last-check-image{
  border-radius:22px;
}


/* Letzter Tagescheck neu: einfaches weißes Feld ohne Rand und ohne innere Linien */
.last-check-reference,
.last-check-image{
  display:none !important;
}
.last-check-card{
  margin:2px 18px 0;
  min-height:114px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  background:rgba(255,255,255,.96);
  border:0;
  border-radius:24px;
  box-shadow:0 7px 18px rgba(31,78,143,.12);
}
.last-check-icon-wrap{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
  box-shadow:0 3px 10px rgba(31,78,143,.08);
  color:#2a7ff5;
}
.last-check-icon{
  width:40px;
  height:40px;
}
.last-check-copy{
  min-width:0;
  flex:1 1 auto;
}
.last-check-copy h2{
  margin:0 0 6px;
  font-size:16px;
  line-height:1.1;
  color:#142b57;
  font-weight:800;
}
.last-check-copy p{
  margin:0 0 8px;
  font-size:14px;
  color:#657897;
}
.last-check-copy strong{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:15px;
  color:#1ea24d;
  font-weight:700;
}
.status-check{
  width:20px;
  height:20px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  border:2px solid #1ea24d;
  font-size:12px;
  line-height:1;
}
.last-check-chevron{
  width:24px;
  height:24px;
  color:#2a7ff5;
  flex:0 0 auto;
}
@media (max-width:370px){
  .last-check-card{margin-inline:12px;padding:14px 14px;gap:12px}
  .last-check-copy h2{font-size:15px}
  .last-check-copy p{font-size:13px}
  .last-check-copy strong{font-size:14px}
}


/* Menüleiste durch die neue transparente Bild-Menüleiste ersetzt */
.bottom-zone{
  height:170px;
}
.bottom-menu-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  z-index:3;
  padding:0 0;
}
.bottom-menu-overlay-image{
  display:block;
  width:100%;
  height:auto;
}
.bottom-nav{
  display:none !important;
}
.home-indicator{
  bottom:4px;
  z-index:4;
}
@media (max-width:370px){
  .bottom-zone{height:156px;}
  .bottom-menu-overlay{bottom:16px;}
}

/* Menüleiste etwas verkleinert und vollständig innerhalb des Bildschirmrands zentriert */
.bottom-menu-overlay{
  left:4%;
  right:4%;
  bottom:18px;
}
.bottom-menu-overlay-image{
  width:100%;
  max-width:100%;
  margin:0 auto;
}
@media (max-width:370px){
  .bottom-menu-overlay{
    left:5%;
    right:5%;
    bottom:16px;
  }
}

/* LeniCare-Logo auf der Startseite etwas größer */
.hero{
  height:220px;
}
.brand-logo{
  width:330px;
  height:195px;
}
@media (max-width:370px){
  .hero{height:200px;}
  .brand-logo{width:290px;height:178px;}
}

/* Einheitliche Breiten, Abstände und dezente Schattierung aller Felder */
.greeting,
.quick-grid-reference,
.last-check-card{
  width:auto;
  margin-left:18px;
  margin-right:18px;
}
.greeting{
  margin-top:0;
  margin-bottom:14px;
  background:rgba(255,255,255,.92);
  border:0;
  box-shadow:
    0 7px 18px rgba(31,78,143,.13),
    inset 0 1px 0 rgba(255,255,255,.98);
}
.quick-grid-reference{
  margin-top:0;
  margin-bottom:14px;
}
.last-check-card{
  margin-top:0;
  margin-bottom:0;
  background:rgba(255,255,255,.96);
  border:0;
  box-shadow:
    0 7px 18px rgba(31,78,143,.13),
    inset 0 1px 0 rgba(255,255,255,.98);
}
.button-shades{
  gap:12px;
  padding:1px;
}
.button-shades span{
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(235,244,255,.50));
  box-shadow:
    0 6px 15px rgba(28,82,153,.14),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 0 0 1px rgba(139,174,218,.18);
}

@media (max-width:370px){
  .greeting,
  .quick-grid-reference,
  .last-check-card{
    margin-left:12px;
    margin-right:12px;
  }
  .greeting,
  .quick-grid-reference{
    margin-bottom:12px;
  }
  .button-shades{gap:10px;}
}


/* Klickfläche für den Tagescheck-Button */
.quick-grid-reference{position:relative;}
.quick-hit{
  position:absolute;
  z-index:4;
  display:block;
  border-radius:16px;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.quick-hit-tagescheck{
  left:0;
  top:0;
  width:33.333%;
  height:50%;
}
.quick-hit-tagescheck:focus-visible{
  outline:3px solid #2a7ff5;
  outline-offset:-3px;
}
.quick-hit-tagescheck:active{
  background:rgba(42,127,245,.08);
}


/* Klickflächen der permanenten Menüleiste */
.bottom-menu-overlay{position:absolute;}
.menu-hit{
  position:absolute;
  top:0;
  bottom:0;
  width:20%;
  z-index:5;
  border-radius:18px;
  -webkit-tap-highlight-color:transparent;
}
.menu-hit-start{left:0;}
.menu-hit-profile{right:0;}
.menu-hit:active{background:rgba(255,255,255,.08);}
.menu-hit:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:-4px;}

/* Erste, bewusst leere Profilseite */
.profile-minimal{
  min-height:100svh;
  background:url('assets/startseite-neuer-hintergrund.png') center top / 100% 100% no-repeat;
}
.profile-minimal-header{
  padding:28px 22px 0;
}
.profile-minimal-header h1{
  margin:0;
  font-size:30px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.5px;
  color:#173981;
}
.profile-minimal .bottom-zone{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
}
@media (max-width:370px){
  .profile-minimal-header{padding:24px 16px 0;}
  .profile-minimal-header h1{font-size:27px;}
}


/* Permanente Navigation: alle fünf Bereiche verlinkt */
.menu-hit-einschaetzung{left:20%;}
.menu-hit-tagesbericht{left:40%;}
.menu-hit-verlauf{left:60%;}
.menu-hit-profile{left:80%;right:auto;}

/* Kleiner weißer Aktiv-Balken oberhalb des aktuell geöffneten Menüpunkts */
.bottom-menu-overlay::before{
  content:"";
  position:absolute;
  top:-7px;
  width:24px;
  height:3px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,58,160,.22);
  z-index:7;
  transform:translateX(-50%);
}
.bottom-menu-overlay.active-start::before{left:10%;}
.bottom-menu-overlay.active-einschaetzung::before{left:30%;}
.bottom-menu-overlay.active-tagesbericht::before{left:50%;}
.bottom-menu-overlay.active-verlauf::before{left:70%;}
.bottom-menu-overlay.active-profil::before{left:90%;}

/* Leere Grundseiten für Einschätzung, Tagesbericht und Verlauf */
.minimal-page{
  min-height:100svh;
  background:url('assets/startseite-neuer-hintergrund.png') center top / 100% 100% no-repeat;
}
.minimal-page-header{
  padding:28px 22px 0;
}
.minimal-page-header h1{
  margin:0;
  font-size:30px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.5px;
  color:#173981;
}
.minimal-page .bottom-zone{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
}
@media (max-width:370px){
  .minimal-page-header{padding:24px 16px 0;}
  .minimal-page-header h1{font-size:27px;}
}


/* Profilseite: zunächst nur die leeren Felder der Vorlage */
.profile-empty-layout{
  padding:18px 18px 190px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.profile-empty-card{
  background:rgba(255,255,255,.93);
  border-radius:24px;
  box-shadow:0 8px 22px rgba(31,78,143,.13),inset 0 1px 0 rgba(255,255,255,.98);
}
.profile-empty-main{
  min-height:186px;
  padding:18px;
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 142px;
  gap:16px;
  align-items:center;
}
.empty-avatar-circle{
  width:100px;
  height:100px;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(234,243,255,.92),rgba(255,255,255,.98));
  box-shadow:inset 0 0 0 4px rgba(177,210,255,.75),0 5px 13px rgba(36,91,169,.12);
}
.empty-main-lines,
.empty-premium-lines{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.empty-main-lines span,
.empty-premium-lines span,
.empty-short-line,
.empty-row-line{
  display:block;
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(222,234,250,.95),rgba(242,247,255,.9));
}
.empty-main-lines span:nth-child(1){width:78%;height:18px}
.empty-main-lines span:nth-child(2){width:58%}
.empty-main-lines span:nth-child(3){width:86%}
.empty-side-panel{
  align-self:stretch;
  border-left:1px solid rgba(195,211,234,.72);
  padding-left:16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}
.empty-small-circle{
  width:50px;
  height:50px;
  border-radius:50%;
  background:linear-gradient(145deg,#edf5ff,#dcecff);
}
.empty-short-line{width:70%}
.empty-pill,
.empty-wide-pill{
  display:block;
  height:38px;
  border-radius:999px;
  background:linear-gradient(180deg,#f9fbff,#edf4ff);
  box-shadow:inset 0 0 0 1px rgba(157,186,226,.38);
}
.profile-empty-premium{
  min-height:116px;
  padding:18px;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 132px;
  gap:16px;
  align-items:center;
  background:linear-gradient(145deg,rgba(238,245,255,.96),rgba(250,252,255,.94));
}
.empty-medium-circle{
  width:66px;
  height:66px;
  border-radius:50%;
  background:linear-gradient(145deg,#edf5ff,#dcecff);
}
.empty-premium-lines span:nth-child(1){width:72%;height:16px}
.empty-premium-lines span:nth-child(2){width:88%}
.empty-wide-pill{width:100%;height:42px}
.profile-empty-list{
  overflow:hidden;
  padding:4px 0;
}
.empty-list-row{
  min-height:72px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:38px 1fr 18px;
  align-items:center;
  gap:16px;
}
.empty-list-row + .empty-list-row{border-top:1px solid rgba(218,228,244,.95)}
.empty-row-icon{
  width:32px;
  height:32px;
  border-radius:10px;
  background:linear-gradient(145deg,#edf5ff,#dcecff);
}
.empty-row-line{width:64%;height:14px}
.empty-row-arrow{
  width:10px;
  height:10px;
  border-top:2px solid rgba(72,124,205,.55);
  border-right:2px solid rgba(72,124,205,.55);
  transform:rotate(45deg);
}
@media (max-width:370px){
  .profile-empty-layout{padding-left:12px;padding-right:12px}
  .profile-empty-main{grid-template-columns:84px 1fr;gap:12px}
  .empty-avatar-circle{width:78px;height:78px}
  .empty-side-panel{grid-column:1/-1;border-left:0;border-top:1px solid rgba(195,211,234,.72);padding:14px 0 0;display:grid;grid-template-columns:50px 1fr 1fr;align-items:center}
  .empty-pill{grid-column:1/-1}
  .profile-empty-premium{grid-template-columns:58px 1fr}
  .empty-medium-circle{width:54px;height:54px}
  .empty-wide-pill{grid-column:1/-1}
}


/* Profilseite: Texte in die vorbereiteten Felder übernommen */
.profile-text-owner h2,
.profile-text-pet h3,
.premium-text-copy h2,
.profile-row-copy h3{
  margin:0;
  color:#17336d;
  font-weight:800;
}
.profile-text-owner h2{font-size:22px;line-height:1.1;margin-bottom:8px}
.profile-text-owner p,
.profile-text-pet p,
.premium-text-copy p,
.profile-row-copy p{
  margin:0;
  color:#5f76a0;
}
.owner-role{font-size:14px;margin-bottom:16px!important}
.owner-contact{font-size:12px;line-height:1.45;margin-top:7px!important;word-break:break-word}
.profile-text-pet h3{font-size:18px;margin-bottom:5px}
.profile-text-pet p{font-size:13px;line-height:1.35}
.text-pill,
.premium-text-button{
  border:0;
  color:#17336d;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;
}
.text-pill{margin-top:6px;padding:0 14px}
.profile-text-premium{grid-template-columns:76px minmax(0,1fr) 132px}
.premium-text-copy h2{font-size:18px;margin-bottom:6px}
.premium-text-copy p{font-size:13px;line-height:1.4}
.premium-text-button{font-size:13px;color:#fff;background:linear-gradient(180deg,#68a8ff,#2c7df5);box-shadow:0 8px 16px rgba(44,125,245,.24)}
.profile-row-copy h3{font-size:15px;line-height:1.15;margin-bottom:5px}
.profile-row-copy p{font-size:12px;line-height:1.35}
@media (max-width:370px){
  .profile-text-owner h2{font-size:19px}
  .owner-contact{font-size:11px}
  .profile-text-premium{grid-template-columns:58px 1fr}
  .premium-text-button{grid-column:1/-1}
}


/* Profilseite proportional verkleinert und sauberer an den Entwurf angepasst */
.profile-minimal{
  padding-bottom:176px;
}
.profile-minimal-header{
  padding:28px 22px 8px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.profile-minimal-copy{min-width:0;}
.profile-minimal-header h1{
  margin:0 0 8px;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.45px;
}
.profile-minimal-header p{
  margin:0;
  font-size:14px;
  line-height:1.35;
  color:#4e69a0;
}
.profile-settings-chip{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.95);
  color:#337dff;
  box-shadow:0 8px 18px rgba(29,77,149,.10), inset 0 1px 0 rgba(255,255,255,.98);
}
.profile-settings-chip svg{width:23px;height:23px}

.profile-empty-layout{
  padding:12px 18px 188px;
  gap:12px;
}
.profile-empty-card{
  border-radius:22px;
}
.profile-empty-main{
  min-height:164px;
  padding:16px 16px;
  grid-template-columns:92px minmax(0,1fr) 124px;
  gap:14px;
}
.empty-avatar-circle{
  width:82px;
  height:82px;
}
.profile-text-owner h2{
  font-size:18px;
  margin-bottom:6px;
}
.owner-role{
  font-size:12px;
  margin-bottom:12px!important;
}
.owner-contact{
  font-size:11px;
  line-height:1.35;
  margin-top:5px!important;
}
.empty-side-panel{
  padding-left:14px;
  gap:8px;
}
.profile-text-pet h3{
  font-size:16px;
  margin-bottom:3px;
}
.profile-text-pet p{
  font-size:12px;
  line-height:1.3;
}
.text-pill,
.premium-text-button{
  font-size:12px;
}
.text-pill{
  height:36px;
  padding:0 12px;
}
.profile-empty-premium,
.profile-text-premium{
  min-height:100px;
  padding:16px;
  grid-template-columns:64px minmax(0,1fr) 128px;
  gap:14px;
}
.empty-medium-circle{
  width:54px;
  height:54px;
}
.premium-text-copy h2{
  font-size:16px;
  margin-bottom:4px;
}
.premium-text-copy p{
  font-size:12px;
  line-height:1.35;
}
.empty-wide-pill,
.premium-text-button{
  height:40px;
}
.profile-empty-list{
  padding:2px 0;
}
.empty-list-row{
  min-height:64px;
  padding:12px 18px;
  grid-template-columns:32px 1fr 16px;
  gap:14px;
}
.empty-row-icon{
  width:26px;
  height:26px;
}
.profile-row-copy h3{
  font-size:14px;
  margin-bottom:4px;
}
.profile-row-copy p{
  font-size:11px;
  line-height:1.3;
}
.profile-minimal .bottom-zone{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
}

@media (max-width:370px){
  .profile-minimal{padding-bottom:166px;}
  .profile-minimal-header{padding:24px 16px 8px;}
  .profile-minimal-header h1{font-size:26px;}
  .profile-minimal-header p{font-size:13px;}
  .profile-settings-chip{width:44px;height:44px;flex-basis:44px;}
  .profile-empty-layout{padding:12px 12px 178px;gap:10px;}
  .profile-empty-main{grid-template-columns:78px 1fr;gap:12px;padding:14px;}
  .empty-avatar-circle{width:72px;height:72px;}
  .empty-side-panel{grid-column:1/-1;border-left:0;border-top:1px solid rgba(195,211,234,.72);padding:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .text-pill{grid-column:1/-1;}
  .profile-empty-premium,.profile-text-premium{grid-template-columns:54px 1fr;padding:14px;}
  .empty-medium-circle{width:48px;height:48px;}
  .premium-text-button{grid-column:1/-1;}
  .empty-list-row{min-height:60px;padding:12px 14px;gap:12px;}
}


/* Profilseite – Symbole an den Entwurf angepasst */
.profile-avatar-wrap{
  position:relative;
  width:82px;
  height:82px;
}
.profile-main-avatar{
  width:82px;
  height:82px;
  border-radius:50%;
  object-fit:cover;
  border:4px solid rgba(177,210,255,.8);
  box-shadow:0 6px 14px rgba(36,91,169,.14);
  background:#fff;
}
.profile-avatar-camera{
  position:absolute;
  right:-6px;
  bottom:-5px;
  width:32px;
  height:32px;
  border-radius:50%;
  border:3px solid #fff;
  background:linear-gradient(180deg,#69a8ff,#2a7cf5);
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 5px 12px rgba(39,95,171,.18);
}
.profile-avatar-camera svg{width:16px;height:16px}
.owner-role{
  display:flex;
  align-items:center;
  gap:6px;
}
.owner-paw{font-size:13px;line-height:1;}
.owner-contact{
  display:flex;
  align-items:center;
  gap:7px;
}
.owner-contact svg{
  width:15px;
  height:15px;
  flex:0 0 auto;
  color:#337dff;
}
.pet-paw-chip{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#f3f8ff,#e9f1ff);
  color:#377fff;
  font-size:20px;
  box-shadow:0 4px 10px rgba(39,95,171,.08);
  margin-bottom:2px;
}
.text-pill,
.premium-text-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.btn-arrow{
  font-size:16px;
  line-height:1;
  transform:translateY(-.5px);
}
.premium-icon-circle{
  display:grid;
  place-items:center;
  color:#3b81fb;
  box-shadow:0 5px 14px rgba(39,95,171,.08);
}
.premium-icon-circle svg{width:28px;height:28px}
.icon-real{
  display:grid;
  place-items:center;
  background:none;
  color:#377fff;
  font-size:20px;
}
.icon-real svg{width:24px;height:24px}
.emoji-icon{font-size:20px;line-height:1;filter:saturate(1.05)}
.empty-row-arrow{
  width:11px;
  height:11px;
  border-top:2.2px solid #337dff;
  border-right:2.2px solid #337dff;
}
@media (max-width:370px){
  .profile-avatar-wrap,.profile-main-avatar{width:72px;height:72px}
  .profile-avatar-camera{width:30px;height:30px;right:-4px;bottom:-4px}
  .pet-paw-chip{width:36px;height:36px;font-size:18px}
  .owner-contact svg{width:14px;height:14px}
}


/* Feintuning Typografie Profilseite – harmonischere Größen */
.profile-minimal-header h1{
  font-size:27px;
  letter-spacing:-0.4px;
}
.profile-minimal-header p{
  font-size:13.5px;
  line-height:1.34;
}
.profile-text-owner h2{
  font-size:17px;
  line-height:1.12;
  margin-bottom:5px;
}
.owner-role{
  font-size:12px;
  line-height:1.25;
  margin-bottom:10px !important;
}
.owner-contact{
  font-size:11px;
  line-height:1.32;
  margin-top:4px !important;
}
.profile-text-pet h3{
  font-size:15px;
  line-height:1.12;
  margin-bottom:2px;
}
.profile-text-pet p{
  font-size:11.5px;
  line-height:1.28;
}
.text-pill,
.premium-text-button{
  font-size:11.5px;
  letter-spacing:0;
}
.premium-text-copy h2{
  font-size:15.5px;
  line-height:1.15;
  margin-bottom:3px;
}
.premium-text-copy p{
  font-size:11.5px;
  line-height:1.32;
}
.profile-row-copy h3{
  font-size:13.5px;
  line-height:1.14;
  margin-bottom:3px;
}
.profile-row-copy p{
  font-size:11px;
  line-height:1.28;
}
@media (max-width:370px){
  .profile-minimal-header h1{font-size:25px;}
  .profile-minimal-header p{font-size:12.5px;}
  .profile-text-owner h2{font-size:16px;}
  .owner-role{font-size:11.5px;}
  .owner-contact{font-size:10.5px;}
  .profile-text-pet h3{font-size:14px;}
  .profile-text-pet p{font-size:11px;}
  .premium-text-copy h2{font-size:15px;}
  .premium-text-copy p{font-size:11px;}
  .profile-row-copy h3{font-size:13px;}
  .profile-row-copy p{font-size:10.5px;}
}

/* Menüleiste feiner ausgerichtet: etwas kleiner, höher und Aktivbalken unter der Beschriftung */
.bottom-menu-overlay{
  left:7%;
  right:7%;
  bottom:28px;
}
.bottom-menu-overlay::before{
  top:auto;
  bottom:-5px;
  width:25px;
  height:3px;
  transform:translateX(-50%);
}
.home-indicator{
  bottom:4px;
}
@media (max-width:370px){
  .bottom-menu-overlay{
    left:8%;
    right:8%;
    bottom:25px;
  }
  .bottom-menu-overlay::before{
    bottom:-4px;
    width:23px;
  }
}


/* Aktivbalken exakt unter dem jeweils aktiven Menüpunkt zentriert */
.bottom-menu-overlay::before{
  display:none !important;
}
.menu-hit::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:25px;
  height:3px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,58,160,.22);
  transform:translateX(-50%);
  opacity:0;
  pointer-events:none;
}
.bottom-menu-overlay.active-start .menu-hit-start::after,
.bottom-menu-overlay.active-einschaetzung .menu-hit-einschaetzung::after,
.bottom-menu-overlay.active-tagesbericht .menu-hit-tagesbericht::after,
.bottom-menu-overlay.active-verlauf .menu-hit-verlauf::after,
.bottom-menu-overlay.active-profil .menu-hit-profile::after{
  opacity:1;
}
@media (max-width:370px){
  .menu-hit::after{
    bottom:-4px;
    width:23px;
  }
}


/* Aktivbalken entfernt, sonst bleibt die vorherige Version unverändert */
.bottom-menu-overlay::before,
.menu-hit::after{
  display:none !important;
  content:none !important;
}


/* Menü-Klickflächen exakt deckungsgleich mit den fünf sichtbaren Menüpunkten */
.bottom-menu-overlay{
  position:absolute;
  display:block;
}
.bottom-menu-overlay-image{
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
}
.menu-hit{
  position:absolute;
  top:0;
  bottom:0;
  width:20%;
  height:100%;
  margin:0;
  padding:0;
  border-radius:0;
  display:block;
  z-index:6;
  transform:none;
}
.menu-hit-start{
  left:0;
  right:auto;
}
.menu-hit-einschaetzung{
  left:20%;
  right:auto;
}
.menu-hit-tagesbericht{
  left:40%;
  right:auto;
}
.menu-hit-verlauf{
  left:60%;
  right:auto;
}
.menu-hit-profile{
  left:80%;
  right:auto;
}
.menu-hit:active{
  background:rgba(255,255,255,.06);
}


/* Aus der Vorlage übernommene Profil-Symbole */
.icon-real{
  width:34px;
  height:34px;
  overflow:visible;
}
.icon-real img{
  width:34px;
  height:34px;
  display:block;
  object-fit:contain;
}
.premium-icon-circle{
  width:58px;
  height:58px;
  background:transparent;
  box-shadow:none;
}
.premium-icon-circle img{
  width:58px;
  height:58px;
  display:block;
  object-fit:contain;
}
.premium-arrow-image{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
  margin-left:6px;
}
@media (max-width:370px){
  .icon-real,
  .icon-real img{width:30px;height:30px;}
  .premium-icon-circle,
  .premium-icon-circle img{width:50px;height:50px;}
  .premium-arrow-image{width:22px;height:22px;}
}


/* Premium-Bereich korrigiert: Krone zentriert, Mehr-erfahren-Pfeil sauber */
.premium-icon-circle{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  overflow:visible;
  background:linear-gradient(145deg,rgba(237,245,255,.95),rgba(255,255,255,.92));
  border-radius:50%;
}
.premium-icon-circle img{
  width:42px;
  height:42px;
  object-fit:contain;
  object-position:center;
  margin:0;
}
.premium-text-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
}
.premium-chevron{
  display:inline-block;
  color:#fff;
  font-size:22px;
  line-height:1;
  transform:translateY(-1px);
}
.premium-arrow-image{display:none !important;}

/* Unteren Leerraum auf der Profilseite reduzieren */
.profile-minimal .bottom-menu-overlay{
  bottom:44px;
}
.profile-minimal .home-indicator{
  bottom:8px;
}
.profile-empty-list{
  margin-bottom:0;
}
.profile-empty-layout{
  padding-bottom:148px;
}
@media (max-width:370px){
  .premium-icon-circle{width:50px;height:50px;}
  .premium-icon-circle img{width:36px;height:36px;}
  .profile-minimal .bottom-menu-overlay{bottom:40px;}
  .profile-empty-layout{padding-bottom:138px;}
}


/* Persönliche-Daten-Unterseite */
.row-link{ text-decoration:none; color:inherit; }
.row-link:active{ background:rgba(54,127,255,.04); }
.subpage-header{ padding:26px 22px 10px; display:flex; align-items:flex-start; gap:14px; }
.back-chip{ width:42px; height:42px; flex:0 0 42px; border-radius:50%; display:grid; place-items:center; text-decoration:none; color:#337dff; background:rgba(255,255,255,.95); box-shadow:0 8px 18px rgba(29,77,149,.10), inset 0 1px 0 rgba(255,255,255,.98); }
.back-chip svg{ width:22px; height:22px; }
.subpage-header-copy h1{ margin:0 0 8px; font-size:28px; line-height:1.08; letter-spacing:-.35px; color:#173981; }
.subpage-header-copy p{ margin:0; font-size:14px; line-height:1.35; color:#4e69a0; }
.personal-data-page .bottom-zone{ position:absolute; left:0; right:0; bottom:0; }
.personal-data-layout{ padding:12px 18px 160px; display:grid; gap:14px; }
.personal-data-card{ border-radius:24px; background:rgba(255,255,255,.94); box-shadow:0 8px 22px rgba(31,78,143,.13), inset 0 1px 0 rgba(255,255,255,.98); }
.intro-card{ padding:18px; display:grid; grid-template-columns:58px 1fr; gap:14px; align-items:center; }
.intro-icon-wrap{ width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(180deg,#f3f8ff,#ebf3ff); }
.intro-icon-wrap img{ width:34px; height:34px; object-fit:contain; }
.intro-copy h2{ margin:0 0 6px; font-size:17px; line-height:1.15; color:#17336d; }
.intro-copy p{ margin:0; font-size:12px; line-height:1.4; color:#5f76a0; }
.data-form-card{ padding:18px; display:grid; gap:14px; }
.form-field-group.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form-field{ display:grid; gap:7px; }
.form-field span{ font-size:12px; font-weight:700; color:#20417f; }
.form-field input{ width:100%; height:46px; border-radius:16px; border:1px solid rgba(193,210,235,.9); background:rgba(248,251,255,.94); padding:0 14px; font-size:14px; color:#16336f; box-shadow:inset 0 1px 1px rgba(255,255,255,.9); }
.form-field input:focus{ outline:none; border-color:#4d91ff; box-shadow:0 0 0 3px rgba(77,145,255,.16); }
.form-actions{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:4px; }
.secondary-action,.primary-action{ height:46px; border-radius:18px; border:0; font-size:14px; font-weight:700; }
.secondary-action{ background:rgba(241,246,255,.96); color:#23498c; box-shadow:inset 0 0 0 1px rgba(177,199,232,.8); }
.primary-action{ background:linear-gradient(180deg,#68a8ff,#2c7df5); color:#fff; box-shadow:0 8px 16px rgba(44,125,245,.24); }
@media (max-width:370px){
  .subpage-header{ padding:24px 16px 10px; }
  .subpage-header-copy h1{ font-size:25px; }
  .subpage-header-copy p{ font-size:13px; }
  .personal-data-layout{ padding:12px 12px 150px; gap:12px; }
  .intro-card,.data-form-card{ padding:14px; }
  .form-field-group.two-col,.form-actions{ grid-template-columns:1fr; }
}


/* Vierbeiner-Profil */
.pet-profile-page .intro-icon-wrap img{
  width:32px;
  height:32px;
}
.pet-profile-page .text-pill,
.pet-profile-page .empty-pill{
  text-decoration:none;
}


/* Avatar-Upload */
.profile-avatar-wrap{
  overflow:visible;
}
.profile-avatar-camera{
  width:36px;
  height:36px;
  right:-5px;
  bottom:-5px;
  border:3px solid rgba(255,255,255,.98);
  background:linear-gradient(180deg,#ffffff,#eef5ff);
  color:#2a7cf5;
  box-shadow:0 8px 18px rgba(39,95,171,.22), inset 0 1px 0 rgba(255,255,255,.98);
}
.profile-avatar-camera svg{
  width:18px;
  height:18px;
}
.profile-avatar-camera:hover{
  transform:translateY(-1px);
}
.profile-avatar-camera:active{
  transform:translateY(0);
}
.profile-avatar-camera:focus-visible{
  outline:2px solid rgba(42,124,245,.32);
  outline-offset:2px;
}
@media (max-width:370px){
  .profile-avatar-camera{width:32px;height:32px;right:-4px;bottom:-4px;}
  .profile-avatar-camera svg{width:16px;height:16px;}
}


/* Auswahl des Avatar-Bildausschnitts */
.crop-modal-open{overflow:hidden;}
.avatar-crop-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px;}
.avatar-crop-modal.is-open{display:flex;}
.avatar-crop-backdrop{position:absolute;inset:0;background:rgba(14,37,78,.44);backdrop-filter:blur(5px);}
.avatar-crop-dialog{position:relative;width:min(100%,390px);border-radius:28px;padding:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(17,52,108,.28);}
.avatar-crop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.avatar-crop-head h2{margin:0 0 5px;font-size:20px;color:#17336d;}
.avatar-crop-head p{margin:0;font-size:12px;color:#6078a2;}
.avatar-crop-close{width:34px;height:34px;border:0;border-radius:50%;background:#eef5ff;color:#347ff1;font-size:24px;line-height:1;display:grid;place-items:center;}
.avatar-crop-stage{position:relative;width:280px;height:280px;max-width:100%;margin:0 auto 18px;border-radius:22px;overflow:hidden;background:#eaf2ff;touch-action:none;cursor:grab;box-shadow:inset 0 0 0 1px rgba(94,143,216,.16);}
.avatar-crop-stage.is-dragging{cursor:grabbing;}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;}
.avatar-crop-ring{position:absolute;inset:0;border:3px solid rgba(255,255,255,.98);border-radius:50%;box-shadow:0 0 0 999px rgba(17,46,92,.38),0 0 0 1px rgba(42,124,245,.32);pointer-events:none;}
.avatar-zoom-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-bottom:18px;}
.avatar-zoom-control span{font-size:12px;font-weight:700;color:#20417f;}
.avatar-zoom-control input{width:100%;accent-color:#347ff1;}
.avatar-crop-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;}
.avatar-crop-actions .secondary-action,.avatar-crop-actions .primary-action{height:46px;}
@media(max-width:370px){.avatar-crop-dialog{padding:16px;border-radius:24px}.avatar-crop-stage{width:248px;height:248px}.avatar-crop-ring{inset:0}.avatar-crop-actions{grid-template-columns:1fr}.avatar-crop-head h2{font-size:18px}}


/* Profilseite: Hundedaten unter den Menschdaten */
.profile-empty-main{
  display:block;
  min-height:auto;
  padding:18px;
}
.profile-top-row{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
  align-items:center;
}
.profile-text-owner{
  min-width:0;
  padding-right:0;
}
.profile-text-owner h2{
  white-space:normal;
}
.profile-pet-panel{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(195,211,234,.72);
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
}
.profile-pet-copy{
  min-width:0;
}
.profile-pet-copy h3,
.profile-pet-copy p{
  margin:0;
}
.profile-pet-copy h3{
  font-size:16px;
  line-height:1.12;
  color:#16336f;
  margin-bottom:3px;
}
.profile-pet-copy p{
  font-size:12px;
  line-height:1.35;
  color:#4e69a0;
}
.profile-text-pet{
  padding-left:0;
  gap:0;
  border-left:0;
}
.profile-empty-main .text-pill{
  display:none !important;
}
@media (max-width:370px){
  .profile-empty-main{padding:14px;}
  .profile-top-row{grid-template-columns:76px 1fr;gap:12px;}
  .profile-pet-panel{margin-top:14px;padding-top:12px;grid-template-columns:40px 1fr;gap:10px;}
  .profile-pet-copy h3{font-size:15px;}
  .profile-pet-copy p{font-size:11.5px;}
}

/* Profilseite: Abstand zwischen letztem Feld und Menüleiste verkleinert */
.profile-minimal .profile-empty-layout{
  padding-bottom:28px;
}
@media (max-width:370px){
  .profile-minimal .profile-empty-layout{
    padding-bottom:22px;
  }
}


/* Schnellzugriff: Einschätzung klickbar */
.quick-hit-einschaetzung-grid{
  left:33.333%;
  top:0;
  width:33.333%;
  height:50%;
}
.quick-hit-einschaetzung-grid:focus-visible{
  outline:3px solid #2a7ff5;
  outline-offset:-3px;
}
.quick-hit-einschaetzung-grid:active{
  background:rgba(42,127,245,.08);
}

/* Einschätzungsablauf */
.assessment-page{
  min-height:100svh;
  background:url('assets/startseite-neuer-hintergrund.png') center top / 100% 100% no-repeat;
  padding-bottom:176px;
}
.assessment-header{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  align-items:center;
  padding:24px 20px 10px;
}
.assessment-back{
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 22px rgba(31,78,143,.13), inset 0 1px 0 rgba(255,255,255,.98);
  display:grid;
  place-items:center;
  color:#2a7cf5;
  text-decoration:none;
}
.assessment-back svg{width:22px;height:22px;}
.assessment-header-copy h1{
  margin:0;
  font-size:31px;
  line-height:1.06;
  font-weight:800;
  letter-spacing:-.55px;
  color:#173981;
}
.assessment-header-copy p{
  margin:5px 0 0;
  font-size:14px;
  color:#5b75a2;
}
.assessment-progress{
  padding:0 20px 8px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px 8px;
  align-items:center;
}
.assessment-progress .step{
  text-align:center;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  color:#8ca2c6;
}
.assessment-progress .step.active,
.assessment-progress .step.complete{color:#173981;}
.assessment-progress-bar{
  grid-column:1/-1;
  height:7px;
  border-radius:999px;
  background:rgba(224,234,247,.94);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}
.assessment-progress-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#7db5ff,#2b7ff5);
}
.assessment-layout{
  padding:10px 18px 0;
}
.assessment-card{
  background:rgba(255,255,255,.93);
  border-radius:26px;
  box-shadow:0 12px 28px rgba(27,74,146,.12), inset 0 1px 0 rgba(255,255,255,.98);
  border:1px solid rgba(225,234,247,.76);
  padding:22px 18px;
}
.section-title-wrap h2{
  margin:0;
  font-size:22px;
  line-height:1.15;
  font-weight:800;
  color:#173981;
}
.section-title-wrap p{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.45;
  color:#5d76a3;
}
.question-block{margin-top:18px;}
.question-block.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.question-title{
  display:block;
  margin-bottom:10px;
  font-size:14px;
  line-height:1.35;
  font-weight:700;
  color:#17336d;
}
.choice-grid{display:grid;gap:10px;}
.choice-grid-4{grid-template-columns:repeat(2,1fr);}
.choice-grid-2{grid-template-columns:repeat(2,1fr);}
.compact-grid{gap:8px;}
.choice-chip,
.symptom-chip{position:relative;display:block;}
.choice-chip input,
.symptom-chip input{position:absolute;opacity:0;pointer-events:none;}
.choice-chip span,
.symptom-chip span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 12px;
  text-align:center;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(249,252,255,.98),rgba(239,246,255,.95));
  box-shadow:inset 0 0 0 1px rgba(174,198,232,.42);
  color:#214175;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  transition:all .18s ease;
}
.choice-chip input:checked + span,
.symptom-chip input:checked + span{
  background:linear-gradient(180deg,#7bb4ff,#2a7cf5);
  color:#fff;
  box-shadow:0 10px 22px rgba(42,124,245,.24), inset 0 1px 0 rgba(255,255,255,.35);
}
.assessment-textarea{
  width:100%;
  min-height:94px;
  padding:14px 16px;
  resize:vertical;
  border:none;
  outline:none;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(249,252,255,.98),rgba(239,246,255,.95));
  box-shadow:inset 0 0 0 1px rgba(174,198,232,.42);
  font:inherit;
  color:#214175;
}
.symptom-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.symptom-chip span{min-height:50px;justify-content:flex-start;padding-inline:14px;}
.mt-strong{margin-top:20px;}
.assessment-actions{
  display:flex;
  gap:12px;
  justify-content:space-between;
  margin-top:16px;
}
.secondary-action,
.primary-action{
  min-height:50px;
  border-radius:18px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:none;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.secondary-action{
  flex:1;
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 0 0 1px rgba(174,198,232,.52);
  color:#23457a;
}
.primary-action{
  flex:1.4;
  background:linear-gradient(180deg,#78b2ff,#2a7cf5);
  color:#fff;
  box-shadow:0 12px 24px rgba(42,124,245,.24), inset 0 1px 0 rgba(255,255,255,.35);
}
.summary-layout{padding-bottom:0;}
.summary-section{margin-top:18px;}
.summary-section h3{margin:0 0 10px;font-size:16px;line-height:1.2;color:#173981;}
.summary-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.summary-list li{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:12px;
  align-items:start;
  padding:10px 12px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(249,252,255,.98),rgba(239,246,255,.95));
  box-shadow:inset 0 0 0 1px rgba(174,198,232,.32);
}
.summary-list li span{font-size:13px;line-height:1.35;font-weight:700;color:#5a74a1;}
.summary-list li strong{font-size:14px;line-height:1.4;color:#17336d;}
.assessment-result{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:12px;
  align-items:flex-start;
  margin-top:20px;
  padding:16px;
  border-radius:18px;
}
.result-dot{width:14px;height:14px;border-radius:50%;margin-top:4px;}
.assessment-result strong{display:block;font-size:17px;line-height:1.2;color:#17336d;}
.assessment-result p{margin:6px 0 0;font-size:14px;line-height:1.45;color:#4f6795;}
.level-green{background:rgba(231,247,232,.98);}
.level-green .result-dot,
.result-dot.level-green{background:#31a348;}
.level-yellow{background:rgba(255,246,217,.98);}
.level-yellow .result-dot,
.result-dot.level-yellow{background:#d6a31f;}
.level-red{background:rgba(255,232,231,.98);}
.level-red .result-dot,
.result-dot.level-red{background:#d74b48;}
.disclaimer-box{
  margin-top:16px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(244,247,253,.98);
  box-shadow:inset 0 0 0 1px rgba(214,226,244,.8);
  color:#5e76a1;
  font-size:13px;
  line-height:1.45;
}
.triple-actions .secondary-action,
.triple-actions .primary-action{flex:1;}

@media (max-width:370px){
  .assessment-page{padding-bottom:164px;}
  .assessment-header{padding:20px 14px 10px;grid-template-columns:46px 1fr;gap:12px;}
  .assessment-back{width:42px;height:42px;}
  .assessment-header-copy h1{font-size:27px;}
  .assessment-header-copy p{font-size:13px;}
  .assessment-progress{padding:0 14px 8px;gap:8px 6px;}
  .assessment-progress .step{font-size:11.5px;}
  .assessment-layout{padding:10px 12px 0;}
  .assessment-card{padding:18px 14px;border-radius:22px;}
  .section-title-wrap h2{font-size:20px;}
  .question-block.two-col,
  .symptom-grid,
  .choice-grid-2,
  .choice-grid-4{grid-template-columns:1fr;}
  .summary-list li{grid-template-columns:1fr;gap:6px;}
  .assessment-actions{flex-direction:column;}
  .triple-actions .secondary-action,
  .triple-actions .primary-action,
  .secondary-action,
  .primary-action{width:100%;}
}


/* Neue zentrierte LeniCare-Menüleiste */
:root{
  --nav-blue-top:#2f99ff;
  --nav-blue-bottom:#0860e8;
  --nav-inactive:#8593ad;
  --nav-label:#74819b;
  --nav-bg:rgba(255,255,255,.98);
  --nav-border:rgba(100,125,167,.16);
  --nav-shadow:0 -12px 34px rgba(36,75,132,.14);
}
.app-shell{
  padding-bottom:122px;
}
.lenicare-bottom-nav{
  position:fixed;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  z-index:1000;
  width:min(100%,430px);
  min-height:112px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  padding:10px 8px calc(10px + env(safe-area-inset-bottom));
  background:var(--nav-bg);
  border-top:1px solid var(--nav-border);
  border-radius:26px 26px 0 0;
  box-shadow:var(--nav-shadow);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.nav-item{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--nav-inactive);
  cursor:pointer;
  font:inherit;
  min-width:0;
  min-height:88px;
  padding:3px 2px 0;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-decoration:none;
  transition:color 180ms ease,transform 150ms ease;
}
.nav-item:active{transform:scale(.95);}
.nav-item:focus-visible{
  outline:3px solid rgba(10,100,235,.22);
  outline-offset:2px;
  border-radius:16px;
}
.nav-icon{
  width:38px;
  height:38px;
  margin-top:1px;
  flex:0 0 auto;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  filter:drop-shadow(0 2px 4px rgba(23,49,90,.08));
  transition:filter 180ms ease,transform 180ms ease;
}
.nav-label{
  margin-top:7px;
  color:var(--nav-label);
  font-size:13px;
  line-height:1.05;
  font-weight:450;
  letter-spacing:-.15px;
  white-space:nowrap;
  text-align:center;
  transition:color 180ms ease,font-weight 180ms ease;
}
.active-bar{
  width:31px;
  height:4px;
  margin-top:8px;
  border-radius:999px;
  opacity:0;
  transform:scaleX(.5);
  background:linear-gradient(90deg,var(--nav-blue-bottom) 0%,var(--nav-blue-top) 50%,var(--nav-blue-bottom) 100%);
  box-shadow:0 3px 8px rgba(10,94,224,.25),inset 0 1px 1px rgba(255,255,255,.32);
  transition:opacity 180ms ease,transform 220ms cubic-bezier(.2,.8,.2,1);
}
.nav-item.active{color:#0a63ea;}
.nav-item.active .nav-icon{
  background:linear-gradient(180deg,var(--nav-blue-top) 0%,var(--nav-blue-bottom) 100%);
  filter:drop-shadow(0 5px 9px rgba(8,92,221,.22));
  transform:translateY(-1px);
}
.nav-item.active .nav-label{color:#0a63ea;font-weight:550;}
.nav-item.active .active-bar{opacity:1;transform:scaleX(1);}
.icon-start{-webkit-mask-image:url("assets/bottom-nav-icons/start.png");mask-image:url("assets/bottom-nav-icons/start.png");}
.icon-einschaetzung{-webkit-mask-image:url("assets/bottom-nav-icons/einschaetzung.png");mask-image:url("assets/bottom-nav-icons/einschaetzung.png");}
.icon-tagesbericht{-webkit-mask-image:url("assets/bottom-nav-icons/tagesbericht.png");mask-image:url("assets/bottom-nav-icons/tagesbericht.png");}
.icon-verlauf{-webkit-mask-image:url("assets/bottom-nav-icons/verlauf.png");mask-image:url("assets/bottom-nav-icons/verlauf.png");}
.icon-profil{-webkit-mask-image:url("assets/bottom-nav-icons/profil.png");mask-image:url("assets/bottom-nav-icons/profil.png");}
@media(max-width:390px){
  .lenicare-bottom-nav{padding-left:5px;padding-right:5px;}
  .nav-icon{width:34px;height:34px;}
  .nav-label{font-size:12px;}
  .active-bar{width:27px;}
  .app-shell{padding-bottom:116px;}
}
@media(min-width:431px){
  .lenicare-bottom-nav{bottom:28px;border-radius:26px;}
}


/* Final: transparente Menüleiste fest im Handybereich */
.app-shell{
  padding-bottom:126px;
}
.lenicare-bottom-nav{
  position:fixed;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  z-index:1000;
  width:min(100%,430px);
  min-height:108px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
  padding:6px 8px calc(10px + env(safe-area-inset-bottom));
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.nav-item{
  min-width:0;
  min-height:88px;
  padding:2px 2px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-decoration:none;
  background:transparent;
  gap:0;
}
.nav-icon{
  width:52px;
  height:52px;
  background:linear-gradient(180deg, rgba(117,141,179,.92) 0%, rgba(95,118,155,.92) 100%);
  filter:drop-shadow(0 3px 7px rgba(22,60,120,.12));
}
.nav-label{
  margin-top:-8px;
  color:#6e7d99;
  font-size:11px;
  line-height:1.02;
  font-weight:500;
  letter-spacing:-.12px;
}
.active-bar{
  width:28px;
  height:4px;
  margin-top:5px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 2px 6px rgba(22,66,132,.14);
  opacity:0;
  transform:scaleX(.55);
}
.nav-item.active .nav-icon{
  background:linear-gradient(180deg,#33a0ff 0%, #0860e8 100%);
  filter:drop-shadow(0 5px 10px rgba(8,96,232,.22));
}
.nav-item.active .nav-label{
  color:#0a63ea;
  font-weight:600;
}
.nav-item.active .active-bar{
  opacity:1;
  transform:scaleX(1);
}
.nav-item:focus-visible{
  outline:3px solid rgba(9,97,232,.18);
  outline-offset:2px;
  border-radius:16px;
}
@media (max-width:390px){
  .app-shell{padding-bottom:118px;}
  .lenicare-bottom-nav{min-height:102px;padding-left:5px;padding-right:5px;}
  .nav-icon{width:46px;height:46px;}
  .nav-label{font-size:10px;margin-top:-7px;}
  .active-bar{width:24px;}
}
@media (min-width:431px){
  .lenicare-bottom-nav{
    width:430px;
    bottom:28px;
  }
}

/* Menüleiste dauerhaft unten im Handy, vollständig transparent und weiß */
.lenicare-bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:min(100%,430px) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.nav-item,
.nav-item.active{
  color:#fff !important;
}
.nav-icon,
.nav-item.active .nav-icon{
  background:#fff !important;
  filter:drop-shadow(0 3px 7px rgba(0,50,130,.30)) !important;
}
.nav-label,
.nav-item.active .nav-label{
  color:#fff !important;
  text-shadow:0 2px 6px rgba(0,50,130,.38);
}
.active-bar,
.nav-item.active .active-bar{
  background:#fff !important;
  box-shadow:0 2px 7px rgba(0,50,130,.32) !important;
}
@media (min-width:431px){
  .lenicare-bottom-nav{
    bottom:28px !important;
  }
}


/* Endgültige Menüleiste: Archiv-Symbole in Weiß, fest innerhalb des Handyrahmens */
.app-shell{
  padding-bottom:118px !important;
}
.lenicare-bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:min(100%,430px) !important;
  height:104px !important;
  min-height:104px !important;
  padding:7px 8px calc(9px + env(safe-area-inset-bottom)) !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  align-items:start !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}
.lenicare-bottom-nav .nav-item{
  min-height:82px !important;
  padding:0 1px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  color:#fff !important;
  background:transparent !important;
}
.lenicare-bottom-nav .nav-icon,
.lenicare-bottom-nav .nav-item.active .nav-icon{
  display:block !important;
  width:43px !important;
  height:43px !important;
  margin:0 !important;
  object-fit:contain !important;
  background:none !important;
  filter:drop-shadow(0 2px 5px rgba(0,40,120,.34)) !important;
  transform:none !important;
}
.lenicare-bottom-nav .nav-label,
.lenicare-bottom-nav .nav-item.active .nav-label{
  margin-top:1px !important;
  color:#fff !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:500 !important;
  text-shadow:0 2px 5px rgba(0,45,125,.46) !important;
}
.lenicare-bottom-nav .active-bar{
  width:26px !important;
  height:3px !important;
  margin-top:5px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 2px 6px rgba(0,45,125,.36) !important;
}
.lenicare-bottom-nav .nav-item:not(.active) .active-bar{
  opacity:0 !important;
}
.lenicare-bottom-nav .nav-item.active .active-bar{
  opacity:1 !important;
  transform:scaleX(1) !important;
}
@media(max-width:390px){
  .app-shell{padding-bottom:112px !important;}
  .lenicare-bottom-nav{
    height:98px !important;
    min-height:98px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
  .lenicare-bottom-nav .nav-icon,
  .lenicare-bottom-nav .nav-item.active .nav-icon{
    width:39px !important;
    height:39px !important;
  }
  .lenicare-bottom-nav .nav-label,
  .lenicare-bottom-nav .nav-item.active .nav-label{
    font-size:9.5px !important;
  }
}
@media(min-width:431px){
  .lenicare-bottom-nav{
    width:410px !important;
    bottom:38px !important;
  }
}


/* Menüleiste scrollt mit der gesamten Handyseite statt am Browserfenster zu kleben */
.app-shell{
  position:relative !important;
  padding-bottom:118px !important;
}
.lenicare-bottom-nav{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
}
@media(min-width:431px){
  .lenicare-bottom-nav{
    width:100% !important;
    bottom:0 !important;
  }
}


/* ===== Einschätzungsseite – neuer Entwurf ohne Symbole in den Feldern ===== */
.assessment-modern{
  position:relative;
  padding:22px 18px 134px !important;
  color:#17336d;
}
.assessment-modern-header{
  position:relative;
  display:grid;
  grid-template-columns:56px 1fr 56px;
  align-items:center;
  gap:10px;
  margin:16px 0 18px;
}
.assessment-modern-header h1{
  margin:0;
  text-align:center;
  color:#1b46a8;
  font-size:28px;
  line-height:1.12;
  font-weight:700;
  letter-spacing:-0.4px;
}
.assessment-top-btn{
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(214,224,239,.95);
  box-shadow:0 6px 18px rgba(36,72,124,.10);
  color:#1b46a8;
  text-decoration:none;
}
.assessment-top-btn svg{width:26px;height:26px;display:block;}
.assessment-top-btn span{
  font-size:28px;
  font-weight:600;
  line-height:1;
  transform:translateY(-1px);
}
.assessment-stepper{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  align-items:start;
  margin:8px 2px 26px;
  padding:6px 0 0;
}
.assessment-stepper .step-line{
  position:absolute;
  left:16.666%;
  right:16.666%;
  top:28px;
  height:3px;
  background:rgba(210,218,230,.92);
  z-index:0;
}
.step-item{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.step-circle{
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  border:3px solid rgba(223,227,234,.95);
  color:#6a7486;
  font-size:22px;
  font-weight:700;
  box-shadow:0 3px 8px rgba(34,67,119,.05);
}
.step-item.active .step-circle{
  border:0;
  color:#fff;
  background:linear-gradient(180deg,#3ca7ff 0%, #0f6ef0 100%);
  box-shadow:0 8px 18px rgba(15,110,240,.22);
}
.step-label{
  color:#576884;
  font-size:14px;
  line-height:1.2;
  text-align:center;
  font-weight:500;
}
.step-item.active .step-label{color:#0f6ef0;font-weight:600;}
.assessment-modern-layout{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.modern-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(221,229,241,.96);
  border-radius:28px;
  box-shadow:0 10px 26px rgba(40,71,121,.08);
}
.wellbeing-card{
  padding:26px 22px 22px;
}
.notes-card{
  padding:22px;
}
.modern-card-copy h2{
  margin:0;
  color:#173ea0;
  font-size:26px;
  line-height:1.12;
  font-weight:700;
  letter-spacing:-0.4px;
}
.modern-question{
  margin:20px 0 18px;
  color:#1d2f4e;
  font-size:18px;
  line-height:1.3;
  font-weight:500;
}
.mood-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.mood-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.mood-option-ui{
  min-height:64px;
  width:100%;
  border-radius:18px;
  border:2px solid rgba(214,224,237,.98);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  box-sizing:border-box;
  transition:all .18s ease;
}
.mood-text{
  color:#202d44;
  font-size:18px;
  line-height:1.2;
  font-weight:600;
}
.mood-check{
  width:38px;
  height:38px;
  border-radius:50%;
  border:2px solid rgba(223,229,237,.98);
  background:rgba(255,255,255,.85);
  box-sizing:border-box;
  flex:0 0 auto;
}
.mood-option input:checked + .mood-option-ui{
  border-color:transparent;
  background:linear-gradient(180deg,#2ea2ff 0%, #0867ef 100%);
  box-shadow:0 8px 18px rgba(8,103,239,.24);
}
.mood-option input:checked + .mood-option-ui .mood-text{
  color:#fff;
}
.mood-option input:checked + .mood-option-ui .mood-check{
  border-color:#fff;
  background:#fff;
  position:relative;
}
.mood-option input:checked + .mood-option-ui .mood-check::before{
  content:"";
  position:absolute;
  left:12px;
  top:8px;
  width:9px;
  height:16px;
  border-right:4px solid #0c67ed;
  border-bottom:4px solid #0c67ed;
  transform:rotate(45deg);
}
.notes-copy h2{
  font-size:24px;
}
.notes-copy h2 span{
  font-size:.72em;
  font-weight:500;
  color:#232c3d;
}
.modern-notes-input{
  width:100%;
  min-height:66px;
  box-sizing:border-box;
  border-radius:18px;
  border:2px solid rgba(214,224,237,.98);
  background:#fff;
  padding:17px 18px;
  color:#203456;
  font:500 16px/1.35 inherit;
  resize:none;
  outline:none;
}
.modern-notes-input::placeholder{color:#8a96ab;opacity:1;}
.modern-notes-input:focus{
  border-color:#6bb6ff;
  box-shadow:0 0 0 4px rgba(43,154,255,.10);
}
.assessment-modern-actions{
  margin-top:4px;
}
.modern-primary-button{
  width:100%;
  min-height:74px;
  border:0;
  border-radius:999px;
  color:#fff;
  font-size:25px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-0.3px;
  background:linear-gradient(180deg,#3da5ff 0%, #0b67ef 100%);
  box-shadow:0 12px 28px rgba(11,103,239,.24);
}
.modern-primary-button:active{transform:translateY(1px);}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
@media (max-width:390px){
  .assessment-modern{padding:18px 14px 128px !important;}
  .assessment-modern-header{grid-template-columns:52px 1fr 52px;margin-top:10px;}
  .assessment-modern-header h1{font-size:24px;}
  .assessment-top-btn{width:52px;height:52px;}
  .step-circle{width:48px;height:48px;font-size:20px;}
  .step-label{font-size:13px;}
  .assessment-stepper .step-line{top:24px;}
  .modern-card{border-radius:24px;}
  .wellbeing-card{padding:22px 18px 18px;}
  .notes-card{padding:18px;}
  .modern-card-copy h2{font-size:22px;}
  .modern-question{font-size:17px;margin:16px 0 16px;}
  .mood-option-ui{min-height:58px;padding:0 16px;border-radius:16px;}
  .mood-text{font-size:17px;}
  .mood-check{width:34px;height:34px;}
  .mood-option input:checked + .mood-option-ui .mood-check::before{left:10px;top:7px;width:8px;height:14px;}
  .notes-copy h2{font-size:21px;}
  .modern-notes-input{min-height:62px;font-size:15px;padding:15px 16px;}
  .modern-primary-button{min-height:68px;font-size:22px;}
}


/* Einschätzungsseite – Symbole an den richtigen Stellen */
.title-with-icon{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.title-copy{
  flex:1 1 auto;
  min-width:0;
}
.section-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  object-fit:contain;
  margin-top:1px;
}
.notes-title-with-icon{
  align-items:center;
}
.notes-section-icon{
  width:38px;
  height:38px;
  flex-basis:38px;
}
.title-with-icon .modern-question{
  margin-top:12px;
}
.mood-content{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  flex:1 1 auto;
}
.mood-icon{
  width:36px;
  height:36px;
  object-fit:contain;
  flex:0 0 36px;
}
.mood-option input:checked + .mood-option-ui .mood-icon{
  filter:brightness(0) invert(1);
}
@media (max-width:390px){
  .title-with-icon{gap:12px;}
  .section-icon{width:42px;height:42px;flex-basis:42px;}
  .notes-section-icon{width:34px;height:34px;flex-basis:34px;}
  .mood-content{gap:13px;}
  .mood-icon{width:32px;height:32px;flex-basis:32px;}
}


/* ===== Symptome-Seite – Felder nach Vorlage, zunächst mit Platzhaltern ===== */
.symptoms-modern{
  padding-bottom:134px !important;
}
.symptoms-stepper .step-line{
  overflow:hidden;
}
.symptoms-stepper .step-line span{
  display:block;
  width:50%;
  height:100%;
  background:#1477f4;
}
.step-item.complete .step-circle{
  border:3px solid #1477f4;
  color:#1477f4;
  background:#fff;
  position:relative;
}
.step-item.complete .step-circle::after{
  content:"✓";
  position:absolute;
  right:-10px;
  bottom:-7px;
  color:#1477f4;
  font-size:16px;
  font-weight:800;
  background:transparent;
}
.step-item.complete .step-label{color:#526482;}
.symptoms-card{
  padding:26px 18px 18px;
}
.symptoms-title-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0 4px 20px;
}
.symptoms-title-row h2{
  margin:0;
  color:#173ea0;
  font-size:26px;
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.4px;
}
.symptoms-title-row p{
  margin:13px 0 0;
  color:#1d2f4e;
  font-size:17px;
  line-height:1.35;
  font-weight:500;
}
.section-icon-placeholder{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:50%;
  background:linear-gradient(180deg,#3ca7ff,#0d6df0);
  box-shadow:0 6px 14px rgba(12,104,235,.20);
}
.symptom-field-list{
  border:1px solid rgba(215,225,238,.98);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.symptom-field{
  width:100%;
  min-height:67px;
  border:0;
  border-bottom:1px solid rgba(220,228,240,.95);
  background:#fff;
  padding:0 16px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto 22px;
  align-items:center;
  gap:12px;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.symptom-field:last-child{border-bottom:0;}
.symptom-field:active{background:#f5f9ff;}
.field-icon-placeholder{
  width:40px;
  height:40px;
  border-radius:50%;
  background:linear-gradient(180deg,#3ca7ff,#0d6df0);
  box-shadow:0 5px 12px rgba(12,104,235,.16);
}
.field-name{
  color:#202d44;
  font-size:17px;
  line-height:1.2;
  font-weight:600;
}
.field-value{
  color:#126df2;
  font-size:16px;
  line-height:1.2;
  font-weight:500;
  white-space:nowrap;
}
.field-arrow{
  color:#8494af;
  font-size:34px;
  line-height:1;
  transform:translateY(-2px);
}
.symptom-notes-card{padding:22px;}
.symptoms-notes-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.symptoms-notes-title h2{
  margin:0;
  color:#173ea0;
  font-size:23px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.3px;
}
.symptoms-notes-title h2 span{
  color:#232c3d;
  font-size:.72em;
  font-weight:500;
}
.notes-icon-placeholder{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:10px;
  border:2px solid #1477f4;
  background:rgba(255,255,255,.85);
}
@media(max-width:390px){
  .symptoms-card{padding:22px 14px 14px;}
  .symptoms-title-row{gap:12px;margin-bottom:16px;}
  .symptoms-title-row h2{font-size:22px;}
  .symptoms-title-row p{font-size:15.5px;margin-top:10px;}
  .section-icon-placeholder{width:42px;height:42px;flex-basis:42px;}
  .symptom-field{min-height:61px;padding:0 12px;grid-template-columns:38px minmax(0,1fr) auto 18px;gap:9px;}
  .field-icon-placeholder{width:36px;height:36px;}
  .field-name{font-size:15.5px;}
  .field-value{font-size:14.5px;}
  .field-arrow{font-size:30px;}
  .symptom-notes-card{padding:18px;}
  .symptoms-notes-title{gap:12px;margin-bottom:14px;}
  .symptoms-notes-title h2{font-size:20px;}
  .notes-icon-placeholder{width:34px;height:34px;flex-basis:34px;}
}


/* Einschätzungsseite – neutrale Platzhalter statt Symbole */
.assessment-icon-placeholder{
  display:block;
  box-sizing:border-box;
  background:linear-gradient(180deg,rgba(241,247,255,.98),rgba(229,239,253,.96));
  border:2px dashed rgba(73,137,226,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
.section-icon-placeholder{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:15px;
  margin-top:1px;
}
.mood-icon-placeholder{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
}
.notes-icon-placeholder{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:11px;
}
.mood-option input:checked + .mood-option-ui .assessment-icon-placeholder{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.85);
  box-shadow:none;
}
@media(max-width:390px){
  .section-icon-placeholder{width:42px;height:42px;flex-basis:42px;}
  .mood-icon-placeholder{width:32px;height:32px;flex-basis:32px;}
  .notes-icon-placeholder{width:34px;height:34px;flex-basis:34px;}
}

/* Finale Abstandskorrektur Einschätzungsseite */
.assessment-modern-layout{
  gap:18px !important;
}
.wellbeing-card,
.notes-card{
  padding-left:22px !important;
  padding-right:22px !important;
}
.title-with-icon,
.notes-title-with-icon{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  column-gap:14px !important;
  align-items:center !important;
}
.title-with-icon .title-copy,
.notes-title-with-icon .title-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.title-with-icon .section-icon-placeholder,
.notes-title-with-icon .notes-icon-placeholder{
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
}
.notes-title-with-icon{
  margin-bottom:16px !important;
}
.notes-copy h2{
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin:0 !important;
  line-height:1.15 !important;
}
.notes-copy h2 span{
  display:inline-block !important;
  line-height:1.15 !important;
}
.modern-notes-input{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  min-height:66px !important;
  padding:17px 18px !important;
  line-height:1.35 !important;
  vertical-align:middle !important;
}
.mood-list{
  margin-top:0 !important;
}
.mood-option-ui{
  padding-left:18px !important;
  padding-right:18px !important;
}
.assessment-modern-actions{
  margin-top:2px !important;
}
@media(max-width:390px){
  .wellbeing-card,
  .notes-card{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .title-with-icon,
  .notes-title-with-icon{
    grid-template-columns:42px minmax(0,1fr) !important;
    column-gap:12px !important;
  }
  .notes-title-with-icon{
    margin-bottom:14px !important;
  }
  .modern-notes-input{
    min-height:62px !important;
    padding:15px 16px !important;
  }
}


/* Update: blaue Platzhalter wie auf der Symptome-Seite */
.assessment-icon-placeholder{
  display:block;
  box-sizing:border-box;
  background:linear-gradient(180deg,#3ca7ff 0%, #0d6df0 100%);
  border:0;
  box-shadow:0 6px 14px rgba(12,104,235,.20);
}
.section-icon-placeholder{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:50%;
  margin-top:1px;
}
.mood-icon-placeholder{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
}
.notes-icon-placeholder{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:50%;
  margin-top:1px;
}
.mood-option input:checked + .mood-option-ui .assessment-icon-placeholder{
  background:rgba(255,255,255,.22);
  border:0;
  box-shadow:none;
}
.notes-title-with-icon{
  align-items:flex-start;
}
@media(max-width:390px){
  .section-icon-placeholder{width:42px;height:42px;flex-basis:42px;}
  .mood-icon-placeholder{width:32px;height:32px;flex-basis:32px;}
  .notes-icon-placeholder{width:42px;height:42px;flex-basis:42px;}
}


/* Symptome-Seite: Bemerkungen-Platzhalter ebenfalls blau */
.symptoms-notes-title .notes-icon-placeholder{
  background:linear-gradient(180deg,#3ca7ff 0%, #0d6df0 100%) !important;
  border:0 !important;
  box-shadow:0 6px 14px rgba(12,104,235,.20) !important;
  border-radius:50% !important;
}


/* ===== Zusammenfassung – neues Layout mit Platzhaltern ===== */
.summary-modern{
  position:relative;
  padding:22px 18px 132px !important;
}
.summary-stepper .step-line span{
  display:block;
  width:100%;
  height:100%;
  background:#0f6ef0;
}
.summary-stepper .step-item.complete .step-circle{
  background:#fff;
  border-color:#0f6ef0;
  color:#0f6ef0;
}
.summary-stepper .step-item.complete .step-check{
  position:absolute;
  right:12px;
  top:28px;
  transform:translateY(-50%);
  color:#0f6ef0;
  font-size:18px;
  font-weight:700;
  line-height:1;
}
.summary-stepper .step-item.complete .step-label,
.summary-stepper .step-item.active .step-label{color:#0f6ef0;}
.summary-modern-layout{display:flex;flex-direction:column;gap:16px;}
.summary-icon-placeholder{
  display:inline-block;
  border-radius:50%;
  flex:0 0 auto;
}
.summary-icon-blue{
  background:linear-gradient(180deg,#3ca7ff 0%, #0d6df0 100%);
  box-shadow:0 6px 14px rgba(12,104,235,.20);
}
.summary-icon-orange{
  background:linear-gradient(180deg,#ffca69 0%, #f39c12 100%);
  box-shadow:0 6px 14px rgba(243,156,18,.20);
}
.summary-icon-lg{width:44px;height:44px;}
.summary-icon-md{width:34px;height:34px;}
.summary-icon-sm{width:24px;height:24px;}
.summary-icon-xs{width:16px;height:16px;border-radius:50%;}
.summary-heading-row{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}
.summary-heading-row h2{
  margin:0;
  color:#173ea0;
  font-size:22px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-0.3px;
}
.summary-result-card,
.summary-overview-card,
.premium-summary-card{
  padding:22px;
}
.result-alert-box{
  min-height:64px;
  border-radius:18px;
  border:1.5px solid #f4c878;
  background:rgba(255,249,239,.96);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  box-sizing:border-box;
  margin-bottom:18px;
}
.result-alert-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.result-alert-left strong{
  color:#20325a;
  font-size:18px;
  line-height:1.2;
  font-weight:700;
}
.result-level-pill{
  flex:0 0 auto;
  min-width:72px;
  text-align:center;
  padding:8px 14px;
  border-radius:16px;
  border:1.5px solid #f4c878;
  color:#ee9910;
  background:rgba(255,247,233,.98);
  font-size:16px;
  line-height:1;
  font-weight:600;
}
.result-info-row{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:16px;
  align-items:start;
}
.result-info-grid{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:14px;
}
.result-info-grid strong{
  color:#1f3571;
  font-size:16px;
  line-height:1.3;
  font-weight:700;
}
.result-info-grid p{
  margin:0;
  color:#2a3652;
  font-size:16px;
  line-height:1.35;
  font-weight:500;
}
.result-divider{
  height:1px;
  margin:16px 0;
  background:rgba(213,223,238,.95);
}
.result-alert-box.level-high{border-color:#ff9b9b;background:#fff5f5;}
.result-alert-box.level-high .result-level-pill{border-color:#ff9b9b;color:#d64d4d;background:#fff1f1;}
.result-alert-box.level-low{border-color:#a7deab;background:#f4fff4;}
.result-alert-box.level-low .result-level-pill{border-color:#a7deab;color:#2f9f50;background:#f3fff4;}
.overview-heading-row{margin-bottom:12px;}
.overview-list{display:flex;flex-direction:column;gap:8px;}
.overview-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
}
.overview-row-left{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.overview-label{
  color:#243657;
  font-size:15px;
  line-height:1.25;
  font-weight:500;
}
.overview-dots{
  height:1px;
  border-bottom:1.5px dotted rgba(205,216,234,.96);
  transform:translateY(1px);
}
.overview-value{
  color:#126ef0;
  font-size:16px;
  line-height:1.2;
  font-weight:500;
  text-align:right;
}
.premium-summary-card{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:16px;
  overflow:hidden;
}
.premium-summary-left{display:flex;align-items:flex-start;gap:16px;flex:1 1 auto;min-width:0;}
.premium-summary-copy{flex:1 1 auto;min-width:0;}
.premium-summary-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.premium-summary-title-row h2{margin:0;color:#173ea0;font-size:22px;line-height:1.15;font-weight:700;}
.premium-chip{
  display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:12px;
  border:1px solid rgba(193,214,248,.95);color:#2682f8;background:#f3f8ff;font-size:14px;font-weight:600;line-height:1;
}
.premium-summary-copy p{margin:0;color:#2a3652;font-size:16px;line-height:1.35;font-weight:500;max-width:420px;}
.premium-stars{position:relative;flex:0 0 86px;min-height:96px;opacity:.85;}
.star{position:absolute;display:block;background:rgba(255,255,255,.6);}
.star::before,.star::after{content:"";position:absolute;inset:0;background:inherit;transform:rotate(45deg);}
.star-big{width:34px;height:34px;right:12px;top:12px;border-radius:6px;transform:rotate(45deg);}
.star-small{width:16px;height:16px;left:18px;top:46px;border-radius:4px;transform:rotate(45deg);}
.star-mini{width:10px;height:10px;right:26px;bottom:18px;border-radius:3px;transform:rotate(45deg);}
.summary-actions-block{gap:10px;}
.summary-secondary-button{
  border:0;background:transparent;color:#ffffff;font-size:18px;line-height:1.2;font-weight:500;padding:0 6px 4px;cursor:pointer;
}
@media (max-width:390px){
  .summary-modern{padding:18px 14px 128px !important;}
  .summary-result-card,.summary-overview-card,.premium-summary-card{padding:18px;}
  .summary-heading-row{gap:14px;margin-bottom:16px;}
  .summary-heading-row h2,.premium-summary-title-row h2{font-size:19px;}
  .summary-icon-lg{width:40px;height:40px;}
  .summary-icon-md{width:30px;height:30px;}
  .summary-icon-sm{width:22px;height:22px;}
  .result-alert-box{padding:12px;min-height:60px;gap:10px;}
  .result-alert-left{gap:12px;}
  .result-alert-left strong{font-size:17px;}
  .result-level-pill{min-width:64px;font-size:15px;padding:7px 10px;}
  .result-info-row{grid-template-columns:22px 1fr;gap:12px;}
  .result-info-grid{grid-template-columns:108px 1fr;gap:10px;}
  .result-info-grid strong,.result-info-grid p,.premium-summary-copy p{font-size:15px;}
  .overview-row{gap:10px;}
  .overview-row-left{gap:10px;}
  .overview-label,.overview-value{font-size:15px;}
  .premium-summary-card{gap:10px;}
  .premium-stars{flex-basis:60px;min-height:78px;}
  .star-big{width:26px;height:26px;right:8px;top:8px;}
  .star-small{width:14px;height:14px;left:10px;top:38px;}
}


/* ===== Zusammenfassung – Korrektur Haken + kleinere Ergebnis-Typografie ===== */
.summary-stepper .step-item.complete.with-check .step-check{
  position:absolute;
  right:12px;
  top:28px;
  transform:translateY(-50%);
  color:#0f6ef0;
  font-size:18px;
  font-weight:700;
  line-height:1;
}
.summary-stepper .step-item.complete:not(.with-check) .step-check{display:none;}
.summary-result-card{padding:20px 20px 18px;}
.summary-result-card .summary-heading-row{gap:14px;margin-bottom:14px;}
.summary-result-card .summary-heading-row h2{font-size:18px;line-height:1.12;letter-spacing:-0.2px;}
.summary-result-card .summary-icon-lg{width:38px;height:38px;}
.summary-result-card .summary-icon-md{width:30px;height:30px;}
.summary-result-card .summary-icon-sm{width:20px;height:20px;}
.summary-result-card .result-alert-box{min-height:56px;padding:10px 12px;gap:10px;margin-bottom:14px;border-radius:16px;}
.summary-result-card .result-alert-left{gap:12px;}
.summary-result-card .result-alert-left strong{font-size:14px;line-height:1.12;max-width:170px;}
.summary-result-card .result-level-pill{min-width:62px;padding:7px 10px;font-size:13px;border-radius:14px;}
.summary-result-card .result-info-row{grid-template-columns:20px 1fr;gap:12px;}
.summary-result-card .result-info-grid{grid-template-columns:92px 1fr;gap:10px;}
.summary-result-card .result-info-grid strong{font-size:13px;line-height:1.25;}
.summary-result-card .result-info-grid p{font-size:12.5px;line-height:1.28;max-width:230px;}
.summary-result-card .result-divider{margin:14px 0;}
@media (max-width:390px){
  .summary-result-card{padding:18px 18px 16px;}
  .summary-result-card .summary-heading-row{gap:12px;margin-bottom:12px;}
  .summary-result-card .summary-heading-row h2{font-size:17px;}
  .summary-result-card .summary-icon-lg{width:34px;height:34px;}
  .summary-result-card .summary-icon-md{width:26px;height:26px;}
  .summary-result-card .summary-icon-sm{width:18px;height:18px;}
  .summary-result-card .result-alert-box{padding:10px;min-height:52px;}
  .summary-result-card .result-alert-left strong{font-size:13px;max-width:150px;}
  .summary-result-card .result-level-pill{min-width:56px;font-size:12px;padding:6px 8px;}
  .summary-result-card .result-info-row{grid-template-columns:18px 1fr;gap:10px;}
  .summary-result-card .result-info-grid{grid-template-columns:82px 1fr;gap:8px;}
  .summary-result-card .result-info-grid strong{font-size:12.5px;}
  .summary-result-card .result-info-grid p{font-size:11.5px;max-width:190px;}
}


/* ===== Zusammenfassung – Feinschliff nach Referenz ===== */
.summary-stepper .step-item.complete .step-check{
  position:absolute;
  right:12px;
  top:28px;
  transform:translateY(-50%);
  color:#0f6ef0;
  font-size:17px;
  font-weight:700;
  line-height:1;
}
.summary-stepper .step-item.complete:not(.active) .step-label{color:#4f668f;}
.summary-stepper .step-item.complete .step-label{color:#0f6ef0;}
.summary-stepper .step-item.active .step-label{color:#0f6ef0;}

.summary-result-card{padding:19px 21px 18px;}
.summary-result-card .summary-heading-row{gap:13px;margin-bottom:14px;}
.summary-result-card .summary-heading-row h2{font-size:17px;line-height:1.1;letter-spacing:-0.15px;}
.summary-result-card .summary-icon-lg{width:36px;height:36px;}
.summary-result-card .summary-icon-md{width:28px;height:28px;}
.summary-result-card .summary-icon-sm{width:18px;height:18px;}
.summary-result-card .result-alert-box{padding:9px 12px;min-height:54px;gap:10px;margin-bottom:14px;border-radius:15px;}
.summary-result-card .result-alert-left{gap:11px;}
.summary-result-card .result-alert-left strong{font-size:13px;line-height:1.08;max-width:165px;letter-spacing:-0.1px;}
.summary-result-card .result-level-pill{min-width:58px;padding:6px 10px;font-size:12px;border-radius:13px;line-height:1.1;}
.summary-result-card .result-info-row{grid-template-columns:18px 1fr;gap:12px;}
.summary-result-card .result-info-grid{grid-template-columns:88px 1fr;gap:10px;align-items:start;}
.summary-result-card .result-info-grid strong{font-size:12px;line-height:1.24;}
.summary-result-card .result-info-grid p{font-size:11.6px;line-height:1.22;max-width:215px;letter-spacing:-0.05px;}
.summary-result-card .result-divider{margin:13px 0;}

.premium-summary-card{padding:16px 18px;gap:8px;}
.premium-summary-left{gap:14px;}
.premium-summary-title-row{gap:8px;margin-bottom:7px;align-items:center;}
.premium-summary-title-row h2{font-size:17px;line-height:1.1;letter-spacing:-0.15px;}
.premium-chip{padding:3px 9px;font-size:11px;border-radius:10px;}
.premium-summary-copy p{font-size:11.8px;line-height:1.24;max-width:265px;letter-spacing:-0.05px;}
.premium-summary-card .summary-icon-lg{width:34px;height:34px;}
.premium-stars{flex-basis:70px;min-height:74px;}
.star-big{width:26px;height:26px;right:8px;top:10px;border-radius:5px;}
.star-small{width:12px;height:12px;left:10px;top:41px;border-radius:3px;}
.star-mini{width:8px;height:8px;right:23px;bottom:13px;border-radius:2px;}

@media (max-width:390px){
  .summary-stepper .step-item.complete .step-check{right:11px;top:27px;font-size:15px;}
  .summary-result-card{padding:17px 18px 16px;}
  .summary-result-card .summary-heading-row h2{font-size:16px;}
  .summary-result-card .summary-icon-lg{width:32px;height:32px;}
  .summary-result-card .summary-icon-md{width:24px;height:24px;}
  .summary-result-card .summary-icon-sm{width:16px;height:16px;}
  .summary-result-card .result-alert-left strong{font-size:12px;max-width:150px;}
  .summary-result-card .result-level-pill{min-width:52px;font-size:11px;padding:5px 8px;}
  .summary-result-card .result-info-grid{grid-template-columns:80px 1fr;gap:8px;}
  .summary-result-card .result-info-grid strong{font-size:11.5px;}
  .summary-result-card .result-info-grid p{font-size:11px;max-width:180px;}
  .premium-summary-title-row h2{font-size:16px;}
  .premium-chip{font-size:10px;padding:3px 7px;}
  .premium-summary-copy p{font-size:11px;max-width:225px;}
}


/* ===== Zusammenfassung – Überblick an Vorlage angeglichen ===== */
.summary-overview-card{
  padding:18px 20px 16px;
}
.summary-overview-card .overview-heading-row{
  gap:14px;
  margin-bottom:10px;
}
.summary-overview-card .summary-icon-lg{
  width:34px;
  height:34px;
}
.summary-overview-card .overview-heading-row h2{
  font-size:17px;
  line-height:1.1;
  letter-spacing:-0.15px;
}
.summary-overview-card .overview-list{
  gap:6px;
}
.summary-overview-card .overview-row{
  grid-template-columns:auto 1fr auto;
  gap:9px;
  align-items:center;
  min-height:24px;
}
.summary-overview-card .overview-row-left{
  gap:9px;
}
.summary-overview-card .summary-icon-xs{
  width:14px;
  height:14px;
  box-shadow:0 3px 8px rgba(12,104,235,.14);
}
.summary-overview-card .overview-label{
  color:#25375c;
  font-size:11.8px;
  line-height:1.22;
  font-weight:500;
  letter-spacing:-0.02px;
}
.summary-overview-card .overview-dots{
  border-bottom:1px dotted rgba(205,216,234,.96);
  transform:translateY(1px);
}
.summary-overview-card .overview-value{
  color:#126ef0;
  font-size:11.8px;
  line-height:1.22;
  font-weight:500;
  text-align:right;
  letter-spacing:-0.02px;
  max-width:165px;
}
.summary-overview-card .overview-row.notes-row{
  align-items:end;
}
.summary-overview-card .overview-row.notes-row .overview-value{
  max-width:180px;
}
@media (max-width:390px){
  .summary-overview-card{
    padding:16px 18px 14px;
  }
  .summary-overview-card .overview-heading-row{
    gap:12px;
    margin-bottom:9px;
  }
  .summary-overview-card .summary-icon-lg{
    width:31px;
    height:31px;
  }
  .summary-overview-card .overview-heading-row h2{
    font-size:16px;
  }
  .summary-overview-card .overview-list{
    gap:5px;
  }
  .summary-overview-card .overview-row{
    gap:8px;
    min-height:22px;
  }
  .summary-overview-card .overview-row-left{
    gap:8px;
  }
  .summary-overview-card .summary-icon-xs{
    width:13px;
    height:13px;
  }
  .summary-overview-card .overview-label,
  .summary-overview-card .overview-value{
    font-size:11px;
  }
  .summary-overview-card .overview-row.notes-row .overview-value{
    max-width:150px;
  }
}


/* ===== LeniCare Premium + Aktionsbereich nach Vorlage ausgerichtet ===== */
.premium-summary-card{
  position:relative;
  min-height:112px;
  padding:16px 18px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.premium-summary-left{
  display:flex;
  align-items:flex-start;
  gap:13px;
  flex:1 1 auto;
  min-width:0;
}
.premium-summary-card .summary-icon-lg{
  width:34px;
  height:34px;
  flex:0 0 34px;
  margin-top:1px;
}
.premium-summary-copy{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.premium-summary-title-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin:0 0 7px;
  flex-wrap:nowrap;
}
.premium-summary-title-row h2{
  margin:0;
  color:#173ea0;
  font-size:17px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-0.15px;
  white-space:nowrap;
}
.premium-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border-radius:10px;
  border:1px solid rgba(193,214,248,.95);
  color:#2682f8;
  background:#f3f8ff;
  font-size:10.5px;
  line-height:1;
  font-weight:600;
  white-space:nowrap;
}
.premium-summary-copy p{
  margin:0;
  max-width:270px;
  color:#2a3652;
  font-size:11.4px;
  line-height:1.22;
  font-weight:500;
  letter-spacing:-0.03px;
}
.premium-stars{
  position:relative;
  flex:0 0 70px;
  min-height:78px;
  align-self:center;
  opacity:.88;
}
.summary-actions-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-top:0;
}
.summary-actions-block .modern-primary-button{
  width:100%;
  max-width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 24px;
  font-size:21px;
  line-height:1.1;
}
.summary-secondary-button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:0 auto;
  padding:0 8px 4px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:16px;
  line-height:1.2;
  font-weight:500;
  cursor:pointer;
}
@media(max-width:390px){
  .premium-summary-card{
    min-height:104px;
    padding:14px 16px 13px;
    gap:8px;
  }
  .premium-summary-left{gap:11px;}
  .premium-summary-card .summary-icon-lg{
    width:31px;
    height:31px;
    flex-basis:31px;
  }
  .premium-summary-title-row{gap:7px;margin-bottom:6px;}
  .premium-summary-title-row h2{font-size:15.5px;}
  .premium-chip{font-size:9.5px;padding:3px 7px;}
  .premium-summary-copy p{font-size:10.6px;line-height:1.2;max-width:225px;}
  .premium-stars{flex-basis:56px;min-height:66px;}
  .summary-actions-block .modern-primary-button{min-height:58px;font-size:19px;}
  .summary-secondary-button{font-size:15px;}
}

/* Tagesbericht – neues Layout mit Platzhaltern */
.report-page{
  position:relative;
  min-height:100svh;
  background:
    linear-gradient(180deg,#f7fbff 0%,#eef6ff 19%,#fefeff 56%,#ffffff 70%,#eef6ff 100%);
}
.report-page::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:111px;
  height:250px;
  background:
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(233,244,255,.56) 16%,rgba(212,232,255,.78) 28%,rgba(136,191,249,.88) 52%,rgba(35,122,242,.96) 80%,rgba(13,90,218,1) 100%),
    url('assets/waves-reference-strip.png') center top / cover no-repeat;
  pointer-events:none;
  z-index:0;
}
.report-page-header,
.report-page-content,
.report-page .lenicare-bottom-nav,
.report-page .statusbar{position:relative;z-index:1;}
.report-page-header{
  display:grid;
  grid-template-columns:56px 1fr 56px;
  align-items:center;
  gap:14px;
  padding:18px 20px 8px;
}
.report-page-header h1{
  margin:0;
  text-align:center;
  font-size:28px;
  line-height:1.1;
  letter-spacing:-.5px;
  color:#173b91;
  font-weight:800;
}
.report-circle-button{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(198,214,236,.72);
  box-shadow:0 8px 20px rgba(48,88,145,.10), inset 0 1px 0 rgba(255,255,255,.95);
  color:#1e64e6;
  font-size:29px;
  line-height:1;
  text-decoration:none;
}
.report-circle-button[type="button"]{font-size:25px;font-weight:700;}
.report-page-content{padding:12px 18px 0;}
.report-surface-card{
  background:rgba(255,255,255,.96);
  border-radius:24px;
  border:1px solid rgba(220,231,246,.85);
  box-shadow:0 12px 28px rgba(24,73,144,.10), inset 0 1px 0 rgba(255,255,255,.98);
}
.report-date-card{
  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:16px;
  padding:22px 24px;
}
.report-date-copy h2{
  margin:0;
  font-size:20px;
  line-height:1.2;
  font-weight:800;
  color:#15347a;
}
.report-date-copy p{
  margin:7px 0 0;
  font-size:14px;
  line-height:1.3;
  color:#6981aa;
}
.report-date-toggle{
  border:0;
  background:transparent;
  color:#6f80a7;
  font-size:30px;
  line-height:1;
  padding:0 2px;
}
.report-overview-card{margin-top:18px;padding:18px 14px 18px;}
.report-overview-head{
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:start;
  gap:16px;
  padding:4px 12px 0;
}
.report-overview-copy h2{
  margin:0;
  font-size:22px;
  line-height:1.15;
  font-weight:800;
  color:#173981;
}
.report-overview-copy p{
  margin:7px 0 0;
  font-size:14px;
  line-height:1.35;
  color:#667ea7;
}
.report-placeholder{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42), 0 8px 16px rgba(33,109,220,.12);
}
.report-placeholder-square{width:44px;height:44px;border-radius:14px;}
.report-placeholder-circle{width:44px;height:44px;border-radius:50%;}
.report-placeholder-blue{background:linear-gradient(180deg,#62b0ff,#1673ef);}
.report-placeholder-orange{background:linear-gradient(180deg,#ffc968,#f09a08);}
.report-placeholder-muted{background:linear-gradient(180deg,#f3f7fd,#e8eef9);box-shadow:inset 0 0 0 1px rgba(204,217,238,.78);}
.report-filter-group{
  display:flex;
  gap:16px;
  padding:18px 12px 0;
  flex-wrap:wrap;
}
.report-filter-pill{
  min-width:104px;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(198,213,236,.85);
  background:#fff;
  color:#7180a0;
  font:inherit;
  font-size:14px;
  font-weight:500;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}
.report-filter-pill.active{
  background:linear-gradient(180deg,#65b0ff,#1a78f0);
  border-color:transparent;
  color:#fff;
  box-shadow:0 12px 22px rgba(33,114,233,.22), inset 0 1px 0 rgba(255,255,255,.24);
}
.report-entry-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 0 0;
}
.report-entry{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto 22px;
  align-items:center;
  gap:14px;
  text-decoration:none;
  padding:18px 20px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,253,255,.98));
  border:1px solid rgba(221,232,247,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}
.report-entry-copy{min-width:0;}
.report-entry-head{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:7px;
}
.report-entry-head h3{
  margin:0;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
  color:#17336d;
}
.report-entry-copy p{
  margin:0;
  font-size:14px;
  line-height:1.35;
  color:#284576;
}
.report-kind-pill,
.report-state-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  border-radius:999px;
  padding:0 14px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
.report-kind-pill{
  background:#eef5ff;
  border:1px solid #d7e7fb;
  color:#2574e8;
}
.report-entry-side{justify-self:end;}
.report-state-pill{border:1px solid transparent;}
.report-state-green{background:#eff8ed;border-color:#cae8c5;color:#3b9b35;}
.report-state-orange{background:#fff3de;border-color:#f6d79a;color:#eb9d18;}
.report-state-neutral{background:#f3f5fb;border-color:#d8def0;color:#6676a7;}
.report-state-short{min-width:96px;}
.report-entry-chevron{
  color:#7a87ab;
  font-size:34px;
  line-height:1;
  justify-self:end;
}
.report-bottom-spacing{height:268px;}
@media(max-width:390px){
  .report-page-header{padding:16px 14px 8px;grid-template-columns:48px 1fr 48px;gap:10px;}
  .report-page-header h1{font-size:25px;}
  .report-circle-button{width:44px;height:44px;font-size:26px;}
  .report-page-content{padding:10px 12px 0;}
  .report-date-card{padding:18px 18px;gap:12px;grid-template-columns:46px 1fr auto;}
  .report-date-copy h2{font-size:18px;}
  .report-overview-head{padding-inline:8px;grid-template-columns:46px 1fr;gap:12px;}
  .report-overview-copy h2{font-size:20px;}
  .report-filter-group{gap:10px;padding:16px 8px 0;}
  .report-filter-pill{min-width:92px;padding-inline:14px;font-size:13px;}
  .report-entry{grid-template-columns:48px minmax(0,1fr) auto 18px;padding:16px 14px;gap:10px;}
  .report-entry-head h3{font-size:15px;}
  .report-entry-copy p{font-size:13px;}
  .report-state-pill,.report-kind-pill{padding-inline:11px;font-size:11.5px;min-height:28px;}
  .report-bottom-spacing{height:240px;}
}

/* Tagesbericht – Feinanpassung exakt nach Vorlage */
.report-page{
  background:linear-gradient(180deg,#eef7ff 0%,#fbfdff 18%,#ffffff 62%,#f8fbff 100%);
  padding-bottom:112px !important;
}
.report-page-header{
  padding:14px 20px 12px;
  grid-template-columns:48px 1fr 48px;
  gap:12px;
}
.report-page-header h1{
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.35px;
}
.report-circle-button{
  width:44px;
  height:44px;
  font-size:26px;
}
.report-circle-button[type="button"]{font-size:22px;}
.report-page-content{
  padding:10px 18px 0;
}
.report-date-card{
  grid-template-columns:42px 1fr auto;
  gap:14px;
  padding:18px 22px;
  border-radius:22px;
}
.report-date-copy h2{
  font-size:18px;
}
.report-date-copy p{
  margin-top:5px;
  font-size:13px;
}
.report-date-toggle{
  font-size:28px;
}
.report-overview-card{
  margin-top:16px;
  padding:16px 12px 16px;
  border-radius:22px;
}
.report-overview-head{
  grid-template-columns:44px 1fr;
  gap:14px;
  padding:3px 10px 0;
}
.report-overview-copy h2{
  font-size:18px;
  line-height:1.1;
}
.report-overview-copy p{
  margin-top:6px;
  font-size:12.5px;
}
.report-placeholder-square{
  width:40px;
  height:40px;
  border-radius:12px;
}
.report-filter-group{
  gap:14px;
  padding:16px 10px 0;
  flex-wrap:nowrap;
}
.report-filter-pill{
  min-width:0;
  flex:1 1 0;
  min-height:38px;
  padding:0 12px;
  font-size:12.5px;
}
.report-entry-list{
  gap:8px;
  padding-top:16px;
}
.report-entry{
  grid-template-columns:46px minmax(0,1fr) auto 18px;
  gap:12px;
  padding:14px 16px;
  border-radius:17px;
  min-height:94px;
}
.report-placeholder-circle{
  width:40px;
  height:40px;
}
.report-entry-head{
  gap:8px;
  margin-bottom:5px;
  flex-wrap:nowrap;
}
.report-entry-head h3{
  font-size:14px;
  line-height:1.15;
  white-space:nowrap;
}
.report-entry-copy p{
  font-size:12.5px;
  line-height:1.28;
}
.report-kind-pill,
.report-state-pill{
  min-height:26px;
  padding:0 11px;
  font-size:10.5px;
}
.report-entry-chevron{
  font-size:30px;
}
.report-state-short{min-width:76px;}
.report-entry-side{
  align-self:center;
}
.report-bottom-spacing{
  height:280px;
}
.report-page::after{
  bottom:104px;
  height:260px;
  background:
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(230,242,255,.72) 16%,rgba(198,225,255,.88) 31%,rgba(112,175,246,.92) 54%,rgba(32,119,239,.97) 78%,rgba(11,91,218,1) 100%),
    url('assets/waves-reference-strip.png') center top / 100% 100% no-repeat;
}
.report-page .lenicare-bottom-nav{
  height:104px !important;
  min-height:104px !important;
  padding-top:7px !important;
}
@media(max-width:390px){
  .report-page-header{padding:12px 14px 10px;grid-template-columns:44px 1fr 44px;}
  .report-page-header h1{font-size:22px;}
  .report-circle-button{width:40px;height:40px;font-size:24px;}
  .report-page-content{padding:8px 12px 0;}
  .report-date-card{padding:16px 16px;grid-template-columns:38px 1fr auto;gap:11px;}
  .report-overview-card{padding:14px 10px 14px;}
  .report-overview-head{grid-template-columns:40px 1fr;gap:11px;padding-inline:8px;}
  .report-overview-copy h2{font-size:17px;}
  .report-overview-copy p{font-size:11.5px;}
  .report-filter-group{gap:8px;padding:14px 8px 0;}
  .report-filter-pill{font-size:11.5px;padding-inline:8px;min-height:36px;}
  .report-entry{grid-template-columns:42px minmax(0,1fr) auto 16px;gap:9px;padding:13px 12px;min-height:88px;}
  .report-placeholder-circle{width:36px;height:36px;}
  .report-entry-head h3{font-size:13px;}
  .report-entry-copy p{font-size:11.5px;}
  .report-kind-pill,.report-state-pill{font-size:9.5px;padding-inline:9px;min-height:24px;}
  .report-entry-chevron{font-size:27px;}
  .report-bottom-spacing{height:250px;}
}

/* Tagesbericht – automatische Tagesübersicht */
.report-date-card{position:relative;}
.report-date-input{position:absolute;right:18px;bottom:10px;width:1px;height:1px;opacity:0;pointer-events:none;}
.report-filter-group{gap:10px;}
.report-filter-pill{min-width:auto;flex:1 1 90px;padding-inline:14px;}
.report-empty-state{padding:34px 18px 24px;text-align:center;color:#657897;}
.report-empty-state strong{display:block;color:#17336d;font-size:16px;margin-bottom:8px;}
.report-empty-state p{margin:0;font-size:13px;line-height:1.45;}
.report-entry[href]{cursor:pointer;}
.report-entry:not([href]){cursor:default;}


/* Tagesbericht – Kopfbereich und Heute-Feld exakt an Vorlage angeglichen */
.report-page-header{
  padding:18px 22px 18px !important;
  grid-template-columns:50px minmax(0,1fr) 50px !important;
  gap:14px !important;
}
.report-page-header h1{
  margin:0 !important;
  text-align:center !important;
  color:#153b9a !important;
  font-size:27px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  letter-spacing:-.45px !important;
}
.report-circle-button{
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(211,223,240,.92) !important;
  box-shadow:0 7px 18px rgba(41,78,132,.11) !important;
  color:#1843b6 !important;
}
.report-back-button svg{
  width:27px !important;
  height:27px !important;
  display:block !important;
}
.report-help-button span{
  display:grid !important;
  place-items:center !important;
  width:28px !important;
  height:28px !important;
  border:2.2px solid currentColor !important;
  border-radius:50% !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:700 !important;
  transform:translateY(-.5px) !important;
}
.report-page-content{
  padding:8px 20px 0 !important;
}
.report-date-card{
  min-height:102px !important;
  grid-template-columns:52px minmax(0,1fr) 34px !important;
  gap:16px !important;
  padding:20px 26px !important;
  border-radius:25px !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(219,229,243,.92) !important;
  box-shadow:0 10px 24px rgba(38,77,132,.10) !important;
}
.report-date-card .report-placeholder-square{
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#f7f9fd,#eef3fa) !important;
  border:2px solid #7487ae !important;
  box-shadow:none !important;
}
.report-date-copy{
  align-self:center !important;
}
.report-date-copy h2{
  margin:0 !important;
  color:#153b91 !important;
  font-size:22px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  letter-spacing:-.25px !important;
}
.report-date-copy p{
  margin:7px 0 0 !important;
  color:#6e82ad !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
}
.report-date-toggle{
  align-self:center !important;
  justify-self:end !important;
  width:30px !important;
  height:30px !important;
  padding:0 !important;
  color:#5e73a0 !important;
  font-size:0 !important;
  position:relative !important;
}
.report-date-toggle::before{
  content:"";
  position:absolute;
  left:7px;
  top:7px;
  width:12px;
  height:12px;
  border-right:3px solid currentColor;
  border-bottom:3px solid currentColor;
  transform:rotate(45deg);
}
@media(max-width:390px){
  .report-page-header{padding:15px 15px 15px !important;grid-template-columns:46px 1fr 46px !important;gap:10px !important;}
  .report-page-header h1{font-size:24px !important;}
  .report-circle-button{width:46px !important;height:46px !important;}
  .report-page-content{padding:7px 13px 0 !important;}
  .report-date-card{min-height:94px !important;grid-template-columns:46px 1fr 30px !important;padding:18px 18px !important;gap:12px !important;}
  .report-date-card .report-placeholder-square{width:38px !important;height:38px !important;}
  .report-date-copy h2{font-size:20px !important;}
  .report-date-copy p{font-size:14px !important;margin-top:6px !important;}
}


/* Tagesbericht – richtigen LeniCare-Hintergrund verwenden */
.report-page{
  background:url('assets/startseite-neuer-hintergrund.png') center top / 100% 100% no-repeat !important;
}
.report-page::after{
  display:none !important;
  content:none !important;
}

/* Tagesbericht – Überblicksfeld kompakter, alle Filter vollständig im Feld */
.report-overview-card{
  padding:14px 12px 16px !important;
  overflow:hidden !important;
}
.report-overview-head{
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:10px !important;
  padding:2px 10px 0 !important;
  align-items:center !important;
}
.report-overview-card .report-placeholder-square{
  width:36px !important;
  height:36px !important;
  border-radius:11px !important;
}
.report-overview-copy h2{
  font-size:15px !important;
  line-height:1.08 !important;
  letter-spacing:-.2px !important;
}
.report-overview-copy p{
  margin-top:4px !important;
  font-size:10px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.report-filter-group{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  padding:13px 10px 0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.report-filter-pill{
  min-width:0 !important;
  width:100% !important;
  min-height:34px !important;
  padding:0 5px !important;
  font-size:9.5px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.report-empty-state{
  padding:28px 14px 22px !important;
}
.report-empty-state strong{
  font-size:13px !important;
  line-height:1.2 !important;
  margin-bottom:7px !important;
}
.report-empty-state p{
  max-width:280px !important;
  margin:0 auto !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
}
@media(max-width:390px){
  .report-overview-card{padding:13px 10px 15px !important;}
  .report-overview-head{grid-template-columns:34px minmax(0,1fr) !important;gap:9px !important;padding-inline:8px !important;}
  .report-overview-card .report-placeholder-square{width:32px !important;height:32px !important;border-radius:10px !important;}
  .report-overview-copy h2{font-size:14px !important;}
  .report-overview-copy p{font-size:9.2px !important;}
  .report-filter-group{gap:5px !important;padding:12px 8px 0 !important;}
  .report-filter-pill{min-height:32px !important;font-size:8.8px !important;padding:0 3px !important;}
  .report-empty-state{padding:24px 12px 20px !important;}
  .report-empty-state strong{font-size:12px !important;}
  .report-empty-state p{font-size:9.8px !important;max-width:245px !important;}
}


/* Einheitlicher kompakter Kopfabstand für Einschätzung, Symptome und Zusammenfassung */
.assessment-modern{
  padding-top:0 !important;
}
.assessment-modern-header{
  margin:4px 0 14px !important;
  padding:0 2px !important;
}
.assessment-modern-header .assessment-top-btn{
  width:50px !important;
  height:50px !important;
}
.assessment-modern-header .report-help-button{
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(198,214,236,.72) !important;
  box-shadow:0 8px 20px rgba(48,88,145,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
  color:#1e64e6 !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
}
.assessment-modern-header .report-help-button span{
  font-size:22px !important;
  font-weight:700 !important;
  line-height:1 !important;
  transform:none !important;
}
@media(max-width:390px){
  .assessment-modern{padding-top:0 !important;}
  .assessment-modern-header{
    margin:2px 0 12px !important;
    padding:0 !important;
    grid-template-columns:46px 1fr 46px !important;
  }
  .assessment-modern-header .assessment-top-btn,
  .assessment-modern-header .report-help-button{
    width:46px !important;
    height:46px !important;
  }
  .assessment-modern-header .report-help-button span{
    font-size:21px !important;
  }
}

/* Statusleiste auf Einschätzung, Symptome und Zusammenfassung wie auf der Startseite */
.assessment-modern > .statusbar{
  width:auto !important;
  margin-left:-18px !important;
  margin-right:-18px !important;
  padding:9px 20px 0 !important;
  height:48px !important;
  align-items:center !important;
}
.assessment-modern > .statusbar .current-time{
  margin:0 !important;
}
.assessment-modern > .statusbar .status-icons{
  margin:0 !important;
  gap:6px !important;
}
.assessment-modern > .statusbar .status-icons svg{
  width:20px !important;
  height:15px !important;
}
.assessment-modern > .statusbar .island{
  top:8px !important;
}
@media(max-width:390px){
  .assessment-modern > .statusbar{
    margin-left:-14px !important;
    margin-right:-14px !important;
    padding:9px 20px 0 !important;
  }
}


/* Einheitlicher LeniCare-Kopfbereich – Standard für alle Seiten */
.standard-page-header{
  display:grid !important;
  grid-template-columns:50px minmax(0,1fr) 50px !important;
  align-items:center !important;
  gap:14px !important;
  margin:4px 0 14px !important;
  padding:0 2px !important;
  min-height:50px !important;
}
.standard-page-header h1{
  margin:0 !important;
  align-self:center !important;
  text-align:center !important;
  color:#153b9a !important;
  font-size:27px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  letter-spacing:-.45px !important;
}
.standard-header-button{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  align-self:center !important;
  box-sizing:border-box !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(211,223,240,.92) !important;
  box-shadow:0 7px 18px rgba(41,78,132,.11) !important;
  color:#1843b6 !important;
  text-decoration:none !important;
}
.standard-back-button svg{
  width:27px !important;
  height:27px !important;
  display:block !important;
}
.standard-help-button span{
  display:grid !important;
  place-items:center !important;
  width:28px !important;
  height:28px !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:700 !important;
  transform:none !important;
}
.profile-standard-header{
  margin-left:18px !important;
  margin-right:18px !important;
}
.report-standard-header{
  margin-left:20px !important;
  margin-right:20px !important;
}
.profile-standard-header + .profile-empty-layout{
  padding-top:12px !important;
}
.report-standard-header + .report-page-content{
  padding-top:10px !important;
}
@media(max-width:390px){
  .standard-page-header{
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    gap:10px !important;
    margin:2px 0 12px !important;
    padding:0 !important;
    min-height:46px !important;
  }
  .standard-page-header h1{
    font-size:24px !important;
  }
  .standard-header-button{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
  }
  .standard-back-button svg{width:25px !important;height:25px !important;}
  .standard-help-button span{width:26px !important;height:26px !important;font-size:21px !important;}
  .profile-standard-header,
  .report-standard-header{
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Fester LeniCare-Standard: Hilfe-Symbol exakt wie auf der Einschätzungsseite */
.standard-page-header .standard-help-button,
.profile-standard-header .standard-help-button,
.report-standard-header .standard-help-button{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(198,214,236,.72) !important;
  box-shadow:0 8px 20px rgba(48,88,145,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
  color:#1e64e6 !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
}
.standard-page-header .standard-help-button span,
.profile-standard-header .standard-help-button span,
.report-standard-header .standard-help-button span{
  display:grid !important;
  place-items:center !important;
  width:28px !important;
  height:28px !important;
  border:2.2px solid currentColor !important;
  border-radius:50% !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:700 !important;
  transform:translateY(-.5px) !important;
}
@media(max-width:390px){
  .standard-page-header .standard-help-button,
  .profile-standard-header .standard-help-button,
  .report-standard-header .standard-help-button{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
  }
  .standard-page-header .standard-help-button span,
  .profile-standard-header .standard-help-button span,
  .report-standard-header .standard-help-button span{
    width:26px !important;
    height:26px !important;
    font-size:19px !important;
  }
}


/* Zusammenfassung – vollständige Ampel-Auswertung */
.summary-result-card,
.summary-overview-card,
.premium-summary-card{
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.summary-state-green .summary-result-card{border-color:rgba(74,180,102,.42);}
.summary-state-yellow .summary-result-card{border-color:rgba(242,177,45,.48);}
.summary-state-red .summary-result-card{border-color:rgba(231,84,84,.46);}
.summary-state-green .summary-result-card .summary-heading-row .summary-icon-placeholder,
.summary-state-green .result-info-row .summary-icon-placeholder{background:linear-gradient(180deg,#67d486,#2eae59);}
.summary-state-yellow .summary-result-card .summary-heading-row .summary-icon-placeholder,
.summary-state-yellow .result-info-row .summary-icon-placeholder{background:linear-gradient(180deg,#ffcb61,#ee9d13);}
.summary-state-red .summary-result-card .summary-heading-row .summary-icon-placeholder,
.summary-state-red .result-info-row .summary-icon-placeholder{background:linear-gradient(180deg,#ff8b8b,#dc4141);}
.summary-state-green .result-alert-left .summary-icon-placeholder{background:linear-gradient(180deg,#67d486,#2eae59);}
.summary-state-yellow .result-alert-left .summary-icon-placeholder{background:linear-gradient(180deg,#ffcb61,#ee9d13);}
.summary-state-red .result-alert-left .summary-icon-placeholder{background:linear-gradient(180deg,#ff8b8b,#dc4141);}
.summary-state-green .result-alert-box{background:#f1fbf3;border-color:#9bd5a9;}
.summary-state-yellow .result-alert-box{background:#fff8e9;border-color:#f2ca78;}
.summary-state-red .result-alert-box{background:#fff1f1;border-color:#efa0a0;}
.summary-state-green .result-level-pill{background:#eefaf1;border-color:#99d5a8;color:#26954a;}
.summary-state-yellow .result-level-pill{background:#fff5df;border-color:#f0c66e;color:#d98909;}
.summary-state-red .result-level-pill{background:#fff0f0;border-color:#eda0a0;color:#d33e3e;}
.summary-warning-box{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  font-size:11.5px;
  line-height:1.32;
}
.summary-warning-box strong{display:block;margin-bottom:6px;font-size:12px;}
.summary-warning-box ul{margin:0;padding-left:17px;}
.summary-warning-box li+li{margin-top:5px;}
.summary-state-yellow .summary-warning-box{background:#fff7e6;border:1px solid #efd08d;color:#7e5614;}
.summary-state-red .summary-warning-box{background:#fff0f0;border:1px solid #eeabab;color:#873838;}
.summary-disclaimer{
  margin:13px 0 0;
  padding-top:11px;
  border-top:1px solid rgba(208,219,235,.88);
  color:#71809a;
  font-size:9.8px;
  line-height:1.35;
}
.overview-row .overview-status-dot{box-shadow:none;}
.overview-row.status-green .overview-status-dot{background:linear-gradient(180deg,#62d081,#2eae58);}
.overview-row.status-yellow .overview-status-dot{background:linear-gradient(180deg,#ffca5d,#ed9d13);}
.overview-row.status-red .overview-status-dot{background:linear-gradient(180deg,#ff8989,#dc4141);}
.overview-row.status-neutral .overview-status-dot{background:linear-gradient(180deg,#85bfff,#2f7ff0);}
.overview-row.status-green .overview-value{color:#278f49;}
.overview-row.status-yellow .overview-value{color:#d7890b;}
.overview-row.status-red .overview-value{color:#d54242;font-weight:700;}
.overview-row.status-neutral .overview-value{color:#126ef0;}
.summary-state-green .premium-summary-card{border-color:rgba(74,180,102,.28);}
.summary-state-yellow .premium-summary-card{border-color:rgba(242,177,45,.32);}
.summary-state-red .premium-summary-card{border-color:rgba(231,84,84,.30);}
@media(max-width:390px){
  .summary-warning-box{font-size:10.8px;padding:11px 12px;}
  .summary-warning-box strong{font-size:11.3px;}
  .summary-disclaimer{font-size:9.2px;}
}

.report-state-red{background:#fff0f0;border-color:#f1bcbc;color:#d64242;}


/* Medikamente und Nahrungsergänzungen */
.quick-hit-medikamente-grid{left:66.666%;top:0;width:33.334%;height:50%;}
.quick-hit-medikamente-grid:focus-visible{outline:3px solid #2a7ff5;outline-offset:-3px;}
.quick-hit-medikamente-grid:active{background:rgba(42,127,245,.08);}
.medication-page{min-height:100svh;background:url('assets/startseite-neuer-hintergrund.png') center top/100% 100% no-repeat;padding-bottom:124px!important;}
.medication-standard-header{margin:8px 20px 14px!important;}
.medication-layout{padding:0 18px 24px;display:flex;flex-direction:column;gap:16px;}
.medication-card{background:rgba(255,255,255,.96);border:1px solid rgba(218,229,245,.92);border-radius:24px;box-shadow:0 10px 26px rgba(35,76,137,.09);}
.medication-intro-card{display:flex;align-items:center;gap:15px;padding:18px 20px;}
.medication-intro-card h2,.medication-list-head h2{margin:0;color:#173b91;font-size:20px;line-height:1.15;font-weight:800;}
.medication-intro-card p{margin:6px 0 0;color:#6179a2;font-size:12.5px;line-height:1.35;}
.medication-placeholder{display:block;background:linear-gradient(180deg,#55adff,#0e6df0);box-shadow:0 6px 14px rgba(12,104,235,.18);}
.medication-placeholder-large{width:46px;height:46px;border-radius:14px;flex:0 0 46px;}
.medication-placeholder-small{width:34px;height:34px;border-radius:11px;flex:0 0 34px;}
.medication-form{padding:18px;display:flex;flex-direction:column;gap:14px;}
.medication-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.medication-type-switch input{position:absolute;opacity:0;}
.medication-type-switch span{display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #d6e2f3;border-radius:14px;color:#60769c;font-size:13px;font-weight:600;background:#fff;text-align:center;padding:5px;}
.medication-type-switch input:checked+span{background:linear-gradient(180deg,#55adff,#0e6df0);border-color:transparent;color:#fff;box-shadow:0 7px 15px rgba(13,108,239,.18);}
.medication-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.medication-field{display:flex;flex-direction:column;gap:7px;color:#193a7c;font-size:12.5px;font-weight:700;}
.medication-field small{font-weight:500;color:#7586a4;}
.medication-field input,.medication-field select,.medication-field textarea{width:100%;border:1.5px solid #d5e1f1;border-radius:14px;background:#fff;color:#213454;font:500 14px/1.3 inherit;padding:12px 13px;outline:none;}
.medication-field textarea{min-height:80px;resize:vertical;}
.medication-field input:focus,.medication-field select:focus,.medication-field textarea:focus{border-color:#5caeff;box-shadow:0 0 0 4px rgba(44,146,255,.1);}
.medication-reminder-row{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:12px 13px;border-radius:16px;background:#f4f8ff;border:1px solid #dce8f8;cursor:pointer;}
.medication-reminder-row>input{position:absolute;opacity:0;}
.medication-reminder-toggle{width:38px;height:22px;border-radius:999px;background:#bac7d9;position:relative;}
.medication-reminder-toggle:after{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.18s;}
.medication-reminder-row>input:checked+.medication-reminder-toggle{background:#1574ef;}
.medication-reminder-row>input:checked+.medication-reminder-toggle:after{transform:translateX(16px);}
.medication-reminder-row strong{display:block;color:#173b84;font-size:13px;}.medication-reminder-row small{display:block;margin-top:2px;color:#6d82a5;font-size:11px;}
.medication-save-button{min-height:58px;border:0;border-radius:999px;color:#fff;background:linear-gradient(180deg,#48a7ff,#0969ec);font-size:17px;font-weight:800;box-shadow:0 10px 22px rgba(9,105,236,.22);}
.medication-status{min-height:18px;margin:0;text-align:center;color:#268d45;font-size:12px;font-weight:600;}
.medication-list-card{padding:18px;}.medication-list-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.medication-today-list{display:flex;flex-direction:column;gap:9px;}.medication-today-row{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid #dce7f6;border-radius:15px;background:#fff;}
.medication-placeholder-row{width:34px;height:34px;border-radius:50%;}.medication-today-row strong{color:#17366f;font-size:13px;}.medication-today-row p{margin:3px 0 0;color:#667ca3;font-size:11.5px;}.medication-kind{font-size:10.5px;color:#2774e8;background:#edf5ff;border:1px solid #d4e7ff;padding:5px 8px;border-radius:999px;}.medication-empty{margin:16px 0 2px;text-align:center;color:#7183a2;font-size:12px;}
@media(max-width:390px){.medication-layout{padding-inline:12px}.medication-grid-two{grid-template-columns:1fr}.medication-intro-card{padding:16px}.medication-form{padding:16px}.medication-type-switch span{font-size:12px}.medication-standard-header{margin-left:14px!important;margin-right:14px!important;}}


/* Tagesbericht – eigener iPhone-tauglicher Kalender innerhalb des Handybereichs */
.report-page-content{position:relative;}
.report-date-card{position:relative;z-index:3;}
.report-date-input{display:none !important;}
.report-date-toggle.open::before{transform:rotate(225deg) translate(-2px,-2px) !important;}
.report-calendar{
  position:absolute;
  left:18px;
  right:18px;
  top:128px;
  z-index:20;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.985);
  border:1px solid rgba(206,220,241,.95);
  box-shadow:0 18px 42px rgba(29,72,133,.22), inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.report-calendar[hidden]{display:none !important;}
.report-calendar-head{
  display:grid;
  grid-template-columns:40px 1fr 40px;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.report-calendar-head strong{
  text-align:center;
  color:#153b91;
  font-size:17px;
  line-height:1.2;
  font-weight:750;
  text-transform:capitalize;
}
.report-calendar-nav{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f1f6ff;
  color:#226de8;
  font-size:26px;
  line-height:1;
}
.report-calendar-weekdays,
.report-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:5px;
}
.report-calendar-weekdays{margin-bottom:6px;}
.report-calendar-weekdays span{
  text-align:center;
  color:#7585a3;
  font-size:11px;
  line-height:1;
  font-weight:650;
}
.report-calendar-day{
  aspect-ratio:1;
  min-width:0;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#263b61;
  font-size:13px;
  line-height:1;
  font-weight:600;
}
.report-calendar-day.outside{color:#bac3d3;}
.report-calendar-day.today{box-shadow:inset 0 0 0 1.5px #2b82f5;}
.report-calendar-day.selected{
  color:#fff;
  background:linear-gradient(180deg,#55aaff,#1474ef);
  box-shadow:0 5px 12px rgba(20,116,239,.24);
}
.report-calendar-today{
  display:block;
  width:100%;
  min-height:38px;
  margin-top:12px;
  border:0;
  border-radius:999px;
  color:#176fe9;
  background:#eef5ff;
  font:inherit;
  font-size:13px;
  font-weight:700;
}
@media(max-width:390px){
  .report-calendar{left:13px;right:13px;top:116px;padding:14px;border-radius:20px;}
  .report-calendar-head strong{font-size:16px;}
  .report-calendar-day{font-size:12px;border-radius:10px;}
}

/* Medikamentenseite – Inhalt nach Vorlage, Menüleiste unverändert */
.medication-page{
  position:relative;
  padding-bottom:118px !important;
}
.medication-entry-layout{
  position:relative;
  z-index:2;
  padding:14px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.medication-entry-card{
  background:rgba(255,255,255,.95);
  border:1px solid rgba(218,228,242,.92);
  border-radius:26px;
  box-shadow:0 12px 30px rgba(36,76,138,.10),inset 0 1px 0 rgba(255,255,255,.98);
  padding:20px 16px 16px;
}
.medication-entry-heading{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 6px 17px;
}
.medication-entry-heading h2{
  margin:0;
  color:#173f9e;
  font-size:21px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.25px;
}
.medication-entry-heading p{
  margin:5px 0 0;
  color:#6f82a9;
  font-size:14px;
  line-height:1.25;
}
.medication-ui-placeholder{
  display:block;
  flex:0 0 auto;
  background:linear-gradient(180deg,#43a7ff 0%,#0d6cf0 100%);
  box-shadow:0 6px 14px rgba(12,104,235,.18);
}
.medication-ui-placeholder-large{width:48px;height:48px;border-radius:50%;}
.medication-ui-placeholder-small{
  width:38px;height:38px;border-radius:50%;
  background:#fff;
  border:1.8px solid #b9d8ff;
  box-shadow:none;
}
.medication-entry-fields{
  display:flex;
  flex-direction:column;
  border:1px solid rgba(218,228,242,.92);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.medication-entry-row{
  min-height:65px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) minmax(90px,170px) 18px;
  align-items:center;
  gap:12px;
  padding:9px 14px;
  border-bottom:1px solid rgba(222,230,242,.95);
}
.medication-entry-row:last-child{border-bottom:0;}
.medication-entry-label{
  color:#173985;
  font-size:15px;
  line-height:1.2;
  font-weight:650;
}
.medication-entry-input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#126df2;
  font:500 15px/1.2 inherit;
  text-align:right;
  padding:6px 0;
  appearance:none;
  -webkit-appearance:none;
}
.medication-entry-input::placeholder{color:#8192b6;opacity:1;}
.medication-entry-input[type="date"],
.medication-entry-input[type="time"]{min-height:34px;}
.medication-entry-arrow{
  color:#6d83b0;
  font-size:29px;
  line-height:1;
  transform:translateY(-1px);
}
.medication-entry-notes-row{
  grid-template-columns:38px minmax(0,1fr) minmax(120px,210px);
}
.medication-reminder-entry-row{
  position:relative;
  grid-template-columns:38px minmax(0,1fr) 56px;
  min-height:72px;
}
.medication-reminder-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.medication-reminder-copy strong{font-size:15px;}
.medication-reminder-copy small{font-size:.88em;color:#7082aa;font-weight:500;}
.medication-reminder-copy > span{color:#6c7fa6;font-size:12px;font-weight:500;}
.medication-reminder-checkbox{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.medication-reminder-switch{
  width:54px;
  height:30px;
  border-radius:999px;
  background:#cdd7e7;
  position:relative;
  transition:.2s ease;
}
.medication-reminder-switch::after{
  content:"";
  position:absolute;
  width:26px;
  height:26px;
  left:2px;
  top:2px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(47,76,122,.22);
  transition:.2s ease;
}
.medication-reminder-checkbox:checked + .medication-reminder-switch{
  background:linear-gradient(180deg,#2197ff,#0869ef);
}
.medication-reminder-checkbox:checked + .medication-reminder-switch::after{
  transform:translateX(24px);
}
.medication-info-card{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:center;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(218,228,242,.92);
  border-radius:22px;
  padding:15px 18px;
  box-shadow:0 10px 24px rgba(36,76,138,.08);
}
.medication-info-placeholder{width:42px;height:42px;border-radius:50%;}
.medication-info-card p{
  margin:0;
  color:#173985;
  font-size:14px;
  line-height:1.35;
  font-weight:600;
}
.medication-main-save-button{
  width:100%;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(180deg,#339dff 0%,#0866ed 100%);
  box-shadow:0 12px 24px rgba(8,102,237,.25),inset 0 1px 0 rgba(255,255,255,.28);
  font:600 20px/1.1 inherit;
}
.medication-save-placeholder{
  width:28px;
  height:28px;
  border-radius:7px;
  border:2px solid rgba(255,255,255,.9);
}
.medication-status{
  min-height:18px;
  margin:0;
  text-align:center;
  color:#126df2;
  font-size:13px;
  font-weight:600;
}
@media(max-width:390px){
  .medication-entry-layout{padding:12px 12px 18px;gap:12px;}
  .medication-entry-card{padding:18px 12px 14px;border-radius:23px;}
  .medication-entry-heading{gap:12px;padding:0 4px 14px;}
  .medication-entry-heading h2{font-size:19px;}
  .medication-entry-heading p{font-size:13px;}
  .medication-ui-placeholder-large{width:44px;height:44px;}
  .medication-entry-row{grid-template-columns:34px minmax(0,1fr) minmax(80px,145px) 15px;gap:9px;padding:8px 10px;min-height:60px;}
  .medication-ui-placeholder-small{width:34px;height:34px;}
  .medication-entry-label,.medication-entry-input{font-size:13.5px;}
  .medication-entry-notes-row{grid-template-columns:34px minmax(0,1fr) minmax(105px,170px);}
  .medication-reminder-entry-row{grid-template-columns:34px minmax(0,1fr) 52px;}
  .medication-reminder-switch{width:50px;height:28px;}
  .medication-reminder-switch::after{width:24px;height:24px;}
  .medication-reminder-checkbox:checked + .medication-reminder-switch::after{transform:translateX(22px);}
  .medication-info-card{grid-template-columns:40px 1fr;padding:14px;gap:12px;}
  .medication-info-placeholder{width:38px;height:38px;}
  .medication-info-card p{font-size:13px;}
  .medication-main-save-button{min-height:60px;font-size:18px;}
}

/* Medikamentenseite – Schriftgrößen und Ausrichtung an Vorlage angeglichen */
.medication-entry-layout{
  padding:12px 18px 18px;
  gap:12px;
}
.medication-entry-card{
  padding:18px 14px 14px;
  border-radius:24px;
}
.medication-entry-heading{
  gap:12px;
  padding:0 4px 14px;
  align-items:center;
}
.medication-entry-heading > div{
  min-width:0;
}
.medication-entry-heading h2{
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.2px;
}
.medication-entry-heading p{
  margin-top:4px;
  font-size:12.5px;
  line-height:1.2;
}
.medication-ui-placeholder-large{
  width:44px;
  height:44px;
}
.medication-entry-fields{
  border-radius:17px;
}
.medication-entry-row{
  min-height:58px;
  grid-template-columns:34px minmax(0,1fr) minmax(82px,150px) 14px;
  gap:10px;
  padding:7px 11px;
}
.medication-ui-placeholder-small{
  width:32px;
  height:32px;
}
.medication-entry-label{
  font-size:13px;
  line-height:1.15;
  font-weight:650;
  align-self:center;
}
.medication-entry-input{
  font-size:13px;
  line-height:1.15;
  min-height:30px;
  padding:4px 0;
  text-align:right;
}
.medication-entry-input[type="date"],
.medication-entry-input[type="time"]{
  min-height:30px;
}
.medication-entry-arrow{
  font-size:25px;
  align-self:center;
  transform:none;
}
.medication-entry-notes-row{
  grid-template-columns:34px minmax(0,1fr) minmax(105px,178px);
}
.medication-entry-notes-row .medication-entry-input{
  font-size:12px;
}
.medication-reminder-entry-row{
  min-height:64px;
  grid-template-columns:34px minmax(0,1fr) 50px;
}
.medication-reminder-copy{
  gap:2px;
}
.medication-reminder-copy strong{
  font-size:13px;
  line-height:1.15;
}
.medication-reminder-copy small{
  font-size:11px;
}
.medication-reminder-copy > span{
  font-size:11px;
  line-height:1.2;
}
.medication-reminder-switch{
  width:48px;
  height:27px;
  justify-self:end;
}
.medication-reminder-switch::after{
  width:23px;
  height:23px;
}
.medication-reminder-checkbox:checked + .medication-reminder-switch::after{
  transform:translateX(21px);
}
.medication-info-card{
  grid-template-columns:38px 1fr;
  gap:12px;
  padding:13px 15px;
  border-radius:20px;
}
.medication-info-placeholder{
  width:36px;
  height:36px;
}
.medication-info-card p{
  font-size:12.5px;
  line-height:1.3;
}
.medication-main-save-button{
  min-height:58px;
  gap:10px;
  border-radius:17px;
  font-size:17px;
  font-weight:600;
}
.medication-save-placeholder{
  width:24px;
  height:24px;
}
.medication-status{
  font-size:12px;
}
@media(max-width:390px){
  .medication-entry-layout{padding:10px 12px 16px;gap:10px;}
  .medication-entry-card{padding:16px 10px 12px;border-radius:22px;}
  .medication-entry-heading{gap:10px;padding:0 4px 12px;}
  .medication-entry-heading h2{font-size:17px;}
  .medication-entry-heading p{font-size:11.8px;}
  .medication-ui-placeholder-large{width:40px;height:40px;}
  .medication-entry-row{
    min-height:55px;
    grid-template-columns:31px minmax(0,1fr) minmax(76px,132px) 12px;
    gap:8px;
    padding:7px 9px;
  }
  .medication-ui-placeholder-small{width:30px;height:30px;}
  .medication-entry-label,.medication-entry-input{font-size:12px;}
  .medication-entry-notes-row{grid-template-columns:31px minmax(0,1fr) minmax(92px,145px);}
  .medication-entry-notes-row .medication-entry-input{font-size:11px;}
  .medication-reminder-entry-row{grid-template-columns:31px minmax(0,1fr) 47px;min-height:60px;}
  .medication-reminder-copy strong{font-size:12px;}
  .medication-reminder-copy small,.medication-reminder-copy > span{font-size:10px;}
  .medication-reminder-switch{width:45px;height:26px;}
  .medication-reminder-switch::after{width:22px;height:22px;}
  .medication-reminder-checkbox:checked + .medication-reminder-switch::after{transform:translateX(19px);}
  .medication-info-card{grid-template-columns:34px 1fr;padding:12px 13px;gap:10px;}
  .medication-info-placeholder{width:32px;height:32px;}
  .medication-info-card p{font-size:11.5px;}
  .medication-main-save-button{min-height:55px;font-size:16px;}
}


/* Medikamentenseite – Startseiten-Symbol und zentrierte Pfeile */
.medication-heading-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 5px 10px rgba(12,104,235,.18));
}
.medication-entry-row{
  align-items:center !important;
}
.medication-entry-arrow{
  width:14px;
  height:100%;
  min-height:30px;
  display:grid;
  place-items:center;
  align-self:stretch !important;
  justify-self:center;
  padding:0;
  margin:0;
  font-size:25px;
  line-height:1;
  transform:none !important;
}
.medication-entry-notes-row{
  grid-template-columns:34px minmax(0,1fr) minmax(105px,178px) 14px !important;
}
@media(max-width:390px){
  .medication-heading-icon{width:40px;height:40px;flex-basis:40px;}
  .medication-entry-arrow{width:12px;font-size:23px;}
  .medication-entry-notes-row{grid-template-columns:31px minmax(0,1fr) minmax(92px,145px) 12px !important;}
}


/* Startseite – neue einzelne Symbole, Mehr durch Quiz ersetzt */
.start-icon-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 10px;
  padding:0 !important;
  position:relative;
}
.start-icon-grid .start-icon-card{
  min-height:122px;
  border-radius:17px;
  border:1px solid rgba(176,194,220,.45);
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(242,248,255,.76));
  box-shadow:0 6px 15px rgba(31,78,143,.12),inset 0 1px 0 rgba(255,255,255,.98);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  color:#20325a;
  overflow:hidden;
}
.start-icon-grid .start-icon-card img{
  width:66px;
  height:66px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 4px 7px rgba(28,92,185,.18));
}
.start-icon-grid .start-icon-card span{
  font-size:12px;
  line-height:1.15;
  font-weight:700;
  text-align:center;
  color:#26375f;
}
.start-icon-grid .start-icon-card:active{
  transform:scale(.98);
}
@media(max-width:370px){
  .start-icon-grid{gap:10px 8px;}
  .start-icon-grid .start-icon-card{min-height:112px;}
  .start-icon-grid .start-icon-card img{width:60px;height:60px;}
  .start-icon-grid .start-icon-card span{font-size:11px;}
}

/* Version 19 – Startseite: Kopf- und Logoabstände wie auf der Einschätzungsseite */
body > .app-shell > .statusbar + .hero{
  height:184px !important;
  padding-top:2px !important;
  align-items:flex-start !important;
}
body > .app-shell > .statusbar + .hero .brand-logo{
  width:286px !important;
  height:172px !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center top !important;
}
body > .app-shell > .hero + .greeting{
  margin-top:8px !important;
  margin-bottom:14px !important;
}
@media(max-width:370px){
  body > .app-shell > .statusbar + .hero{
    height:170px !important;
    padding-top:0 !important;
  }
  body > .app-shell > .statusbar + .hero .brand-logo{
    width:266px !important;
    height:160px !important;
  }
  body > .app-shell > .hero + .greeting{
    margin-top:7px !important;
    margin-bottom:12px !important;
  }
}


/* LeniCare 8.2.0 – klickbarer Hilfe-&-Support-Eintrag im Profil */
button.empty-list-row.row-link{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
button.empty-list-row.row-link .profile-row-copy{display:block;min-width:0}