@media(max-width:760px){
 html,body{width:100%;overflow-x:clip}
 .thamrh-shell,.workspace{min-width:0;max-width:100%}
 .workspace{padding-top:calc(66px + env(safe-area-inset-top))!important}
 .workspace>.topbar,.thamrh-shell[dir=rtl] .workspace>.topbar{
  height:calc(66px + env(safe-area-inset-top))!important;
  min-height:calc(66px + env(safe-area-inset-top))!important;
  padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))!important;
  box-sizing:border-box;
 }
 .topbar .market-status,.topbar .workspace-switch,.topbar .demo-badge,.topbar .mobile-account-action{display:none!important}
 .mobile-brand{gap:8px!important}
 .mobile-brand .thamrh-wordmark{font-size:19px!important}
 .topbar .top-actions{gap:8px!important}
 .lang-toggle,.topbar .icon-btn{width:42px!important;height:42px!important;min-width:42px;min-height:42px;justify-content:center}
 .topbar .icon-btn .icon,.lang-toggle .icon{width:19px;height:19px}
 .mobile-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  justify-content:stretch!important;
  align-items:center;
  gap:3px;
  min-height:calc(72px + env(safe-area-inset-bottom))!important;
  height:auto!important;
  padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  box-sizing:border-box;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
 }
 .mobile-nav>a,.mobile-nav .mobile-more-trigger{
  display:flex;
  width:100%;
  min-width:0;
  min-height:48px;
  padding:5px 2px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#758099;
  font-family:inherit;
  font-size:10px;
  font-weight:500;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
 }
 .mobile-nav>a.active,.mobile-nav .mobile-more.active>.mobile-more-trigger{color:var(--thamrh-blue)!important}
 .mobile-nav>a .icon,.mobile-nav .mobile-more-trigger .icon{width:20px;height:20px;flex:none}
 .mobile-nav .mobile-add{
  display:grid;
  place-items:center;
  justify-self:center;
  align-self:center;
  width:50px!important;
  height:50px!important;
  min-width:50px;
  min-height:50px;
  margin:0!important;
  padding:0;
  border:0;
  border-radius:17px!important;
  background:var(--thamrh-blue)!important;
  color:white!important;
  box-shadow:0 7px 18px rgba(48,104,235,.24);
 }
 .mobile-nav .mobile-add .icon{width:25px;height:25px}
 .mobile-more{position:relative;display:grid;place-items:center;min-width:0}
 .mobile-more-trigger{cursor:pointer}
 .mobile-more-menu{
  position:absolute;
  inset-inline-end:2px;
  bottom:calc(100% + 12px);
  z-index:55;
  display:grid;
  width:min(220px,calc(100vw - 24px));
  padding:7px;
  border:1px solid #e5eaf2;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 14px 38px rgba(27,39,74,.16);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
 }
 .mobile-more-menu>a{
  display:flex;
  flex-direction:row;
  min-height:48px;
  align-items:center;
  gap:11px;
  padding:0 12px;
  border-radius:10px;
  color:var(--thamrh-navy);
  font-size:13px;
  text-align:start;
  text-decoration:none;
 }
 .mobile-more-menu>a:active,.mobile-more-menu>a[aria-current=page]{background:#f1f5ff;color:var(--thamrh-blue)}
 .mobile-more-menu .icon{width:18px;height:18px;flex:none}
 .workspace main{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
 .mobile-nav button,.mobile-nav a,.mobile-more-menu>a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 .tamouh-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)!important}
 .modal-foot .btn,.page-heading .actions .btn{min-height:46px}
}

@media(max-width:390px){
 .mobile-nav{gap:1px;padding-inline:max(7px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-right))!important}
 .mobile-nav>a,.mobile-nav .mobile-more-trigger{font-size:9px}
 .mobile-nav .mobile-add{width:47px!important;height:47px!important;min-width:47px;min-height:47px;border-radius:15px!important}
 .mobile-brand .thamrh-wordmark{font-size:18px!important}
}