@media(max-width:760px){
  html,body{width:100%!important;min-height:100%!important;overflow-x:hidden!important;background:#f5f7fa!important}
  .app{display:block!important;min-height:100dvh!important;padding-top:72px!important;padding-bottom:70px!important}
  .sidebar{position:fixed!important;z-index:100!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:72px!important;background:linear-gradient(90deg,#d7192d 0%,#c10d23 100%)!important;border:0!important;overflow:visible!important;box-shadow:0 6px 22px rgba(2,11,22,.20)!important}
  .brand{height:72px!important;padding:0 16px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important}
  .brand img{width:44px!important;height:44px!important;max-width:44px!important;padding:4px!important;border-radius:12px!important;background:#fff!important;object-fit:contain!important}
  .brand::after{content:"QUANG CHÂU\A MUA HÀNG";white-space:pre;color:#fff;font-weight:800;font-size:14px;line-height:1.15;letter-spacing:.04em}
  .nav{position:fixed!important;z-index:110!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:70px!important;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom))!important;background:rgba(198,13,35,.98)!important;display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;box-shadow:0 -8px 26px rgba(0,0,0,.20)!important}
  .nav::-webkit-scrollbar{display:none!important}
  .nav button,.nav button:hover{flex:0 0 auto!important;min-width:104px!important;width:auto!important;height:54px!important;margin:0!important;padding:0 11px!important;border-radius:14px!important;background:transparent!important;color:rgba(255,255,255,.90)!important;font-size:11px!important;font-weight:750!important;white-space:nowrap!important;text-align:center!important}
  .nav button.active{background:#fff!important;color:#c81024!important}
  main{min-width:0!important;width:100%!important}
  .top{position:sticky!important;z-index:50!important;top:72px!important;height:54px!important;padding:0 12px!important;background:#fff!important;color:#1e2732!important;border-bottom:1px solid #edf0f4!important;box-shadow:0 3px 12px rgba(15,23,42,.04)!important}
  .top .title{font-size:15px!important;color:#c8102e!important}.top .sub{display:none!important}.top .user>div:first-child{display:none!important}.top .avatar{width:34px!important;height:34px!important;background:#fee2e2!important;color:#c8102e!important}
  .content{padding:14px 12px 24px!important}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.taskgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.layout,.row2,.approval-summary,.draft-head,.draft-head.draft-head-3col,.approval-grid-2,.approval-grid-3,.approval-payment-top,.do-top-grid{grid-template-columns:1fr!important}
  .card{border-radius:14px!important}.section{padding:14px!important}.kpi{padding:14px!important}.kpi .num{font-size:26px!important}
  .toolbar{align-items:stretch!important;flex-direction:column!important;gap:9px!important}.toolbar .actions,.inline-filters,.wide-actions{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.toolbar .actions>*,.inline-filters>*,.wide-actions>*{width:100%!important;max-width:none!important}.searchbox,.input{max-width:none!important}.searchbox{width:100%!important}
  .tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.table{min-width:760px!important}
  .modal{padding:0!important;align-items:flex-end!important}.modalbox{width:100vw!important;max-width:none!important;max-height:calc(100dvh - 72px)!important;border-radius:18px 18px 0 0!important;padding:16px!important}
  .itemrow{grid-template-columns:1fr 1fr!important}.item-combined{min-width:0!important}.sidepanel{position:static!important}
  .approval-sticky-actions{bottom:70px!important}
}
@media(max-width:390px){.grid4,.taskgrid{grid-template-columns:1fr 1fr!important}.nav button{min-width:98px!important}}