/*
|--------------------------------------------------------------------------
| NoviDesk V160.169B — Mobile WEB / PWA Final Layer
|--------------------------------------------------------------------------
| Owner / employee mobile web shell only (<=850px).
| Visual + rendering-performance layer. Native/Expo untouched.
|--------------------------------------------------------------------------
*/

@media (max-width:850px){
    html[data-bg-theme="novidesk-premium"]{
        --nd169-bg:#F7F5FA;
        --nd169-surface:#FFFFFF;
        --nd169-surface-soft:#FBF9FD;
        --nd169-text:#131729;
        --nd169-text-soft:#2E3348;
        --nd169-muted:#7A8093;
        --nd169-line:#E6DDEA;
        --nd169-line-strong:#D8CBDD;
        --nd169-purple:#7B3F8C;
        --nd169-purple-dark:#6B337A;
        --nd169-purple-soft:#F3EAF7;
        --nd169-blue:#5FA7C4;
        --nd169-blue-dark:#4C96B4;
        --nd169-blue-soft:#EAF4F9;
        --nd169-success:#2F9F7D;
        --nd169-warning:#D7A136;
        --nd169-danger:#C65F72;
        --nd169-shadow:0 8px 24px rgba(38,28,52,.065);
        --nd169-shadow-soft:0 4px 14px rgba(38,28,52,.05);

        --bg:var(--nd169-bg)!important;
        --card:var(--nd169-surface)!important;
        --text:var(--nd169-text)!important;
        --muted:var(--nd169-muted)!important;
        --line:var(--nd169-line)!important;
        --accent:var(--nd169-purple)!important;
        --accent2:var(--nd169-blue)!important;
        --rose:var(--nd169-purple-soft)!important;
    }

    html[data-bg-theme="novidesk-premium"],
    html[data-bg-theme="novidesk-premium"] body{
        background:var(--nd169-bg)!important;
        color:var(--nd169-text)!important;
        overflow-x:hidden!important;
    }

    html[data-bg-theme="novidesk-premium"] body{
        min-width:0!important;
        -webkit-tap-highlight-color:transparent;
        overscroll-behavior-y:auto!important;
    }

    /* Mid-range Android: remove expensive blur layers from continuously visible UI. */
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-appbar,
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-workbar,
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-primary-nav,
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-icon-button,
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-avatar,
    html[data-bg-theme="novidesk-premium"] .modal,
    html[data-bg-theme="novidesk-premium"] .sheet-backdrop{
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }

    /* APP BAR */
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-appbar{
        display:block!important;
        position:sticky!important;
        top:0!important;
        z-index:10020!important;
        margin:0!important;
        padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important;
        color:var(--nd169-text)!important;
        background:#FFFFFF!important;
        border:0!important;
        border-bottom:1px solid var(--nd169-line)!important;
        border-radius:0!important;
        box-shadow:0 5px 18px rgba(38,28,52,.055)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-top{
        min-height:46px!important;
        gap:10px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-brand{
        gap:9px!important;
        color:var(--nd169-text)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-mark{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        flex-basis:40px!important;
        padding:6px!important;
        border:1px solid #E2D8E7!important;
        border-radius:13px!important;
        background:linear-gradient(145deg,#FFFFFF,#F7F1F9)!important;
        box-shadow:0 4px 12px rgba(70,44,81,.07)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-brand-copy{
        gap:2px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-brand-copy strong{
        color:#21152F!important;
        font-size:20px!important;
        font-weight:900!important;
        letter-spacing:-.04em!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-brand-copy small{
        color:#8A728F!important;
        font-size:8.5px!important;
        font-weight:850!important;
        letter-spacing:.09em!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-actions{
        gap:7px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-icon-button,
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-avatar{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        border:1px solid #DED2E3!important;
        border-radius:12px!important;
        background:#F8F4FA!important;
        color:var(--nd169-purple-dark)!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-avatar{
        background:linear-gradient(135deg,#F3EAF7,#EAF4F9)!important;
        color:#5B3567!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-badge{
        border-color:#FFFFFF!important;
        background:var(--nd169-danger)!important;
    }

    /* LOCATION / ROLE BAR */
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-workbar{
        margin-top:9px!important;
        min-height:54px!important;
        padding:8px 9px!important;
        gap:8px!important;
        border:1px solid var(--nd169-line)!important;
        border-radius:15px!important;
        background:linear-gradient(135deg,#F7F0F9 0%,#F7FAFC 52%,#EDF6FA 100%)!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-workbar-icon{
        width:23px!important;
        height:23px!important;
        flex-basis:23px!important;
        color:var(--nd169-purple)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-workbar-icon svg{
        width:18px!important;
        height:18px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-workbar-copy small{
        color:#8D7992!important;
        font-size:7.5px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-workbar-copy strong,
    html[data-bg-theme="novidesk-premium"] .nd-v128-workbar-copy select{
        color:#30273B!important;
        font-size:10.5px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-workbar-copy select option{
        color:var(--nd169-text)!important;
        background:#FFFFFF!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-workbar-separator{
        background:#DDD2E2!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-online-dot{
        background:var(--nd169-success)!important;
        box-shadow:0 0 0 2px rgba(47,159,125,.12)!important;
    }

    /* PAGE STAGE / GENERIC UI */
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-shell{
        display:block!important;
        min-width:0!important;
        background:var(--nd169-bg)!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-sidebar{
        display:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage{
        min-width:0!important;
        width:100%!important;
        background:var(--nd169-bg)!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage > main.container{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:12px 11px calc(98px + env(safe-area-inset-bottom))!important;
        background:transparent!important;
        overflow-x:hidden!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .card,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .tap-card,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .sheet-box,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .modal-content{
        border:1px solid var(--nd169-line)!important;
        border-radius:18px!important;
        background:#FFFFFF!important;
        color:var(--nd169-text)!important;
        box-shadow:var(--nd169-shadow-soft)!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage h1,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage h2,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage h3,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage h4{
        color:var(--nd169-text)!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .muted,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .text-muted{
        color:var(--nd169-muted)!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .btn{
        min-height:44px;
        border-radius:13px!important;
        font-weight:850!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .btn-primary{
        border-color:transparent!important;
        background:linear-gradient(135deg,var(--nd169-purple),var(--nd169-blue-dark))!important;
        color:#FFFFFF!important;
        box-shadow:0 7px 18px rgba(101,64,120,.16)!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .btn-soft{
        border-color:var(--nd169-line)!important;
        background:#FAF8FB!important;
        color:#5B4763!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage input:not([type="checkbox"]):not([type="radio"]),
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage select,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage textarea{
        min-height:44px;
        border-color:#DDD5E2!important;
        border-radius:13px!important;
        background:#FFFFFF!important;
        color:var(--nd169-text)!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage input:focus,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage select:focus,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage textarea:focus{
        border-color:#BBA4C4!important;
        outline:none!important;
        box-shadow:0 0 0 3px rgba(123,63,140,.09)!important;
    }

    /* DASHBOARD */
    html[data-bg-theme="novidesk-premium"] .nd-today-v117{
        gap:11px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-hero{
        min-height:0!important;
        padding:17px!important;
        border:1px solid #E1D7E5!important;
        border-radius:20px!important;
        color:var(--nd169-text)!important;
        background:radial-gradient(circle at 100% 0,rgba(95,167,196,.15),transparent 36%),
                   linear-gradient(135deg,#FFFFFF 0%,#FCF9FD 58%,#F1F8FB 100%)!important;
        box-shadow:var(--nd169-shadow)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-kicker{
        color:var(--nd169-purple)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-title-line h1{
        color:#21152F!important;
        font-size:27px!important;
        line-height:1.05!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-date,
    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-hero p{
        color:var(--nd169-muted)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-access{
        border-color:#DDCEE3!important;
        background:#F8F2FA!important;
        color:var(--nd169-purple-dark)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-kpi,
    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-card{
        border-color:var(--nd169-line)!important;
        background:#FFFFFF!important;
        box-shadow:var(--nd169-shadow-soft)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-kpi-label{
        color:var(--nd169-purple)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-today-v117 .nd-kpi-icon{
        border-color:#DCCFE2!important;
        background:linear-gradient(135deg,#F3EAF7,#EAF4F9)!important;
        color:var(--nd169-purple-dark)!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-dashboard-actions{
        border:1px solid var(--nd169-line)!important;
        border-radius:18px!important;
        background:#FFFFFF!important;
        box-shadow:var(--nd169-shadow-soft)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-dashboard-actions-rail > a{
        border-color:#E3DBE7!important;
        background:#FFFFFF!important;
        color:var(--nd169-text-soft)!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-dashboard-actions-rail > a.is-primary{
        border-color:transparent!important;
        background:linear-gradient(135deg,var(--nd169-purple),var(--nd169-blue-dark))!important;
        color:#FFFFFF!important;
        box-shadow:0 7px 18px rgba(101,64,120,.14)!important;
    }

    /* SUBSCRIPTION / BILLING */
    html[data-bg-theme="novidesk-premium"] .sub-shell{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        gap:11px!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-hero{
        grid-template-columns:1fr!important;
        gap:13px!important;
        padding:18px!important;
        border:1px solid var(--nd169-line)!important;
        border-radius:20px!important;
        background:radial-gradient(circle at 100% 0,rgba(95,167,196,.13),transparent 38%),
                   linear-gradient(135deg,#FFFFFF,#FBF8FC)!important;
        box-shadow:var(--nd169-shadow-soft)!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-hero h1{
        margin:7px 0 5px!important;
        font-size:27px!important;
        line-height:1.06!important;
        letter-spacing:-.04em!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-hero p{
        color:var(--nd169-muted)!important;
        font-size:12.5px!important;
        line-height:1.5!important;
        font-weight:650!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-state{
        min-width:0!important;
        padding:13px 14px!important;
        border:1px solid #E1D8E5!important;
        border-radius:15px!important;
        background:#FFFFFF!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-state strong{
        font-size:18px!important;
        color:var(--nd169-text)!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-state span,
    html[data-bg-theme="novidesk-premium"] .sub-stat span,
    html[data-bg-theme="novidesk-premium"] .sub-table-note,
    html[data-bg-theme="novidesk-premium"] .sub-plan-desc,
    html[data-bg-theme="novidesk-premium"] .sub-plan-note{
        color:var(--nd169-muted)!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-grid,
    html[data-bg-theme="novidesk-premium"] .sub-flow,
    html[data-bg-theme="novidesk-premium"] .sub-plan-grid{
        grid-template-columns:1fr!important;
        gap:9px!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-stat,
    html[data-bg-theme="novidesk-premium"] .sub-plan,
    html[data-bg-theme="novidesk-premium"] .sub-flow-step{
        padding:15px!important;
        border-color:var(--nd169-line)!important;
        border-radius:17px!important;
        background:#FFFFFF!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-stat strong{
        font-size:19px!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        width:100%!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-actions form,
    html[data-bg-theme="novidesk-premium"] .sub-actions .btn,
    html[data-bg-theme="novidesk-premium"] .sub-actions button{
        width:100%!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-table-wrap{
        max-width:100%!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch;
        border:1px solid var(--nd169-line)!important;
        border-radius:15px!important;
        background:#FFFFFF!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-table{
        min-width:640px!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-table th,
    html[data-bg-theme="novidesk-premium"] .sub-table td{
        padding:10px 9px!important;
        border-color:#EEE9F0!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-warning,
    html[data-bg-theme="novidesk-premium"] .sub-danger,
    html[data-bg-theme="novidesk-premium"] .sub-info{
        border-radius:15px!important;
        box-shadow:none!important;
    }

    /* SCHEDULE MOBILE */
    html[data-bg-theme="novidesk-premium"] .schedule-page{
        gap:10px!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-card{
        padding:13px!important;
        border:1px solid var(--nd169-line)!important;
        border-radius:19px!important;
        background:#FFFFFF!important;
        box-shadow:var(--nd169-shadow-soft)!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-nav{
        border-color:#DED7E2!important;
        background:#FFFFFF!important;
        color:var(--nd169-purple-dark)!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-title{
        color:var(--nd169-text)!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-subtitle{
        color:var(--nd169-muted)!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-action{
        min-height:44px!important;
        border-color:#DED7E2!important;
        border-radius:13px!important;
        background:#FFFFFF!important;
        color:var(--nd169-text)!important;
        box-shadow:none!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-action.primary,
    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-month-action-btn.primary{
        border-color:transparent!important;
        background:linear-gradient(135deg,var(--nd169-purple),var(--nd169-blue-dark))!important;
        color:#FFFFFF!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-tab.active{
        border-color:#D7C5DF!important;
        background:#F3EAF7!important;
        color:var(--nd169-purple-dark)!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-slot-plus,
    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-open,
    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-week-day span,
    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-week-arrow{
        color:var(--nd169-purple)!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-slot-plus{
        background:#F3EAF7!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-visit{
        border-left-color:var(--nd169-purple)!important;
        background:#FCFAFD!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-visit-time,
    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-status{
        color:var(--nd169-purple-dark)!important;
    }

    html[data-bg-theme="novidesk-premium"] .schedule-page #scheduleMobile .sg-status{
        background:#F3EAF7!important;
    }

    /* BOTTOM NAVIGATION + FAB */
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-primary-nav{
        left:9px!important;
        right:9px!important;
        bottom:calc(8px + env(safe-area-inset-bottom))!important;
        min-height:66px!important;
        padding:5px 6px!important;
        gap:2px!important;
        border:1px solid #DED5E3!important;
        border-radius:21px!important;
        background:#FFFFFF!important;
        box-shadow:0 10px 28px rgba(38,28,52,.14)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-primary-nav > a{
        min-height:54px!important;
        border-radius:15px!important;
        color:#8A8191!important;
        font-size:8px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-primary-nav > a.active{
        background:linear-gradient(135deg,#F3EAF7,#EAF4F9)!important;
        color:var(--nd169-purple-dark)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-fab{
        width:56px!important;
        height:56px!important;
        min-width:56px!important;
        border:4px solid #FFFFFF!important;
        background:linear-gradient(135deg,var(--nd169-purple),var(--nd169-blue-dark))!important;
        color:#FFFFFF!important;
        box-shadow:0 8px 22px rgba(85,58,109,.25)!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-fab-menu{
        border-color:#DDD4E2!important;
        background:#FFFFFF!important;
        box-shadow:0 14px 34px rgba(38,28,52,.16)!important;
    }

    /* LONG LISTS / TABLES / MODALS */
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage .table-wrap,
    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage [class*="table-wrap"]{
        max-width:100%!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch;
    }

    html[data-bg-theme="novidesk-premium"] .modal{
        background:rgba(27,21,35,.30)!important;
    }

    html[data-bg-theme="novidesk-premium"] .modal-content,
    html[data-bg-theme="novidesk-premium"] .event-sheet{
        border-color:var(--nd169-line)!important;
        background:#FFFFFF!important;
        box-shadow:0 -12px 36px rgba(38,28,52,.16)!important;
    }

    html[data-bg-theme="novidesk-premium"] .footer{
        padding-left:12px!important;
        padding-right:12px!important;
        padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
        color:#8E8694!important;
    }
}

@media (max-width:390px){
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-appbar{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-workbar{
        grid-template-columns:minmax(0,1.08fr) 1px minmax(0,.92fr)!important;
        gap:6px!important;
        padding:7px 8px!important;
    }

    html[data-bg-theme="novidesk-premium"] .bg-desktop-owner-stage > main.container{
        padding-left:9px!important;
        padding-right:9px!important;
    }

    html[data-bg-theme="novidesk-premium"] .sub-hero h1{
        font-size:25px!important;
    }
}

@media (display-mode:standalone) and (max-width:850px){
    html[data-bg-theme="novidesk-premium"] .nd-v128-mobile-appbar{
        padding-top:calc(8px + env(safe-area-inset-top))!important;
    }
}

@media (prefers-reduced-motion:reduce){
    html[data-bg-theme="novidesk-premium"] *,
    html[data-bg-theme="novidesk-premium"] *::before,
    html[data-bg-theme="novidesk-premium"] *::after{
        scroll-behavior:auto!important;
        animation:none!important;
        transition:none!important;
    }
}
