Titel/Header in glance Card bearbeiten

Dashboard/Cards/Frontend
1

Hallo, ich benötige für ein aktuelles Projekt eine glance Karte, kann aber den Titel nicht über card-mod bearbeiten. Über die Entwickler-Tools im Browser kann ich die Klasse card.header bearbeiten, aber ich komme nicht an die Verschachtelung heran. Könnt ihr mir da vielleicht helfen?

type: glance
title: test
entities:
  - sensor.total_power
  - sensor.total_power_nur_verbrauch
  - sensor.solar_einspeisung_ausgelesen_negativ
card_mod:
  style: |
    ha-card {
      box-shadow: none !important;
      border: none !important;
    }
    .card-header {
      font-size: 1.5em !important;
      font-weight: bold !important;
      color: var(--primary-color) !important;
      text-transform: uppercase; 
    }
2

Ich frage nochmal vorsichtig nach, hat keiner eine Idee, oder kann der Title einfach nicht angesprochen werden?

Lösung kommt von @totow. Das ist der entscheidene Punkt $: |

type: glance
title: test
entities:
  - sensor.total_power
  - sensor.total_power_nur_verbrauch
  - sensor.solar_einspeisung_ausgelesen_negativ
card_mod:
  style: 
    $: |
      .card-header {
        font-size: 1.5em !important;
        font-weight: bold !important;
        color: var(--primary-color) !important;
        text-transform: uppercase; 
      }