/* Rename from the list on every My page (js/aiq-rename.js, user 2026-10-31). */

/* ⋯ at the right of the hovered row's name cell (the "Open →" pill moves left of it: .aro-acts) */
td.rnm-cell { position: relative; }
td.sticky.rnm-cell { position: sticky; }
.rnm-acts { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 2; display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px; background: var(--a-bg, #fff); color: var(--a-sub, #5C5E63); cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--a-ring, rgba(0,0,0,.12)); opacity: 0; }
.rnm-acts i { font-size: 14px; }
tr:hover > td > .rnm-acts, tr:focus-within > td > .rnm-acts, .rnm-acts.on { opacity: 1; }
.rnm-acts:hover, .rnm-acts.on { color: var(--a-ink, #101112); background: var(--a-hover, #F4F5F6); }
html[data-theme="dark"] .rnm-acts { background: var(--a-bg, #18191B); color: rgba(255,255,255,.62); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
html[data-theme="dark"] .rnm-acts:hover, html[data-theme="dark"] .rnm-acts.on { color: #fff; background: #26272A; }
@media (hover: none) { .rnm-acts { display: none; } }   /* phones: long-press a row */
.rnm-menu .aiq-mi:disabled { opacity: .45; cursor: default; background: transparent; }   /* a sample's Rename / Star */

/* Dashboards' own row-end ⋯ gives way to this one (its Duplicate is in this menu) */
.ws-ix-t td.act .ws-ix-more[data-more] { visibility: hidden; }

/* a starred list / model (My stocks, Models): an amber star after the name; click unstars */
.rnm-star { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px; margin-left: 2px; padding: 0;
  border: 0; border-radius: 4px; background: transparent; color: #F5A524; cursor: pointer; vertical-align: middle; }
.rnm-star i { font-size: 13px; }
.rnm-star:hover { background: var(--a-hover, rgba(0,0,0,.05)); }
html[data-theme="dark"] .rnm-star:hover { background: rgba(255,255,255,.08); }

/* the name as a field, in place: same type as the name, a blue ring; the name's own box clips overflow (ellipsis), so it
   lets the field's edges out while editing */
.rnm-host { overflow: visible !important; text-overflow: clip !important; }
html input.rnm-in.rnm-in { box-sizing: border-box; height: 24px; margin: -3px 0 -3px -6px; padding: 0 5px; max-width: 100%;
  border: 0 !important; border-radius: 4px; outline: none; background: var(--a-bg, #fff) !important;
  box-shadow: inset 0 0 0 1px #455DDC !important; color: inherit !important; font: inherit; letter-spacing: inherit; }
html[data-theme="dark"] input.rnm-in.rnm-in { background: #1F1F1F !important; }
tr.rnm-editing > td > .aro-open, tr.rnm-editing > td > .rnm-acts, tr.rnm-editing .rnm-star { display: none; }
tr.rnm-editing { cursor: default; }
/* a short tint once a name is saved */
tr.rnm-saved > td { animation: rnmSaved .9s ease-out; }
@keyframes rnmSaved { from { background-color: rgba(69,93,220,.12); } to { background-color: transparent; } }

/* one comfortable name column on every My page (user, 2026-10-31: "resize column 1 but don't make them too small"):
   320px = icon + a long name + Sample chip + "Open →" + ⋯. Screens (screener-home.js), Price charts (chart-home.js), Models (models/index.html) and
   Dashboards (dash-attio-draft.css) set it where their other columns are sized; My stocks, Reports, Financial charts here. */
html.at-done .msa-tbl:not(#_):not(#_) > thead > tr > th.msa-namec { width: 320px; }
#ra-tw .ra-tbl > thead > tr > th.cb + th { width: 320px; min-width: 320px; }
#fc-tbl > colgroup > col.c-nm { width: 320px; }   /* Financial charts */