/* Limit orders on the classic site (limit-ui.js): the Market / Limit switch, the Limit face, the chart's order lines and
   tags, and the orders tables on the token page and the portfolio. Built on theme.css's variables and the trade panel's
   own shapes (.inp, .presets, .go, .seg), so every face (copytrade dark, motion light / dark) carries it. */
.otype .oseg{display:inline-flex;gap:2px;padding:2px;border:0;border-radius:6px;overflow:hidden;background:var(--panel-2)}
.otype .oseg button{border:0;background:transparent;color:var(--sub);font:inherit;font-size:12px;font-weight:500;padding:3px 10px;cursor:pointer;border-radius:4px}
.otype .oseg button.on{background:var(--chip);color:var(--text)}
.otype .oseg button[data-otype="limit"].on{color:var(--text)}

.limf{display:flex;flex-direction:column;margin-top:8px;font-variant-numeric:tabular-nums}
.limf[hidden]{display:none}
.lim-side{display:flex;gap:2px;padding:2px;border:0;border-radius:6px;overflow:hidden;background:var(--panel-2)}
.lim-side button{flex:1;border:0;background:transparent;color:var(--sub);font:inherit;font-weight:500;font-size:12.5px;padding:6px;border-radius:4px;cursor:pointer}
.lim-side button.on.lim-buy{background:var(--green-bg);color:var(--green)} .lim-side button.on.lim-sell{background:var(--red-bg);color:var(--red)}
.lim-sub{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}
.lim-sub[hidden]{display:none}
.lim-sub button{border:1px solid transparent;background:var(--panel-2);color:var(--sub);font:inherit;font-size:12px;font-weight:500;padding:5px 0;border-radius:3px;cursor:pointer}
.lim-sub button small{color:var(--dim);font-size:10.5px;margin-left:3px}
.lim-sub button.on{border-color:transparent;color:var(--red);background:var(--red-bg)}
.lim-sub button[data-lk="tp"].on{border-color:transparent;color:var(--green);background:var(--green-tint)}
.lim-lbl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:11px;font-weight:500;color:var(--sub);letter-spacing:.02em}
.lim-lbl .lim-bal{font-weight:500;color:var(--dim)} .lim-lbl .lim-bal b{color:var(--text);font-weight:600}
.lim-lbl .lim-hint{font-weight:500;color:var(--dim)}
.lim-unit{display:inline-flex;gap:1px;padding:1px;border:0;border-radius:4px;overflow:hidden;background:var(--panel-2)}
.lim-unit button{border:0;border-radius:3px;background:transparent;color:var(--sub);font:inherit;font-size:10.5px;font-weight:500;padding:2px 7px;cursor:pointer}
.lim-unit button.on{background:var(--chip);color:var(--text)}
.limf .lim-inp{margin-top:5px}
.limf .lim-inp .u{min-width:12px}
.limf .lim-inp .usd{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.lim-pct{display:flex;align-items:center;gap:8px;margin-top:8px}
.lim-pct input[type=range]{flex:1;min-width:0;accent-color:var(--green);height:4px;border-radius:2px;margin:7px 0}
.lim-pct input[type=range]::-webkit-slider-thumb{width:16px;height:16px;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line-2)}
.lim-pct b{min-width:52px;text-align:right;font-size:12px;font-weight:600;color:var(--sub)} .lim-pct b.g{color:var(--green)} .lim-pct b.r{color:var(--red)}
.lim-pcthint{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-top:1px}
.limf .lim-chips{grid-template-columns:repeat(4,1fr)}
.limf .lim-chips button[disabled]{opacity:.4;cursor:default}
.lim-alloc{margin-top:8px;padding:7px 8px;border:0;border-radius:4px;background:var(--panel-2)}
.lim-alloc[hidden]{display:none}
.lim-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--chip)}
.lim-bar i{display:block;height:100%} .lim-bar i.k-tp{background:var(--green)} .lim-bar i.k-tp + i.k-tp{background:var(--green-2)} .lim-bar i.k-sl{background:var(--red)} .lim-bar i.k-sl + i.k-sl{background:var(--red-2)} .lim-bar i.k-free{background:var(--line-2)}
.lim-legend{margin-top:5px;font-size:11px;font-weight:600;color:var(--sub)} .lim-legend span{display:inline} .lim-legend .k-tp{color:var(--green)} .lim-legend .k-sl{color:var(--red)} .lim-legend .k-free{color:var(--text)}
.lim-note{display:block;font-size:10.5px;line-height:1.4;color:var(--dim);font-weight:500;margin-top:4px}
.lim-note.r{color:var(--red)}
.lim-set{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}
.lim-set button,.lim-cust{flex:1;min-width:40px;border:1px solid transparent;background:var(--panel-2);color:var(--text);font:inherit;font-weight:500;font-size:12px;padding:4px 0;border-radius:3px;cursor:pointer;text-align:center}
.lim-set button.on,.lim-cust.on{border-color:transparent;color:var(--green);background:var(--green-tint)}
.lim-cust{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 6px;color:var(--sub);flex:1.4}
.lim-cust input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:12px;text-align:right;padding:4px 0}
.lim-sum{margin-top:9px;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.45;color:var(--sub)}
.lim-sum b{color:var(--text);font-weight:600}
.lim-floor{color:var(--sub-2)}
.lim-warn{color:var(--yellow)}
.lim-wal{color:var(--dim)}
.limf .go{margin-top:9px}
.limf .go[disabled]{cursor:default}
.lim-res{margin-top:6px;font-size:11.5px;min-height:15px;line-height:1.4}
.lim-res .g{color:var(--green)} .lim-res .r{color:var(--red)} .lim-res .y{color:var(--yellow)} .lim-res .o{color:var(--sub-2)}
.lim-mine{margin-top:4px}
.lim-mh{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--sub);padding:6px 0 4px;border-top:1px solid var(--line)}
.lim-mh span{background:transparent;padding:0 2px;font-size:10.5px;color:var(--dim);font-variant-numeric:tabular-nums}
.lim-mr{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;font-size:11.5px;padding:3px 0;border-left:2px solid var(--green);padding-left:6px;margin-top:3px}
.lim-mr.sell{border-left-color:var(--red)}
.lim-kind{font-weight:600;font-size:11.5px;white-space:nowrap} .lim-kind.buy{color:var(--green)} .lim-kind.sell{color:var(--red)} .lim-kind.unk{color:var(--yellow)}
.lim-mr .lim-kind{font-size:11px}
.lim-b{height:22px !important;padding:0 8px !important;font-size:11px !important;line-height:20px;display:inline-flex;align-items:center;text-decoration:none}
.lim-b.r{color:var(--red)}
.lim-coin{height:22px;width:150px;max-width:40vw;margin-right:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:3px;color:var(--text);font-size:11px;padding:0 6px;outline:0}

/* the chart: tags over the lines (the lines themselves are the chart's own price lines) */
.lim-layer{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}
.lim-tag{position:absolute;top:0;pointer-events:auto;display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:3px;border:0;font:600 10.5px/20px Geist,Inter,system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.35);touch-action:none;user-select:none;-webkit-user-select:none}
.lim-tag.draft{left:10px;background:var(--panel);color:var(--green);border:1px dashed var(--green);cursor:ns-resize}
.lim-tag.draft.sell{color:var(--red);border-color:var(--red)}
.lim-tag.draft.drag{box-shadow:0 0 0 3px var(--green-tint),0 2px 8px rgba(0,0,0,.35)}
.lim-grip{width:7px;height:9px;background:radial-gradient(currentColor 1px,transparent 1.2px) 0 0/3.5px 3px;opacity:.8}
.lim-tag.order{background:var(--green);color:#06110b}
.lim-tag.order.sell{background:var(--red);color:#fff}
.lim-card{position:absolute;z-index:7;pointer-events:auto;width:236px;padding:9px 10px;border-radius:6px;background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--shadow);font-size:11.5px;font-variant-numeric:tabular-nums}
.lim-card.buy{border-top:2px solid var(--green)} .lim-card.sell{border-top:2px solid var(--red)}
.lim-ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.lim-x{border:0;background:transparent;color:var(--sub);cursor:pointer;font-size:12px}
.lim-kv{display:flex;justify-content:space-between;gap:8px;color:var(--sub);line-height:1.7} .lim-kv > span{white-space:nowrap} .lim-kv b{color:var(--text);font-weight:600;text-align:right}
.lim-ca{display:flex;justify-content:flex-end;gap:6px;margin-top:6px;flex-wrap:wrap}

/* lists */
.lim-th{display:flex;align-items:center;gap:8px;padding:9px 14px 6px;font-size:12px;font-weight:600;color:var(--text)}
.lim-th span{background:transparent;padding:0 2px;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
.lim-th small{font-weight:500;color:var(--dim);font-size:11px}
.lim-tab{margin-bottom:8px}
.lim-tab td{vertical-align:middle}
.lim-st{font-weight:600;font-size:11.5px} .lim-st.g{color:var(--green)} .lim-st.o{color:var(--text)} .lim-st.y{color:var(--yellow)} .lim-st.d{color:var(--dim)}
.lim-chain{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .lim-chain img{width:14px;height:14px;border-radius:50%}
.lim-empty{padding:14px}
@media (max-width:700px){
  .lim-tab .lim-hm{display:none}
  /* phones: each order is a two-line card (kind · coin · trigger, then amount · state · Cancel) */
  .lim-tab thead{display:none}
  .lim-tab,.lim-tab tbody{display:block;width:100%}
  .lim-tab tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
  .lim-tab td{display:block;padding:0 !important;border:0 !important;min-width:0;white-space:normal}
  .lim-tab td:last-child{justify-self:end;text-align:right}
  .lim-chain{font-size:0;gap:0} .lim-chain img{width:16px;height:16px}
  .lim-card{width:210px}
  .lim-coin{width:110px}
}
.lim-tag.draft[data-edge="up"]::after{content:"↑";margin-left:2px} .lim-tag.draft[data-edge="down"]::after{content:"↓";margin-left:2px}