/* Tu Do Chung V1.3 — overrides V1.2; place after inline styles */
:root{color-scheme:light}
body{background:#f8fafc}
body .app-shell{background:#f8fafc}
body .app-header{border-bottom:1px solid #e6edf3;box-shadow:none!important}
body .app-main>section{max-width:1660px}
body #tab-feed>div:first-child{box-shadow:0 12px 30px rgba(20,120,72,.13);min-height:205px}
body #product-grid>button{background:#fff!important}
body #product-grid>button:hover{transform:translateY(-4px)}
body #product-grid>button>div:first-child{height:clamp(150px,17vw,215px)!important}
body .product-photo img{width:100%;height:100%;object-fit:cover}
body .stat-card{background:#fff;border:1px solid #e8edf1;border-radius:16px;box-shadow:0 3px 10px rgba(15,23,42,.025);padding:15px;display:flex;align-items:center;gap:12px;min-width:0}
body .stat-card .stat-icon{width:43px;height:43px;border-radius:13px;display:flex;flex:0 0 43px;align-items:center;justify-content:center;font-size:18px}
body .stat-card strong{font-size:23px;line-height:1.1;font-weight:800;color:#0f172a}
body .stat-card p{font-size:11px;color:#64748b;margin-top:5px;line-height:1.3}
body #dashboard-stats{margin-top:18px;margin-bottom:20px}
body .app-nav button{cursor:pointer}
body .app-header #notification-btn{flex:0 0 36px}
@media(max-width:639px){
 body .app-header{padding:12px!important}
 body .app-main>section{padding:16px!important}
 body #tab-feed>div:first-child{min-height:190px!important;padding:20px!important}
 body #tab-feed>div:first-child h2{font-size:21px!important;line-height:1.25}
 body .stat-card{padding:12px;gap:9px}
 body .stat-card .stat-icon{width:34px;height:34px;flex-basis:34px;font-size:15px}
 body .stat-card strong{font-size:20px}
 body #product-grid>button>div:first-child{height:148px!important}
 body .product-card h4{font-size:12px}
 body .product-card .product-photo span:not(:first-child){font-size:10px}
}
@media(min-width:640px) and (max-width:1023px){
 body #product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body #tab-feed>div:first-child{min-height:215px!important}
}
@media(min-width:1024px){
 body .app-shell .app-nav{width:216px!important;padding:125px 12px 24px!important;background:#fff!important}
 body .app-shell .app-nav button{height:48px!important;min-height:48px!important;max-height:48px!important;font-size:13px!important;padding:11px 13px!important}
 body .app-header{margin-left:216px!important;width:calc(100% - 216px)!important;padding:18px 32px!important}
 body .app-main{margin-left:216px!important;width:calc(100% - 216px)!important;background:#f8fafc!important}
 body .app-main>section{padding:27px 30px!important}
 body #tab-feed>div:first-child{min-height:205px!important;padding:30px 36px!important}
 body #tab-feed>div:first-child h2{font-size:30px!important}
 body #product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
}
@media(min-width:1280px){body #product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1600px){
 body .app-shell .app-nav{width:224px!important;padding-left:13px!important;padding-right:13px!important}
 body .app-header{margin-left:224px!important;width:calc(100% - 224px)!important}
 body .app-main{margin-left:224px!important;width:calc(100% - 224px)!important}
 body #product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){.pulse-scanner,.fade{animation:none!important}html{scroll-behavior:auto}}