/* UNIRE Mobile App Shell - dedicated visible patch */
.unire-mobile-topbar,
.unire-mobile-bottomnav,
.unire-mobile-overlay{
    display:none;
}

@media(max-width:860px){
    html, body{
        overflow-x:hidden!important;
    }

    body{
        padding-top:calc(66px + env(safe-area-inset-top, 0px))!important;
        padding-bottom:calc(86px + env(safe-area-inset-bottom, 0px))!important;
    }

    .unire-mobile-topbar{
        display:flex!important;
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:2147483000!important;
        height:calc(62px + env(safe-area-inset-top, 0px))!important;
        padding:calc(8px + env(safe-area-inset-top, 0px)) 14px 8px!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        background:rgba(255,255,255,.97)!important;
        border-bottom:1px solid #D9EAF7!important;
        box-shadow:0 12px 30px rgba(16,42,67,.10)!important;
        -webkit-backdrop-filter:blur(16px)!important;
        backdrop-filter:blur(16px)!important;
    }

    .unire-mobile-menu-btn{
        width:44px!important;
        height:44px!important;
        border:0!important;
        border-radius:16px!important;
        background:#0B72D9!important;
        color:#fff!important;
        font-size:23px!important;
        font-weight:950!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        line-height:1!important;
        box-shadow:0 12px 26px rgba(11,114,217,.25)!important;
    }

    .unire-mobile-brand{
        display:flex!important;
        align-items:center!important;
        gap:9px!important;
        text-decoration:none!important;
        color:#102A43!important;
        font-weight:950!important;
        font-size:16px!important;
    }

    .unire-mobile-logo-dot{
        width:14px!important;
        height:14px!important;
        border-radius:999px!important;
        background:linear-gradient(135deg,#0B72D9,#16B978)!important;
        box-shadow:0 0 0 6px rgba(11,114,217,.12)!important;
    }

    .unire-mobile-pill{
        min-height:40px!important;
        padding:0 13px!important;
        border-radius:999px!important;
        background:#F5FAFF!important;
        border:1px solid #D9EAF7!important;
        color:#102A43!important;
        display:flex!important;
        align-items:center!important;
        text-decoration:none!important;
        font-weight:900!important;
        font-size:13px!important;
    }

    .unire-mobile-overlay{
        position:fixed!important;
        inset:0!important;
        z-index:2147482998!important;
        background:rgba(16,42,67,.44)!important;
        -webkit-backdrop-filter:blur(3px)!important;
        backdrop-filter:blur(3px)!important;
    }

    html.unire-menu-open .unire-mobile-overlay,
    body.unire-menu-open .unire-mobile-overlay{
        display:block!important;
    }

    .unire-admin-sidebar{
        position:fixed!important;
        top:calc(62px + env(safe-area-inset-top, 0px))!important;
        left:0!important;
        bottom:0!important;
        width:min(86vw,330px)!important;
        max-width:330px!important;
        z-index:2147482999!important;
        transform:translateX(-112%)!important;
        transition:transform .22s ease!important;
        overflow-y:auto!important;
        background:#fff!important;
        border-radius:0 26px 26px 0!important;
        border-right:1px solid #D9EAF7!important;
        box-shadow:22px 0 54px rgba(16,42,67,.22)!important;
        margin:0!important;
    }

    html.unire-menu-open .unire-admin-sidebar,
    body.unire-menu-open .unire-admin-sidebar{
        transform:translateX(0)!important;
    }

    .unire-dashboard-shell{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        padding:14px!important;
        margin:0!important;
    }

    .unire-dashboard-main{
        width:100%!important;
        max-width:100%!important;
        padding:0!important;
        margin:0!important;
    }

    .unire-mobile-bottomnav{
        position:fixed!important;
        left:10px!important;
        right:10px!important;
        bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;
        z-index:2147483000!important;
        min-height:64px!important;
        padding:8px!important;
        border-radius:24px!important;
        background:rgba(255,255,255,.97)!important;
        border:1px solid #D9EAF7!important;
        box-shadow:0 18px 48px rgba(16,42,67,.18)!important;
        -webkit-backdrop-filter:blur(18px)!important;
        backdrop-filter:blur(18px)!important;
        display:grid!important;
        grid-template-columns:repeat(5,1fr)!important;
        gap:4px!important;
    }

    .unire-mobile-bottomnav a{
        color:#102A43!important;
        text-decoration:none!important;
        font-size:11px!important;
        font-weight:900!important;
        min-height:46px!important;
        border-radius:16px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        -webkit-tap-highlight-color:transparent!important;
    }

    .unire-mobile-bottomnav a:active,
    .unire-mobile-bottomnav a:hover{
        background:#EAF7FF!important;
        color:#0B72D9!important;
    }

    .unire-card,
    .glass,
    .rounded-3xl{
        max-width:100%!important;
    }

    .unire-table,
    table{
        max-width:100%!important;
    }

    .unire-table{
        display:block!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }
}

@media(min-width:861px){
    .unire-mobile-topbar,
    .unire-mobile-bottomnav,
    .unire-mobile-overlay{
        display:none!important;
    }
}

/* UNIRE real icon in mobile shell */
.unire-mobile-brand-icon {
    width: 36px;
    height: 36px;
    border-radius: 14px;
    object-fit: contain;
    display: inline-block;
}