/* Ethiopian hybrid mortgage calculator — visual layer only */

.tb-emc-dashboard {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
}

.tb-emc-field-row {
    margin-bottom: 1rem;
}

.tb-emc-field-row:last-child {
    margin-bottom: 0;
}

/* Premium range slider */
.tb-emc-range {
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem;
    width: 100%;
    cursor: pointer;
    border-radius: 9999px;
    background: linear-gradient(to right, #dbeafe 0%, #e2e8f0 100%);
    outline: none;
}

.tb-emc-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 9999px;
    border: 3px solid #fff;
    background: #2563eb;
    box-shadow:
        0 0 0 1px rgba(37, 99, 235, 0.35),
        0 4px 12px rgba(37, 99, 235, 0.45);
    cursor: grab;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.tb-emc-range::-moz-range-thumb {
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 9999px;
    border: 3px solid #fff;
    background: #2563eb;
    box-shadow:
        0 0 0 1px rgba(37, 99, 235, 0.35),
        0 4px 12px rgba(37, 99, 235, 0.45);
    cursor: grab;
}

.tb-emc-range:active::-webkit-slider-thumb {
    cursor: grabbing;
    transform: scale(1.08);
}

.tb-emc-range:focus-visible::-webkit-slider-thumb {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.tb-emc-range::-webkit-slider-runnable-track {
    height: 0.5rem;
    border-radius: 9999px;
}

.tb-emc-range::-moz-range-track {
    height: 0.5rem;
    border-radius: 9999px;
    background: transparent;
}

.tb-emc-num-input {
    width: auto;
    min-width: 5.5rem;
    max-width: 9rem;
    border: none;
    background: transparent;
    padding: 0;
    text-align: right;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
    outline: none;
    box-shadow: none;
}

.tb-emc-num-input:focus {
    outline: none;
    box-shadow: none;
}

.tb-emc-num-input::-webkit-outer-spin-button,
.tb-emc-num-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tb-emc-num-input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}