/* Start:/local/components/ouzs/appeals.public/templates/.default/style.css?17899685163169*/
.appeals-public {
    box-sizing: border-box;
    width: 100%;
    margin: 40px 0;
    padding: 24px 28px;
    border: 1px solid #d8e5f2;
    border-radius: 12px;
    background: #f5f9fd;
    color: #152b3c;
}

.appeals-public__title {
    margin: 0 0 8px !important;
    color: #152b3c;
    font-size: 24px !important;
    line-height: 1.25;
}

.appeals-public__lead {
    margin: 0 0 20px;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 1.5;
}

.appeals-public__preview-note {
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid #f0d48a;
    border-radius: 6px;
    background: #fff8e6;
    color: #8a6d1d;
    font-size: 13px;
    line-height: 1.4;
}

.appeals-public__panel {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.appeals-public__field {
    display: flex;
    flex: 1 1 240px;
    flex-direction: column;
    gap: 6px;
    min-width: 200px;
    margin-bottom: 0;
}

.appeals-public__label {
    font-size: 13px;
    font-weight: 600;
    color: #3d5568;
}

.appeals-public__select {
    width: 100%;
    max-width: 360px;
    padding: 10px 12px;
    border: 1px solid #b9c9d8;
    border-radius: 6px;
    background: #fff;
    color: #152b3c;
    font: 500 15px/1.3 'Roboto', sans-serif;
}

.appeals-public__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.appeals-public__btn {
    padding: 11px 16px;
    border: 1px solid #2580d9;
    border-radius: 6px;
    background: #fff;
    color: #246eba;
    cursor: pointer;
    font: 500 14px/1.25 'Roboto', sans-serif;
    transition: color .2s, background-color .2s, border-color .2s;
}

.appeals-public__btn:hover {
    background: #e5f1fc;
}

.appeals-public__btn--primary {
    border-color: #2580d9;
    background: #2580d9;
    color: #fff;
}

.appeals-public__btn--primary:hover {
    background: #246eba;
}

.appeals-public__btn--primary.is-copied {
    border-color: #218838;
    background: #218838;
}

.appeals-public__status {
    display: block;
    margin-top: 12px;
    min-height: 1.2em;
    color: #218838;
    font-size: 14px;
}

.appeals-public__status--error {
    color: #a52828;
}

.appeals-public [data-appeals-payload] {
    display: none !important;
}

@media (max-width: 767px) {
    .appeals-public {
        margin: 28px 0;
        padding: 18px 16px;
    }

    .appeals-public__title {
        font-size: 20px !important;
    }

    .appeals-public__panel {
        align-items: stretch;
        flex-direction: column;
    }

    .appeals-public__select {
        max-width: none;
    }

    .appeals-public__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .appeals-public__btn {
        width: 100%;
        text-align: center;
    }

    .appeals-public__status {
        text-align: center;
    }
    
    .appeals-public__field {
        flex : 1 1 auto;
    }
}

@media (max-width: 576px) {
    .appeals-public__actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* End */
/* /local/components/ouzs/appeals.public/templates/.default/style.css?17899685163169 */