/* Phone presentation, loaded after the shared theme. No data or print rules. */
@media screen {
  .workspace-shell .shell-context{display:none}
  .workspace-shell .shell-menu-preferences{border-top:1px solid var(--edge);margin-top:14px;padding-top:14px}
  .workspace-shell .shell-menu-preferences .appearance-control{justify-content:space-between;margin:0;width:100%}
  .workspace-shell .shell-menu-preferences .appearance-control>span{position:static;width:auto;height:auto;clip-path:none;overflow:visible;font-size:13px}
  .workspace-shell .shell-menu-note{font-size:11px;color:var(--muted);margin:6px 0 0}
}
@media screen and (max-width:750px) {
  html{scroll-padding-top:calc(64px + env(safe-area-inset-top,0px));scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  body.workspace-shell{
    --shell-header:calc(52px + env(safe-area-inset-top,0px));--shell-mobile-nav:64px;
    min-width:0;max-width:100%;min-height:100vh;min-height:100dvh;
    padding-top:var(--shell-header);padding-inline:0;
    -webkit-text-size-adjust:100%;text-size-adjust:100%;
  }
  .workspace-shell #main-content{min-width:0;overflow-wrap:anywhere}
  .workspace-shell #main-content :where(section,article,form,fieldset,label){min-width:0}
  .workspace-shell #main-content img{max-width:100%;height:auto}
  .workspace-shell :where(button,.button,summary){min-height:44px;touch-action:manipulation}
  .workspace-shell :where(button,.button){min-width:44px}
  .workspace-shell :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:max(16px,1rem)!important;min-height:44px!important;max-width:100%}
  .workspace-shell :where(input,select,textarea){scroll-margin-top:calc(var(--shell-header) + 16px);scroll-margin-bottom:100px}
  body.workspace-shell :is(button,.button,input,select,textarea){border-radius:8px}
  .workspace-shell :where(button,.button):active{filter:brightness(.96)}
  .workspace-shell :where(.panel){border-radius:10px}
  .workspace-shell .shell-header{
    padding:env(safe-area-inset-top,0px) max(10px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));
    height:var(--shell-header);gap:10px;background:var(--panel);
  }
  .workspace-shell .shell-header .brand{font-size:16px;letter-spacing:.2px;width:auto;line-height:1;flex:none}
  .workspace-shell .shell-header .appearance-control{display:none}
  .workspace-shell .shell-context{display:block;min-width:0;font-size:11px;line-height:1.2;color:var(--muted);overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .workspace-shell .shell-header .shell-account{margin-left:auto;min-height:44px;padding:8px;font-size:12px;flex:none;border-color:transparent;border-radius:8px}
  .workspace-shell .shell-header .shell-account[aria-current]{border-color:var(--edge)}
  .workspace-shell .shell-nav{
    padding:3px max(4px,env(safe-area-inset-right,0px)) calc(3px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));
    box-shadow:0 -1px 0 var(--edge);border-top:0;background:var(--panel);
  }
  .workspace-shell .shell-nav :is(.shell-link,.shell-more){min-height:58px;gap:4px;padding:5px 2px;border-radius:9px;font-size:10px;line-height:1.15;box-shadow:none}
  .workspace-shell .shell-nav :is(.shell-link,.shell-more) svg{width:21px;height:21px;stroke-width:1.5}
  .workspace-shell .shell-nav .shell-link[aria-current],.workspace-shell .shell-nav .shell-more.is-current{box-shadow:none}
  .workspace-shell .shell-more small{display:none}
  .workspace-shell .shell-menu{
    position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;
    max-height:calc(100vh - env(safe-area-inset-top,0px) - 16px);
    max-height:min(85dvh,720px);padding:0 max(12px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
    border:1px solid var(--edge);border-bottom:0;border-radius:16px 16px 0 0;overscroll-behavior:contain;
  }
  .workspace-shell .shell-menu-heading{position:sticky;top:0;z-index:1;background:var(--panel);padding:10px 0 8px;margin:0 0 6px;min-height:60px;border-bottom:1px solid var(--edge)}
  .workspace-shell .shell-menu-heading h2{font-size:15px;letter-spacing:0;text-transform:none}
  .workspace-shell .shell-menu-heading button{min-height:44px;min-width:64px;border-radius:8px}
  .workspace-shell .shell-menu-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .workspace-shell .shell-menu-links .shell-link{min-height:52px;gap:8px;padding:10px;border-radius:8px;white-space:normal;font-size:13px}
  .workspace-shell .shell-menu-links .shell-link svg{width:20px;height:20px}
  .workspace-shell .shell-menu-preferences .appearance-control select{width:130px}
  .workspace-shell .shell-footer{padding:12px max(12px,env(safe-area-inset-right,0px)) 14px max(12px,env(safe-area-inset-left,0px));gap:6px;letter-spacing:0;font-size:10px}
  .workspace-shell .shell-footer-links{gap:4px 12px;align-items:center}
  .workspace-shell .shell-footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:11px}
  .workspace-shell .demo-notice{padding:7px 12px;font-size:11px;line-height:1.45;border-bottom-width:1px}
  .workspace-shell :where(dialog:not(.shell-menu)){max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);overscroll-behavior:contain}
  .workspace-shell.shell-keyboard-open .shell-nav,
  .workspace-shell.shell-keyboard-open #mobile-deal{visibility:hidden;pointer-events:none}
  .workspace-shell.shell-keyboard-open #message{bottom:12px}
  .workspace-shell :where(.table-scroll,.scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
  .workspace-shell .scroll-hint{font-size:11px;line-height:1.4;margin:6px 0}
  .workspace-shell pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
  .workspace-shell[data-screen=trade] .cost{grid-template-columns:minmax(0,1fr) 44px}
  .workspace-shell .shell-menu-links .support-badge{flex:none}
}
@media screen and (max-width:360px){
  .workspace-shell .shell-context{font-size:10px}
  .workspace-shell .shell-header{gap:6px}
  .workspace-shell .shell-header .brand{font-size:15px}
  .workspace-shell .shell-menu-links .shell-link{padding:8px;font-size:12px}
}
@media screen and (max-width:750px) and (orientation:landscape){
  .workspace-shell #main-content{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
  .workspace-shell .shell-menu{max-height:calc(100dvh - 8px)}
}