/* ═══ S5 TERMINAL — Mobile Trading View ═══ */

/* Desktop: hide S5 entirely (pro mode lives on S2) */
#s5{display:none !important}

/* Mobile: full-screen terminal */
@media(max-width:480px){
  #s5.on{display:flex !important;flex-direction:column;background:#04060e;overflow:hidden}

  /* ── Header (dex-bar inside S5) ── */
  #s5 .dex-bar{height:48px;padding:0 10px;gap:8px;background:rgba(6,8,18,0.98) !important;border-bottom:none !important;flex-shrink:0}
  #s5 .dex-bar::after{display:none}
  #s5 .term-back{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,0.08);border-radius:0;cursor:pointer;color:rgba(255,255,255,0.5);transition:all 0.2s;flex-shrink:0}
  #s5 .term-back:hover{border-color:var(--cyan);color:var(--cyan)}
  #s5 .dex-logo-wrap{flex-shrink:0}
  #s5 .dex-live{display:flex;align-items:center;gap:4px;flex-shrink:0;cursor:pointer}
  #s5 .dex-sp{flex:1;min-width:4px}
  #s5 .notif-wrap{flex-shrink:0}
  #s5 .dex-wallet-wrap{flex-shrink:0}
  #s5 .dex-wallet{padding:6px 10px !important;font-size:9px !important}
  #s5 .dex-wallet-labels span{font-size:9px !important}

  /* ── Pair search bar (below header) ── */
  .term-pair-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-shrink:0;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(109,232,225,0.08);cursor:pointer;transition:background 0.15s}
  .term-pair-bar:active{background:rgba(109,232,225,0.06)}
  .term-pair-left{display:flex;align-items:center;gap:6px}
  .term-pair-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
  .term-pair{font-family:'Orbitron',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#fff;white-space:nowrap}
  .term-pair-right{display:flex;align-items:baseline;gap:6px;margin-left:auto}
  .term-price{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:rgba(255,255,255,0.7);white-space:nowrap}
  .term-chg{font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:600;white-space:nowrap}
  .term-chg.up{color:var(--green)}
  .term-chg.dn{color:#ff5050}
  .term-pair-search{color:rgba(109,232,225,0.4);flex-shrink:0;transition:color 0.15s}
  .term-pair-bar:hover .term-pair-search{color:var(--cyan)}

  /* ── Footer (dex-foot inside S5) ── */
  #s5 .dex-foot{flex-shrink:0;height:40px;padding:0 12px;position:relative;display:flex;align-items:center;gap:0;background:rgba(6,8,18,0.98);border-top:1px solid rgba(109,232,225,0.08)}
  #s5 .dex-foot::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(109,232,225,0.15) 30%,rgba(109,232,225,0.25) 50%,rgba(109,232,225,0.15) 70%,transparent 95%);pointer-events:none}
  #s5 #pro-toggle-wrap{display:none}
  #s5 .dex-foot .fi-sep{display:none}
  #s5 .dex-foot-trust{position:relative;min-width:0;height:20px;flex:1}
  #s5 .dex-foot-trust .df-fi{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;transition:opacity 0.6s ease;pointer-events:none;padding:0;font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.35);display:flex;align-items:center;gap:4px;white-space:nowrap}
  #s5 .dex-foot-trust .df-fi.trust-active{opacity:1;pointer-events:auto}
  #s5 .foot-dots{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}
  #s5 .foot-nd{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.12);border:none;padding:0;cursor:pointer;transition:all 0.2s}
  #s5 .foot-nd.on{width:16px;height:4px;border-radius:3px;background:var(--cyan);box-shadow:0 0 6px rgba(109,232,225,0.4)}
  #s5 .foot-nd:hover{background:rgba(255,255,255,0.3)}
  /* Micro controls: inline in footer to match S2 mobile */
  #s5 .foot-micro-controls{position:static;bottom:auto;right:auto;display:flex;align-items:center;gap:4px;flex-shrink:0;z-index:auto}
  #s5 .foot-micro-btn{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:0;cursor:pointer;color:rgba(255,255,255,0.3);transition:all 0.15s;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
  #s5 .foot-micro-btn svg{width:14px;height:14px}
  #s5 .foot-micro-btn:hover{border-color:rgba(109,232,225,0.25);color:rgba(255,255,255,0.6)}

  /* ── Timeframe tabs ── */
  .term-timeframes{display:flex;gap:2px;padding:8px 14px;flex-shrink:0;overflow-x:auto;scrollbar-width:none;background:rgba(6,8,18,0.6)}
  .term-timeframes::-webkit-scrollbar{display:none}
  .term-tf{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.5px;color:rgba(255,255,255,0.3);background:transparent;border:1px solid transparent;border-radius:4px;padding:5px 10px;cursor:pointer;transition:all 0.15s;white-space:nowrap}
  .term-tf:hover{color:rgba(255,255,255,0.6)}
  .term-tf.active{color:var(--cyan);background:rgba(109,232,225,0.08);border-color:rgba(109,232,225,0.25)}

  /* ── Chart ── */
  .term-chart-wrap{height:30vh;min-height:120px;max-height:45vh;flex-shrink:0;position:relative;background:linear-gradient(180deg,rgba(4,6,14,1) 0%,rgba(6,8,18,1) 60%,rgba(8,11,22,1) 100%);overflow:visible;border-bottom:1px solid rgba(109,232,225,0.06);box-shadow:inset 0 -1px 0 rgba(109,232,225,0.04)}
  .term-chart-wrap::after{display:none}
  .term-chart-wrap canvas{width:100%;height:100%;display:block;position:relative;z-index:1}
  .term-cond-lines{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:2}

  /* ── Resize handle (horizontal divider between chart and swap) ── */
  .term-resize-handle{height:20px;flex-shrink:0;cursor:row-resize;position:relative;background:rgba(109,232,225,0.03);border-top:1px solid rgba(109,232,225,0.08);border-bottom:1px solid rgba(109,232,225,0.08);transition:background 0.15s;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-touch-callout:none;touch-action:none}
  .term-resize-handle:hover,.term-resize-handle.active{background:rgba(109,232,225,0.08);border-color:rgba(109,232,225,0.2)}
  .term-resize-handle:hover .term-resize-grip,.term-resize-handle.active .term-resize-grip{opacity:0.6}
  .term-resize-grip{height:2px;width:32px;display:flex;flex-direction:row;gap:3px;opacity:0.2;transition:opacity 0.15s}
  .term-resize-grip::before,.term-resize-grip::after{content:'';display:block;width:2px;height:2px;background:rgba(109,232,225,0.8);border-radius:50%;flex-shrink:0}
  .term-resize-grip::before{box-shadow:6px 0 0 rgba(109,232,225,0.8),12px 0 0 rgba(109,232,225,0.8)}
  .term-resize-grip::after{margin-left:15px;box-shadow:6px 0 0 rgba(109,232,225,0.8)}
  .term-resize-handle.active::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(109,232,225,0.4) 20%,rgba(109,232,225,0.4) 80%,transparent)}

  /* ── Chart crosshair tooltip ── */
  .term-crosshair-tip{position:absolute;z-index:10;background:rgba(6,8,18,0.92);border:1px solid rgba(109,232,225,0.2);padding:6px 8px;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 12px rgba(0,0,0,0.5)}
  .tct-price{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}
  .tct-price.up{color:var(--green)}
  .tct-price.dn{color:#ff5050}
  .tct-row{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.35);letter-spacing:0.3px;line-height:1.5}

  /* ── Bottom tabs ── */
  .term-tabs{display:flex;gap:0;flex-shrink:0;border-top:1px solid rgba(109,232,225,0.1);border-bottom:none;background:linear-gradient(180deg,rgba(10,14,28,0.98) 0%,rgba(16,22,42,0.99) 100%);position:relative}
  .term-tabs::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(109,232,225,0.12) 40%,rgba(109,232,225,0.12) 60%,transparent 90%);pointer-events:none}
  .term-tab{flex:1;padding:10px 0;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:2px;color:rgba(255,255,255,0.3);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all 0.15s;text-align:center}
  .term-tab:hover{color:rgba(255,255,255,0.55)}
  .term-tab.active{color:var(--cyan);border-bottom-color:var(--cyan)}

  /* ── Panels (general) ── */
  .term-panel{padding:0;flex-shrink:0}
  .term-panel-hidden{display:none}

  /* ── Swap card structure — glassmorphic depth ── */
  .term-swap-card{display:flex !important;flex-direction:column;position:relative;background:linear-gradient(165deg,rgba(16,22,42,0.99) 0%,rgba(10,14,28,0.99) 45%,rgba(8,11,22,1) 100%);border:1px solid rgba(109,232,225,0.18);box-shadow:inset 0 1px 0 rgba(109,232,225,0.08),inset 0 -1px 0 rgba(0,0,0,0.3),0 -12px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(0,0,0,0.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);flex:1;min-height:0;overflow:hidden;animation:termCardBreath 7s ease-in-out infinite;margin:0 10px}
  /* ID override: ensure swap card flex wins over .term-panel flex-shrink:0 */
  #term-panel-swap{flex:1 1 0% !important;min-height:0 !important;flex-shrink:1 !important}
  #term-panel-swap>.term-sc-inner{flex:1 1 0% !important;min-height:0 !important;overflow-y:auto !important}
  /* Execute wrapper: fixed above footer */
  .term-exec-wrap{position:fixed;bottom:40px;left:0;right:0;z-index:200;background:linear-gradient(180deg,rgba(6,8,18,0) 0%,rgba(6,8,18,0.95) 20%,#060812 50%);padding:14px 14px max(10px, env(safe-area-inset-bottom))}

  /* Top edge shimmer line */
  .term-swap-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(109,232,225,0.15) 15%,rgba(109,232,225,0.55) 40%,rgba(255,255,255,0.75) 50%,rgba(109,232,225,0.55) 60%,rgba(109,232,225,0.15) 85%,transparent 100%);animation:termEdgePulse 5s ease-in-out infinite;z-index:3;pointer-events:none}

  /* Ambient outer glow */
  .term-swap-card::after{content:'';position:absolute;inset:0;box-shadow:0 0 0 1px rgba(109,232,225,0.08),0 -8px 40px rgba(0,0,0,0.6),0 0 25px rgba(109,232,225,0.06);animation:termAmbient 6s ease-in-out infinite;z-index:0;pointer-events:none;border-radius:0}

  @keyframes termCardBreath{0%,100%{box-shadow:inset 0 1px 0 rgba(109,232,225,0.08),0 -12px 40px rgba(0,0,0,0.6),0 0 25px rgba(109,232,225,0.06)}50%{box-shadow:inset 0 1px 0 rgba(109,232,225,0.12),0 -12px 40px rgba(0,0,0,0.6),0 0 40px rgba(109,232,225,0.1)}}
  @keyframes termEdgePulse{0%,100%{opacity:0.7}50%{opacity:1}}
  @keyframes termAmbient{0%,100%{box-shadow:0 0 0 1px rgba(109,232,225,0.08),0 -8px 40px rgba(0,0,0,0.6),0 0 25px rgba(109,232,225,0.12),0 0 50px rgba(109,232,225,0.06)}50%{box-shadow:0 0 0 1px rgba(109,232,225,0.08),0 -8px 40px rgba(0,0,0,0.6),0 0 40px rgba(109,232,225,0.1),0 0 90px rgba(109,232,225,0.04)}}

  /* Mode-specific shimmer colors */
  .term-swap-card.mode-limit::before{background:linear-gradient(90deg,transparent 0%,rgba(245,185,66,0.35) 25%,rgba(255,200,80,0.7) 50%,rgba(245,185,66,0.35) 75%,transparent 100%)}
  .term-swap-card.mode-limit{border-color:rgba(245,185,66,0.15)}
  .term-swap-card.mode-dca::before{background:linear-gradient(90deg,transparent 0%,rgba(79,255,170,0.3) 25%,rgba(79,255,170,0.65) 50%,rgba(79,255,170,0.3) 75%,transparent 100%)}
  .term-swap-card.mode-dca{border-color:rgba(79,255,170,0.15)}
  .term-swap-card.mode-market::before{background:linear-gradient(90deg,transparent 0%,rgba(109,232,225,0.35) 25%,rgba(160,245,240,0.7) 50%,rgba(109,232,225,0.35) 75%,transparent 100%)}

  /* Swap type tabs (Market/Limit/DCA) */
  .term-swap-types{display:flex;gap:0;padding:8px 10px 4px;flex-shrink:0;position:relative;z-index:1;background:transparent}
  .term-swap-types .st{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;cursor:pointer;border:1px solid transparent;transition:all 0.15s;background:transparent}
  .term-swap-types .st .st-icon{font-size:14px;opacity:0.3;transition:opacity 0.15s}
  .term-swap-types .st .st-label{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,0.3);transition:color 0.15s}
  .term-swap-types .st.on{background:rgba(109,232,225,0.06);border-color:rgba(109,232,225,0.15)}
  .term-swap-types .st.on .st-icon{opacity:1}
  .term-swap-types .st.on .st-label{color:var(--cyan);font-weight:600}

  /* Scrollable inner content */
  .term-sc-inner{overflow-y:auto;overflow-x:hidden;flex:1 1 0%;min-height:0;padding:10px 14px 90px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;z-index:1}
  .term-sc-inner::-webkit-scrollbar{display:none}

  /* Token boxes inside terminal — reuse S2 classes, scope overrides */
  #s5 .tok-box{padding:12px;background:linear-gradient(170deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),inset 0 0 20px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.25);transition:border-color 0.2s}
  #s5 .tok-box:focus-within{border-color:rgba(109,232,225,0.2)}
  #s5 .tb-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
  #s5 .tb-label span{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;color:rgba(109,232,225,0.5)}
  #s5 .tb-bal{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:0.5px;color:rgba(255,255,255,0.3);background:none;border:none;cursor:pointer;padding:0}
  #s5 .tb-bal:hover{color:var(--cyan)}
  #s5 .tb-main{display:flex;align-items:center;gap:8px}
  #s5 .tok-sel{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:4px;padding:6px 10px;cursor:pointer;flex-shrink:0;transition:border-color 0.15s}
  #s5 .tok-sel:hover{border-color:rgba(109,232,225,0.3)}
  #s5 .tok-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:#fff}
  #s5 .tok-chev{font-size:10px;color:rgba(255,255,255,0.3)}
  #s5 .amt-input{background:transparent;border:none;outline:none;text-align:right;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:#fff;width:100%;min-width:0}
  #s5 .amt-input::placeholder{color:rgba(255,255,255,0.3)}
  #s5 .tb-usd-spark-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
  #s5 .tb-usd{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.25)}
  #s5 .spark-label{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.3)}

  /* Wallet strips inside terminal */
  #s5 .wallet-strip{padding:6px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  #s5 .ws-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(109,232,225,0.4);flex-shrink:0}
  #s5 .ws-options{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  #s5 .ws-btn{display:inline-flex;align-items:center;gap:4px;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:0.5px;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:4px;padding:5px 8px;cursor:pointer;transition:all 0.15s}
  #s5 .ws-btn svg{width:12px;height:12px;flex-shrink:0}
  #s5 .ws-btn:hover{border-color:rgba(109,232,225,0.25);color:rgba(255,255,255,0.7)}
  #s5 .ws-btn-ghost{background:transparent;border-style:dashed}
  #s5 .ws-or{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.3)}

  /* Flip button */
  #s5 .flip-wrap{display:flex;justify-content:center;padding:2px 0}
  #s5 .flip-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(109,232,225,0.06);border:1px solid rgba(109,232,225,0.15);border-radius:50%;color:var(--cyan);cursor:pointer;transition:all 0.15s}
  #s5 .flip-btn:hover{background:rgba(109,232,225,0.12);border-color:rgba(109,232,225,0.3)}

  /* Condition toggle button */
  #s5 .cond-toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;background:linear-gradient(135deg,rgba(109,232,225,0.04) 0%,rgba(109,232,225,0.02) 100%);border:1px solid rgba(109,232,225,0.1);cursor:pointer;transition:all 0.2s;box-shadow:inset 0 1px 0 rgba(109,232,225,0.04)}
  #s5 .cond-toggle-btn:hover{border-color:rgba(109,232,225,0.25);background:linear-gradient(135deg,rgba(109,232,225,0.08) 0%,rgba(109,232,225,0.04) 100%);box-shadow:inset 0 1px 0 rgba(109,232,225,0.06),0 0 15px rgba(109,232,225,0.04)}
  #s5 .ctb-left{display:flex;align-items:center;gap:8px}
  #s5 .ctb-icon{color:rgba(109,232,225,0.5);display:flex;align-items:center}
  #s5 .ctb-text{display:flex;flex-direction:column;gap:1px}
  #s5 .ctb-main{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;color:rgba(255,255,255,0.7)}
  #s5 .ctb-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.25);letter-spacing:0.3px}
  #s5 .ctb-badge{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--cyan);background:rgba(109,232,225,0.08);border:1px solid rgba(109,232,225,0.15);border-radius:4px;padding:4px 8px;flex-shrink:0}

  /* Limit panel */
  #s5 .limit-panel{padding:12px;background:linear-gradient(170deg,rgba(245,185,66,0.04) 0%,rgba(255,255,255,0.02) 100%);border:1px solid rgba(245,185,66,0.1);box-shadow:inset 0 1px 0 rgba(245,185,66,0.04)}
  #s5 .lim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
  #s5 .lim-label{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;color:rgba(109,232,225,0.5)}
  #s5 .lim-market-ref{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.25)}
  #s5 .lim-market-val{color:rgba(255,255,255,0.5)}
  #s5 .lim-price-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}
  #s5 .lim-currency{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:rgba(255,255,255,0.3)}
  #s5 .lim-price-input{flex:1;background:transparent;border:none;outline:none;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:#fff}
  #s5 .lim-price-input::placeholder{color:rgba(255,255,255,0.15)}
  #s5 .lim-pct-row{display:flex;gap:6px;margin-bottom:8px}
  #s5 .lim-pct{flex:1;padding:6px 0;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0.5px;color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:4px;cursor:pointer;text-align:center;transition:all 0.15s}
  #s5 .lim-pct:hover{border-color:rgba(109,232,225,0.2);color:rgba(255,255,255,0.6)}
  #s5 .lim-expiry-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  #s5 .lim-exp-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,0.4);flex-shrink:0}
  #s5 .lim-exp-input-wrap{display:flex;align-items:center;gap:4px}
  #s5 .lim-exp-num{width:40px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:2px;padding:4px 6px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#fff;text-align:center;outline:none}
  #s5 .lim-exp-unit-toggle{display:flex;gap:2px}
  #s5 .lim-exp-unit{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:rgba(255,255,255,0.3);background:transparent;border:1px solid rgba(255,255,255,0.06);border-radius:4px;padding:4px 8px;cursor:pointer;transition:all 0.15s}
  #s5 .lim-exp-unit.on{color:var(--cyan);background:rgba(109,232,225,0.08);border-color:rgba(109,232,225,0.2)}
  #s5 .lim-infinite-btn{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:0.5px;color:rgba(255,255,255,0.3);background:transparent;border:1px solid rgba(255,255,255,0.06);border-radius:4px;padding:4px 8px;cursor:pointer;transition:all 0.15s}
  #s5 .lim-infinite-btn:hover{border-color:rgba(109,232,225,0.2);color:rgba(255,255,255,0.5)}
  #s5 .lim-summary{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.35);margin-top:8px;letter-spacing:0.3px}

  /* DCA panel */
  #s5 .dca-panel{padding:12px;background:linear-gradient(170deg,rgba(79,255,170,0.03) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(79,255,170,0.08);box-shadow:inset 0 1px 0 rgba(79,255,170,0.03)}
  #s5 .dca-mode-pill{display:flex;gap:4px;margin-bottom:10px}
  #s5 .dca-pill-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1px;color:rgba(255,255,255,0.3);background:transparent;border:1px solid rgba(255,255,255,0.06);border-radius:4px;padding:7px 0;cursor:pointer;transition:all 0.15s}
  #s5 .dca-pill-btn.on{color:var(--cyan);background:rgba(109,232,225,0.08);border-color:rgba(109,232,225,0.2)}
  #s5 .dca-pill-icon{font-size:10px}
  #s5 .dca-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
  #s5 .dca-label{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;color:rgba(255,255,255,0.25);flex-shrink:0;width:55px}
  #s5 .dca-amt-row{display:flex;align-items:center;gap:4px;flex:1}
  #s5 .dca-cur{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:rgba(255,255,255,0.3)}
  #s5 .dca-input{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:2px;padding:5px 8px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#fff;outline:none;width:60px}
  #s5 .dca-input::placeholder{color:rgba(255,255,255,0.15)}
  #s5 .dca-freq-row,#s5 .dca-dur-row{display:flex;align-items:center;gap:4px;flex:1}
  #s5 .dca-unit-toggle{display:flex;gap:2px}
  #s5 .dca-unit{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:rgba(255,255,255,0.3);background:transparent;border:1px solid rgba(255,255,255,0.06);border-radius:4px;padding:4px 8px;cursor:pointer;transition:all 0.15s}
  #s5 .dca-unit.on{color:var(--cyan);background:rgba(109,232,225,0.08);border-color:rgba(109,232,225,0.2)}
  #s5 .dca-range-row{display:flex;align-items:center;gap:4px;flex:1}
  #s5 .dca-range-field{display:flex;align-items:center;gap:2px;flex:1}
  #s5 .dca-range-lbl{font-family:'Space Grotesk',sans-serif;font-size:12px;color:rgba(255,255,255,0.3)}
  #s5 .dca-range-input{width:100%}
  #s5 .dca-range-sep{font-family:'IBM Plex Mono',monospace;font-size:10px;color:rgba(255,255,255,0.15)}
  #s5 .dca-tranche-row{display:flex;align-items:center;gap:6px;flex:1}
  #s5 .dca-tranche-input{width:50px}
  #s5 .dca-tranche-hint{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.15)}
  #s5 .dca-ladder-vis{margin-top:8px;min-height:40px}
  #s5 .dca-summary{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.2);margin-top:6px;letter-spacing:0.3px}

  /* Slippage dropdown */
  #s5 .slip-dropdown-wrap{position:relative}
  #s5 .slip-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:4px;cursor:pointer;transition:all 0.15s}
  #s5 .slip-pill:hover{border-color:rgba(109,232,225,0.2)}
  #s5 .slip-pill-label{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1.5px;color:rgba(255,255,255,0.3)}
  #s5 .slip-pill-val{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;color:var(--cyan)}
  #s5 .slip-pill-caret{font-size:8px;color:rgba(255,255,255,0.2);transition:transform 0.15s}
  #s5 .slip-panel{padding:10px;background:rgba(6,8,18,0.95);border:1px solid rgba(109,232,225,0.1);margin-top:4px}
  #s5 .slip-panel-inner{display:flex;flex-direction:column;gap:8px}
  #s5 .slip-panel-row{display:flex;gap:4px}
  #s5 .slip-opt{flex:1;padding:6px 0;font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:4px;cursor:pointer;text-align:center;transition:all 0.15s}
  #s5 .slip-opt.on{color:var(--cyan);background:rgba(109,232,225,0.08);border-color:rgba(109,232,225,0.2)}
  #s5 .slip-custom-wrap-new{display:flex;align-items:center;gap:6px}
  #s5 .slip-custom-prefix{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.25)}
  #s5 .slip-custom-field-new{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:2px;padding:4px 8px}
  #s5 .slip-custom-input{width:50px;background:transparent;border:none;outline:none;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#fff}
  #s5 .slip-desc{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.15);letter-spacing:0.3px}

  /* Protection group */
  #s5 .protection-group{display:flex;flex-direction:column;gap:6px;margin-top:4px}
  #s5 .protection-group-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:3px;color:rgba(255,255,255,0.2);margin-bottom:2px;padding-left:2px}
  #s5 .prot-row{background:linear-gradient(170deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.07);box-shadow:inset 0 1px 0 rgba(255,255,255,0.02)}
  #s5 .prot-header{display:flex;align-items:center;justify-content:space-between;padding:10px;cursor:pointer;transition:background 0.15s}
  #s5 .prot-header:hover{background:rgba(255,255,255,0.02)}
  #s5 .prot-left{display:flex;align-items:center;gap:8px}
  #s5 .tp-toggle-dot{width:6px;height:6px;border-radius:50%;background:rgba(79,255,170,0.3);flex-shrink:0}
  #s5 .sl-toggle-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,80,80,0.3);flex-shrink:0}
  #s5 .prot-label{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,0.5);font-weight:600}
  #s5 .prot-hint{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.2);letter-spacing:0.3px}
  #s5 .prot-caret{font-family:'IBM Plex Mono',monospace;font-size:14px;color:rgba(255,255,255,0.2);transition:transform 0.15s}
  #s5 .prot-panel{padding:10px;border-top:1px solid rgba(255,255,255,0.04)}
  #s5 .prot-input-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}
  #s5 .prot-currency{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:rgba(79,255,170,0.4)}
  #s5 .prot-currency.sl-cur{color:rgba(255,80,80,0.4)}
  #s5 .prot-price-input{flex:1;background:transparent;border:none;outline:none;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:#fff}
  #s5 .prot-price-input::placeholder{color:rgba(255,255,255,0.15)}
  #s5 .prot-savings{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(79,255,170,0.5)}
  #s5 .prot-pct-row{display:flex;gap:6px;margin-bottom:8px}
  #s5 .prot-pct{flex:1;padding:6px 0;font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:4px;cursor:pointer;text-align:center;transition:all 0.15s}
  #s5 .prot-pct.tp-pct:hover{border-color:rgba(79,255,170,0.25);color:rgba(79,255,170,0.6)}
  #s5 .prot-pct.sl-pct:hover{border-color:rgba(255,80,80,0.25);color:rgba(255,80,80,0.6)}
  #s5 .prot-cond-toggle{display:flex;align-items:center;gap:4px;font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(109,232,225,0.4);cursor:pointer;padding:4px 0;transition:color 0.15s}
  #s5 .prot-cond-toggle:hover{color:rgba(109,232,225,0.7)}
  #s5 .prot-cond-panel{padding:8px 0}
  #s5 .prot-cond-note{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.2);margin-bottom:6px;line-height:1.5}
  #s5 .prot-cond-add{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--cyan);cursor:pointer;padding:6px 0;opacity:0.6;transition:opacity 0.15s}
  #s5 .prot-cond-add:hover{opacity:1}

  /* Trade receipt strip */
  .term-receipt{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);margin-top:4px}
  .term-receipt-header{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer;transition:background 0.15s}
  .term-receipt-header:hover{background:rgba(255,255,255,0.03)}
  .term-receipt-left{display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow:hidden}
  .term-receipt-badge{font-family:'IBM Plex Mono',monospace;font-size:7px;font-weight:700;letter-spacing:1px;color:rgba(109,232,225,0.7);background:rgba(109,232,225,0.07);border:1px solid rgba(109,232,225,0.15);padding:2px 5px}
  .term-receipt-chain{font-family:'IBM Plex Mono',monospace;font-size:8px;font-weight:700;color:rgba(153,69,255,0.8);background:rgba(153,69,255,0.12);border:1px solid rgba(153,69,255,0.2);padding:1px 3px}
  .term-receipt-dot{width:4px;height:4px;border-radius:50%;background:rgba(79,255,170,0.9);box-shadow:0 0 4px rgba(79,255,170,0.5);flex-shrink:0}
  .term-receipt-route{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .term-receipt-impact{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(79,255,170,0.6);flex-shrink:0}
  .term-receipt-caret{font-size:12px;color:rgba(255,255,255,0.18);transition:transform 0.2s;flex-shrink:0}
  .term-receipt-caret.open{transform:rotate(90deg)}
  .term-receipt-detail{padding:4px 10px 8px;border-top:1px solid rgba(255,255,255,0.04)}
  .term-receipt-row{display:flex;justify-content:space-between;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:8px;padding:2px 0}
  .trr-k{color:rgba(255,255,255,0.2)}
  .trr-v{color:rgba(255,255,255,0.45)}

  /* Leg 2 trigger (inside card) */
  #s5 .leg2-trigger{margin-top:6px}
  #s5 .leg2-trigger-btn{display:flex;align-items:center;justify-content:space-between;padding:14px;background:linear-gradient(135deg,rgba(109,232,225,0.03) 0%,rgba(79,255,170,0.02) 100%);border:1px solid rgba(109,232,225,0.1);cursor:pointer;transition:all 0.25s;box-shadow:inset 0 1px 0 rgba(109,232,225,0.04)}
  #s5 .leg2-trigger-btn:hover{background:linear-gradient(135deg,rgba(109,232,225,0.08) 0%,rgba(79,255,170,0.05) 100%);border-color:rgba(109,232,225,0.2);box-shadow:inset 0 1px 0 rgba(109,232,225,0.06),0 0 20px rgba(109,232,225,0.05)}
  #s5 .leg2-trigger-left{display:flex;align-items:center;gap:10px}
  #s5 .leg2-trigger-icon{color:rgba(109,232,225,0.4);flex-shrink:0}
  #s5 .leg2-trigger-text{display:flex;flex-direction:column;gap:2px}
  #s5 .leg2-trigger-main{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;color:rgba(255,255,255,0.6)}
  #s5 .leg2-trigger-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.2);letter-spacing:0.3px}
  #s5 .leg2-trigger-badge{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--cyan);background:rgba(109,232,225,0.08);border:1px solid rgba(109,232,225,0.15);border-radius:4px;padding:4px 10px;flex-shrink:0}

  /* Leg 1 locked + Leg 2 pipe (inside card) */
  #s5 .leg1-locked{background:rgba(79,255,170,0.04);border:1px solid rgba(79,255,170,0.12);padding:10px}
  #s5 .leg1-locked-inner{display:flex;flex-direction:column;gap:4px}
  #s5 .leg1-locked-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  #s5 .leg1-locked-tag{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--green);background:rgba(79,255,170,0.1);padding:2px 6px;border-radius:4px}
  #s5 .leg1-locked-action{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.5);flex:1}
  #s5 .leg1-locked-edit,#s5 .leg1-locked-rm{font-family:'IBM Plex Mono',monospace;font-size:8px;background:transparent;border:1px solid rgba(255,255,255,0.08);border-radius:4px;padding:3px 6px;color:rgba(255,255,255,0.4);cursor:pointer}
  #s5 .leg2-pipe-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0}
  #s5 .leg2pi-line{flex:1;height:1px;background:rgba(109,232,225,0.1)}
  #s5 .leg2pi-orb{width:8px;height:8px;border-radius:50%;background:rgba(109,232,225,0.15);display:flex;align-items:center;justify-content:center}
  #s5 .leg2pi-orb-inner{width:4px;height:4px;border-radius:50%;background:var(--cyan)}
  #s5 .leg2pi-label{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;color:rgba(109,232,225,0.4)}
  #s5 .leg2-mode-bar{text-align:center;padding:8px}
  #s5 .leg2mb-tag{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:var(--cyan);margin-bottom:2px}
  #s5 .leg2mb-title{font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;color:#fff;letter-spacing:2px}
  #s5 .leg2mb-hint{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.2)}

  /* Scroll nudge inside terminal swap card */
  .term-scroll-nudge{position:absolute;bottom:12px;left:50%;transform:translate(-50%,0);z-index:200}

  /* Execute button (inside fixed wrapper above footer) */
  .term-execute{display:block;width:100%;padding:16px;margin:0;min-height:48px;flex-shrink:0;background:linear-gradient(135deg,rgba(79,255,170,0.14),rgba(109,232,225,0.10));border:1px solid rgba(79,255,170,0.3);border-top:1px solid rgba(79,255,170,0.2);border-radius:0;font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:#fff;cursor:pointer;transition:all 0.2s;position:relative;z-index:1;box-shadow:0 -4px 20px rgba(79,255,170,0.06),inset 0 1px 0 rgba(79,255,170,0.1)}
  .term-execute:hover{background:linear-gradient(135deg,rgba(79,255,170,0.22),rgba(109,232,225,0.16));border-color:rgba(79,255,170,0.5);box-shadow:0 -4px 30px rgba(79,255,170,0.12),inset 0 1px 0 rgba(79,255,170,0.15)}
  .term-execute:active{transform:scale(0.98);transition:transform 0.1s}
  .term-execute .dw-corner{position:absolute;width:10px;height:10px;border-color:rgba(79,255,170,0.5)}
  .term-execute .dw-tl{top:0;left:0;border-top:2px solid;border-left:2px solid}
  .term-execute .dw-tr{top:0;right:0;border-top:2px solid;border-right:2px solid}
  .term-execute .dw-bl{bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}
  .term-execute .dw-br{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}

  /* Execute flash — reuse same keyframe as S2 exec-btn */
  @keyframes termExecFlash{
    0%{box-shadow:0 0 0 0 rgba(79,255,170,0.7),inset 0 0 0 rgba(79,255,170,0.3)}
    20%{box-shadow:0 0 40px 8px rgba(79,255,170,0.5),inset 0 0 20px rgba(79,255,170,0.15)}
    50%{box-shadow:0 0 60px 16px rgba(79,255,170,0.3),inset 0 0 30px rgba(79,255,170,0.08)}
    100%{box-shadow:0 -4px 20px rgba(79,255,170,0.06),inset 0 1px 0 rgba(79,255,170,0.1)}
  }
  .term-execute.exec-fired{
    animation:termExecFlash 0.8s cubic-bezier(.22,1,.36,1) forwards !important;
    border-color:rgba(79,255,170,0.8) !important;
  }

  /* Execute button breathing glow */
  @keyframes termExecBreathe{
    0%,100%{box-shadow:0 -4px 20px rgba(79,255,170,0.06),inset 0 1px 0 rgba(79,255,170,0.1)}
    50%{box-shadow:0 -4px 30px rgba(79,255,170,0.12),inset 0 1px 0 rgba(79,255,170,0.15),0 0 40px rgba(79,255,170,0.04)}
  }
  .term-execute{animation:termExecBreathe 3s ease-in-out infinite}

  /* Token selector shimmer glow on focus-within */
  #s5 .tok-box:focus-within::after{content:'';position:absolute;inset:0;border:1px solid rgba(109,232,225,0.2);pointer-events:none;box-shadow:0 0 15px rgba(109,232,225,0.06)}

  /* ── Orders empty state ── */
  .term-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 14px}
  .term-empty-icon{font-size:24px;opacity:0.3}
  .term-empty-text{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:rgba(255,255,255,0.4)}
  .term-empty-sub{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.2);letter-spacing:0.5px}

  /* ── Info grid ── */
  .term-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}
  .term-info-item{padding:12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06)}
  .term-info-label{display:block;font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,0.25);margin-bottom:4px}
  .term-info-val{display:block;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#fff}

  /* ── Responsive: small phones (≤375px) ── */
  @media(max-width:375px){
    #s5 .dex-bar{height:46px;padding:0 8px;gap:6px}
    #s5 .dex-logo-wrap svg{width:24px !important;height:24px !important}
    .term-pair{font-size:10px;letter-spacing:1px}
    .term-price{font-size:10px}
    .term-chg{font-size:8px}
    #s5 .dex-live .dl-txt{font-size:8px}
    #s5 .dex-live .dl-pnl{display:none}
    #s5 .dex-wallet{padding:5px 8px !important}
    #s5 .dex-wallet-labels span{font-size:8px !important}
    .term-swap-card{flex:1}
    .term-sc-inner{padding:8px 10px 80px}
    #s5 .amt-input{font-size:18px}
    #s5 .lim-price-input{font-size:18px}
    #s5 .prot-price-input{font-size:16px}
    .term-execute{padding:14px;font-size:10px;letter-spacing:3px}
    .term-tf{padding:4px 8px;font-size:9px}
  }

  /* ── Responsive: larger phones (414px+) ── */
  @media(min-width:414px){
    .term-swap-card{flex:1}
    .term-chart-wrap{min-height:120px;max-height:45vh}
    .term-sc-inner{padding:12px 16px 90px}
    #s5 .amt-input{font-size:24px}
    #s5 .tok-name{font-size:15px}
    .term-execute{padding:18px;font-size:12px;letter-spacing:5px}
  }

  /* ── iPhone 14 Pro refinements (393px–428px) ── */
  @media(max-width:428px){
    /* Safe area insets */
    #s5.on{
      padding-top:env(safe-area-inset-top, 0px) !important;
      padding-bottom:env(safe-area-inset-bottom, 0px) !important;
    }

    /* Header: tighter for narrow viewport */
    #s5 .dex-bar{height:46px !important;padding:0 8px !important;gap:6px !important}
    #s5 .term-back{width:44px !important;height:44px !important;min-width:44px !important}
    #s5 .dex-wallet{padding:6px 8px !important;min-height:40px !important}

    /* Pair bar: 44px tap target */
    .term-pair-bar{min-height:44px !important;padding:6px 10px !important}
    .term-pair{font-size:11px !important;letter-spacing:1px !important}
    .term-price{font-size:11px !important}
    .term-chg{font-size:8px !important}

    /* Timeframe tabs: proper tap targets */
    .term-timeframes{padding:6px 10px !important;gap:1px !important}
    .term-tf{min-height:36px !important;padding:6px 8px !important;font-size:9px !important}

    /* Chart: compact for narrow screen — shrinkable so CTA stays visible */
    .term-chart-wrap{height:25vh !important;min-height:100px !important;max-height:40vh !important;flex-shrink:0 !important}

    /* Bottom tabs: 44px tap targets */
    .term-tab{min-height:44px !important;padding:10px 0 !important;font-size:8px !important;letter-spacing:1.5px !important}

    /* Swap card: fit in narrow viewport */
    .term-swap-card{margin:0 6px !important;flex:1 !important}
    .term-sc-inner{padding:8px 10px 80px !important;gap:6px !important}

    /* Exec wrap: above 36px footer */
    .term-exec-wrap{bottom:36px !important;padding:12px 10px max(8px, env(safe-area-inset-bottom)) !important}

    /* Swap type tabs: proper tap targets */
    .term-swap-types .st{padding:10px 4px !important;min-height:44px !important}
    .term-swap-types .st .st-label{font-size:8px !important}

    /* Token boxes: tighter padding */
    #s5 .tok-box{padding:10px !important}
    #s5 .tok-sel{min-height:44px !important;padding:6px 8px !important}
    #s5 .tok-name{font-size:13px !important}

    /* iOS zoom prevention: all inputs ≥16px */
    #s5 .amt-input{font-size:22px !important}
    #s5 .lim-price-input{font-size:16px !important}
    #s5 .prot-price-input{font-size:16px !important}
    #s5 .dca-input{font-size:16px !important}
    #s5 .lim-exp-num{font-size:16px !important}
    #s5 .slip-custom-input{font-size:16px !important}
    #pro-search-input{font-size:16px !important}

    /* Wallet strip buttons: 44px tap targets */
    #s5 .ws-btn{min-height:36px !important;padding:6px 10px !important}

    /* Protection rows: proper tap targets */
    #s5 .prot-header{min-height:44px !important;padding:10px !important}
    #s5 .prot-pct{min-height:36px !important;padding:8px 0 !important}

    /* Limit percent buttons: tap targets */
    #s5 .lim-pct{min-height:36px !important;padding:8px 0 !important}

    /* DCA controls: tap targets */
    #s5 .dca-pill-btn{min-height:40px !important;padding:8px 0 !important}
    #s5 .dca-unit{min-height:32px !important;padding:5px 10px !important}

    /* Condition toggle: proper tap target */
    #s5 .cond-toggle-btn{min-height:48px !important;padding:12px 10px !important}

    /* Leg 2 trigger: tap target */
    #s5 .leg2-trigger-btn{min-height:48px !important;padding:12px !important}

    /* Execute button: prominent + tap target */
    .term-execute{min-height:48px !important;padding:16px !important;font-size:11px !important;letter-spacing:3px !important}

    /* Receipt: tap target for expand */
    .term-receipt-header{min-height:44px !important;padding:8px 10px !important}

    /* Footer: tighter */
    #s5 .dex-foot{height:36px !important;padding:0 8px !important}
    #s5 .foot-dots{gap:3px !important}
    #s5 .foot-nd{width:4px !important;height:4px !important}
    #s5 .foot-nd.on{width:16px !important;height:4px !important}
    #s5 .foot-micro-btn{width:24px !important;height:24px !important;min-width:24px !important}

    /* Slippage pill: tap target */
    #s5 .slip-pill{min-height:36px !important;padding:6px 10px !important}
    #s5 .slip-opt{min-height:36px !important;padding:8px 0 !important}
  }
}