docs-my_workspace_dashboard.yaml

button_card_templates:
  picture_button:
    aspect_ratio: 4/3
    color_type: icon
    hold_action:
      action: none
    layout: vertical
    show_entity_picture: true
    show_icon: false
    show_label: false
    show_name: false
    show_state: false
    styles:
      card:
        - border-radius: 0px
        - border: none
        - box-shadow: none
        - padding: 6px 6px
        - margin: 0px 0px
        - '--ha-card-background': rgba(0, 0, 0, 0)
      entity_picture:
        - width: 100%
        - height: 100%
        - object-fit: contain
    tap_action:
      action: call-service
title: ''
swipe_nav:
  enable_mouse_swipe: true
  animate: swipe
  prevent_default: true
views:
  - type: sections
    max_columns: 4
    title: Hello
    path: Panel
    sections:
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: back
                  - type: menu
                  - type: template
                    icon: mdi:power
                    entity: switch.wled_biuro2_nightlight
                    tap_action:
                      action: navigate
                      navigation_path: '#power'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    icon_color: white
                    content: ''
                    card_mod:
                      style: |
                        ha-card {
                            --text-color: rgb(var(--rgb-black));
                            --chip-background: rgb(var(--rgb-red), 0.8);
                        }
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: Mariusz
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-left: 0px;
                              margin-bottom: 0px;
                          }
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mariusz', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mariusz', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state_not: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.sylwia', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.sylwia', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state_not: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.tymek', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.tymek', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mama', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mama', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: template
                    icon: mdi:home-thermometer
                    icon_color: blue
                    entity: sensor.temperatura_w_domu
                    content: >-
                      {{ states(entity) | float | round(1) }}°C 💧{{
                      states('sensor.wilgotnosc_w_domu') | float | round(0) }}% 
                    tap_action:
                      action: navigate
                      navigation_path: '#temperatury'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                  - type: entity
                    entity: sensor.hue_motion_sensor_4_temperatura
                    icon_color: teal
                    icon: mdi:shower-head
                    name: Łazienka
                    tap_action:
                      action: navigate
                      navigation_path: '#lazienka'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                  - type: template
                    icon: mdi:food-apple
                    entity: calendar.smieci_bio
                    tap_action: none
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    content: >-
                      {% set start_time = state_attr('calendar.smieci_bio',
                      'start_time') %} {% if start_time %}
                        {% set ev = start_time | as_datetime | as_local %}
                        {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                        {% set days = (ev.date() - adj_now.date()).days %}
                        {% if days <= 0 %}dzisiaj{% elif days == 1 %}jutro{% else %}{{ days }}{% endif %}
                      {% else %}--{% endif %}
                    card_mod:
                      style: >
                        ha-card {
                          --color: rgb(var(--rgb-lime));
                          --text-color: rgb(var(--primary-text-color));
                        }

                        {% set start_time = state_attr('calendar.smieci_bio',
                        'start_time') %}

                        {% if start_time %}
                          {% set ev = start_time | as_datetime | as_local %}
                          {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                          {% set days = (ev.date() - adj_now.date()).days %}
                          
                          {% if days <= 7 %}
                            ha-card {
                              --chip-background: rgb(var(--rgb-lime));
                              --text-color: rgb(var(--rgb-black));
                              --color: rgb(var(--rgb-black));
                            }
                          {% endif %}
                          
                          {% if days == 1 %}
                            ha-card { animation: blink 3s linear infinite; }
                          {% endif %}
                        {% endif %}

                        @keyframes blink { 50% {opacity: 0.7;} }
                  - type: template
                    icon: mdi:trash-can
                    entity: calendar.smieci_zmieszane
                    tap_action: none
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    content: >-
                      {% set start_time =
                      state_attr('calendar.smieci_zmieszane', 'start_time') %}
                      {% if start_time %}
                        {% set ev = start_time | as_datetime | as_local %}
                        {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                        {% set days = (ev.date() - adj_now.date()).days %}
                        {% if days <= 0 %}dzisiaj{% elif days == 1 %}jutro{% else %}{{ days }}{% endif %}
                      {% else %}--{% endif %}
                    card_mod:
                      style: >
                        ha-card {
                          --color: rgb(var(--rgb-indigo));
                          --text-color: rgb(var(--primary-text-color));
                        }

                        {% set start_time =
                        state_attr('calendar.smieci_zmieszane', 'start_time') %}

                        {% if start_time %}
                          {% set ev = start_time | as_datetime | as_local %}
                          {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                          {% set days = (ev.date() - adj_now.date()).days %}
                          
                          {% if days <= 7 %}
                            ha-card {
                              --chip-background: rgb(var(--rgb-indigo));
                              --text-color: rgb(var(--rgb-white));
                              --color: rgb(var(--rgb-white));
                            }
                          {% endif %}
                          
                          {% if days == 1 %}
                            ha-card { animation: blink 3s linear infinite; }
                          {% endif %}
                        {% endif %}

                        @keyframes blink { 50% {opacity: 0.7;} }
                  - type: template
                    icon: phu:garbage-plastic
                    entity: calendar.smieci_papier
                    tap_action: none
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    content: >-
                      {% set start_time = state_attr('calendar.smieci_papier',
                      'start_time') %} {% if start_time %}
                        {% set ev = start_time | as_datetime | as_local %}
                        {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                        {% set days = (ev.date() - adj_now.date()).days %}
                        {% if days <= 0 %}dzisiaj{% elif days == 1 %}jutro{% else %}{{ days }}{% endif %}
                      {% else %}--{% endif %}
                    card_mod:
                      style: >
                        ha-card {
                          --color: rgb(var(--rgb-pink));
                          --text-color: rgb(var(--primary-text-color));
                        }

                        {% set start_time = state_attr('calendar.smieci_papier',
                        'start_time') %}

                        {% if start_time %}
                          {% set ev = start_time | as_datetime | as_local %}
                          {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                          {% set days = (ev.date() - adj_now.date()).days %}
                          
                          {% if days <= 7 %}
                            ha-card {
                              --chip-background: rgb(var(--rgb-pink));
                              --text-color: rgb(var(--rgb-white));
                              --color: rgb(var(--rgb-white));
                            }
                          {% endif %}
                          
                          {% if days == 1 %}
                            ha-card { animation: blink 3s linear infinite; }
                          {% endif %}
                        {% endif %}

                        @keyframes blink { 50% {opacity: 0.7;} }
                  - type: template
                    icon: mdi:truck
                    entity: calendar.smieci_wielkogabaryty
                    tap_action: none
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    content: >-
                      {% set start_time =
                      state_attr('calendar.smieci_wielkogabaryty', 'start_time')
                      %} {% if start_time %}
                        {% set ev = start_time | as_datetime | as_local %}
                        {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                        {% set days = (ev.date() - adj_now.date()).days %}
                        {% if days <= 0 %}dzisiaj{% elif days == 1 %}jutro{% else %}{{ days }}{% endif %}
                      {% else %}--{% endif %}
                    card_mod:
                      style: >
                        ha-card {
                          --color: rgb(var(--rgb-purple));
                          --text-color: rgb(var(--primary-text-color));
                        }

                        {% set start_time =
                        state_attr('calendar.smieci_wielkogabaryty',
                        'start_time') %}

                        {% if start_time %}
                          {% set ev = start_time | as_datetime | as_local %}
                          {% set adj_now = (now() + timedelta(days=1)) if (ev.date() == now().date() and now().hour >= 12) else now() %}
                          {% set days = (ev.date() - adj_now.date()).days %}
                          
                          {% if days <= 7 %}
                            ha-card {
                              --chip-background: rgb(var(--rgb-purple));
                              --text-color: rgb(var(--rgb-white));
                              --color: rgb(var(--rgb-white));
                            }
                          {% endif %}
                          
                          {% if days == 1 %}
                            ha-card { animation: blink 3s linear infinite; }
                          {% endif %}
                        {% endif %}

                        @keyframes blink { 50% {opacity: 0.7;} }
                  - type: conditional
                    conditions:
                      - entity: sensor.bme280_czujnik2_pm_2_5_m_weight_concentration
                        condition: numeric_state
                        above: 25
                      - entity: sensor.bme280_czujnik2_pm_1_m_weight_concentration
                        condition: numeric_state
                        above: 25
                    chip:
                      type: template
                      content: Groźny poziom pyłków u Mamy
                      icon_color: red
                      icon: mdi:molecule
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.bme280_czujnik2_pm_2_5_m_weight_concentration
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_dwutlenek_wegla
                        condition: numeric_state
                        above: 1000
                        below: 1500
                    chip:
                      type: template
                      content: Konieczna wentylacja w salonie
                      icon_color: orange
                      icon: mdi:molecule-co2
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.view_plus_dwutlenek_wegla
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 3s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_dwutlenek_wegla
                        condition: numeric_state
                        above: 1500
                    chip:
                      type: template
                      content: Salon niezdatny do przebywania
                      icon_color: red
                      icon: mdi:molecule-co2
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.view_plus_dwutlenek_wegla
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_pm1
                        condition: numeric_state
                        above: 25
                      - entity: sensor.view_plus_pm2_5
                        condition: numeric_state
                        above: 25
                    chip:
                      type: template
                      content: Groźny poziom pyłków w salonie
                      icon_color: red
                      icon: mdi:molecule
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.view_plus_pm2_5
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_volatile_organic_compounds_parts
                        condition: numeric_state
                        above: 2000
                    chip:
                      type: template
                      content: Groźne LZO w salonie
                      icon_color: red
                      icon: mdi:molecule
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.view_plus_volatile_organic_compounds_parts
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_radon
                        condition: numeric_state
                        above: 100
                        below: 150
                    chip:
                      type: template
                      content: |
                        Wykryto
                        Radon
                      icon_color: pink
                      icon: mdi:radioactive
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.view_plus_radon
                      card_mod:
                        style: |
                          ha-card {
                            --chip-background: rgb(var(--rgb-orange));
                            --text-color: rgb(var(--rgb-black));
                            --color: rgb(var(--rgb-black));
                            animation: blink 0.5s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                          ::slotted(span) {
                            /* Force new lines to show up */
                            white-space: pre-wrap !important; /* Or 'pre' */
                            content: "\\a"; /* Add line break */
                          }
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_radon
                        condition: numeric_state
                        above: 150
                    chip:
                      type: template
                      content: |
                        Niebezpieczeństwo! 
                        Radon
                      icon_color: pink
                      icon: mdi:radioactive
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.view_plus_radon
                      card_mod:
                        style: |
                          ha-card {
                            --chip-background: rgb(var(--rgb-white));
                            --text-color: rgb(var(--rgb-black));
                            --color: rgb(var(--rgb-black));
                            animation: flash 2s linear infinite;
                          }
                          @keyframes flash {
                            0%, 60%, 80%, 100% {
                              --chip-background: rgb(var(--rgb-white));
                              --text-color: rgb(var(--rgb-black));
                              --color: rgb(var(--rgb-black));
                            }
                            50%, 70%, 90% {
                            --chip-background: rgb(var(--rgb-black));
                            --text-color: rgb(var(--rgb-white));
                            --color: rgb(var(--rgb-white));
                            --icon-color: rgb(var(--rgb-white));
                            }
                          }
                          ::slotted(span) {
                            /* Force new lines to show up */
                            white-space: pre-wrap !important; /* Or 'pre' */
                            content: "\\a"; /* Add line break */
                          }
                  - type: conditional
                    conditions:
                      - entity: sensor.bme280_czujnik2_air_quality_index
                        state: Zła jakość powietrza
                    chip:
                      type: template
                      content: Zła jakość powietrza u Mamy
                      icon_color: orange
                      icon: mdi:air-filter
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.bme280_czujnik2_air_quality_index
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 3s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.czujnik_gazu_ziemnego_piwnica_gas
                        state: 'on'
                    chip:
                      type: template
                      content: Ulatnianie gazu ziemnego
                      icon_color: red
                      icon: mdi:gas-burner
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: binary_sensor.czujnik_gazu_ziemnego_piwnica_gas
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                        condition: numeric_state
                        above: 1000
                        below: 1500
                    chip:
                      type: template
                      content: Nadmiar CO₂ w pinwnicy
                      icon_color: amber
                      icon: mdi:molecule-co2
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 3s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                        condition: numeric_state
                        above: 1500
                        below: 2000
                    chip:
                      type: template
                      content: Konieczna wentylacja piwnicy
                      icon_color: orange
                      icon: mdi:molecule-co2
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                        condition: numeric_state
                        above: 2000
                    chip:
                      type: template
                      content: Ryzyko CO₂ w piwnicy
                      icon_color: red
                      icon: mdi:molecule-co2
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 0.5s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.czujnik_deszczu_water_leak
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.czujnik_deszczu_water_leak
                      content_info: name
                      name: Wykryto opady
                      icon_color: blue
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_volatile_organic_compounds_parts
                        condition: numeric_state
                        above: 15
                        below: 25
                    chip:
                      type: template
                      content: |
                        SMOG
                        {{ states.sensor.dom_pm2_5.state }} µg/m³
                      icon_color: amber
                      icon: mdi:molecule
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.dom_pm2_5
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 2s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }
                          ::slotted(span) {
                            /* Force new lines to show up */
                            white-space: pre-wrap !important; /* Or 'pre' */
                            content: "\\a"; /* Add line break */
                          }
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_volatile_organic_compounds_parts
                        condition: numeric_state
                        above: 25
                        below: 50
                    chip:
                      type: template
                      content: |
                        SMOG
                        {{ states.sensor.dom_pm2_5.state }} µg/m³
                      icon_color: red
                      icon: mdi:molecule
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.dom_pm2_5
                      card_mod:
                        style: |
                          ha-card {
                            --chip-background: rgb(var(--rgb-amber));
                            --text-color: rgb(var(--rgb-black));
                            --color: rgb(var(--rgb-black));
                            animation: blink 0.3s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.8;}
                          }
                          ::slotted(span) {
                            /* Force new lines to show up */
                            white-space: pre-wrap !important; /* Or 'pre' */
                            content: "\\a"; /* Add line break */
                          }
                  - type: conditional
                    conditions:
                      - entity: sensor.view_plus_volatile_organic_compounds_parts
                        condition: numeric_state
                        above: 50
                    chip:
                      type: template
                      content: |
                        SMOG
                        {{ states.sensor.dom_pm2_5.state }} µg/m³
                      icon_color: red
                      icon: mdi:molecule
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.dom_pm2_5
                      card_mod:
                        style: |
                          ha-card {
                            --chip-background: rgb(var(--rgb-white));
                            --text-color: rgb(var(--rgb-black));
                            --color: rgb(var(--rgb-black));
                            animation: flash 2s linear infinite;
                          }
                          @keyframes flash {
                            0%, 60%, 80%, 100% {
                              --chip-background: rgb(var(--rgb-white));
                              --text-color: rgb(var(--rgb-black));
                              --color: rgb(var(--rgb-black));
                            }
                            50%, 70%, 90% {
                            --chip-background: rgb(var(--rgb-black));
                            --text-color: rgb(var(--rgb-white));
                            --color: rgb(var(--rgb-white));
                            --icon-color: rgb(var(--rgb-white));
                            }
                          }
                          ::slotted(span) {
                            /* Force new lines to show up */
                            white-space: pre-wrap !important; /* Or 'pre' */
                            content: "\\a"; /* Add line break */
                          }
                  - type: conditional
                    conditions:
                      - condition: state
                        entity: sensor.nowy_sacz_alert_pogodowy
                        state_not: no_alert
                      - condition: state
                        entity: sensor.nowy_sacz_alert_pogodowy
                        state_not: unavailable
                      - condition: state
                        entity: sensor.nowy_sacz_alert_pogodowy
                        state_not: unknown
                    chip:
                      type: entity
                      icon_color: red
                      icon: mdi:alert
                      tap_action:
                        action: more-info
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                      entity: sensor.nowy_sacz_alert_pogodowy
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 2s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.6;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.burze_dzis_net_ostrzezenie_burza
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.burze_dzis_net_ostrzezenie_burza
                      content_info: name
                      name: Burza
                      icon_color: purple
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.burze_dzis_net_ostrzezenie_mroz
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.burze_dzis_net_ostrzezenie_mroz
                      content_info: name
                      name: Mróz
                      icon_color: purple
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.burze_dzis_net_ostrzezenie_opad
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.burze_dzis_net_ostrzezenie_opad
                      content_info: name
                      name: Opady
                      icon_color: blue
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.burze_dzis_net_ostrzezenie_traba
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.burze_dzis_net_ostrzezenie_traba
                      content_info: name
                      name: Trąba pow.
                      icon_color: red
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.burze_dzis_net_ostrzezenie_upal
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.burze_dzis_net_ostrzezenie_upal
                      content_info: name
                      name: Upał
                      icon_color: red
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.burze_dzis_net_ostrzezenie_wiatr
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.burze_dzis_net_ostrzezenie_wiatr
                      content_info: name
                      name: Wiatr
                      icon_color: amber
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - entity: binary_sensor.burze_dzis_net_wyladowania_w_poblizu
                        state: 'on'
                    chip:
                      type: entity
                      entity: binary_sensor.burze_dzis_net_wyladowania_w_poblizu
                      content_info: name
                      name: Wyładow. atm.
                      icon_color: amber
                      card_mod:
                        style: |
                          ha-card {
                            animation: blink 1s linear infinite;
                          }
                          @keyframes blink {
                            50% {opacity: 0.5;}
                          }  
                  - type: conditional
                    conditions:
                      - condition: state
                        entity: sensor.dom_lightning_azimuth
                        state_not: unknown
                    chip:
                      type: template
                      entity: sensor.dom_lightning_azimuth
                      content: |
                        Azymut: {{ states('sensor.dom_lightning_azimuth') }}
                  - type: conditional
                    conditions:
                      - entity: sensor.dom_lightning_counter
                        state_not: '0'
                    chip:
                      type: template
                      entity: sensor.dom_lightning_counter
                      content: |
                        Ilość: {{ states('sensor.dom_lightning_counter') }}
                  - type: conditional
                    conditions:
                      - condition: state
                        entity: sensor.dom_lightning_distance
                        state_not: unknown
                    chip:
                      type: template
                      entity: sensor.dom_lightning_distance
                      content: |
                        Burza: {{ states('sensor.dom_lightning_distance') }}
                  - type: conditional
                    conditions:
                      - condition: state
                        entity: sensor.dom_lightning_distance
                        state_not: unknown
                    chip:
                      type: template
                      entity: sensor.dom_lightning_distance
                      content: |
                        Burza: {{ states('sensor.dom_lightning_distance') }}
                card_mod:
                  style: |
                    mushroom-template-chip, 
                    mushroom-conditional-chip,
                    mushroom-entity-chip,
                    mushroom-weather-chip,
                    mushroom-light-chip,
                    mushroom-menu-chip, 
                    mushroom-spacer-chip,
                    mushroom-chips {
                        border-radius: 16px;
                      }
                    .chip-container {
                      margin-top: -10px !important;
                      margin-bottom: -2px !important;
                    }
          - type: custom:vertical-stack-in-card
            cards:
              - type: custom:badge-horizontal-container-card
                badges:
                  - type: custom:mushroom-template-badge
                    icon: mdi:wifi-arrow-up-down
                    color: pink
                    content: WiFi
                    tap_action:
                      action: navigate
                      navigation_path: '#wifi'
                    card_mod:
                      style: |
                        .no-info {
                          border: none !important;
                        }
                        mushroom-template-chip, 
                        mushroom-conditional-chip,
                        mushroom-entity-chip,
                        mushroom-weather-chip,
                        mushroom-light-chip,
                        mushroom-menu-chip, 
                        mushroom-spacer-chip,
                        mushroom-chips {
                            border-radius: 16px;
                            border: none !important;
                          }
                        .chip-container {
                          border: 0px !important;
                          margin-top: -10px !important;
                          margin-bottom: -2px !important;
                        }
                  - type: custom:entity-progress-badge
                    entity: sensor.router_wan_rx
                    name: Prędkość pobierania
                    unit: M
                    decimal: 0
                    min_value: 0
                    max_value: 950
                    theme: optimal_when_low
                  - type: custom:entity-progress-badge
                    entity: sensor.router_wan_tx
                    name: Prędkość wysyłania
                    unit: M
                    decimal: 0
                    min_value: 0
                    max_value: 950
                    theme: optimal_when_low
                badges_align: center
                badges_wrap: scroll
              - type: custom:waterfall-history-card
                title: ' '
                hours: 24
                show_min_max: false
                height: 5
                digits: 1
                gradient: true
                entities:
                  - entity: sensor.ucg_fiber_cloudflare_wan_latency
                    name: ' '
                    hours: 24
                    show_current: false
                    show_icons: false
                    show_labels: false
                    thresholds:
                      - value: 0
                        color: '#Ff5C7A'
                      - value: 1
                        color: '#40c8ba'
                      - value: 5
                        color: '#ADFF5C'
                      - value: 50
                        color: '#FFB15C'
                      - value: 80
                        color: '#FF7F5C'
                      - value: 81
                        color: '#FF5C7A'
                      - value: 200
                        color: '#B56CFF'
                show_current: false
                show_labels: false
                show_icons: false
                compact: false
                inline_layout: false
                card_mod:
                  style: |
                    :host {
                      border-radius: 0px !important;
                      padding: 0px !important;
                      margin: 0px !important;
                      border: none !important;
                      background: none !important;
                      margin-top: -10px !important;
                    }
                    .entity-container {
                      margin: 0px !important;
                      gap: 0px !important;
                      padding: 0px !important;
                    }
                    .entity-header {
                      margin: 0px !important;
                      gap: 0px !important;
                      padding: 0px !important;
                    }
        column_span: 1
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Światła
                    icon: mdi:lightbulb
                    tap_action:
                      action: navigate
                      navigation_path: '#swiatla'
                    color: green
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        :host {
                          /* Set bg button color here */
                          --bg-panel-button-color: var(--green-color);
                          --bg-panel-button-opacity: 0.2;
                          --bg-panel-button-circle-1: circle at 90% 50%;
                          --bg-panel-button-circle-2: circle at 60% 70%;
                          --bg-panel-button-speed: 25s;
                          --bg-panel-button-angel-start: 30deg;
                          --bg-panel-button-angel-end: 390deg;
                        }
                        ha-card { 
                          background: var(--card-background-color);
                          width: auto;
                          border-radius: var(--ha-card-border-radius,var(--ha-border-radius-lg));
                          margin-left: 0px;
                          margin-right: 0px;
                          margin-bottom: 2px;
                          /* required: clip-path for animation in ::before */
                          clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 12px));
                          text-shadow: var(--primary-background-color) 0 1px 0px;
                        }
                        ha-card::before {
                          content: "";
                          position: absolute;
                          width: 100%; height: 100%;
                          z-index: 0;
                          left: 0px;
                          top: 0%;
                          pointer-events: none;
                          
                          /* Two radial gradients in one element */
                          background-image: 
                            radial-gradient(var(--bg-panel-button-circle-1), var(--bg-panel-button-color) 0%, transparent 80%),
                            radial-gradient(var(--bg-panel-button-circle-2), var(--bg-panel-button-color) 0%, transparent 50%);
                          
                          filter: blur(15px);
                          mix-blend-mode: screen;
                          opacity: var(--bg-panel-button-opacity);
                          wanimation: rotate-light var(--bg-panel-button-speed) linear infinite;
                                    
                        }
                        /* Animation */
                        @keyframes rotate-light {
                          0% { transform: rotate(var(--bg-panel-button-angel-start)); }
                          100% { transform: rotate(var(--bg-panel-button-angel-end)); }
                        }
                        ha-tile-icon {
                          filter: drop-shadow(0px 1px 1px var(--primary-background-color));
                        }
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Temperatury
                    icon: mdi:thermometer
                    tap_action:
                      action: navigate
                      navigation_path: '#temperatury'
                    color: red
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        :host {
                          /* Set bg button color here */
                          --bg-panel-button-color: var(--red-color);
                          --bg-panel-button-opacity: 0.2;
                          --bg-panel-button-circle-1: circle at 90% 50%;
                          --bg-panel-button-circle-2: circle at 60% 70%;      --bg-panel-button-speed: 25s;
                          --bg-panel-button-angel-start: 120deg;
                          --bg-panel-button-angel-end: 480deg;
                        }
                        ha-card { 
                          background: var(--card-background-color);
                          width: auto;
                          border-radius: var(--ha-card-border-radius,var(--ha-border-radius-lg));
                          margin-left: 0px;
                          margin-right: 0px;
                          margin-bottom: 2px;
                          /* required: clip-path for animation in ::before */
                          clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 12px));
                          text-shadow: var(--primary-background-color) 0 1px 0px;
                        }
                        ha-card::before {
                          content: "";
                          position: absolute;
                          width: 100%; height: 100%;
                          z-index: 0;
                          left: 0px;
                          top: 0%;
                          pointer-events: none;
                          
                          /* Two radial gradients in one element */
                          background-image: 
                            radial-gradient(var(--bg-panel-button-circle-1), var(--bg-panel-button-color) 0%, transparent 80%),
                            radial-gradient(var(--bg-panel-button-circle-2), var(--bg-panel-button-color) 0%, transparent 50%);

                          filter: blur(15px);
                          mix-blend-mode: screen;
                          opacity: var(--bg-panel-button-opacity);
                          wanimation: rotate-light var(--bg-panel-button-speed) linear infinite;
                                    
                        }
                        /* Animation */
                        @keyframes rotate-light {
                          0% { transform: rotate(var(--bg-panel-button-angel-start)); }
                          100% { transform: rotate(var(--bg-panel-button-angel-end)); }
                        }
                        ha-tile-icon {
                          filter: drop-shadow(0px 1px 1px var(--primary-background-color));
                        }
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Media
                    icon: mdi:speaker
                    tap_action:
                      action: navigate
                      navigation_path: '#media'
                    color: purple
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        :host {
                          /* Set bg button color here */
                          --bg-panel-button-color: var(--purple-color);
                          --bg-panel-button-opacity: 0.3;
                          --bg-panel-button-circle-1: circle at 90% 50%;
                          --bg-panel-button-circle-2: circle at 60% 70%;      --bg-panel-button-speed: 25s;
                          --bg-panel-button-angel-start: 60deg;
                          --bg-panel-button-angel-end: 420deg;
                        }
                        ha-card { 
                          background: var(--card-background-color);
                          width: auto;
                          border-radius: var(--ha-card-border-radius,var(--ha-border-radius-lg));
                          margin-left: 0px;
                          margin-right: 0px;
                          margin-bottom: 2px;
                          /* required: clip-path for animation in ::before */
                          clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 12px));
                          text-shadow: var(--primary-background-color) 0 1px 0px;
                        }
                        ha-card::before {
                          content: "";
                          position: absolute;
                          width: 100%; height: 100%;
                          z-index: 0;
                          left: 0px;
                          top: 0%;
                          pointer-events: none;
                          
                          /* Two radial gradients in one element */
                          background-image: 
                            radial-gradient(var(--bg-panel-button-circle-1), var(--bg-panel-button-color) 0%, transparent 80%),
                            radial-gradient(var(--bg-panel-button-circle-2), var(--bg-panel-button-color) 0%, transparent 50%);
                          
                          filter: blur(15px);
                          mix-blend-mode: screen;
                          opacity: var(--bg-panel-button-opacity);
                          wanimation: rotate-light var(--bg-panel-button-speed) linear infinite;
                                    
                        }
                        /* Animation */
                        @keyframes rotate-light {
                          0% { transform: rotate(var(--bg-panel-button-angel-start)); }
                          100% { transform: rotate(var(--bg-panel-button-angel-end)); }
                        }
                        ha-tile-icon {
                          filter: drop-shadow(0px 1px 1px var(--primary-background-color));
                        }
          - type: custom:fork-u-house-card
            language: pl
            image_path: /local/fork_u-house_card/
            season_entity: sensor.season
            sun_entity: sun.sun
            weather_entity: weather.openweathermap
            cloud_coverage_entity: sensor.openweathermap_cloud_coverage
            aqi_entity: sensor.dom_pm2_5
            pollen_entity: sensor.google_pollen_never_used_before_so_no_idea
            uv_entity: sensor.openweathermap_uv_index
            wind_speed_entity: sensor.openweathermap_predkosc_wiatru
            wind_direction_entity: sensor.openweathermap_kierunek_wiatru
            rooms:
              - name: Zewnątrz
                entity: sensor.czujnik_ruchu_zewnatrz_poprawna_temperatura_temperature
                weight: 0
                x: 85
                'y': 10
              - name: Salon
                entity: sensor.czujnik_obecnosci_salon_temperature
                weight: 1
                x: 20
                'y': 40
              - name: Mama
                entity: sensor.czujnik_temperatury_mamasypialnia_temperature
                weight: 1
                x: 25
                'y': 27
              - name: Biuro
                entity: sensor.czujnik_obecnosci_przedpokoj_temperature
                weight: 1
                x: 55
                'y': 53
              - name: Piwnica
                entity: sensor.czujnik_jakosci_powietrza_piwnica_temperature
                weight: 0
                x: 13
                'y': 68
              - name: Serwerownia
                entity: sensor.czujnik_temperatury_serwerownia_temperature
                weight: 0
                x: 85
                'y': 68
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                cards:
                  - show_state: false
                    show_name: false
                    camera_view: live
                    fit_mode: fill
                    type: picture-entity
                    camera_image: camera.go2rtc_camera_1_wjazd_mobile
                    entity: camera.go2rtc_camera_1_wjazd_mobile
                    grid_options:
                      columns: 3
                      rows: 1
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-hello/kamery
                    card_mod:
                      style: |
                        ha-card {
                          min-height: 50px !important;
                          height: 90px !important;
                          border-radius: var(--ha-card-border-radius,var(--ha-border-radius-lg));
                        }
                  - show_state: false
                    show_name: false
                    camera_view: live
                    fit_mode: fill
                    type: picture-entity
                    grid_options:
                      columns: 3
                      rows: 1
                    camera_image: camera.go2rtc_camera_3_domofon_sd
                    entity: camera.go2rtc_camera_3_domofon_sd
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-hello/kamery
                    card_mod:
                      style: |
                        ha-card {
                          min-height: 50px !important;
                          height: 90px !important;
                          border-radius: var(--ha-card-border-radius,var(--ha-border-radius-lg));
                        }
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-cover-card
                    entity: cover.brama_extended_wjazdowa
                    fill_container: true
                    name: Brama
                    show_buttons_control: true
                    show_position_control: false
                    show_tilt_position_control: false
                    layout: horizontal
                    primary_info: none
                    secondary_info: none
                    card_mod:
                      style:
                        mushroom-shape-icon$: >
                          .shape {
                            {% set status = states(config.entity) %}
                            {% set state_entity    = 'binary_sensor.czujnik_bramy_zamknieta_contact' %}

                            {% if status == 'closed' %}
                              /* SECURE: Green */
                              --main-color: var(--rgb-green);
                              --effect-anim: liquid-sheen 6s ease-in-out infinite;
                              --ring-display: none;
                              --icon-anim: none;
                              
                            {% elif status == 'open' %}
                              /* OPEN: Red */
                              --main-color: var(--rgb-red);
                              --effect-anim: soft-heartbeat 3s ease-in-out infinite;
                              --ring-display: block;
                              /* NEW: Icon breathes when open */
                              --icon-anim: icon-alert-pulse 3s ease-in-out infinite;

                            {% else %}
                            
                              /* MOVING: Orange */
                              --main-color: var(--rgb-orange);
                              --effect-anim: smooth-flow 2s linear infinite;
                              --ring-display: none;
                              /* Icon moves up/down */
                              --icon-anim: nudge-icon 1s ease-in-out infinite;
                            {% endif %}

                            /* --- BASE STYLING --- */
                            background-color: rgba(var(--main-color), 0.20) !important;
                            
                            --icon-color: var(--main-color) !important;
                            --icon-color-disabled: var(--main-color) !important;
                            --shape-color: transparent !important;
                            color: rgb(var(--main-color)) !important;


                            box-shadow: 0 0 20px rgba(var(--main-color), 0.2);
                            
                            border-radius: 28px !important;
                            position: relative;
                            overflow: visible !important;
                            transition: background-color 0.5s ease, box-shadow 0.5s ease;
                            
                            /* Apply the background shape animation */
                            animation: var(--effect-anim);
                          }



                          /* --- INNER EFFECT (Sheen / Stripes) --- */


                          .shape::before {
                            content: '';
                            position: absolute;
                            inset: 0;
                            border-radius: inherit;
                            background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.2) 50%, transparent 80%);
                            background-size: 200% 100%;
                            opacity: 0; 
                            animation: inherit; 
                          }


                          /* --- OUTER EFFECT (Soft Ripple for Open) --- */


                          .shape::after {
                            content: '';
                            display: var(--ring-display);
                            position: absolute;
                            inset: 0;
                            border-radius: inherit;
                            background: rgba(var(--main-color), 0.8);
                            z-index: -1;
                            animation: soft-ripple 1s infinite ease-out;
                          }


                          /* --- ANIMATIONS --- */



                          /* CLOSED: Liquid Sheen */


                          @keyframes liquid-sheen {
                            0%, 100% { background-position: 150% 0; box-shadow: 0 0 15px rgba(var(--main-color), 0.1); opacity: 1; }
                            50% { background-position: -50% 0; box-shadow: 0 0 25px rgba(var(--main-color), 0.3); opacity: 1; }
                          }


                          .shape[style*="liquid-sheen"]::before { opacity: 1;
                          animation:

                          liquid-sheen 6s ease-in-out infinite; }



                          /* OPEN: Background Heartbeat */


                          @keyframes soft-heartbeat {
                            0% { transform: scale(1); box-shadow: 0 0 10px rgba(var(--main-color), 0.2); }
                            50% { transform: scale(1.03); box-shadow: 0 0 25px rgba(var(--main-color), 0.5); }
                            100% { transform: scale(1); box-shadow: 0 0 10px rgba(var(--main-color), 0.2); }
                          }



                          /* OPEN: Icon Alert Pulse (The Icon itself scales) */


                          @keyframes icon-alert-pulse {
                            0% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(var(--main-color), 0)); }
                            50% { transform: scale(1.2); filter: drop-shadow(0 0 8px rgba(var(--main-color), 0.6)); }
                            100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(var(--main-color), 0)); }
                          }



                          /* OPEN: Fading Ripple */


                          @keyframes soft-ripple {
                            0% { transform: scale(1); opacity: 0.6; }
                            100% { transform: scale(1.8); opacity: 0; }
                          }



                          /* MOVING: Smooth Flow Background */


                          @keyframes smooth-flow {
                            0% { background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px); background-position: 0 0; opacity: 1; }
                            100% { background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px); background-position: 28px 0; opacity: 1; }
                          }



                          /* MOVING: Gentle Icon Nudge */


                          @keyframes nudge-icon {
                            0%, 100% { transform: translateY(0); }
                            50% { transform: translateY(-3px); }
                          }
                        .: |
                          mushroom-shape-icon {
                            display: flex;

                            z-index: 1;
                            
                            /* APPLY ICON ANIMATION HERE */
                            animation: var(--icon-anim);
                          }
                          ha-card {
                            --ha-card-border-radius: 40px;
                            clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                            border-radius: var(--ha-card-border-radius, 30px);
                          }
                  - type: custom:mushroom-alarm-control-panel-card
                    entity: alarm_control_panel.alarmo
                    states: []
                    fill_container: true
                    tap_action:
                      action: navigate
                      navigation_path: '#alarm'
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    layout: vertical
                    secondary_info: none
                    name: Alarm
                    primary_info: none
                    card_mod:
                      style:
                        mushroom-shape-icon$: >
                          .shape {
                            /* --- LOGIC BLOCK --- */
                            {% set status = states(config.entity) %}
                            
                            {% if status == 'disarmed' %}
                              /* --- DISARMED --- */
                              --main-color: var(--rgb-green);
                              /* Shape: Floating effect */
                              --bg-anim: shield-float 3s ease-in-out infinite;
                              /* Inner: Light sheen scan */
                              --inner-style: linear-gradient(to bottom, transparent 0%,  transparent 20%, rgba(45,160,40,0.5) 40%, rgba(88,204,0,0.5) 42%, rgba(0,255,0,0.1) 43%, transparent 60%);
                              --inner-anim: sheen-scan 3s ease-in-out infinite;
                              /* Outer: None */
                              --outer-display: none;
                              /* ICON: Slow, calm breathing */
                              --icon-anim: breathe-slow 3s ease-in-out infinite;
                              wmix-blend: color-dodge !important;
                            {% elif status == 'triggered' %}
                              /* --- TRIGGERED --- */
                              --main-color: var(--rgb-deep-orange);
                              /* Shape: Strobe */
                              --bg-anim: panic-strobe 0.5s steps(2) infinite;
                              /* Inner: None */
                              --inner-style: none;
                              --inner-anim: none;
                              /* Outer: Shockwave */
                              --outer-display: block;
                              --outer-anim: shockwave 0.5s linear infinite;
                              /* ICON: Violent shake */
                              --icon-anim: violent-shake 0.1s linear infinite;

                            {% elif 'armed' in status %}
                              /* --- ARMED --- */
                              --main-color: var(--rgb-red);
                              /* Shape: Static */
                              --bg-anim: none;
                              /* Inner: Radar sweep gradient */
                              --inner-style: conic-gradient(from 0deg, transparent 0%, rgba(var(--main-color), 0.6) 20%, transparent 40%);
                              --inner-anim: radar-spin 2s linear infinite;
                              /* Outer: Sonar expansion */
                              --outer-display: block;
                              --outer-anim: sonar-expand 2s ease-out infinite;
                              /* ICON: Alert pulse */
                              --icon-anim: breathe-fast 2s ease-in-out infinite;

                            {% elif status == 'pending' %}
                              /* --- PENDING --- */
                              --main-color: var(--rgb-orange);
                              /* Shape: Breathing */
                              --bg-anim: arming-breathe 1s ease-in-out infinite;
                              /* Inner/Outer: None */
                              --inner-style: none;
                              --inner-anim: none;
                              --outer-display: none;
                              /* ICON: Medium pulse */
                              --icon-anim: breathe-medium 2s ease-in-out infinite;

                            {% else %}
                              /* UNKNOWN */
                              --main-color: var(--rgb-grey);
                              --bg-anim: none; --inner-style: none; --inner-anim: none; --outer-display: none; --icon-anim: none;
                            {% endif %}

                            /* --- SHAPE CONTAINER STYLING --- */
                            background-color: rgba(var(--main-color), 0.15) !important;
                            --icon-color: var(--main-color) !important;
                            color: rgb(var(--main-color)) !important;
                            
                            __disabled_box-shadow: 0 0 25px rgba(var(--main-color), 0.3), inset 0 0 10px rgba(var(--main-color), 0.1) !important;
                            border: 3px solid rgba(var(--main-color), 0.5);
                            box-shadow: 0 1px 0px rgba(0,0,0,0.1), inset 0 2px 2px var(--card-background-color) !important;
                            
                            border-radius: 50% !important;
                            position: relative;
                            overflow: visible !important;
                            transition: all 0.5s ease;
                            animation: var(--bg-anim);
                          }


                          /* INNER EFFECT (Sheen or Radar Sweep) */

                          .shape::before {
                            content: ''; 
                            position: absolute; 
                            inset: 0; 
                            border-radius: 50%;
                            background: var(--inner-style); 
                            background-size: 100% 200%;
                            animation: var(--inner-anim); z-index: 1;
                          }


                          /* OUTER EFFECT (Sonar Ring or Shockwave) */

                          .shape::after {
                            content: ''; 
                            display: var(--outer-display); 
                            position: absolute; inset: -2px; 
                            border-radius: 50%;
                            border: 2px solid rgba(var(--main-color), 0.6);
                            animation: var(--outer-anim); z-index: -1;
                          }


                          /* ICON ANIMATION (Applied directly to the icon) */

                          ha-icon {
                            position: relative; z-index: 2;
                            animation: var(--icon-anim); transform-origin: center;
                          }


                          /* --- SHAPE & ICON ANIMATIONS --- */

                          @keyframes shield-float { 0%, 100% { transform:
                          translateY(0); } 50% { transform: translateY(-3px); }
                          }

                          @keyframes sheen-scan { 0% { background-position: 0%
                          150%; opacity: 0; } 20%, 80% { opacity: 1; } 100% {
                          background-position: 0% -50%; opacity: 0; } }

                          @keyframes radar-spin { 0% { transform: rotate(0deg);
                          } 100% { transform: rotate(360deg); } }

                          @keyframes sonar-expand { 0% { transform: scale(1);
                          opacity: 0.8; border-width: 2px; } 100% { transform:
                          scale(2.5); opacity: 0; border-width: 0px; } }

                          @keyframes panic-strobe { 0% { background-color:
                          rgba(var(--main-color), 0.2); box-shadow: 0 0 10px
                          rgba(var(--main-color), 1); } 100% { background-color:
                          rgba(var(--main-color), 0.6); box-shadow: 0 0 50px
                          rgba(var(--main-color), 1); } }

                          @keyframes violent-shake { 0% { transform:
                          translate(0, 0) rotate(0deg); } 25% { transform:
                          translate(-3px, 3px) rotate(-5deg); } 50% { transform:
                          translate(3px, -3px) rotate(5deg); } 75% { transform:
                          translate(-3px, -3px) rotate(-5deg); } 100% {
                          transform: translate(0, 0) rotate(0deg); } }

                          @keyframes shockwave { 0% { transform: scale(1);
                          opacity: 1; } 100% { transform: scale(1.5); opacity:
                          0; } }

                          @keyframes arming-breathe { 0%, 100% { box-shadow: 0 0
                          10px rgba(var(--main-color), 0.5); } 50% { box-shadow:
                          0 0 30px rgba(var(--main-color), 1); } }


                          /* Icon Breathing Animations */

                          @keyframes breathe-slow { 0%, 100% { transform:
                          scale(1); opacity: 0.8; } 50% { transform:
                          scale(1.05); opacity: 1; } }

                          @keyframes breathe-medium { 0%, 100% { transform:
                          scale(1); } 50% { transform: scale(1.1); } }

                          @keyframes breathe-fast { 0%, 100% { transform:
                          scale(1); } 50% { transform: scale(1.15); } }
                        mushroom-alarm-control-panel-buttons-control$: |
                          mushroom-button {
                            --bg-color: rgba(var(--rgb-primary-text-color), 0.05) !important;
                            --button-color: rgb(var(--rgb-primary-text-color)) !important;
                            transition: all 0.2s ease;
                          }
                          mushroom-button:active {
                            background-color: rgba(var(--rgb-primary-color), 0.2) !important;
                          }
                        .: |
                          ha-card { 
                            background: var(--card-background-color);
                            _disabled-box-shadow: 
                            rgba(255,255,255,0.05) 1px 1px 0.5px 0 inset,
                            rgba(0,0,0,0.05) -1px -1px 0px inset;


                            width: auto;
                            margin-left: 0px;
                            margin-right: 0px;
                            margin-bottom: 2px;

                            /* --- LOGIC FOR CARD GLOW --- */
                            {% set status = states(config.entity) %}
                            
                            {% if status == 'disarmed' %}
                              /* DISARMED: Green Glow */
                              --card-glow-color: var(--rgb-green);
                              --card-anim-speed: 2s; /* Slow & Calm */
                              
                            {% elif status == 'triggered' %}
                              /* TRIGGERED: Deep Orange/Red Strobe */
                              --card-glow-color: var(--rgb-deep-orange);
                              --card-anim-speed: 0.5s;
                              
                            {% elif status == 'pending' %}
                              /* PENDING: Orange */
                              --card-glow-color: var(--rgb-orange);
                              --card-anim-speed: 2s;
                              
                            {% else %}
                              /* ARMED (Any mode): Red Glow */
                              --card-glow-color: var(--rgb-red);
                              --card-anim-speed: 2s;
                            {% endif %}
                            
                            --card-fill-anim: card-fill-pulse var(--card-anim-speed) ease-in-out infinite alternate;

                            /* Base Card Styling */
                            /* background: linear-gradient(145deg, rgba(30,30,30,0.9) 0%, rgba(20,20,20,1) 100%); */

                            /* background-image: linear-gradient(0deg, rgba(30,30,30,0.2) 0%, var(--card-background-color) 100%); */
                            


                            --ha-card-border-radius: 40px;
                            clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                            border-radius: var(--ha-card-border-radius, 30px);
                            
                            position: relative;
                            overflow: hidden; /* Important to contain the glow */
                          }

                          /* THE CARD-FILLING GLOW LAYER */
                          ha-card::before {
                            content: '';
                            position: absolute;
                            inset: 0;
                            /* A large radial gradient that expands to fill the card */
                            background: radial-gradient(circle at center, rgba(var(--card-glow-color),0.7) 0%, transparent 70%);
                            opacity: 0;
                            pointer-events: none;
                            mix-blend-mode: color-dodge;
                            animation: var(--card-fill-anim);
                            z-index: 0; /* Behind content but in front of background */
                          }

                          /* Animation for the card glow */
                          @keyframes card-fill-pulse {
                            0% { opacity: 0.1; transform: scale(0.8); }
                            100% { opacity: 0.6; transform: scale(1.5); }
                          }

                          /* Center the main icon */
                          mushroom-shape-icon {
                            --icon-size: 36px !important;
                            display: flex; 
                            justify-content: center; 
                            align-items: center;
                            position: relative; 
                            z-index: 1; /* Keep icon above the card glow */
                           
                            filter: drop-shadow(0px 1px 1px var(--primary-background-color));
                          }
      - type: grid
        cards:
          - type: custom:weather-forecast-card
            show_current: true
            show_forecast: true
            default_forecast: daily
            tap_action:
              action: more-info
            entity: weather.openweathermap
            temperature_entity: sensor.czujnik_ruchu_zewnatrz_poprawna_temperatura_temperature
            show_condition_effects: true
            name: Pogoda
            forecast:
              mode: chart
              show_sun_times: true
              scroll_to_selected: false
              use_color_thresholds: true
            forecast_action:
              tap_action:
                action: toggle-forecast
            current:
              show_attributes: []
      - type: grid
        cards:
          - type: custom:bubble-card
            card_type: horizontal-buttons-stack
            auto_order: true
            1_name: Mama
            1_icon: mdi:mother-heart
            1_link: '#mama'
            1_entity: light.mama_sypialnia
            1_pir_sensor: binary_sensor.czujnik_obecnosci_mama_presence
            2_name: Salon
            2_icon: mdi:theater
            2_link: '#salon'
            2_pir_sensor: binary_sensor.czujnik_obecnosci_salon_presence
            2_entity: light.salon_cala_strefa
            3_name: Łazienka
            3_icon: mdi:shower-head
            3_link: '#lazienka'
            3_entity: light.lazienka
            3_pir_sensor: binary_sensor.czujnik_obecnosci_lazienka_glowny_presence
            4_link: '#zewnatrz'
            4_name: Zewnątrz
            4_icon: mdi:home
            4_entity: light.swiatla_na_zewnatrz
            4_pir_sensor: binary_sensor.czujniki_ruchu_w_ogrodzie
            highlight_current_view: true
            margin: 7px
            hide_gradient: false
            rows: ''
            styles: |
              .card-content {
                bottom: 40px;
              }
              .bubble-background-color {
                border: 1px solid var(--card-background-color) !important;
                _disabled_border-color: var(--background-color-2) !important;
                _disabled_box-shadow: 0.5px 0.5px 1px 0px rgba(255, 255, 255, 0.4) inset, -0.5px -0.5px 1px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
              }
            5_name: Ostrzeżenia
            5_icon: mdi:alert
            5_link: '#burze'
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#salon-tv-pilot'
                button_type: name
                sub_button:
                  main: []
                  bottom: []
                show_header: true
                bg_opacity: '0'
                bg_blur: '0'
                backdrop_blur: '0'
                width_desktop: 320px
                bg_color: '#ffffff'
                hide_backdrop: true
                modules:
                  - simple-popup-header
              - type: custom:firemote-card
                entity: media_player.shield_adb
                device_family: nvidia-shield
                device_type: shield-tv-2019
                compatibility_mode: default
                android_tv_remote_entity: remote.shield
                defaultRemoteStyle_override: ON2
                app_launch_1: plex
                app_launch_2: sparkle-tv
                app_launch_3: smart-tube-next
                name_position: hidden
                app_launch_4: spotify
                app_launcher_relative_size: 0
                dpad_style: apple-tv-silver
                scale: '110'
                grid_options:
                  columns: 12
                  rows: 8
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#mama-tv-pilot'
                button_type: name
                sub_button:
                  main: []
                  bottom: []
                show_header: true
                bg_opacity: '0'
                bg_blur: '0'
                backdrop_blur: '0'
                width_desktop: 320px
                modules:
                  - simple-popup-header
                hide_backdrop: true
                bg_color: '#ffffff'
                shadow_opacity: '0'
                name: ''
              - type: custom:firemote-card
                entity: media_player.telewizor_u_mamy
                device_family: chromecast
                device_type: chromecast-4k
                compatibility_mode: default
                defaultRemoteStyle_override: ON2
                app_launcher_relative_size: 0
                visible_name_text: ''
                name_position: hidden
                scale: '110'
                grid_options:
                  columns: 12
                  rows: 8
                android_tv_remote_entity: remote.telewizor_w_sypialni_mamy
                app_launch_1: plex
                app_launch_2: youtube
                app_launch_3: sparkle-tv
                app_launch_4: youtubekids
                app_launch_5: ''
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#media'
                button_type: name
                name: Włącz muzykę
                icon: mdi:speaker
                sub_button:
                  main: []
                  bottom: []
                frosted_glass:
                  main_icon_color_boolean: icon_theme_color
                  icon_background: theme
                  main_shadow: true
                  sub_shadow: true
                  icon_shadow: true
                  opacity: 0.5
                  border_radius: 40
                bg_color: ''
              - type: custom:bubble-card
                card_type: separator
                name: Salon
                icon: mdi:theater
              - type: custom:bubble-card
                card_type: media-player
                sub_button:
                  main:
                    - entity: media_player.telewizor_w_salonie_js
                      sub_button_type: select
                      select_attribute: source_list
                      icon: cil:hdmi-source
                      name: Źródło
                  bottom: []
                  main_layout: inline
                entity: media_player.65oled909_12_2
                icon: mdi:youtube-tv
                name: Telewizor
                hide:
                  next_button: true
                  previous_button: true
                show_attribute: true
                show_state: false
              - type: custom:bubble-card
                card_type: media-player
                entity: media_player.salon
                name: Amplituner
                icon: mdi:audio-video
                hide:
                  power_button: false
                  next_button: true
                  previous_button: true
                cover_background: true
                sub_button:
                  main:
                    - entity: media_player.salon
                      sub_button_type: select
                      select_attribute: source_list
                      icon: cil:hdmi-source
                      name: Źródło
                      hide_when_parent_unavailable: false
                  bottom: []
                show_name: true
                force_icon: false
              - type: entities
                entities:
                  - card_type: horizontal-stack
                    cards:
                      - entity: script.streamuj_rmf_fm
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/RMF_FM_logo.svg/640px-RMF_FM_logo.svg.png
                        tap_action:
                          service: script.streamuj_rmf_fm
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Logo_Radia_Eska.svg/640px-Logo_Radia_Eska.svg.png
                        tap_action:
                          service: script.streamuj_radio_eska
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska_2
                        entity_picture: >-
                          https://files.qnap.net.pl/ha_assets/logo_radio_Eska2.png
                        tap_action:
                          service: script.streamuj_radio_eska_2
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_rmf_maxx
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/8/86/Logo_RMF_MAXX.png/640px-Logo_RMF_MAXX.png
                        tap_action:
                          service: script.streamuj_radio_rmf_maxx
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                    type: custom:hui-element
                card_mod:
                  style: |
                    ha-card {
                      background: none;
                    }
              - type: custom:bubble-card
                card_type: separator
                name: Ogród
                icon: hue:room-outdoors
              - type: custom:bubble-card
                card_type: media-player
                entity: media_player.nest_w_ogrodzie
                name: ''
              - type: entities
                entities:
                  - card_type: horizontal-stack
                    cards:
                      - entity: script.streamuj_rmf_fm_w_ogrodzie
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/RMF_FM_logo.svg/640px-RMF_FM_logo.svg.png
                        tap_action:
                          service: script.streamuj_rmf_fm_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska_w_ogrodzie
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Logo_Radia_Eska.svg/640px-Logo_Radia_Eska.svg.png
                        tap_action:
                          service: script.streamuj_radio_eska_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska_2_w_ogrodzie
                        entity_picture: >-
                          https://files.qnap.net.pl/ha_assets/logo_radio_Eska2.png
                        tap_action:
                          service: script.streamuj_radio_eska_2_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_rmf_maxx_w_ogrodzie
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/8/86/Logo_RMF_MAXX.png/640px-Logo_RMF_MAXX.png
                        tap_action:
                          service: script.streamuj_radio_rmf_maxx_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                    type: custom:hui-element
                card_mod:
                  style: |
                    ha-card {
                      background: none;
                    }
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#swiatla'
                name: Światła
                icon: phu:bulb-group-classic-hung-3
                sub_button:
                  main: []
                  bottom: []
                frosted_glass:
                  main_icon_color_boolean: icon_theme_color
                  icon_background: theme
                  main_shadow: true
                  sub_shadow: true
                  icon_shadow: true
                  opacity: 0.5
                  border_radius: 40
                show_header: true
                button_action: {}
              - type: conditional
                conditions:
                  - condition: or
                    conditions:
                      - condition: state
                        entity: light.festavia
                        state: 'on'
                      - condition: state
                        entity: light.festavia
                        state: 'off'
                card:
                  type: vertical-stack
                  cards:
                    - type: custom:bubble-card
                      card_type: separator
                      sub_button:
                        main:
                          - entity: switch.gniazdko_swiatla_uliczne_swiateczne
                            name: ''
                            icon: phu:light-string
                            tap_action:
                              action: toggle
                            double_tap_action:
                              action: toggle
                            hold_action:
                              action: toggle
                        bottom: []
                      name: Dekoracja świąteczna
                      icon: noto-v1:santa-claus
                      modules: []
                      subbutton_colors:
                        subbutton1:
                          color: grey
                          condition:
                            - condition: state
                              entity_id: switch.gniazdko_swiatla_uliczne_swiateczne
                              state:
                                - 'off'
                      styles: |-
                        .background-off {
                          background-color: var(--secondary-background-color);
                        }
                    - type: custom:bubble-card
                      card_type: button
                      button_type: slider
                      icon: roentgen:christmas-tree
                      name: Choinka
                      scrolling_effect: false
                      show_icon: true
                      button_action:
                        double_tap_action:
                          action: more-info
                        tap_action:
                          action: toggle
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                      sub_button:
                        main:
                          - entity: scene.salon_choinka_red_blink
                            icon: mdi:candle
                            name: Red Blink
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_lesna_przygoda
                            icon: mdi:forest
                            name: Leśna przygoda
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_nowa_aranzacja
                            icon: mdi:flash-triangle
                            name: Nowa aranżacja
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_soho_2
                            name: Soho 2
                            icon: mdi:square-opacity
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_cancun
                            icon: mdi:cupcake
                            name: Cancun
                            tap_action:
                              action: toggle
                        bottom: []
                      entity: light.festavia
                      rows: ''
                      force_icon: false
                      show_name: true
                    - type: custom:bubble-card
                      card_type: separator
                      sub_button:
                        main: []
                        bottom: []
                      icon: mdi:theater
                      name: Salon
              - type: custom:expander-card
                title: Expander Card
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    sub_button:
                      main: []
                      bottom:
                        - entity: light.salon
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: phu:ceiling-fugato-four-alt
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                        - entity: light.hue_color_lamp_4
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: mdi:tree
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                        - entity: light.hue_color_lamp_5
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: mdi:sprout
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                        - entity: light.hue_omniglow_striplight_1
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: mdi:dresser
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                        - entity: light.hue_play_wall_washer_1
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: mdi:border-left
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                        - entity: light.hue_play_wall_washer_2
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: mdi:border-right
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                        - entity: light.hue_color_lamp_16
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: mdi:arrow-bottom-left-thin
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                        - entity: light.signe_gradient_floor_1
                          tap_action:
                            action: toggle
                          double_tap_action:
                            action: toggle
                          hold_action:
                            action: more-info
                          icon: phu:signe-gradient-floor
                          sub_button_type: slider
                          allow_light_slider_to_0: true
                    entity: input_boolean.override_manual_on_ambient
                    name: Ambient - ręczne sterowanie
                    icon: mdi:gesture-double-tap
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    rows: '1.8'
                title-card:
                  type: custom:bubble-card
                  card_type: button
                  hash: '#swiatla'
                  button_type: slider
                  entity: light.salon_cala_strefa
                  icon: mdi:theater
                  show_header: true
                  slider_live_update: false
                  allow_light_slider_to_0: false
                  button_action:
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                  hold_action:
                    action: none
                  double_tap_action:
                    action: more-info
                  tap_action:
                    action: toggle
                  name: Salon
                  sub_button:
                    - entity: scene.salon_koncentracja
                      name: Koncentracja
                      tap_action:
                        action: toggle
                      icon: phu:scene-concentrate
                    - entity: scene.salon_czytanie
                      name: Czytanie
                      icon: phu:scene-read
                      tap_action:
                        action: toggle
                    - entity: scene.salon_odpoczynek
                      name: Odpoczynek
                      icon: hue:scene-rest
                      tap_action:
                        action: toggle
                    - entity: scene.salon_lampka_nocna
                      icon: phu:scene-nightlight
                      name: Lampka nocna
                      tap_action:
                        action: toggle
                clear: true
                clear-children: true
                animation: true
                padding: '0'
                child-margin-top: 14px
                title-card-button-overlay: false
              - type: custom:bubble-card
                card_type: separator
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
                button_type: switch
                name: Mama
                sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    name: Mama
                    entity: light.mama_sypialnia
                    show_state: false
                    show_last_changed: false
                    show_last_updated: false
                    show_attribute: false
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                      hold_action:
                        action: none
                    tap_action:
                      action: toggle
                    double_tap_action:
                      action: more-info
                    hold_action:
                      action: none
                    icon: mdi:mother-heart
                    sub_button:
                      - entity: scene.mama_sypialnia_koncentracja
                        name: Koncentracja
                        tap_action:
                          action: toggle
                        icon: hue:scene-concentrate
                      - entity: scene.mama_sypialnia_czytanie
                        name: Czytanie
                        icon: phu:scene-read
                        tap_action:
                          action: toggle
                      - entity: scene.mama_sypialnia_odpoczynek
                        name: Odpoczynek
                        icon: hue:scene-rest
                        tap_action:
                          action: toggle
                      - entity: scene.mama_sypialnia_lampka_nocna
                        icon: phu:scene-nightlight
                        name: Lampka nocna
                        tap_action:
                          action: toggle
                    scrolling_effect: false
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Tymek
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.tymek
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    icon: mdi:teddy-bear
                    sub_button:
                      - entity: scene.tymek_koncentracja
                        name: Koncentracja
                        tap_action:
                          action: toggle
                        icon: phu:scene-concentrate
                      - entity: scene.tymek_czytanie
                        name: Czytanie
                        icon: phu:scene-read
                        tap_action:
                          action: toggle
                      - name: Odpoczynek
                        icon: hue:scene-rest
                        tap_action:
                          action: toggle
                        entity: scene.tymek_odpoczynek
                      - entity: scene.tymek_relaks
                        icon: phu:scene-relax
                        name: Lampka nocna
                        tap_action:
                          action: toggle
                    use_accent_color: false
                    scrolling_effect: false
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Sypialnia dół / Biuro
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.hue_color_lamp_1_5
                    name: Biurko
                    icon: hue:desk-lamp
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    sub_button: []
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.wled
                    name: Komputer
                    icon: mdi:television-ambient-light
                    slider_live_update: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.sypialnia_dol
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    icon: mdi:bed
                    sub_button:
                      - name: Koncentracja
                        tap_action:
                          action: toggle
                        icon: phu:scene-concentrate
                        entity: scene.sypialnia_dol_koncentracja
                      - name: Czytanie
                        icon: phu:scene-read
                        tap_action:
                          action: toggle
                        entity: scene.sypialnia_dol_czytanie
                      - name: Odpoczynek
                        icon: hue:scene-rest
                        tap_action:
                          action: toggle
                        entity: scene.sypialnia_dol_odpoczynek
                      - icon: phu:scene-relax
                        name: Lampka nocna
                        tap_action:
                          action: toggle
                        entity: scene.sypialnia_dol_lampka_nocna
                    use_accent_color: false
                    scrolling_effect: false
              - type: custom:bubble-card
                card_type: separator
                name: Dom
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.wejscie
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    icon: mdi:shoe-print
                    scrolling_effect: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.lazienka
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    icon: mdi:shower-head
                    scrolling_effect: true
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.przedpokoj
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    icon: hue:room-stairs
                    scrolling_effect: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_schody
                    name: Schody
                    icon: mdi:stairs-up
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: none
                    double_tap_action:
                      action: none
                    scrolling_effect: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: light.schody_gora
                    name: Schody
                    icon: phu:upstairs-1
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: none
                    double_tap_action:
                      action: none
                    scrolling_effect: true
                    sub_button:
                      main:
                        - entity: switch.gniazdko_schody
                          fill_width: false
                          tap_action:
                            action: none
                          double_tap_action:
                            action: none
                          hold_action:
                            action: none
                          state_background: false
                          show_background: true
                          show_name: false
                          show_state: false
                          name: ''
                          icon: mdi:stairs-box
                          scrolling_effect: false
                          show_attribute: false
                      bottom: []
              - type: custom:bubble-card
                card_type: separator
                name: Zewnątrz i ogród
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.wyjscie
                    icon: mdi:home-lightbulb-outline
                    show_last_changed: false
                    show_attribute: false
                    show_state: false
                    name: Zewnątrz
                    slider_live_update: false
                    use_accent_color: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    scrolling_effect: false
                  - type: custom:bubble-card
                    card_type: button
                    button_type: slider
                    entity: light.zewnatrz_domu_2
                    icon: phu:garden
                    name: Zachód
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                    hold_action:
                      action: none
                    double_tap_action:
                      action: more-info
                    tap_action:
                      action: toggle
                    scrolling_effect: false
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#trash'
                button_type: name
                name: Odpady
                icon: mdi:delete-empty
              - type: vertical-stack
                cards:
                  - type: custom:mushroom-template-card
                    primary: BIO odpady
                    secondary: |2-
                                {% set t = now() %}
                                {% set midnight = today_at() %}
                                {% set event = state_attr('calendar.bioodpady', 'start_time') | as_datetime | as_local %}
                                {% set delta = event - midnight %}
                                {% if delta.days == 0 %}
                                  Dziś
                                {% elif delta.days == 1 %}
                                  Jutro
                                {% elif delta.days == 2 %}
                                  Pojutrze
                                {% else %}
                                  Za {{ delta.days }} dni
                                {% endif %}

                      | 
                                {{ as_timestamp(strptime(state_attr('calendar.bioodpady', 'start_time'), '%Y-%m-%d %H:%M:%S')) | timestamp_custom('%d-%m-%Y') }}          
                    icon: mdi:bio
                    entity: calendar.bioodpady
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    tap_action:
                      action: more-info
                    icon_color: >-
                      {{ 'green' if is_state('calendar.bioodpady','on') else ''
                      }}
                  - type: custom:mushroom-template-card
                    primary: Mieszane
                    secondary: |2-
                                {% set t = now() %}
                                {% set midnight = today_at() %}
                                {% set event = state_attr('calendar.odpady_zmieszane', 'start_time') | as_datetime | as_local %}
                                {% set delta = event - midnight %}
                                {% if delta.days == 0 %}
                                  Dziś
                                {% elif delta.days == 1 %}
                                  Jutro
                                {% elif delta.days == 2 %}
                                  Pojutrze
                                {% else %}
                                  Za {{ delta.days }} dni
                                {% endif %}

                      | 
                                {{ as_timestamp(strptime(state_attr('calendar.odpady_zmieszane', 'start_time'), '%Y-%m-%d %H:%M:%S')) | timestamp_custom('%d-%m-%Y') }}          
                    icon: mdi:delete
                    entity: calendar.odpady_zmieszane
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    tap_action:
                      action: more-info
                    icon_color: >-
                      {{ 'green' if is_state('calendar.odpady_zmieszane','on')
                      else '' }}
                  - type: custom:mushroom-template-card
                    primary: Plastik/Metal/Szkło
                    secondary: |2-
                                {% set t = now() %}
                                {% set midnight = today_at() %}
                                {% set event = state_attr('calendar.odpady_papier_plastik_i_szklo', 'start_time') | as_datetime | as_local %}
                                {% set delta = event - midnight %}
                                {% if delta.days == 0 %}
                                  Dziś
                                {% elif delta.days == 1 %}
                                  Jutro
                                {% elif delta.days == 2 %}
                                  Pojutrze
                                {% else %}
                                  Za {{ delta.days }} dni
                                {% endif %}

                      | 
                                {{ as_timestamp(strptime(state_attr('calendar.odpady_papier_plastik_i_szklo', 'start_time'), '%Y-%m-%d %H:%M:%S')) | timestamp_custom('%d-%m-%Y') }}          
                    icon: mdi:recycle
                    entity: calendar.odpady_papier_plastik_i_szklo
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    tap_action:
                      action: more-info
                    icon_color: >-
                      {{ 'green' if
                      is_state('calendar.odpady_papier_plastik_i_szklo','on')
                      else '' }}
                  - type: custom:mushroom-template-card
                    primary: Wielkogabarytowe
                    secondary: |2-
                                {% set t = now() %}
                                {% set midnight = today_at() %}
                                {% set event = state_attr('calendar.odpady_wielkogabarytowe', 'start_time') | as_datetime | as_local %}
                                {% set delta = event - midnight %}
                                {% if delta.days == 0 %}
                                  Dziś
                                {% elif delta.days == 1 %}
                                  Jutro
                                {% elif delta.days == 2 %}
                                  Pojutrze
                                {% else %}
                                  Za {{ delta.days }} dni
                                {% endif %}

                      | 
                                {{ as_timestamp(strptime(state_attr('calendar.odpady_wielkogabarytowe', 'start_time'), '%Y-%m-%d %H:%M:%S')) | timestamp_custom('%d-%m-%Y') }}          
                    icon: mdi:truck-alert-outline
                    entity: calendar.odpady_wielkogabarytowe
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    tap_action:
                      action: more-info
                    icon_color: >-
                      {{ 'green' if
                      is_state('calendar.odpady_wielkogabarytowe','on') else ''
                      }}
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#salon-ambilight'
                name: Ambilight
                icon: mdi:television-ambient-light
                sub_button:
                  main: []
                  bottom: []
                show_header: true
                button_action: {}
              - type: custom:expander-card
                title: Expander Card
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: custom:bubble-card
                        card_type: button
                        button_type: switch
                        entity: switch.sync_box_synchronizacja_swiatla
                        name: Sync
                        icon: mdi:television-ambient-light
                        modules:
                          - icon_animations
                        icon_animations:
                          animation_type: fade
                          animation_speed_main: '0.5'
                          animate_when:
                            - condition: state
                              entity_id: switch.sync_box_synchronizacja_swiatla
                              state:
                                - 'on'
                        show_name: true
                        show_last_changed: false
                        show_state: false
                        sub_button:
                          main: []
                          bottom: []
                        styles: |-
                          .bubble-state {
                            font-size: 13px;
                          }
                        button_action: {}
                      - type: custom:bubble-card
                        card_type: select
                        button_type: switch
                        entity: select.sync_box_intensywnosc
                        name: Intensywnosc
                        icon: hue:sync-intense
                        show_name: false
                        show_state: true
                        scrolling_effect: false
                        sub_button:
                          main: []
                          bottom: []
                        styles: |-
                          .bubble-state {
                            font-size: 13px;
                          }
                          ha-card {
                                --bubble-select-list-item-accent-color: oklch(1 0 0 / 0.1%) !important;
                              }
                              
                          ${(() => {
                                  const card = this;
                                  if (!card.shadowRoot) return;
                                
                                  if (card.__menuSurfaceStyled) return;
                                
                                  card.shadowRoot.querySelectorAll("ha-select").forEach(haSelect => {
                                    const haMenu = haSelect.shadowRoot?.querySelector("ha-menu");
                                    if (!haMenu) return;
                                
                                    const mwcMenu = haMenu.shadowRoot?.querySelector("mwc-menu-surface");
                                    if (!mwcMenu) return;
                                
                                    const surface = mwcMenu.shadowRoot?.querySelector("div.mdc-menu-surface");
                                    if (!surface) return;
                                  
                                    surface.style.backdropFilter = "blur(8px) saturate(1.2)";
                                    surface.style.backgroundColor = "oklch(1 0 0 / 0.1%)";
                                    surface.style.boxShadow = "var(--shadow-s)";
                                    card.__menuSurfaceStyled = true;
                                  });
                                
                                  return;
                                })()}
                  - type: horizontal-stack
                    cards:
                      - type: custom:bubble-card
                        card_type: select
                        button_type: switch
                        entity: select.sync_box_tryb_synchronizacji
                        name: Tryb
                        icon: mdi:multimedia
                        show_name: false
                        show_state: true
                        scrolling_effect: false
                        sub_button:
                          main: []
                          bottom: []
                        styles: |-
                          .bubble-state {
                            font-size: 13px;
                          }
                      - type: custom:bubble-card
                        card_type: select
                        button_type: switch
                        entity: select.sync_box_obszar_rozrywki
                        name: Obszar
                        icon: hue:entertainment-area
                        show_name: false
                        show_state: true
                        scrolling_effect: false
                        sub_button:
                          main: []
                          bottom: []
                        styles: |-
                          .bubble-state {
                            font-size: 13px;
                          }
                title-card:
                  type: custom:bubble-card
                  card_type: button
                  button_type: slider
                  entity: number.sync_box_jasnosc
                  icon: mdi:television-ambient-light
                  show_header: true
                  slider_live_update: false
                  allow_light_slider_to_0: false
                  button_action:
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    tap_action:
                      action: none
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                  tap_action:
                    action: perform-action
                    perform_action: huesyncbox.set_sync_state
                    target:
                      entity_id: switch.sync_box_synchronizacja_swiatla
                    data:
                      sync: true
                      power: true
                  name: Ambilight
                  sub_button:
                    - entity: select.sync_box_wejscia_hdmi
                      icon: phu:sync-box
                      show_arrow: false
                      show_attribute: false
                      show_state: true
                      show_icon: true
                      state_background: true
                    - entity: media_player.philips_google_tv_ta5_television
                      select_attribute: source_list
                      show_state: false
                      show_background: true
                      show_last_changed: false
                      show_last_updated: false
                      show_attribute: true
                      show_arrow: false
                      icon: mdi:video-input-hdmi
                      name: ''
                      show_name: false
                      show_icon: true
                    - entity: switch.sync_box_synchronizacja_swiatla
                      icon: mdi:television-ambient-light
                  show_state: false
                  show_icon: false
                  scrolling_effect: false
                clear: true
                clear-children: true
                animation: true
                padding: '0'
                child-margin-top: 14px
                title-card-button-overlay: false
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                entity: number.sync_box_jasnosc
                icon: mdi:television-ambient-light
                show_header: true
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                  tap_action:
                    action: none
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                tap_action:
                  action: perform-action
                  perform_action: huesyncbox.set_sync_state
                  target:
                    entity_id: switch.sync_box_synchronizacja_swiatla
                  data:
                    sync: true
                    power: true
                name: Ambilight
                sub_button:
                  main:
                    - entity: select.sync_box_wejscia_hdmi
                      icon: phu:sync-box
                      show_arrow: false
                      show_attribute: false
                      show_state: true
                      show_icon: true
                      state_background: true
                      sub_button_type: select
                    - entity: media_player.philips_google_tv_ta5_television
                      select_attribute: source_list
                      show_state: false
                      show_background: true
                      show_last_changed: false
                      show_last_updated: false
                      show_attribute: true
                      show_arrow: false
                      icon: mdi:video-input-hdmi
                      name: ''
                      show_name: false
                      show_icon: true
                      sub_button_type: select
                    - entity: switch.sync_box_synchronizacja_swiatla
                      icon: mdi:television-ambient-light
                  bottom: []
                show_state: false
                show_icon: false
                scrolling_effect: false
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.sync_box_synchronizacja_swiatla
                    name: Sync
                    icon: mdi:television-ambient-light
                    modules:
                      - icon_animations
                    icon_animations:
                      animation_type: fade
                      animation_speed_main: '0.5'
                      animate_when:
                        - condition: state
                          entity_id: switch.sync_box_synchronizacja_swiatla
                          state:
                            - 'on'
                    show_name: true
                    show_last_changed: false
                    show_state: false
                    sub_button:
                      main: []
                      bottom: []
                    styles: |-
                      .bubble-state {
                        font-size: 13px;
                      }
                    button_action: {}
                  - type: custom:bubble-card
                    card_type: select
                    button_type: switch
                    entity: select.sync_box_intensywnosc
                    name: Intensywnosc
                    icon: hue:sync-intense
                    show_name: false
                    show_state: true
                    scrolling_effect: false
                    sub_button:
                      main: []
                      bottom: []
                    styles: |-
                      .bubble-state {
                        font-size: 13px;
                      }
                      ha-card {
                            --bubble-select-list-item-accent-color: oklch(1 0 0 / 0.1%) !important;
                          }
                          
                      ${(() => {
                              const card = this;
                              if (!card.shadowRoot) return;
                            
                              if (card.__menuSurfaceStyled) return;
                            
                              card.shadowRoot.querySelectorAll("ha-select").forEach(haSelect => {
                                const haMenu = haSelect.shadowRoot?.querySelector("ha-menu");
                                if (!haMenu) return;
                            
                                const mwcMenu = haMenu.shadowRoot?.querySelector("mwc-menu-surface");
                                if (!mwcMenu) return;
                            
                                const surface = mwcMenu.shadowRoot?.querySelector("div.mdc-menu-surface");
                                if (!surface) return;
                              
                                surface.style.backdropFilter = "blur(8px) saturate(1.2)";
                                surface.style.backgroundColor = "oklch(1 0 0 / 0.1%)";
                                surface.style.boxShadow = "var(--shadow-s)";
                                card.__menuSurfaceStyled = true;
                              });
                            
                              return;
                            })()}
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: select
                    button_type: switch
                    entity: select.sync_box_tryb_synchronizacji
                    name: Tryb
                    icon: mdi:multimedia
                    show_name: false
                    show_state: true
                    scrolling_effect: false
                    sub_button:
                      main: []
                      bottom: []
                    styles: |-
                      .bubble-state {
                        font-size: 13px;
                      }
                  - type: custom:bubble-card
                    card_type: select
                    button_type: switch
                    entity: select.sync_box_obszar_rozrywki
                    name: Obszar
                    icon: hue:entertainment-area
                    show_name: false
                    show_state: true
                    scrolling_effect: false
                    sub_button:
                      main: []
                      bottom: []
                    styles: |-
                      .bubble-state {
                        font-size: 13px;
                      }
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#temperatury'
                name: Temperatury
                icon: mdi:home-thermometer
                scrolling_effect: false
                show_header: true
                sub_button:
                  main:
                    - entity: sensor.czujnik_obecnosci_zewnatrz_humidity
                      state_background: false
                      show_state: true
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: none
                    - entity: >-
                        sensor.czujnik_ruchu_zewnatrz_poprawna_temperatura_temperature
                      show_state: true
                      show_attribute: false
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                  bottom: []
              - type: custom:bubble-card
                card_type: button
                button_type: state
                hash: '#temperatury'
                name: Temperatura w salonie
                icon: mdi:theater
                entity: sensor.zhimi_de_874970050_mb5_relative_humidity_p_3_1
                scrolling_effect: false
                show_header: true
                sub_button:
                  - entity: sensor.zhimi_de_874970050_mb5_temperature_p_3_7
                    show_background: true
                    show_icon: true
                    show_name: false
                    show_state: true
              - type: custom:waterfall-history-card
                title: ' '
                hours: 24
                show_min_max: true
                height: 10
                digits: 1
                gradient: true
                compact: true
                entities:
                  - entity: sensor.zhimi_de_874970050_mb5_pm2_5_density_p_3_4
                    name: Jakość powietrza w salonie (24h)
                    show_icons: false
                    thresholds:
                      - value: 5
                        color: '#4FC3F7'
                      - value: 10
                        color: '#81C784'
                      - value: 15
                        color: '#FFB74D'
                      - value: 25
                        color: '#FF8A65'
                card_mod:
                  style: |
                    :host .card-header {
                      display: none;
                    }
                    :host .min-max-label {
                      margin-bottom: 0px;
                      margin-top: -18px;
                    }
                    :host {
                      background: none;
                      box-shadow: none;
                      border-radius: 0px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                    }
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                entity: fan.zhimi_de_874970050_mb5_s_2_air_purifier
                sub_button:
                  - entity: sensor.zhimi_de_874970050_mb5_average_aqi_p_11_2
                    show_name: false
                    show_state: true
                    name: Jakość
                    show_icon: true
                    icon: mdi:air-purifier
                    show_attribute: false
                  - entity: sensor.bme280_czujnik2_pressure
                    show_name: false
                    show_state: true
                    name: Ciśnienie
                modules:
                  - icon_animations
                subbutton_colors:
                  subbutton1:
                    color: |
                      [[[
                        var aqi = parseFloat(sensor.zhimi_de_874970050_mb5_average_aqi_p_11_2);
                        if (aqi <= 50) return 'red'; // Green
                        if (aqi <= 100) return '#FFEB3B'; // Yellow
                        if (aqi <= 150) return '#FF9800'; // Orange
                        if (aqi <= 200) return '#F44336'; // Red
                        if (aqi <= 300) return '#9C27B0'; // Purple
                        if (aqi > 300) return '#79000F'; // Maroon
                        return 'green'; // Default grey
                      ]]]
                icon_animations:
                  animation_type: rotate
                  animate_when:
                    - condition: state
                      entity_id: fan.zhimi_de_874970050_mb5_s_2_air_purifier
                      state:
                        - 'on'
                name: Odświeżacz
                show_name: true
              - type: custom:bubble-card
                card_type: separator
                name: Pokoje
                icon: mdi:human-female-female-child
                sub_button: []
              - type: custom:bubble-card
                card_type: button
                button_type: state
                entity: sensor.czujnik_temperatury_mamasypialnia_humidity
                icon: mdi:mother-heart
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                name: Mama
                scrolling_effect: false
                sub_button:
                  - entity: sensor.czujnik_temperatury_mamasypialnia_temperature
                    show_background: true
                    show_icon: true
                    show_name: false
                    show_state: true
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Dom
                icon: phu:rooms-storage
              - type: custom:bubble-card
                card_type: button
                button_type: state
                entity: sensor.czujnik_obecnosci_lazienka_glowny_humidity
                icon: mdi:shower-head
                allow_light_slider_to_0: false
                slider_live_update: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                name: Łazienka
                show_icon: true
                scrolling_effect: false
                sub_button:
                  - entity: sensor.czujnik_obecnosci_lazienka_glowny_temperature
                    show_icon: true
                    show_name: false
                    show_state: true
                show_attribute: false
              - type: custom:waterfall-history-card
                title: ' '
                hours: 24
                show_min_max: true
                height: 10
                digits: 1
                gradient: true
                entities:
                  - entity: sensor.czujnik_obecnosci_lazienka_glowny_temperature
                    name: ' '
                    hours: 24
                    show_current: false
                    show_icons: false
                    show_labels: true
                    thresholds:
                      - value: 14
                        color: '#ed1818'
                      - value: 10
                        color: '#de2f95'
                      - value: 16
                        color: '#9e55e1'
                      - value: 17
                        color: '#4444fa'
                      - value: 18
                        color: '#448dfa'
                      - value: 19
                        color: '#4FC3F7'
                      - value: 22
                        color: '#81C784'
                      - value: 25
                        color: '#FFB74D'
                      - value: 28
                        color: '#FF8A65'
                card_mod:
                  style: |
                    :host .card-header {
                      display: none;
                    }
                    :host .min-max-label {
                      margin-bottom: 0px;
                      margin-top: -18px;
                    }
                    :host {
                      background: none;
                      box-shadow: none;
                      border-radius: 0px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                    }
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: sensor.hue_motion_sensor_1_temperatura
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                    sub_button: []
                    name: Hol wejściowy
                    icon: mdi:shoe-print
                    scrolling_effect: false
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: sensor.czujnik_obecnosci_przedpokoj_temperature
                    icon: phu:rooms-staircase
                    allow_light_slider_to_0: false
                    slider_live_update: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                    name: Przedpokóój
                    show_icon: true
                    scrolling_effect: false
                    sub_button: []
                    show_attribute: false
              - type: custom:bubble-card
                card_type: button
                button_type: state
                entity: sensor.czujnik_temperatury_piwnica_spizarnia_humidity
                name: Spiżarnia
                icon: mdi:warehouse
                show_state: true
                hold_action:
                  action: none
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                double_tap_action:
                  action: none
                show_last_changed: false
                show_attribute: false
                scrolling_effect: false
                sub_button:
                  - entity: sensor.czujnik_temperatury_piwnica_spizarnia_temperature
                    state_background: true
                    show_background: true
                    show_icon: true
                    show_name: false
                    show_state: true
              - type: custom:bubble-card
                card_type: button
                button_type: state
                entity: sensor.czujnik_jakosci_powietrza_piwnica_humidity
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                name: Piwnica
                icon: hue:room-stairs
                scrolling_effect: false
                sub_button:
                  - entity: sensor.czujnik_jakosci_powietrza_piwnica_temperature
                    show_icon: true
                    state_background: true
                    show_background: true
                    show_name: false
                    show_state: true
                hold_action:
                  action: none
                double_tap_action:
                  action: none
              - type: custom:mushroom-entity-card
                entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                tap_action:
                  action: more-info
                icon: mdi:molecule-co2
                name: Piwnica CO2 (ppm)
                primary_info: state
                secondary_info: name
                fill_container: true
                card_mod:
                  style:
                    mushroom-shape-icon$: |
                      .shape {
                        {# ========== CONFIG ========== #}
                        {% set co2 = states('sensor.czujnik_jakosci_powietrza_piwnica_co2') | float(0) %}

                        {# ------------------------------------------- #}
                        {# CO2 → COLOR + EFFECT PRESETS                #}
                        {# ------------------------------------------- #}

                        {# DEFAULTS (will be overridden by ranges) #}
                        {% set rgb = '40,200,120' %}
                        {% set anim = 'co2-fresh-breathe' %}
                        {% set glow_anim = 'co2-fresh-glow' %}
                        {% set halo_anim = 'co2-fresh-halo' %}
                        {% set duration = 4.0 %}
                        {% set intensity = 0.5 %}

                        {# RANGES / COLORS #}
                        {# You can change numbers below if needed #}

                        {% if co2 < 600 %}
                          {# FRESH GREEN #}
                          {% set rgb = '40,200,120' %}
                          {% set anim = 'co2-fresh-breathe' %}
                          {% set glow_anim = 'co2-fresh-glow' %}
                          {% set halo_anim = 'co2-fresh-halo' %}
                          {% set duration = 4.4 %}
                          {% set intensity = 0.45 %}

                        {% elif co2 < 800 %}
                          {# SOFT GREEN #}
                          {% set rgb = '120,220,120' %}
                          {% set anim = 'co2-good-wave' %}
                          {% set glow_anim = 'co2-good-glow' %}
                          {% set halo_anim = 'co2-good-halo' %}
                          {% set duration = 3.6 %}
                          {% set intensity = 0.55 %}

                        {% elif co2 < 1000 %}
                          {# YELLOW #}
                          {% set rgb = '255,210,40' %}
                          {% set anim = 'co2-ok-breathe' %}
                          {% set glow_anim = 'co2-ok-glow' %}
                          {% set halo_anim = 'co2-ok-halo' %}
                          {% set duration = 3.0 %}
                          {% set intensity = 0.65 %}

                        {% elif co2 < 1400 %}
                          {# ORANGE #}
                          {% set rgb = '255,140,40' %}
                          {% set anim = 'co2-high-pulse' %}
                          {% set glow_anim = 'co2-high-glow' %}
                          {% set halo_anim = 'co2-high-halo' %}
                          {% set duration = 2.4 %}
                          {% set intensity = 0.85 %}

                        {% else %}
                          {# RED #}
                          {% set rgb = '255,50,50' %}
                          {% set anim = 'co2-bad-shimmer' %}
                          {% set glow_anim = 'co2-bad-glow' %}
                          {% set halo_anim = 'co2-bad-halo' %}
                          {% set duration = 2.0 %}
                          {% set intensity = 1.0 %}
                        {% endif %}

                        {# Apply variables #}
                        --co2-rgb: {{ rgb }};
                        --co2-intensity: {{ intensity }};
                        --shape-animation: {{ anim }} {{ duration }}s ease-in-out infinite;
                        --co2-glow-animation: {{ glow_anim }} {{ (duration * 0.9) | round(2) }}s ease-in-out infinite;
                        --co2-halo-animation: {{ halo_anim }} {{ (duration * 1.15) | round(2) }}s ease-in-out infinite;

                        opacity: 1;

                        /* Icon color follows CO2 level */
                        --icon-color: rgba({{ rgb }}, 1);

                        /* Shape neutral base */
                        background-color: rgba(77, 77, 77,0.1) !important;
                        box-shadow: none !important;
                        border: 1px solid rgba(255,255,255,0.06);

                        position: relative;
                        transform-origin: 50% 60%;
                        animation: var(--shape-animation);
                      }

                      /* Glow layers */
                      .shape::before,
                      .shape::after {
                        content: '';
                        position: absolute;
                        border-radius: inherit;
                        pointer-events: none;
                      }

                      .shape::before {
                        inset: -8px;
                        animation: var(--co2-glow-animation);
                      }

                      .shape::after {
                        inset: -22px;
                        animation: var(--co2-halo-animation);
                        mix-blend-mode: screen;
                      }

                      /* ========== FRESH ========== */
                      @keyframes co2-fresh-breathe {
                        0%   { transform: scale(0.96); }
                        50%  { transform: scale(1.03); }
                        100% { transform: scale(0.96); }
                      }

                      @keyframes co2-fresh-glow {
                        0% {
                          box-shadow:
                            0 0 20px 0 rgba(var(--co2-rgb), 0.55),
                            0 0 34px 6 rgba(var(--co2-rgb), 0.5);
                        }
                        50% {
                          box-shadow:
                            0 0 30px 4 rgba(var(--co2-rgb), 0.9),
                            0 0 50px 10px rgba(var(--co2-rgb), 0.85);
                        }
                        100% {
                          box-shadow:
                            0 0 20px 0 rgba(var(--co2-rgb), 0.55),
                            0 0 34px 6 rgba(var(--co2-rgb), 0.5);
                        }
                      }

                      @keyframes co2-fresh-halo {
                        0% {
                          box-shadow:
                            0 0 80px 20px rgba(var(--co2-rgb), 0.28),
                            0 -20px 80px -14px rgba(200, 255, 230, 0.45);
                        }
                        50% {
                          box-shadow:
                            0 0 130px 36px rgba(var(--co2-rgb), 0.42),
                            0 -34px 100px -8px rgba(220, 255, 240, 0.65);
                        }
                        100% {
                          box-shadow:
                            0 0 80px 20px rgba(var(--co2-rgb), 0.28),
                            0 -20px 80px -14px rgba(200, 255, 230, 0.45);
                        }
                      }

                      /* ========== GOOD ========== */
                      @keyframes co2-good-wave {
                        0%   { transform: translateX(0); }
                        25%  { transform: translateX(-1px); }
                        50%  { transform: translateX(1px) translateY(-1px); }
                        75%  { transform: translateX(-1px); }
                        100% { transform: translateX(0); }
                      }

                      @keyframes co2-good-glow {
                        0% {
                          box-shadow:
                            0 0 22px 0 rgba(var(--co2-rgb), 0.55),
                            0 0 34px 4 rgba(var(--co2-rgb), 0.6);
                        }
                        50% {
                          box-shadow:
                            0 0 28px 2 rgba(var(--co2-rgb), 0.9),
                            0 0 48px 12px rgba(var(--co2-rgb), 0.8);
                        }
                        100% {
                          box-shadow:
                            0 0 22px 0 rgba(var(--co2-rgb), 0.55),
                            0 0 34px 4 rgba(var(--co2-rgb), 0.6);
                        }
                      }

                      @keyframes co2-good-halo {
                        0% {
                          box-shadow:
                            0 0 90px 26px rgba(var(--co2-rgb), 0.3),
                            0 18px 80px -12px rgba(120, 255, 160, 0.3);
                        }
                        50% {
                          box-shadow:
                            0 0 140px 42px rgba(var(--co2-rgb), 0.4),
                            0 30px 110px -10px rgba(140, 255, 180, 0.45);
                        }
                        100% {
                          box-shadow:
                            0 0 90px 26px rgba(var(--co2-rgb), 0.3),
                            0 18px 80px -12px rgba(120, 255, 160, 0.3);
                        }
                      }

                      /* ========== OK ========== */
                      @keyframes co2-ok-breathe {
                        0%   { transform: scale(0.98); }
                        50%  { transform: scale(1.05); }
                        100% { transform: scale(0.98); }
                      }

                      @keyframes co2-ok-glow {
                        50% {
                          box-shadow:
                            0 0 26px 4 rgba(var(--co2-rgb), 0.85),
                            0 0 42px 10px rgba(var(--co2-rgb), 0.8);
                        }
                      }

                      @keyframes co2-ok-halo {
                        50% {
                          box-shadow:
                            0 0 120px 40px rgba(var(--co2-rgb), 0.42),
                            0 26px 80px -10px rgba(255, 245, 180, 0.5);
                        }
                      }

                      /* ========== HIGH ========== */
                      @keyframes co2-high-pulse {
                        0%   { transform: scale(1); }
                        50%  { transform: scale(1.07); }
                        100% { transform: scale(1); }
                      }

                      @keyframes co2-high-glow {
                        50% {
                          box-shadow:
                            0 0 30px 4 rgba(var(--co2-rgb), 0.95),
                            0 0 54px 14px rgba(var(--co2-rgb), 0.9);
                        }
                      }

                      @keyframes co2-high-halo {
                        50% {
                          box-shadow:
                            0 0 140px 48px rgba(var(--co2-rgb), 0.52),
                            0 26px 100px -10px rgba(255, 210, 150, 0.5);
                        }
                      }

                      /* ========== BAD ========== */
                      @keyframes co2-bad-shimmer {
                        0%   { transform: scale(1); filter: blur(0); }
                        50%  { transform: scale(1.08); filter: blur(0.6px); }
                        100% { transform: scale(1); filter: blur(0); }
                      }

                      @keyframes co2-bad-glow {
                        50% {
                          box-shadow:
                            0 0 34px 6 rgba(var(--co2-rgb), 1),
                            0 0 62px 14px rgba(var(--co2-rgb), 0.95);
                        }
                      }

                      @keyframes co2-bad-halo {
                        50% {
                          box-shadow:
                            0 0 160px 60px rgba(var(--co2-rgb), 0.6),
                            0 34px 120px -12px rgba(255, 140, 120, 0.6);
                        }
                      }
                    .: |
                      mushroom-shape-icon {
                        --icon-size: 42px;
                        --icon-color: rgba(var(--co2-rgb),1) !important;
                        display: flex;
                        wmargin: -18px 0 10px -20px !important;
                        wpadding-right: 22px;
                        wpadding-bottom: 10px;
                        margin-left: -3px;
                      }
                      ha-card {
                        height: 56px !important;
                        filter: drop-shadow(0px 1px 1px var(--primary-background-color));

                        clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 14px));

                        /* FONT SIZE & SPACING SETTINGS */
                        --card-primary-font-size: 1rem !important;

                        /* Increases vertical space between primary and secondary */
                        --card-primary-line-height: 1.3 !important;
                      }
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: sensor.czujnik_jakosci_powietrza_piwnica_formaldehyd
                    icon: mdi:home-heart
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    name: Formaldehyd
                    scrolling_effect: false
                    sub_button: []
                    show_state: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: sensor.sredni_poziom_formaldehydow
                    icon: ''
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: more-info
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    name: Średni poziom
                    scrolling_effect: false
                    sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: sensor.czujnik_jakosci_powietrza_piwnica_co2
                    icon: mdi:molecule-co2
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    tap_action:
                      action: more-info
                    name: Ekwiwalent CO2
                    scrolling_effect: false
                    sub_button: []
                    show_state: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: sensor.czujnik_jakosci_powietrza_piwnica_voc
                    icon: ''
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    tap_action:
                      action: more-info
                    name: Lotne zw. organicz
                    scrolling_effect: false
                    sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: sensor.czujnik_gazu_ziemnego_piwnica_gas_value
                    icon: mdi:meter-gas
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: more-info
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    name: Poz. gazu ziemn
                    scrolling_effect: false
                    sub_button: []
                    show_state: true
                    tap_action:
                      action: more-info
                  - type: custom:bubble-card
                    card_type: button
                    button_type: state
                    entity: binary_sensor.czujnik_gazu_ziemnego_piwnica_gas
                    icon: ''
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: more-info
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    tap_action:
                      action: more-info
                    name: Ulatnianie gazu
                    scrolling_effect: false
                    sub_button: []
              - type: custom:bubble-card
                card_type: separator
                name: Serwerownia
                icon: mdi:server-security
              - type: custom:bubble-card
                card_type: button
                entity: sensor.czujnik_temperatury_serwerownia_humidity
                icon: mdi:domain
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                  tap_action:
                    action: more-info
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                name: Serwerownia
                scrolling_effect: false
                sub_button:
                  - entity: sensor.czujnik_temperatury_serwerownia_temperature
                    show_name: false
                    show_state: true
                    show_background: true
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    tap_action:
                      action: more-info
                button_type: state
              - type: custom:bubble-card
                card_type: button
                button_type: state
                entity: sensor.czujnik_temperatury_szafa_rack_humidity
                icon: mdi:server-network
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                  tap_action:
                    action: toggle
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                tap_action:
                  action: more-info
                name: Szafa rack
                scrolling_effect: false
                sub_button:
                  - entity: sensor.czujnik_temperatury_szafa_rack_temperature
                    show_name: false
                    show_state: true
                    show_background: true
                    tap_action:
                      action: more-info
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
              - type: custom:bubble-card
                card_type: button
                button_type: state
                entity: sensor.nas_temperatura_systemu
                icon: mdi:nas
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                  tap_action:
                    action: more-info
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                tap_action:
                  action: more-info
                name: Serwer
                scrolling_effect: false
                sub_button:
                  - entity: sensor.nas_uzycie_procesora
                    show_name: true
                    show_state: true
                    show_background: true
                    icon: mdi:cpu-64-bit
                    name: 'CPU '
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    tap_action:
                      action: more-info
                    state_background: false
                  - entity: sensor.nas_wykorzystanie_pamieci
                    name: RAM
                    icon: mdi:memory
                    state_background: false
                    show_background: false
                    show_state: true
                    show_name: true
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    tap_action:
                      action: more-info
                modules:
                  - subbutton_colors
                  - subbutton_animations
                subbutton_colors:
                  subbutton1:
                    color: red
                  subbutton2:
                    color: indigo
                subbutton_animations:
                  subbutton1:
                    animation: bounce
                  subbutton2:
                    animation: spin
              - type: custom:bubble-card
                card_type: empty-column
                button_type: switch
                sub_button:
                  main: []
                  bottom: []
                rows: '4'
              - type: custom:bubble-card
                card_type: empty-column
                button_type: switch
                sub_button:
                  main: []
                  bottom: []
                rows: '4'
              - type: custom:bubble-card
                card_type: empty-column
                button_type: switch
                sub_button:
                  main: []
                  bottom: []
                rows: '4'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#burze'
                button_type: name
                name: Burze na dziś
                icon: mdi:flash-alert
                sub_button:
                  main: []
                  bottom: []
              - type: vertical-stack
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: binary_sensor.burze_dzis_net_ostrzezenie_burza
                        name: Burza
                      - type: custom:mushroom-entity-card
                        entity: binary_sensor.burze_dzis_net_ostrzezenie_mroz
                        name: Mróz
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: binary_sensor.burze_dzis_net_ostrzezenie_opad
                        name: Opady
                      - type: custom:mushroom-entity-card
                        entity: binary_sensor.burze_dzis_net_ostrzezenie_traba
                        name: Trąba
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: binary_sensor.burze_dzis_net_ostrzezenie_upal
                        name: Upał
                      - type: custom:mushroom-entity-card
                        entity: binary_sensor.burze_dzis_net_ostrzezenie_wiatr
                        name: Wiatr
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: sensor.burze_dzis_net_promieniowanie_gamma
                        name: Promieniowanie gamma
                      - type: custom:mushroom-entity-card
                        entity: binary_sensor.burze_dzis_net_wyladowania_w_poblizu
                        name: Wyładowania w pobliżu
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: sensor.dom_lightning_azimuth
                        name: Azymut wyładowań
                      - type: custom:mushroom-entity-card
                        entity: sensor.dom_lightning_counter
                        name: Liczba wyładowań
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: sensor.dom_lightning_distance
                        name: Odległość od burzy
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: sensor.kamienica_nowy_sacz_poziom_wody
                        name: Kamienica - poziom wody
                      - type: custom:mushroom-entity-card
                        entity: sensor.kamienica_nowy_sacz_przeplyw_wody
                        name: Kamienica - przepływ wody
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: sensor.dunajec_nowy_sacz_poziom_wody
                        name: Dunajec - poziom wody
                      - type: custom:mushroom-entity-card
                        entity: sensor.dunajec_nowy_sacz_przeplyw_wody
                        name: Dunajec - przepływ wody
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: sensor.lubinka_nowy_sacz_1_poziom_wody
                        name: Łubinka - poziom wody
                      - type: custom:mushroom-entity-card
                        entity: sensor.lubinka_nowy_sacz_1_przeplyw_wody
                        name: Łubinka - przepływ wody
                  - type: horizontal-stack
                    cards:
                      - type: custom:mushroom-entity-card
                        entity: sensor.kamienica_nowy_sacz_alert_hydrologiczny
                        name: 'Kamienica - alert:'
                      - type: custom:mushroom-entity-card
                        entity: sensor.lubinka_nowy_sacz_1_alert_hydrologiczny
                        name: 'Łubinka - alert:'
                      - type: custom:mushroom-entity-card
                        entity: sensor.dunajec_nowy_sacz_alert_hydrologiczny
                        name: 'Dunajec - alert:'
              - type: custom:blitzortung-lightning-card
                distance_entity: sensor.dom_lightning_distance
                counter_entity: sensor.dom_lightning_counter
                azimuth_entity: sensor.dom_lightning_azimuth
                lightning_detection_radius: 100
                period: 1h
                grid_color: var(--primary-text-color)
                strike_color: var(--error-color)
                location_zone_entity: zone.home
                title: Wyładowania atmosferyczne
                card_section_order:
                  - compass_radar
                  - history_chart
                  - map
              - type: custom:bubble-card
                card_type: empty-column
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#lazienka'
                button_type: name
                name: Łazienka
                icon: mdi:shower-head
                scrolling_effect: false
                sub_button:
                  main:
                    - entity: sensor.czujnik_obecnosci_lazienka_glowny_humidity
                      state_background: false
                      show_state: true
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: none
                    - entity: sensor.czujnik_obecnosci_lazienka_glowny_temperature
                      show_state: true
                      show_attribute: false
                      tap_action:
                        action: none
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                  bottom: []
              - type: custom:mini-graph-card
                entities:
                  - entity: sensor.czujnik_obecnosci_lazienka_glowny_temperature
                  - entity: sensor.czujnik_obecnosci_lazienka_glowny_humidity
                    name: Wilgotność
                    show_graph: false
                    show_state: true
                    show_points: false
                  - color: gray
                    entity: sensor.nightstate
                    name: Night
                    show_legend: false
                    show_line: false
                    show_points: false
                    y_axis: secondary
                line_width: 3
                font_size: 90
                animate: true
                color_thresholds:
                  - value: -5
                    color: '#eb4d54'
                  - value: 0
                    color: '#1db954'
                  - value: 3
                    color: '#3a8df7'
                hours_to_show: 48
                hour24: true
                icon: mdi:sofa
                points_per_hour: 0.5
                show:
                  extrema: true
                  fill: fade
                  name: false
                  icon: false
                  labels: true
                  state: false
                  legend: true
                card_mod:
                  style: |
                    ha-card {
                      background: var(--primary-background-color);
                    }
              - type: custom:waterfall-history-card
                title: ' '
                hours: 24
                show_min_max: true
                height: 10
                digits: 1
                gradient: true
                entities:
                  - entity: sensor.czujnik_obecnosci_lazienka_glowny_temperature
                    name: ' '
                    hours: 24
                    show_current: false
                    show_icons: false
                    show_labels: true
                    thresholds:
                      - value: 14
                        color: '#ed1818'
                      - value: 10
                        color: '#de2f95'
                      - value: 16
                        color: '#9e55e1'
                      - value: 17
                        color: '#4444fa'
                      - value: 18
                        color: '#448dfa'
                      - value: 19
                        color: '#4FC3F7'
                      - value: 22
                        color: '#81C784'
                      - value: 25
                        color: '#FFB74D'
                      - value: 28
                        color: '#FF8A65'
                card_mod:
                  style: |
                    :host .card-header {
                      display: none;
                    }
                    :host .min-max-label {
                      margin-top: -18px;
                      margin-bottom: -18px;
                    }
                    :host {
                      border-radius: 0px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                      background-color: rgba(0, 0, 0, 0.1) !important;
                      --bubble-border:  solid var(--ha-card-border-color, var(--divider-color, #e0e0e0));
                    }
              - type: custom:bubble-card
                card_type: separator
                sub_button:
                  main:
                    - entity: input_boolean.winter_mode
                      name: Tryb zimowy
                      show_name: true
                      tap_action:
                        action: toggle
                  bottom: []
                name: Inteligentne ogrzewanie
                icon: mdi:radiator
              - type: custom:bubble-card
                card_type: climate
                entity: climate.lazienka
                min_temp: 19
                max_temp: 27
                step: 0.1
                sub_button:
                  main:
                    - name: HVAC modes menu
                      select_attribute: hvac_modes
                      state_background: false
                      show_arrow: false
                      sub_button_type: select
                    - name: Tryby
                      select_attribute: preset_modes
                      state_background: false
                      show_arrow: false
                      sub_button_type: select
                      content_layout: icon-left
                  bottom: []
                name: Termostat
                show_icon: true
                scrolling_effect: false
                modules:
                  - rmn_conditional_climate_coloring
                rmn_conditional_climate_coloring:
                  default_configuration:
                    card_background:
                      color_mode: preset
                    card_text:
                      color_mode: preset
                    icon:
                      color_mode: preset
                    icon_background:
                      color_mode: preset
                  conditional_colors_1:
                    conditions:
                      - condition: state
                        entity_id: climate.lazienka
                        state:
                          - idle
                        attribute: hvac_action
                    icon_background:
                      color_mode: preset
                    icon:
                      color_mode: preset
                      color_preset: accent
                      opacity: 60
                    card_background:
                      color_mode: preset
                      color_preset: accent
                      opacity: 50
                    card_text:
                      color_mode: preset
                      color_preset: disabled
                main_buttons_position: default
                card_layout: large
                main_buttons_full_width: true
              - type: custom:bubble-card
                card_type: separator
                sub_button:
                  main: []
                  bottom: []
                name: Światła
                icon: hue:bulb-candle-hung
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                sub_button:
                  main:
                    - entity: input_boolean.override_manual_on_girlanda
                      name: Ręczne sterowanie
                      show_name: true
                      tap_action:
                        action: toggle
                  bottom:
                    - entity: light.lazienka
                      sub_button_type: slider
                      light_slider_type: white_temp
                      fill_width: true
                      always_visible: true
                      show_attribute: false
                      show_state: false
                      show_last_updated: false
                  bottom_layout: rows
                entity: light.lazienka
                name: Światło
                icon: mdi:vanity-light
                use_accent_color: true
                rows: 1.719
                styles: |-
                  .bubble-button,
                  .bubble-sub-button {
                        background-color: rgba(0, 0, 0, 0.1) !important;
                  }
                  .bubble-icon-container {
                    background-color: rgba(0, 0, 0, 0.1) !important;
                  }
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#dom'
                button_type: name
                name: Dom
                icon: mdi:home-circle
                scrolling_effect: false
                sub_button:
                  main:
                    - entity: sensor.wilgotnosc_w_domu
                      state_background: false
                      show_state: true
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: none
                    - entity: sensor.temperatura_w_domu
                      show_state: true
                      show_attribute: false
                      tap_action:
                        action: none
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                  bottom: []
                background_update: true
                close_by_clicking_outside: false
              - type: custom:mini-graph-card
                entities:
                  - entity: sensor.temperatura_w_domu
                  - entity: sensor.wilgotnosc_w_domu
                    name: Wilgotność
                    show_graph: false
                    show_state: true
                    show_points: false
                  - color: gray
                    entity: sensor.nightstate
                    name: Night
                    show_legend: false
                    show_line: false
                    show_points: false
                    y_axis: secondary
                line_width: 3
                font_size: 90
                animate: true
                color_thresholds:
                  - value: -5
                    color: '#eb4d54'
                  - value: 0
                    color: '#1db954'
                  - value: 3
                    color: '#3a8df7'
                hours_to_show: 48
                hour24: true
                icon: mdi:sofa
                points_per_hour: 0.5
                show:
                  extrema: true
                  fill: fade
                  name: false
                  icon: false
                  labels: true
                  state: false
                  legend: true
                card_mod:
                  style: |
                    ha-card {
                      background: var(--primary-background-color);
                    }
              - type: custom:waterfall-history-card
                title: ' '
                hours: 24
                show_min_max: true
                height: 10
                digits: 1
                gradient: true
                entities:
                  - entity: sensor.temperatura_w_domu
                    name: ' '
                    hours: 24
                    show_current: false
                    show_icons: false
                    show_labels: true
                    thresholds:
                      - value: 14
                        color: '#ed1818'
                      - value: 10
                        color: '#de2f95'
                      - value: 16
                        color: '#9e55e1'
                      - value: 17
                        color: '#4444fa'
                      - value: 18
                        color: '#448dfa'
                      - value: 19
                        color: '#4FC3F7'
                      - value: 22
                        color: '#81C784'
                      - value: 25
                        color: '#FFB74D'
                      - value: 28
                        color: '#FF8A65'
                card_mod:
                  style: |
                    :host .card-header {
                      display: none;
                    }
                    :host .min-max-label {
                      margin-bottom: -4px;
                      margin-top: -18px;
                    }
                    :host {
                      border-radius: 0px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                      border-width: 0px !important;
                      background: var(--primary-background-color) !important;
                      box-shadow: 0px 0px 0px 1px var(--ha-card-border-color, var(--divider-color, #e0e0e0))  !important;
                      --bubble-border:  solid var(--ha-card-border-color, var(--divider-color, #e0e0e0));
                    }
              - type: custom:bubble-card
                card_type: separator
                sub_button:
                  main: []
                  bottom: []
                name: Kalendarz
                icon: mdi:calendar-clock-outline
              - initial_view: listWeek
                type: calendar
                entities:
                  - calendar.dobrze_wiedziec
                  - calendar.swieta
                  - calendar.imieniny
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#mama'
                button_type: name
                name: Mama
                icon: mdi:mother-heart
                sub_button:
                  main:
                    - entity: sensor.czujnik_temperatury_mamasypialnia_humidity
                      state_background: false
                      show_state: true
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: none
                    - entity: sensor.czujnik_temperatury_mamasypialnia_temperature
                      show_state: true
                      show_attribute: false
                      tap_action:
                        action: none
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                  bottom: []
              - type: custom:mini-graph-card
                entities:
                  - entity: sensor.czujnik_temperatury_mamasypialnia_temperature
                  - entity: sensor.czujnik_temperatury_mamasypialnia_humidity
                    name: Wilgotność
                    show_graph: false
                    show_state: true
                    show_points: false
                  - color: gray
                    entity: sensor.nightstate
                    name: Night
                    show_legend: false
                    show_line: false
                    show_points: false
                    y_axis: secondary
                line_width: 3
                font_size: 90
                animate: true
                color_thresholds:
                  - value: -5
                    color: '#eb4d54'
                  - value: 0
                    color: '#1db954'
                  - value: 3
                    color: '#3a8df7'
                hours_to_show: 48
                hour24: true
                icon: mdi:sofa
                points_per_hour: 0.5
                show:
                  extrema: true
                  fill: fade
                  name: false
                  icon: false
                  labels: true
                  state: false
                  legend: true
                card_mod:
                  style: |
                    ha-card {
                      background: var(--primary-background-color);
                      
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                sub_button:
                  main: []
                  bottom:
                    - entity: light.mama_sypialnia
                      sub_button_type: slider
                      light_slider_type: white_temp
                      fill_width: true
                      always_visible: true
                      show_attribute: false
                      show_state: false
                      show_last_updated: false
                  bottom_layout: rows
                entity: light.mama_sypialnia
                name: Światło
                icon: mdi:wall-sconce-outline
                use_accent_color: true
                rows: '1.9'
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Koncentracja
                    color: accent
                    icon: hue:scene-concentrate
                    tap_action:
                      action: toggle
                    entity: scene.mama_sypialnia_koncentracja
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        ha-card { 
                          background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                          border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #e0e0e0)) !important;
                        }
                        ha-card:hover, ha-card:active { 
                          background: var(--card-background-color);
                        }
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Relaks
                    icon: hue:scene-relax
                    tap_action:
                      action: toggle
                    entity: scene.mama_sypialnia_relaks
                    color: orange
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        ha-card { 
                          background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                          border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #e0e0e0)) !important;
                        }
                        ha-card:hover, ha-card:active { 
                          background: var(--card-background-color);
                        }
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Lampka
                    icon: hue:scene-nightlight
                    tap_action:
                      action: toggle
                    entity: scene.mama_sypialnia_lampka_nocna
                    vertical: true
                    features_position: bottom
                    color: brown
                    card_mod:
                      style: |
                        ha-card { 
                          background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                          border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #e0e0e0)) !important;
                        }
                        ha-card:hover, ha-card:active { 
                          background: var(--card-background-color);
                        }
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Energia
                    icon: hue:scene-energize
                    tap_action:
                      action: toggle
                    entity: scene.mama_sypialnia_energia
                    color: cyan
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        ha-card { 
                          background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                          border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #e0e0e0)) !important;
                        }
                        ha-card:hover, ha-card:active { 
                          background: var(--card-background-color);
                        }
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Czytanie
                    icon: hue:scene-read
                    tap_action:
                      action: toggle
                    entity: scene.mama_sypialnia_czytanie
                    color: light-blue
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        ha-card { 
                          background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                          border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #e0e0e0)) !important;
                        }
                        ha-card:hover, ha-card:active { 
                          background: var(--card-background-color);
                        }
                  - type: custom:mushroom-template-card
                    primary: ''
                    secondary: Przyćmione
                    icon: hue:scene-dimmed
                    tap_action:
                      action: toggle
                    entity: scene.mama_sypialnia_przycmione
                    color: purple
                    vertical: true
                    features_position: bottom
                    card_mod:
                      style: |
                        ha-card { 
                          background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                          border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #e0e0e0)) !important;
                        }
                        ha-card:hover, ha-card:active { 
                          background: var(--card-background-color);
                        }
              - type: custom:bubble-card
                card_type: media-player
                entity: media_player.telewizor_u_mamy
                icon: mdi:youtube-tv
                name: Telewizor
                hide:
                  volume_button: true
                  next_button: true
                  previous_button: true
                  play_pause_button: true
                sub_button:
                  main:
                    - name: Pilot
                      icon: mdi:remote-tv
                      show_name: true
                      tap_action:
                        action: navigate
                        navigation_path: '#mama-tv-pilot'
                  bottom: []
                cover_background: true
                modules:
                  - subbutton_animations
                  - subbutton_colors
                accent_color_picker:
                  accent_color: primary
                subbutton_colors:
                  subbutton1:
                    color: purple
                subbutton_animations:
                  subbutton1:
                    animation: bounce
              - type: custom:mini-media-player
                entity: media_player.vuduo4k
                icon: mdi:satellite-uplink
                artwork: full-cover
                hide:
                  volume: false
                  source: false
                  power_state: false
                source: full
                sound_mode: full
                info: short
                replace_mute: next
                card_mod:
                  style: |
                    ha-card {
                      border: none;
                      box-shadow: none !important;
                      background: none !important;
                    }
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#zewnatrz'
                button_type: name
                name: Zewnątrz
                icon: mdi:home-thermometer
                sub_button:
                  main:
                    - entity: sensor.czujnik_obecnosci_zewnatrz_humidity
                      state_background: false
                      show_state: true
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: none
                    - entity: >-
                        sensor.czujnik_ruchu_zewnatrz_poprawna_temperatura_temperature
                      show_state: true
                      show_attribute: false
                      tap_action:
                        action: none
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                  bottom: []
              - type: custom:mini-graph-card
                entities:
                  - entity: >-
                      sensor.czujnik_ruchu_zewnatrz_poprawna_temperatura_temperature
                  - entity: sensor.czujnik_obecnosci_zewnatrz_humidity
                    name: Wilgotność
                    show_graph: false
                    show_state: true
                    show_points: false
                  - color: gray
                    entity: sensor.nightstate
                    name: Night
                    show_legend: false
                    show_line: false
                    show_points: false
                    y_axis: secondary
                line_width: 3
                font_size: 90
                animate: true
                color_thresholds:
                  - value: -5
                    color: '#eb4d54'
                  - value: 0
                    color: '#1db954'
                  - value: 3
                    color: '#3a8df7'
                hours_to_show: 48
                hour24: true
                icon: mdi:sofa
                points_per_hour: 0.5
                show:
                  extrema: true
                  fill: fade
                  name: false
                  icon: false
                  labels: true
                  state: false
                  legend: true
                card_mod:
                  style: |
                    ha-card {
                      background: var(--primary-background-color);
                    }
              - type: custom:bubble-card
                card_type: separator
                sub_button:
                  main: []
                  bottom: []
                name: 'Światła '
                icon: fa6-solid:lightbulb
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                sub_button:
                  main:
                    - entity: light.swiatla_na_zewnatrz
                      sub_button_type: slider
                      light_slider_type: white_temp
                      fill_width: true
                      always_visible: true
                    - entity: light.swiatla_na_zewnatrz
                      sub_button_type: slider
                      light_slider_type: hue
                      fill_width: false
                      always_visible: true
                      show_attribute: false
                      show_state: false
                      show_last_updated: false
                  bottom: []
                  bottom_layout: inline
                entity: light.swiatla_na_zewnatrz
                name: Światło
                icon: hue:wall-flood
                use_accent_color: false
                rows: ''
                force_icon: false
                tap_action:
                  action: toggle
              - type: custom:bubble-card
                card_type: separator
                sub_button:
                  main: []
                  bottom: []
                name: Muzyka
                icon: mdi:music
              - type: custom:bubble-card
                card_type: media-player
                entity: media_player.nest_w_ogrodzie
                name: ''
              - type: entities
                entities:
                  - card_type: horizontal-stack
                    cards:
                      - entity: script.streamuj_rmf_fm_w_ogrodzie
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/RMF_FM_logo.svg/640px-RMF_FM_logo.svg.png
                        tap_action:
                          service: script.streamuj_rmf_fm_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska_w_ogrodzie
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Logo_Radia_Eska.svg/640px-Logo_Radia_Eska.svg.png
                        tap_action:
                          service: script.streamuj_radio_eska_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska_2_w_ogrodzie
                        entity_picture: >-
                          https://files.qnap.net.pl/ha_assets/logo_radio_Eska2.png
                        tap_action:
                          service: script.streamuj_radio_eska_2_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_rmf_maxx_w_ogrodzie
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/8/86/Logo_RMF_MAXX.png/640px-Logo_RMF_MAXX.png
                        tap_action:
                          service: script.streamuj_radio_rmf_maxx_w_ogrodzie
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                    type: custom:hui-element
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#kwiaty2'
                button_type: name
                name: Kwiaty i ogród
                icon: mdi:flower
                scrolling_effect: false
                sub_button:
                  main: []
                  bottom: []
                show_header: false
              - type: custom:bubble-card
                card_type: button
                card_layout: large
                button_type: name
                show_icon: false
                show_name: false
                sub_button:
                  - name: Mute
                    icon: mdi:volume-off
                    tap_action:
                      action: toggle
                      service: input_boolean.toggle
                    entity: input_boolean.silent_mode
                  - name: Covers
                    entity: cover.all_group
                    show_background: false
                    tap_action:
                      action: navigate
                      navigation_path: '#cover'
                  - name: Shopping list
                    icon: mdi:cart-outline
                    show_background: false
                    tap_action:
                      action: navigate
                      navigation_path: '#shopping-list'
                  - name: Security
                    icon: mdi:video-outline
                    show_background: false
                    tap_action:
                      action: navigate
                      navigation_path: '#security'
                  - name: Settings
                    icon: mdi:cog
                    show_background: false
                    tap_action:
                      action: navigate
                      navigation_path: '#configuration'
                styles: |
                  .card-content {
                    width: 100%;
                    margin: 0 !important;
                  }
                  .bubble-button-card-container {
                    background: none;
                    border: none;
                  }
                  .bubble-sub-button {
                    height: 46px !important;
                    width: 46px !important;
                  }
                  .bubble-sub-button-container {
                    display: flex !important;
                    width: 100%;
                    justify-content: space-between !important;
                  }
                  .bubble-sub-button-icon {
                    --mdc-icon-size: inherit !important;
                  }
                  .bubble-name-container {
                    margin-right: 0px !important;
                  }
              - type: custom:flower-card
                entity: plant.monstera
                battery_sensor: sensor.czujnik_gleby_kwiat_monstera_battery
                show_bars:
                  - moisture
                  - temperature
                  - illuminance
                  - humidity
                  - dli
                display_type: full
                card_mod:
                  style: |
                    .card-margin-top {
                      margin-top: 0px;
                    }
                    ha-card { 
                      background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                    }
                    .header img {
                      width: 52px !important;
                      height: 52px !important;
                      margin-top: 8px !important;
                      border-radius: 9px  !important;
                    }
              - type: custom:flower-card
                entity: plant.cytryna
                battery_sensor: sensor.czujnik_gleby_cytryna_battery
                show_bars:
                  - moisture
                  - temperature
                  - illuminance
                  - humidity
                  - dli
                display_type: full
                card_mod:
                  style: |
                    .card-margin-top {
                      margin-top: 0px;
                    }
                    ha-card { 
                      background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                    }
                    .header img {
                      width: 52px !important;
                      height: 52px !important;
                      margin-top: 8px !important;
                      border-radius: 9px  !important;
                    }
              - type: custom:bubble-card
                card_type: empty-column
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#alarm'
                name: Alarm
                icon: mdi:shield-lock
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
                more_info_popup:
                  center: true
              - type: custom:mushroom-alarm-control-panel-card
                entity: alarm_control_panel.alarmo
                states: []
                fill_container: true
                tap_action:
                  action: navigate
                  navigation_path: '#alarm'
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                layout: vertical
                secondary_info: none
                name: Alarm
                primary_info: none
                card_mod:
                  style:
                    mushroom-shape-icon$: >
                      .shape {
                        /* --- LOGIC BLOCK --- */
                        {% set status = states(config.entity) %}
                        
                        {% if status == 'disarmed' %}
                          /* --- DISARMED --- */
                          --main-color: var(--rgb-green);
                          /* Shape: Floating effect */
                          --bg-anim: shield-float 3s ease-in-out infinite;
                          /* Inner: Light sheen scan */
                          --inner-style: linear-gradient(to bottom, transparent 0%,  transparent 20%, rgba(45,160,40,0.5) 40%, rgba(88,204,0,0.5) 42%, rgba(0,255,0,0.1) 43%, transparent 60%);
                          --inner-anim: sheen-scan 3s ease-in-out infinite;
                          /* Outer: None */
                          --outer-display: none;
                          /* ICON: Slow, calm breathing */
                          --icon-anim: breathe-slow 3s ease-in-out infinite;
                          wmix-blend: color-dodge !important;
                        {% elif status == 'triggered' %}
                          /* --- TRIGGERED --- */
                          --main-color: var(--rgb-deep-orange);
                          /* Shape: Strobe */
                          --bg-anim: panic-strobe 0.5s steps(2) infinite;
                          /* Inner: None */
                          --inner-style: none;
                          --inner-anim: none;
                          /* Outer: Shockwave */
                          --outer-display: block;
                          --outer-anim: shockwave 0.5s linear infinite;
                          /* ICON: Violent shake */
                          --icon-anim: violent-shake 0.1s linear infinite;

                        {% elif 'armed' in status %}
                          /* --- ARMED --- */
                          --main-color: var(--rgb-red);
                          /* Shape: Static */
                          --bg-anim: none;
                          /* Inner: Radar sweep gradient */
                          --inner-style: conic-gradient(from 0deg, transparent 0%, rgba(var(--main-color), 0.6) 20%, transparent 40%);
                          --inner-anim: radar-spin 2s linear infinite;
                          /* Outer: Sonar expansion */
                          --outer-display: block;
                          --outer-anim: sonar-expand 2s ease-out infinite;
                          /* ICON: Alert pulse */
                          --icon-anim: breathe-fast 2s ease-in-out infinite;

                        {% elif status == 'pending' %}
                          /* --- PENDING --- */
                          --main-color: var(--rgb-orange);
                          /* Shape: Breathing */
                          --bg-anim: arming-breathe 1s ease-in-out infinite;
                          /* Inner/Outer: None */
                          --inner-style: none;
                          --inner-anim: none;
                          --outer-display: none;
                          /* ICON: Medium pulse */
                          --icon-anim: breathe-medium 2s ease-in-out infinite;

                        {% else %}
                          /* UNKNOWN */
                          --main-color: var(--rgb-grey);
                          --bg-anim: none; --inner-style: none; --inner-anim: none; --outer-display: none; --icon-anim: none;
                        {% endif %}

                        /* --- SHAPE CONTAINER STYLING --- */
                        background-color: rgba(var(--main-color), 0.15) !important;
                        --icon-color: var(--main-color) !important;
                        color: rgb(var(--main-color)) !important;
                        
                        __disabled_box-shadow: 0 0 25px rgba(var(--main-color), 0.3), inset 0 0 10px rgba(var(--main-color), 0.1) !important;
                        border: 3px solid rgba(var(--main-color), 0.5);
                        box-shadow: 0 1px 0px rgba(0,0,0,0.1), inset 0 2px 2px var(--card-background-color) !important;
                        
                        border-radius: 50% !important;
                        position: relative;
                        overflow: visible !important;
                        transition: all 0.5s ease;
                        animation: var(--bg-anim);
                      }


                      /* INNER EFFECT (Sheen or Radar Sweep) */

                      .shape::before {
                        content: ''; 
                        position: absolute; 
                        inset: 0; 
                        border-radius: 50%;
                        background: var(--inner-style); 
                        background-size: 100% 200%;
                        animation: var(--inner-anim); z-index: 1;
                      }


                      /* OUTER EFFECT (Sonar Ring or Shockwave) */

                      .shape::after {
                        content: ''; 
                        display: var(--outer-display); 
                        position: absolute; inset: -2px; 
                        border-radius: 50%;
                        border: 2px solid rgba(var(--main-color), 0.6);
                        animation: var(--outer-anim); z-index: -1;
                      }


                      /* ICON ANIMATION (Applied directly to the icon) */

                      ha-icon {
                        position: relative; z-index: 2;
                        animation: var(--icon-anim); transform-origin: center;
                      }


                      /* --- SHAPE & ICON ANIMATIONS --- */

                      @keyframes shield-float { 0%, 100% { transform:
                      translateY(0); } 50% { transform: translateY(-3px); } }

                      @keyframes sheen-scan { 0% { background-position: 0% 150%;
                      opacity: 0; } 20%, 80% { opacity: 1; } 100% {
                      background-position: 0% -50%; opacity: 0; } }

                      @keyframes radar-spin { 0% { transform: rotate(0deg); }
                      100% { transform: rotate(360deg); } }

                      @keyframes sonar-expand { 0% { transform: scale(1);
                      opacity: 0.8; border-width: 2px; } 100% { transform:
                      scale(2.5); opacity: 0; border-width: 0px; } }

                      @keyframes panic-strobe { 0% { background-color:
                      rgba(var(--main-color), 0.2); box-shadow: 0 0 10px
                      rgba(var(--main-color), 1); } 100% { background-color:
                      rgba(var(--main-color), 0.6); box-shadow: 0 0 50px
                      rgba(var(--main-color), 1); } }

                      @keyframes violent-shake { 0% { transform: translate(0, 0)
                      rotate(0deg); } 25% { transform: translate(-3px, 3px)
                      rotate(-5deg); } 50% { transform: translate(3px, -3px)
                      rotate(5deg); } 75% { transform: translate(-3px, -3px)
                      rotate(-5deg); } 100% { transform: translate(0, 0)
                      rotate(0deg); } }

                      @keyframes shockwave { 0% { transform: scale(1); opacity:
                      1; } 100% { transform: scale(1.5); opacity: 0; } }

                      @keyframes arming-breathe { 0%, 100% { box-shadow: 0 0
                      10px rgba(var(--main-color), 0.5); } 50% { box-shadow: 0 0
                      30px rgba(var(--main-color), 1); } }


                      /* Icon Breathing Animations */

                      @keyframes breathe-slow { 0%, 100% { transform: scale(1);
                      opacity: 0.8; } 50% { transform: scale(1.05); opacity: 1;
                      } }

                      @keyframes breathe-medium { 0%, 100% { transform:
                      scale(1); } 50% { transform: scale(1.1); } }

                      @keyframes breathe-fast { 0%, 100% { transform: scale(1);
                      } 50% { transform: scale(1.15); } }
                    mushroom-alarm-control-panel-buttons-control$: |
                      mushroom-button {
                        --bg-color: rgba(var(--rgb-primary-text-color), 0.05) !important;
                        --button-color: rgb(var(--rgb-primary-text-color)) !important;
                        transition: all 0.2s ease;
                      }
                      mushroom-button:active {
                        background-color: rgba(var(--rgb-primary-color), 0.2) !important;
                      }
                    .: |
                      ha-card { 
                        background: var(--card-background-color);
                        _disabled-box-shadow: 
                        rgba(255,255,255,0.05) 1px 1px 0.5px 0 inset,
                        rgba(0,0,0,0.05) -1px -1px 0px inset;


                        width: auto;
                        margin-left: 0px;
                        margin-right: 0px;
                        margin-bottom: 2px;

                        /* --- LOGIC FOR CARD GLOW --- */
                        {% set status = states(config.entity) %}
                        
                        {% if status == 'disarmed' %}
                          /* DISARMED: Green Glow */
                          --card-glow-color: var(--rgb-green);
                          --card-anim-speed: 2s; /* Slow & Calm */
                          
                        {% elif status == 'triggered' %}
                          /* TRIGGERED: Deep Orange/Red Strobe */
                          --card-glow-color: var(--rgb-deep-orange);
                          --card-anim-speed: 0.5s;
                          
                        {% elif status == 'pending' %}
                          /* PENDING: Orange */
                          --card-glow-color: var(--rgb-orange);
                          --card-anim-speed: 2s;
                          
                        {% else %}
                          /* ARMED (Any mode): Red Glow */
                          --card-glow-color: var(--rgb-red);
                          --card-anim-speed: 2s;
                        {% endif %}
                        
                        --card-fill-anim: card-fill-pulse var(--card-anim-speed) ease-in-out infinite alternate;

                        /* Base Card Styling */
                        /* background: linear-gradient(145deg, rgba(30,30,30,0.9) 0%, rgba(20,20,20,1) 100%); */

                        /* background-image: linear-gradient(0deg, rgba(30,30,30,0.2) 0%, var(--card-background-color) 100%); */
                        


                        --ha-card-border-radius: 40px;
                        clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                        border-radius: var(--ha-card-border-radius, 30px);
                        
                        position: relative;
                        overflow: hidden; /* Important to contain the glow */
                      }

                      /* THE CARD-FILLING GLOW LAYER */
                      ha-card::before {
                        content: '';
                        position: absolute;
                        inset: 0;
                        /* A large radial gradient that expands to fill the card */
                        background: radial-gradient(circle at center, rgba(var(--card-glow-color),0.7) 0%, transparent 70%);
                        opacity: 0;
                        pointer-events: none;
                        mix-blend-mode: color-dodge;
                        animation: var(--card-fill-anim);
                        z-index: 0; /* Behind content but in front of background */
                      }

                      /* Animation for the card glow */
                      @keyframes card-fill-pulse {
                        0% { opacity: 0.1; transform: scale(0.8); }
                        100% { opacity: 0.6; transform: scale(1.5); }
                      }

                      /* Center the main icon */
                      mushroom-shape-icon {
                        --icon-size: 36px !important;
                        display: flex; 
                        justify-content: center; 
                        align-items: center;
                        position: relative; 
                        z-index: 1; /* Keep icon above the card glow */
                       
                        filter: drop-shadow(0px 1px 1px var(--primary-background-color));
                      }
              - type: custom:mushroom-alarm-control-panel-card
                entity: alarm_control_panel.alarmo
                states:
                  - armed_away
                fill_container: true
                primary_info: name
                secondary_info: state
                tap_action:
                  action: none
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                layout: vertical
                icon_type: none
                name: Alarm
                card_mod:
                  style:
                    mushroom-shape-icon$: >
                      .shape {
                        /* --- LOGIC BLOCK --- */
                        {% set status = states(config.entity) %}
                        
                        {% if status == 'disarmed' %}
                          /* --- DISARMED --- */
                          --main-color: var(--rgb-green);
                          /* Shape: Floating effect */
                          --bg-anim: shield-float 3s ease-in-out infinite;
                          /* Inner: Light sheen scan */
                          --inner-style: linear-gradient(to bottom, transparent, rgba(255,255,255,0.4), transparent);
                          --inner-anim: sheen-scan 3s ease-in-out infinite;
                          /* Outer: None */
                          --outer-display: none;
                          /* ICON: Slow, calm breathing */
                          --icon-anim: breathe-slow 3s ease-in-out infinite;

                        {% elif status == 'triggered' %}
                          /* --- TRIGGERED --- */
                          --main-color: var(--rgb-deep-orange);
                          /* Shape: Strobe */
                          --bg-anim: panic-strobe 0.5s steps(2) infinite;
                          /* Inner: None */
                          --inner-style: none;
                          --inner-anim: none;
                          /* Outer: Shockwave */
                          --outer-display: block;
                          --outer-anim: shockwave 0.5s linear infinite;
                          /* ICON: Violent shake */
                          --icon-anim: violent-shake 0.1s linear infinite;

                        {% elif 'armed' in status %}
                          /* --- ARMED --- */
                          --main-color: var(--rgb-red);
                          /* Shape: Static */
                          --bg-anim: none;
                          /* Inner: Radar sweep gradient */
                          --inner-style: conic-gradient(from 0deg, transparent 0%, rgba(var(--main-color), 0.6) 20%, transparent 40%);
                          --inner-anim: radar-spin 2s linear infinite;
                          /* Outer: Sonar expansion */
                          --outer-display: block;
                          --outer-anim: sonar-expand 2s ease-out infinite;
                          /* ICON: Alert pulse */
                          --icon-anim: breathe-fast 2s ease-in-out infinite;

                        {% elif status == 'pending' %}
                          /* --- PENDING --- */
                          --main-color: var(--rgb-orange);
                          /* Shape: Breathing */
                          --bg-anim: arming-breathe 1s ease-in-out infinite;
                          /* Inner/Outer: None */
                          --inner-style: none;
                          --inner-anim: none;
                          --outer-display: none;
                          /* ICON: Medium pulse */
                          --icon-anim: breathe-medium 2s ease-in-out infinite;

                        {% else %}
                          /* UNKNOWN */
                          --main-color: var(--rgb-grey);
                          --bg-anim: none; --inner-style: none; --inner-anim: none; --outer-display: none; --icon-anim: none;
                        {% endif %}

                        /* --- SHAPE CONTAINER STYLING --- */
                        background-color: rgba(var(--main-color), 0.15) !important;
                        --icon-color: var(--main-color) !important;
                        color: rgb(var(--main-color)) !important;
                        
                        box-shadow: 0 0 25px rgba(var(--main-color), 0.3), inset 0 0 10px rgba(var(--main-color), 0.1);
                        border: 4px solid rgba(var(--main-color), 0.3);
                        
                        border-radius: 50% !important;
                        position: relative;
                        overflow: visible !important;
                        transition: all 0.5s ease;
                        animation: var(--bg-anim);
                      }


                      /* INNER EFFECT (Sheen or Radar Sweep) */

                      .shape::before {
                        content: ''; position: absolute; inset: 0; border-radius: 50%;
                        background: var(--inner-style); background-size: 100% 200%;
                        animation: var(--inner-anim); z-index: 1;
                      }


                      /* OUTER EFFECT (Sonar Ring or Shockwave) */

                      .shape::after {
                        content: ''; display: var(--outer-display); position: absolute; inset: -2px; border-radius: 50%;
                        border: 2px solid rgba(var(--main-color), 0.6);
                        animation: var(--outer-anim); z-index: -1;
                      }


                      /* ICON ANIMATION (Applied directly to the icon) */

                      ha-icon {
                        position: relative; z-index: 2;
                        animation: var(--icon-anim); transform-origin: center;
                      }


                      /* --- SHAPE & ICON ANIMATIONS --- */

                      @keyframes shield-float { 0%, 100% { transform:
                      translateY(0); } 50% { transform: translateY(-3px); } }

                      @keyframes sheen-scan { 0% { background-position: 0% 150%;
                      opacity: 0; } 20%, 80% { opacity: 1; } 100% {
                      background-position: 0% -50%; opacity: 0; } }

                      @keyframes radar-spin { 0% { transform: rotate(0deg); }
                      100% { transform: rotate(360deg); } }

                      @keyframes sonar-expand { 0% { transform: scale(1);
                      opacity: 0.8; border-width: 2px; } 100% { transform:
                      scale(2.5); opacity: 0; border-width: 0px; } }

                      @keyframes panic-strobe { 0% { background-color:
                      rgba(var(--main-color), 0.2); box-shadow: 0 0 10px
                      rgba(var(--main-color), 1); } 100% { background-color:
                      rgba(var(--main-color), 0.6); box-shadow: 0 0 50px
                      rgba(var(--main-color), 1); } }

                      @keyframes violent-shake { 0% { transform: translate(0, 0)
                      rotate(0deg); } 25% { transform: translate(-3px, 3px)
                      rotate(-5deg); } 50% { transform: translate(3px, -3px)
                      rotate(5deg); } 75% { transform: translate(-3px, -3px)
                      rotate(-5deg); } 100% { transform: translate(0, 0)
                      rotate(0deg); } }

                      @keyframes shockwave { 0% { transform: scale(1); opacity:
                      1; } 100% { transform: scale(1.5); opacity: 0; } }

                      @keyframes arming-breathe { 0%, 100% { box-shadow: 0 0
                      10px rgba(var(--main-color), 0.5); } 50% { box-shadow: 0 0
                      30px rgba(var(--main-color), 1); } }


                      /* Icon Breathing Animations */

                      @keyframes breathe-slow { 0%, 100% { transform: scale(1);
                      opacity: 0.8; } 50% { transform: scale(1.05); opacity: 1;
                      } }

                      @keyframes breathe-medium { 0%, 100% { transform:
                      scale(1); } 50% { transform: scale(1.1); } }

                      @keyframes breathe-fast { 0%, 100% { transform: scale(1);
                      } 50% { transform: scale(1.15); } }
                    mushroom-alarm-control-panel-buttons-control$: |
                      mushroom-button {
                        --bg-color: rgba(var(--rgb-primary-text-color), 0.05) !important;
                        --button-color: rgb(var(--rgb-primary-text-color)) !important;
                        transition: all 0.2s ease;
                      }
                      mushroom-button:active {
                        background-color: rgba(var(--rgb-primary-color), 0.2) !important;
                      }
                    .: |
                      ha-card {
                        /* --- LOGIC FOR CARD GLOW --- */
                        {% set status = states(config.entity) %}
                        
                        {% if status == 'disarmed' %}
                          /* DISARMED: Green Glow */
                          --card-glow-color: var(--rgb-green);
                          --card-anim-speed: 2s; /* Slow & Calm */
                          
                        {% elif status == 'triggered' %}
                          /* TRIGGERED: Deep Orange/Red Strobe */
                          --card-glow-color: var(--rgb-deep-orange);
                          --card-anim-speed: 0.5s;
                          
                        {% elif status == 'pending' %}
                          /* PENDING: Orange */
                          --card-glow-color: var(--rgb-orange);
                          --card-anim-speed: 2s;
                          
                        {% else %}
                          /* ARMED (Any mode): Red Glow */
                          --card-glow-color: var(--rgb-red);
                          --card-anim-speed: 2s;
                        {% endif %}
                        
                        --card-fill-anim: card-fill-pulse var(--card-anim-speed) ease-in-out infinite alternate;

                        /* Base Card Styling */
                        border: 1px solid rgba(255, 255, 255, 0.1);
                        background: linear-gradient(145deg, rgba(30,30,30,0.9) 0%, rgba(20,20,20,1) 100%);
                        box-shadow: 0 10px 30px rgba(0,0,0,0.5);
                        clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 12px));
                        position: relative;
                        overflow: hidden; /* Important to contain the glow */
                      }

                      /* THE CARD-FILLING GLOW LAYER */
                      ha-card::before {
                        content: '';
                        position: absolute;
                        inset: 0;
                        /* A large radial gradient that expands to fill the card */
                        background: radial-gradient(circle at center, rgba(var(--card-glow-color), 0.4) 0%, transparent 70%);
                        opacity: 0;
                        pointer-events: none;
                        mix-blend-mode: screen;
                        animation: var(--card-fill-anim);
                        z-index: 0; /* Behind content but in front of background */
                      }

                      /* Animation for the card glow */
                      @keyframes card-fill-pulse {
                        0% { opacity: 0.1; transform: scale(0.8); }
                        100% { opacity: 0.6; transform: scale(1.5); }
                      }

                      /* Center the main icon */
                      mushroom-shape-icon {
                        --icon-size: 80px !important;
                        display: flex; justify-content: center; align-items: center;
                        margin: 20px 0 30px 0 !important;
                        position: relative; z-index: 1; /* Keep icon above the card glow */
                      }
              - camera_view: live
                fit_mode: fill
                type: picture-glance
                title: Wjazd
                entities: []
                camera_image: camera.go2rtc_camera_1_wjazd_hd
                entity: camera.go2rtc_camera_1_wjazd_hd
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#wifi'
                name: Szybkie połączenie WiFi
                icon: mdi:wifi-lock
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
              - type: horizontal-stack
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: picture-elements
                        elements: []
                        image: https://files.qnap.net.pl/ha_assets/qrcode.png
                  - type: vertical-stack
                    cards:
                      - type: custom:mushroom-template-card
                        primary: '{{ states.sensor.router_wan_rx.state|round|int }} Mbps'
                        secondary: Download
                        icon: mdi:progress-download
                        entity: sensor.router_wan_rx
                        tap_action:
                          action: more-info
                        hold_action:
                          action: navigate
                          navigation_path: /lovelace-admin/download
                        color: cyan
                        features_position: bottom
                      - type: custom:mushroom-template-card
                        primary: '{{ states.sensor.router_wan_tx.state|round|int}} Mbps'
                        secondary: Upload
                        icon: mdi:progress-upload
                        entity: sensor.router_wan_tx
                        tap_action:
                          action: more-info
                        hold_action:
                          action: navigate
                          navigation_path: /lovelace-admin/mi-wifi
                        color: purple
                        features_position: bottom
              - type: custom:pi-hole
                device_id: 9bd59f9a9ca191bbaf40b5f9a26d04ab
                features:
                  - disable_group_pausing
                chart: {}
                exclude_sections:
                  - actions
                  - footer
                  - switches
                  - sensors
                title: Blokowanie reklam
                card_mod:
                  style: |
                    :host, ha-card, hui-card, .container {
                      padding: 0px !important;
                      margin: 0px !important;
                    }
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#pogoda'
                button_type: name
                name: Pogoda
                icon: mdi:weather-cloudy
                scrolling_effect: false
                sub_button:
                  main: []
                  bottom: []
              - type: custom:weather-chart-card
                entity: weather.openweathermap
                show_main: false
                show_temperature: true
                show_current_condition: true
                show_attributes: true
                show_time: false
                show_time_seconds: false
                show_day: false
                show_date: false
                show_humidity: true
                show_pressure: true
                show_wind_direction: true
                show_wind_speed: true
                show_sun: true
                show_feels_like: true
                show_dew_point: false
                show_wind_gust_speed: false
                show_visibility: false
                show_last_changed: false
                use_12hour_format: false
                icons_size: 25
                animated_icons: true
                icon_style: style1
                autoscroll: true
                forecast:
                  precipitation_type: rainfall
                  show_probability: false
                  labels_font_size: '11'
                  precip_bar_size: '100'
                  style: style1
                  show_wind_forecast: true
                  condition_icons: true
                  round_temp: false
                  type: daily
                  number_of_forecasts: '0'
                  disable_animation: false
                units:
                  speed: ''
                card_mod:
                  style: |
                    ha-card {
                      background: transparent;
                      border: none;
                      box-shadow: none;
                      padding: 0px;
                    }
                    .card {
                      padding: 0px;
                    }
              - type: custom:bubble-card
                card_type: separator
                icon: mdi:creation
                name: Gwiazdy
                sub_button:
                  main: []
                  bottom: []
              - type: custom:horizon-card
                moon: true
                refresh_period: 60
                fields:
                  moonrise: true
                  moonset: true
                  moon_phase: true
                card_mod:
                  style: |
                    ha-card {
                      background: transparent;
                      border: none;
                      box-shadow: none;
                      padding: 0px;
                    }
              - type: custom:lunar-phase-card
                entity: ''
                12hr_format: false
                calendar_modal: false
                compact_view: false
                default_card: calendar
                hide_buttons: false
                mile_unit: false
                moon_position: left
                number_decimals: 2
                selected_language: pl
                show_background: true
                southern_hemisphere: false
                use_custom: false
                use_default: true
                use_entity: false
                graph_config:
                  graph_type: default
                  y_ticks: false
                  x_ticks: false
                  show_time: true
                  show_current: true
                  show_highest: true
                  y_ticks_position: left
                  y_ticks_step_size: 30
                  time_step_size: 30
                font_customize:
                  header_font_size: x-large
                  header_font_style: capitalize
                  header_font_color: ''
                  label_font_size: auto
                  label_font_style: none
                  label_font_color: ''
                  hide_label: false
                latitude: 49.58645517402537
                longitude: 20.6975930929184
                location:
                  city: Nowy Sącz
                  country: Polska
                theme:
                  selected_theme: default
              - type: custom:lunar-phase-card
                entity: ''
                12hr_format: false
                calendar_modal: false
                compact_view: false
                default_card: horizon
                hide_buttons: true
                mile_unit: false
                moon_position: left
                number_decimals: 2
                selected_language: pl
                show_background: true
                southern_hemisphere: false
                use_custom: false
                use_default: true
                use_entity: false
                graph_config:
                  graph_type: dynamic
                  y_ticks: false
                  x_ticks: false
                  show_time: true
                  show_current: true
                  show_highest: true
                  y_ticks_position: left
                  y_ticks_step_size: 30
                  time_step_size: 30
                font_customize:
                  header_font_size: x-large
                  header_font_style: capitalize
                  header_font_color: ''
                  label_font_size: auto
                  label_font_style: none
                  label_font_color: ''
                  hide_label: false
                latitude: 49.58647432882609
                longitude: 20.697590410709385
                location:
                  city: Nowy Sącz
                  country: Polska
                theme:
                  selected_theme: default
                custom_background: >-
                  https://cdn.jsdelivr.net/gh/ngocjohn/lunar-phase-card@1.7.3/background/moon_bg_3.png
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#kwiaty'
                button_type: name
                name: Kwiaty
                icon: mdi:flower
                show_header: true
                sub_button:
                  main: []
                  bottom: []
              - type: custom:flower-card
                entity: plant.monstera
                battery_sensor: sensor.czujnik_gleby_kwiat_monstera_battery
                show_bars:
                  - moisture
                  - temperature
                  - illuminance
                  - humidity
                  - dli
                display_type: full
                card_mod:
                  style: |
                    .card-margin-top {
                      margin-top: 0px !important;
                    }
                    ha-card { 
                      background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                    }
                    .header img {
                      width: 52px !important;
                      height: 52px !important;
                      margin-top: 8px !important;
                      border-radius: 9px  !important;
                    }
              - type: custom:flower-card
                entity: plant.cytryna
                battery_sensor: sensor.czujnik_gleby_cytryna_battery
                show_bars:
                  - moisture
                  - temperature
                  - illuminance
                  - humidity
                  - dli
                display_type: full
                card_mod:
                  style: |
                    .card-margin-top {
                      margin-top: 0px !important;
                    }
                    ha-card { 
                      background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                    }
                    .header img {
                      width: 52px !important;
                      height: 52px !important;
                      margin-top: 8px !important;
                      border-radius: 9px  !important;
                    }
              - type: custom:flower-card
                entity: plant.skrzydlokwiat
                battery_sensor: sensor.czujnik_gleby_kwiat_skrzydlokwiat_battery_state
                show_bars:
                  - moisture
                  - temperature
                  - illuminance
                  - humidity
                  - dli
                display_type: full
                card_mod:
                  style: |
                    .card-margin-top {
                      margin-top: 0px !important;
                    }
                    ha-card { 
                      background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                    }
                    .header img {
                      width: 52px !important;
                      height: 52px !important;
                      margin-top: 8px !important;
                      border-radius: 9px  !important;
                    }
              - type: custom:flower-card
                entity: plant.bonsai
                battery_sensor: sensor.czujnik_gleby_bonsai_battery_state
                show_bars:
                  - moisture
                  - temperature
                  - illuminance
                  - humidity
                  - dli
                display_type: full
                card_mod:
                  style: |
                    .card-margin-top {
                      margin-top: 0px !important;
                    }
                    ha-card { 
                      background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                    }
                    .header img {
                      width: 52px !important;
                      height: 52px !important;
                      margin-top: 8px !important;
                      border-radius: 9px  !important;
                    }
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#salon'
                button_type: name
                name: Salon
                icon: mdi:theater
                sub_button:
                  main:
                    - entity: sensor.zhimi_de_874970050_mb5_temperature_p_3_7
                      state_background: false
                      show_state: true
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: none
                    - entity: sensor.zhimi_de_874970050_mb5_relative_humidity_p_3_1
                      show_state: true
                      show_attribute: false
                      tap_action:
                        action: none
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                  bottom: []
              - type: custom:mini-graph-card
                entities:
                  - entity: sensor.zhimi_de_874970050_mb5_temperature_p_3_7
                  - entity: sensor.zhimi_de_874970050_mb5_relative_humidity_p_3_1
                    name: Wilgotność
                    show_graph: false
                    show_state: true
                    show_points: false
                  - color: gray
                    entity: sensor.nightstate
                    name: Night
                    show_legend: false
                    show_line: false
                    show_points: false
                    y_axis: secondary
                line_width: 3
                font_size: 90
                animate: true
                color_thresholds:
                  - value: -5
                    color: '#eb4d54'
                  - value: 0
                    color: '#1db954'
                  - value: 3
                    color: '#3a8df7'
                hours_to_show: 48
                hour24: true
                icon: mdi:sofa
                points_per_hour: 0.5
                show:
                  extrema: true
                  fill: fade
                  name: false
                  icon: false
                  labels: true
                  state: false
                  legend: true
                card_mod:
                  style: |
                    ha-card {
                      background: var(--primary-background-color);
                    }
              - type: custom:waterfall-history-card
                title: ' '
                hours: 24
                show_min_max: true
                height: 10
                digits: 1
                gradient: true
                compact: true
                entities:
                  - entity: sensor.zhimi_de_874970050_mb5_pm2_5_density_p_3_4
                    name: Jakość powietrza w salonie (24h)
                    show_icons: false
                    thresholds:
                      - value: 5
                        color: '#4FC3F7'
                      - value: 10
                        color: '#81C784'
                      - value: 15
                        color: '#FFB74D'
                      - value: 25
                        color: '#FF8A65'
                card_mod:
                  style: |
                    :host .card-header {
                      display: none;
                    }
                    :host .min-max-label {
                      margin-bottom: -4px;
                      margin-top: -18px;
                    }
                    :host {
                      background: rgba (255,255,255,0.1);
                      box-shadow: 0.5px 0.5px 0.5px 0px rgba(255,255,255,0.4) inset,-0.5px -0.5px 1px 0px rgba(255,255,255,0.1) inset,0px 1px 2px 0px rgba(0,0,0,0.1);
                      border-radius: 0px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                    }
              - type: custom:bubble-card
                card_type: separator
                name: Media
                icon: mdi:music
                sub_button:
                  main: []
                  bottom: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: media-player
                    entity: media_player.salon
                    name: Amplituner
                    icon: mdi:audio-video
                    hide:
                      power_button: false
                      next_button: true
                      previous_button: true
                    cover_background: true
                    sub_button:
                      main:
                        - entity: media_player.salon
                          sub_button_type: select
                          select_attribute: source_list
                          icon: cil:hdmi-source
                          name: Źródło
                          hide_when_parent_unavailable: false
                          show_background: false
                          state_background: false
                          show_arrow: false
                      bottom: []
                    show_name: true
                    force_icon: false
                    modules:
                      - rmn_conditional_media_player_coloring
                    accent_color_picker:
                      accent_color: primary
                    subbutton_animations:
                      subbutton2:
                        animation: bounce
                    main_buttons_position: bottom
                    rows: '2.8'
                  - type: custom:bubble-card
                    card_type: media-player
                    sub_button:
                      main:
                        - entity: media_player.telewizor_w_salonie_js
                          sub_button_type: select
                          select_attribute: source_list
                          icon: cil:hdmi-source
                          name: Źródło
                          show_background: false
                          show_arrow: false
                        - name: Pilot
                          icon: mdi:remote-tv
                          show_name: true
                          tap_action:
                            action: navigate
                            navigation_path: '#mama-tv-pilot'
                      bottom: []
                    entity: media_player.shield_adb
                    icon: mdi:youtube-tv
                    name: Telewizor
                    hide:
                      next_button: true
                      previous_button: true
                    show_attribute: true
                    show_state: false
                    cover_background: true
                    rows: '2.8'
                    show_name: true
                    force_icon: false
                    modules:
                      - subbutton_animations
                      - subbutton_colors
                      - rmn_conditional_media_player_coloring
                    accent_color_picker:
                      accent_color: primary
                    subbutton_animations:
                      subbutton2:
                        animation: bounce
                    main_buttons_position: bottom
                    subbutton_colors:
                      subbutton2:
                        color: primary
                    styles: |
                      .bubble-backgroubnd {
                        background: linear-gradient(145deg, rgba(30,30,30,0.9) 0%, rgba(20,20,20,1) 100%);
                        mix-blend-mode: screen;
                      }
              - type: entities
                entities:
                  - card_type: horizontal-stack
                    cards:
                      - entity: script.streamuj_rmf_fm
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/RMF_FM_logo.svg/640px-RMF_FM_logo.svg.png
                        tap_action:
                          service: script.streamuj_rmf_fm
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Logo_Radia_Eska.svg/640px-Logo_Radia_Eska.svg.png
                        tap_action:
                          service: script.streamuj_radio_eska
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_eska_2
                        entity_picture: >-
                          https://files.qnap.net.pl/ha_assets/logo_radio_Eska2.png
                        tap_action:
                          service: script.streamuj_radio_eska_2
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                      - entity: script.streamuj_radio_rmf_maxx
                        entity_picture: >-
                          https://upload.wikimedia.org/wikipedia/commons/thumb/8/86/Logo_RMF_MAXX.png/640px-Logo_RMF_MAXX.png
                        tap_action:
                          service: script.streamuj_radio_rmf_maxx
                        template: picture_button
                        type: custom:button-card
                        card_mod:
                          style: |
                            ha-card {
                              border:0 !important;
                            }
                    type: custom:hui-element
                card_mod:
                  style: |
                    ha-card {
                      background: none;
                    }
              - type: conditional
                conditions:
                  - condition: or
                    conditions:
                      - condition: state
                        entity: light.festavia
                        state: 'on'
                      - condition: state
                        entity: light.festavia
                        state: 'off'
                card:
                  type: vertical-stack
                  cards:
                    - type: custom:bubble-card
                      card_type: separator
                      sub_button:
                        main:
                          - entity: switch.gniazdko_swiatla_uliczne_swiateczne
                            name: ''
                            icon: phu:light-string
                            tap_action:
                              action: toggle
                            double_tap_action:
                              action: toggle
                            hold_action:
                              action: toggle
                        bottom: []
                      name: Dekoracja świąteczna
                      icon: noto-v1:santa-claus
                      modules: []
                      subbutton_colors:
                        subbutton1:
                          color: grey
                          condition:
                            - condition: state
                              entity_id: switch.gniazdko_swiatla_uliczne_swiateczne
                              state:
                                - 'off'
                      styles: |-
                        .background-off {
                          background-color: var(--secondary-background-color);
                        }
                    - type: custom:bubble-card
                      card_type: button
                      button_type: slider
                      icon: roentgen:christmas-tree
                      name: Choinka
                      scrolling_effect: false
                      show_icon: true
                      button_action:
                        double_tap_action:
                          action: more-info
                        tap_action:
                          action: toggle
                      double_tap_action:
                        action: more-info
                      tap_action:
                        action: toggle
                      sub_button:
                        main:
                          - entity: scene.salon_choinka_red_blink
                            icon: mdi:candle
                            name: Red Blink
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_lesna_przygoda
                            icon: mdi:forest
                            name: Leśna przygoda
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_nowa_aranzacja
                            icon: mdi:flash-triangle
                            name: Nowa aranżacja
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_soho_2
                            name: Soho 2
                            icon: mdi:square-opacity
                            tap_action:
                              action: toggle
                          - entity: scene.salon_choinka_cancun
                            icon: mdi:cupcake
                            name: Cancun
                            tap_action:
                              action: toggle
                        bottom: []
                      entity: light.festavia
                      rows: ''
                      force_icon: false
                      show_name: true
                    - type: custom:bubble-card
                      card_type: sub-buttons
                      sub_button:
                        main: []
                        bottom:
                          - entity: light.festavia
                            sub_button_type: slider
                            light_slider_type: hue
                            fill_width: true
                            always_visible: true
                            show_attribute: false
                            show_state: false
                            show_last_updated: false
                            hide_when_parent_unavailable: false
                            visibility:
                              - condition: state
                                entity: light.festavia
                                state: 'on'
              - type: custom:bubble-card
                card_type: separator
                sub_button:
                  main: []
                  bottom: []
                name: Światło
                icon: hue:floor-spot-group
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                sub_button:
                  main:
                    - entity: scene.salon_koncentracja
                      name: Koncentracja
                      tap_action:
                        action: toggle
                      icon: phu:scene-concentrate
                    - entity: scene.salon_czytanie
                      name: Czytanie
                      icon: phu:scene-read
                      tap_action:
                        action: toggle
                    - entity: scene.salon_odpoczynek
                      name: Odpoczynek
                      icon: hue:scene-rest
                      tap_action:
                        action: toggle
                    - entity: scene.salon_lampka_nocna
                      icon: phu:scene-nightlight
                      name: Lampka nocna
                      tap_action:
                        action: toggle
                  bottom:
                    - entity: light.swiatla_na_zewnatrz
                      sub_button_type: slider
                      light_slider_type: white_temp
                      fill_width: true
                      always_visible: true
                    - entity: light.swiatla_na_zewnatrz
                      sub_button_type: slider
                      light_slider_type: hue
                      fill_width: false
                      always_visible: true
                      show_attribute: false
                      show_state: false
                      show_last_updated: false
                  bottom_layout: inline
                entity: light.salon_cala_strefa
                name: Światło
                icon: mdi:theater
                use_accent_color: false
                rows: '1.9'
                force_icon: false
                tap_action:
                  action: toggle
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                sub_button:
                  main: []
                  bottom:
                    - entity: light.salon
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: phu:ceiling-fugato-four-alt
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                    - entity: light.hue_color_lamp_4
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: mdi:tree
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                    - entity: light.hue_color_lamp_5
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: mdi:sprout
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                    - entity: light.hue_omniglow_striplight_1
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: mdi:dresser
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                    - entity: light.signe_gradient_floor_1
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: phu:signe-gradient-floor
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                    - entity: light.hue_play_wall_washer_1
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: mdi:border-left
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                    - entity: light.hue_play_wall_washer_2
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: mdi:border-right
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                    - entity: light.hue_color_lamp_16
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: more-info
                      icon: mdi:arrow-bottom-left-thin
                      sub_button_type: slider
                      allow_light_slider_to_0: true
                entity: input_boolean.override_manual_on_ambient
                name: Ambient - ręczne sterowanie
                icon: mdi:gesture-double-tap
                tap_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                rows: 1.875
              - type: custom:bubble-card
                card_type: separator
                name: Ambilight
                icon: mdi:television-ambient-light
                sub_button:
                  main:
                    - entity: select.sync_box_wejscia_hdmi
                      icon: phu:sync-box
                      show_arrow: false
                      show_attribute: false
                      show_state: true
                      show_icon: true
                      state_background: true
                      sub_button_type: select
                    - entity: media_player.philips_google_tv_ta5_television
                      select_attribute: source_list
                      show_state: false
                      show_background: true
                      show_last_changed: false
                      show_last_updated: false
                      show_attribute: true
                      show_arrow: false
                      icon: mdi:video-input-hdmi
                      name: ''
                      show_name: false
                      show_icon: true
                      sub_button_type: select
                  bottom: []
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                entity: number.sync_box_jasnosc
                icon: mdi:television-ambient-light
                show_header: true
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                  tap_action:
                    action: none
                hold_action:
                  action: none
                double_tap_action:
                  action: none
                tap_action:
                  action: toggle
                name: Jasność
                sub_button:
                  main:
                    - entity: switch.sync_box_synchronizacja_swiatla
                      show_icon: false
                      state_background: false
                      show_background: false
                      scrolling_effect: false
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      name: On/Off
                      show_name: false
                      show_state: true
                  bottom: []
                show_state: false
                show_icon: false
                scrolling_effect: false
                modules:
                  - sub_toggle_switch
              - type: vertical-stack
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: custom:bubble-card
                        card_type: select
                        button_type: switch
                        entity: select.sync_box_intensywnosc
                        name: Intensywnosc
                        icon: hue:sync-intense
                        show_name: false
                        show_state: true
                        scrolling_effect: false
                        sub_button:
                          main: []
                          bottom: []
                        styles: |-
                          .bubble-state {
                            font-size: 13px;
                          }
                      - type: custom:bubble-card
                        card_type: select
                        button_type: switch
                        entity: select.sync_box_tryb_synchronizacji
                        name: Tryb
                        icon: mdi:multimedia
                        show_name: false
                        show_state: true
                        scrolling_effect: false
                        sub_button:
                          main: []
                          bottom: []
                        styles: |-
                          .bubble-state {
                            font-size: 13px;
                          }
                  - type: horizontal-stack
                    cards:
                      - type: custom:bubble-card
                        card_type: select
                        button_type: switch
                        entity: select.sync_box_obszar_rozrywki
                        name: Obszar
                        icon: hue:entertainment-area
                        show_name: false
                        show_state: true
                        scrolling_effect: false
                        sub_button:
                          main: []
                          bottom: []
                        styles: |-
                          .bubble-state {
                            font-size: 13px;
                          }
                      - type: custom:bubble-card
                        card_type: button
                        button_type: switch
                        sub_button:
                          main: []
                          bottom: []
                        entity: switch.sync_box_zasilanie
                        name: Power On/Off
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
              - type: custom:bubble-card
                card_type: empty-column
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#power'
                name: Sterowanie zasilaniem
                icon: mdi:power
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
                icon_color:
                  color: red
                cover_gradient_background_indicator:
                  color: blue-grey
                  colorless_closed: false
                  highlight_closed: true
                  inverted: false
                  advanced_color: '#4BBE5E'
                backdrop_blur: '0'
                shadow_opacity: '0'
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: input_boolean.awtrix_pokaz_temperature_na_zewnatrz
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Pokaż temperature
                    icon: ''
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon
                    name: Lewe
                    icon: mdi:television-box
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon_prawe
                    icon: mdi:power-socket-fr
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Prawe
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                name: Pokoje
                icon: mdi:human-female-female-child
                sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_tymek_lewe
                    name: Tymek
                    icon: mdi:teddy-bear
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_mama_telewizor
                    icon: mdi:mother-heart
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Mama
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Dom
                icon: phu:rooms-storage
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                name: Biuro
                icon: phu:rooms-office
                show_state: true
                tap_action:
                  action: toggle
                hold_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: toggle
                double_tap_action:
                  action: toggle
                show_last_changed: false
                show_attribute: false
                scrolling_effect: false
                sub_button: []
                entity: switch.gniazdko_biuro
              - type: custom:bubble-card
                card_type: separator
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
                name: Ogród
                icon: hue:room-outdoors
                sub_button: []
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                entity: switch.tasmota_206
                icon: mdi:grass
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: none
                  tap_action:
                    action: toggle
                hold_action:
                  action: toggle
                double_tap_action:
                  action: none
                tap_action:
                  action: toggle
                name: Podlewanie wody
                scrolling_effect: false
                sub_button: []
              - type: custom:bubble-card
                card_type: separator
                name: Serwerownia
                icon: mdi:server-security
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_serwer_wentylatory
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Chłodzenie
                    icon: mdi:air-conditioner
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
    cards: []
    header:
      layout: responsive
      badges_position: top
      badges_wrap: wrap
    badges: []
    subview: false
    icon: mdi:human-greeting-variant
    dense_section_placement: false
    background:
      opacity: 33
      alignment: center
      size: cover
      repeat: repeat
      attachment: fixed
    top_margin: false
  - type: sections
    max_columns: 4
    title: Pokoje
    path: pokoje
    icon: hue:room-other
    sections:
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: back
                  - type: menu
                  - type: template
                    icon: mdi:power
                    tap_action:
                      action: navigate
                      navigation_path: '#power'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    icon_color: white
                    content: ''
                    card_mod:
                      style: |
                        ha-card {
                            --text-color: rgb(var(--rgb-black));
                            --chip-background: rgba(var(--rgb-red), 0.8);
                        } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: Mariusz
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-left: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mariusz', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mariusz', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state_not: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.sylwia', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.sylwia', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state_not: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.tymek', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.tymek', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mama', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mama', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                card_mod:
                  style: |
                    mushroom-template-chip, 
                    mushroom-conditional-chip,
                    mushroom-entity-chip,
                    mushroom-weather-chip,
                    mushroom-light-chip,
                    mushroom-menu-chip, 
                    mushroom-spacer-chip,
                    mushroom-chips {
                        border-radius: 16px;
                      }
                    .chip-container {
                      margin-top: -10px !important;
                      margin-bottom: -2px !important;
                    }
          - type: custom:bubble-card
            card_type: separator
            name: Pokoje
            icon: phu:rooms-attic
            sub_button:
              main:
                - entity: vacuum.xiaomi_d109gl_525b_robot_cleaner_2
                  show_name: false
                  show_state: false
              bottom: []
            bubble_badges:
              badges:
                - name: Bateria
                  target: main_icon
                  sub_button_index: 1
                  icon: mdi:battery-charging
                  entity: sensor.xiaomi_de_1140711099_d109gl_battery_level_p_3_1
                  animation: pulse
          - type: custom:vertical-stack-in-card
            cards:
              - type: custom:bubble-card
                card_type: separator
                name: MAMA
                icon: mdi:mother-heart
                sub_button:
                  main:
                    - entity: binary_sensor.czujnik_obecnosci_mama_presence
                      icon: mdi:motion-sensor
                      state_background: true
                      show_background: true
                      show_state: false
                    - entity: light.mama_sypialnia
                      light_background: false
                      show_icon: true
                      tap_action:
                        action: toggle
                      icon: mdi:lightbulb
                  bottom: []
                modules:
                  - icon_border_progress
                icon_border_progress:
                  - button: sub-button-3
                    source: media_player.plex_plex_for_android_tv_shield_android_tv
                card_mod:
                  style:
                    .: |
                      ha-card {
                          margin-top: 0px; padding: 5px 0px 5px 8px;
                      }
                      .bubble-line {
                        opacity:1; height: 2px !important;
                        background-color: 
                          {% if is_state('binary_sensor.czujnik_obecnosci_mama_presence', 'on') %}
                            var(--primary-color);
                          {% elif is_state('binary_sensor.czujnik_obecnosci_mama_presence', 'unknown') %}
                            red;
                          {% else %}
                          {% endif %};
                      }
                      .bubble-icon{
                        margin-right: 15px
                      }
              - type: custom:mushroom-light-card
                layout: horizontal
                show_brightness_control: true
                show_color_control: true
                show_color_temp_control: true
                collapsible_controls: false
                name: Światło
                double_tap_action:
                  action: more-info
                icon: hue:wall-shade
                entity: light.mama_sypialnia
                card_mod:
                  style:
                    .: |
                      ha-card{
                        background: none;
                      }
              - square: false
                type: grid
                cards:
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.czujnik_temperatury_mamasypialnia_temperature
                      device_class: temperature
                    name: Temperatura
                    ring_type: arc
                    indicator: arc
                    min: 0
                    max: 45
                    colour:
                      '0': ha_purple
                      '8': ha_blue
                      '17': ha_green
                      '21': ha_yellow
                      '28': ha_orange
                      '30': ha_red
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.czujnik_temperatury_mamasypialnia_humidity
                      device_class: humidity
                    ring_type: open
                    indicator: arc
                    colour: ha_blue
                    name: Wilgotność
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.bme280_czujnik2_pm_2_5_m_weight_concentration
                    colour:
                      '0': var(--cyan-color)
                      '3': var(--green-color)
                      '8': var(--lime-color)
                      '10': var(--yellow-color)
                      '13': var(--amber-color)
                      '25': var(--pink-color)
                      '28': var(--deep-orange-color)
                      '40': var(--purple-color)
                    name: Pyki
                    min: 0
                    max: 15
                    card_mod:
                      style:
                        .: |
                          ha-card {
                            background: none; border-top: none; padding-top: 10px;
                          }
                columns: 3
            card_mod:
              style:
                .: |
                  ha-card{
                    margin: 0px 0; position: relative;
                    padding: 15px;
                    --ha-card-border-radius: 40px;
                    clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                    border-radius: var(--ha-card-border-radius, 30px);
                  }
                  ha-card:before{
                    position: absolute; content: ""; width: 100%;
                    height: 100%;top: 0; left: 0;
                    background-image: radial-gradient(84.87% 84.87% at 78.68% 24.79%, #DCC8D0 0%, #A3C8D0 20.83%, #66B3BA 33.33%, #386DB2 48.44%, #352214 74.48%, #5F3C2D 86.98%, #2D1C13 100%);
                    opacity: 0.2;
                  }
          - type: custom:vertical-stack-in-card
            cards:
              - type: custom:bubble-card
                card_type: separator
                name: SALON
                icon: mdi:sofa
                sub_button:
                  - entity: binary_sensor.czujnik_obecnosci_salon_presence
                    icon: mdi:motion-sensor
                    state_background: true
                    show_background: true
                    show_state: false
                  - entity: light.salon_ambient
                    light_background: false
                    show_icon: true
                    tap_action:
                      action: toggle
                    icon: mdi:led-off
                modules:
                  - icon_border_progress
                icon_border_progress:
                  - button: sub-button-3
                    source: media_player.plex_plex_for_android_tv_shield_android_tv
                card_mod:
                  style:
                    .: |
                      ha-card {
                          margin-top: 0px; padding: 5px 0px 5px 8px;
                      }
                      .bubble-line {
                        opacity:1; height: 2px !important;
                        background-color: 
                          {% if is_state('binary_sensor.czujnik_obecnosci_salon_presence', 'on') %}
                            var(--primary-color);
                          {% elif is_state('binary_sensor.czujnik_obecnosci_salon_presence', 'unknown') %}
                            red;
                          {% else %}
                          {% endif %};
                      }
                      .bubble-icon{
                        margin-right: 15px
                      }
              - type: custom:mushroom-light-card
                entity: light.salon
                layout: horizontal
                show_brightness_control: true
                show_color_control: true
                show_color_temp_control: true
                collapsible_controls: false
                name: Światło
                double_tap_action:
                  action: more-info
                icon: hue:perifo-spot
                card_mod:
                  style:
                    .: |
                      ha-card{
                        background: none;
                        --ha-card-border-radius: 40px;
                        clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                        border-radius: var(--ha-card-border-radius, 30px);
                      }
              - square: false
                type: grid
                cards:
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.czujnik_obecnosci_salon_temperature
                      device_class: temperature
                    name: Temperatura
                    ring_type: arc
                    indicator: arc
                    min: 0
                    max: 45
                    colour:
                      '0': ha_purple
                      '8': ha_blue
                      '17': ha_green
                      '21': ha_yellow
                      '28': ha_orange
                      '30': ha_red
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.czujnik_obecnosci_salon_humidity
                      device_class: humidity
                    ring_type: open
                    indicator: arc
                    colour: ha_blue
                    name: Wilgotność
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.zhimi_de_874970050_mb5_pm2_5_density_p_3_4
                    colour:
                      '0': var(--cyan-color)
                      '3': var(--green-color)
                      '8': var(--lime-color)
                      '10': var(--yellow-color)
                      '13': var(--amber-color)
                      '25': var(--pink-color)
                      '28': var(--deep-orange-color)
                      '40': var(--purple-color)
                    name: Pyki
                    min: 0
                    max: 25
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                columns: 3
            card_mod:
              style:
                .: |
                  ha-card{
                    margin: 0px 0; position: relative;
                    padding: 15px;
                    background: none;
                    --ha-card-border-radius: 40px;
                    clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                    border-radius: var(--ha-card-border-radius, 30px);
                  }
                  ha-card:before{
                    position: absolute; content: ""; width: 100%;
                    height: 100%;top: 0; left: 0;
                    background-image: radial-gradient(140% 107% at 50% 10%, #000314 37.41%, #6633EE 69.27%, #FFFFFF 100%);
                    opacity: .2;
                  }
          - type: custom:vertical-stack-in-card
            cards:
              - type: custom:bubble-card
                card_type: separator
                name: TYMEK
                icon: mdi:teddy-bear
                sub_button:
                  main:
                    - light_background: false
                      show_icon: true
                      tap_action:
                        action: toggle
                      icon: ''
                      entity: light.tymek
                  bottom: []
                modules:
                  - icon_border_progress
                icon_border_progress:
                  - button: sub-button-3
                    source: media_player.plex_plex_for_android_tv_shield_android_tv
                card_mod:
                  style:
                    .: |
                      ha-card {
                          margin-top: 0px; padding: 5px 0px 5px 8px;
                      }
                      .bubble-line {
                        opacity:1; height: 2px !important;
                        background-color: 
                          {% if is_state('binary_sensor.czujnik_obecnosci_salon_presence', 'on') %}
                            var(--primary-color);
                          {% elif is_state('binary_sensor.czujnik_obecnosci_salon_presence', 'unknown') %}
                            red;
                          {% else %}
                          {% endif %};
                      }
                      .bubble-icon{
                        margin-right: 15px
                      }
              - type: custom:mushroom-light-card
                entity: light.tymek
                layout: horizontal
                show_brightness_control: true
                show_color_control: true
                show_color_temp_control: true
                collapsible_controls: false
                name: Światło
                double_tap_action:
                  action: more-info
                icon: hue:perifo-spot
                use_light_color: true
                card_mod:
                  style:
                    .: |
                      ha-card{
                        background: none;
                        --ha-card-border-radius: 40px;
                        clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                        border-radius: var(--ha-card-border-radius, 30px);
                      }
              - square: false
                type: grid
                cards:
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.czujnik_temperatury_tymek_temperature
                      device_class: temperature
                    name: Temperatura
                    ring_type: arc
                    indicator: arc
                    min: 0
                    max: 45
                    colour:
                      '0': ha_purple
                      '8': ha_blue
                      '17': ha_green
                      '21': ha_yellow
                      '28': ha_orange
                      '30': ha_red
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.czujnik_temperatury_tymek_humidity
                      device_class: humidity
                    colour:
                      '0': var(--deep-orange-color)
                      '30': var(--amber-color)
                      '40': var(--green-color)
                      '55': var(--green-color)
                      '65': var(--deep-orange-color)
                      '70': var(--pink-color)
                      '80': var(--purple-color)
                    ring_type: open
                    min: 0
                    max: 100
                    name: Wilgotność
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                  - type: custom:ring-tile
                    entity:
                      entity: sensor.wskaznik_plesni_tymek
                    colour:
                      '0': var(--cyan-color)
                      '30': var(--green-color)
                      '50': var(--lime-color)
                      '60': var(--yellow-color)
                      '63': var(--amber-color)
                      '67': var(--deep-orange-color)
                      '71': var(--pink-color)
                      '80': var(--purple-color)
                    name: Pleśń
                    icon: mdi:virus
                    min: 0
                    max: 100
                    card_mod:
                      style:
                        .: |
                          ha-card{
                            background: none; border-top: none;padding-top: 10px;
                          }
                columns: 3
            card_mod:
              style:
                .: |
                  ha-card{
                    margin: 0px 0; position: relative;
                    padding: 15px;
                    background: none;
                    --ha-card-border-radius: 40px;
                    clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                    border-radius: var(--ha-card-border-radius, 30px);
                  }
                  ha-card:before{
                    position: absolute; content: ""; width: 100%;
                    height: 100%;top: 0; left: 0;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
                    opacity: .2;
                  }
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#power'
                name: Sterowanie zasilaniem
                icon: mdi:power
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
                icon_color:
                  color: red
                cover_gradient_background_indicator:
                  color: blue-grey
                  colorless_closed: false
                  highlight_closed: true
                  inverted: false
                  advanced_color: '#4BBE5E'
                backdrop_blur: '0'
                shadow_opacity: '0'
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: input_boolean.awtrix_pokaz_temperature_na_zewnatrz
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Pokaż temperature
                    icon: ''
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon
                    name: Lewe
                    icon: mdi:television-box
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon_prawe
                    icon: mdi:power-socket-fr
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Prawe
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                name: Pokoje
                icon: mdi:human-female-female-child
                sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_tymek_lewe
                    name: Tymek
                    icon: mdi:teddy-bear
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_mama_telewizor
                    icon: mdi:mother-heart
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Mama
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Dom
                icon: phu:rooms-storage
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                name: Biuro
                icon: phu:rooms-office
                show_state: true
                tap_action:
                  action: toggle
                hold_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: toggle
                double_tap_action:
                  action: toggle
                show_last_changed: false
                show_attribute: false
                scrolling_effect: false
                sub_button: []
                entity: switch.gniazdko_biuro
              - type: custom:bubble-card
                card_type: separator
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
                name: Ogród
                icon: hue:room-outdoors
                sub_button: []
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                entity: switch.tasmota_206
                icon: mdi:grass
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: none
                  tap_action:
                    action: toggle
                hold_action:
                  action: toggle
                double_tap_action:
                  action: none
                tap_action:
                  action: toggle
                name: Podlewanie wody
                scrolling_effect: false
                sub_button: []
              - type: custom:bubble-card
                card_type: separator
                name: Serwerownia
                icon: mdi:server-security
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_serwer_wentylatory
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Chłodzenie
                    icon: mdi:air-conditioner
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
      - type: grid
        cards: []
  - type: sections
    max_columns: 4
    title: Dom
    path: dom
    icon: mdi:home
    sections:
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: back
                  - type: menu
                  - type: template
                    icon: mdi:power
                    tap_action:
                      action: navigate
                      navigation_path: '#power'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    icon_color: white
                    content: ''
                    card_mod:
                      style: |
                        ha-card {
                            --text-color: rgb(var(--rgb-black));
                            --chip-background: rgba(var(--rgb-red), 0.8);
                        } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: Mariusz
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-left: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mariusz', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mariusz', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state_not: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.sylwia', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.sylwia', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state_not: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.tymek', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.tymek', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mama', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mama', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                card_mod:
                  style: |
                    mushroom-template-chip, 
                    mushroom-conditional-chip,
                    mushroom-entity-chip,
                    mushroom-weather-chip,
                    mushroom-light-chip,
                    mushroom-menu-chip, 
                    mushroom-spacer-chip,
                    mushroom-chips {
                        border-radius: 16px;
                      }
                    .chip-container {
                      margin-top: -10px !important;
                      margin-bottom: -2px !important;
                    }
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main:
                - entity: sensor.wilgotnosc_w_domu
                  state_background: false
                  show_state: true
                  hold_action:
                    action: none
                  double_tap_action:
                    action: none
                  tap_action:
                    action: none
                - entity: sensor.temperatura_w_domu
                  show_state: true
                  show_attribute: false
                  tap_action:
                    action: none
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
              bottom: []
            name: Dom
            icon: mdi:home-city
          - type: custom:mini-graph-card
            entities:
              - entity: sensor.temperatura_w_domu
              - entity: sensor.wilgotnosc_w_domu
                name: Wilgotność
                show_graph: false
                show_state: true
                show_points: false
              - color: gray
                entity: sensor.nightstate
                name: Night
                show_legend: false
                show_line: false
                show_points: false
                y_axis: secondary
            line_width: 3
            font_size: 90
            animate: true
            color_thresholds:
              - value: -5
                color: '#eb4d54'
              - value: 0
                color: '#1db954'
              - value: 3
                color: '#3a8df7'
            hours_to_show: 48
            hour24: true
            icon: mdi:sofa
            points_per_hour: 0.5
            show:
              extrema: true
              fill: fade
              name: false
              icon: false
              labels: true
              state: false
              legend: true
            card_mod:
              style: |
                ha-card {
                  background-color: rgba(0, 0, 0, 0.1);
                  border-width: 1px;
                  border: solid var(--ha-card-border-color, var(--divider-color, #e0e0e0));
                  box-shadow: 0px 0px 0px 1px var(--ha-card-border-color, var(--divider-color, #e0e0e0))  !important;
                }
          - type: custom:waterfall-history-card
            title: ' '
            hours: 24
            show_min_max: true
            height: 10
            digits: 1
            gradient: true
            entities:
              - entity: sensor.temperatura_w_domu
                name: ' '
                hours: 24
                show_current: false
                show_icons: false
                show_labels: true
                thresholds:
                  - value: 14
                    color: '#ed1818'
                  - value: 10
                    color: '#de2f95'
                  - value: 16
                    color: '#9e55e1'
                  - value: 17
                    color: '#4444fa'
                  - value: 18
                    color: '#448dfa'
                  - value: 19
                    color: '#4FC3F7'
                  - value: 22
                    color: '#81C784'
                  - value: 25
                    color: '#FFB74D'
                  - value: 28
                    color: '#FF8A65'
            card_mod:
              style: |
                :host .card-header {
                  display: none;
                }
                :host .min-max-label {
                  margin-bottom: -4px;
                  margin-top: -18px;
                }
                ha-card {
                  border-radius: 0px;
                }
                :host {
                  border-radius: 0px;
                  padding-top: 0px;
                  padding-bottom: 0px;
                  border-width: 1px;
                  background-color: rgba(0, 0, 0, 0.1) !important;
                  border:  solid var(--ha-card-border-color, var(--divider-color, #e0e0e0));
                }
      - type: grid
        cards:
          - entities:
              - entity: calendar.swieta
                label: ✨
                color: ''
              - entity: calendar.dobrze_wiedziec
                label: 📅
            days_to_show: 365
            compact_days_to_show: 3
            show_single_allday_time: false
            weather:
              position: event
              date:
                show_conditions: false
                show_high_temp: true
                show_low_temp: false
                icon_size: 14px
                font_size: 12px
                color: var(--primary-text-color)
              event:
                show_conditions: true
                show_temp: true
                icon_size: 14px
                font_size: 12px
                color: var(--primary-text-color)
              entity: weather.openweathermap
            tap_action:
              action: navigate
              navigation_path: '#calendar'
            type: custom:calendar-card-pro
          - entities:
              - entity: calendar.swieta
                label: ✨
                color: ''
              - entity: calendar.imieniny
                label: 📇
              - entity: calendar.dobrze_wiedziec
                label: 📅
            weather:
              position: event
              date:
                show_conditions: false
                show_high_temp: true
                show_low_temp: false
                icon_size: 14px
                font_size: 12px
                color: var(--primary-text-color)
              event:
                show_conditions: true
                show_temp: true
                icon_size: 14px
                font_size: 12px
                color: var(--primary-text-color)
              entity: weather.openweathermap
            tap_action:
              action: navigate
              navigation_path: '#calendar'
            type: custom:calendar-card-pro
      - type: grid
        cards:
          - layout: modern
            compact_width: 300
            modern_width: 300
            show_entity_picture: true
            show_person_name: true
            show_name: true
            show_last_changed: true
            show_battery: true
            show_watch_battery: false
            show_activity: true
            show_distance: true
            show_travel_time: true
            show_connection: true
            aspect_ratio: 1/0.7
            triggers_update: all
            battery_position: top-right
            watch_battery_position: top-right-2
            activity_position: bottom-left
            distance_position: top-left
            travel_position: top-left-2
            connection_position: bottom-right
            battery_font_size: 13px
            watch_battery_font_size: 13px
            activity_font_size: 13px
            distance_font_size: 12px
            travel_font_size: 12px
            connection_font_size: 12px
            modern_picture_size: 40
            modern_name_font_size: 14px
            modern_state_font_size: 12px
            modern_show_battery_ring: true
            modern_show_travel_ring: true
            modern_travel_max_time: 60
            type: custom:person-tracker-card
            entity: person.mariusz
            battery_state_sensor: sensor.iphone_mariusz_battery_state
            activity_sensor: sensor.iphone_mariusz_activity
            battery_sensor: sensor.iphone_mariusz_battery_level
            distance_sensor: sensor.mariusz_to_home
            travel_sensor: sensor.mariusz_to_home
            connection_sensor: sensor.iphone_mariusz_connection_type
          - layout: modern
            compact_width: 300
            modern_width: 300
            show_entity_picture: true
            show_person_name: true
            show_name: true
            show_last_changed: true
            show_battery: true
            show_watch_battery: false
            show_activity: true
            show_distance: true
            show_travel_time: true
            show_connection: true
            aspect_ratio: 1/0.7
            triggers_update: all
            battery_position: top-right
            watch_battery_position: top-right-2
            activity_position: bottom-left
            distance_position: top-left
            travel_position: top-left-2
            connection_position: bottom-right
            battery_font_size: 13px
            watch_battery_font_size: 13px
            activity_font_size: 13px
            distance_font_size: 12px
            travel_font_size: 12px
            connection_font_size: 12px
            modern_picture_size: 40
            modern_name_font_size: 14px
            modern_state_font_size: 12px
            modern_show_battery_ring: true
            modern_show_travel_ring: true
            modern_travel_max_time: 60
            type: custom:person-tracker-card
            entity: person.sylwia
            battery_state_sensor: sensor.iphone_sylwia_battery_state
            activity_sensor: sensor.iphone_sylwia_activity
            battery_sensor: sensor.iphone_sylwia_battery_level
            distance_sensor: sensor.iphone_sylwia_distance
            travel_sensor: sensor.sylwia_to_home
            connection_sensor: sensor.iphone_sylwia_connection_type
          - layout: modern
            compact_width: 300
            modern_width: 300
            show_entity_picture: true
            show_person_name: true
            show_name: true
            show_last_changed: true
            show_battery: true
            show_watch_battery: false
            show_activity: true
            show_distance: true
            show_travel_time: true
            show_connection: true
            aspect_ratio: 1/0.7
            triggers_update: all
            battery_position: top-right
            watch_battery_position: top-right-2
            activity_position: bottom-left
            distance_position: top-left
            travel_position: top-left-2
            connection_position: bottom-right
            battery_font_size: 13px
            watch_battery_font_size: 13px
            activity_font_size: 13px
            distance_font_size: 12px
            travel_font_size: 12px
            connection_font_size: 12px
            modern_picture_size: 40
            modern_name_font_size: 14px
            modern_state_font_size: 12px
            modern_show_battery_ring: true
            modern_show_travel_ring: true
            modern_travel_max_time: 60
            type: custom:person-tracker-card
            entity: person.mama
            battery_state_sensor: sensor.iphone_janina_ewa_battery_state
            activity_sensor: sensor.iphone_janina_ewa_activity
            battery_sensor: sensor.iphone_janina_ewa_battery_level
            distance_sensor: sensor.iphone_janina_ewa_distance
            travel_sensor: sensor.mama_to_home
            connection_sensor: sensor.iphone_janina_ewa_connection_type
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#calendar'
                button_type: name
                name: Kalendarz
                icon: mdi:calendar-clock
                scrolling_effect: false
                sub_button:
                  main:
                    - entity: sensor.wilgotnosc_w_domu
                      state_background: false
                      show_state: true
                      hold_action:
                        action: none
                      double_tap_action:
                        action: none
                      tap_action:
                        action: none
                    - entity: sensor.temperatura_w_domu
                      show_state: true
                      show_attribute: false
                      tap_action:
                        action: none
                      double_tap_action:
                        action: none
                      hold_action:
                        action: none
                  bottom: []
                background_update: true
                close_by_clicking_outside: false
              - initial_view: listWeek
                type: calendar
                entities:
                  - calendar.dobrze_wiedziec
                  - calendar.swieta
                  - calendar.imieniny
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#power'
                name: Sterowanie zasilaniem
                icon: mdi:power
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
                icon_color:
                  color: red
                cover_gradient_background_indicator:
                  color: blue-grey
                  colorless_closed: false
                  highlight_closed: true
                  inverted: false
                  advanced_color: '#4BBE5E'
                backdrop_blur: '0'
                shadow_opacity: '0'
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: input_boolean.awtrix_pokaz_temperature_na_zewnatrz
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Pokaż temperature
                    icon: ''
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon
                    name: Lewe
                    icon: mdi:television-box
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon_prawe
                    icon: mdi:power-socket-fr
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Prawe
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                name: Pokoje
                icon: mdi:human-female-female-child
                sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_tymek_lewe
                    name: Tymek
                    icon: mdi:teddy-bear
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_mama_telewizor
                    icon: mdi:mother-heart
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Mama
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Dom
                icon: phu:rooms-storage
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                name: Biuro
                icon: phu:rooms-office
                show_state: true
                tap_action:
                  action: toggle
                hold_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: toggle
                double_tap_action:
                  action: toggle
                show_last_changed: false
                show_attribute: false
                scrolling_effect: false
                sub_button: []
                entity: switch.gniazdko_biuro
              - type: custom:bubble-card
                card_type: separator
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
                name: Ogród
                icon: hue:room-outdoors
                sub_button: []
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                entity: switch.tasmota_206
                icon: mdi:grass
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: none
                  tap_action:
                    action: toggle
                hold_action:
                  action: toggle
                double_tap_action:
                  action: none
                tap_action:
                  action: toggle
                name: Podlewanie wody
                scrolling_effect: false
                sub_button: []
              - type: custom:bubble-card
                card_type: separator
                name: Serwerownia
                icon: mdi:server-security
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_serwer_wentylatory
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Chłodzenie
                    icon: mdi:air-conditioner
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                    sub_button:
                      main: []
                      bottom: []
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
  - type: sections
    max_columns: 4
    title: Pogoda
    path: pogoda
    icon: mdi:cloud-search
    sections:
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: back
                  - type: menu
                  - type: template
                    icon: mdi:power
                    tap_action:
                      action: navigate
                      navigation_path: '#power'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    icon_color: white
                    content: ''
                    card_mod:
                      style: |
                        ha-card {
                            --text-color: rgb(var(--rgb-black));
                            --chip-background: rgba(var(--rgb-red), 0.8);
                        } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: Mariusz
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-left: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mariusz', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mariusz', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state_not: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.sylwia', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.sylwia', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state_not: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.tymek', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.tymek', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mama', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mama', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                card_mod:
                  style: |
                    mushroom-template-chip, 
                    mushroom-conditional-chip,
                    mushroom-entity-chip,
                    mushroom-weather-chip,
                    mushroom-light-chip,
                    mushroom-menu-chip, 
                    mushroom-spacer-chip,
                    mushroom-chips {
                        border-radius: 16px;
                      }
                    .chip-container {
                      margin-top: -10px !important;
                      margin-bottom: -2px !important;
                    }
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main:
                - entity: sensor.temperatura_w_domu
                  name: Dom
                  show_name: true
                  show_state: true
              bottom: []
            name: Pogoda
            icon: mdi:cloud-question
          - type: custom:bubble-card
            card_type: button
            sub_button:
              main:
                - name: Group 1
                  buttons_layout: column
                  group:
                    - entity: >-
                        sensor.czujnik_ruchu_zewnatrz_poprawna_temperatura_temperature
                      show_background: true
                      force_icon: false
                      show_name: false
                      show_state: true
                      content_layout: icon-left
              bottom: []
            name: Pogoda
            icon: ''
            button_type: state
            entity: weather.openweathermap
            modules:
              - weather_forecast
            animated_weather_icon:
              weather_entity: weather.openweathermap
            weather_forecast:
              type: hourly
            bubble_badges:
              badges:
                - target: sub_button
                  name: Wilgotność
                  sub_button_index: 1
                  icon: mdi:cloud-percent
                  entity: sensor.czujnik_obecnosci_zewnatrz_humidity
                  color: deep-purple
          - type: custom:clock-weather-card
            entity: weather.google_home_weather
      - type: grid
        cards:
          - type: custom:weather-chart-card
            entity: weather.openweathermap
            show_main: true
            show_temperature: true
            show_current_condition: true
            show_attributes: true
            show_time: false
            show_time_seconds: false
            show_day: false
            show_date: false
            show_humidity: true
            show_pressure: true
            show_wind_direction: true
            show_wind_speed: true
            show_sun: true
            show_feels_like: true
            show_dew_point: false
            show_wind_gust_speed: false
            show_visibility: false
            show_last_changed: false
            use_12hour_format: false
            icons_size: 25
            animated_icons: true
            icon_style: style1
            autoscroll: true
            forecast:
              precipitation_type: rainfall
              show_probability: false
              labels_font_size: '11'
              precip_bar_size: '100'
              style: style1
              show_wind_forecast: true
              condition_icons: true
              round_temp: false
              type: hourly
              number_of_forecasts: '0'
              disable_animation: false
            units:
              speed: ''
          - type: custom:prism-spacer
            height: 2
          - type: custom:sun-position-card
            entity: sun.sun
            animate_images: true
            show_image: true
            state_position: above
            show_dividers: false
            show_degrees: false
            show_degrees_in_list: false
            times_to_show: []
            time_position: below
            time_list_format: block
            morning_azimuth: 155
            dusk_elevation: 5
            noon_azimuth: 200
            afternoon_azimuth: 255
            sun_size: 120
            hide_moon_phase_on_day: false
            show_moon_icon_in_text: false
            moon_phase_position: in_list
            moon_entity: sensor.moon_phase
            weather_entity: weather.openweathermap
            view_mode: arc
            show_weather_badge: false
            card_mod:
              style: |
                ha-card {
                  background: none;
                }
      - type: grid
        cards:
          - type: custom:horizon-card
            moon: true
            refresh_period: 60
            fields:
              moonrise: true
              moonset: true
              moon_phase: true
            card_mod:
              style: |
                ha-card {
                  background: transparent;
                  border: none;
                  box-shadow: none;
                  padding: 0px;
                }
          - type: custom:lunar-phase-card
            location_source: default
            latitude: 49.5865595064659
            longitude: 20.697485804557804
            language: pl
            moon_position: left
            compact_menu_button: false
            mile_unit: false
            12hr_format: false
          - type: custom:lunar-phase-card
            location_source: default
            southern_hemisphere: false
            latitude: 49.58647432882609
            longitude: 20.697590410709385
            language: pl
            hide_background: false
            custom_background: >-
              https://cdn.jsdelivr.net/gh/ngocjohn/lunar-phase-card@1.7.3/background/moon_bg_3.png
            custom_theme: default
            default_section: horizon
            compact_view: false
            moon_position: left
            hide_buttons: true
            hide_compact_label: false
            calendar_modal: false
            number_decimals: 2
            mile_unit: false
            12hr_format: false
            font_config:
              header_font_size: x-large
              header_font_style: capitalize
              header_font_color: ''
              label_font_size: auto
              label_font_style: none
              label_font_color: ''
            graph_chart_config:
              graph_type: dynamic
              y_ticks: false
              x_ticks: false
              show_time: true
              show_current: true
              show_highest: true
              y_ticks_position: left
              y_ticks_step_size: 30
              time_step_size: 30
      - type: grid
        cards:
          - type: iframe
            url: >-
              https://embed.windy.com/embed2.html?lat=49.519&lon=20.693&detailLat=49.119&detailLon=20.693&width=650&height=450&zoom=8&level=surface&overlay=wind&product=ecmwf&menu=&message=true&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=km%2Fh&metricTemp=%C2%B0C&radarRange=-1
            aspect_ratio: 50%
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#power'
                name: Sterowanie zasilaniem
                icon: mdi:power
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
                icon_color:
                  color: red
                cover_gradient_background_indicator:
                  color: blue-grey
                  colorless_closed: false
                  highlight_closed: true
                  inverted: false
                  advanced_color: '#4BBE5E'
                backdrop_blur: '0'
                shadow_opacity: '0'
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: input_boolean.awtrix_pokaz_temperature_na_zewnatrz
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Pokaż temperature
                    icon: ''
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon
                    name: Lewe
                    icon: mdi:television-box
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon_prawe
                    icon: mdi:power-socket-fr
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Prawe
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                name: Pokoje
                icon: mdi:human-female-female-child
                sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_tymek_lewe
                    name: Tymek
                    icon: mdi:teddy-bear
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_mama_telewizor
                    icon: mdi:mother-heart
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Mama
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Dom
                icon: phu:rooms-storage
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                name: Biuro
                icon: phu:rooms-office
                show_state: true
                tap_action:
                  action: toggle
                hold_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: toggle
                double_tap_action:
                  action: toggle
                show_last_changed: false
                show_attribute: false
                scrolling_effect: false
                sub_button: []
                entity: switch.gniazdko_biuro
              - type: custom:bubble-card
                card_type: separator
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
                name: Ogród
                icon: hue:room-outdoors
                sub_button: []
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                entity: switch.tasmota_206
                icon: mdi:grass
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: none
                  tap_action:
                    action: toggle
                hold_action:
                  action: toggle
                double_tap_action:
                  action: none
                tap_action:
                  action: toggle
                name: Podlewanie wody
                scrolling_effect: false
                sub_button: []
              - type: custom:bubble-card
                card_type: separator
                name: Serwerownia
                icon: mdi:server-security
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_serwer_wentylatory
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Chłodzenie
                    icon: mdi:air-conditioner
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
  - type: sections
    max_columns: 4
    title: Kamery
    path: kamery
    icon: mdi:cctv
    subview: false
    sections:
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: back
                  - type: menu
                  - type: template
                    icon: mdi:power
                    tap_action:
                      action: navigate
                      navigation_path: '#power'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    icon_color: white
                    content: ''
                    card_mod:
                      style: |
                        ha-card {
                            --text-color: rgb(var(--rgb-black));
                            --chip-background: rgba(var(--rgb-red), 0.8);
                        } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: Mariusz
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-left: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mariusz', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mariusz', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state_not: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.sylwia', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.sylwia', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state_not: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.tymek', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.tymek', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mama', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mama', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                card_mod:
                  style: |
                    mushroom-template-chip, 
                    mushroom-conditional-chip,
                    mushroom-entity-chip,
                    mushroom-weather-chip,
                    mushroom-light-chip,
                    mushroom-menu-chip, 
                    mushroom-spacer-chip,
                    mushroom-chips {
                        border-radius: 16px;
                      }
                    .chip-container {
                      margin-top: -10px !important;
                      margin-bottom: -2px !important;
                    }
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main: []
              bottom: []
            name: Ochrona
            icon: mdi:security
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-alarm-control-panel-card
                    entity: alarm_control_panel.alarmo
                    states:
                      - armed_custom_bypass
                      - armed_away
                    fill_container: true
                    hold_action:
                      action: none
                    double_tap_action:
                      action: none
                    secondary_info: state
                    name: Alarm
                    primary_info: name
                    layout: horizontal
                    tap_action:
                      action: perform-action
                      perform_action: alarm_control_panel.alarm_disarm
                      target: {}
                    card_mod:
                      style:
                        mushroom-shape-icon$: >
                          .shape {
                            /* --- LOGIC BLOCK --- */
                            {% set status = states(config.entity) %}
                            
                            {% if status == 'disarmed' %}
                              /* --- DISARMED --- */
                              --main-color: var(--rgb-light-green);
                              /* Shape: Floating effect */
                              --bg-anim: shield-float 3s ease-in-out infinite;
                              /* Inner: Light sheen scan */
                              --inner-style: linear-gradient(to bottom, transparent 0%,  transparent 20%, rgba(45,160,40,0.5) 40%, rgba(88,204,0,0.5) 42%, rgba(0,255,0,0.1) 43%, transparent 60%);
                              --inner-anim: sheen-scan 3s ease-in-out infinite;
                              /* Outer: None */
                              --outer-display: none;
                              /* ICON: Slow, calm breathing */
                              --icon-anim: breathe-slow 3s ease-in-out infinite;
                              wmix-blend: color-dodge !important;
                            {% elif status == 'triggered' %}
                              /* --- TRIGGERED --- */
                              --main-color: var(--rgb-deep-orange);
                              /* Shape: Strobe */
                              --bg-anim: panic-strobe 0.5s steps(2) infinite;
                              /* Inner: None */
                              --inner-style: none;
                              --inner-anim: none;
                              /* Outer: Shockwave */
                              --outer-display: block;
                              --outer-anim: shockwave 0.5s linear infinite;
                              /* ICON: Violent shake */
                              --icon-anim: violent-shake 0.1s linear infinite;

                            {% elif 'armed' in status %}
                              /* --- ARMED --- */
                              --main-color: var(--rgb-red);
                              /* Shape: Static */
                              --bg-anim: none;
                              /* Inner: Radar sweep gradient */
                              --inner-style: conic-gradient(from 0deg, transparent 0%, rgba(var(--main-color), 0.6) 20%, transparent 40%);
                              --inner-anim: radar-spin 2s linear infinite;
                              /* Outer: Sonar expansion */
                              --outer-display: block;
                              --outer-anim: sonar-expand 2s ease-out infinite;
                              /* ICON: Alert pulse */
                              --icon-anim: breathe-fast 2s ease-in-out infinite;

                            {% elif status == 'pending' %}
                              /* --- PENDING --- */
                              --main-color: var(--rgb-orange);
                              /* Shape: Breathing */
                              --bg-anim: arming-breathe 1s ease-in-out infinite;
                              /* Inner/Outer: None */
                              --inner-style: none;
                              --inner-anim: none;
                              --outer-display: none;
                              /* ICON: Medium pulse */
                              --icon-anim: breathe-medium 2s ease-in-out infinite;

                            {% else %}
                              /* UNKNOWN */
                              --main-color: var(--rgb-grey);
                              --bg-anim: none; --inner-style: none; --inner-anim: none; --outer-display: none; --icon-anim: none;
                            {% endif %}

                            /* --- SHAPE CONTAINER STYLING --- */
                            background-color: rgba(var(--main-color), 0.15) !important;
                            --icon-color: var(--main-color) !important;
                            color: rgb(var(--main-color)) !important;
                            
                            __disabled_box-shadow: 0 0 25px rgba(var(--main-color), 0.3), inset 0 0 10px rgba(var(--main-color), 0.1) !important;
                            border: 3px solid rgba(var(--main-color), 0.5);
                            box-shadow: 0 1px 0px rgba(0,0,0,0.1), inset 0 2px 2px var(--card-background-color) !important;
                            
                            border-radius: 50% !important;
                            position: relative;
                            overflow: visible !important;
                            transition: all 0.5s ease;
                            animation: var(--bg-anim);
                          }


                          /* INNER EFFECT (Sheen or Radar Sweep) */

                          .shape::before {
                            content: ''; 
                            position: absolute; 
                            inset: 0; 
                            border-radius: 50%;
                            background: var(--inner-style); 
                            background-size: 100% 200%;
                            animation: var(--inner-anim); z-index: 1;
                          }


                          /* OUTER EFFECT (Sonar Ring or Shockwave) */

                          .shape::after {
                            content: ''; 
                            display: var(--outer-display); 
                            position: absolute; inset: -2px; 
                            border-radius: 50%;
                            border: 2px solid rgba(var(--main-color), 0.6);
                            animation: var(--outer-anim); z-index: -1;
                          }


                          /* ICON ANIMATION (Applied directly to the icon) */

                          ha-icon {
                            position: relative; z-index: 2;
                            animation: var(--icon-anim); transform-origin: center;
                          }


                          /* --- SHAPE & ICON ANIMATIONS --- */

                          @keyframes shield-float { 0%, 100% { transform:
                          translateY(0); } 50% { transform: translateY(-3px); }
                          }

                          @keyframes sheen-scan { 0% { background-position: 0%
                          150%; opacity: 0; } 20%, 80% { opacity: 1; } 100% {
                          background-position: 0% -50%; opacity: 0; } }

                          @keyframes radar-spin { 0% { transform: rotate(0deg);
                          } 100% { transform: rotate(360deg); } }

                          @keyframes sonar-expand { 0% { transform: scale(1);
                          opacity: 0.8; border-width: 2px; } 100% { transform:
                          scale(2.5); opacity: 0; border-width: 0px; } }

                          @keyframes panic-strobe { 0% { background-color:
                          rgba(var(--main-color), 0.2); box-shadow: 0 0 10px
                          rgba(var(--main-color), 1); } 100% { background-color:
                          rgba(var(--main-color), 0.6); box-shadow: 0 0 50px
                          rgba(var(--main-color), 1); } }

                          @keyframes violent-shake { 0% { transform:
                          translate(0, 0) rotate(0deg); } 25% { transform:
                          translate(-3px, 3px) rotate(-5deg); } 50% { transform:
                          translate(3px, -3px) rotate(5deg); } 75% { transform:
                          translate(-3px, -3px) rotate(-5deg); } 100% {
                          transform: translate(0, 0) rotate(0deg); } }

                          @keyframes shockwave { 0% { transform: scale(1);
                          opacity: 1; } 100% { transform: scale(1.5); opacity:
                          0; } }

                          @keyframes arming-breathe { 0%, 100% { box-shadow: 0 0
                          10px rgba(var(--main-color), 0.5); } 50% { box-shadow:
                          0 0 30px rgba(var(--main-color), 1); } }


                          /* Icon Breathing Animations */

                          @keyframes breathe-slow { 0%, 100% { transform:
                          scale(1); opacity: 0.8; } 50% { transform:
                          scale(1.05); opacity: 1; } }

                          @keyframes breathe-medium { 0%, 100% { transform:
                          scale(1); } 50% { transform: scale(1.1); } }

                          @keyframes breathe-fast { 0%, 100% { transform:
                          scale(1); } 50% { transform: scale(1.15); } }
                        mushroom-alarm-control-panel-buttons-control$: |
                          mushroom-button {
                            --bg-color: rgba(var(--rgb-primary-text-color), 0.05) !important;
                            --button-color: rgb(var(--rgb-primary-text-color)) !important;
                            transition: all 0.2s ease;
                          }
                          mushroom-button:active {
                            background-color: rgba(var(--rgb-primary-color), 0.2) !important;
                          }
                        .: |
                          ha-card { 
                            background: var(--card-background-color);
                            _disabled-box-shadow: 
                            rgba(255,255,255,0.05) 1px 1px 0.5px 0 inset,
                            rgba(0,0,0,0.05) -1px -1px 0px inset;


                            width: auto;
                            margin-left: 0px;
                            margin-right: 0px;
                            margin-bottom: 2px;

                            /* --- LOGIC FOR CARD GLOW --- */
                            {% set status = states(config.entity) %}
                            
                            {% if status == 'disarmed' %}
                              /* DISARMED: light-green Glow */
                              --card-glow-color: var(--rgb-light-green);
                              --card-anim-speed: 2s; /* Slow & Calm */
                              
                            {% elif status == 'triggered' %}
                              /* TRIGGERED: Deep Orange/Red Strobe */
                              --card-glow-color: var(--rgb-deep-orange);
                              --card-anim-speed: 0.5s;
                              
                            {% elif status == 'pending' %}
                              /* PENDING: Orange */
                              --card-glow-color: var(--rgb-orange);
                              --card-anim-speed: 2s;
                              
                            {% else %}
                              /* ARMED (Any mode): Red Glow */
                              --card-glow-color: var(--rgb-red);
                              --card-anim-speed: 2s;
                            {% endif %}
                            
                            --card-fill-anim: card-fill-pulse var(--card-anim-speed) ease-in-out infinite alternate;

                            /* Base Card Styling */
                            /* background: linear-gradient(145deg, rgba(30,30,30,0.9) 0%, rgba(20,20,20,1) 100%); */

                            /* background-image: linear-gradient(0deg, rgba(30,30,30,0.2) 0%, var(--card-background-color) 100%); */
                            


                            --ha-card-border-radius: 40px;
                            clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                            border-radius: var(--ha-card-border-radius, 30px);
                            
                            position: relative;
                            overflow: hidden; /* Important to contain the glow */
                          }

                          /* THE CARD-FILLING GLOW LAYER */
                          ha-card::before {
                            content: '';
                            position: absolute;
                            inset: 0;
                            /* A large radial gradient that expands to fill the card */
                            background: radial-gradient(circle at center, rgba(var(--card-glow-color),0.7) 0%, transparent 70%);
                            opacity: 0;
                            pointer-events: none;
                            mix-blend-mode: color-dodge;
                            animation: var(--card-fill-anim);
                            z-index: 0; /* Behind content but in front of background */
                            filter: blur(10px);
                          }

                          /* Animation for the card glow */
                          @keyframes card-fill-pulse {
                            0% { opacity: 0.1; transform: scale(0.8); }
                            100% { opacity: 0.6; transform: scale(1.5); }
                          }

                          /* Center the main icon */
                          mushroom-shape-icon {
                            --icon-size: 36px !important;
                            display: flex; 
                            justify-content: center; 
                            align-items: center;
                            position: relative; 
                            z-index: 1; /* Keep icon above the card glow */
                           
                            filter: drop-shadow(0px 1px 1px var(--primary-background-color));
                          }
      - type: grid
        cards:
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main: []
              bottom: []
            name: Kamery
            icon: mdi:webcam
          - camera_view: live
            fit_mode: fill
            type: picture-glance
            entities:
              - entity: cover.brama_wjazdowa
                icon: ''
                show_state: false
                tap_action:
                  action: perform-action
                  perform_action: script.przycisk_bramy_2
                  target: {}
            camera_image: camera.go2rtc_camera_1_wjazd_hd
            title: Wjazd
            aspect_ratio: '16:9'
          - camera_view: live
            fit_mode: fill
            type: picture-glance
            entities:
              - entity: cover.brama_wjazdowa
                icon: ''
                show_state: false
                tap_action:
                  action: perform-action
                  perform_action: script.przycisk_bramy_2
                  target: {}
            camera_image: camera.go2rtc_camera_3_domofon_hd
            title: Wideodomofon
            aspect_ratio: '16:9'
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#power'
                name: Sterowanie zasilaniem
                icon: mdi:power
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
                icon_color:
                  color: red
                cover_gradient_background_indicator:
                  color: blue-grey
                  colorless_closed: false
                  highlight_closed: true
                  inverted: false
                  advanced_color: '#4BBE5E'
                backdrop_blur: '0'
                shadow_opacity: '0'
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: input_boolean.awtrix_pokaz_temperature_na_zewnatrz
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Pokaż temperature
                    icon: ''
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon
                    name: Lewe
                    icon: mdi:television-box
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon_prawe
                    icon: mdi:power-socket-fr
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Prawe
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                name: Pokoje
                icon: mdi:human-female-female-child
                sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_tymek_lewe
                    name: Tymek
                    icon: mdi:teddy-bear
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_mama_telewizor
                    icon: mdi:mother-heart
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Mama
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Dom
                icon: phu:rooms-storage
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                name: Biuro
                icon: phu:rooms-office
                show_state: true
                tap_action:
                  action: toggle
                hold_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: toggle
                double_tap_action:
                  action: toggle
                show_last_changed: false
                show_attribute: false
                scrolling_effect: false
                sub_button: []
                entity: switch.gniazdko_biuro
              - type: custom:bubble-card
                card_type: separator
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
                name: Ogród
                icon: hue:room-outdoors
                sub_button: []
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                entity: switch.tasmota_206
                icon: mdi:grass
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: none
                  tap_action:
                    action: toggle
                hold_action:
                  action: toggle
                double_tap_action:
                  action: none
                tap_action:
                  action: toggle
                name: Podlewanie wody
                scrolling_effect: false
                sub_button: []
              - type: custom:bubble-card
                card_type: separator
                name: Serwerownia
                icon: mdi:server-security
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_serwer_wentylatory
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Chłodzenie
                    icon: mdi:air-conditioner
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
    cards: []
  - type: sections
    max_columns: 4
    title: Porządki
    path: porzadki
    icon: mdi:spray-bottle
    sections:
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: back
                  - type: menu
                  - type: template
                    icon: mdi:power
                    tap_action:
                      action: navigate
                      navigation_path: '#power'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    icon_color: white
                    content: ''
                    card_mod:
                      style: |
                        ha-card {
                            --text-color: rgb(var(--rgb-black));
                            --chip-background: rgba(var(--rgb-red), 0.8);
                        } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: Mariusz
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-left: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mariusz', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mariusz', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state_not: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.sylwia', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.sylwia', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state_not: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.tymek', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.tymek', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mama', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mama', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                card_mod:
                  style: |
                    mushroom-template-chip, 
                    mushroom-conditional-chip,
                    mushroom-entity-chip,
                    mushroom-weather-chip,
                    mushroom-light-chip,
                    mushroom-menu-chip, 
                    mushroom-spacer-chip,
                    mushroom-chips {
                        border-radius: 16px;
                      }
                    .chip-container {
                      margin-top: -10px !important;
                      margin-bottom: -2px !important;
                    }
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main: []
              bottom: []
            name: Status - ciśnienie, kier. wiatru
            icon: mdi:list-status
          - square: true
            type: grid
            cards:
              - type: custom:ring-tile
                entity: sensor.temperatura_w_domu
                name: Dom
                bottom_element: name
                middle_element: value_with_unit
                min: 10
                max: 40
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                colour:
                  '10': ha_blue
                  '22': ha_green
                  '32': ha_yellow
                  '40': ha_red
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.wilgotnosc_w_domu
                name: Wilgoć
                top_element: icon
                bottom_element: name
                middle_element: value_with_unit
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                min: 0
                max: 100
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                colour:
                  '0': var(--deep-orange-color)
                  '30': var(--amber-color)
                  '40': var(--green-color)
                  '55': var(--green-color)
                  '65': var(--deep-orange-color)
                  '70': var(--pink-color)
                  '80': var(--purple-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.view_plus_radon
                name: Radon
                icon: mdi:radioactive
                indicator: dot
                scale: ticks_with_labels
                ring_type: open
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                bottom_element: name
                middle_element: value_with_unit
                top_element: icon
                min: 0
                max: 160
                colour:
                  '0': ha_purple
                  '8': ha_blue
                  '17': ha_green
                  '100': ha_yellow
                  '130': ha_orange
                  '150': ha_red
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.view_plus_cisnienie_atmosferyczne
                ring_entity: sensor.openweathermap_cisnienie
                marker: sensor.view_plus_cisnienie_atmosferyczne
                name: Ciśnienie
                scale: ticks
                icon: phu:air-presure
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                top_element: icon
                middle_element: value_with_unit
                bottom_element: ring_value_with_unit
                min: 965
                max: 1055
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                top_element: icon
                entity: sensor.openweathermap_predkosc_wiatru
                ring_type: compass_n
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                marker: sensor.openweathermap_kierunek_wiatru
                card_mod:
                  style: |
                    rt-ring-svg $: |
                      g.marker path {
                        fill: hsl(
                          {{ 0 + 210 * (100 - states("sensor.openweathermap_predkosc_wiatru")|float) / 100  }}
                        , 40%, 44%)
                      }
                      ha-card {
                        margin-top: -10px;
                      }
            columns: 5
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main: []
              bottom: []
            name: Drażniące zanieczyszczenia
            icon: mdi:atom
          - square: true
            type: grid
            cards:
              - type: custom:ring-tile
                entity: sensor.dom_ozone
                name: Ozon
                top_element: icon
                bottom_element: name
                middle_element: value_with_unit
                ring_size: 2
                ring_only: true
                min: 0
                max: 250
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                colour:
                  '0': var(--green-color)
                  '55': var(--amber-color)
                  '71': var(--deep-orange-color)
                  '86': var(--red-color)
                  '106': var(--purple-color)
                  '201': var(--pink-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.dom_nitrogen_dioxide
                name: Dwutl. azotu
                top_element: icon
                bottom_element: name
                middle_element: value_with_unit
                ring_size: 2
                ring_only: true
                min: 0
                max: 1300
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                colour:
                  '0': var(--green-color)
                  '54': var(--amber-color)
                  '101': var(--deep-orange-color)
                  '361': var(--red-color)
                  '650': var(--purple-color)
                  '1250': var(--pink-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.dom_sulphur_dioxide
                name: Dwutl. siarki
                top_element: icon
                bottom_element: name
                middle_element: value_with_unit
                ring_size: 2
                ring_only: true
                min: 0
                max: 700
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                colour:
                  '0': var(--green-color)
                  '36': var(--amber-color)
                  '76': var(--deep-orange-color)
                  '186': var(--red-color)
                  '305': var(--purple-color)
                  '605': var(--pink-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.dom_tlenek_wegla
                name: Tlenek węgla
                top_element: icon
                bottom_element: name
                middle_element: value_with_unit
                ring_size: 2
                ring_only: true
                min: 0
                max: 35
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                colour:
                  '0': var(--green-color)
                  '4.5': var(--amber-color)
                  '9.5': var(--deep-orange-color)
                  '12.5': var(--red-color)
                  '15.5': var(--purple-color)
                  '30.5': var(--pink-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.google_home_weather_uv_index
                name: UV
                top_element: icon
                bottom_element: name
                middle_element: value
                ring_size: 2
                ring_only: true
                min: 0
                max: 12
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 72px
                colour:
                  '0': var(--green-color)
                  '3': var(--amber-color)
                  '6': var(--deep-orange-color)
                  '8': var(--red-color)
                  '11': var(--purple-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
            columns: 5
      - type: grid
        cards:
          - type: custom:bubble-card
            card_type: separator
            name: Mama
            icon: mdi:mother-heart
            sub_button:
              main:
                - entity: light.mama_sypialnia
                  sub_button_type: default
                  show_icon: true
                  state_background: true
                  show_background: true
                  tap_to_slide: false
                  relative_slide: false
                  read_only_slider: false
                  always_visible: true
                  icon: mdi:lightbulb-on
                  scrolling_effect: false
                  name: ''
                  show_state: false
                  show_name: false
                  slider_fill_orientation: left
                  slider_value_position: right
                  light_slider_type: brightness
                  allow_light_slider_to_0: true
                  tap_action:
                    action: toggle
                  double_tap_action:
                    action: perform-action
                    perform_action: light.turn_off
                    target:
                      entity_id: light.mama_sypialnia
                  hold_action:
                    action: more-info
                - entity: light.mama_sypialnia
                  sub_button_type: slider
                  show_icon: true
                  state_background: true
                  show_background: true
                  tap_to_slide: false
                  relative_slide: false
                  read_only_slider: false
                  always_visible: true
                  icon: mdi:lightbulb-on
                  scrolling_effect: false
                  name: ''
                  show_state: false
                  show_name: false
                  slider_fill_orientation: left
                  slider_value_position: right
                  light_slider_type: brightness
                  allow_light_slider_to_0: true
              bottom: []
            bubble_badges:
              badges:
                - name: Bateria
                  target: main_icon
                  sub_button_index: 1
                  icon: mdi:battery-charging
                  entity: sensor.xiaomi_de_1140711099_d109gl_battery_level_p_3_1
                  animation: pulse
          - square: true
            type: grid
            cards:
              - type: custom:ring-tile
                entity: sensor.czujnik_temperatury_mamasypialnia_temperature
                name: Temperatura
                bottom_element: name
                min: 10
                max: 40
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                colour:
                  '10': ha_blue
                  '22': ha_green
                  '32': ha_yellow
                  '40': ha_red
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.czujnik_temperatury_mamasypialnia_humidity
                name: Wilgoć
                device_class: humidity
                bottom_element: name
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                min: 0
                max: 100
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                colour:
                  '0': var(--deep-orange-color)
                  '30': var(--amber-color)
                  '40': var(--green-color)
                  '55': var(--green-color)
                  '65': var(--deep-orange-color)
                  '70': var(--pink-color)
                  '80': var(--purple-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.bme280_czujnik2_pm_2_5_m_weight_concentration
                marker: sensor.bme280_czujnik2_pm_1_m_weight_concentration
                name: Pyły 2.5
                top_element: icon
                middle_element: value_with_unit
                bottom_element: name
                min: 0
                max: 40
                indicator: dot
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                colour:
                  '0': var(--cyan-color)
                  '3': var(--green-color)
                  '8': var(--lime-color)
                  '10': var(--yellow-color)
                  '13': var(--amber-color)
                  '25': var(--pink-color)
                  '28': var(--deep-orange-color)
                  '40': var(--purple-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.wskaznik_plesni_mama
                bottom_element: name
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                min: 0
                max: 100
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                colour:
                  '0': var(--cyan-color)
                  '30': var(--green-color)
                  '50': var(--lime-color)
                  '60': var(--yellow-color)
                  '63': var(--amber-color)
                  '67': var(--deep-orange-color)
                  '71': var(--pink-color)
                  '80': var(--purple-color)
                name: Pleśń
                icon: mdi:virus
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
            columns: 4
            card_mod:
              style: |
                ha-card {
                  margin-top: -20px;
                }
          - type: custom:mushroom-fan-card
            entity: fan.xiaomi_cpa4_3a40_air_purifier
            show_percentage_control: true
            show_oscillate_control: false
            show_direction_control: false
            collapsible_controls: false
            icon_animation: true
            fill_container: true
            name: Oczyszczacz
            hold_action:
              action: more-info
            card_mod:
              style: |
                ha-card {
                  --ha-card-border-radius: 40px;
                  clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                  border-radius: var(--ha-card-border-radius, 30px);
                }
            grid_options:
              columns: full
      - type: grid
        cards:
          - type: custom:bubble-card
            card_type: separator
            name: Salon
            icon: mdi:mother-heart
            sub_button:
              main:
                - entity: light.salon_cala_strefa
                  sub_button_type: default
                  show_icon: true
                  state_background: true
                  show_background: true
                  tap_to_slide: false
                  relative_slide: false
                  read_only_slider: false
                  always_visible: true
                  icon: mdi:lightbulb-on
                  scrolling_effect: false
                  name: ''
                  show_state: false
                  show_name: false
                  slider_fill_orientation: left
                  slider_value_position: right
                  light_slider_type: brightness
                  allow_light_slider_to_0: true
                  tap_action:
                    action: toggle
                  double_tap_action:
                    action: perform-action
                    perform_action: light.turn_off
                    target:
                      entity_id: light.mama_sypialnia
                  hold_action:
                    action: more-info
                - entity: light.salon_cala_strefa
                  sub_button_type: slider
                  show_icon: true
                  state_background: true
                  show_background: true
                  tap_to_slide: false
                  relative_slide: false
                  read_only_slider: false
                  always_visible: true
                  icon: mdi:lightbulb-on
                  scrolling_effect: false
                  name: ''
                  show_state: false
                  show_name: false
                  slider_fill_orientation: left
                  slider_value_position: right
                  light_slider_type: brightness
                  allow_light_slider_to_0: true
              bottom: []
            bubble_badges:
              badges:
                - name: Bateria
                  target: main_icon
                  sub_button_index: 1
                  icon: mdi:battery-charging
                  entity: sensor.xiaomi_de_1140711099_d109gl_battery_level_p_3_1
                  animation: pulse
          - square: true
            type: grid
            cards:
              - type: custom:ring-tile
                entity: sensor.czujnik_obecnosci_salon_temperature
                name: Temperatura
                bottom_element: name
                min: 10
                max: 40
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                colour:
                  '10': ha_blue
                  '22': ha_green
                  '32': ha_yellow
                  '40': ha_red
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.view_plus_volatile_organic_compounds_parts
                name: LZO
                bottom_element: name
                middle_element: value_with_unit
                top_element: icon
                min: 0
                max: 2200
                indicator: dot
                ring_type: open
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                colour:
                  '200': var(--blue-color)
                  '250': var(--yellow-color)
                  '350': var(--amber-color)
                  '1000': var(--orange-color)
                  '1500': var(--deep-orange-color)
                  '1800': var(--red-color)
                  '2000': var(--pink-color)
                  '2500': var(--purple-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.view_plus_pm2_5
                marker: sensor.view_plus_pm1
                name: Pyły
                top_element: icon
                middle_element: value_with_unit
                bottom_element: name
                min: 0
                max: 40
                indicator: dot
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                colour:
                  '0': var(--cyan-color)
                  '3': var(--green-color)
                  '8': var(--lime-color)
                  '10': var(--yellow-color)
                  '13': var(--amber-color)
                  '25': var(--pink-color)
                  '28': var(--deep-orange-color)
                  '40': var(--purple-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
              - type: custom:ring-tile
                entity: sensor.view_plus_dwutlenek_wegla
                name: Dwutlenek
                min: 0
                max: 1600
                indicator: dot
                ring_type: closed
                ring_size: 2
                ring_only: true
                min_sig_figs: 3
                tweaks:
                  transparent_tile: true
                  rt-ring-svg-size: 80px
                top_element: icon
                bottom_element: unit
                colour:
                  '300': var(--cyan-color)
                  '800': var(--yellow-color)
                  '1000': var(--pink-color)
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -10px;
                    }
            columns: 4
            card_mod:
              style: |
                ha-card {
                  margin-top: -20px;
                }
          - type: custom:mushroom-fan-card
            entity: fan.zhimi_de_874970050_mb5_s_2_air_purifier
            show_percentage_control: true
            show_oscillate_control: false
            show_direction_control: false
            collapsible_controls: false
            icon_animation: true
            fill_container: true
            name: Oczyszczacz
            hold_action:
              action: more-info
            grid_options:
              columns: full
            icon: cil:pedestal-fan
            card_mod:
              style: |
                ha-card {
                  --ha-card-border-radius: 40px;
                  clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                  border-radius: var(--ha-card-border-radius, 30px);
                }
      - type: grid
        cards:
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main: []
              bottom: []
            name: Porządki
            icon: mdi:spray-bottle
          - type: custom:mushroom-vacuum-card
            entity: vacuum.xiaomi_de_1140711099_d109gl
            commands:
              - start_pause
              - clean_spot
              - return_home
              - on_off
              - stop
            fill_container: true
            icon_animation: true
            card_mod:
              style: |
                ha-card {
                  --ha-card-border-radius: 40px;
                  clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 30px));
                  border-radius: var(--ha-card-border-radius, 30px);
                }
            grid_options:
              columns: full
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                button_type: name
                hash: '#power'
                name: Sterowanie zasilaniem
                icon: mdi:power
                scrolling_effect: false
                show_header: true
                sub_button:
                  main: []
                  bottom: []
                icon_color:
                  color: red
                cover_gradient_background_indicator:
                  color: blue-grey
                  colorless_closed: false
                  highlight_closed: true
                  inverted: false
                  advanced_color: '#4BBE5E'
                backdrop_blur: '0'
                shadow_opacity: '0'
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: input_boolean.awtrix_pokaz_temperature_na_zewnatrz
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Pokaż temperature
                    icon: ''
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon
                    name: Lewe
                    icon: mdi:television-box
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_salon_prawe
                    icon: mdi:power-socket-fr
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Prawe
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                name: Pokoje
                icon: mdi:human-female-female-child
                sub_button: []
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_tymek_lewe
                    name: Tymek
                    icon: mdi:teddy-bear
                    show_state: false
                    tap_action:
                      action: toggle
                    hold_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                    double_tap_action:
                      action: toggle
                    show_last_changed: false
                    show_attribute: false
                    scrolling_effect: false
                    show_icon: true
                    show_name: true
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_mama_telewizor
                    icon: mdi:mother-heart
                    show_icon: true
                    scrolling_effect: false
                    force_icon: false
                    name: Mama
                    tap_action:
                      action: toggle
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: toggle
                      hold_action:
                        action: toggle
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: separator
                button_type: switch
                name: Dom
                icon: phu:rooms-storage
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                name: Biuro
                icon: phu:rooms-office
                show_state: true
                tap_action:
                  action: toggle
                hold_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: toggle
                double_tap_action:
                  action: toggle
                show_last_changed: false
                show_attribute: false
                scrolling_effect: false
                sub_button: []
                entity: switch.gniazdko_biuro
              - type: custom:bubble-card
                card_type: separator
                event_action:
                  tap_action:
                    action: more-info
                  double_tap_action:
                    action: none
                  hold_action:
                    action: none
                name: Ogród
                icon: hue:room-outdoors
                sub_button: []
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                entity: switch.tasmota_206
                icon: mdi:grass
                slider_live_update: false
                allow_light_slider_to_0: false
                button_action:
                  hold_action:
                    action: toggle
                  double_tap_action:
                    action: none
                  tap_action:
                    action: toggle
                hold_action:
                  action: toggle
                double_tap_action:
                  action: none
                tap_action:
                  action: toggle
                name: Podlewanie wody
                scrolling_effect: false
                sub_button: []
              - type: custom:bubble-card
                card_type: separator
                name: Serwerownia
                icon: mdi:server-security
              - type: horizontal-stack
                cards:
                  - type: custom:bubble-card
                    card_type: button
                    button_type: switch
                    entity: switch.gniazdko_serwer_wentylatory
                    slider_live_update: false
                    allow_light_slider_to_0: false
                    button_action:
                      tap_action:
                        action: toggle
                      double_tap_action:
                        action: none
                      hold_action:
                        action: toggle
                    name: Chłodzenie
                    icon: mdi:air-conditioner
                    scrolling_effect: false
                    show_name: true
                    show_state: false
                    hold_action:
                      action: toggle
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
              - type: custom:bubble-card
                card_type: empty-column
                rows: '2'
  - type: sections
    path: kwiaty
    max_columns: 4
    title: Kwiaty
    icon: mdi:flower
    sections:
      - type: grid
        cards:
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: back
                  - type: menu
                  - type: template
                    icon: mdi:power
                    tap_action:
                      action: navigate
                      navigation_path: '#power'
                    double_tap_action:
                      action: none
                    hold_action:
                      action: none
                    icon_color: white
                    content: ''
                    card_mod:
                      style: |
                        ha-card {
                            --text-color: rgb(var(--rgb-black));
                            --chip-background: rgba(var(--rgb-red), 0.8);
                        } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: Mariusz
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-left: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                              --chip-background: rgba(var(--rgb-state-person-home), 0.4);
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mariusz
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mariusz
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mariusz', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mariusz', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.sylwia
                        state_not: home
                    chip:
                      type: entity
                      entity: person.sylwia
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.sylwia', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.sylwia', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.tymek
                        state_not: home
                    chip:
                      type: entity
                      entity: person.tymek
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.tymek', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.tymek', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                  - type: conditional
                    conditions:
                      - entity: person.mama
                        state_not: home
                    chip:
                      type: entity
                      entity: person.mama
                      content_info: none
                      use_entity_picture: true
                      card_mod:
                        style: |
                          ha-card {
                            {% if is_state('person.mama', 'not_home') %}
                              --chip-background: rgba(var(--rgb-state-person-not-home), 0.4);
                            {% elif is_state('person.mama', 'unknown') %}
                              --chip-background: rgba(var(--rgb-state-person-unknown), 0.4);
                            {% else %}
                              --chip-background: rgba(var(--rgb-state-person-zone), 0.4);
                            {% endif %} 
                              margin-top: 0px;
                              margin-bottom: 0px;
                          } 
                card_mod:
                  style: |
                    mushroom-template-chip, 
                    mushroom-conditional-chip,
                    mushroom-entity-chip,
                    mushroom-weather-chip,
                    mushroom-light-chip,
                    mushroom-menu-chip, 
                    mushroom-spacer-chip,
                    mushroom-chips {
                        border-radius: 16px;
                      }
                    .chip-container {
                      margin-top: -10px !important;
                      margin-bottom: -2px !important;
                    }
          - type: custom:bubble-card
            card_type: separator
            sub_button:
              main: []
              bottom: []
            name: Kwiaty
            icon: mdi:flower
      - type: grid
        cards:
          - type: custom:flower-card
            entity: plant.monstera_2
            battery_sensor: sensor.czujnik_gleby_kwiat_monstera_battery_state
            show_bars:
              - moisture
              - temperature
              - illuminance
              - humidity
              - dli
            display_type: full
            card_mod:
              style: |
                .card-margin-top {
                  margin-top: 0px !important;
                }
                ha-card { 
                  background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                }
                .header img {
                  width: 52px !important;
                  height: 52px !important;
                  margin-top: 8px !important;
                  border-radius: 9px  !important;
                }
      - type: grid
        cards:
          - type: custom:flower-card
            entity: plant.cytryna_2
            battery_sensor: sensor.czujnik_gleby_cytryna_battery_state
            show_bars:
              - moisture
              - temperature
              - illuminance
              - humidity
              - dli
            display_type: full
            card_mod:
              style: |
                .card-margin-top {
                  margin-top: 0px !important;
                }
                ha-card { 
                  background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                }
                .header img {
                  width: 52px !important;
                  height: 52px !important;
                  margin-top: 8px !important;
                  border-radius: 9px  !important;
                }
      - type: grid
        cards:
          - type: custom:flower-card
            entity: plant.skrzydlokwiat_2
            battery_sensor: sensor.czujnik_gleby_kwiat_skrzydlokwiat_battery
            show_bars:
              - moisture
              - temperature
              - illuminance
              - humidity
              - dli
            display_type: full
            card_mod:
              style: |
                .card-margin-top {
                  margin-top: 0px !important;
                }
                ha-card { 
                  background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                }
                .header img {
                  width: 52px !important;
                  height: 52px !important;
                  margin-top: 8px !important;
                  border-radius: 9px  !important;
                }
      - type: grid
        cards:
          - type: custom:flower-card
            entity: plant.bonsai_2
            battery_sensor: sensor.czujnik_gleby_bonsai_battery
            show_bars:
              - moisture
              - temperature
              - illuminance
              - humidity
              - dli
            display_type: full
            card_mod:
              style: |
                .card-margin-top {
                  margin-top: 0px !important;
                }
                ha-card { 
                  background: color-mix(in srgb, var(--card-background-color) 70%, var(--primary-background-color)) !important;
                }
                .header img {
                  width: 52px !important;
                  height: 52px !important;
                  margin-top: 8px !important;
                  border-radius: 9px  !important;
                }