/* Watchlists. Prefix wl-. */
.wl-top { align-items: center; flex-wrap: wrap; gap: 8px 12px; min-height: 32px; margin-bottom: 12px; }
.wl-n[hidden], .wl-add[hidden], .wl-feed[hidden] { display: none; }
.wl-add { display: flex; align-items: center; gap: 8px; }
.wl-in { width: 250px; max-width: 100%; height: 30px; padding: 0 12px; border-radius: 999px; border: 1px dashed var(--line-hover); background: transparent; color: var(--tx); font-size: 12.5px; }
.wl-in:focus { outline: 0; border-style: solid; border-color: rgba(59, 130, 246, 0.6); }
.wl-in::placeholder { color: var(--mut); }
.wl-line { margin-left: auto; min-width: 0; font-size: 11.5px; color: var(--mut); }
.wl-cols { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.wl-main { flex: 1 1 620px; min-width: 0; overflow: hidden; }
.wl-feed { flex: 0 0 380px; min-width: 0; overflow: hidden; }
@media (max-width: 1180px) { .wl-feed { flex: 1 1 100%; } }
.wl-head, .wl-row { display: grid; grid-template-columns: minmax(0, 1.3fr) 40px 172px minmax(0, 1.2fr) minmax(0, 1.2fr) 48px 24px; align-items: center; column-gap: 12px; padding: 0 14px; }
.wl-head .wl-arc, .wl-head .wl-st { font-size: 10.5px; color: var(--mut); }
.wl-feed { max-height: 78vh; overflow-y: auto; }
@media (max-width: 1520px) and (min-width: 761px) { .wl-head, .wl-row { grid-template-columns: minmax(0, 1.3fr) 40px 172px minmax(0, 1.2fr) minmax(0, 1.2fr) 24px; } .wl-head .wl-st, .wl-row .wl-st { display: none; } }
.wl-head { height: 36px; border-bottom: 1px solid var(--line); font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mut); white-space: nowrap; }
.wl-head span:nth-child(2), .wl-head .wl-st, .wl-g, .wl-st { text-align: right; }
.wl-row { min-height: 46px; border-top: 1px solid var(--line-3); font-size: 12.5px; color: var(--tx-2); }
.wl-head + .wl-row { border-top: 0; }
.wl-row:hover { background: rgba(148, 163, 184, 0.04); }
.wl-co { display: flex; align-items: baseline; gap: 10px; min-width: 0; color: var(--tx); }
.wl-co a { display: flex; align-items: baseline; gap: 10px; min-width: 0; color: var(--tx); }
.wl-co b { flex: none; min-width: 44px; font-size: 12.5px; }
.wl-co .cut { min-width: 0; color: var(--tx-3); }
.wl-g { font-size: 13px; font-weight: 600; color: var(--tx); }
.wl-arc, .wl-st { font-size: 12px; color: var(--tx-3); white-space: nowrap; }
.wl-last, .wl-due { min-width: 0; }
.wl-asset { grid-template-columns: minmax(0, 2.2fr) minmax(0, 4fr) 24px; }
.wl-note { grid-column: 2; min-width: 0; font-size: 12px; color: var(--mut); }
.wl-x { width: 22px; height: 22px; border-radius: 5px; border: 0; background: transparent; color: var(--dim); font-size: 15px; line-height: 1; }
.wl-x:hover { color: var(--tx); background: var(--line-2); }
.wl-empty { padding: 26px 18px; }
.wl-empty p { margin: 6px 0 0; max-width: 62ch; color: var(--tx-3); line-height: 1.55; }
.wl-fh { display: flex; align-items: center; justify-content: space-between; height: 40px; padding: 0 14px; border-bottom: 1px solid var(--line); }
.wl-fh b { font-size: 13px; font-weight: 600; }
.wl-fh span { font-size: 11px; color: var(--mut); }
.wl-fi { display: grid; grid-template-columns: 46px 46px minmax(0, 1fr) auto; align-items: center; gap: 4px 8px; padding: 9px 14px; border-top: 1px solid var(--line-3); font-size: 12.5px; }
.wl-fh + .wl-fi { border-top: 0; }
.wl-fd { font-size: 11px; color: var(--mut); }
.wl-ft { font-size: 12px; }
.wl-fw { min-width: 0; color: var(--tx-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wl-fw a:hover { color: var(--tx); text-decoration: underline; }
.wl-fi .break { grid-column: 3 / -1; justify-self: start; height: 22px; font-size: 11px; }
.wl-fn { padding: 10px 14px; border-top: 1px solid var(--line); }
@media (max-width: 760px) {
  .wl-line { margin-left: 0; flex-basis: 100%; }
  .wl-head { display: none; }
  .wl-row { grid-template-columns: minmax(0, 1fr) 40px 24px; grid-template-areas: "co g x" "last last last" "due due due" "arc arc arc"; row-gap: 2px; padding: 10px 14px; }
  .wl-co { grid-area: co; } .wl-g { grid-area: g; } .wl-x { grid-area: x; }
  .wl-last { grid-area: last; font-size: 12px; } .wl-due { grid-area: due; font-size: 12px; color: var(--mut); }
  .wl-arc { grid-area: arc; text-align: left; font-size: 11px; color: var(--mut); }
  .wl-row .wl-st { display: none; }
  .wl-asset { grid-template-columns: minmax(0, 1fr) 24px; grid-template-areas: "co x" "note note"; }
  .wl-asset .wl-note { grid-area: note; grid-column: auto; }
}
.wl-line { white-space: normal; }
@media (max-width: 1380px) and (min-width: 761px) { .wl-head, .wl-row { grid-template-columns: minmax(0, 1.3fr) 40px minmax(0, 1.2fr) minmax(0, 1.2fr) 24px; } .wl-head .wl-arc, .wl-row .wl-arc { display: none; } }