/* "My stocks" picker (static/js/aiq-mystocks.js): row star, menu rows, paste dialog. House pop-up kit does the surfaces. */
  .ms-star { display:inline-flex; margin-left:5px; vertical-align:-1px; }
  .ms-star svg { width:11px; height:11px; fill:#FF862E; }
  html[data-theme="light"] .ms-star svg { fill:#e07214; }
  /* picker menu + paste dialog (house kit; only page-specific layout here) */
  .ms-menu { min-width:270px; max-width:340px; max-height:min(480px, 70vh); overflow:auto; }
  .ms-mi .ms-chk { width:12px; flex:none; font-size:12px; color:var(--pop-blue-ink); }
  .ms-mi .ms-nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
  .ms-mi .ms-ct { flex:none; margin-left:12px; font-size:12px; color:var(--pop-faint); font-variant-numeric:tabular-nums; }
  .ms-mi .ms-ct b { color:var(--pop-ink); font-weight:600; }
  .ms-ta { width:100%; box-sizing:border-box; resize:vertical; min-height:130px; padding:9px 10px; border:1px solid var(--pop-line2); border-radius:4px;
           background:var(--pop-input); color:var(--pop-ink); font:13px/1.5 'Inter', sans-serif; outline:none; }
  .ms-ta:focus { border-color:var(--pop-blue); }
  .ms-found { min-height:18px; margin-top:8px; font-size:12px; color:var(--pop-sub); font-variant-numeric:tabular-nums; }
  .ms-save-to { height:30px; max-width:170px; border:1px solid var(--pop-line2); border-radius:4px; background:var(--pop-input); color:var(--pop-ink); font-size:13px; padding:0 6px; }
  /* My stocks pop-up: the stocks on a list, over the page you're on */
  .ms-panel { width:400px; max-width:calc(100vw - 16px); padding:6px; display:flex; flex-direction:column; }
  .ms-ph { display:flex; align-items:center; gap:8px; padding:2px 2px 6px; }
  .ms-pick { flex:1; min-width:0; height:30px; border:1px solid var(--pop-line2); border-radius:4px; background:var(--pop-input); color:var(--pop-ink);
             font:600 13px 'Inter', sans-serif; padding:0 6px; }
  .ms-pt { font-weight:600; padding:6px; }
  .ms-pb { max-height:min(360px, 50vh); overflow:auto; }
  .ms-tbl { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; table-layout:fixed; }
  .ms-tbl td { padding:0 6px; height:28px; border:0; background:transparent !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ms-tbl tr { cursor:pointer; background:transparent !important; }
  .ms-tbl tr:hover td { background:var(--pop-hover) !important; }
  .ms-tbl tr.cur td { background:rgba(67,209,167,.16) !important; }
  .ms-tbl tr.cur .tk { box-shadow:inset 2px 0 0 #43D1A7; }
  .ms-tbl .tk { width:62px; font-weight:600; }
  .ms-tbl .tk a { color:var(--pop-ink); text-decoration:none; }
  .ms-tbl .nm { color:var(--pop-sub); }
  .ms-tbl .n { width:74px; text-align:right; color:var(--pop-ink); }
  .ms-up { color:var(--tb-pos, #43D1A7); } .ms-dn { color:var(--tb-neg, #F73463); }
  .ms-sk { display:inline-block; width:42px; height:10px; border-radius:3px; vertical-align:middle; }
  .ms-empty { display:flex; flex-direction:column; align-items:center; gap:8px; padding:22px 8px 16px; color:var(--pop-ink); font-size:13px; }
  .ms-empty b { font-weight:600; }
  .ms-empty .ic { width:32px; height:32px; border-radius:4px; display:grid; place-items:center; background:rgba(255,134,46,.14); }
  .ms-empty .ic svg { width:16px; height:16px; fill:#FF862E; }
  .ms-flt { display:flex; align-items:center; gap:9px; width:100%; height:32px; padding:0 10px; border:0; border-radius:3px; background:transparent;
            color:var(--pop-ink); font:inherit; cursor:pointer; }
  .ms-flt:hover { background:var(--pop-hover); }
  .ms-flt .sw { width:26px; height:15px; border-radius:999px; background:var(--pop-line2); position:relative; flex:none; }
  .ms-flt .sw::after { content:""; position:absolute; top:2px; left:2px; width:11px; height:11px; border-radius:50%; background:#fff; }
  .ms-flt.on .sw { background:#43D1A7; }
  .ms-flt.on .sw::after { left:13px; }
  .ms-flt .ms-ct { margin-left:auto; font-size:12px; color:var(--pop-faint); }
  /* editing your own watchlist from the pop-up — kept quiet: × shows on row hover, the add line reads as a muted row */
  .ms-tbl .x { width:22px; padding:0 2px 0 0; text-align:center; }
  .ms-rm { width:18px; height:18px; padding:0; border:0; border-radius:3px; background:transparent; color:var(--pop-faint); font:500 14px/18px Inter, sans-serif;
           cursor:pointer; opacity:0; }
  .ms-tbl tr:hover .ms-rm, .ms-rm:focus-visible { opacity:1; }
  .ms-rm:hover { background:var(--pop-hover); color:var(--tb-neg, #F73463); }
  .ms-add { display:flex; align-items:center; gap:8px; height:30px; padding:0 10px; margin:0; border-radius:3px; color:var(--pop-faint); }
  .ms-add:focus-within { background:var(--pop-hover); }
  .ms-add i { font-size:13px; width:15px; flex:none; text-align:center; }
  .ms-addi { flex:1; min-width:0; height:28px; padding:0; border:0; outline:0; background:transparent; color:var(--pop-ink); font:13px 'Inter', sans-serif; text-transform:uppercase; }
  .ms-addi::placeholder { color:var(--pop-faint); text-transform:none; }
  .ms-addcur { flex:none; height:22px; padding:0 8px; border:1px solid var(--pop-line2); border-radius:4px; background:transparent; color:var(--pop-sub);
               font:600 11.5px 'Inter', sans-serif; cursor:pointer; }
  .ms-addcur:hover { color:var(--pop-ink); background:var(--pop-hover); }
  .ms-err { padding:2px 10px 6px 33px; font-size:12px; color:var(--tb-neg, #F73463); }
  .ms-err[hidden] { display:none; }
  .ms-err a { color:inherit; font-weight:600; }

  /* ── Sleek pass (user, 2026-10-15: "more sleek… like if Apple designed it"). House rules kept: 4px corners, no blur,
     no rules inside. Hierarchy from type and space instead of boxes: a title header, airy rows, a soft filled add field. */
  .ms-panel { width:372px; padding:10px 6px 8px; transform-origin:top right; animation:msIn .18s cubic-bezier(.2,.8,.2,1); }
  @keyframes msIn { from { opacity:0; transform:scale(.97) translateX(4px); } to { opacity:1; transform:none; } }
  .ms-ph { padding:0 10px 8px; }
  .ms-hd { position:relative; display:inline-flex; align-items:baseline; gap:7px; max-width:100%; min-width:0; padding:2px 4px; margin:0 -4px; border-radius:4px; }
  .ms-hd.many { cursor:pointer; }
  .ms-hd.many:hover { background:var(--pop-hover); }
  .ms-hd .t { font-size:15px; font-weight:650; letter-spacing:-.01em; color:var(--pop-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ms-hd .c { font-size:13px; font-weight:500; color:var(--pop-faint); font-variant-numeric:tabular-nums; }
  .ms-hd .ch { width:13px; height:13px; align-self:center; color:var(--pop-sub); flex:none; }
  .ms-hd .ms-pick { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; border:0; }
  .ms-pb { max-height:min(380px, 52vh); scrollbar-width:thin; scrollbar-color:var(--pop-line2) transparent; }
  .ms-pb::-webkit-scrollbar { width:6px; } .ms-pb::-webkit-scrollbar-thumb { background:var(--pop-line2); border-radius:3px; }
  .ms-tbl td { height:32px; padding:0 8px; }
  .ms-tbl td:first-child { padding-left:10px; border-radius:4px 0 0 4px; }
  .ms-tbl td:last-child { padding-right:10px; border-radius:0 4px 4px 0; }
  .ms-tbl .tk { width:60px; font-weight:600; letter-spacing:.01em; }
  .ms-tbl .nm { font-size:12.5px; color:var(--pop-faint); }
  .ms-tbl .n { width:70px; font-weight:500; }
  .ms-tbl tr:hover td { background:var(--pop-hover) !important; }
  .ms-tbl tr.cur td { background:rgba(67,209,167,.13) !important; }
  .ms-tbl tr.cur .tk { box-shadow:none; }
  .ms-tbl tr.cur .tk a { color:#0d8a66; }
  html:not([data-theme="light"]) .ms-tbl tr.cur .tk a { color:#43D1A7; }
  .ms-tbl .x { width:24px; }
  .ms-pf { padding-top:6px; }
  .ms-add { height:32px; margin:0 4px; padding:0 8px 0 10px; background:var(--pop-input); border:1px solid transparent; border-radius:4px; }
  .ms-add:focus-within { background:var(--pop-input); border-color:var(--pop-line2); }
  .ms-add i { font-size:12px; color:var(--pop-faint); }
  .ms-err { padding:5px 14px 0; }
  .ms-flt { margin-top:4px; }
  .ms-links { display:flex; align-items:center; gap:7px; padding:9px 14px 2px; font-size:12px; color:var(--pop-faint); }
  .ms-links i { font-style:normal; }
  .ms-links a, .ms-links button { padding:0; border:0; background:none; font:inherit; color:var(--pop-sub); text-decoration:none; cursor:pointer; }
  .ms-links a:hover, .ms-links button:hover { color:var(--pop-ink); }
  .ms-panel { width:392px; }
  .ms-tbl .tk { width:72px; }
  .ms-tbl td.x { width:30px; padding:0 6px 0 0; text-align:right; overflow:visible; }
  html[data-theme="light"] .ms-add, html[data-theme="light"] .ms-add:focus-within { background:#f2f4f7; }

  /* ── Frosted (user picked style 3 of 5, 2026-10-15): translucent glass, rounder corners, a deeper soft shadow. The one
     deliberate exception to the pop-up kit's 4px / no-blur rules (radius through a variable so square_corners leaves it). */
  .aiq-menu.ms-panel { --ms-r:12px; --ms-r2:7px; border-radius:var(--ms-r); background:rgba(36,36,40,.72); border:1px solid rgba(255,255,255,.09);
              -webkit-backdrop-filter:blur(24px) saturate(170%); backdrop-filter:blur(24px) saturate(170%);
              box-shadow:0 24px 60px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.2); }
  html[data-theme="light"] .aiq-menu.ms-panel { background:rgba(255,255,255,.72); border-color:rgba(0,0,0,.08);
              box-shadow:0 24px 60px rgba(15,17,21,.18), 0 2px 8px rgba(15,17,21,.06); }
  .ms-tbl td:first-child { border-radius:var(--ms-r2) 0 0 var(--ms-r2); }
  .ms-tbl td:last-child { border-radius:0 var(--ms-r2) var(--ms-r2) 0; }
  .ms-add, .ms-hd { border-radius:var(--ms-r2); }
  .ms-add, .ms-add:focus-within, html[data-theme="light"] .ms-add, html[data-theme="light"] .ms-add:focus-within { background:rgba(127,127,127,.14); }
  .ms-tbl tr:hover td { background:rgba(127,127,127,.14) !important; }

  /* ── Header buttons + ⋯ settings (user, 2026-10-21: "more buttons like plus to add and advanced view and settings like
     TradingView has it"). Plain icon buttons right of the title; the menu is drawn inside the frosted pop-up. */
  .ms-ph { display:flex; align-items:center; }
  .ms-tools { display:flex; align-items:center; gap:2px; margin-left:auto; flex:none; }
  .ms-tb { display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; border-radius:var(--ms-r2, 4px); background:transparent;
           color:var(--pop-sub); font-size:16px; text-decoration:none; cursor:pointer; }
  .ms-tb:hover, .ms-tb[aria-expanded="true"] { background:rgba(127,127,127,.14); color:var(--pop-ink); }
  .ms-set { position:absolute; right:10px; left:auto; z-index:2; min-width:200px; }
  .ms-set .ms-mi { height:28px; }
  .ms-new { padding:3px 4px; }
  .ms-newi { width:100%; box-sizing:border-box; height:28px; padding:0 8px; border:1px solid var(--pop-line2); border-radius:var(--ms-r2, 4px);
             background:var(--pop-input); color:var(--pop-ink); font:13px 'Inter', sans-serif; outline:none; }
  .ms-newi:focus { border-color:var(--pop-blue); }
  .ms-new-err { padding:4px 10px 2px; }
  .ms-tbl .c { width:62px; }
  .ms-tbl thead th { height:22px; padding:0 8px; border:0; background:transparent !important; font-size:11px; font-weight:500; color:var(--pop-faint);
                     text-align:left; text-transform:none; letter-spacing:0; }
  .ms-tbl thead th:first-child { padding-left:10px; }
  .ms-tbl thead th.n { text-align:right; }
  html[data-theme="light"] .ms-tbl thead th { background:transparent !important; color:var(--pop-faint) !important; }
  .ms-tbl thead tr { cursor:default; }
  .ms-tbl thead tr:hover th { background:transparent !important; }
  .ms-empty .aiq-btn { margin-top:4px; }
  .ms-empty .aiq-btn i { margin-right:6px; }

  /* ── Add symbol dialog (user, 2026-10-21, TradingView's): search box, rows with logo · ticker · name · exchange · +.
     House dialog kit for the frame; frosted via aiq-frost.css like every .aiq-dlg. */
  .ms-adddlg { --dlg-w:620px; height:min(560px, calc(100vh - 64px)); }
  .ms-adddlg .aiq-dlg-h { align-items:baseline; gap:10px; }
  .ms-add-to { font-size:13px; color:var(--pop-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  .ms-sq { display:flex; align-items:center; gap:10px; margin:2px 18px 10px; height:40px; padding:0 12px; border:1px solid var(--pop-line2);
           border-radius:4px; background:var(--pop-input); color:var(--pop-faint); flex:none; }
  .ms-sq:focus-within { border-color:var(--pop-blue); }
  .ms-sq > i { font-size:16px; }
  .ms-sqi { flex:1; min-width:0; height:38px; border:0 !important; outline:0; background:transparent !important; padding:0;
            color:var(--pop-ink); font:15px 'Inter', sans-serif; text-transform:uppercase; }
  .ms-sqi::placeholder { color:var(--pop-faint); text-transform:none; }
  .ms-sqx { display:grid; place-items:center; padding:0; border:0; background:none; color:var(--pop-faint); font-size:17px; cursor:pointer; }
  .ms-sqx:hover { color:var(--pop-ink); }
  .ms-sqx[hidden] { display:none; }
  .ms-res { flex:1 1 auto; min-height:0; overflow:auto; padding:0 8px; scrollbar-width:thin; }
  .ms-ri { display:flex; align-items:center; gap:12px; height:44px; padding:0 10px; border-radius:4px; cursor:pointer; font-size:13.5px; }
  .ms-ri.hi, .ms-ri:hover { background:var(--pop-hover); }
  .ms-rl { position:relative; width:26px; height:26px; flex:none; border-radius:50%; overflow:hidden; background:var(--pop-line); display:grid; place-items:center; }
  .ms-rl::before { content:attr(data-l); font-size:12px; font-weight:650; color:var(--pop-sub); }
  .ms-rl img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; }
  .ms-rt { width:84px; flex:none; font-weight:650; color:var(--pop-blue-ink); }
  .ms-rn { flex:1; min-width:0; color:var(--pop-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ms-rx { flex:none; font-size:12px; color:var(--pop-faint); }
  .ms-ra { flex:none; width:32px; height:32px; display:grid; place-items:center; border-radius:4px; color:var(--pop-ink); font-size:17px; }
  .ms-ri:hover .ms-ra { background:rgba(127,127,127,.16); }
  .ms-ra .ph-trash { display:none; }
  .ms-ri.on .ms-ra { color:var(--tb-pos, #43D1A7); }
  .ms-ri.on:hover .ms-ra .ph-check { display:none; }
  .ms-ri.on:hover .ms-ra .ph-trash { display:block; color:var(--tb-neg, #F73463); }
  .ms-res-msg { padding:28px 10px; text-align:center; font-size:13px; color:var(--pop-sub); }
  .ms-res-err { padding:6px 10px; font-size:12.5px; color:var(--tb-neg, #F73463); }
  .ms-res-err a { color:inherit; font-weight:600; }
  .ms-add-hint { flex:none; padding:10px 18px 12px; font-size:12px; color:var(--pop-faint); text-align:center; }
  .ms-add-hint kbd { display:inline-block; min-width:18px; padding:1px 5px; border:1px solid var(--pop-line2); border-radius:4px; font:600 11px Inter, sans-serif; color:var(--pop-sub); }
  /* the ⋯ menu sits on the glass pop-up, where its own blur can't reach the page — near-solid so it reads (user, 2026-10-21) */
  .ms-set { --fr-bg:rgba(36,36,40,.96); }
  html[data-theme="light"] .ms-set { --fr-bg:rgba(255,255,255,.97); }