/* Styles for Digital Detox Impact Simulator */
.calcufacil-digital_detox_impact_simulator.calcufacil-container.enhanced-detox-sim {
    max-width: 950px;
    margin: 25px auto;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    font-family: 'Arial', sans-serif;
}

/* Left Column: Form */
.calcufacil-digital_detox_impact_simulator .calcufacil-left.calculator-form {
    flex: 1 1 400px;
    min-width: 300px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* Right Column: Results */
.calcufacil-digital_detox_impact_simulator .calcufacil-right.results.enhanced-detox-results {
    flex: 1 1 480px;
    min-width: 320px;
    background: #f4f9ff; /* Light calming blue */
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e4edf7;
}

.calcufacil-digital_detox_impact_simulator .calculator-form h2 {
    font-size: 22px; color: #3a539b; margin-bottom: 10px; font-weight: 600; /* Calming Blue */
}
.calcufacil-digital_detox_impact_simulator .calculator-form .description {
    font-size: 14px; color: #4a69bd; margin-bottom: 20px; line-height: 1.5;
}
.calcufacil-digital_detox_impact_simulator .calculator-form h3 {
    font-size: 17px; color: #4a69bd; margin-top: 20px; margin-bottom: 15px;
    padding-bottom: 8px; border-bottom: 1px solid #dadedf; display: flex; align-items: center; gap: 8px;
}
.calcufacil-digital_detox_impact_simulator .calculator-form h3:first-of-type { margin-top: 0; }
.calcufacil-digital_detox_impact_simulator .calculator-form h3 i { color: #6a89cc; font-size: 1.1em; } /* Lighter calming blue */

.calcufacil-digital_detox_impact_simulator .form-grid {
    display: grid;
    grid-template-columns: 1fr; /* Simpler for these inputs */
    gap: 15px;
    margin-bottom: 20px;
}

.calcufacil-digital_detox_impact_simulator .input-group { display: flex; flex-direction: column; margin-bottom: 10px;}
.calcufacil-digital_detox_impact_simulator .input-group label {
    font-weight: 600; color: #3a539b; margin-bottom: 5px; font-size: 13px;
}
.calcufacil-digital_detox_impact_simulator .input-group input[type="number"],
.calcufacil-digital_detox_impact_simulator .input-group select {
    width: 100%; padding: 9px; border: 1px solid #a0b9e0; border-radius: 4px;
    font-size: 14px; background: #fdfdff; box-sizing: border-box;
}
.calcufacil-digital_detox_impact_simulator .input-group-slider input[type="range"] {
    width: 100%; margin-top: 6px; accent-color: #6a89cc;
}

.calcufacil-digital_detox_impact_simulator button[type="submit"] {
    background: #6a89cc; /* Lighter Calming Blue */
    color: #fff; padding: 11px 22px; border: none; border-radius: 5px; cursor: pointer;
    font-size: 16px; width: 100%; margin-top: 15px; font-weight: bold;
    transition: background 0.2s ease-in-out;
}
.calcufacil-digital_detox_impact_simulator button[type="submit"]:hover { background: #4a69bd; }


/* Results Area Styling */
.calcufacil-digital_detox_impact_simulator .results.enhanced-detox-results h2 {
    font-size: 20px; color: #3a539b; text-align: center; margin-top:0; margin-bottom: 15px; font-weight: 600;
}
.calcufacil-digital_detox_impact_simulator .results.enhanced-detox-results .summary {
 text-align: center; font-size: 0.95em; color: #4a69bd; margin-bottom: 20px;
 padding: 10px; background-color: #eaf2ff; border-radius: 4px; border: 1px solid #dadedf; line-height: 1.5;
}
.calcufacil-digital_detox_impact_simulator .results.enhanced-detox-results .summary strong { color: #2c3e50; }

.calcufacil-digital_detox_impact_simulator .main-result-display.time-reclaimed-total {
    background-color: #d4e6f1; /* Light Steel Blue */
    color: #1a5276; /* Dark Blue */
    padding: 18px 20px; border-radius: 6px; text-align: center;
    margin-bottom: 25px; font-size: 17px; border: 1px solid #a9cce3;
}
.calcufacil-digital_detox_impact_simulator .main-result-display.time-reclaimed-total .value {
    display: block; font-size: 2em; font-weight: bold; margin-top: 4px; color: #154360; /* Deep Blue */
}

.calcufacil-digital_detox_impact_simulator .time-breakdown-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 15px;
    margin-bottom: 25px;
    text-align: center;
}
.calcufacil-digital_detox_impact_simulator .time-item {
    background: #fff; padding: 15px 10px; border-radius: 5px; border: 1px solid #dadedf;
}
.calcufacil-digital_detox_impact_simulator .time-item h4 {
    margin-top: 0; margin-bottom: 8px; color: #4a69bd; font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 6px;
}
.calcufacil-digital_detox_impact_simulator .time-item h4 i { font-size: 0.9em; }
.calcufacil-digital_detox_impact_simulator .time-item .value {
    font-size: 1.6em; font-weight: 600; color: #3a539b; display: block;
}

.calcufacil-digital_detox_impact_simulator .alternative-impact-box {
    margin: 20px 0; padding: 15px; background-color: #e6f7ff; /* Light Cyan */
    border: 1px solid #b3d9ff; border-left: 4px solid #29b6f6; /* Bright Blue */
    border-radius: 4px;
}
.calcufacil-digital_detox_impact_simulator .alternative-impact-box h4 {
    margin-top: 0; margin-bottom: 10px; color: #039be5; font-size: 16px;
}
.calcufacil-digital_detox_impact_simulator .alternative-impact-box p {
    font-size: 14px; color: #335d80; line-height: 1.5;
}
.calcufacil-digital_detox_impact_simulator .alternative-impact-box strong {
    color: #0277bd; font-weight: bold;
}


.calcufacil-digital_detox_impact_simulator .chart-container-detox {
    height: 280px; position: relative; margin: 20px auto; padding: 10px;
    background-color: #fff; border-radius: 4px; border: 1px solid #dadedf; box-sizing: border-box;
}
.calcufacil-digital_detox_impact_simulator .chart-container-detox h4 {
    text-align: center; margin-bottom: 10px; color: #4a69bd; font-size: 15px;
}

.calcufacil-digital_detox_impact_simulator .disclaimer-box.detox-disclaimer {
    margin-top: 25px; padding: 15px; background-color: #f0f4f8;
    border: 1px solid #d6e0ea; border-left: 4px solid #8c9eff; /* Light Indigo/Blue */
    border-radius: 4px;
}
.calcufacil-digital_detox_impact_simulator .disclaimer-box.detox-disclaimer h4 {
    margin-top: 0; margin-bottom: 8px; color: #546e7a; font-size: 15px;
}
.calcufacil-digital_detox_impact_simulator .disclaimer-box.detox-disclaimer ul {
    list-style: disc; margin-left: 18px; padding-left: 0; font-size: 13px; color: #455a64; line-height: 1.5;
}
.calcufacil-digital_detox_impact_simulator .disclaimer-box.detox-disclaimer li { margin-bottom: 6px; }

.calcufacil-digital_detox_impact_simulator .initial-message {
    color: #3a539b; text-align: center; padding: 20px; background-color: #eaf2ff;
    border: 1px dashed #dadedf; border-radius: 5px; margin-top: 15px; line-height: 1.5; font-size: 14px;
}

@media (max-width: 768px) {
    .calcufacil-digital_detox_impact_simulator.calcufacil-container.enhanced-detox-sim {
        flex-direction: column; padding: 15px;
    }
    .calcufacil-digital_detox_impact_simulator .calcufacil-left.calculator-form,
    .calcufacil-digital_detox_impact_simulator .calcufacil-right.results.enhanced-detox-results {
        flex-basis: 100%; min-width: 100%; margin-bottom: 20px;
    }
    .calcufacil-digital_detox_impact_simulator .chart-container-detox { height: 250px; }
    .calcufacil-digital_detox_impact_simulator .main-result-display.time-reclaimed-total .value { font-size: 1.8em; }
    .calcufacil-digital_detox_impact_simulator .time-item .value { font-size: 1.4em;}
}