@media (max-width:760px){
body .topnav{padding:0 10px !important;gap:8px !important}
body .topnav .search-box{flex:1 1 0 !important;min-width:0 !important;max-width:none !important}
body .topnav__right{flex:0 0 auto !important;gap:6px !important}
body .topnav__right .icon-btn{width:34px;height:34px}
.user-chip{padding-left:4px !important;padding-right:4px !important}
.user-chip b{display:none}
}

/*from-dashboard*/
@media (max-width:900px){
  body .rwc-nav-btn{width:44px !important;height:44px !important;margin-right:8px !important;border-radius:10px !important;border:1px solid rgba(0,186,120,.8) !important;background:linear-gradient(180deg,#0f2a22,#0a1512) !important;box-shadow:inset 0 0 8px rgba(0,186,120,.2) !important}
  body .rwc-nav-btn span{width:20px !important;background:#eafff6 !important;box-shadow:none !important}
  body.rwc-nav-open .sidebar{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px) !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
body .rwc-av{border-color:#00ba78 !important;box-shadow:0 0 6px rgba(0,186,120,.35),inset 0 0 4px rgba(0,186,120,.15) !important}
body .rwc-av::before{border-color:rgba(0,186,120,.5) !important}
body .rwc-av::after{border-top-color:#00ba78 !important;border-right-color:rgba(0,186,120,.25) !important;filter:none !important}

/*avatar-fit*/
@media (max-width:900px){
  body .user-chip{padding:0 !important;gap:0 !important;width:auto !important;background:none !important;border:0 !important}
  body .user-chip .rwc-av{margin:0 !important}
}

/*chip-round*/
@media (max-width:900px){
  body .user-chip{padding:6px !important;gap:0 !important;border-radius:999px !important;width:auto !important;min-width:0 !important;flex:0 0 auto !important}
  body .user-chip > div:not(.user-chip__avatar):not(.rwc-av){display:none !important}
}

/*tx-scroll*/
@media (max-width:900px){
  body .tx-table:has(#wBody){display:block !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch;max-width:100%}
  body .tx-table:has(#wBody) th,body .tx-table:has(#wBody) td{white-space:nowrap !important;padding-right:14px !important}
  body .tx-table:has(#wBody) td:last-child,body .tx-table:has(#wBody) th:last-child{padding-right:4px !important}
  body .tx-table:has(#wBody) .copy-btn{display:inline-block !important;width:auto !important;min-width:0 !important;margin-left:6px !important;padding:2px 8px !important;font-size:11px !important;line-height:1.4 !important;background:transparent !important;color:var(--green) !important;border:1px solid rgba(57,255,20,.35) !important}
}