.gas-row {
            background-color: #f9f9f9;
            padding: 0.5rem;
            margin-bottom: 0.5rem;
            border-radius: 6px;
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .gas-name-input {
            flex: 2;
            min-width: 110px;
        }
        .mole-fraction-input {
            flex: 2;
            min-width: 120px;
        }
        .partial-pressure-display {
            flex: 2;
            font-weight: 600;
            color: #0d6efd;
            background: #e9ecef;
            padding: 0.375rem 0.75rem;
            border-radius: 4px;
            text-align: center;
        }
        .btn-remove-gas {
            background: none;
            border: none;
            color: #dc3545;
            font-size: 1.2rem;
            cursor: pointer;
            width: 32px;
        }
        .summary-box {
            background: #f0f7fa;
            border-radius: 12px;
            padding: 1.2rem;
            margin: 1rem 0;
        }
        .pie-chart-container {
            text-align: center;
            margin: 1rem 0;
        }
        canvas#partialPieCanvas {
            width: 100%;
            height: auto;
            max-width: 260px;
            background: #fafafa;
            border-radius: 12px;
            margin: 0 auto;
            display: block;
            width: 260px;
            height: 260px;
        }
        .legend-colors {
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
            margin-top: 0.8rem;
        }
        .legend-dot {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 6px;
        }
        .result-table th, .result-table td {
            padding: 0.5rem;
            vertical-align: middle;
        }
        .total-pressure-card {
            background: white;
            border-radius: 12px;
            padding: 1rem;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        }
        .negative-warning {
            background-color: #f8d7da;
            border-color: #f5c6cb;
            color: #721c24;
        }
        .max-gas-warning {
            font-size: 0.85rem;
            margin-top: 0.5rem;
            color: #856404;
        }