/* Built by app/utils/bundles.py from the files named below. Edit those; never this file. */
/* ==== css/aiq-rail.css ==== */
/* Right-hand bar panels (static/js/aiq-rail.js). Picked 2026-10-09 from static/proto/rail-panels-drafts.html.
   The panel sits over the page's right edge, beside the bar; only on the desktop shell. */
#rp { --rp-bg:#fff; --rp-ink:#0F172A; --rp-dim:#64748B; --rp-line:#E5E8EE; --rp-soft:#F4F6F9; --rp-hov:#F1F4F8;
  --rp-up:#0E9F75; --rp-dn:#E11D48; --rp-link:#455DDC;
  position:fixed; z-index:94; top:var(--sh-top, 48px); right:var(--sh-rail, 48px); bottom:var(--sh-bottom, 0px); width:344px;
  display:flex; flex-direction:column; background:var(--rp-bg); color:var(--rp-ink); border-left:1px solid var(--rp-line);
  box-shadow:-8px 0 24px rgba(15,23,42,.08); font:13px/1.4 Inter, system-ui, sans-serif; font-variant-numeric:tabular-nums; }
#rp[hidden] { display:none; }
html[data-theme="dark"] #rp { --rp-bg:#25282F; --rp-ink:#E6E9EF; --rp-dim:#8D95A5; --rp-line:#343841; --rp-soft:#2C3038;
  --rp-hov:#2E323A; --rp-up:#43D1A7; --rp-dn:#F73463; --rp-link:#8A9BF0; box-shadow:-8px 0 24px rgba(0,0,0,.35); }
#rp * { box-sizing:border-box; }
#rp a { color:inherit; text-decoration:none; }
#rp .rp-head { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; padding:12px 10px 10px 14px; border-bottom:1px solid var(--rp-line); }
#rp .rp-title { font-weight:600; font-size:14px; }
#rp .rp-sub { color:var(--rp-dim); font-size:11.5px; margin-top:2px; }
#rp .rp-head-btns { display:flex; gap:2px; flex:none; }
#rp .rp-ib { width:26px; height:26px; border:0; background:none; color:var(--rp-dim); border-radius:4px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:14px; }
#rp .rp-ib:hover { background:var(--rp-hov); color:var(--rp-ink); }
#rp .rp-ib.on { color:var(--rp-link); }
#rp .rp-scroll { flex:1; overflow:auto; min-height:0; }
#rp .rp-foot { border-top:1px solid var(--rp-line); padding:10px 14px; }
#rp .rp-foot a, #rp a.rp-link { color:var(--rp-link); font-weight:500; font-size:12.5px; }
#rp .rp-empty { padding:28px 20px; text-align:center; color:var(--rp-dim); font-size:12.5px; }
#rp .rp-empty a { color:var(--rp-link); }
#rp .rp-select { border:1px solid var(--rp-line); background:var(--rp-bg); color:var(--rp-ink); border-radius:4px;
  font:600 13px Inter, system-ui, sans-serif; padding:3px 6px; max-width:210px; }

/* plain rows (watchlist) */
#rp table.rp-t { width:100%; border-collapse:collapse; table-layout:fixed; }
#rp .rp-t .c-p { width:82px; } #rp .rp-t .c-d { width:72px; }
html[data-theme] #rp .rp-t th { font-weight:500; font-size:11px; color:var(--rp-dim); text-align:left; padding:8px 14px 6px;
  background:none !important; border-bottom:1px solid var(--rp-line); }
html[data-theme] #rp .rp-t td { padding:7px 14px; border-bottom:1px solid var(--rp-line); background:none !important; white-space:nowrap; }
#rp .rp-t th + th, #rp .rp-t td + td { padding-left:4px; }
html[data-theme] #rp .rp-t tbody tr:hover td { background:var(--rp-hov) !important; cursor:pointer; }
html[data-theme] #rp .rp-t tr.cur td { background:var(--rp-soft) !important; }
#rp .rp-t tr.cur td:first-child { box-shadow:inset 2px 0 #455DDC; }
#rp .r { text-align:right !important; }
#rp .nm { display:block; color:var(--rp-dim); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#rp .up { color:var(--rp-up); } #rp .dn { color:var(--rp-dn); } #rp .muted { color:var(--rp-dim); }
#rp .rp-drop { margin:12px 14px; border:1px dashed var(--rp-line); border-radius:4px; padding:10px; text-align:center; color:var(--rp-dim); font-size:12px; }
#rp.rp-dragging .rp-drop { border-color:#455DDC; color:var(--rp-link); background:var(--rp-soft); }
#rp .rp-addcur { margin:10px 14px 0; width:calc(100% - 28px); }

/* buttons + inputs */
#rp .rp-btn { border:0; background:#455DDC; color:#fff; border-radius:4px; padding:0 12px; height:32px; font:600 12.5px Inter, system-ui, sans-serif; cursor:pointer; }
#rp .rp-btn:disabled { opacity:.5; cursor:default; }
#rp .rp-btn.ghost { background:none; border:1px solid var(--rp-line); color:var(--rp-ink); }
#rp textarea, #rp input[type=text], #rp select.rp-tag { border:1px solid var(--rp-line) !important; background:var(--rp-bg) !important;
  color:var(--rp-ink) !important; border-radius:4px; padding:7px 9px; font:13px Inter, system-ui, sans-serif; outline:none; }
#rp textarea:focus, #rp input[type=text]:focus { border-color:#455DDC !important; }

/* ask */
#rp .rp-ctx { margin:10px 14px 0; padding:7px 10px; background:var(--rp-soft); border-radius:4px; font-size:12px; color:var(--rp-dim);
  display:flex; gap:6px; align-items:center; }
#rp .rp-ctx b { color:var(--rp-ink); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#rp .rp-chat { padding:12px 14px; display:flex; flex-direction:column; gap:10px; }
#rp .msg { padding:9px 11px; border-radius:4px; max-width:94%; overflow-wrap:anywhere; }
#rp .msg.me { align-self:flex-end; background:#455DDC; color:#fff; white-space:pre-wrap; }
#rp .msg.ai { background:var(--rp-soft); }
#rp .msg.ai p { margin:0 0 8px; } #rp .msg.ai p:last-child { margin-bottom:0; }
#rp .msg.ai ul, #rp .msg.ai ol { margin:0 0 8px; padding-left:18px; }
#rp .msg.ai ul { list-style:disc; } #rp .msg.ai ol { list-style:decimal; }
#rp .msg.ai table { border-collapse:collapse; font-size:12px; margin:4px 0 8px; display:block; overflow-x:auto; }
#rp .msg.ai th, #rp .msg.ai td { border-bottom:1px solid var(--rp-line); padding:3px 6px; text-align:left; background:none !important; }
#rp .msg.ai h1, #rp .msg.ai h2, #rp .msg.ai h3 { font-size:13px; margin:8px 0 4px; }
#rp .msg.err { background:none; border:1px solid var(--rp-dn); color:var(--rp-dn); font-size:12.5px; }
#rp .msg.err a { text-decoration:underline; }
#rp .rp-step { font-size:11.5px; color:var(--rp-dim); display:flex; gap:6px; align-items:center; }
#rp .rp-more { margin-top:6px; font-size:12px; }
#rp .rp-dots { display:inline-flex; gap:3px; padding:4px 0; }
#rp .rp-dots i { width:5px; height:5px; border-radius:50%; background:var(--rp-dim); animation:rp-dot 1s infinite ease-in-out; }
#rp .rp-dots i:nth-child(2) { animation-delay:.15s; } #rp .rp-dots i:nth-child(3) { animation-delay:.3s; }
@keyframes rp-dot { 0%, 80%, 100% { opacity:.25; } 40% { opacity:1; } }
#rp .sugg { display:flex; flex-wrap:wrap; gap:6px; }
#rp .sugg button { border:1px solid var(--rp-line); background:var(--rp-bg); color:var(--rp-ink); border-radius:999px; padding:4px 10px;
  font:500 12px Inter, system-ui, sans-serif; cursor:pointer; }
#rp .sugg button:hover { border-color:#455DDC; }
#rp .rp-input { display:flex; gap:6px; padding:10px 12px; border-top:1px solid var(--rp-line); }
#rp .rp-input textarea { flex:1; min-width:0; resize:none; max-height:120px; }
#rp .rp-input .rp-btn { padding:0; width:34px; flex:none; align-self:flex-end; font-size:14px; display:flex; align-items:center; justify-content:center; }

/* notes */
#rp .rp-add { padding:12px 14px; border-bottom:1px solid var(--rp-line); }
#rp .rp-add textarea { width:100%; resize:none; display:block; }
#rp .rp-add-row { display:flex; gap:6px; margin-top:6px; justify-content:space-between; }
#rp .rp-add select.rp-tag { height:32px; padding:0 6px; }
#rp .note { padding:11px 14px; border-bottom:1px solid var(--rp-line); }
#rp .note-top { display:flex; align-items:center; gap:6px; margin-bottom:4px; }
#rp .note-tk { font-weight:600; font-size:12px; }
#rp .tag { font-size:10.5px; font-weight:600; color:#9646EF; background:rgba(150,70,239,.1); padding:1px 6px; border-radius:4px; }
#rp .note-meta { margin-left:auto; color:var(--rp-dim); font-size:11px; white-space:nowrap; }
#rp .note-body { white-space:pre-wrap; overflow-wrap:anywhere; }

/* activity */
#rp .rp-seg { display:flex; gap:2px; margin:10px 14px 4px; background:var(--rp-soft); padding:2px; border-radius:4px; }
#rp .rp-seg button { flex:1; border:0; background:none; color:var(--rp-dim); font:500 11.5px Inter, system-ui, sans-serif; padding:5px 0;
  border-radius:3px; cursor:pointer; white-space:nowrap; }
#rp .rp-seg button.on { background:var(--rp-bg); color:var(--rp-ink); box-shadow:0 1px 2px rgba(0,0,0,.08); }
#rp .rp-sec { font-size:11px; font-weight:600; color:var(--rp-dim); padding:12px 14px 4px; }
#rp .ev { display:flex; gap:10px; padding:10px 14px; border-bottom:1px solid var(--rp-line); position:relative; }
#rp .ev:hover, #rp .rec:hover { background:var(--rp-hov); }
#rp .ev.unread::before { content:""; position:absolute; left:5px; top:16px; width:5px; height:5px; border-radius:50%; background:#455DDC; }
#rp .ev-ic { color:var(--rp-dim); font-size:15px; margin-top:1px; }
#rp .ev.unread .ev-t { font-weight:600; }
#rp .ev-main { flex:1; min-width:0; }
#rp .ev-s { color:var(--rp-dim); font-size:12px; }
#rp .ev-when { color:var(--rp-dim); font-size:11px; white-space:nowrap; }

/* recent */
#rp .rec { display:flex; gap:10px; align-items:center; padding:9px 14px; border-bottom:1px solid var(--rp-line); }
#rp .tk { width:52px; flex:none; font-weight:600; font-size:12px; overflow:hidden; text-overflow:ellipsis; }
#rp .tk.pg { color:var(--rp-dim); }
#rp .rec-t { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12.5px; }

/* skeleton rows while a panel loads (same height as the rows they stand for) */
#rp .rp-skel { height:46px; margin:0 14px; border-bottom:1px solid var(--rp-line); display:flex; align-items:center; }
#rp .rp-skel i { display:block; height:10px; width:60%; border-radius:4px; background:var(--rp-soft); }

@media (max-width:767px) { #rp { display:none !important; } }

/* Phones: no right-hand bar (its display rules in _shell.html only exist from 768px up, so below that the icons fell
   into the page as a loose row at the bottom-left; found 2026-10-10). */
@media (max-width: 767px) { #aiq-rail, #rp { display: none !important; } }

/* Floating My stocks button, bottom right (user, 2026-10-26). Only where the rail's My stocks tab is hidden (the Attio
   shell, not attio-classic), desktop only; opens the My stocks pop-up above it (aiq-mystocks.js data-ms-side="up"). */
#aiq-ms-fab { display:none; }
@media (min-width:768px) {
  html.at-shell.aiq-shell:not(.at-classic):not(.is-popout):not(.is-tab) #aiq-ms-fab { display:inline-flex; }
}
/* Attio secondary button (user, 2026-10-26): white, ink, r8 (via a var so square_corners leaves it), Attio's button shadow. */
#aiq-ms-fab { --fab-r:8px; position:fixed; z-index:96; right:16px; bottom:calc(var(--fab-lift, 0px) + 16px); height:28px; padding:4px 8px 4px 6px;
  align-items:center; gap:6px; border:0; border-radius:var(--fab-r); cursor:pointer; font:500 14px/20px Inter, system-ui, sans-serif;
  -webkit-font-smoothing:antialiased; color:#101112; background:#FFFFFF;
  box-shadow:inset 0 0 0 1px #0000, 0 0 2px 0 rgba(28,40,64,.18), 0 1px 3px 0 rgba(0,0,0,.04); }
#aiq-ms-fab i { font-size:16px; color:rgba(0,0,0,.63); }
#aiq-ms-fab:hover, #aiq-ms-fab[aria-expanded="true"] { background:#F6F7F7; }
/* dark: a step lighter than the panel it floats over (Attio's own #17181A vanished on the blue-grey panel) */
html[data-theme="dark"] #aiq-ms-fab { color:#F1F2F3; background:color-mix(in srgb, var(--sh-bed, #252933) 90%, #fff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), 0 1px 3px 0 rgba(0,0,0,.4); }
html[data-theme="dark"] #aiq-ms-fab i { color:rgba(255,255,255,.60); }
html[data-theme="dark"] #aiq-ms-fab:hover, html[data-theme="dark"] #aiq-ms-fab[aria-expanded="true"] { background:color-mix(in srgb, var(--sh-bed, #252933) 84%, #fff); }

/* ==== css/aiq-mystocks.css ==== */
/* "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; }
  button.ms-hd { border:0; background:none; font:inherit; text-align:left; }
  .ms-panel .ms-set.ms-lists { right:auto; min-width:220px; max-width:300px; max-height:min(360px, 60vh); overflow-y:auto; }
  .ms-lists .ms-nm { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .ms-lists .ms-ct { margin-left:12px; color:var(--pop-faint); font-variant-numeric:tabular-nums; }
  .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-panel prefix: aiq-pop.css loads later and its .aiq-menu { position:fixed } threw the menu to the top of the window */
  .ms-panel .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); }

  /* ── Attio look in the Attio shell (user, 2026-10-26: "style the popup in Attio theme"). Replaces the frosted glass there
     only: white popover r12 + Attio's layered shadow, no blur, 14/500 type, 32px rows r8, #F6F7F7 hover, a hairline under
     the header, tickers as blue tinted pills, 28px ghost icon buttons. The classic shell keeps the frosted pop-up. */
  html.at-shell { --msa-bg:#FFFFFF; --msa-ink:#101112; --msa-sub:rgba(0,0,0,.63); --msa-faint:rgba(0,0,0,.50); --msa-ghost:rgba(0,0,0,.55);
    --msa-line:#EEEFF1; --msa-hov:#F6F7F7; --msa-pill:#505155; --msa-pill-bg:rgba(0,0,0,.04);
    --msa-tk-bg:#E5EEFF; --msa-tk-ring:#D6E5FF; --msa-tk:#266DF0;
    --msa-pop:inset 0 0 0 1px #0000, 0 0 0 1px rgba(28,40,64,.04), 0 4px 8px -4px rgba(28,40,64,.12), 0 4px 12px -2px rgba(24,41,75,.16); }
  html.at-shell[data-theme="dark"] { --msa-bg:#101112; --msa-ink:#F1F2F3; --msa-sub:rgba(255,255,255,.60); --msa-faint:rgba(255,255,255,.45);
    --msa-ghost:rgba(255,255,255,.55); --msa-line:#2F3033; --msa-hov:#1B1C1F; --msa-pill:#D9DADE; --msa-pill-bg:rgba(255,255,255,.06);
    --msa-tk-bg:#1D2E55; --msa-tk-ring:#2B3E6D; --msa-tk:#4E8CFC;
    --msa-pop:0 0 0 1px rgba(255,255,255,.08), 0 4px 8px -4px rgba(0,0,0,.5), 0 8px 24px -4px rgba(0,0,0,.55); }
  html.at-shell .aiq-menu.ms-panel:not(#_) { --ms-r:12px; --ms-r2:8px; width:372px; padding:4px; border:0; border-radius:12px;
    background:var(--msa-bg); color:var(--msa-ink); box-shadow:var(--msa-pop); -webkit-backdrop-filter:none; backdrop-filter:none;
    font:500 14px/20px Inter, system-ui, sans-serif; -webkit-font-smoothing:antialiased; animation:msaIn .14s ease-out; }
  @keyframes msaIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
  html.at-shell .ms-panel:not(#_) .ms-ph { height:40px; padding:0 4px 0 8px; margin:0 -4px 4px; padding-left:12px; border-bottom:1px solid var(--msa-line); }
  html.at-shell .ms-panel:not(#_) .ms-hd { align-items:center; gap:6px; border-radius:8px; padding:2px 6px; margin:0 -6px; }
  html.at-shell .ms-panel:not(#_) .ms-hd.many:hover { background:var(--msa-hov); }
  html.at-shell .ms-panel:not(#_) .ms-hd .t { font-size:14px; font-weight:500; letter-spacing:0; color:var(--msa-ink); }
  html.at-shell .ms-panel:not(#_) .ms-hd .c { min-width:16px; height:16px; padding:0 4px; border-radius:5px; display:inline-grid; place-items:center;
    background:var(--msa-pill-bg); box-shadow:inset 0 0 0 1px var(--msa-line); font-size:11px; line-height:1; color:var(--msa-pill); }
  html.at-shell .ms-panel:not(#_) .ms-hd .ch { color:var(--msa-faint); width:14px; height:14px; }
  html.at-shell .ms-panel:not(#_) .ms-tb { width:28px; height:28px; border-radius:8px; color:var(--msa-ghost); font-size:16px; }
  html.at-shell .ms-panel:not(#_) .ms-tb:hover, html.at-shell .ms-panel:not(#_) .ms-tb[aria-expanded="true"] { background:var(--msa-hov); color:var(--msa-ink); }
  html.at-shell .ms-panel:not(#_) .ms-pb { padding:0; }
  html.at-shell .ms-panel:not(#_) .ms-tbl { font-size:14px; }
  html.at-shell .ms-panel:not(#_) .ms-tbl thead th { height:24px; padding:0 8px; font-size:12px; font-weight:500; color:var(--msa-sub) !important; }
  html.at-shell .ms-panel:not(#_) .ms-tbl thead th:first-child { padding-left:8px; }
  html.at-shell .ms-panel:not(#_) .ms-tbl td { height:32px; padding:0 8px; font-weight:500; }
  html.at-shell .ms-panel:not(#_) .ms-tbl td:first-child { padding-left:8px; border-radius:8px 0 0 8px; }
  html.at-shell .ms-panel:not(#_) .ms-tbl td:last-child { padding-right:8px; border-radius:0 8px 8px 0; }
  html.at-shell .ms-panel:not(#_) .ms-tbl tr:hover td { background:var(--msa-hov) !important; }
  html.at-shell .ms-panel:not(#_) .ms-tbl tr.cur td { background:var(--msa-hov) !important; }
  html.at-shell .ms-panel:not(#_) .ms-tbl .tk { width:76px; font-weight:500; letter-spacing:0; }
  html.at-shell .ms-panel:not(#_) .ms-tbl .tk a { display:inline-block; max-width:100%; height:20px; padding:0 5px; border-radius:6px; overflow:hidden; text-overflow:ellipsis;
    vertical-align:middle; background:var(--msa-tk-bg); box-shadow:inset 0 0 0 1px var(--msa-tk-ring); color:var(--msa-tk) !important; font-size:12px; line-height:20px; }
  html.at-shell .ms-panel:not(#_) .ms-tbl .nm { font-size:14px; color:var(--msa-sub); }
  html.at-shell .ms-panel:not(#_) .ms-tbl .n { color:var(--msa-ink); font-weight:500; }
  html.at-shell .ms-panel:not(#_) .ms-sk { border-radius:999px; background:var(--msa-hov); }
  html.at-shell .ms-panel:not(#_) .ms-rm { border-radius:6px; color:var(--msa-faint); }
  html.at-shell .ms-panel:not(#_) .ms-rm:hover { background:rgba(0,0,0,.06); }
  html.at-shell .ms-panel:not(#_) .ms-pf:not(:empty) { padding-top:4px; }
  html.at-shell .ms-panel:not(#_) .ms-flt { height:32px; border-radius:8px; color:var(--msa-ink); }
  html.at-shell .ms-panel:not(#_) .ms-flt:hover { background:var(--msa-hov); }
  html.at-shell .ms-panel:not(#_) .ms-flt.on .sw { background:#266DF0; }
  html.at-shell .ms-panel:not(#_) .ms-empty { font-size:14px; color:var(--msa-sub); }
  html.at-shell .ms-panel:not(#_) .ms-empty b { font-weight:600; color:var(--msa-ink); }
  /* the ⋯ settings menu: an Attio popover too (solid, r12, 32px items, rules between groups) */
  html.at-shell .ms-panel:not(#_) .ms-set { --fr-bg:var(--msa-bg); padding:4px; border:0; border-radius:12px; background:var(--msa-bg); box-shadow:var(--msa-pop);
    -webkit-backdrop-filter:none; backdrop-filter:none; }
  html.at-shell .ms-panel:not(#_) .ms-set .aiq-mi { height:32px; gap:8px; padding:0 8px; border-radius:8px; font-size:14px; font-weight:500; color:var(--msa-ink); }
  html.at-shell .ms-panel:not(#_) .ms-set .aiq-mi i { font-size:16px; color:var(--msa-sub); }
  html.at-shell .ms-panel:not(#_) .ms-set .aiq-mi:hover { background:var(--msa-hov); }
  html.at-shell .ms-panel:not(#_) .ms-set .ms-chk { color:#266DF0; }
  html.at-shell .ms-panel:not(#_) .ms-set .aiq-menu-lbl { padding:6px 8px 2px; font-size:12px; font-weight:500; line-height:16px; letter-spacing:0; text-transform:none; color:var(--msa-sub); }
  html.at-shell .ms-panel:not(#_) .ms-set .aiq-menu-hr { height:1px; margin:4px -4px; background:var(--msa-line); }
  html.at-shell .ms-panel:not(#_) .ms-set .ms-newi { height:32px; border:0; border-radius:9px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); font-size:14px; }

/* ==== css/aiq-frost.css ==== */
/* Frosted pop-ups (user, 2026-10-15: after a one-at-a-time tour, "yes to all of them"). The same glass as the My stocks
   pop-up (css/aiq-mystocks.css) on: menus (.aiq-menu, the Statements Options menu), the account menu, search results,
   the ⌘K palette, the right-rail side panels, toasts and dialogs. Popovers (.aiq-pop) stay solid (not reviewed).
   `:not(#_)` lifts every rule above page "look" layers that set these backgrounds with !important (_look_ribbon.html
   did for the search results, which is why they first showed solid). Radius goes through a variable (square_corners). */
:root { --fr-bg:rgba(36,36,40,.72); --fr-line:rgba(255,255,255,.09); --fr-r:12px; --fr-r2:7px;
        --fr-shadow:0 24px 60px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.2); --fr-blur:blur(24px) saturate(170%); }
html[data-theme="light"] { --fr-bg:rgba(255,255,255,.72); --fr-line:rgba(0,0,0,.08);
        --fr-shadow:0 24px 60px rgba(15,17,21,.18), 0 2px 8px rgba(15,17,21,.06); }

.aiq-menu:not(#_), .stmt-opt-menu:not(#_), #sb-user-menu:not(#_), .ticker-ac-drop:not(#_), .cmdk:not(#_), #rp:not(#_),
#aiq-toast:not(#_), .aiq-dlg:not(#_) {
  background:var(--fr-bg) !important; border:1px solid var(--fr-line) !important; border-radius:var(--fr-r) !important;
  box-shadow:var(--fr-shadow) !important; -webkit-backdrop-filter:var(--fr-blur); backdrop-filter:var(--fr-blur); }
/* rows inside get the softer inner radius */
.aiq-menu .aiq-mi:not(#_), #sb-user-menu .um-item:not(#_) { border-radius:var(--fr-r2); }
/* the rail panels draw their surfaces from --rp-bg: see-through too */
#rp:not(#_) { --rp-bg:transparent; overflow:hidden; }
/* toast: text follows the theme on glass */
html[data-theme="light"] #aiq-toast:not(#_) { color:#0F1115; }

/* Dark-mode pop-ups get light mode's edge (user, 2026-10-29: "they don't have that line around the borders that they do in
   light mode, and I really like that line"): a brighter 1px edge plus a soft 4px halo on dialogs, the edge alone on the
   smaller surfaces (menus, search results, palette, rail panels). */
html:not([data-theme="light"]) .aiq-dlg:not(#_) { border-color:rgba(255,255,255,.2) !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.07), var(--fr-shadow) !important; }
html:not([data-theme="light"]) :is(.aiq-menu, .stmt-opt-menu, #sb-user-menu, .ticker-ac-drop, .cmdk, #rp):not(#_) { border-color:rgba(255,255,255,.16) !important; }