/* =====================================================
   NS365 SELLER PLANS FORCE FIX
   Paste at the END of assets/css/ns365-seller-homepage.css
   ===================================================== */

#seller-plans{
    width:100%!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
}

#seller-plans .ns365-plans-grid{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    gap:0!important;
    clear:both!important;
}

#seller-plans .ns365-plan-card{
    width:31.5%!important;
    max-width:31.5%!important;
    min-width:31.5%!important;
    display:block!important;
    float:none!important;
    clear:none!important;
    margin:0 0 32px 0!important;
    padding:32px!important;
    border:1px solid #e7ecf7!important;
    border-radius:18px!important;
    background:#f8fbff!important;
    box-shadow:0 18px 50px rgba(16,40,90,.10)!important;
    box-sizing:border-box!important;
    min-height:430px!important;
    position:relative!important;
    overflow:hidden!important;
}

#seller-plans .ns365-plan-card.gold{
    background:#fff8dc!important;
    border-color:#f1d48b!important;
}

#seller-plans .ns365-plan-card.diamond{
    background:#eefaf3!important;
    border-color:#bdebd1!important;
}

#seller-plans .ns365-plan-icon{
    width:66px!important;
    height:66px!important;
    border-radius:50%!important;
    background:#dbeafe!important;
    color:#1d4ed8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:34px!important;
    margin:0 0 16px 0!important;
    font-style:normal!important;
}

#seller-plans .ns365-plan-card h3{
    font-size:27px!important;
    line-height:1.2!important;
    margin:0 0 12px 0!important;
    font-weight:900!important;
    color:#071536!important;
}

#seller-plans .ns365-plan-card strong{
    display:block!important;
    font-size:31px!important;
    color:#0f5132!important;
    margin:0 0 18px 0!important;
    line-height:1.2!important;
}

#seller-plans .ns365-plan-card strong small{
    font-size:14px!important;
    color:#64748b!important;
}

#seller-plans .ns365-plan-card ul{
    list-style:none!important;
    padding:0!important;
    margin:0 0 28px 0!important;
}

#seller-plans .ns365-plan-card li{
    margin:12px 0!important;
    padding-left:22px!important;
    position:relative!important;
    font-weight:800!important;
    color:#132345!important;
}

#seller-plans .ns365-plan-card li:before{
    content:"✓"!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    color:#16a34a!important;
    font-weight:900!important;
}

#seller-plans .ns365-plan-card a{
    width:100%!important;
    display:block!important;
    padding:14px 18px!important;
    border-radius:9px!important;
    background:#2655f5!important;
    color:#ffffff!important;
    text-decoration:none!important;
    text-align:center!important;
    font-weight:900!important;
    box-sizing:border-box!important;
}

#seller-plans .ns365-plan-card.gold a{
    background:#dc9900!important;
}

#seller-plans .ns365-plan-card.diamond a{
    background:#16a34a!important;
}

#seller-plans .ns365-ribbon{
    position:absolute!important;
    right:-38px!important;
    top:22px!important;
    background:#ef4444!important;
    color:#ffffff!important;
    padding:9px 42px!important;
    transform:rotate(45deg)!important;
    font-size:12px!important;
    font-weight:900!important;
}

/* If theme forces one-column, this still keeps 3 cards in desktop */
.ns365-seller-home #seller-plans .ns365-plans-grid .ns365-plan-card{
    flex:0 0 31.5%!important;
}

/* Mobile fallback class only, no media used */
.ns365-mobile-fix #seller-plans .ns365-plans-grid{
    flex-wrap:wrap!important;
}

.ns365-mobile-fix #seller-plans .ns365-plan-card{
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    flex:0 0 100%!important;
}


/* =====================================================
   NS365 DASHBOARD PREVIEW SIDE SPACE FIX
   Paste at the END of assets/css/ns365-seller-homepage.css
   ===================================================== */

.ns365-dashboard-preview{
    width:100%!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:0!important;
    box-sizing:border-box!important;
}

.ns365-dashboard-image{
    width:58%!important;
    max-width:58%!important;
    min-width:58%!important;
    flex:0 0 58%!important;
    display:block!important;
    box-sizing:border-box!important;
}

.ns365-demo-dashboard{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    border:1px solid #e7ecf7!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#ffffff!important;
    box-shadow:0 20px 45px rgba(15,23,42,.10)!important;
    box-sizing:border-box!important;
}

.ns365-demo-dashboard aside{
    width:150px!important;
    min-width:150px!important;
    background:#071536!important;
    color:#ffffff!important;
    padding:18px!important;
    box-sizing:border-box!important;
}

.ns365-demo-dashboard main{
    width:calc(100% - 150px)!important;
    background:#f8fafc!important;
    padding:18px!important;
    box-sizing:border-box!important;
}

.ns365-dashboard-text{
    width:27%!important;
    max-width:27%!important;
    min-width:27%!important;
    flex:0 0 27%!important;
    display:block!important;
    box-sizing:border-box!important;
    padding-left:20px!important;
}

.ns365-mobile-preview{
    width:12%!important;
    max-width:12%!important;
    min-width:12%!important;
    flex:0 0 12%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    box-sizing:border-box!important;
}

.ns365-phone{
    width:150px!important;
    max-width:150px!important;
    min-width:150px!important;
    border:12px solid #111111!important;
    border-radius:30px!important;
    padding:15px!important;
    background:#ffffff!important;
    box-sizing:border-box!important;
}

/* If dashboard appears too small, this fills empty right area */
.ns365-seller-home .ns365-dashboard-preview .ns365-dashboard-image{
    margin-right:24px!important;
}

.ns365-seller-home .ns365-dashboard-preview .ns365-dashboard-text{
    margin-right:24px!important;
}