#pcp-refill-calc {
    --pcp-bg: #1e1e24; --pcp-card: #2b2b36; --pcp-text: #e0e0e0;
    --pcp-accent: #ff6b35; --pcp-accent-hover: #e55a2b;
    --pcp-blue: #00a8e8; --pcp-border: #3d3d4a; --pcp-radius: 8px;
    
    font-family: system-ui, -apple-system, sans-serif !important;
    background: var(--pcp-bg) !important; color: var(--pcp-text) !important;
    padding: 20px !important; border-radius: var(--pcp-radius) !important;
    max-width: 1000px !important; margin: 0 auto !important;
    box-sizing: border-box !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    text-align: left !important; line-height: 1.5 !important;
}
#pcp-refill-calc * { box-sizing: border-box !important; }

#pcp-refill-calc h3, #pcp-refill-calc h4 {
    margin: 0 0 10px 0 !important; padding: 0 !important;
    font-weight: bold !important; line-height: 1.2 !important;
    background: none !important; border: none !important;
    color: var(--pcp-text) !important;
}
#pcp-refill-calc p { margin: 0 0 8px 0 !important; font-size: 14px !important; }

#pcp-refill-calc .pcp-marketing {
    background: rgba(255, 107, 53, 0.1) !important;
    border-left: 4px solid var(--pcp-accent) !important;
    padding: 15px 20px !important; margin-bottom: 25px !important;
    border-radius: 0 var(--pcp-radius) var(--pcp-radius) 0 !important;
}
#pcp-refill-calc .pcp-marketing h3 { color: var(--pcp-accent) !important; font-size: 18px !important; }

#pcp-refill-calc .pcp-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
#pcp-refill-calc .pcp-control-group { margin-bottom: 20px !important; }
#pcp-refill-calc label {
    display: block !important; margin-bottom: 8px !important;
    font-weight: 500 !important; font-size: 14px !important; color: var(--pcp-text) !important;
}
#pcp-refill-calc label span { color: var(--pcp-accent) !important; font-weight: bold !important; font-size: 16px !important; }

#pcp-refill-calc .pcp-flex-input { display: flex !important; gap: 15px !important; align-items: center !important; }
#pcp-refill-calc input[type="range"] {
    flex-grow: 1 !important; height: 6px !important;
    accent-color: var(--pcp-accent) !important; cursor: pointer !important;
    margin: 0 !important; padding: 0 !important;
}
#pcp-refill-calc input[type="number"] {
    width: 80px !important; padding: 6px !important; margin: 0 !important;
    background: var(--pcp-card) !important; border: 1px solid var(--pcp-border) !important;
    color: var(--pcp-text) !important; border-radius: 4px !important;
    text-align: center !important; font-family: monospace !important; font-size: 14px !important;
    box-shadow: none !important; height: auto !important;
}
#pcp-refill-calc input[type="number"]:focus { outline: none !important; border-color: var(--pcp-accent) !important; }

#pcp-refill-calc .pcp-warning { color: #ff4d4d !important; font-size: 12px !important; display: none; margin-top: 5px !important; }

#pcp-refill-calc .pcp-btn {
    width: 100% !important; padding: 10px !important; border: none !important; border-radius: 4px !important;
    font-weight: bold !important; cursor: pointer !important; transition: 0.2s !important;
    font-size: 14px !important; text-align: center !important; display: block !important;
    box-shadow: none !important; text-shadow: none !important; line-height: normal !important;
}
#pcp-refill-calc .pcp-btn-print { background: var(--pcp-accent) !important; color: #fff !important; margin-top: 20px !important; }
#pcp-refill-calc .pcp-btn-print:hover { background: var(--pcp-accent-hover) !important; }

#pcp-refill-calc .pcp-result-cards { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; margin-bottom: 25px !important; }
#pcp-refill-calc .pcp-card {
    padding: 15px !important; border-radius: var(--pcp-radius) !important; text-align: center !important;
    background: var(--pcp-card) !important; border: 1px solid var(--pcp-border) !important;
}
#pcp-refill-calc .pcp-card.pcp-real { border-color: var(--pcp-accent) !important; background: rgba(255, 107, 53, 0.05) !important; }
#pcp-refill-calc .pcp-card h4 { font-size: 14px !important; color: #aaa !important; }
#pcp-refill-calc .pcp-card .pcp-value { font-size: 32px !important; font-weight: bold !important; margin-bottom: 5px !important; line-height: 1 !important;}
#pcp-refill-calc .pcp-real .pcp-value { color: var(--pcp-accent) !important; }
#pcp-refill-calc .pcp-ideal .pcp-value { color: var(--pcp-blue) !important; }
#pcp-refill-calc .pcp-card .pcp-unit { font-size: 12px !important; color: #888 !important; margin-bottom: 5px !important; }
#pcp-refill-calc .pcp-card small { font-size: 11px !important; opacity: 0.7 !important; color: #888 !important; }

#pcp-refill-calc .pcp-chart-container {
    background: var(--pcp-card) !important; padding: 15px !important;
    border-radius: var(--pcp-radius) !important; height: 300px !important; position: relative !important;
    width: 100% !important;
}

@media (max-width: 768px) {
    #pcp-refill-calc .pcp-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
    #pcp-refill-calc .pcp-chart-container { height: 250px !important; }
}

@media print {
    body * { visibility: hidden !important; }
    #pcp-refill-calc, #pcp-refill-calc * { visibility: visible !important; }
    #pcp-refill-calc {
        position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important;
        background: #fff !important; color: #000 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important;
    }
    #pcp-refill-calc .pcp-no-print { display: none !important; }
    #pcp-refill-calc .pcp-grid { display: block !important; }
    #pcp-refill-calc .pcp-results { width: 100% !important; }
    #pcp-refill-calc .pcp-card { border-color: #ddd !important; background: #fafafa !important; margin-bottom: 20px !important; }
    #pcp-refill-calc .pcp-card.pcp-real { border-color: #000 !important; }
    #pcp-refill-calc .pcp-chart-container { height: 400px !important; padding: 0 !important; }
    #pcp-refill-calc .pcp-real .pcp-value, #pcp-refill-calc .pcp-ideal .pcp-value { color: #000 !important; }
    #pcp-refill-calc label span { color: #000 !important; }
}