/* Scoped fixed network status UI; no overrides to a school's theme. */
#mk-connection-notice.mk-connection-notice {
    position: fixed !important;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important;
    right: auto !important;
    width: min(425px, calc(100vw - 24px)) !important;
    max-width: 425px !important;
    z-index: 2147482000 !important;
    transform: translate(-50%, 12px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    font-family: 'Tajawal', system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.55;
}
#mk-connection-notice.mk-connection-notice.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}
#mk-connection-notice .mk-connection-notice-card {
    box-sizing: border-box;
    padding: 12px 13px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: #704b16;
    background: #fff7e9;
    border: 1px solid #edce98;
    border-radius: 15px;
    box-shadow: 0 9px 32px rgba(0,0,0,.17);
    pointer-events: auto;
}
#mk-connection-notice[data-state="online"] .mk-connection-notice-card {
    background: #f0fbf2;
    border-color: #acd8b8;
    color: #176d3a;
}
#mk-connection-notice .mk-connection-notice-icon {
    direction: ltr !important;
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #bb7b1d;
    font-size: 17px;
    font-weight: 800;
}
#mk-connection-notice[data-state="online"] .mk-connection-notice-icon {background: #228d4b;}
#mk-connection-notice .mk-connection-notice-message {flex: 1; min-width: 0;}
#mk-connection-notice .mk-connection-notice-title,
#mk-connection-notice .mk-connection-notice-description {
    display: block;
    text-align: start !important;
    direction: inherit !important;
}
#mk-connection-notice .mk-connection-notice-title {font-size: 14px; font-weight: 800;}
#mk-connection-notice .mk-connection-notice-description {font-size: 12px; font-weight: 500; opacity: .92;}
#mk-connection-notice .mk-connection-notice-retry {
    direction: inherit !important;
    border: 1px solid currentColor;
    color: inherit;
    border-radius: 9px;
    background: rgba(255,255,255,.75);
    padding: 5px 8px;
    cursor: pointer;
    font: 700 12px 'Tajawal', sans-serif;
    white-space: nowrap;
}
#mk-connection-notice .mk-connection-notice-retry[hidden] {display: none !important;}
#mk-connection-notice .mk-connection-notice-retry:focus-visible {outline: 2px solid currentColor; outline-offset: 2px;}
@media (max-width: 550px) {
    #mk-connection-notice.mk-connection-notice {
        bottom: calc(85px + env(safe-area-inset-bottom, 0px)) !important;
        width: calc(100vw - 24px) !important;
        font-size: 13px;
    }
    #mk-connection-notice .mk-connection-notice-card {padding: 10px; gap: 8px;}
    #mk-connection-notice .mk-connection-notice-title {font-size: 13px;}
    #mk-connection-notice .mk-connection-notice-description {font-size: 11px;}
}
#mk-connection-notice[dir="ltr"] {direction:ltr !important;}
#mk-connection-notice[dir="rtl"] {direction:rtl !important;}
#mk-connection-notice .mk-connection-notice-card,
#mk-connection-notice .mk-connection-notice-message {direction:inherit !important;}