/*
 * ApXute Phase 137 - final UI hotfix layer.
 * Loaded after all project styles so portal headers, drawers, and school
 * workspace pages cannot fall back to the older broken layout.
 */

html:not(.kt-page-is-loading) .kt-page-loader,
body:not(.kt-page-is-loading) .kt-page-loader {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html.kt-page-is-loading .kt-page-loader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 200000 !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(241, 247, 253, .84) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
}

.kt-page-loader-card {
    display: grid !important;
    min-width: min(18rem, calc(100vw - 2rem)) !important;
    gap: .75rem !important;
    justify-items: center !important;
    padding: 1.15rem !important;
    border: 1px solid #c9d9eb !important;
    border-radius: 1.15rem !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .16) !important;
}

.kt-page-loader-mark {
    width: 2.3rem !important;
    height: 2.3rem !important;
    border-radius: .8rem !important;
    background: linear-gradient(135deg, #2563eb, #0f766e) !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, .26) !important;
}

.kt-page-loader-text {
    color: #0f1d32 !important;
    font-size: .82rem !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
}

.kt-page-loader-bars {
    display: flex !important;
    gap: .28rem !important;
}

.kt-page-loader-bars i {
    display: block !important;
    width: .36rem !important;
    height: .36rem !important;
    border-radius: 999px !important;
    background: #2563eb !important;
    opacity: .6 !important;
}

body[data-kt-shell="school"] .kt-pro-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
    overflow: visible !important;
    border-bottom: 1px solid rgba(194, 210, 230, .9) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .055) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

body[data-kt-shell="school"] .kt-pro-topbar-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .85rem !important;
    min-height: 4.45rem !important;
    padding: .72rem clamp(.85rem, 2vw, 1.35rem) !important;
}

body[data-kt-shell="school"] .kt-pro-page-title {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: .72rem !important;
}

body[data-kt-shell="school"] .kt-pro-page-title h1 {
    max-width: min(34rem, 42vw) !important;
    margin: .1rem 0 0 !important;
    overflow: hidden !important;
    color: #0f172a !important;
    font-size: clamp(1.25rem, 2vw, 1.8rem) !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body[data-kt-shell="school"] .kt-pro-title-kicker {
    display: block !important;
    max-width: min(34rem, 42vw) !important;
    overflow: hidden !important;
    color: #66758b !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    letter-spacing: .07em !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body[data-kt-shell="school"] .kt-pro-topbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .48rem !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
}

body[data-kt-shell="school"] .kt-pro-topbar-actions > * {
    flex: 0 0 auto !important;
}

body[data-kt-shell="school"] .kt-pro-search {
    display: flex !important;
    align-items: center !important;
    width: clamp(16rem, 28vw, 27rem) !important;
    min-width: 0 !important;
    height: 3.1rem !important;
    gap: .45rem !important;
    padding: .3rem .55rem .3rem .32rem !important;
    border: 1px solid #cad8ea !important;
    border-radius: 1rem !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .06) !important;
}

body[data-kt-shell="school"] .kt-pro-search input {
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body[data-kt-shell="school"] .kt-pro-topbar-actions .kt-shell-round-button,
body[data-kt-shell="school"] .kt-pro-topbar-actions .kt-pro-top-icon,
body[data-kt-shell="school"] .kt-mobile-search-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.1rem !important;
    height: 3.1rem !important;
    min-width: 3.1rem !important;
    padding: 0 !important;
    border: 1px solid #cad8ea !important;
    border-radius: 1rem !important;
    background: #fff !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08) !important;
}

body[data-kt-shell="school"] .kt-pro-topbar-actions .kt-pro-icon,
body[data-kt-shell="school"] .kt-pro-topbar-actions .apx-real-icon-slot,
body[data-kt-shell="school"] .kt-pro-search .kt-pro-icon,
body[data-kt-shell="school"] .kt-pro-search .apx-real-icon-slot {
    width: 2.35rem !important;
    height: 2.35rem !important;
    min-width: 2.35rem !important;
    border-radius: .78rem !important;
}

body[data-kt-shell="school"] .kt-mobile-search-panel {
    position: absolute !important;
    left: clamp(.75rem, 2vw, 1.35rem) !important;
    right: clamp(.75rem, 2vw, 1.35rem) !important;
    top: calc(100% + .45rem) !important;
    z-index: 130 !important;
    display: none !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .5rem !important;
    align-items: center !important;
    padding: .65rem !important;
    border: 1px solid #cad8ea !important;
    border-radius: 1.1rem !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 20px 52px rgba(15, 23, 42, .16) !important;
}

body[data-kt-shell="school"].kt-mobile-search-open .kt-mobile-search-panel {
    display: grid !important;
}

body[data-kt-shell="school"] .kt-mobile-search-panel .kt-pro-search {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 2.8rem !important;
    box-shadow: none !important;
}

body[data-kt-shell="school"] .kt-mobile-search-close,
body[data-kt-shell="school"] .kt-sidebar-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
    border: 1px solid #cad8ea !important;
    border-radius: .85rem !important;
    background: #fff !important;
    color: transparent !important;
    font-size: 0 !important;
}

body[data-kt-shell="school"] .kt-mobile-search-close::before,
body[data-kt-shell="school"] .kt-sidebar-close::before {
    content: "x" !important;
    color: #0f172a !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body[data-kt-shell="school"] .kt-pro-top-sections {
    display: none !important;
}

body[data-kt-shell="school"] .kt-pro-main {
    min-width: 0 !important;
    padding-top: clamp(.85rem, 1.6vw, 1.25rem) !important;
}

@media (min-width: 761px) {
    body[data-kt-shell="school"] .kt-mobile-search-trigger {
        display: none !important;
    }
}

@media (max-width: 760px) {
    body[data-kt-shell="school"] .kt-pro-topbar-inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
        min-height: 4.05rem !important;
        gap: .42rem !important;
        padding: .58rem .65rem !important;
    }

    body[data-kt-shell="school"] .kt-pro-title-kicker {
        max-width: calc(100vw - 12.1rem) !important;
        font-size: .56rem !important;
        letter-spacing: .045em !important;
    }

    body[data-kt-shell="school"] .kt-pro-page-title h1 {
        max-width: calc(100vw - 12.1rem) !important;
        font-size: 1.03rem !important;
    }

    body[data-kt-shell="school"] .kt-pro-search,
    body[data-kt-shell="school"] .kt-pro-dashboard-link {
        display: none !important;
    }

    body[data-kt-shell="school"].kt-mobile-search-open .kt-mobile-search-panel .kt-pro-search {
        display: flex !important;
    }

    body[data-kt-shell="school"] .kt-mobile-search-trigger {
        display: inline-flex !important;
    }

    body[data-kt-shell="school"] .kt-pro-topbar-actions {
        gap: .28rem !important;
    }

    body[data-kt-shell="school"] .kt-pro-topbar-actions .kt-shell-round-button,
    body[data-kt-shell="school"] .kt-pro-topbar-actions .kt-pro-top-icon,
    body[data-kt-shell="school"] .kt-mobile-search-trigger {
        width: 2.35rem !important;
        height: 2.35rem !important;
        min-width: 2.35rem !important;
        border-radius: .82rem !important;
    }

    body[data-kt-shell="school"] .kt-pro-topbar-actions .kt-pro-icon,
    body[data-kt-shell="school"] .kt-pro-topbar-actions .apx-real-icon-slot {
        width: 1.85rem !important;
        height: 1.85rem !important;
        min-width: 1.85rem !important;
        border-radius: .65rem !important;
    }

    body[data-kt-shell="school"] .kt-mobile-search-panel {
        left: .55rem !important;
        right: .55rem !important;
        top: calc(100% + .35rem) !important;
        padding: .5rem !important;
        border-radius: .95rem !important;
    }
}

/* Final drawer repair. This file is intentionally loaded after the older
   drawer styles because several pages still include legacy modal rules. */
html.apx-ops-drawer-open,
body.apx-ops-drawer-open {
    overflow: hidden !important;
}

.apx-ops-drawer:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 180000 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(380px, min(600px, 100vw)) !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100svh !important;
    overflow: hidden !important;
}

.apx-ops-drawer-backdrop {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: rgba(8, 18, 34, .56) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
}

.apx-ops-drawer-shell {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 2 !important;
    justify-self: end !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: min(600px, calc(100vw - 18px)) !important;
    height: 100vh !important;
    height: 100svh !important;
    max-height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 18px 0 0 18px !important;
    background: #fff !important;
    box-shadow: -26px 0 78px rgba(7, 19, 38, .26) !important;
}

.apx-ops-drawer-header {
    min-height: 0 !important;
    padding: 13px 15px 12px !important;
}

.apx-ops-drawer-heading h2 {
    font-size: clamp(18px, 1.7vw, 21px) !important;
    line-height: 1.1 !important;
}

.apx-ops-drawer-header p {
    margin-top: 4px !important;
    font-size: 11.5px !important;
    line-height: 1.42 !important;
}

.apx-ops-drawer-body {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 13px 15px 16px !important;
    -webkit-overflow-scrolling: touch !important;
}

.apx-ops-drawer-footer {
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;
    min-height: 64px !important;
    padding: 11px 15px max(11px, env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #dbe6f3 !important;
    background: #fff !important;
    box-shadow: 0 -12px 30px rgba(15, 23, 42, .08) !important;
}

.apx-ops-drawer-footer .apx-ops-button {
    min-width: 132px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
}

@media (max-width: 760px) {
    .apx-ops-drawer:not([hidden]) {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: stretch !important;
    }

    .apx-ops-drawer-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        height: min(88vh, 720px) !important;
        height: min(88svh, 720px) !important;
        max-height: 88svh !important;
        border-radius: 18px 18px 0 0 !important;
        box-shadow: 0 -22px 66px rgba(7, 19, 38, .28) !important;
    }

    .apx-ops-drawer-header {
        padding: 19px 12px 11px !important;
    }

    .apx-ops-drawer-header p {
        display: none !important;
    }

    .apx-ops-drawer-body {
        padding: 11px 10px 14px !important;
    }

    .apx-ops-form-grid,
    .apx-ops-record-summary {
        grid-template-columns: 1fr !important;
    }

    .apx-ops-field.is-wide {
        grid-column: auto !important;
    }

    .apx-ops-drawer-footer {
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding: 9px 10px max(12px, env(safe-area-inset-bottom)) !important;
    }

    .apx-ops-drawer-footer .apx-ops-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
    }
}

/* School management compatibility: make older school admin/staff pages feel
   like the newer business workspace pages while preserving forms/routes. */
body.kt-agency-body-pro.kt-institute-body .kt-institute-main {
    background:
        radial-gradient(circle at 7% 0%, rgba(37, 99, 235, .08), transparent 28rem),
        radial-gradient(circle at 92% 8%, rgba(15, 118, 110, .10), transparent 26rem),
        #eef5fb !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-staff-command {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: clamp(1rem, 2vw, 1.4rem) !important;
    border: 1px solid #c7d7e8 !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(15, 118, 110, .13), transparent 20rem),
        linear-gradient(135deg, #fff, #f7fbff 58%, #eef7ff) !important;
    box-shadow: 0 22px 58px rgba(15, 23, 42, .08) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-staff-command h2 {
    margin: .15rem 0 0 !important;
    color: #0f172a !important;
    font-size: clamp(1.35rem, 2.4vw, 2.2rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-staff-command p:not(.kt-eyebrow) {
    max-width: 48rem !important;
    margin: .45rem 0 0 !important;
    color: #53657e !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-institute-main > .kt-card-pad,
body.kt-agency-body-pro.kt-institute-body .kt-institute-main > section.rounded-lg,
body.kt-agency-body-pro.kt-institute-body .kt-institute-main > section.overflow-hidden,
body.kt-agency-body-pro.kt-institute-body .kt-institute-main :where(.kt-card-pad, .kt-table-wrap, .kt-manage-panel) {
    border: 1px solid #c7d7e8 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 20px 52px rgba(15, 23, 42, .075) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-institute-main :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .kt-field) {
    min-height: 46px !important;
    border: 1px solid #cbd9ea !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, .025) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-institute-main :where(button, .kt-btn, .kt-btn-primary, .kt-btn-secondary, a.kt-btn-secondary) {
    border-radius: 999px !important;
    font-weight: 950 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-manage-panel {
    min-width: 0 !important;
    padding: .85rem !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-manage-panel summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    min-height: 42px !important;
    padding: .62rem .85rem !important;
    border: 1px solid #d6e2f0 !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #fff, #f5f9fe) !important;
    color: #174ea6 !important;
    cursor: pointer !important;
    font-size: .82rem !important;
    font-weight: 950 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-manage-panel summary::after {
    content: "+" !important;
    display: grid !important;
    place-items: center !important;
    width: 1.8rem !important;
    height: 1.8rem !important;
    border-radius: .65rem !important;
    background: linear-gradient(135deg, #2563eb, #0f766e) !important;
    color: #fff !important;
    font-weight: 950 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-manage-panel[open] summary::after {
    content: "-" !important;
}

html.apx-ops-drawer-open .apx-ai-helper,
body.apx-ops-drawer-open .apx-ai-helper,
html.apx126-drawer-open .apx-ai-helper,
body.apx126-drawer-open .apx-ai-helper,
html.apx-app-layer-open .apx-ai-helper,
body.apx-app-layer-open .apx-ai-helper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    body.kt-agency-body-pro.kt-institute-body .kt-institute-main {
        padding: .85rem .72rem 6rem !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-staff-command {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        padding: .95rem !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-institute-main :where(table) {
        min-width: 720px !important;
    }
}

/* PHASE139_SCHOOL_CONSOLE_ALIGNMENT
   Compact school admin pages to match the newer operations console while
   keeping legacy forms, routes, and submissions intact. */
body.kt-agency-body-pro.kt-institute-body {
    --school-console-ink: #102033;
    --school-console-muted: #62738a;
    --school-console-line: #d4e1ee;
    --school-console-soft: #f5f8fc;
    --school-console-panel: rgba(255, 255, 255, .96);
    --school-console-blue: #2563eb;
    --school-console-teal: #0f766e;
    --school-console-amber: #c47b12;
    --school-console-shadow: 0 14px 38px rgba(15, 35, 64, .075);
}

body.kt-agency-body-pro.kt-institute-body .kt-business-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 62px !important;
    padding: 10px clamp(14px, 1.8vw, 24px) !important;
    border-bottom: 1px solid rgba(205, 219, 235, .92) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 8px 24px rgba(15, 35, 64, .045) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-business-topbar-title {
    min-width: 0 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-business-topbar-title h1 {
    max-width: min(36rem, 42vw) !important;
    font-size: clamp(1.04rem, 1.45vw, 1.32rem) !important;
    line-height: 1.16 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-business-topbar-title p {
    max-width: min(34rem, 42vw) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-business-topbar-actions {
    min-width: 0 !important;
    gap: 7px !important;
    flex-wrap: nowrap !important;
}

body.kt-agency-body-pro.kt-institute-body .apx-app-topbar-command {
    width: min(280px, 25vw) !important;
    min-width: 0 !important;
    height: 38px !important;
    border-radius: 13px !important;
}

body.kt-agency-body-pro.kt-institute-body :where(.kt-topbar-action, .kt-topbar-icon, .apx-app-topbar-help) {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-business-profile-button {
    min-height: 38px !important;
    border-radius: 13px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-business-page-wrap {
    display: grid !important;
    gap: 14px !important;
    padding-top: 16px !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 340px) !important;
    gap: 13px !important;
    min-height: 0 !important;
    padding: 15px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(15, 118, 110, .10), transparent 18rem),
        linear-gradient(135deg, #ffffff, #f7fbff 62%, #eef7ff) !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero::before,
body.kt-agency-body-pro.kt-institute-body .bw-page-hero::after {
    display: none !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero__main {
    align-items: center !important;
    gap: 12px !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero__icon {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, var(--school-console-blue), var(--school-console-teal)) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .16) !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero__icon svg {
    width: 21px !important;
    height: 21px !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero h1 {
    max-width: 100% !important;
    margin-top: 4px !important;
    color: var(--school-console-ink) !important;
    font-size: clamp(1.18rem, 1.7vw, 1.55rem) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero__lead {
    max-width: 68rem !important;
    margin-top: 5px !important;
    color: var(--school-console-muted) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-chip-row {
    margin-top: 9px !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-chip {
    min-height: 28px !important;
    padding: 5px 8px !important;
    border-color: #d9e5f1 !important;
    background: #fff !important;
    color: #334a63 !important;
    font-size: 10px !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero__side {
    gap: 10px !important;
    padding: 12px !important;
    border-color: #dbe6f1 !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero__side strong {
    color: var(--school-console-ink) !important;
    font-size: 13px !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-page-hero__side p {
    margin-top: 4px !important;
    color: var(--school-console-muted) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-btn {
    min-height: 34px !important;
    border-radius: 11px !important;
    font-size: 11px !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-btn-primary {
    background: linear-gradient(135deg, var(--school-console-blue), var(--school-console-teal)) !important;
    color: #fff !important;
}

body.kt-agency-body-pro.kt-institute-body .bw-btn-secondary,
body.kt-agency-body-pro.kt-institute-body .bw-btn-quiet {
    border-color: #d4e1ee !important;
    background: #f7fafd !important;
    color: #24425f !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-command-strip,
body.kt-agency-body-pro.kt-institute-body .kt-school-section-command {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 13px !important;
    padding: 14px !important;
    border: 1px solid var(--school-console-line) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(196, 123, 18, .09), transparent 18rem),
        linear-gradient(135deg, #fff, #f7fbff) !important;
    box-shadow: var(--school-console-shadow) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-command-primary,
body.kt-agency-body-pro.kt-institute-body .kt-school-section-command__main {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 12px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-section-command__icon,
body.kt-agency-body-pro.kt-institute-body .kt-school-command-primary > span {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    place-items: center !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, var(--school-console-blue), var(--school-console-teal)) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .16) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-section-command__icon svg,
body.kt-agency-body-pro.kt-institute-body .kt-school-command-primary > span svg {
    width: 21px !important;
    height: 21px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-section-command h2,
body.kt-agency-body-pro.kt-institute-body .kt-school-command-strip h2 {
    margin: 2px 0 0 !important;
    color: var(--school-console-ink) !important;
    font-size: clamp(1.12rem, 1.6vw, 1.45rem) !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-section-command p:not(.kt-eyebrow),
body.kt-agency-body-pro.kt-institute-body .kt-school-command-strip p {
    max-width: 58rem !important;
    margin: 5px 0 0 !important;
    color: var(--school-console-muted) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-command-actions,
body.kt-agency-body-pro.kt-institute-body .kt-school-section-actions,
body.kt-agency-body-pro.kt-institute-body .kt-school-table-actions,
body.kt-agency-body-pro.kt-institute-body .kt-school-row-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-command-actions a,
body.kt-agency-body-pro.kt-institute-body .kt-school-section-actions > *,
body.kt-agency-body-pro.kt-institute-body .kt-school-row-actions > *,
body.kt-agency-body-pro.kt-institute-body .kt-school-table-actions > button {
    min-height: 38px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-command-context {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding-top: 11px !important;
    border-top: 1px solid #e4edf6 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-command-context > * {
    min-width: 0 !important;
    border-radius: 13px !important;
    background: #f8fbff !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics article {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--school-console-line) !important;
    border-radius: 15px !important;
    background: var(--school-console-panel) !important;
    box-shadow: 0 10px 26px rgba(15, 35, 64, .055) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics article > span {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--school-console-blue), #38bdf8) !important;
    color: #fff !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics article:nth-child(2) > span {
    background: linear-gradient(135deg, var(--school-console-teal), #14b8a6) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics article:nth-child(3) > span {
    background: linear-gradient(135deg, #4f46e5, #0891b2) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics article:nth-child(4) > span {
    background: linear-gradient(135deg, var(--school-console-amber), #2563eb) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics svg {
    width: 18px !important;
    height: 18px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics small {
    display: block !important;
    color: var(--school-console-muted) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics strong {
    display: block !important;
    margin-top: 2px !important;
    color: var(--school-console-ink) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-shell {
    overflow: hidden !important;
    border: 1px solid var(--school-console-line) !important;
    border-radius: 18px !important;
    background: var(--school-console-panel) !important;
    box-shadow: var(--school-console-shadow) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px !important;
    border-bottom: 1px solid #e3ecf5 !important;
    background: linear-gradient(180deg, #fff, #fbfdff) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-toolbar h2 {
    margin: 2px 0 0 !important;
    color: var(--school-console-ink) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-toolbar p:not(.kt-eyebrow) {
    margin: 4px 0 0 !important;
    color: var(--school-console-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-search {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: min(330px, 30vw) !important;
    min-width: 220px !important;
    min-height: 38px !important;
    padding: 4px 10px !important;
    border: 1px solid #d4e1ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 35, 64, .045) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-search span {
    display: grid !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: #eef6ff !important;
    color: var(--school-console-blue) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-search svg {
    width: 14px !important;
    height: 14px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-search input {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-shell table {
    min-width: 820px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-shell thead {
    background: #f6f9fd !important;
    color: #66758a !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-shell tbody tr {
    border-top: 1px solid #edf2f7 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-shell tbody tr:hover {
    background: #f9fbfe !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-record-cell {
    display: flex !important;
    min-width: 230px !important;
    align-items: center !important;
    gap: 11px !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-avatar {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid #d9e5f1 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #eef6ff, #fff) !important;
    color: var(--school-console-blue) !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-avatar span {
    font-size: 12px !important;
    font-weight: 950 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-record-cell strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--school-console-ink) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-record-cell small {
    display: block !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    color: var(--school-console-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-table-footer {
    padding: 12px 14px !important;
    border-top: 1px solid #e3ecf5 !important;
    background: #fbfdff !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-danger-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid #fecaca !important;
    border-radius: 12px !important;
    background: #fff1f2 !important;
    color: #b91c1c !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

body.kt-agency-body-pro.kt-institute-body .kt-school-danger-button:hover {
    background: #ffe4e6 !important;
}

body[data-kt-shell="school"] .apx-ops-drawer:not([hidden]) {
    z-index: 2147483000 !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, min(560px, 100vw)) !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-shell {
    width: min(560px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
    height: 100vh !important;
    height: 100svh !important;
    max-height: 100svh !important;
    border-radius: 18px 0 0 18px !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 13px 15px !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-heading {
    display: flex !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-icon {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--school-console-blue), var(--school-console-teal)) !important;
    color: #fff !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-icon svg {
    width: 18px !important;
    height: 18px !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-close {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    place-items: center !important;
    border-radius: 12px !important;
    font-size: 0 !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-close::before {
    content: "x" !important;
    color: #102033 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-body {
    padding: 12px 14px 14px !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-section {
    border: 1px solid #dce7f2 !important;
    background: #fff !important;
}

body[data-kt-shell="school"] .apx-ops-danger-zone {
    border-color: #fecaca !important;
    background: #fff8f8 !important;
}

body[data-kt-shell="school"] .apx-ops-drawer-footer {
    min-height: 62px !important;
    padding: 10px 14px max(11px, env(safe-area-inset-bottom)) !important;
}

@media (max-width: 1180px) {
    body.kt-agency-body-pro.kt-institute-body .apx-app-topbar-command strong,
    body.kt-agency-body-pro.kt-institute-body .apx-app-topbar-command kbd,
    body.kt-agency-body-pro.kt-institute-body .kt-topbar-action strong,
    body.kt-agency-body-pro.kt-institute-body .kt-business-profile-button small {
        display: none !important;
    }

    body.kt-agency-body-pro.kt-institute-body .apx-app-topbar-command {
        width: 42px !important;
        min-width: 42px !important;
        justify-content: center !important;
        padding-inline: 0 !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-topbar-action {
        width: 42px !important;
        padding-inline: 0 !important;
        justify-content: center !important;
    }
}

@media (max-width: 960px) {
    body.kt-agency-body-pro.kt-institute-body .bw-page-hero,
    body.kt-agency-body-pro.kt-institute-body .kt-school-command-strip,
    body.kt-agency-body-pro.kt-institute-body .kt-school-section-command,
    body.kt-agency-body-pro.kt-institute-body .kt-school-table-toolbar {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-command-actions,
    body.kt-agency-body-pro.kt-institute-body .kt-school-section-actions,
    body.kt-agency-body-pro.kt-institute-body .kt-school-table-actions,
    body.kt-agency-body-pro.kt-institute-body .kt-school-row-actions {
        justify-content: flex-start !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-table-search {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 760px) {
    body.kt-agency-body-pro.kt-institute-body .kt-business-topbar {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 6px !important;
        min-height: 56px !important;
        padding: 8px 10px !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-business-topbar-title h1 {
        max-width: calc(100vw - 188px) !important;
        font-size: 1rem !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-business-topbar-title p {
        max-width: calc(100vw - 188px) !important;
        font-size: 9px !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-business-profile-button {
        width: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-business-profile-button > span {
        width: 30px !important;
        height: 30px !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-business-profile-button div,
    body.kt-agency-body-pro.kt-institute-body .apx-app-topbar-help {
        display: none !important;
    }

    body.kt-agency-body-pro.kt-institute-body .bw-page-hero,
    body.kt-agency-body-pro.kt-institute-body .kt-school-command-strip,
    body.kt-agency-body-pro.kt-institute-body .kt-school-section-command {
        padding: 12px !important;
        border-radius: 16px !important;
    }

    body.kt-agency-body-pro.kt-institute-body .bw-page-hero__side {
        display: none !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-command-context,
    body.kt-agency-body-pro.kt-institute-body .kt-school-mini-metrics {
        grid-template-columns: 1fr !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-section-actions > *,
    body.kt-agency-body-pro.kt-institute-body .kt-school-table-actions > *,
    body.kt-agency-body-pro.kt-institute-body .kt-school-row-actions > * {
        width: 100% !important;
        justify-content: center !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-table-shell {
        border-radius: 16px !important;
    }

    body.kt-agency-body-pro.kt-institute-body .kt-school-table-toolbar {
        padding: 12px !important;
    }

    body[data-kt-shell="school"] .apx-ops-drawer:not([hidden]) {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: stretch !important;
    }

    body[data-kt-shell="school"] .apx-ops-drawer-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        height: min(90vh, 760px) !important;
        height: min(90svh, 760px) !important;
        max-height: 90svh !important;
        border-radius: 18px 18px 0 0 !important;
    }

    body[data-kt-shell="school"] .apx-ops-drawer-body {
        padding: 11px 10px 13px !important;
    }

    body[data-kt-shell="school"] .apx-ops-drawer-footer {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        min-height: 0 !important;
        padding: 10px max(10px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-right)) !important;
    }

    body[data-kt-shell="school"] .apx-ops-drawer-footer .apx-ops-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}