/* Batch F: Restore the real desktop Portfolio and Profile/Wallet dropdowns on mobile.
   This follows Batch E, overrides only <=767px rules, and does not modify JS. */
@media (max-width:767px) {
  .v3-trading-shell .v3-header.v3-trading-header {
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 44px 44px !important;
    grid-template-rows:48px !important;
    gap:8px !important;
    height:62px !important;min-height:62px !important;
    padding:6px 12px !important;
    align-items:center !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;
    justify-self:start !important;align-self:center !important;
    width:44px !important;min-width:44px !important;height:44px !important;
    overflow:hidden !important;
  }
  .v3-trading-shell .v3-trading-header > .klak-premium-brand img {width:37px !important;height:41px !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;}

  /* Search/Discover stays off the mobile header; markets search remains on Home/Markets. */
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-market-search-entry {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 {
    box-sizing:border-box !important;
    display:inline-flex !important;
    grid-column:2 !important;grid-row:1 !important;
    justify-self:end !important;align-self:center !important;
    width:auto !important;min-width:0 !important;max-width:100% !important;
    height:39px !important;min-height:39px !important;
    margin:0 !important;padding-inline:11px !important;
    border-radius:12px !important;gap:6px !important;font-size:12px !important;
    white-space:nowrap !important;
  }

  /* Native portfolio dropdown: uses the original React assets trigger and contents. */
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-assets {
    grid-column:3 !important;grid-row:1 !important;
    box-sizing:border-box !important;position:relative !important;
    display:flex !important;justify-self:center !important;
    align-self:center !important;justify-content:center !important;align-items:center !important;
    width:44px !important;min-width:44px !important;height:44px !important;
    z-index:180 !important;margin:0 !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-assets > .v3-account-trigger {
    display:flex !important;align-items:center !important;justify-content:center !important;
    width:42px !important;min-width:42px !important;height:42px !important;min-height:42px !important;
    padding:0 !important;margin:0 !important;
    background:linear-gradient(145deg,#252321,#151619) !important;
    border:1px solid #494038 !important;border-radius:13px !important;
    color:#ebdccc !important;box-shadow:inset 0 1px #ffffff0d !important;
  }
  .v3-trading-shell .v3-trading-header .v3-assets > .v3-account-trigger > span,
  .v3-trading-shell .v3-trading-header .v3-assets > .v3-account-trigger > svg:last-child {display:none !important;}
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-assets > .v3-account-trigger svg:first-child {
    display:block !important;width:21px !important;height:21px !important;color:#e6d3bd !important;
  }
  .v3-trading-shell .v3-trading-header .v3-assets > .v3-account-trigger[aria-expanded="true"] {
    border-color:#f69b32 !important;background:#2d241c !important;
  }

  /* Native profile/wallet dropdown: original avatar, menus, language and theme. */
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-account:not(.v3-assets) {
    grid-column:4 !important;grid-row:1 !important;
    position:relative !important;z-index:180 !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    justify-self:center !important;align-self:center !important;
    width:44px !important;min-width:44px !important;height:44px !important;
    margin:0 !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-account:not(.v3-assets) > .v3-account-trigger {
    display:flex !important;align-items:center !important;justify-content:center !important;
    width:42px !important;min-width:42px !important;height:42px !important;min-height:42px !important;
    padding:0 !important;margin:0 !important;
    border:1px solid #514034 !important;border-radius:13px !important;
    background:linear-gradient(145deg,#2b231e,#151619) !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-account:not(.v3-assets) > .v3-account-trigger[aria-expanded="true"] {border-color:#f69b32 !important;}
  .v3-trading-shell .v3-trading-header .v3-assets-menu {
    box-sizing:border-box !important;
    position:fixed !important;
    top:calc(env(safe-area-inset-top,0px) + 67px) !important;
    right:8px !important;left:auto !important;
    width:calc(100vw - 16px) !important;max-width:460px !important;
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - 86px) !important;
    overflow-y:auto !important;z-index:3000 !important;
  }
  .v3-trading-shell .v3-trading-header .v3-account:not(.v3-assets) > .v3-account-menu {
    z-index:9998 !important;
    overflow-y:auto !important;
  }
  /* No second header row. The existing notification handler stays mounted. */
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-notice-root,
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-header-utilities {display:none !important;}
  /* Present native notifications/stealth controls *inside* the opened profile sheet. */
  .v3-trading-shell .v3-trading-header .v3-header-actions:has(> .v3-account > .v3-account-menu) > .klak-notice-root,
  .v3-trading-shell .v3-trading-header .v3-header-actions:has(> .klak-notice-root .klak-notice-popover) > .klak-notice-root {
    display:block !important;position:fixed !important;
    right:18px !important;top:calc(10dvh + 22px) !important;
    width:38px !important;height:38px !important;
    z-index:10001 !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions:has(> .v3-account > .v3-account-menu) > .klak-header-utilities {
    display:flex !important;position:fixed !important;
    top:calc(10dvh + 22px) !important;right:62px !important;
    width:40px !important;height:38px !important;padding:0 !important;
    margin:0 !important;border:0 !important;z-index:10001 !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions > .klak-header-utilities > .klak-header-utility:not(:first-child) {display:none !important;}
  .v3-trading-shell .v3-trading-header .v3-header-actions:has(> .v3-account > .v3-account-menu) .klak-header-utilities .klak-stealth-toggle,
  .v3-trading-shell .v3-trading-header .v3-header-actions:has(> .v3-account > .v3-account-menu) > .klak-notice-root button {
    box-sizing:border-box !important;display:flex !important;align-items:center !important;justify-content:center !important;
    min-width:36px !important;width:36px !important;min-height:36px !important;height:36px !important;
    background:#242324 !important;border:1px solid #49413a !important;border-radius:10px !important;
  }
  .v3-trading-shell .v3-trading-header .klak-notice-popover {
    position:fixed !important;right:8px !important;left:8px !important;
    top:calc(10dvh + 65px) !important;
    width:calc(100vw - 16px) !important;max-width:430px !important;
    max-height:calc(85dvh - 75px) !important;overflow-y:auto !important;
    z-index:10002 !important;
  }
  .v3-trading-shell .v3-trading-header .v3-header-actions :is(button,a):focus-visible {
    outline:2px solid #ffae55 !important;outline-offset:2px !important;
  }
}
@media(max-width:350px){
  .v3-trading-shell .v3-header.v3-trading-header {grid-template-columns:39px minmax(0,1fr) 39px 39px !important;gap:5px !important;padding-inline:8px !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:39px !important;min-width:39px !important;}
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-assets > .v3-account-trigger,
  .v3-trading-shell .v3-trading-header .v3-header-actions > .v3-account:not(.v3-assets) > .v3-account-trigger {width:39px !important;min-width:39px !important;height:39px !important;min-height:39px !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 .v3-header-actions :is(button,a) {transition:none !important;}
}
