/* KLAK Mobile G: five-tab unified trading shell + ticker-only finder.
   Header controls retain their original React ownership and event handlers.
   Extends exact installed A+B+C+D+E+F style lineage; desktop unchanged. */
@media (max-width:767px) {
  .v3-trading-shell .v3-header.v3-trading-header {
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:43px minmax(0,1fr) 40px 43px 43px !important;
    grid-template-rows:48px !important;
    align-items:center !important;
    column-gap:6px !important;
    width:100% !important;
    min-height:62px !important;
    height:62px !important;
    padding:6px 10px !important;
    overflow:visible !important;
  }
  .v3-trading-shell .v3-trading-header > .v3-header-actions {display:contents !important;}
  .v3-trading-shell .v3-trading-header > .klak-premium-brand {grid-column:1 !important;grid-row:1 !important;}
  .v3-trading-shell .v3-trading-header > .v3-main-nav {display:none !important;}
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-header-deposit,
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-connect {
    grid-column:2 !important;grid-row:1 !important;justify-self:end !important;
    height:39px !important;min-height:39px !important;max-width:100% !important;
    min-width:0 !important;margin:0 !important;padding:0 10px !important;
    white-space:nowrap !important;
  }
  /* Search is always alongside Deposit and opens the market finder only. */
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-market-search-entry {
    grid-column:3 !important;grid-row:1 !important;display:flex !important;
    position:relative !important;z-index:250 !important;
    width:40px !important;min-width:40px !important;height:42px !important;
    margin:0 !important;align-items:center !important;justify-content:center !important;
    justify-self:center !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-market-search-entry > .klak-market-search-trigger {
    display:flex !important;align-items:center !important;justify-content:center !important;
    box-sizing:border-box !important;width:40px !important;height:42px !important;
    min-width:40px !important;min-height:42px !important;padding:0 !important;
    border-radius:12px !important;border:1px solid #3d3d3b !important;
    background:#1e1e20 !important;color:#ddd6ce !important;
  }
  .v3-trading-shell .v3-trading-header .klak-market-search-trigger[aria-expanded="true"] {
    border-color:#d89142 !important;color:#ffa63c !important;
    background:#2a231e !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-assets {grid-column:4 !important;grid-row:1 !important;}
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-account:not(.v3-assets) {grid-column:5 !important;grid-row:1 !important;}
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-notice-root,
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-header-utilities {grid-column:auto !important;}

  /* Consistent mobile finder on all five tabs: Perps/Spot toggle + ticker input + results. */
  .v3-trading-shell .klak-market-search-entry .klak-market-mega-popover {
    box-sizing:border-box !important;
    position:fixed !important;
    top:calc(env(safe-area-inset-top,0px) + 64px) !important;
    right:8px !important;left:8px !important;
    width:calc(100vw - 16px) !important;max-width:500px !important;
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - 104px) !important;
    overflow-y:auto !important;overscroll-behavior:contain !important;
    z-index:9500 !important;
    background:#131518 !important;
    border:1px solid #474039 !important;border-radius:16px !important;
    box-shadow:0 25px 75px #000c !important;
  }
  .v3-trading-shell .klak-market-search-entry .klak-market-finder-only {
    display:flex !important;flex-direction:column !important;
    grid-template-columns:none !important;min-width:0 !important;
    padding:10px !important;gap:9px !important;
  }
  .v3-trading-shell .klak-market-finder-only .klak-mega-markets {
    display:block !important;min-width:0 !important;width:100% !important;
    padding:0 !important;margin:0 !important;
    border:0 !important;
  }
  .v3-trading-shell .klak-market-finder-only .klak-mega-results {
    height:auto !important;max-height:min(47dvh,420px) !important;overflow-y:auto !important;
  }
  .v3-trading-shell .klak-market-finder-only .klak-mega-flyout-title {display:none !important;}
  .v3-trading-shell .klak-market-finder-only .klak-mega-search {margin:4px 0 7px !important;}
  .v3-trading-shell .klak-market-finder-only .klak-mega-all {display:none !important;}

  /* Keep Batch F's profile-card stealth and bell handlers and placement.
     No second header row, no duplicate notification subscription or wallet logic. */
  .v3-trading-shell .v3-trading-header .v3-account:not(.v3-assets) > .v3-account-menu {
    isolation:isolate !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions :is(button,a):focus-visible {
    outline:2px solid #ffae55 !important;outline-offset:2px !important;
  }
}
/* Finder modes must work on desktop search as well (no general-site navigation). */
.v3-shell .klak-market-finder-only {display:flex;flex-direction:column;gap:10px;grid-template-columns:none;}
.v3-shell .klak-market-finder-modes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:3px;}
.v3-shell .klak-market-finder-modes > button {
  cursor:pointer;min-height:39px;border:1px solid var(--mega-border,#424242);border-radius:10px;
  color:var(--mega-fg,#fff);background:var(--mega-item,#202328);font-size:13px;font-weight:650;
}
.v3-shell .klak-market-finder-modes > button.active,
.v3-shell .klak-market-finder-modes > button[aria-pressed="true"] {
  background:#34271d;border-color:#d58b41;color:#ffbd70;
}
.v3-shell .klak-market-finder-modes > button:focus-visible {outline:2px solid #f9a749;outline-offset:2px;}
.v3-shell .klak-market-finder-only .klak-mega-markets {min-width:0;width:100%;}
@media (max-width:350px) {
  .v3-trading-shell .v3-header.v3-trading-header {
    grid-template-columns:37px minmax(0,1fr) 35px 37px 37px !important;
    column-gap:4px !important;padding-inline:7px !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-market-search-entry,
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-market-search-entry > .klak-market-search-trigger {
    width:35px !important;min-width:35px !important;height:39px !important;min-height:39px !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-assets,
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-account:not(.v3-assets) {
    width:37px !important;min-width:37px !important;
  }
  .v3-trading-shell .v3-trading-header .v3-assets > .v3-account-trigger,
  .v3-trading-shell .v3-trading-header .v3-account:not(.v3-assets) > .v3-account-trigger {
    width:37px !important;min-width:37px !important;height:39px !important;min-height:39px !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-header-deposit,
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-connect {
    font-size:11px !important;padding-inline:6px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .v3-trading-shell .v3-trading-header .v3-header-actions :is(button,a) {transition:none !important;}
}


/* Preserve proven compact Markets styles when using the shared app shell. */
@media (max-width:767px) {
.v3-trading-shell .kmk-page{max-width:100%;min-height:0;overflow-x:clip;padding:16px 0 calc(100px + env(safe-area-inset-bottom,0px))!important}
.v3-trading-shell .kmk-container{box-sizing:border-box;flex-direction:column;min-width:0;margin:0 auto;display:flex;width:100%!important;max-width:100%!important;padding:0 12px!important}
.v3-trading-shell .kmk-intro{order:0;align-items:center;gap:12px;max-width:100%;display:flex}
.v3-trading-shell .kmk-intro h1{letter-spacing:-.05em!important;margin:0 0 5px!important;font-size:clamp(23px,6.4vw,30px)!important;line-height:1.1!important}
.v3-trading-shell .kmk-intro p{max-width:240px;font-size:11px;line-height:1.45}
.v3-trading-shell .kmk-market-counter{flex:none;gap:5px;margin-left:auto}
.v3-trading-shell .kmk-market-counter span:last-child{display:none}
.v3-trading-shell .kmk-market-counter strong{font-size:15px}
.v3-trading-shell .kmk-search{border-radius:12px;order:1;width:100%!important;height:46px!important;margin:19px 0 13px!important;padding:0 13px!important}
.v3-trading-shell .kmk-search input{font-size:16px!important}
.v3-trading-shell .kmk-tabs{overscroll-behavior-x:contain;scrollbar-width:none;order:2;width:100%;max-width:100%;overflow-x:auto;gap:18px!important;margin:0 0 11px!important}
.v3-trading-shell .kmk-tabs button{white-space:nowrap;flex:none;min-height:42px;padding:6px 0 12px!important;font-size:12px!important}
.v3-trading-shell .kmk-directory{border-radius:12px;order:3;width:100%;min-width:0;margin:5px 0 0!important}
.v3-trading-shell .kmk-directory-head{align-items:center;gap:8px;display:flex;padding:17px 12px!important}
.v3-trading-shell .kmk-directory-head h2{margin:5px 0 0!important;font-size:19px!important}
.v3-trading-shell .kmk-directory-head>span{white-space:nowrap;font-size:11px}
.v3-trading-shell .kmk-table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:hidden!important}
.v3-trading-shell .kmk-table{table-layout:fixed;width:100%!important;min-width:0!important}
.v3-trading-shell .kmk-table :is(th,td):nth-child(n/**/+4){display:none!important}
.v3-trading-shell .kmk-table :is(th,td):first-child{width:42%}
.v3-trading-shell .kmk-table :is(th,td):nth-child(2){width:32%}
.v3-trading-shell .kmk-table :is(th,td):nth-child(3){width:26%}
.v3-trading-shell .kmk-table th,.v3-trading-shell .kmk-table td{vertical-align:middle;min-width:0;padding:12px 4px!important;font-size:11px!important}
.v3-trading-shell .kmk-table :is(th,td):first-child{padding-left:7px!important}
.v3-trading-shell .kmk-table th button{white-space:normal;text-align:right;justify-content:flex-end;gap:2px;display:flex;font-size:10px!important}
.v3-trading-shell .kmk-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;text-overflow:ellipsis;overflow:hidden}
.v3-trading-shell .kmk-table-token{gap:5px;min-width:0}
.v3-trading-shell .kmk-table-token .kmk-coin{flex:0 0 25px;width:25px!important;height:25px!important}
.v3-trading-shell .kmk-table-token .kmk-favorite{padding:2px}
.v3-trading-shell .kmk-table-token .kmk-mobile-market-link{min-width:0}
.v3-trading-shell .kmk-table-token strong{font-size:12px}
.v3-trading-shell .kmk-section-heading{order:4;gap:7px;font-size:11px;margin:27px 0 10px!important}
.v3-trading-shell .kmk-section-heading span:last-child{display:none}
.v3-trading-shell .kmk-featured{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;order:5;gap:10px;max-width:100%;padding:0 0 7px;display:flex;overflow-x:auto}
.v3-trading-shell .kmk-feature-card{scroll-snap-align:start;flex:0 0 78%;min-width:0;max-width:310px;padding:16px!important}
.v3-trading-shell .kmk-ranking-title{order:6;margin:27px 0 10px!important}
.v3-trading-shell .kmk-ranking-grid{order:7;gap:12px;display:grid;grid-template-columns:minmax(0,1fr)!important}
.v3-trading-shell .kmk-rank-card{padding:15px!important}
.v3-trading-shell .kmk-rank-row{min-height:53px}
.v3-trading-shell .kmk-rank-head h3{font-size:17px}
.v3-trading-shell .kmk-rank-columns{padding:18px 0 10px}
}