/* Screen-specific styles for Sustainability_Metrics_Screen */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f9fafb;
            color: black;
        }
        
        .material-symbols-rounded {
            font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
            vertical-align: middle;
        }
        
        .progress-ring-container {
            position: relative;
            width: 90px;
            height: 90px;
        }
        
        .progress-ring {
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
        }
        
        .progress-ring-circle {
            fill: transparent;
            stroke-width: 6;
            stroke-linecap: round;
        }
        
        .progress-ring-bg {
            stroke: #e5e7eb;
        }
        
        .progress-ring-value {
            stroke-dasharray: 251.2;
        }
        
        .progress-center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .tab-active {
            border-bottom: 2px solid #f97316;
            color: #f97316;
        }
        
        .chart-bar {
            height: 100%;
            width: 20px;
            border-radius: 10px 10px 0 0;
        }