.captcha-image-row {
    display:flex;
    align-items:center;
    gap:12px;
    background:var(--surface-soft);
    border:1px solid var(--line);
    border-radius:9px;
    padding:8px;
    justify-content:center;
    margin-top:3px
}
.captcha-image-row img {
    display:block;
    max-width:calc(100% - 35px);
    height:auto;
    border-radius:5px
}
.captcha-image-row .icon-button {
    flex-shrink:0;
    color:var(--brand);
    background:var(--surface)
}
.date-range-panel {
    padding:18px 22px;
    margin-bottom:20px;
    overflow:visible;
    position:relative
}
.date-range-fields {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;
    gap:14px;
    align-items:start
}
.date-range-fields>.button {
    margin-top:31px
}
.persian-date-field>label {
    display:block;
    font-size:.76rem;
    color:var(--muted);
    margin-bottom:7px
}
.date-field-controls {
    display:grid;
    grid-template-columns:minmax(100px,1fr) 150px;
    gap:6px
}
.date-field-controls>input {
    min-width:0;
    height:42px;
    min-height:42px;
    font-size:.8rem;
    text-align:center
}
.date-range-panel>.validation-message {
    margin-top:10px
}
.date-field-controls .persian-date-picker-display {
    min-height:42px
}
@media(max-width:1200px) {
    .date-range-fields {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)
    }
    .date-range-fields>.button {
        margin-top:0
    }
    .date-field-controls {
        grid-template-columns:minmax(100px,1fr) 140px
    }
}
@media(max-width:600px) {
    .date-range-panel {
        padding:17px
    }
    .date-range-fields {
        grid-template-columns:1fr 1fr;
        gap:15px 10px
    }
    .persian-date-field {
        grid-column:1 / -1
    }
    .date-field-controls {
        grid-template-columns:minmax(100px,1fr) 150px
    }
    .date-range-fields>.button {
        width:100%
    }
    .captcha-image-row img {
        width:210px
    }
}