/*!
 *      __  ____  
 *     / / |___ \ 
 *    / /    __) |
 *   < <    |_ Wetter-Puls
 *    \ \   ___) |
 *     \_\ |____/ 
 *
 *  (c) 2025-2026 Daniel Frey | https://wetter-puls.de
 *  Author:  Daniel Frey <daniel@dan.jetzt>
 *  License: Proprietary & Confidential - All Rights Reserved
 */


        .health-card {
            background: rgba(22, 27, 34, 0.85);
            border: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(12px);
            border-radius: 12px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .health-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
        }
        .status-badge {
            padding: 0.35em 0.75em;
            border-radius: 50rem;
            font-size: 0.85rem;
            font-weight: 600;
        }
        .uv-meter {
            height: 12px;
            border-radius: 6px;
            background: linear-gradient(90deg, #28a745 0%, #ffc107 35%, #fd7e14 60%, #dc3545 80%, #6f42c1 100%);
            position: relative;
        }
        .uv-pin {
            position: absolute;
            top: -4px;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 3px solid #0d1117;
            border-radius: 50%;
            transform: translateX(-50%);
            transition: left 0.5s ease;
        }
        .biowetter-light {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            display: inline-block;
            box-shadow: 0 0 8px currentColor;
        }