.org-school-hero {
    box-shadow: var(--falcon-card-box-shadow);
}

.org-school-modal {
    border: 1px solid rgba(126, 148, 170, .28);
    border-radius: 8px;
    overflow: hidden;
}

.org-school-modal-header {
    padding: 1rem 1.25rem;
    color: #f7fbff;
    background: linear-gradient(115deg, #0b1220, #182337 58%, #111820);
}

.org-school-modal-body {
    padding: 1.25rem;
}

.org-school-media-tools {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1rem;
}

.org-school-logo-edit,
.org-school-banner-edit {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.org-school-banner-preview {
    display: flex;
    align-items: flex-end;
    min-height: 126px;
    border: 1px solid rgba(126, 148, 170, .24);
    border-radius: 8px;
    padding: .85rem;
    color: #ffffff;
    font-weight: 800;
    background-color: #09111d;
    background-image:
        linear-gradient(115deg, rgba(8, 13, 22, .96), rgba(18, 26, 38, .86) 50%, rgba(8, 14, 24, .94)),
        radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--iq-profile-primary) 34%, transparent), transparent 34%),
        var(--org-school-banner-image, linear-gradient(135deg, #0b1220, #152033 52%, #111820));
    background-position: center;
    background-size: cover;
}

.org-school-edit-section {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(126, 148, 170, .18);
}

.org-school-section-title {
    margin-bottom: .65rem;
}

:root:not([data-bs-theme="dark"]) .org-school-banner-preview,
[data-bs-theme="light"] .org-school-banner-preview {
    color: #142033;
    background-color: #f4f7fb;
    background-image:
        linear-gradient(115deg, rgba(247, 250, 253, .96), rgba(232, 238, 246, .84) 54%, rgba(245, 248, 252, .94)),
        radial-gradient(circle at 83% 18%, color-mix(in srgb, var(--iq-profile-primary) 18%, transparent), transparent 34%),
        var(--org-school-banner-image, linear-gradient(135deg, #f8fafc, #e6edf5 56%, #eef3f8));
}

:root:not([data-bs-theme="dark"]) .org-school-hero,
[data-bs-theme="light"] .org-school-hero {
    box-shadow: var(--falcon-card-box-shadow);
}

@media (max-width: 767.98px) {
    .org-school-media-tools {
        grid-template-columns: 1fr;
    }
}