/* Styles for Time Duration to Decimal Converter */
.calcufacil-time_duration_to_decimal_converter.calcufacil-container.enhanced-timedecimal-calc {
max-width: 900px;
margin: 25px auto;
background: #f7fafd;
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: 20px;
font-family: 'Arial', sans-serif;
}

.calcufacil-time_duration_to_decimal_converter .calcufacil-left.calculator-form {
flex: 1 1 55%;
min-width: 380px;
padding: 15px;
background-color: #fff;
border-radius: 8px;
}

.calcufacil-time_duration_to_decimal_converter .calcufacil-right.results.enhanced-timedecimal-results {
flex: 1 1 45%;
min-width: 300px;
padding: 15px;
background-color: #fff;
border-radius: 8px;
border: 1px solid #e2e7ef;
}

.calcufacil-time_duration_to_decimal_converter h3 {
font-size: 18px; color: #5a6e8c; margin-top:0; margin-bottom: 10px; font-weight: 600;
}
.calcufacil-time_duration_to_decimal_converter .description {
font-size: 13.5px; color: #7088a3; margin-bottom: 15px; line-height: 1.5;
}
.calcufacil-time_duration_to_decimal_converter .calculator-form fieldset {
border: 1px solid #d8e0ea; padding: 15px; border-radius: 6px; margin-bottom: 15px;
}
.calcufacil-time_duration_to_decimal_converter .calculator-form legend {
font-weight: 500; color: #5a6e8c; padding: 0 8px; font-size: 1.05em;
display: flex; align-items: center; gap: 6px;
}
.calcufacil-time_duration_to_decimal_converter .calculator-form legend i { color: #8ca5c3; }

.calcufacil-time_duration_to_decimal_converter .form-grid.four-col-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 8px;
}
.calcufacil-time_duration_to_decimal_converter .input-group { margin-bottom: 10px; }
.calcufacil-time_duration_to_decimal_converter .input-group label {
display: block; font-weight: 500; color: #5a6e8c; margin-bottom: 4px; font-size: 13px;
}
.calcufacil-time_duration_to_decimal_converter .input-group input[type="number"],
.calcufacil-time_duration_to_decimal_converter .input-group input[type="text"],
.calcufacil-time_duration_to_decimal_converter .input-group select {
width: 100%; padding: 8px; border: 1px solid #c6d1e0; border-radius: 4px;
font-size: 14px; box-sizing: border-box;
}

.calcufacil-time_duration_to_decimal_converter button[type="submit"] {
background: #5a6e8c; color: #fff; padding: 10px 18px; border: none; border-radius: 5px;
cursor: pointer; font-size: 15px; font-weight: bold; width:100%; margin-top:10px;
}
.calcufacil-time_duration_to_decimal_converter button[type="submit"]:hover { background: #4a5e7c; }

.enhanced-timedecimal-results h2 {
font-size: 18px; color: #5a6e8c; text-align: left; margin-top:0; margin-bottom: 15px;
}
.enhanced-timedecimal-results .timedecimal-result-box {
background-color: #edf2f7; border: 1px solid #d8e0ea; border-radius: 6px;
padding: 20px; text-align:center;
}
.enhanced-timedecimal-results .timedecimal-result-box p {
font-size: 1.15em; color: #4a5e7c; margin: 8px 0;
}
.enhanced-timedecimal-results .timedecimal-result-box .equals-sign-time {
font-size: 1.6em; font-weight: bold; margin:15px 0; color: #8ca5c3;
}
.enhanced-timedecimal-results .timedecimal-result-box .important-value {
font-size: 1.8em; font-weight: bold; color: #3b597f; display:block;
line-height: 1.3;
}

.enhanced-timedecimal-results .errors.main-error,
.calcufacil-time_duration_to_decimal_converter .errors.main-error {
color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;
padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem;
}
.enhanced-timedecimal-results .initial-message {
text-align: center; padding: 20px; background-color: #edf2f7;
border: 1px dashed #d8e0ea; border-radius: 5px; color: #7088a3;
}
@media (max-width: 768px) {
.calcufacil-time_duration_to_decimal_converter.calcufacil-container.enhanced-timedecimal-calc {
flex-direction: column;
}
.calcufacil-time_duration_to_decimal_converter .form-grid.four-col-grid { grid-template-columns: repeat(2, 1fr); }
}