/* BazEx seller-only responsive presentation layer. Does not change server behavior. */
body.seller-view{--bx-red:#e84a2a;--bx-ink:#202534;--bx-soft:#f5f6f9;background:var(--bx-soft)!important;color:var(--bx-ink)}
body.seller-view .header{background:#fff!important;border-bottom:1px solid #e8e8eb!important;box-shadow:0 2px 12px #1111!important}
body.seller-view .header .nav{max-width:none!important;padding:0 24px!important;min-height:72px!important}
body.seller-view .header .logo img{max-height:54px!important;object-fit:contain}
body.seller-view .portal.container{max-width:none!important;width:auto!important;margin:0!important;padding:30px 34px 95px!important}
body.seller-view .portal-head{align-items:center!important;gap:18px!important;flex-wrap:wrap}
body.seller-view .portal-head h1{font-size:clamp(24px,2.2vw,32px)!important;letter-spacing:-.6px!important}
body.seller-view .portal-panel,body.seller-view .v6-stats>*{border-radius:16px!important;background:#fff!important;box-shadow:0 4px 18px #1720380c!important;border:1px solid #edf0f3!important}
body.seller-view .v6-stats>*{border-left:3px solid var(--bx-red)!important}
body.seller-view .v6-stats a{transition:transform .16s,box-shadow .16s}
body.seller-view .v6-stats a:hover{transform:translateY(-2px);box-shadow:0 8px 25px #17203818!important}
body.seller-view .portal .btn,body.seller-view .portal button.btn{background:var(--bx-red)!important;border-color:var(--bx-red)!important;border-radius:10px!important}
body.seller-view .portal .table-scroll{overflow-x:auto}
body.seller-view .portal table{border-collapse:collapse;width:100%}
body.seller-view .portal table thead{background:#fff2ee}
body.seller-view .portal table th{color:#65565a;font-size:12px}
body.seller-view .portal table td,body.seller-view .portal table th{padding:13px 12px}
body.seller-view .portal input,body.seller-view .portal select,body.seller-view .portal textarea{border-radius:10px}
/* desktop sidebar: retain original server-rendered links and logout form */
@media(min-width:1050px){
 html body.seller-view #v6Sidebar{position:fixed!important;top:72px!important;bottom:0!important;left:0!important;width:260px!important;max-width:260px!important;transform:none!important;visibility:visible!important;display:block!important;overflow-y:auto!important;z-index:800!important;border-radius:0!important;padding:15px 10px 26px!important;background:#e9482a!important;box-shadow:none!important}
 html body.seller-view #v6Sidebar::before{display:none!important}
 html body.seller-view #v6Sidebar .v6-side-title{background:transparent!important;color:#fff!important}
 html body.seller-view #v6Sidebar .v6-side-title *{color:#fff!important}
 html body.seller-view #v6Sidebar>a{background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important;border-radius:9px!important;padding:12px 13px!important;backdrop-filter:none!important}
 html body.seller-view #v6Sidebar>a,html body.seller-view #v6Sidebar>a span{color:#fff!important}
 html body.seller-view #v6Sidebar>a:hover,html body.seller-view #v6Sidebar>a[aria-current="page"]{background:#ffffff30!important;color:#fff!important}
 html body.seller-view #v6Sidebar hr{border-color:#ffffff4a!important}
 html body.seller-view #v6Sidebar .bazex-side-logout button{background:#fff!important;color:#db4023!important;border-color:#fff!important}
 body.seller-view .header{margin-left:260px!important}
 body.seller-view .portal.container{margin-left:260px!important}
 body.seller-view .v6-shade{display:none!important}
 body.seller-view #hamburger{display:none!important}
 body.seller-view .bx-app-bottom{display:none!important}
}
/* mobile: compact app navigation and usable full-width cards */
@media(max-width:1049px){
 body.seller-view .portal.container{padding:18px 14px 124px!important}
 body.seller-view .header .nav{padding:0 15px!important;min-height:64px!important}
 body.seller-view .header .logo img{max-height:46px!important}
 body.seller-view .portal-head{align-items:flex-start!important}
 body.seller-view .portal-head .btn{width:100%;text-align:center}
 body.seller-view .v6-stats{gap:10px!important}
 body.seller-view .v6-stats:not(.status-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.seller-view .v6-stats:not(.status-grid)>:first-child{grid-column:1/-1}
 body.seller-view .v6-stats.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.seller-view .v6-stats>*{padding:15px!important;min-width:0}
 body.seller-view .v6-stats strong{font-size:24px!important}
 body.seller-view .portal-panel{padding:15px!important}
 body.seller-view .bx-app-bottom{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:76px;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ececec;box-shadow:0 -5px 22px #00000013;z-index:1000}
 body.seller-view .bx-app-bottom a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#8b8f99;font-size:11px;font-weight:650;padding:7px 1px;border-radius:10px}
 body.seller-view .bx-app-bottom a svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 body.seller-view .bx-app-bottom a.active{color:#e84a2a;background:#fff2ed}
 body.seller-view .bx-app-bottom .bx-app-book{background:#e84a2a;color:#fff;border-radius:50%;width:53px;height:53px;flex:0 0 53px;transform:translateY(-17px);box-shadow:0 6px 18px #e84a2a55}
 body.seller-view .bx-app-bottom .bx-app-book svg{width:26px;height:26px}
 body.seller-view .bx-app-bottom .bx-app-book span{display:none}
 body.seller-view .table-scroll{max-width:100%;overflow-x:auto!important}
 body.seller-view .portal .form-grid{grid-template-columns:1fr!important}
}
@media(min-width:1050px) and (max-width:1300px){body.seller-view .portal.container{padding:22px 22px 70px!important}}

/* v2: DigiDokaan-inspired mobile shell; no backend or form logic changes. */
@media(max-width:1049px){
 body.seller-view .header{background:#dc4b2c!important;border:0!important;box-shadow:none!important;position:sticky;top:0;z-index:900}
 body.seller-view .header .nav{height:76px!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row-reverse!important}
 body.seller-view .header .logo{margin:0 auto!important;display:flex!important;justify-content:center!important}
 body.seller-view .header .logo img{max-height:53px!important;max-width:165px!important;filter:brightness(0) invert(1)!important}
 body.seller-view #hamburger{display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1400!important;background:#ffffff24!important;color:white!important;border:1px solid #ffffff40!important;border-radius:11px!important;width:44px!important;height:44px!important;min-width:44px!important;cursor:pointer!important}
 body.seller-view #hamburger span,body.seller-view #hamburger svg{color:white!important;stroke:white!important}
 body.seller-view .portal.container{padding:18px 13px 155px!important}
 body.seller-view .bx-app-bottom{height:76px!important;padding:6px 16px max(8px,env(safe-area-inset-bottom))!important;border-radius:28px 28px 0 0!important;box-shadow:0 -5px 25px #0002!important;z-index:1150!important;gap:4px!important}
 body.seller-view .bx-app-bottom a{font-size:12px!important;gap:6px!important;border-radius:14px!important;padding:8px 0!important;color:#8d8d92!important}
 body.seller-view .bx-app-bottom a svg{width:25px!important;height:25px!important}
 body.seller-view .bx-app-bottom a.active{background:transparent!important;color:#dc4b2c!important}
 body.seller-view .bx-floating-book{display:flex!important;align-items:center;justify-content:center;position:fixed;right:17px;bottom:calc(92px + env(safe-area-inset-bottom));width:62px;height:62px;border-radius:50%;background:#dc4b2c;color:#fff;box-shadow:0 7px 22px #d7493280;z-index:1152;border:3px solid #fff}
 body.seller-view .bx-floating-book svg{width:31px;height:31px;stroke:currentColor;stroke-width:2.7;fill:none;stroke-linecap:round}
 body.seller-view #v6Sidebar{z-index:1501!important;max-height:100dvh!important;overflow-y:auto!important}
 body.seller-view #v6Shade.open{z-index:1500!important}
 body.seller-view .v6-stats>*{border-left:0!important;border-radius:16px!important}
}
@media(min-width:1050px){body.seller-view .bx-floating-book{display:none!important}}
