/* Driveway Sealer Calculator Specific Styles */

/* Toggle Group */
.toggle-group {
    display: flex;
    gap: 0;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #003049;
}

.toggle-btn {
    flex: 1;
    padding: 8px 16px;
    background: white;
    border: none;
    color: #003049;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-btn:first-child {
    border-right: 1px solid #003049;
}

.toggle-btn.active {
    background: #003049;
    color: white;
}

.toggle-btn:hover:not(.active) {
    background: #f0f4f8;
}

/* Unit Label (non-select) */
.unit-label {
    padding: 8px 12px;
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    border-left: none;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    color: #374151;
    white-space: nowrap;
}

/* Calculate Button */
.calculate-button {
    flex: 1;
    padding: 8px 16px;
    background: #003049;
    border: 1px solid #003049;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.calculate-button:hover {
    background: #00436b;
    border-color: #00436b;
}

/* Highlight important values */
.highlight-value {
    font-weight: 600;
    color: #003049;
}