/* TEAMilo Startkarten v4: gleicher Kartenstil, Beschriftung links,
   roter Zaehler und ein kleiner Link-Pfeil rechts. Beide Karten teilen CSS. */
html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content max-content!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:.45rem!important;
  row-gap:0!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  cursor:pointer;
  /* Hintergrund, Rahmen, Rundung, Schatten, Padding und Farben kommen
     unveraendert vom nativen TEAMilo-Template-Kartenabgleich. */
}
/* Beschriftung zuerst; weiterhin normale Textfarbe des aktiven Templates. */
html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > small {
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:clamp(.875rem,4.25vw,1.0625rem)!important;
  font-weight:700!important;
  line-height:1.4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  text-align:start!important;
}
/* Nur die Zahl rechts ist weiss auf rotem Grund. */
html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > .num {
  display:inline-flex!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  flex:none!important;
  box-sizing:border-box!important;
  min-width:1.7rem!important;
  min-height:1.7rem!important;
  padding:.18rem .48rem!important;
  margin:0!important;
  border:1px solid #b91c1c!important;
  border-radius:.48rem!important;
  background:#b91c1c!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.95rem!important;
  font-weight:700!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
/* Kleiner Winkelpfeil wie bei einer verlinkten Chatkarte. Diese spezifische
   Regel hebt ausschliesslich die alte ::after-Unterdrueckung fuer beide Karten auf. */
html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"])::after {
  content:"›"!important;
  display:block!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:inherit!important;
  font-size:1.6rem!important;
  font-weight:400!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
/* Ausgeblendete Karten duerfen wegen display:grid nicht wieder auftauchen. */
html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"])[hidden] {
  display:none!important;
}
@media (max-width:370px) {
  html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) {
    column-gap:.32rem!important;
  }
  html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > small {
    font-size:.875rem!important;
  }
}
@media (forced-colors:active) {
  html body #app .home-account-stats button.stat.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > .num {
    background:Highlight!important;
    border-color:Highlight!important;
    color:HighlightText!important;
    -webkit-text-fill-color:HighlightText!important;
  }
}

/* TEAMilo: Fix fuer vorhandene, staerker gewichtete Warntext-CSS.
   Alte .stat.card.teamilo-event-unanswered small.teamilo-unanswered-label
   Regeln erzeugen die rote Flaeche trotz Badge-v2. Diese korrigierte Regel
   ist absichtlich spezifischer, nur auf die ZWEI Startkarten begrenzt.
   Der aeussere Kartenstil wird NICHT angepasst. */
html body #app .home-account-stats button.stat.card.teamilo-event-unanswered.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > small,
html body #app .home-account-stats button.stat.card.teamilo-event-unanswered.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > small.teamilo-unanswered-label {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
@media (forced-colors: active) {
  html body #app .home-account-stats button.stat.card.teamilo-event-unanswered.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > small,
  html body #app .home-account-stats button.stat.card.teamilo-event-unanswered.tm-home-identical-native-card:is([data-start-card="events"],[data-start-card="work"]) > small.teamilo-unanswered-label {
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}