/* Start:/local/components/finlux/order-status/templates/.default/style.css?17875579852525*/
/* Поля, кнопки (.form-control, .btn.btn-default) и попап «Свяжитесь
   с нами» (data-event="jqm") берут вид из темы сайта — здесь только
   раскладка, специфичная для этого компонента. */

.order-status {
    max-width: 440px;
    margin: 48px 0;
    padding: 32px 28px;
    background: #f7f8fa;
    border: 1px solid #e3e5e8;
    border-radius: var(--theme-button-border-radius, 12px);
    box-shadow: 0 4px 24px rgba(15, 23, 42, .05);
}

@media (max-width: 480px) {
    .order-status {
        margin: 24px 0;
        padding: 24px 18px;
    }
}

.order-status__field {
    margin-bottom: 16px;
}

.order-status__captcha {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.order-status__captcha-img {
    display: block;
    height: 40px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}

.order-status__captcha-refresh {
    padding: 4px 8px;
    border: none;
    background: transparent;
    color: #777;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.order-status__captcha-refresh:hover {
    color: #222;
}

.order-status__captcha-input {
    flex: 1 1 140px;
    min-width: 120px;
    width: auto;
}

.order-status__label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
}

.order-status__input {
    width: 100%;
}

.order-status__submit--loading {
    opacity: .6;
    pointer-events: none;
}

.order-status__error {
    margin-top: 12px;
    color: #c0392b;
    font-size: 14px;
}

.order-status__result-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.order-status__result-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 15px;
}

.order-status__dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #999;
    flex: 0 0 auto;
}

.order-status__dot--start {
    background: #999;
}

.order-status__dot--progress {
    background: #e0a800;
}

.order-status__dot--ready {
    background: #2b7de1;
}

.order-status__dot--done {
    background: #2e9e44;
}

.order-status__contact {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 14px;
}

.order-status__reset {
    margin-top: 16px;
    padding: 8px 16px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
}

/* End */
/* /local/components/finlux/order-status/templates/.default/style.css?17875579852525 */