/* Styles for Appliance Electricity Breakdown Calculator */
.calcufacil-appliance_electricity_breakdown_calculator.calcufacil-container.enhanced-appliancebreakdown-calc {
    max-width: 1150px; /* Wider for table and charts */
    margin: 25px auto;
    background: #f5fcff; /* Light, airy blue */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 25px;
    font-family: 'Arial', sans-serif;
}

.calcufacil-appliance_electricity_breakdown_calculator .calcufacil-left.calculator-form {
    flex: 1 1 45%;
    min-width: 400px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 7px rgba(0,0,0,0.06);
}

.calcufacil-appliance_electricity_breakdown_calculator .calcufacil-right.results.enhanced-appliancebreakdown-results {
    flex: 1 1 55%;
    min-width: 450px;
    background: #fff;
    padding: 20px 25px;
    border-radius: 8px;
    border: 1px solid #e0eaf3;
    box-shadow: 0 2px 7px rgba(0,0,0,0.06);
}

.calcufacil-appliance_electricity_breakdown_calculator .calculator-form h3 {
    font-size: 20px; color: #2979ff; /* Bright Blue */ margin-top:0; margin-bottom: 10px; font-weight: 600;
}
.calcufacil-appliance_electricity_breakdown_calculator .calculator-form .description,
.calcufacil-appliance_electricity_breakdown_calculator .calculator-form .instruction {
    font-size: 14px; color: #42a5f5; /* Lighter Blue */ margin-bottom: 15px; line-height: 1.5;
}
.calcufacil-appliance_electricity_breakdown_calculator .calculator-form fieldset {
    border: 1px solid #cce0f5; /* Light Blue border */
    padding: 15px 18px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.calcufacil-appliance_electricity_breakdown_calculator .calculator-form legend {
    font-weight: 600; color: #1e88e5; padding: 0 10px; font-size: 1.1em;
    display: flex; align-items: center; gap: 8px;
}
.calcufacil-appliance_electricity_breakdown_calculator .calculator-form legend i { color: #64b5f6; }

.calcufacil-appliance_electricity_breakdown_calculator .appliance-item-entry {
    padding: 8px 0; margin-bottom: 8px; border-bottom: 1px dotted #e0eaf3;
}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-item-entry:last-of-type {border-bottom: none;}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-item-entry h4 { font-size:0.95em; margin:0 0 8px 0; color:#1e88e5;}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-item-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px;
}
.calcufacil-appliance_electricity_breakdown_calculator .hidden-appliance-item { display: none; }
.calcufacil-appliance_electricity_breakdown_calculator .secondary-button.small-button {
    padding: 5px 8px; font-size: 0.8em; margin-top: 8px; background-color: #90caf9;
}
.calcufacil-appliance_electricity_breakdown_calculator .secondary-button.small-button:hover {background-color: #64b5f6;}


.calcufacil-appliance_electricity_breakdown_calculator .form-grid.two-col-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.calcufacil-appliance_electricity_breakdown_calculator .input-group { margin-bottom: 10px; display: flex; flex-direction: column; }
.calcufacil-appliance_electricity_breakdown_calculator .input-group label {
    font-weight: 500; color: #1e88e5; margin-bottom: 4px; font-size: 13px;
}
.calcufacil-appliance_electricity_breakdown_calculator .input-group input[type="text"],
.calcufacil-appliance_electricity_breakdown_calculator .input-group input[type="number"] {
    width: 100%; padding: 8px; border: 1px solid #bbdefb; border-radius: 4px;
    font-size: 13.5px; box-sizing: border-box;
}

.calcufacil-appliance_electricity_breakdown_calculator button[type="submit"] {
    background: #1e88e5; color: #fff; padding: 11px 22px; border: none; border-radius: 5px;
    cursor: pointer; font-size: 16px; width: 100%; margin-top: 15px; font-weight: bold;
}
.calcufacil-appliance_electricity_breakdown_calculator button[type="submit"]:hover { background: #1565c0; }

/* Results Area Styling */
.calcufacil-appliance_electricity_breakdown_calculator .results.enhanced-appliancebreakdown-results h2 {
    font-size: 21px; color: #1e88e5; text-align: center; margin-top:0; margin-bottom: 10px;
}
.calcufacil-appliance_electricity_breakdown_calculator .results-period-info {
    text-align:center; font-size:0.95em; color: #42a5f5; margin-bottom:15px;
}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-totals-summary {
    display: flex; justify-content: space-around; text-align:center;
    padding: 10px; background-color: #e3f2fd; border-radius: 6px; margin-bottom: 20px;
    border: 1px solid #bbdefb;
}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-totals-summary div { font-size: 1em; color: #1565c0;}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-totals-summary .value { display:block; font-size:1.4em; font-weight:bold; color: #0d47a1;}
.calcufacil-appliance_electricity_breakdown_calculator .total-cost-value { color: #1b5e20 !important;} /* Highlight cost */


.calcufacil-appliance_electricity_breakdown_calculator .results.enhanced-appliancebreakdown-results > h4 {
    font-size: 1.1em; color: #1e88e5; margin-top: 20px; margin-bottom: 8px;
    padding-bottom: 5px; border-bottom: 1px solid #cce0f5;
}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-table-container { max-height: 300px; overflow-y: auto; margin-bottom: 20px;}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-breakdown-table { width:100%; border-collapse:collapse; font-size:0.85em;}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-breakdown-table th,
.calcufacil-appliance_electricity_breakdown_calculator .appliance-breakdown-table td {
    border: 1px solid #d0e0f0; padding: 6px 8px; text-align:right;
}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-breakdown-table th { background-color:#e3f2fd; color: #1565c0; position:sticky; top:0; z-index:1;}
.calcufacil-appliance_electricity_breakdown_calculator .appliance-breakdown-table td:first-child {text-align:left;}

.calcufacil-appliance_electricity_breakdown_calculator .charts-grid-appliance {
    display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;
}
.calcufacil-appliance_electricity_breakdown_calculator .chart-container-appliancebreakdown {
    width: 100%; height: 250px; position: relative;
    padding: 10px; background-color: #f0f8ff; border-radius: 4px; border: 1px solid #d6e7f5;
}

.calcufacil-appliance_electricity_breakdown_calculator .disclaimer-box.appliancebreakdown-disclaimer {
    margin-top: 20px; padding: 12px; background-color: #eef7ff;
    border: 1px solid #d0e0f0; border-left: 3px solid #64b5f6; border-radius: 4px; font-size: 0.85em;
}
.calcufacil-appliance_electricity_breakdown_calculator .disclaimer-box h4 { margin-top: 0; margin-bottom: 8px; color: #1e88e5; }
.calcufacil-appliance_electricity_breakdown_calculator .disclaimer-box ul { list-style: disc; margin-left: 18px; padding-left: 0; color: #42a5f5; line-height: 1.5; }

@media (max-width: 1100px) {
    .calcufacil-appliance_electricity_breakdown_calculator.calcufacil-container.enhanced-appliancebreakdown-calc { flex-direction: column; }
    .calcufacil-appliance_electricity_breakdown_calculator .calcufacil-left.calculator-form,
    .calcufacil-appliance_electricity_breakdown_calculator .calcufacil-right.results.enhanced-appliancebreakdown-results {
        flex-basis: 100%; min-width: 100%; margin-bottom: 20px;
    }
    .calcufacil-appliance_electricity_breakdown_calculator .calcufacil-right.results.enhanced-appliancebreakdown-results { margin-bottom: 0; }
}
@media (max-width: 768px) {
    .calcufacil-appliance_electricity_breakdown_calculator .appliance-item-grid,
    .calcufacil-appliance_electricity_breakdown_calculator .form-grid.two-col-grid { grid-template-columns: 1fr; }
    .calcufacil-appliance_electricity_breakdown_calculator .charts-grid-appliance { grid-template-columns: 1fr; }
    .calcufacil-appliance_electricity_breakdown_calculator .appliance-totals-summary { flex-direction:column; gap:8px;}
}