Browser-mod popup: header

Community
, ,
1

Hi Leute,
ich verzweifle gerade am Versuch den Header des Popups in roter Hintergrundfarbe darzustellen:
image
Ja, die Werte sind sinnfrei, es ist nur zum Testen so programmiert.
Ich habe schon verschiedene Dinge aus Foren und ChatGPT-Antworten probiert, aber ohne Erfolg :frowning:
Das Popup wird in einer Automatisierung aufgerufen. Der Code dazu:

actions:
  - action: browser_mod.popup
    metadata: {}
    data:
      dismissable: true
      title: Batteriewarnung
      style: |-
        ha-dialog {
          --ha-dialog-border-radius: var(--popup-border-radius, 2px);
        }
      browser_id:
        - e2a12b8d2721c708295b4e97ae70a1ac
        - b17a82abf1234e97a759146feb3d7cc8
      content: |
        <div>
          <p>Eines der BLE-Geräte hat eine Batterieladung < 10%!</p>
          <p>{% if ( states('sensor.wohnungstuer_battery') | float (0) < 70 )%}Sensor Wohnungstür: {{ states('sensor.wohnungstuer_battery') }}%{%endif %}</p>
        </div>
mode: single

Könnt ihr mir bitte helfen?