/* DRAFT 2026-10-25 (html.at-done): Attio's "+ Add column" (static/js/aiq-addcol.js). Measured from app.attio.com:
   the blank last column's header holds a 28px button (padding 4 8 4 6, 14/500 grey .55, + icon) that greys on hover;
   the menu = Attio's attribute picker (white, 12px corners, layered shadow, search row + rule, 32px rows, 8px row
   corners, # / › counts, rule + footer action). Uses Attio's radii, so scripts/square_corners.py skips this file. */
html.at-done table.has-addcol th.aiq-addcol-th { width:160px; min-width:160px; padding:0 6px !important; text-align:left; vertical-align:middle;
  position:static !important; cursor:default; }
html.at-done table.has-addcol th.aiq-addcol-th::after, html.at-done table.has-addcol th.aiq-addcol-th::before { display:none !important; }
html.at-done table.has-addcol .aiq-addcol-td { width:160px; min-width:160px; padding:0 !important; background:transparent; }
html.at-done .aiq-addcol-btn { all:unset; box-sizing:border-box; display:inline-flex; align-items:center; gap:6px; height:28px; padding:4px 8px 4px 6px;
  border-radius:8px; font:500 14px/20px Inter, system-ui, sans-serif; letter-spacing:-0.07px; color:var(--a-mute, rgba(0,0,0,.55)); cursor:pointer; white-space:nowrap; }
html.at-done .aiq-addcol-btn svg { flex:none; }
html.at-done .aiq-addcol-btn:hover, html.at-done .aiq-addcol-btn.is-open { background:color-mix(in srgb, var(--a-ink, #101112) 5%, transparent); color:var(--a-ink, #101112); }
html.at-done .aiq-addcol-btn:focus-visible { outline:0; box-shadow:inset 0 0 0 1px var(--a-blue, #266DF0); }

.aiq-addcol-menu { position:fixed; z-index:var(--z-pop, 1000); width:274px; max-height:min(440px, 70vh); display:flex; flex-direction:column;
  background:var(--a-bg, #fff); color:var(--a-ink, #101112); border-radius:12px; overflow:hidden;
  box-shadow:inset 0 0 0 1px transparent, 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);
  font:500 14px/20px Inter, system-ui, sans-serif; letter-spacing:-0.07px; animation:aiqPopRise .12s ease-out; }
html[data-theme="dark"] .aiq-addcol-menu { box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 8px 24px rgba(0,0,0,.5); }
.aiq-addcol-menu .q { flex:none; padding:8px 12px; border-bottom:1px solid var(--a-line, #EEEFF1); }
.aiq-addcol-menu .q input { all:unset; box-sizing:border-box; width:100%; height:22px; font:inherit; color:inherit; }
.aiq-addcol-menu .q input::placeholder { color:var(--a-faint, rgba(0,0,0,.5)); }
.aiq-addcol-menu .ls { flex:1 1 auto; overflow-y:auto; padding:4px; overscroll-behavior:contain; }
.aiq-addcol-menu .ft { flex:none; padding:4px; border-top:1px solid var(--a-line, #EEEFF1); }
.aiq-addcol-menu .it { all:unset; box-sizing:border-box; display:flex; align-items:center; gap:8px; width:100%; height:32px; padding:6px 8px;
  border-radius:8px; cursor:pointer; white-space:nowrap; }
.aiq-addcol-menu .it.hv { background:color-mix(in srgb, var(--a-ink, #101112) 4%, transparent); }
.aiq-addcol-menu .it > svg { flex:none; color:var(--a-label, rgba(0,0,0,.63)); }
.aiq-addcol-menu .it > svg:last-child:not(:first-child) { margin-left:4px; }
.aiq-addcol-menu .it .nm { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.aiq-addcol-menu .it .ct { flex:none; max-width:96px; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:var(--a-label, rgba(0,0,0,.63)); font-variant-numeric:tabular-nums; }
.aiq-addcol-menu .it.back .nm { color:var(--a-label, rgba(0,0,0,.63)); }
.aiq-addcol-menu .hr { height:1px; margin:4px -4px; background:var(--a-line, #EEEFF1); }
.aiq-addcol-menu .none { padding:10px 8px; color:var(--a-faint, rgba(0,0,0,.5)); white-space:normal; }
@media (prefers-reduced-motion: reduce) { .aiq-addcol-menu { animation:none; } }