/* MANTRA V674 — Standard Mobile Responsive / Android / iOS */
:root{--v674-gap:12px;--v674-radius:16px;--v674-touch:44px;--v674-safe-top:env(safe-area-inset-top,0px);--v674-safe-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:var(--v674-safe-bottom)}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
input,select,textarea,button{font:inherit;max-width:100%}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.table-wrap,.table-responsive,.responsive-table,.v674-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
table{max-width:100%}
.modal,.v673-modal,.v653-reels-modal,.v657-claim-modal,.v659-poster-modal{overscroll-behavior:contain}

@media (max-width: 820px){
  body{background:#f5f7fb}
  header,.topbar,.v199-topbar,.sd-topbar{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  main,.wrap,.container,.page,.content,.page-content{max-width:100%!important}
  main{padding-left:12px!important;padding-right:12px!important}
  .topnav,.v199-nav,.v199-navrow,.v199-nav-right,.v339-nav-tools,.toolbar,.filters,.tabs,.branchbar,.v178-actions,.v179-access-actions{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .topnav::-webkit-scrollbar,.v199-nav::-webkit-scrollbar,.v199-navrow::-webkit-scrollbar,.toolbar::-webkit-scrollbar,.filters::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}
  .topnav>* ,.v199-nav>* ,.v199-navrow>* ,.toolbar>* ,.filters>* ,.tabs>*{flex:0 0 auto}
  button,.btn,.navBtn,.primary,.danger,a.button{min-height:var(--v674-touch)}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px;font-size:16px!important;border-radius:12px!important}
  textarea{min-height:96px}
  .panel,.card,.stat,.v178-card,.category-orders-panel{border-radius:var(--v674-radius)!important;box-shadow:0 8px 26px rgba(34,55,85,.06)!important}
  .stats,.v178-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .formgrid,.row,.grid,.cards,.dashboard-grid{grid-template-columns:1fr!important}
  .span2,.span3,.span4,.span5{grid-column:1/-1!important}
  .right{text-align:left!important}
  .table,.data-table,table{font-size:12px!important}
  .table th,.table td,table th,table td{white-space:nowrap;padding:10px 9px!important}
  .modal,.v673-modal{padding:12px!important;align-items:flex-end!important}
  .modal-card,.v673-modal-card,[class*="modal-card"],[class*="ModalCard"]{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important;margin:0!important;border-radius:22px 22px 14px 14px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
  .category-head,.v178-welcome,.v179-access{flex-direction:column!important;align-items:stretch!important}
  .category-head>*{width:100%}
  .v178-actions{grid-template-columns:1fr 1fr!important}
  .v178-action{min-height:74px!important}
  .v673-reward-card,.v673-summary-grid,.v673-admin-grid{max-width:100%!important}
}

@media (max-width: 560px){
  :root{--v674-gap:10px;--v674-radius:14px}
  body{font-size:14px}
  h1{font-size:24px!important;line-height:1.15!important} h2{font-size:20px!important;line-height:1.2!important} h3{font-size:17px!important}
  .stats,.v178-cards,.v178-actions{grid-template-columns:1fr!important}
  .stat,.panel,.card,.v178-card,.category-orders-panel{padding:13px!important}
  .loginbox{margin:24px auto!important;width:calc(100% - 24px)!important;padding:18px!important}
  .branchbar select{min-width:0!important;width:100%!important}
  .toolbar,.filters,.branchbar{align-items:stretch!important}
  .toolbar>*,.filters>*,.branchbar>*{width:100%!important;min-width:0!important}
  .tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px}
  .tabs button{white-space:nowrap!important}
  .v178-card b,.stat b{font-size:20px!important}
  .v673-reward-card,[class*="reward-card"],[class*="summary-card"]{border-radius:16px!important}
}

@media (max-width: 390px){
  main{padding-left:9px!important;padding-right:9px!important}
  .stat,.panel,.card,.v178-card,.category-orders-panel{padding:11px!important}
  button,.btn,.navBtn,.primary{padding-left:10px!important;padding-right:10px!important}
}

@media (orientation: landscape) and (max-height: 500px){
  .modal-card,[class*="modal-card"]{max-height:calc(100dvh - 8px)!important;border-radius:14px!important}
}

@supports (height:100dvh){.modal,.v673-modal{min-height:100dvh}}