/* Atlas V21.2 — Mobile usability pass
   Desktop is intentionally untouched. */

@media (max-width: 840px) {
  :root{
    --atlas-mobile-edge:10px;
    --atlas-touch:44px;
  }

  html{
    -webkit-text-size-adjust:100%;
    scroll-padding-top:72px;
    scroll-padding-bottom:84px;
  }

  body.atlas-shell-page{
    padding-bottom:72px !important;
    overflow-x:hidden !important;
  }

  body.atlas-shell-page .wrap{
    width:calc(100% - 20px) !important;
    max-width:none !important;
  }

  /* ---------------- Shared shell ---------------- */
  #atlasShell{
    min-height:60px !important;
  }
  #atlasShell .atlas-shell-nav{
    width:calc(100% - 20px) !important;
    height:60px !important;
    grid-template-columns:1fr auto auto !important;
    gap:7px !important;
  }
  #atlasShell .atlas-shell-brand{
    font-size:19px !important;
    gap:8px !important;
  }
  #atlasShell .atlas-shell-mark{
    width:27px !important;height:27px !important;flex-basis:27px !important;
  }
  #atlasShell .atlas-shell-primary{display:none !important}

  /* Search remains directly accessible on mobile. */
  #atlasShell .atlas-shell-right{
    display:flex !important;
    gap:0 !important;
  }
  #atlasShell .atlas-shell-right .atlas-shell-wallet,
  #atlasShell .atlas-shell-right .atlas-shell-x{
    display:none !important;
  }
  #atlasShell .atlas-shell-search{
    width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    border-radius:50% !important;
    font-size:0 !important;
    gap:0 !important;
  }
  #atlasShell .atlas-shell-search::before{
    content:"⌕";
    font:700 18px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  }
  #atlasShell .atlas-shell-search kbd{display:none !important}

  #atlasShell .atlas-shell-mobile{
    display:block !important;
  }
  #atlasShell .atlas-shell-mobile-summary{
    min-width:58px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 13px !important;
    font-size:11px !important;
  }
  #atlasShell .atlas-shell-mobile-popover{
    position:fixed !important;
    top:66px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-height:calc(100dvh - 152px) !important;
    overflow:auto !important;
    transform:none !important;
    border-radius:18px !important;
    padding:8px !important;
  }
  #atlasShell .atlas-shell-mobile-popover::before{display:none !important}
  #atlasShell .atlas-shell-popover a,
  #atlasShell .atlas-shell-mobile-search,
  #atlasShell button.atlas-shell-mobile-wallet,
  #atlasShell .atlas-shell-mobile-x{
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    padding:11px 12px !important;
    font-size:12px !important;
    border-radius:11px !important;
  }
  #atlasShell .atlas-shell-popover small{
    font-size:10px !important;
    line-height:1.35 !important;
  }
  #atlasShell .atlas-shell-mobile-label{
    padding:12px 11px 7px !important;
    font-size:9px !important;
  }

  #atlasShellFooter .atlas-shell-footer-inner{
    width:calc(100% - 20px) !important;
    min-height:0 !important;
    padding:24px 0 30px !important;
  }
  #atlasShellFooter .atlas-shell-footer-brand{font-size:20px !important}
  #atlasShellFooter .atlas-shell-footer-copy{
    font-size:11px !important;
    line-height:1.5 !important;
  }
  #atlasShellFooter .atlas-shell-footer-links{
    gap:8px 14px !important;
  }
  #atlasShellFooter .atlas-shell-footer-links a{
    min-height:34px !important;
    display:flex !important;
    align-items:center !important;
    font-size:11px !important;
  }

  /* Fixed mobile product dock. */
  .atlas-mobile-dock{
    position:fixed;
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    z-index:2100;
    height:58px;
    padding:5px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:3px;
    border:1px solid rgba(23,22,19,.09);
    border-radius:18px;
    background:rgba(248,245,238,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 12px 38px rgba(25,22,17,.16);
  }
  .atlas-mobile-dock a{
    min-width:0;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:#6c7069;
    text-decoration:none;
    font:750 10px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  .atlas-mobile-dock a.active{
    background:#111316;
    color:#fff;
  }
  .atlas-mobile-dock a[data-mobile-dock="changes"].active::before{
    content:"";
    width:5px;height:5px;border-radius:50%;
    background:#baff63;margin-right:6px;
  }

  /* ---------------- Universal touch sizing ---------------- */
  body.atlas-shell-page :is(
    .btn,.filter-btn,.control,.filter,.period,.tab,.range-btn,.asset-tool,
    .field,.select,.share-btn,.open,.drawer-close,.icon-btn,.atlas-star,
    .atlas-compare-add,.mover-tab
  ){
    min-height:44px !important;
  }
  body.atlas-shell-page :is(input,select,textarea){
    font-size:16px !important; /* prevents iOS focus zoom */
  }

  /* ---------------- Search overlay ---------------- */
  .atlas-search-overlay{
    align-items:flex-start !important;
    padding:64px 8px 8px !important;
  }
  .atlas-search-dialog{
    width:100% !important;
    max-height:calc(100dvh - 80px) !important;
    border-radius:18px !important;
  }
  .atlas-search-box{
    min-height:58px !important;
    padding:9px 11px !important;
  }
  .atlas-search-box input{
    font-size:16px !important;
  }
  .atlas-search-box button{
    min-width:44px !important;
    min-height:38px !important;
  }
  .atlas-search-shortcuts{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none;
  }
  .atlas-search-shortcuts::-webkit-scrollbar{display:none}
  .atlas-search-shortcuts a{
    flex:0 0 auto !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    font-size:10px !important;
    padding:0 12px !important;
  }
  .atlas-search-result{
    padding:7px !important;
  }
  .atlas-search-result>a{
    min-height:58px !important;
  }
  .atlas-search-logo{
    width:42px !important;height:42px !important;flex-basis:42px !important;
  }
  .atlas-search-result strong{font-size:13px !important}
  .atlas-search-result small{font-size:10px !important}
  .atlas-search-result>button{
    min-height:40px !important;
    font-size:10px !important;
    padding:0 12px !important;
  }
  .atlas-search-foot{
    font-size:9px !important;
    line-height:1.45 !important;
  }

  /* ---------------- Wallet modal ---------------- */
  .atlas-wallet-modal{
    align-items:flex-end !important;
    padding:8px !important;
  }
  .atlas-wallet-dialog{
    width:100% !important;
    max-height:calc(100dvh - 16px) !important;
    border-radius:22px !important;
  }
  .atlas-wallet-head{padding:20px 18px 15px !important}
  .atlas-wallet-head h2{font-size:29px !important}
  .atlas-wallet-close{width:44px !important;height:44px !important;flex-basis:44px !important}
  .atlas-wallet-body{padding:17px 18px 22px !important}
  .atlas-wallet-intro{font-size:13px !important;line-height:1.55 !important}
  .atlas-wallet-network{min-height:36px !important;font-size:10px !important}
  .atlas-wallet-grid{grid-template-columns:1fr !important}
  .atlas-wallet-info{min-height:0 !important;padding:14px !important}
  .atlas-wallet-info span{font-size:9px !important}
  .atlas-wallet-info strong{font-size:14px !important;margin-top:9px !important}
  .atlas-wallet-info p{font-size:11px !important}
  .atlas-wallet-safety{font-size:11px !important}
  .atlas-wallet-primary{min-height:44px !important;font-size:11px !important;padding:0 16px !important}

  /* ---------------- Compare tray ---------------- */
  .atlas-compare-tray{
    left:8px !important;
    right:8px !important;
    bottom:76px !important;
    width:auto !important;
    max-width:none !important;
    transform:translateY(calc(100% + 95px)) !important;
    border-radius:16px !important;
    padding:7px !important;
  }
  .atlas-compare-tray.visible{transform:translateY(0) !important}
  .atlas-compare-chip{
    min-height:38px !important;
    font-size:10px !important;
  }
  .atlas-compare-open{
    min-height:40px !important;
    font-size:10px !important;
  }
  .atlas-compare-clear{width:40px !important;height:40px !important}

  /* ---------------- Home ---------------- */
  body.atlas-shell-page .hero{padding-top:10px !important}
  .hero-shell{border-radius:22px !important}
  .hero-grid{padding:25px 18px !important;gap:26px !important}
  .hero h1{font-size:clamp(44px,14vw,58px) !important;line-height:.9 !important}
  .hero-copy{font-size:14px !important;line-height:1.55 !important}
  .eyebrow{font-size:10px !important}
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .hero-actions .btn{
    width:100% !important;
    justify-content:center !important;
    font-size:12px !important;
  }
  .market-pulse{
    margin-top:0 !important;
    border-radius:18px !important;
    padding:12px !important;
  }
  .pulse-top{font-size:10px !important}
  .pulse-row{
    min-height:68px !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    padding:10px !important;
  }
  .pulse-row strong{font-size:13px !important}
  .pulse-row small{font-size:10px !important}
  .pulse-row .quote b{font-size:13px !important}
  .pulse-row .quote span{font-size:10px !important}
  .metrics-wrap{margin-top:-12px !important}
  .metrics{
    width:calc(100% - 10px) !important;
    grid-template-columns:1fr 1fr !important;
    border-radius:18px !important;
  }
  .metric{min-height:92px !important;padding:15px !important}
  .metric span{font-size:9px !important}
  .metric strong{font-size:23px !important}
  .section{padding:48px 0 !important}
  .section-head h2{font-size:30px !important}
  .text-link{min-height:44px !important;display:inline-flex !important;align-items:center !important;font-size:11px !important}
  .category-grid{grid-template-columns:1fr !important;gap:8px !important}
  .category{min-height:104px !important;padding:17px !important}
  .category strong{font-size:16px !important}
  .category .number{font-size:29px !important}
  .movers-top{display:block !important}
  .mover-tabs{
    display:flex !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:4px !important;
    scrollbar-width:none;
  }
  .mover-tabs::-webkit-scrollbar{display:none}
  .mover-tab{flex:0 0 auto !important;padding:0 12px !important;font-size:10px !important}
  .mover-grid{grid-template-columns:1fr !important;gap:8px !important}
  .mover-card{min-height:104px !important;padding:14px !important}
  .mover-card strong{font-size:14px !important}
  .mover-card small{font-size:10px !important}
  .market-head{display:none !important}
  .market-row{
    grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:10px !important;
    min-height:72px !important;
    padding:11px !important;
    border-radius:13px !important;
  }
  .market-row>:nth-child(2),
  .market-row>:nth-child(5),
  .market-row>:nth-child(6){display:none !important}
  .market-row>:nth-child(3),
  .market-row>:nth-child(4){display:block !important;font-size:12px !important}
  .asset-main strong{font-size:13px !important}
  .asset-main small{font-size:10px !important}
  .method-copy{padding:24px 18px !important}
  .method h2{font-size:34px !important}
  .method-item{min-height:120px !important;padding:16px !important}
  .method-item span{font-size:9px !important;margin-bottom:25px !important}
  .method-item strong{font-size:14px !important}

  /* ---------------- Markets ---------------- */
  .market-hero{
    padding:8px 0 0 !important;
  }
  .market-hero .wrap{
    width:calc(100% - 20px) !important;
  }
  .market-hero-top{gap:16px !important}
  .market-hero h1{
    font-size:clamp(40px,13vw,56px) !important;
    line-height:.92 !important;
  }
  .market-kicker{
    font-size:10px !important;
    gap:5px !important;
  }
  .hero-note{
    max-width:none !important;
    font-size:12px !important;
    line-height:1.5 !important;
  }
  .market-stats{
    grid-template-columns:1fr 1fr !important;
    border-radius:17px !important;
    overflow:hidden !important;
  }
  .market-stats .stat{
    min-height:88px !important;
    padding:14px !important;
  }
  .market-stats .stat span{font-size:9px !important}
  .market-stats .stat strong{font-size:23px !important}
  .feedbar{margin:8px 0 0 !important}
  .feedbar-inner{padding:10px 0 !important;gap:7px !important}
  .feedbar-left{
    display:flex !important;
    overflow-x:auto !important;
    width:100% !important;
    gap:7px !important;
    scrollbar-width:none;
  }
  .feedbar-left::-webkit-scrollbar{display:none}
  .feedbar-left strong,.feed-source{
    flex:0 0 auto !important;
    font-size:9px !important;
  }
  .feedbar-right{font-size:9px !important}

  /* Restore filters as touch-friendly horizontal chip groups. */
  .workspace{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .sidebar{
    display:block !important;
    position:static !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  .sidebar .side-group{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    overflow-x:auto !important;
    margin:0 0 7px !important;
    padding:0 0 2px !important;
    scrollbar-width:none;
  }
  .sidebar .side-group::-webkit-scrollbar{display:none}
  .side-title{
    flex:0 0 auto !important;
    margin:0 3px 0 0 !important;
    font-size:9px !important;
  }
  .filter-btn{
    flex:0 0 auto !important;
    width:auto !important;
    padding:0 12px !important;
    border:1px solid #d3cdc2 !important;
    border-radius:999px !important;
    background:#fffdf8 !important;
    font-size:10px !important;
  }
  .filter-btn.active{
    background:#111316 !important;
    color:#fff !important;
    border-color:#111316 !important;
  }
  .filter-btn>span:last-child{
    margin-left:7px !important;
    opacity:.6 !important;
  }
  .sidebar-note{display:none !important}
  .toolbar{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
  .toolbar .search,
  .toolbar .select{
    grid-column:auto !important;
    min-height:48px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }
  .result-meta{
    justify-self:start !important;
    padding:0 2px !important;
    font-size:10px !important;
  }
  .highlights{
    display:flex !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    gap:8px !important;
    padding-bottom:3px !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .highlights::-webkit-scrollbar{display:none}
  .highlight{
    flex:0 0 82% !important;
    min-height:145px !important;
    scroll-snap-align:start;
    padding:15px !important;
  }
  .highlight h3{font-size:27px !important}
  .highlight p{font-size:11px !important}
  .highlight-top,.highlight-bottom{font-size:9px !important}
  .table-head{display:none !important}
  .row{
    grid-template-columns:1fr auto !important;
    gap:10px 12px !important;
    min-height:0 !important;
    padding:13px !important;
    border-radius:15px !important;
  }
  .row>.asset-main{
    grid-column:1/-1 !important;
    min-width:0 !important;
  }
  .row>:nth-child(2),
  .row>:nth-child(7),
  .row>:nth-child(8){display:none !important}
  .row>:nth-child(3),
  .row>:nth-child(4),
  .row>:nth-child(5),
  .row>:nth-child(6){
    display:block !important;
    min-width:0 !important;
  }
  .row>:nth-child(3){grid-column:1 !important}
  .row>:nth-child(4){grid-column:2 !important;text-align:right !important}
  .row>:nth-child(5){grid-column:1 !important}
  .row>:nth-child(6){grid-column:2 !important;text-align:right !important}
  .row .asset-main{gap:8px !important}
  .row .asset-main strong{font-size:14px !important}
  .row .asset-main small{font-size:10px !important}
  .row .contract{font-size:9px !important}
  .row .metric strong{font-size:13px !important}
  .row .metric small{font-size:9px !important}
  .row .pos,.row .neg{font-size:12px !important}

  /* ---------------- Market Map ---------------- */
  .hero-panel{padding:24px 18px !important;border-radius:22px !important}
  .hero-panel h1{font-size:clamp(42px,14vw,58px) !important}
  .hero-meta{
    display:flex !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    scrollbar-width:none;
  }
  .hero-meta::-webkit-scrollbar{display:none}
  .meta-pill{flex:0 0 auto !important;font-size:10px !important;min-height:36px !important;display:flex !important;align-items:center !important}
  .pulse{padding:18px 0 !important}
  .pulse-head{align-items:flex-start !important}
  .pulse-grid{
    display:flex !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    gap:8px !important;
    padding-bottom:3px !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .pulse-grid::-webkit-scrollbar{display:none}
  .pulse-card{
    flex:0 0 82% !important;
    min-height:145px !important;
    scroll-snap-align:start;
  }
  .map-shell{border-radius:20px !important;padding:10px !important}
  .map-toolbar{gap:8px !important}
  .toolbar-left{width:100% !important;gap:8px !important}
  .map-title{font-size:18px !important;margin-bottom:3px !important}
  .control-group{
    display:flex !important;
    width:100% !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:2px !important;
    scrollbar-width:none;
  }
  .control-group::-webkit-scrollbar{display:none}
  .control{
    flex:0 0 auto !important;
    min-height:44px !important;
    padding:0 12px !important;
    font-size:10px !important;
  }
  .toolbar-right{
    width:100% !important;
    justify-content:space-between !important;
  }
  .share-btn{
    min-height:44px !important;
    padding:0 14px !important;
    font-size:10px !important;
  }
  .map-canvas.mobile-list-mode{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
  }
  .mobile-map-list{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .mobile-map-group{
    padding:14px 3px 3px;
    color:#7d857f;
    font:750 9px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.08em;
  }
  .mobile-map-card{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    grid-template-areas:
      "logo id change"
      "logo metric metric";
    gap:3px 9px;
    align-items:center;
    min-height:78px;
    padding:11px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:14px;
    background:#171b1f;
    color:#fff;
    cursor:pointer;
  }
  .mobile-map-card.up{background:linear-gradient(135deg,rgba(45,99,63,.52),#171b1f 68%)}
  .mobile-map-card.down{background:linear-gradient(135deg,rgba(106,49,47,.52),#171b1f 68%)}
  .mobile-map-card .tile-logo{
    grid-area:logo !important;
    position:static !important;
    width:44px !important;height:44px !important;
  }
  .mobile-map-id{grid-area:id;min-width:0}
  .mobile-map-id strong{display:block;font-size:13px}
  .mobile-map-id small{display:block;font-size:9px;color:#929a94;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-map-change{grid-area:change;font-size:12px;font-weight:800}
  .mobile-map-change.up{color:#82dc9c}.mobile-map-change.down{color:#ff928b}
  .mobile-map-metric{grid-area:metric;display:flex;justify-content:space-between;gap:10px;color:#8e9690;font-size:9px}
  .mobile-map-metric strong{color:#dbe0dc;font-size:11px}
  .map-foot{font-size:9px !important;line-height:1.4 !important}

  /* ---------------- Changes ---------------- */
  .hero-card{padding:24px 18px !important;border-radius:22px !important}
  .changes-page .hero-card{padding:24px 18px !important}
  .hero-card h1{font-size:clamp(42px,14vw,58px) !important}
  .hero-stats{
    display:flex !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    scrollbar-width:none;
  }
  .hero-stats::-webkit-scrollbar{display:none}
  .hero-pill{flex:0 0 auto !important;min-height:36px !important;display:flex !important;align-items:center !important;font-size:9px !important}
  .hero-copy{font-size:12px !important}
  .note-card{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:14px !important;
  }
  .note-card strong{font-size:12px !important}
  .note-card span{font-size:11px !important;text-align:left !important}
  .status-row{grid-template-columns:1fr !important}
  .status-card{padding:14px !important}
  .status-card span{font-size:9px !important}
  .status-card strong{font-size:22px !important}
  .status-card small{font-size:9px !important}
  .toolbar{align-items:stretch !important}
  .filters{
    width:100% !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:2px !important;
    scrollbar-width:none;
  }
  .filters::-webkit-scrollbar{display:none}
  .filter{
    flex:0 0 auto !important;
    min-height:44px !important;
    padding:0 12px !important;
    font-size:10px !important;
  }
  .period{
    width:100% !important;
    min-height:46px !important;
    font-size:12px !important;
  }
  .event{
    grid-template-columns:1fr 44px !important;
    gap:7px 10px !important;
    padding:13px !important;
    border-radius:15px !important;
  }
  .event-symbol{grid-column:1 !important}
  .event-symbol strong{font-size:13px !important}
  .event-symbol small{font-size:9px !important}
  .event-main{grid-column:1 !important}
  .event-title{font-size:14px !important;line-height:1.3 !important}
  .event-description{
    font-size:10px !important;
    line-height:1.45 !important;
    white-space:normal !important;
  }
  .event-open{
    grid-column:2 !important;grid-row:1/3 !important;
    width:44px !important;height:44px !important;
  }
  .day-label{font-size:9px !important}
  .empty{padding:22px 17px !important}
  .empty h2{font-size:27px !important}
  .empty p{font-size:11px !important}
  .empty-grid{grid-template-columns:1fr !important}
  .monitor strong{font-size:11px !important}
  .monitor span{font-size:9px !important}

  /* ---------------- Asset detail ---------------- */
  .asset-hero{padding-top:13px !important}
  .asset-hero .hero-grid{
    padding:0 !important;
    gap:10px !important;
  }
  .identity{
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
  }
  .identity .logo{
    width:56px !important;height:56px !important;margin:0 !important;border-radius:16px !important;
  }
  .identity-copy{min-width:0 !important}
  .asset-context{font-size:9px !important;line-height:1.45 !important}
  .name{font-size:clamp(30px,10vw,42px) !important;line-height:.98 !important}
  .tags{
    display:flex !important;overflow-x:auto !important;flex-wrap:nowrap !important;
    padding-bottom:2px !important;scrollbar-width:none;
  }
  .tags::-webkit-scrollbar{display:none}
  .tags>*{flex:0 0 auto !important;font-size:9px !important}
  .asset-tools{
    grid-column:1/-1 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    width:100% !important;
  }
  .asset-tool{
    min-height:44px !important;
    font-size:10px !important;
    justify-content:center !important;
  }
  .summary{border-radius:18px !important}
  .sum-main{padding:17px !important}
  .price{font-size:clamp(30px,10vw,42px) !important}
  .chg{font-size:12px !important}
  .sum-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .sum-cell{
    min-height:84px !important;
    padding:13px !important;
  }
  .sum-cell span{font-size:9px !important}
  .sum-cell strong{font-size:14px !important}
  .content{padding-top:12px !important}
  .content-grid{gap:10px !important}
  .card{border-radius:18px !important}
  .card-head{
    min-height:52px !important;
    padding:12px 14px !important;
  }
  .card-head h2{font-size:14px !important}
  .body{padding:14px !important}
  .desc{font-size:12px !important;line-height:1.6 !important}
  .detail-grid{gap:7px !important}
  .detail{padding:12px !important;border-radius:13px !important}
  .detail span{font-size:9px !important}
  .detail strong{font-size:12px !important}
  .market-grid{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:12px !important;
  }
  .mcell{
    min-height:88px !important;
    padding:12px !important;
  }
  .mcell span{font-size:9px !important}
  .mcell strong{font-size:14px !important}
  .history-controls,
  .atlas-history-controls{
    width:100% !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    scrollbar-width:none;
  }
  .history-controls::-webkit-scrollbar,
  .atlas-history-controls::-webkit-scrollbar{display:none}
  .range-btn,.atlas-history-range{
    flex:0 0 auto !important;
    min-height:44px !important;
    padding:0 13px !important;
    font-size:10px !important;
  }
  .live-chart{min-height:260px !important}
  .chart-summary{font-size:9px !important}
  .atlas-history-note{font-size:10px !important}
  .atlas-history-grid{grid-template-columns:1fr 1fr !important;padding:10px !important}
  .atlas-history-metric{min-height:112px !important;padding:12px !important}
  .atlas-history-metric .label{font-size:9px !important}
  .atlas-history-metric .value{font-size:18px !important;margin-top:18px !important}
  .atlas-history-metric .delta{font-size:9px !important}
  .atlas-history-foot{font-size:9px !important;line-height:1.4 !important}
  .atlas-activity-row{
    grid-template-columns:70px 1fr !important;
    gap:7px !important;
    padding:12px 0 !important;
  }
  .atlas-activity-cat{font-size:9px !important}
  .atlas-activity-title{font-size:11px !important}
  .atlas-activity-time{grid-column:2 !important;font-size:9px !important}

  /* ---------------- My Atlas ---------------- */
  .hero-card{grid-template-columns:1fr !important}
  .hero-card .hero-copy{text-align:left !important}
  .stats{grid-template-columns:1fr !important;gap:7px !important}
  .stat{padding:14px !important}
  .stat span{font-size:9px !important}
  .stat strong{font-size:23px !important}
  .tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
  }
  .tab{min-height:44px !important;font-size:11px !important}
  .section-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .section-head h2{font-size:27px !important}
  .section-head p{font-size:11px !important}
  .section-head .actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  .section-head .btn{justify-content:center !important;font-size:10px !important}
  .saved-row{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:13px !important;
  }
  .saved-row .asset{grid-column:auto !important}
  .saved-row .asset strong{font-size:13px !important}
  .saved-row .asset small{font-size:10px !important}
  .saved-row .metric{
    min-height:0 !important;
    padding:8px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-top:1px solid #ece7de !important;
  }
  .saved-row .metric small{font-size:9px !important}
  .saved-row .metric strong{font-size:12px !important}
  .row-actions{justify-content:flex-start !important}
  .icon-btn,.atlas-star{width:44px !important;height:44px !important}
  .alert-form{
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:12px !important;
  }
  .field{height:48px !important}
  .alert-note{font-size:10px !important}
  .rule-row,.event-row{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:13px !important;
  }
  .rule-row strong,.event-row strong{font-size:12px !important}
  .rule-row small,.event-row small{font-size:10px !important}
  .rule-row .btn,.event-row .btn{width:100% !important;text-align:center !important}
  .quick-tools{padding:14px !important}
  .quick-tools strong{font-size:13px !important}
  .quick-tools span{font-size:10px !important}

  /* ---------------- Atlas Verified ---------------- */
  .registry .hero-card{padding:24px 18px !important}
  .registry-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .controls{grid-template-columns:1fr !important;gap:7px !important;width:100% !important}
  .controls .field{min-height:48px !important}
  .asset-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    min-height:78px !important;
    padding:12px !important;
    border-radius:14px !important;
  }
  .asset-row .meta,
  .asset-row .state:not(.primary-state){display:none !important}
  .asset-id strong{font-size:13px !important}
  .asset-id small{font-size:10px !important}
  .primary-state{font-size:10px !important}
  .asset-row .open{
    width:44px !important;height:44px !important;
  }
  .principle-card{padding:16px !important}
  .principle-card strong{font-size:13px !important}
  .principle-card p{font-size:11px !important}
  .drawer{align-items:flex-end !important}
  .drawer-panel{
    width:100% !important;
    height:min(88dvh,760px) !important;
    padding:18px !important;
    border-radius:22px 22px 0 0 !important;
  }
  .drawer-top h3{font-size:30px !important}
  .drawer-sub{font-size:10px !important}
  .drawer-close{width:44px !important;height:44px !important}
  .evidence{grid-template-columns:1fr !important;padding:15px 0 !important}
  .evidence h4{font-size:13px !important}
  .evidence p{font-size:11px !important}
  .evidence a{font-size:11px !important;min-height:36px !important;display:inline-flex !important;align-items:center !important}
  .evidence-state{font-size:10px !important}
  .evidence-note{font-size:10px !important}

  /* ---------------- Documents ---------------- */
  .documents-page .hero-card,
  body:has(.doc) .hero-card{padding:24px 18px !important}
  .controls{gap:7px !important}
  .doc{
    grid-template-columns:minmax(0,1fr) 44px !important;
    gap:8px 10px !important;
    padding:13px !important;
    border-radius:14px !important;
  }
  .doc>.type,.doc>.source{grid-column:1 !important}
  .doc>.open{grid-column:2 !important;grid-row:1/5 !important;width:44px !important;height:44px !important}
  .doc strong{font-size:13px !important}
  .doc .type,.doc .source,.doc .date{font-size:10px !important}
  .badge{font-size:9px !important}

  /* ---------------- Compare ---------------- */
  .selector-panel{padding:14px !important;border-radius:18px !important}
  .selector-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  .select-grid{grid-template-columns:1fr !important}
  .asset-select{min-height:48px !important;font-size:14px !important}
  .compare-shell{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    border-radius:17px !important;
  }
  .asset-heads,.compare-row{
    min-width:720px !important;
    grid-template-columns:150px repeat(3,190px) !important;
  }
  .asset-heads{
    position:sticky !important;
    top:0 !important;
    z-index:2 !important;
  }
  .compare-row>*:first-child,
  .asset-heads>*:first-child{
    position:sticky !important;
    left:0 !important;
    z-index:3 !important;
  }
  .compare-row>*:first-child{background:#fffdf8 !important}
  .asset-heads>*:first-child{background:#111316 !important}
  .compare-row{font-size:11px !important}
  .metric-label{font-size:10px !important}
  .value-pill{font-size:10px !important}
  .asset-head h3{font-size:15px !important}

  /* ---------------- Generic long-copy/public pages ---------------- */
  body.atlas-shell-page :is(.legal,.content-copy,.prose) p{
    font-size:13px !important;
    line-height:1.65 !important;
  }
}

@media (max-width: 390px) {
  .market-grid{grid-template-columns:1fr !important}
  .sum-grid{grid-template-columns:1fr !important}
  .atlas-history-grid{grid-template-columns:1fr !important}
  .section-head .actions{grid-template-columns:1fr !important}
  .market-stats{grid-template-columns:1fr !important}
  .metrics{grid-template-columns:1fr !important}
}


/* Atlas V21.2a — compact mobile header */
@media (max-width:840px){
  #atlasShell .atlas-shell-nav{
    width:calc(100% - 18px) !important;
    height:54px !important;
    grid-template-columns:1fr 36px 48px !important;
    gap:5px !important;
  }
  #atlasShell .atlas-shell-brand{
    font-size:18px !important;
    gap:7px !important;
  }
  #atlasShell .atlas-shell-mark{
    width:25px !important;
    height:25px !important;
    flex-basis:25px !important;
  }

  #atlasShell .atlas-shell-search{
    position:relative !important;
    width:36px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 !important;
    border-radius:50% !important;
  }
  #atlasShell .atlas-shell-search::before{
    font-size:16px !important;
  }
  #atlasShell .atlas-shell-search::after{
    content:"" !important;
    position:absolute !important;
    inset:-4px !important;
    border-radius:50% !important;
  }

  #atlasShell .atlas-shell-mobile-summary{
    position:relative !important;
    min-width:48px !important;
    width:48px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 !important;
    font-size:10px !important;
  }
  #atlasShell .atlas-shell-mobile-summary::after{
    content:"" !important;
    position:absolute !important;
    inset:-4px !important;
    border-radius:999px !important;
  }

  #atlasShell .atlas-shell-mobile-popover{
    top:60px !important;
  }

  .atlas-mobile-dock{
    height:54px !important;
  }
  .atlas-mobile-dock a{
    min-height:44px !important;
    font-size:9px !important;
  }
}



/* Atlas V21.2b — simplified Mobile Markets */
.mobile-market-controls,
.mobile-filter-sheet,
.mobile-metric-label{display:none}

@media(max-width:840px){
  body.mobile-filters-open{overflow:hidden !important}

  /* Get straight to the market list. */
  .market-hero{
    padding:8px 0 8px !important;
  }
  .market-hero-top{
    display:block !important;
  }
  .market-hero h1{
    font-size:38px !important;
    line-height:.95 !important;
    margin-top:5px !important;
  }
  .market-kicker{
    font-size:9px !important;
  }
  .hero-note,
  .market-stats,
  .feedbar,
  .highlights{
    display:none !important;
  }

  .workspace{
    padding-top:4px !important;
  }

  /* Desktop sidebar disappears completely on phone. */
  .sidebar{
    display:none !important;
  }

  .main{
    min-width:0 !important;
  }

  /* One search field. */
  .toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin:0 0 7px !important;
  }
  .toolbar .search{
    display:flex !important;
    min-height:46px !important;
    border-radius:13px !important;
    background:#fffdf8 !important;
  }
  .toolbar .search input{
    font-size:16px !important;
  }
  .toolbar .select{
    display:none !important;
  }
  .result-meta{
    display:block !important;
    order:3 !important;
    padding:2px 3px 0 !important;
    font-size:10px !important;
    color:#7b7f78 !important;
  }

  /* Quick filter row. */
  .mobile-market-controls{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:7px !important;
    align-items:center !important;
    margin:0 0 9px !important;
  }
  .mobile-market-class-scroll{
    display:flex !important;
    gap:5px !important;
    overflow-x:auto !important;
    padding:1px 0 2px !important;
    scrollbar-width:none !important;
  }
  .mobile-market-class-scroll::-webkit-scrollbar{display:none !important}
  .mobile-class-chip,
  .mobile-filter-open{
    appearance:none !important;
    -webkit-appearance:none !important;
    flex:0 0 auto !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 11px !important;
    border:1px solid #d1cbc0 !important;
    border-radius:999px !important;
    background:#fffdf8 !important;
    color:#646860 !important;
    font:750 10px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    white-space:nowrap !important;
    cursor:pointer !important;
  }
  .mobile-class-chip.active{
    background:#111316 !important;
    color:#fff !important;
    border-color:#111316 !important;
  }
  .mobile-filter-open{
    position:relative !important;
    color:#252722 !important;
  }
  .mobile-filter-open span{
    display:none !important;
  }
  .mobile-filter-open span.visible{
    display:grid !important;
    place-items:center !important;
    position:absolute !important;
    right:-3px !important;
    top:-4px !important;
    width:17px !important;
    height:17px !important;
    border-radius:50% !important;
    background:#111316 !important;
    color:#fff !important;
    border:2px solid #f5f1e8 !important;
    font-size:8px !important;
  }

  /* Much cleaner asset cards. */
  .table-shell{
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
  .table-head{display:none !important}
  #rows{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
  }
  .row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "asset asset"
      "price change"
      "volume liquidity" !important;
    gap:10px 12px !important;
    min-height:0 !important;
    padding:13px !important;
    border:1px solid #d9d4ca !important;
    border-radius:15px !important;
    background:#fffdf8 !important;
    box-shadow:none !important;
  }
  .row:hover{transform:none !important}

  .row>.asset-main{
    grid-area:asset !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:32px 32px 42px minmax(0,1fr) !important;
    align-items:center !important;
    gap:7px !important;
  }
  .row>.asset-main .atlas-star,
  .row>.asset-main .atlas-compare-add{
    width:32px !important;
    height:32px !important;
    min-height:32px !important;
  }
  .row>.asset-main .token-logo{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
  }
  .row>.asset-main strong{
    font-size:14px !important;
  }
  .row>.asset-main small{
    font-size:10px !important;
    line-height:1.35 !important;
  }
  .row>.asset-main .contract{
    display:none !important;
  }

  /* Hide desktop-only columns. */
  .row>:nth-child(2),
  .row>:nth-child(7),
  .row>:nth-child(8){
    display:none !important;
  }

  .row .mobile-price{
    grid-area:price !important;
  }
  .row .mobile-change{
    grid-area:change !important;
    text-align:right !important;
  }
  .row .mobile-volume{
    grid-area:volume !important;
  }
  .row .mobile-liquidity{
    grid-area:liquidity !important;
    text-align:right !important;
  }

  .row .mobile-price,
  .row .mobile-change,
  .row .mobile-volume,
  .row .mobile-liquidity{
    display:block !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
  }
  .mobile-metric-label{
    display:block !important;
    margin-bottom:4px !important;
    color:#8a8e87 !important;
    font:700 8px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:.055em !important;
  }
  .row .metric strong,
  .row .mobile-change{
    font-size:13px !important;
    font-weight:800 !important;
  }
  .row .metric small{
    display:none !important;
  }

  /* Filter sheet. */
  .mobile-filter-sheet{
    position:fixed !important;
    inset:0 !important;
    z-index:4300 !important;
    display:none !important;
    align-items:flex-end !important;
  }
  .mobile-filter-sheet.open{
    display:flex !important;
  }
  .mobile-filter-backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(15,16,17,.55) !important;
    backdrop-filter:blur(7px) !important;
    -webkit-backdrop-filter:blur(7px) !important;
  }
  .mobile-filter-panel{
    position:relative !important;
    width:100% !important;
    max-height:88dvh !important;
    overflow:auto !important;
    padding:0 !important;
    border-radius:22px 22px 0 0 !important;
    background:#f8f5ee !important;
    box-shadow:0 -22px 60px rgba(0,0,0,.2) !important;
  }
  .mobile-filter-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:15px !important;
    padding:18px !important;
    border-bottom:1px solid #ded8ce !important;
  }
  .mobile-filter-head span{
    display:block !important;
    color:#868a82 !important;
    font-size:9px !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }
  .mobile-filter-head h3{
    margin:5px 0 0 !important;
    font-size:26px !important;
    letter-spacing:-.045em !important;
  }
  .mobile-filter-close{
    appearance:none !important;
    width:44px !important;
    height:44px !important;
    border:1px solid #d1cbc0 !important;
    border-radius:50% !important;
    background:#fffdf8 !important;
    color:#50534d !important;
    font-size:18px !important;
  }
  .mobile-filter-body{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:18px !important;
  }
  .mobile-filter-field span{
    display:block !important;
    margin:0 0 6px !important;
    color:#777b74 !important;
    font-size:10px !important;
    font-weight:750 !important;
  }
  .mobile-filter-field select{
    width:100% !important;
    height:48px !important;
    border:1px solid #d2ccc1 !important;
    border-radius:12px !important;
    background:#fffdf8 !important;
    color:#22241f !important;
    padding:0 12px !important;
    font-size:16px !important;
  }
  .mobile-filter-actions{
    position:sticky !important;
    bottom:0 !important;
    display:grid !important;
    grid-template-columns:.7fr 1.3fr !important;
    gap:7px !important;
    padding:12px 18px max(18px,env(safe-area-inset-bottom)) !important;
    border-top:1px solid #ded8ce !important;
    background:rgba(248,245,238,.96) !important;
    backdrop-filter:blur(12px) !important;
  }
  .mobile-filter-reset,
  .mobile-filter-apply{
    min-height:46px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:800 !important;
  }
  .mobile-filter-reset{
    border:1px solid #cbc5bb !important;
    background:#fffdf8 !important;
    color:#555851 !important;
  }
  .mobile-filter-apply{
    border:1px solid #111316 !important;
    background:#111316 !important;
    color:#fff !important;
  }
}

@media(max-width:390px){
  .mobile-market-controls{
    grid-template-columns:1fr !important;
  }
  .mobile-filter-open{
    width:100% !important;
  }
  .row>.asset-main{
    grid-template-columns:32px 32px 38px minmax(0,1fr) !important;
  }
  .row>.asset-main .token-logo{
    width:38px !important;
    height:38px !important;
  }
}



/* Atlas V21.2c — simplified Mobile Asset */
.mobile-details-toggle,
.mobile-research-toggle{display:none}

@media(max-width:840px){
  /* Remove legacy page header entirely; shared Atlas shell is the header. */
  body.atlas-shell-page > .header{display:none !important}

  /* Hero becomes one compact mobile surface. */
  .asset-hero{
    padding:8px 0 9px !important;
  }
  .asset-hero .wrap{
    width:calc(100% - 18px) !important;
  }
  .asset-hero .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:0 !important;
  }
  .identity{
    width:100% !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:10px !important;
    padding:13px !important;
    border:1px solid #d4cec3 !important;
    border-radius:17px !important;
    background:#fdfbf6 !important;
  }
  .identity .logo{
    width:48px !important;
    height:48px !important;
    border-radius:13px !important;
    border-color:#d8d2c8 !important;
  }
  .identity .logo img{padding:6px !important}
  .identity-copy{min-width:0 !important}
  .asset-context{
    display:flex !important;
    gap:5px !important;
    margin-bottom:7px !important;
    color:#858981 !important;
    font-size:8px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }
  .asset-context a,
  .asset-context .context-dot,
  .asset-context #updated{
    display:none !important;
  }
  .asset-context .live-context{
    flex:0 0 auto !important;
  }
  .asset-context #net{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #class.eyebrow{
    margin:0 0 3px !important;
    font-size:8px !important;
  }
  #symbol{
    margin:0 !important;
    font-size:34px !important;
    line-height:.92 !important;
    letter-spacing:-.055em !important;
  }
  #name.name{
    margin:5px 0 0 !important;
    color:#6f736c !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }
  #tags.tags{
    display:none !important;
  }

  /* Three simple actions directly beneath identity. */
  .asset-tools{
    grid-column:1/-1 !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:5px !important;
    margin-top:3px !important;
  }
  .asset-tool{
    width:100% !important;
    min-height:40px !important;
    padding:0 6px !important;
    justify-content:center !important;
    border:1px solid #d2ccc1 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#4b4e48 !important;
    font-size:9px !important;
    font-weight:800 !important;
  }
  .asset-tool.saved{
    border-color:#111316 !important;
    background:#111316 !important;
    color:#fff !important;
  }

  /* Price block is compact and immediately readable. */
  .summary{
    width:100% !important;
    border-radius:17px !important;
    overflow:hidden !important;
  }
  .sum-head{
    min-height:34px !important;
    padding:0 13px !important;
    align-items:center !important;
    font-size:8px !important;
  }
  .sum-head #source{
    max-width:55% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
  }
  .sum-main{
    padding:15px 14px 12px !important;
  }
  .price{
    font-size:38px !important;
    line-height:.94 !important;
  }
  .chg{
    margin-top:6px !important;
    font-size:12px !important;
    font-weight:800 !important;
  }
  .sum-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .sum-cell{
    min-height:67px !important;
    padding:11px 12px !important;
  }
  .sum-cell:nth-child(3){
    display:none !important;
  }
  .sum-cell span{font-size:8px !important}
  .sum-cell strong{font-size:12px !important}

  /* Deliberate content order. */
  .content{
    padding:3px 0 34px !important;
  }
  .content .wrap{
    width:calc(100% - 18px) !important;
  }
  .content-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  .main{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  .main>.market-card{order:1 !important}
  .main>.access-intelligence-card{order:2 !important}
  .main>.history-card{order:3 !important}
  .main>.atlas-history-card{order:4 !important}
  .main>.atlas-activity-card{order:5 !important}
  .main>.overview-card{order:6 !important}
  .main>.provenance-card{order:7 !important}

  .card{
    border-radius:17px !important;
    overflow:hidden !important;
  }
  .card-head{
    min-height:48px !important;
    padding:0 13px !important;
  }
  .card-head h2{
    font-size:13px !important;
  }
  .card-head>span,
  .card-head>div:first-child span{
    font-size:8px !important;
  }

  /* Market snapshot: only the four useful numbers at first glance. */
  .market-card .market-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    padding:0 !important;
  }
  .market-card .mcell{
    min-height:78px !important;
    padding:12px !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
  }
  .market-card .mcell:nth-child(n+5){
    display:none !important;
  }
  .market-card.mobile-details-open .mcell:nth-child(n+5){
    display:block !important;
  }
  .mcell span{font-size:8px !important}
  .mcell strong{font-size:14px !important}
  .mcell small{font-size:8px !important}

  .mobile-details-toggle{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    min-height:43px !important;
    padding:0 13px !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.065) !important;
    background:rgba(255,255,255,.018) !important;
    color:#9ca49e !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font:750 9px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    cursor:pointer !important;
  }
  .mobile-details-toggle b{
    color:#dce2dd !important;
    font-size:14px !important;
    font-weight:500 !important;
  }

  /* Price chart: large enough to read, without desktop chrome. */
  .history-card .card-head{
    min-height:53px !important;
    gap:8px !important;
  }
  .history-controls{
    gap:3px !important;
    overflow:visible !important;
  }
  .range-btn{
    min-width:35px !important;
    min-height:34px !important;
    padding:0 7px !important;
    font-size:8px !important;
  }
  .live-chart{
    min-height:230px !important;
    height:230px !important;
  }
  .chart-price-badge{
    top:11px !important;
    left:11px !important;
    padding:8px 9px !important;
  }
  .chart-price-badge span{font-size:7px !important}
  .chart-price-badge strong{font-size:15px !important}
  .chart-price-badge small{font-size:8px !important}
  .chart-summary{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    margin:0 !important;
    border-top:1px solid rgba(255,255,255,.055) !important;
  }
  .chart-summary>span{
    min-height:47px !important;
    padding:9px 11px !important;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.055) !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
    border-radius:0 !important;
    background:transparent !important;
    font-size:8px !important;
  }
  .chart-summary strong{
    display:block !important;
    margin:5px 0 0 !important;
    font-size:11px !important;
  }

  /* Atlas History: quieter, denser research cards. */
  .atlas-history-card .card-head{
    align-items:center !important;
    gap:6px !important;
  }
  .atlas-history-controls{
    gap:3px !important;
    overflow:visible !important;
  }
  .atlas-history-range{
    min-width:34px !important;
    min-height:34px !important;
    padding:0 6px !important;
    font-size:8px !important;
  }
  .atlas-history-note{
    padding:10px 12px !important;
    font-size:9px !important;
    line-height:1.45 !important;
  }
  .atlas-history-grid{
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    padding:0 !important;
  }
  .atlas-history-metric{
    min-height:91px !important;
    padding:11px !important;
    border-radius:0 !important;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.055) !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
  }
  .atlas-history-metric .label{font-size:8px !important}
  .atlas-history-metric .value{
    margin-top:13px !important;
    font-size:16px !important;
  }
  .atlas-history-metric .delta{font-size:8px !important}
  .atlas-history-metric svg{height:19px !important}
  .atlas-history-foot{
    padding:9px 11px !important;
    font-size:8px !important;
    line-height:1.4 !important;
  }

  /* Recent activity is scan-first. */
  .atlas-activity-list{
    padding:0 12px 5px !important;
  }
  .atlas-activity-row{
    grid-template-columns:61px minmax(0,1fr) !important;
    gap:5px 8px !important;
    padding:11px 0 !important;
  }
  .atlas-activity-cat{font-size:8px !important}
  .atlas-activity-title{font-size:10px !important}
  .atlas-activity-time{
    grid-column:2 !important;
    font-size:8px !important;
  }

  /* Overview shows the underlying first; detailed record is optional. */
  .overview-card .body{
    padding:13px !important;
  }
  .overview-card .desc{
    font-size:11px !important;
    line-height:1.55 !important;
  }
  .overview-card .detail-grid{
    display:none !important;
    grid-template-columns:1fr !important;
  }
  .overview-card.mobile-details-open .detail-grid{
    display:grid !important;
  }
  .overview-card .detail{
    min-height:60px !important;
    padding:11px 12px !important;
  }
  .overview-card .detail span{font-size:8px !important}
  .overview-card .detail strong{font-size:11px !important}

  /* Provenance is still available but visually quieter. */
  .provenance-card .prov-row{
    min-height:58px !important;
    padding:10px 12px !important;
  }
  .provenance-card .prov-row strong{font-size:10px !important}
  .provenance-card .prov-row small{font-size:8px !important}
  .provenance-card .pill{font-size:8px !important}

  /* Research sidebar is one collapsed section on phones. */
  .side{
    position:static !important;
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
  }
  .mobile-research-toggle{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:flex !important;
    width:100% !important;
    min-height:64px !important;
    padding:12px 13px !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:17px !important;
    background:#11151b !important;
    color:#fff !important;
    text-align:left !important;
  }
  .mobile-research-toggle span small{
    display:block !important;
    margin-bottom:5px !important;
    color:#7e8780 !important;
    font:700 8px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }
  .mobile-research-toggle span strong{
    font:750 13px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  }
  .mobile-research-toggle>b{
    flex:0 0 auto !important;
    color:#9aa29c !important;
    font:750 9px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  }
  .side>.card:not(.access-card){
    display:none !important;
  }
  .side.mobile-research-open>.card:not(.access-card){
    display:block !important;
  }

  /* When research opens, each source card is compact and touch friendly. */
  .side .contract{
    padding:12px !important;
    font-size:9px !important;
  }
  .side .link-list a{
    min-height:44px !important;
    padding:0 12px !important;
    align-items:center !important;
    font-size:10px !important;
  }
  .side .access{
    padding:13px !important;
  }
  .side .access strong{font-size:11px !important}
  .side .access p{font-size:10px !important}
  .verification-intro{
    padding:12px !important;
    gap:9px !important;
  }
  .verification-intro strong{font-size:11px !important}
  .verification-intro p{font-size:9px !important}
  .verification-record-link{
    min-height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    font-size:9px !important;
  }
  .verification-check{
    padding:10px 12px !important;
  }
  .verification-check strong{font-size:10px !important}
  .verification-check small{font-size:8px !important}
  .asset-doc-row{
    padding:10px 12px !important;
  }

  /* Access remains visible at the end — this is not hidden as research. */
  .access-card{
    display:block !important;
    order:99 !important;
  }
  .access-card .card-head{
    background:#151920 !important;
  }
  .access-card .access{
    padding:14px !important;
  }
  .access-card .access strong{
    font-size:12px !important;
  }
  .access-card .access p{
    margin-top:6px !important;
    font-size:10px !important;
    line-height:1.55 !important;
  }
}

@media(max-width:390px){
  .asset-tools{
    gap:4px !important;
  }
  .asset-tool{
    font-size:8px !important;
  }
  .market-card .market-grid,
  .atlas-history-grid{
    grid-template-columns:1fr 1fr !important;
  }
}



/* Atlas V21.2d — final mobile QA refinements */
@media(max-width:840px){
  /* Shared shell and footer tap targets. */
  #atlasShell .atlas-shell-brand{min-height:36px !important;align-items:center !important}
  #atlasShellFooter .atlas-shell-footer-links a{min-height:44px !important}

  /* Home: keep the useful snapshot, remove repeat content. */
  .atlas-home-page .metrics{grid-template-columns:repeat(2,1fr) !important}
  .atlas-home-page .pulse-list .pulse-row:nth-child(n+4){display:none !important}
  .atlas-home-page .mover-grid .mover-card:nth-child(n+4){display:none !important}
  .atlas-home-page #marketRows .market-row:nth-child(n+6){display:none !important}

  /* Markets: action controls remain easy to tap without dominating the card. */
  .atlas-markets-page .mobile-class-chip,
  .atlas-markets-page .mobile-filter-open{height:40px !important;min-height:40px !important}
  .atlas-markets-page .row>.asset-main{
    grid-template-columns:40px 40px 42px minmax(0,1fr) !important;
  }
  .atlas-markets-page .row>.asset-main .atlas-star,
  .atlas-markets-page .row>.asset-main .atlas-compare-add{
    width:40px !important;height:40px !important;min-height:40px !important;
  }

  /* Asset: chart ranges and source/activity links get real phone-size targets. */
  .atlas-asset-page .asset-tool{min-height:42px !important}
  .atlas-asset-page .range-btn,
  .atlas-asset-page .atlas-history-range{
    min-width:40px !important;min-height:40px !important;height:40px !important;
  }
  .atlas-asset-page #assetChangesLink{
    min-height:36px !important;display:inline-flex !important;align-items:center !important;padding:0 3px !important;
  }
  .atlas-asset-page .provenance-card a{
    min-height:32px !important;display:inline-flex !important;align-items:center !important;
  }

  /* Map: on a phone the asset list is the product; pulse/meta duplicated it. */
  .atlas-map-page .pulse{display:none !important}
  .atlas-map-page .hero-meta{display:none !important}
  .atlas-map-page .hero-panel{padding-bottom:20px !important}

  /* Changes: remove the horizontally clipped hero badges. */
  .atlas-changes-page .hero-stats{display:none !important}
  .atlas-changes-page .hero-card{padding-bottom:22px !important}

  /* My Atlas: normalize the previously native-looking action buttons. */
  .atlas-my-page .saved-row .asset{min-height:44px !important}
  .atlas-my-page .row-actions{justify-content:flex-start !important;gap:7px !important}
  .atlas-my-page .row-actions .icon-btn,
  .atlas-my-page .row-actions .atlas-star{
    appearance:none !important;-webkit-appearance:none !important;
    width:42px !important;height:42px !important;min-height:42px !important;
    padding:0 !important;border:1px solid #d1cbc0 !important;border-radius:50% !important;
    background:#fffdf8 !important;color:#22241f !important;
    display:grid !important;place-items:center !important;font:700 14px/1 Arial,sans-serif !important;
    box-shadow:none !important;
  }
  .atlas-my-page .row-actions .atlas-star.watched{
    background:#111316 !important;color:#fff !important;border-color:#111316 !important;
  }

  /* Verified: 2×2 summary instead of four tall cards; row itself is the tap target. */
  .atlas-verified-page .stats{grid-template-columns:repeat(2,1fr) !important;gap:7px !important}
  .atlas-verified-page .stat{min-height:92px !important;padding:13px !important}
  .atlas-verified-page .asset-row{min-height:78px !important;padding:12px 13px !important}
  .atlas-verified-page .asset-row .open{display:none !important}
  .atlas-verified-page .asset-id{min-width:0 !important}
  .atlas-verified-page .asset-id small{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:240px !important}

  /* Search: compact close control and more room for the query. */
  .atlas-search-box{grid-template-columns:auto minmax(0,1fr) 42px !important;gap:7px !important}
  .atlas-search-box [data-atlas-search-close]{
    width:42px !important;height:42px !important;min-height:42px !important;padding:0 !important;border-radius:50% !important;
    font-size:18px !important;
  }
}
@media(max-width:390px){
  .atlas-home-page .metrics{grid-template-columns:repeat(2,1fr) !important}
  .atlas-markets-page .row>.asset-main{grid-template-columns:38px 38px 40px minmax(0,1fr) !important}
  .atlas-markets-page .row>.asset-main .atlas-star,
  .atlas-markets-page .row>.asset-main .atlas-compare-add{width:38px !important;height:38px !important;min-height:38px !important}
  .atlas-markets-page .row>.asset-main .token-logo{width:40px !important;height:40px !important}
}

/* Atlas V22.2 — My Atlas wallet summary */
@media(max-width:840px){
  .atlas-my-page .stats{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
}