/* TEAMilo native Startkarten: exakt EIN gemeinsames CSS fuer Events und Arbeit. */
html body #app .home-account-stats button.tm-home-identical-native-card {
  box-sizing:border-box;
  appearance:none;
  text-align:start;
  font:inherit;
  min-width:0;
  overflow-wrap:anywhere;
  /* Fallback nur fuer den Moment vor der Berechnung des nativen Kartendesigns. */
  background-color:var(--ap-surface,var(--hig-surface,var(--tm-surface,Canvas)))!important;
  color:var(--ap-text,var(--hig-text,var(--tm-ink,CanvasText)))!important;
  border:1px solid var(--ap-line,var(--hig-line,var(--tm-line,currentColor)))!important;
}
/* Die JavaScript-Messung schreibt die identischen nativen Kartenwerte als
 * Inline-CSS mit !important auf beide Elemente. So koennen aeltere .stat-Regeln
 * den vom Template gewaehlten Hintergrund bzw. Rahmen nicht ueberschreiben. */
html body #app .home-account-stats button.tm-home-identical-native-card .num {
  color:inherit!important;
  background:transparent!important;
}
/* Nur das Hinweisfeld bleibt rot mit weisser Schrift. */
html body #app .home-account-stats button.tm-home-identical-native-card > small {
  display:inline-flex;
  align-items:center;
  box-sizing:border-box;
  width:fit-content;
  max-width:100%;
  padding:.3rem .6rem;
  border:1px solid #b91c1c!important;
  border-radius:.55rem;
  background:#b91c1c!important;
  color:#fff!important;
  font-weight:700;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
html body #app .home-account-stats button.tm-home-identical-native-card[hidden]{display:none!important}
@media (forced-colors:active){
  html body #app .home-account-stats button.tm-home-identical-native-card > small {
    background:Highlight!important;
    border-color:Highlight!important;
    color:HighlightText!important;
  }
}
/* Alte Warnstreifen der statistischen Startkacheln nicht anzeigen. */
html body #app .home-account-stats button.tm-home-identical-native-card::before,
html body #app .home-account-stats button.tm-home-identical-native-card::after {
  content:none!important;
  display:none!important;
}