.admin-image-logos-page {
    padding: 1.25rem;
}

#modalLong .modal-dialog {
    max-width: min(760px, calc(100% - 2rem));
    margin-top: 5.5rem;
}

.ui-pnotify.admin-image-logo-notification {
    width: min(380px, calc(100vw - 2rem));
}

.ui-pnotify.admin-image-logo-notification .ui-pnotify-container {
    padding: 1rem 1.15rem;
    border: 1px solid rgb(180 35 24 / 28%);
    border-radius: .85rem;
    color: var(--qg-admin-text);
    background: #fff7f6;
    box-shadow: var(--qg-admin-shadow);
}

.ui-pnotify.admin-image-logo-notification .ui-pnotify-title {
    margin-bottom: .25rem;
    color: var(--qg-admin-danger);
    font-size: 20px;
    font-weight: 800;
}

.ui-pnotify.admin-image-logo-notification .ui-pnotify-text {
    color: #5d3a38;
    font-size: 15px;
    line-height: 1.4;
}

.admin-image-logo-modal-form__status {
    justify-content: flex-start;
}

.admin-image-logo-editor {
    padding: 1.25rem;
}

.admin-image-logo-editor__section {
    border: 1px solid var(--qg-admin-border);
    border-radius: 1rem;
    background: var(--qg-admin-surface);
    box-shadow: 0 8px 20px rgb(37 43 55 / 5%);
}

.admin-image-logo-editor__eyebrow {
    display: block;
    margin-bottom: .3rem;
    color: var(--qg-admin-primary-strong);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-image-logo-editor__section h3 {
    margin: 0;
    color: var(--qg-admin-text);
    font-weight: 700;
}

.admin-image-logo-editor__section-header p {
    margin: .3rem 0 0;
    color: var(--qg-admin-muted);
}

.admin-image-logo-editor__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 1.5fr);
    gap: 1.25rem;
    align-items: start;
}

.admin-image-logo-editor__section {
    padding: 1.5rem;
}

.admin-image-logo-editor__section-header {
    margin-bottom: 1.25rem;
    padding-bottom: 1.15rem;
    border-bottom: 1px solid var(--qg-admin-border);
}

.admin-image-logo-editor__section h3 {
    font-size: 1.15rem;
}

.admin-image-logo-editor__fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, .35fr);
    gap: 0 1rem;
}

.admin-image-logo-editor__field--wide,
.admin-image-logo-editor__field--full {
    grid-column: 1 / -1;
}

.admin-image-logo-editor__status {
    justify-content: flex-end;
}

.admin-image-logo-editor__form textarea.form-control {
    min-height: 9rem;
    resize: vertical;
}

.admin-image-logo-editor__media {
    min-height: 17rem;
}

@media (max-width: 575.98px) {

    .admin-image-logo-editor__layout,
    .admin-image-logo-editor__fields {
        grid-template-columns: 1fr;
    }

    .admin-image-logo-editor__status {
        justify-content: flex-start;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .admin-image-logo-editor__layout {
        grid-template-columns: 1fr;
    }
}

#modalLong .admin-image-logo-modal {
    max-width: min(760px, calc(100% - 2rem));
}
.admin-image-logo-modal-form__status {
    display: flex;
    align-items: flex-start;
}

.admin-image-logo-modal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
}

@media (max-width: 575.98px) {
    .admin-image-logo-modal .modal-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-image-logo-modal .modal-footer .btn {
        width: 100%;
    }
}