/* KLAK Mobile E — One-row primary header, functional Discover and Account menus.
   Scoped to trading-shell mobile; unchanged desktop layout and all pre-existing
   wallet/notification/search/settings callbacks. Overrides Batch C grid. */
@media (min-width: 768px) {
  .v3-trading-shell .v3-trading-header .klak-mobile-menu,
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-panel { display: contents !important; }
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger,
  .v3-trading-shell .v3-trading-header .klak-mobile-discover-links {display:none !important;}
}
@media (max-width: 767px) {
  .v3-trading-shell .v3-header.v3-trading-header {
    display:grid !important;
    grid-template-columns: 47px minmax(0,1fr) 44px 44px !important;
    grid-template-rows: 52px !important;
    gap: 7px !important;
    align-items:center !important;
    width:100% !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 4px 12px !important;
    overflow: visible !important;
  }
  .v3-trading-shell .v3-trading-header::after {display:none !important;content:none !important;}
  .v3-trading-shell .v3-trading-header > .klak-premium-brand {
    grid-column: 1 !important;grid-row:1 !important;
    align-self:center !important;justify-self:start !important;
    max-width: 44px !important;width:44px !important;min-width:44px !important;
    height:46px !important;order:0 !important;overflow:hidden !important;
  }
  .v3-trading-shell .v3-trading-header > .klak-premium-brand img {
    width: 37px !important;height:40px !important;object-fit:contain !important;
  }
  .v3-trading-shell .v3-trading-header > .klak-premium-brand span {display:none !important;}
  .v3-trading-shell .v3-trading-header > .v3-main-nav {display:none !important;}
  .v3-trading-shell .v3-trading-header > .v3-header-actions {display:contents !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;
    align-self:center !important;min-width:0 !important;width:auto !important;
    max-width:100% !important;height:38px !important;min-height:38px !important;
    padding-inline:12px !important;gap:6px !important;font-size:12px !important;
    border-radius:11px !important;white-space:nowrap !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-menu {
    position:relative !important;min-width:0 !important;height:44px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    z-index: 121 !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-discover {grid-column:3 !important;grid-row:1 !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-account {grid-column:4 !important;grid-row:1 !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger {
    display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
    width:42px !important;min-width:42px !important;height:42px !important;
    color:#ded6ce !important;background:linear-gradient(150deg,#242020,#151617) !important;
    border:1px solid #45403a !important;border-radius:13px !important;
    padding:2px !important;cursor:pointer !important;box-shadow:inset 0 1px 0 #ffffff0d !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger[aria-expanded="true"] {
    border-color:#f69b32 !important;color:#ffa83f !important;background:#2e2419 !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-glyph {font-size:27px !important;font-weight:500 !important;line-height:1 !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-account .klak-mobile-menu-glyph {font-size:22px !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger-caption {position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-panel {
    display:none !important;box-sizing:border-box !important;
    position:fixed !important;top:calc(env(safe-area-inset-top,0px) + 68px) !important;
    right: max(10px,env(safe-area-inset-right,0px)) !important;left:auto !important;
    width:min(305px,calc(100vw - 20px)) !important;
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - 100px) !important;
    overflow-y:auto !important;overscroll-behavior:contain !important;
    border:1px solid #3c3430 !important;border-radius:18px !important;
    background:#121315 !important;box-shadow:0 18px 55px #000c, inset 0 1px #ffffff0d !important;
    padding:14px !important;z-index:3000 !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-menu.km-open > .klak-mobile-menu-panel {display:block !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-panel > .klak-mobile-discover-links {display:grid !important;gap:3px !important;margin-top:12px !important;border-top:1px solid #302c2a !important;padding-top:10px !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-discover-links a {display:flex !important;align-items:center !important;min-height:43px !important;border-radius:10px !important;padding:8px 13px !important;color:#e8e5e0 !important;font-size:14px !important;text-decoration:none !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-discover-links a:active {background:#382b1e !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-discover-panel > .klak-market-search-entry {display:flex !important;width:100% !important;margin:0 !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-discover-panel > .klak-market-search-entry > .klak-market-search-trigger {width:100% !important;height:43px !important;min-height:43px !important;min-width:0 !important;justify-content:flex-start !important;place-items:center start !important;padding:0 12px !important;border:1px solid #3a3732 !important;border-radius:11px !important;background:#1d1c1b !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-discover-panel > .klak-market-search-entry > .klak-market-search-trigger::after {content:'  Search markets';white-space:pre;color:#cecbc6;font-size:13px;margin-left:8px;}
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > :is(.v3-assets,.v3-account,.klak-notice-root,.klak-header-utilities) {
    position:relative !important;display:flex !important;align-items:center !important;margin:5px 0 !important;
    height:auto !important;min-height:44px !important;max-width:100% !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > .v3-assets > .v3-account-trigger,
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > .v3-account > .v3-account-trigger,
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > .klak-notice-root > .klak-notice-trigger {
    height:43px !important;min-height:43px !important;width:100% !important;max-width:100% !important;
    border:1px solid #343434 !important;border-radius:11px !important;
    background:#202022 !important;justify-content:flex-start !important;padding:0 11px !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > .v3-assets > .v3-account-trigger::after {content:'Assets';font-size:13px;color:#f4ede4;padding-left:9px;}
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > .v3-account > .v3-account-trigger::after {content:'Profile & settings';font-size:13px;color:#f4ede4;padding-left:9px;}
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > .klak-notice-root > .klak-notice-trigger::after {content:'Notifications';font-size:13px;color:#f4ede4;padding-left:9px;}
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel > .klak-header-utilities {
    display:flex !important;justify-content:space-between !important;gap:8px !important;width:100% !important;
    border-top:1px solid #353131 !important;padding-top:11px !important;margin-top:10px !important;
  }
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel .klak-header-icon {width:43px !important;height:43px !important;min-width:43px !important;border:1px solid #353331 !important;border-radius:11px !important;background:#202022 !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-account-panel :is(.v3-account-menu,.klak-notice-popover,.klak-header-popover,.klak-market-mega-popup) {z-index:3100 !important;max-width:calc(100vw - 26px) !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger:focus-visible {outline:2px solid #ffb553 !important;outline-offset:3px !important;}
}
@media (max-width:350px) {
  .v3-trading-shell .v3-header.v3-trading-header {grid-template-columns:39px minmax(0,1fr) 39px 39px !important;gap:4px !important;padding-inline:8px !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger {width:38px !important;min-width:38px !important;height:40px !important;}
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-header-deposit {padding-inline:7px !important;font-size:11px !important;}
}
@media (prefers-reduced-motion:reduce){.v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger {transition:none !important;}}
@media (max-width:767px) {
  html[data-klak-theme="light"] .v3-trading-shell .v3-trading-header .klak-mobile-menu-panel {background:#fff9f4 !important;color:#222 !important;border-color:#bdb1a3 !important;}
  html[data-klak-theme="light"] .v3-trading-shell .v3-trading-header .klak-mobile-menu-trigger {background:#fff4e8 !important;color:#6d3900 !important;border-color:#d5b48f !important;}
  html[data-klak-theme="light"] .v3-trading-shell .v3-trading-header .klak-mobile-discover-links a {color:#252525 !important;}
}
/* Keep original search/profile/notification popovers usable inside the flyout.
   Existing controls remain React-owned; only their presentation is relocated. */
@media (max-width: 767px) {
  .v3-trading-shell .v3-trading-header .klak-mobile-menu.km-open .klak-mobile-menu-panel {overflow:visible !important;}
  .v3-trading-shell .v3-trading-header .klak-mobile-menu-panel :is(.klak-market-mega-popover,.v3-account-menu,.klak-notice-popover,.klak-header-popover) {
    position:fixed !important;
    top:calc(env(safe-area-inset-top,0px) + 76px) !important;
    left:10px !important;
    right:10px !important;
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - 100px) !important;
    overflow-y:auto !important;
    z-index:3200 !important;
  }
}