/* DRAFT 2026-10-26: saved models in the Attio look — the /models list, the Modeling tab's list and the model workbook
   (js/modeling-wb.js, financials/_modeling_wb.html, models/index.html). Attio's measured sizes (the attio-style
   skill): 14/500 Inter, 28px controls r8, 48px header rows, 40/36px table rows with hairlines, cards r12, menus r12.
   Excel's conventions where they help: inputs in blue on a faint tint, formulas in ink, history columns muted.
   In scripts/square_corners.py EXCLUDE (Attio radii). */
.mw, .mw-menu {
  --mw-ink: #101112; --mw-mute: rgba(0,0,0,.63); --mw-faint: rgba(0,0,0,.5); --mw-ghost: rgba(0,0,0,.55);
  --mw-line: #EEEFF1; --mw-ring: #E6E7EA; --mw-card: #FBFBFB; --mw-hover: #F6F7F7; --mw-field: rgba(0,0,0,.02);
  --mw-field-line: rgba(0,0,0,.06); --mw-fill: rgba(0,0,0,.04); --mw-bg: #FFFFFF; --mw-tint: #F7F7FD; --mw-row: #F7F8FD;
  --mw-blue: #266DF0; --mw-blue-h: #215BC4; --mw-blue-ink: #1F5FD6; --mw-in: rgba(38,109,240,.06); --mw-in-on: rgba(38,109,240,.13);
  --mw-pos: #0d8a66; --mw-neg: #c8203f; --mw-warn: #B25E09;
  --mw-btn: inset 0 0 0 1px transparent, 0 0 2px 0 rgba(28,40,64,.18), 0 1px 3px 0 rgba(0,0,0,.04);
  --mw-btn-pri: inset 0 0 0 1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(38,109,240,.12), 0 3px 6px -2px rgba(38,109,240,.08);
  --mw-pop: 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);
}
html[data-theme="dark"] :is(.mw, .mw-menu) {
  --mw-ink: #F1F2F3; --mw-mute: rgba(255,255,255,.6); --mw-faint: rgba(255,255,255,.45); --mw-ghost: rgba(255,255,255,.55);
  --mw-line: #2A2D34; --mw-ring: #32353C; --mw-card: #202329; --mw-hover: #262930; --mw-field: rgba(255,255,255,.03);
  --mw-field-line: rgba(255,255,255,.08); --mw-fill: rgba(255,255,255,.05); --mw-bg: #1C1F25; --mw-tint: #1E2130; --mw-row: #222633;
  --mw-blue-h: #3A7CF2; --mw-blue-ink: #7FA6FF; --mw-in: rgba(78,140,252,.10); --mw-in-on: rgba(78,140,252,.2);
  --mw-pos: #43D1A7; --mw-neg: #F73463; --mw-warn: #FFB067;
  --mw-btn: inset 0 0 0 1px #2C2F36, 0 1px 2px 0 rgba(0,0,0,.3);
  --mw-btn-pri: inset 0 0 0 1px rgba(255,255,255,.08), 0 2px 4px -2px rgba(38,109,240,.25);
  --mw-pop: 0 0 0 1px #2C2F36, 0 8px 24px -4px rgba(0,0,0,.5);
}
.mw { color: var(--mw-ink); font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; background: var(--mw-bg); }
.mw [hidden], .mw-menu [hidden] { display: none !important; }
.mw :focus-visible { outline: 2px solid var(--mw-blue); outline-offset: 1px; }
.mw .pos { color: var(--mw-pos); } .mw .neg { color: var(--mw-neg); } .mw .mu { color: var(--mw-mute); } .mw .fa { color: var(--mw-faint); }
.mw .num { font-variant-numeric: tabular-nums; text-align: right; }

/* buttons */
.mw-btn { height: 28px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border: 0; border-radius: 8px; cursor: pointer; flex: none;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--mw-ink); background: var(--mw-bg); box-shadow: var(--mw-btn);
  white-space: nowrap; text-decoration: none; transition: background-color .2s; }
.mw-btn:hover { background: var(--mw-hover); }
.mw-btn i { font-size: 16px; }
.mw-btn .ph-caret-down { font-size: 12px; color: var(--mw-ghost); }
.mw-btn em { font-style: normal; color: var(--mw-ghost); }
.mw-btn.ghost { box-shadow: none; background: transparent; color: var(--mw-ghost); }
.mw-btn.ghost:hover { color: var(--mw-ink); background: var(--mw-fill); }
.mw-btn.pri { background: var(--mw-blue); color: #fff; box-shadow: var(--mw-btn-pri); padding: 4px 8px 4px 6px; }
.mw-btn.pri:hover { background: var(--mw-blue-h); }
.mw-btn.dash { box-shadow: none; background: var(--mw-field); outline: 1px dashed var(--mw-field-line); outline-offset: -1px; color: var(--mw-faint); }
.mw-ib { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; cursor: pointer; flex: none;
  background: transparent; color: var(--mw-ghost); font-size: 16px; padding: 0; transition: background-color .2s; }
.mw-ib:hover { background: var(--mw-fill); color: var(--mw-ink); }
.mw-ib.sec { background: var(--mw-bg); box-shadow: var(--mw-btn); }
.mw-ib.sm { width: 22px; height: 22px; border-radius: 6px; font-size: 14px; }
.mw-ib:disabled { opacity: .35; cursor: default; background: transparent; }
.mw-seg { display: inline-flex; padding: 2px; gap: 2px; border-radius: 10px; background: var(--mw-fill); flex: none; }
.mw-seg button { all: unset; cursor: pointer; height: 24px; padding: 0 9px; border-radius: 8px; font-size: 13px; color: var(--mw-mute); white-space: nowrap; }
.mw-seg button.on { background: var(--mw-bg); color: var(--mw-ink); box-shadow: 0 1px 2px -1px rgba(0,0,0,.08), inset 0 0 0 1px var(--mw-line); }
.mw-sw { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--mw-mute); white-space: nowrap; }
.mw-sw i { position: relative; width: 26px; height: 16px; border-radius: 999px; background: var(--mw-ring); flex: none; }
.mw-sw i::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.mw-sw.on i { background: var(--mw-blue); }
.mw-sw.on i::after { left: 12px; }

/* pills and tags */
.mw-pill { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 6px; border-radius: 6px; font-size: 12px; line-height: 16px;
  background: var(--mw-fill); color: var(--mw-mute); box-shadow: inset 0 0 0 1px var(--mw-line); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mw-tag { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 6px; border-radius: 7px; font-size: 13px; white-space: nowrap;
  background: var(--tb); color: var(--tn); box-shadow: inset 0 0 0 1px var(--tr); font-variant-numeric: tabular-nums; }
.mw-tag i { font-size: 13px; }
.t-blue { --tb: #E5EEFF; --tr: #D6E5FF; --tn: #1F5FD6; } .t-green { --tb: #E0FCED; --tr: #CBF7E1; --tn: #007D53; }
.t-red { --tb: #FFEBEB; --tr: #FFDCDB; --tn: #BA2525; } .t-amber { --tb: #FFF3CC; --tr: #FFE59E; --tn: #874D00; }
.t-violet { --tb: #F1EBFF; --tr: #E4D9FF; --tn: #6A3DD0; } .t-grey { --tb: #F6F7F7; --tr: #EEEFF1; --tn: #505155; }
.t-teal { --tb: #DDF7F7; --tr: #C4EEEE; --tn: #0B6E73; }
html[data-theme="dark"] .t-blue { --tb: #1D2E55; --tr: #2B3E6D; --tn: #9DBBFF; } html[data-theme="dark"] .t-green { --tb: #1D4034; --tr: #244A3A; --tn: #A7F2CF; }
html[data-theme="dark"] .t-red { --tb: #4E1B28; --tr: #692623; --tn: #FFD1D1; } html[data-theme="dark"] .t-amber { --tb: #3A2D12; --tr: #523817; --tn: #FFD269; }
html[data-theme="dark"] .t-violet { --tb: #2E2350; --tr: #3D2F68; --tn: #D3C2FF; } html[data-theme="dark"] .t-grey { --tb: #262930; --tr: #32353C; --tn: #D9DADE; }
html[data-theme="dark"] .t-teal { --tb: #143B3D; --tr: #1C4D50; --tn: #9EE9EA; }
.mw-ic { width: 20px; height: 20px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; flex: none; font-size: 12px;
  background: var(--tb); color: var(--tn); box-shadow: inset 0 0 0 1px var(--tr); }
.mw-ic.lg { width: 32px; height: 32px; border-radius: 8px; font-size: 16px; }
.mw-logo { width: 20px; height: 20px; border-radius: 6px; object-fit: contain; background: #fff; box-shadow: inset 0 0 0 1px var(--mw-line); flex: none; }
.mw-logo.lg { width: 32px; height: 32px; border-radius: 8px; }
.mw-lt { display: inline-grid; place-items: center; color: #fff; background: #52607A; font-size: 10px; font-weight: 600; }

/* header rows (list views) */
.mw-bar { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; border-bottom: 1px solid var(--mw-line); flex-wrap: wrap; }
.mw-bar .sp { flex: 1; }
.mw-vsep { width: 1px; height: 16px; background: var(--mw-line); flex: none; }

/* tables: Attio records table */
.mw-tw { overflow-x: auto; }
/* separate, not collapse: a position:relative cell (the hover Open → / ⋯ buttons, aiq-row-open.css / aiq-rename.css)
   paints its background over collapsed borders in Chrome, so the Model column lost its row lines */
.mw-tbl { width: 100%; border-collapse: separate; border-spacing: 0; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; }
html[data-theme] .mw .mw-tbl:not(#_) > * > tr > :is(th, td) { background: var(--mw-bg) !important; color: var(--mw-ink); }
html[data-theme] .mw .mw-tbl:not(#_) > thead > tr > th { font-weight: 500 !important; font-size: 14px !important; text-transform: none !important;
  letter-spacing: -0.07px !important; color: var(--mw-ink) !important; }
.mw-tbl :is(th, td) { text-align: left; white-space: nowrap; border-bottom: 1px solid var(--mw-line); border-right: 1px solid var(--mw-line); }
.mw-tbl :is(th, td):last-child { border-right: 0; }
.mw-tbl th { height: 40px; padding: 0 12px; }
.mw-tbl th i.ty { color: var(--mw-ghost); font-size: 15px; vertical-align: -2px; margin-right: 6px; }
.mw-tbl td { height: 36px; padding: 0 12px; }
.mw-tbl :is(th, td).num { text-align: right; }
.mw-tbl.rows tbody tr { cursor: pointer; }
html[data-theme] .mw .mw-tbl.rows:not(#_) tbody tr:hover td { background: var(--mw-row) !important; }
.mw-tbl .nm { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mw-tbl .nm b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.mw-tbl .nm .acts { margin-left: auto; display: flex; gap: 2px; opacity: 0; }
.mw-tbl tr:hover .nm .acts { opacity: 1; }
.mw-tbl .co { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px 0 4px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--mw-ring); }
.mw-tbl .star { color: #E5A000; font-size: 13px; }
/* group band */
html[data-theme] .mw .mw-tbl:not(#_) tr.grp > td { height: 32px; background: var(--mw-card) !important; color: var(--mw-mute); font-size: 12px; border-right: 0; }
html[data-theme] .mw .mw-tbl:not(#_) tr.sub > td:first-child { color: var(--mw-mute); padding-left: 28px; }
html[data-theme] .mw .mw-tbl:not(#_) tr.sub > td { color: var(--mw-mute); }
html[data-theme] .mw .mw-tbl:not(#_) tr.tot > td { font-weight: 600; }
html[data-theme] .mw .mw-tbl:not(#_) :is(th, td).f { background: var(--mw-tint) !important; }
html[data-theme] .mw .mw-tbl:not(#_) :is(th, td).hi { color: var(--mw-mute); }
html[data-theme] .mw .mw-tbl:not(#_) thead th.f { color: var(--mw-blue-ink) !important; }
html[data-theme] .mw .mw-tbl:not(#_) td.solved { color: var(--mw-warn); }
html[data-theme] .mw .mw-tbl:not(#_) tr.me > td { background: var(--mw-tint) !important; }
html[data-theme] .mw .mw-tbl:not(#_) tr.click { cursor: pointer; }
html[data-theme] .mw .mw-tbl:not(#_) tr.click:hover > td { background: var(--mw-row) !important; }
.mw-tbl col.lab { width: 220px; }
.mw-tbl.sheet col.lab { width: 190px; }
.mw-tbl.sheet td.num, .mw-tbl.sheet th.num { padding: 0 6px; }
.mw-tbl.sheet .mw-in { width: 50px; padding: 0 4px; }
.mw-tbl.sheet .mw-u { display: none; }

/* input cells: Excel's blue inputs on Attio's faint tint */
.mw-in { width: 64px; height: 26px; box-sizing: border-box; border: 0; border-radius: 6px; padding: 0 6px; text-align: right; outline: none;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--mw-blue-ink); background: var(--mw-in) !important; font-variant-numeric: tabular-nums;
  box-shadow: inset 0 0 0 1px transparent; transition: box-shadow .15s; }
.mw-in:hover { box-shadow: inset 0 0 0 1px rgba(38,109,240,.35); }
.mw-in:focus { box-shadow: inset 0 0 0 1px var(--mw-blue); background: var(--mw-bg) !important; }
.mw-in.ed { background: var(--mw-in-on) !important; }
.mw-in.w { width: 84px; }
.mw-u { color: var(--mw-faint); font-size: 12px; margin-left: 3px; display: inline-block; min-width: 10px; text-align: left; }
.mw-cell { display: inline-flex; align-items: center; justify-content: flex-end; }
.mw-use { all: unset; cursor: pointer; border-bottom: 1px dotted currentColor; }
.mw-use:hover { color: var(--mw-blue-ink); }

/* ── the model list (tab + /models) ── */
/* tick boxes (16px, r4, blue with a white check) + Attio's selection bar */
.mw-tbl :is(th, td).mw-cb { width: 44px; padding: 0 0 0 16px; border-right: 0; }
.mw-tbl :is(th, td).mw-cb + :is(th, td) { padding-left: 8px; }
.mw-cb input { appearance: none; -webkit-appearance: none; display: block; width: 16px; height: 16px; margin: 0; border-radius: 4px; cursor: pointer;
  background: var(--mw-bg); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
html[data-theme="dark"] .mw-cb input { box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
.mw-cb input:checked, .mw-cb input:indeterminate { box-shadow: none; background: var(--mw-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; }
.mw-cb input:indeterminate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8h7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
html[data-theme] .mw .mw-tbl:not(#_) tbody tr.is-picked > td { background: color-mix(in srgb, var(--mw-blue) 7%, var(--mw-bg)) !important; }
.mw-selbar { position: sticky; bottom: 16px; z-index: 5; width: max-content; margin: 24px auto 16px; display: flex; align-items: center; gap: 8px;
  padding: 6px 6px 6px 14px; border-radius: 12px; background: var(--mw-bg); box-shadow: var(--mw-pop); }
html:is(.aiq-tabs-on, .aiq-tabbar-solo) .mw-selbar { bottom: calc(16px + 34px); }   /* clear the fixed bottom tab strip (#aiq-tabbar, 34px), which covered the bar (2026-10-31) */
.mw-selbar[hidden] { display: none; }
.mw-selbar .n { font-variant-numeric: tabular-nums; margin-right: 4px; }
.mw-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 64px 20px 56px; }
.mw-art { position: relative; width: 156px; height: 156px; margin: 0 auto 28px; display: grid; place-items: center;
  background-image: radial-gradient(var(--mw-ring) 1px, transparent 1.3px); background-size: 8px 8px; }
.mw-art::before, .mw-art::after { content: "+"; position: absolute; color: var(--mw-ring); font-size: 16px; line-height: 1; font-weight: 400; }
.mw-art::before { top: -9px; left: -5px; } .mw-art::after { bottom: -9px; right: -5px; }
.mw-art span { width: 104px; height: 104px; border-radius: 28px; background: var(--mw-bg); border: 3px solid var(--mw-ring);
  box-shadow: 0 0 0 6px var(--mw-bg), 0 0 0 7px var(--mw-line); display: grid; place-items: center; color: var(--mw-ring); font-size: 46px; }
.mw-empty b { font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.3px; }
.mw-empty p { margin: 4px 0 18px; color: var(--mw-mute); max-width: 320px; }
.mw-empty .btns { display: flex; gap: 8px; }

/* ── workbook (Attio record page) ── */

.mw-saved { font-size: 12px; color: var(--mw-faint); display: inline-flex; align-items: center; gap: 4px; margin-right: 4px; white-space: nowrap; }
.mw-saved i { font-size: 13px; }
/* Saved + the settings icon in the stock header, beside Notes (modeling-wb.js topTools) */
.at-ft-acts .mw-top { display: inline-flex; align-items: center; gap: 6px; }
.at-ft-acts .mw-top[hidden] { display: none; }
.at-ft-acts .mw-saved { margin-right: 6px; color: var(--a-label); }
/* the company button (logo + ticker + ⌄) as the model switcher while a model is open: outlined, so it reads as a
   dropdown (user, 2026-10-31) */
html .at-ft-id .at-ft-tk.mw-sw-on:not(#_):not(#_) { padding: 0 8px 0 4px !important; margin-left: -4px; }
html .at-ft-id .at-ft-tk.mw-sw-on img:not(#_) { width: 20px; height: 20px; padding: 1px; border-radius: 4px; }
html .at-ft-id .at-ft-tk.mw-sw-on b:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html .at-ft-id .at-ft-tk.mw-sw-on .at-ft-tkc:not(#_) { display: inline; font-size: 12px; color: var(--a-label); }
/* the model switcher (switchMenu): quiet rows: logo tile, ticker in ink, model name muted, a check on the open one */
.mw-menu.mw-swm { min-width: 260px; }
.mw-swm .it .mw-logo { width: 20px; height: 20px; padding: 2px; box-sizing: border-box; border-radius: 4px; background: #fff; box-shadow: inset 0 0 0 1px var(--mw-line); object-fit: contain; }
.mw-swm .it .mw-lt { display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; color: var(--mw-mute); }
.mw-swm .it .tk { font-weight: 500; min-width: 44px; }
.mw-swm .it .tk + span { color: var(--mw-mute); overflow: hidden; text-overflow: ellipsis; }
.mw-swm .it.on, .mw-swm .it.on .tk { color: var(--mw-ink); }
.mw-swm .it.on { background: var(--mw-hover); }
.mw-swm .it .ck { color: var(--mw-ink); font-size: 14px; padding-left: 12px; }
.mw-swm .it.foot { margin-top: 4px; color: var(--mw-mute); }
.mw-swm .it.foot i { width: 20px; text-align: center; }
.at-ft-acts .mw-cfg { width: 28px; padding: 0 !important; justify-content: center; }

.mw-sec { border-bottom: 1px solid var(--mw-line); padding: 12px 8px 12px; }
.mw-sec > .h { display: flex; align-items: center; gap: 4px; padding: 0 8px 6px; font-size: 12px; line-height: 16px; color: var(--mw-mute); cursor: pointer; user-select: none; }
.mw-sec > .h i { font-size: 11px; transition: transform .15s; }
.mw-sec.shut > .h i { transform: rotate(-90deg); }
.mw-sec.shut > .b { display: none; }
.mw-f { display: grid; grid-template-columns: 116px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 34px; padding: 0 8px; border-radius: 8px; }
.mw-f > span { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--mw-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mw-f > span i { font-size: 15px; color: var(--mw-ghost); }
.mw-f > div { min-width: 0; display: flex; align-items: center; gap: 6px; justify-content: flex-start; font-variant-numeric: tabular-nums; }
.mw-f .mw-in { width: 72px; text-align: left; }
.mw-f .big { font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -0.2px; }
.mw-pick { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 6px; margin-left: -6px; border-radius: 6px; }
.mw-pick:hover { background: var(--mw-fill); }
.mw-pick i { font-size: 11px; color: var(--mw-ghost); }

.mw-pane { padding: 16px 20px 32px; display: flex; flex-direction: column; gap: 24px; min-width: 0; }

/* sections inside a tab: 44px title row, then one full-width table or card */
.mw-st { display: flex; align-items: center; gap: 8px; min-height: 32px; margin-bottom: 8px; flex-wrap: wrap; }
.mw-st h3 { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: -0.07px; color: var(--mw-ink); }
.mw-st .sp { flex: 1; }
.mw-st .lab { color: var(--mw-mute); font-size: 13px; }
.mw-box { position: relative; border-radius: 12px; background: var(--mw-bg); overflow: hidden; }
.mw-box::after { content: ""; position: absolute; inset: 0; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--mw-line); pointer-events: none; z-index: 3; }
.mw-box .mw-tbl tr:last-child > td { border-bottom: 0; }
.mw-box .mw-tw { overflow-x: auto; }
.mw-box .mw-tbl th:first-child, .mw-box .mw-tbl td:first-child { position: sticky; left: 0; z-index: 1; }

/* highlights: Attio's record cards */
.mw-hl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mw-hc { position: relative; min-height: 86px; box-sizing: border-box; padding: 10px 12px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--mw-line);
  display: flex; flex-direction: column; justify-content: space-between; gap: 8px; background: var(--mw-bg); }
.mw-hc.click { cursor: pointer; } .mw-hc.click:hover { background: var(--mw-row); }
.mw-hc .l { display: flex; justify-content: space-between; align-items: center; font-size: 12px; line-height: 16px; color: var(--mw-mute); }
.mw-hc .v { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-variant-numeric: tabular-nums; }
.mw-hc .v b { font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.3px; }
.mw-hc .v small { font-size: 12px; color: var(--mw-mute); }
.mw-chart { height: 240px; padding: 8px 4px 4px; }
.mw-lg { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--mw-mute); }
.mw-lg i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; }
.mw-lg i.ln { height: 2px; width: 12px; border-radius: 0; }
.mw-lg i.d { background: repeating-linear-gradient(90deg, var(--mw-faint) 0 3px, transparent 3px 5px) !important; }

/* checks */
.mw-ck { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 12px; border-top: 1px solid var(--mw-line); }
.mw-ck:first-child { border-top: 0; }
.mw-ck i { font-size: 16px; flex: none; }
.mw-ck.ok i { color: var(--mw-pos); } .mw-ck.warn i { color: var(--mw-warn); } .mw-ck.bad i { color: var(--mw-neg); }

/* sensitivity grid */
.mw-grid { border-collapse: separate; border-spacing: 0; width: 100%; font-variant-numeric: tabular-nums; }
.mw-grid th { height: 36px; padding: 0 10px; font-weight: 500; color: var(--mw-mute); font-size: 13px; text-align: center; border-bottom: 1px solid var(--mw-line); }
.mw-grid th.rh { text-align: left; border-right: 1px solid var(--mw-line); white-space: nowrap; }
.mw-grid td { height: 36px; padding: 0 10px; text-align: center; cursor: pointer; border-bottom: 1px solid var(--mw-line); }
.mw-grid tr:last-child > * { border-bottom: 0; }
.mw-grid td.me { box-shadow: inset 0 0 0 1.5px var(--mw-ink); font-weight: 600; border-radius: 6px; }

/* menus (hang off <body>) */
.mw-menu { position: fixed; z-index: var(--z-pop, 1200); min-width: 200px; max-height: 380px; overflow-y: auto; padding: 4px; box-sizing: border-box; border-radius: 12px;
  background: var(--mw-bg); box-shadow: var(--mw-pop); color: var(--mw-ink); font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px;
  -webkit-mask-image: none !important; mask-image: none !important; backdrop-filter: none !important; }
.mw-menu .it { display: flex; align-items: center; gap: 8px; width: 100%; height: 32px; padding: 0 8px; border: 0; border-radius: 8px; cursor: pointer;
  box-sizing: border-box; background: transparent; color: var(--mw-ink); font: inherit; text-align: left; white-space: nowrap; }
.mw-menu .it:hover, .mw-menu .it.act { background: var(--mw-hover); }
.mw-menu .it i { font-size: 16px; color: var(--mw-ghost); }
.mw-menu .it .d { margin-left: auto; padding-left: 16px; color: var(--mw-mute); font-size: 12px; }
.mw-menu .it .ck { margin-left: auto; color: var(--mw-blue); }
.mw-menu .it.on { color: var(--mw-blue); }
.mw-menu .it.danger, .mw-menu .it.danger i { color: #E5484D; }
.mw-menu .gl { padding: 8px 8px 4px; font-size: 12px; line-height: 16px; color: var(--mw-mute); }
.mw-menu hr { border: 0; height: 1px; background: var(--mw-line); margin: 4px -4px; }

/* new-model dialog: built on the house .aiq-dlg + the Attio templates look */
.mw-dlg:not(#_) { width: min(860px, 94vw) !important; max-width: none !important; padding: 0 !important; overflow: hidden; }
.mw-dlg .bd { display: grid; grid-template-columns: 250px minmax(0, 1fr); }
.mw-dlg .side { padding: 12px 8px; border-right: 1px solid var(--mw-line); overflow-y: auto; }
.mw-dlg .side .gl { padding: 4px 8px 8px; font-size: 12px; color: var(--mw-mute); }
.mw-dlg .cat { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 8px; border-radius: 8px; }
.mw-dlg .cat:hover { background: var(--mw-hover); }
.mw-dlg .cat.on { background: var(--mw-hover); }
.mw-dlg .cat .n { margin-left: auto; font-size: 12px; color: var(--mw-mute); }
.mw-dlg .main { display: flex; flex-direction: column; min-width: 0; overflow-y: auto; padding: 20px 24px 24px; gap: 10px; }
.mw-dlg .main h3 { margin: 0 0 4px; font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.2px; }
.mw-dlg .card { display: flex; gap: 14px; padding: 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--mw-line); cursor: pointer; }
.mw-dlg .card:hover { background: var(--mw-row); }
.mw-dlg .card.on { box-shadow: inset 0 0 0 1px var(--mw-blue); background: var(--mw-row); }
.mw-dlg .card .cb { flex: 1; min-width: 0; }
.mw-dlg .card .ct { display: flex; align-items: center; gap: 8px; }
.mw-dlg .card .ct b { font-weight: 500; font-size: 15px; flex: 1; }
.mw-dlg .card p { margin: 2px 0 0; color: var(--mw-mute); }
.mw-dlg .card .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.mw-dlg .fields { display: grid; grid-template-columns: minmax(0, 320px); gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--mw-line); }
.mw-dlg label { display: block; font-size: 12px; color: var(--mw-faint); margin-bottom: 4px; }
.mw-dlg .fld { width: 100%; height: 32px; box-sizing: border-box; border: 0; border-radius: 9px; padding: 0 8px; outline: none; font: 500 14px/20px Inter, system-ui, sans-serif;
  color: var(--mw-ink); background: var(--mw-field) !important; box-shadow: inset 0 0 0 1px var(--mw-field-line); }
.mw-dlg .fld:focus { box-shadow: inset 0 0 0 1px var(--mw-blue); }
.mw-dlg .co-wrap { position: relative; }
/* company search results (user, 2026-10-31): anchored to the field's left edge (left:-120px clipped the logo + ticker
   in the dialog's overflow:hidden), logo · ticker · name left-aligned, ↑↓ moves the highlighted row */
.mw-dlg .co-res { position: absolute; left: 0; top: calc(100% + 4px); width: 400px; max-width: calc(94vw - 32px); z-index: 5; }
.mw-dlg .co-res .mw-menu { position: static; min-width: 0; max-height: 340px; }
.mw-dlg .co-res .it { height: 36px; gap: 10px; }
.mw-dlg .co-res .it .tk { flex: none; min-width: 52px; font-weight: 600; font-variant-numeric: tabular-nums; }
.mw-dlg .co-res .it .d { flex: 1; min-width: 0; margin-left: 0; padding-left: 0; font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.mw-dlg .co-res .it .ex { flex: none; font-size: 11px; color: var(--mw-faint); }
.mw-dlg .co-res .none { padding: 8px; font-size: 13px; color: var(--mw-mute); }
.mw-dlg .ft { display: flex; align-items: center; gap: 8px; padding: 8px 12px 8px 16px; border-top: 1px solid var(--mw-line); }
.mw-dlg .ft .sp { flex: 1; }
.mw-dlg .ft .nav { font-size: 12px; color: var(--mw-mute); display: inline-flex; gap: 4px; align-items: center; }
.mw-dlg kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 5px; box-sizing: border-box;
  font: 400 11px/11px Inter, system-ui, sans-serif; color: var(--mw-faint); box-shadow: inset 0 0 0 1px var(--mw-field-line); }
.mw-dlg .mw-btn.pri kbd { color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); margin-left: 4px; }

/* ── declutter + colour pass (user, 2026-10-26: "too cluttered and messy… and not enough color") ── */
.mw-ic.sm { width: 22px; height: 22px; border-radius: 6px; font-size: 12px; }
.mw-st .mw-ic { width: 22px; height: 22px; border-radius: 6px; font-size: 12px; }
.mw-hc .l .mw-ic { width: 24px; height: 24px; border-radius: 7px; font-size: 13px; }

.mw-pick .mw-pill { margin-left: 6px; height: 18px; font-size: 11px; }

/* heat key */
.mw-key { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin: 0 5px 0 10px; vertical-align: -1px; }
.mw-key.up { background: rgba(13,138,102,.28); } .mw-key.dn { background: rgba(200,32,63,.28); }
/* Learn more (Attio: 12px label, 309x74 card r18, 56px icon box) */
.mw-learn { margin: 40px auto 24px; width: min(100%, 309px); }
#mwh .mw-learn { margin-top: auto; padding-top: 40px; }
#mwh { display: flex; flex-direction: column; }
/* bottom tabs (34px, position:fixed) sit over the page foot: keep the card clear of them */
html.at-btabs .mw-learn { margin-bottom: 58px; }
.mw-learn small { display: block; font-size: 12px; color: var(--mw-faint); margin-bottom: 8px; }
.mw-lcard { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; border: 1px solid var(--mw-line); cursor: pointer; transition: background-color .2s; }
.mw-lcard:hover { background: var(--mw-hover); }
.mw-lcard .ic { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; font-size: 16px; flex: none;   /* the house Learn more card (Reports, Excel, My stocks: 34px tile, 52px card; was 56px / 74px, 2026-11-07) */
  color: var(--mw-ghost);
  background: var(--mw-field); border: 1px solid var(--mw-field-line); }
.mw-lcard b { font-weight: 500; }
/* layout screen picker in New model */
.mw-dlg .lays { padding: 12px 16px; border-top: 1px solid var(--mw-line); }
.mw-dlg .lay-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mw-dlg .lay { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 144px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 12px;
  padding: 8px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--mw-line); }
.mw-dlg .lay:hover { background: var(--mw-row); }
.mw-dlg .lay.on { box-shadow: inset 0 0 0 1.5px var(--mw-blue); background: var(--mw-row); }
.mw-dlg .lay img { grid-row: 1 / 3; width: 144px; height: 90px; object-fit: cover; object-position: left top; border-radius: 8px; box-shadow: 0 0 0 1px var(--mw-line); background: var(--mw-fill); }
.mw-dlg .lay .lt { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.mw-dlg .lay .rd { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--mw-ring); flex: none; }
.mw-dlg .lay.on .rd { box-shadow: inset 0 0 0 4px var(--mw-blue); }
.mw-dlg .lay b { font-weight: 500; }
.mw-dlg .lay .ln { font-size: 12px; line-height: 16px; color: var(--mw-mute); margin-top: 2px; }
.mw-dlg:not(#_) { display: flex !important; flex-direction: column; max-height: 90vh; }
.mw-dlg:not(#_)[hidden] { display: none !important; }
.mw-dlg > * { flex: none; }
.mw-dlg .bd { flex: 1 1 auto; min-height: 220px; max-height: none; overflow: hidden; }
.mw-dlg .bd > * { min-height: 0; }

/* ── the model page in the My stocks list layout (user, 2026-10-26) ── */
.mw-bk { display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 16px; border-bottom: 1px solid var(--mw-line); }
.mw-bk .sp { flex: 1; }
.mw-hd { padding: 20px 20px 18px; border-bottom: 1px solid var(--mw-line); }
.mw-h1 { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mw-h1 .sp { flex: 1; }
.mw-ic.xl { width: 36px; height: 36px; border-radius: 10px; font-size: 18px; }
.mw-h1 .nm { font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.3px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: text; border-radius: 6px; padding: 0 2px; }
.mw-h1 .nm:hover { background: var(--mw-fill); }
.mw-h1 input { font: 600 22px/28px Inter, system-ui, sans-serif; letter-spacing: -0.3px; border: 0; outline: none; border-radius: 6px; padding: 0 2px; min-width: 280px;
  color: var(--mw-ink); background: var(--mw-field) !important; box-shadow: inset 0 0 0 1px var(--mw-blue); }
.mw-sub { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 12px 0 18px; }
.mw-sub .mw-logo { width: 20px; height: 20px; }
.mw-sub .fa { font-size: 13px; }

/* tabs = Congress's .cg-vtab (user 2026-10-31): plain 14/500 words, the open one ink + 600 + a 2px bar under its text only */
.mw-tabs2 { display: flex; align-items: center; gap: 2px; height: 48px; padding: 0 11px; border-bottom: 1px solid var(--mw-line); overflow-x: auto; scrollbar-width: none; }
.mw-tabs2 > button:not(.mw-btn) { all: unset; cursor: pointer; position: relative; height: 47px; box-sizing: border-box; display: inline-flex; align-items: center; padding: 0 9px; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--mw-mute); white-space: nowrap; }
.mw-tabs2 > button:not(.mw-btn):hover { color: var(--mw-ink); }
.mw-tabs2 > button.on { color: var(--mw-ink); font-weight: 600; }
.mw-tabs2 > button.on::after { content: ""; position: absolute; left: 9px; right: 9px; bottom: 0; height: 2px; background: var(--mw-ink); border-radius: 2px 2px 0 0; }
.mw-tabs2 .sp { flex: 1; min-width: 12px; }
.mw-dot2 { width: 8px; height: 8px; border-radius: 50%; background: var(--tn); }
.mw-pane { padding-top: 20px; }

/* the header (user picked F, 2026-10-26): "You assume" on the left, a one-column key facts card led by the answer on the right */
.mw-hd.two { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.mw-hl2 { min-width: 0; }
.mw-kf { border-radius: 12px; padding: 4px 14px; box-shadow: inset 0 0 0 1px var(--mw-line); background: var(--mw-bg); }
.mw-kf .r { display: flex; justify-content: space-between; align-items: center; gap: 12px; height: 34px; border-top: 1px solid var(--mw-line); font-size: 14px; font-variant-numeric: tabular-nums; }
.mw-kf .r:first-child { border-top: 0; }
.mw-kf .r[data-tab] { cursor: pointer; } .mw-kf .r[data-tab]:hover b { color: var(--mw-blue-ink); }
.mw-kf .r span { color: var(--mw-mute); } .mw-kf .r b { font-weight: 500; } .mw-kf .r b span { color: inherit; } .mw-kf .r b .neg { color: var(--mw-neg); } .mw-kf .r b .pos { color: var(--mw-pos); }
.mw-ans { padding: 10px 0 12px; border-bottom: 1px solid var(--mw-line); }
.mw-ans .l { display: block; font-size: 12px; color: var(--mw-mute); }
.mw-ans .v { display: flex; align-items: baseline; gap: 8px; margin-top: 2px; font-variant-numeric: tabular-nums; }
.mw-ans .v b { font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: -0.4px; }
.mw-ans + .r { border-top: 0; }

.mw-hd.two .mw-sub { margin-bottom: 16px; }
.mw-ins { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 24px; max-width: 620px; }
.mw-ins .h { grid-column: 1 / -1; font-size: 12px; color: var(--mw-mute); margin-bottom: 4px; }
.mw-ins .it { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 8px; margin: 0 -8px; border-radius: 8px; font-size: 14px; }
.mw-ins .it:hover { background: var(--mw-row); }
.mw-ins .it > span:not(.mw-ic) { color: var(--mw-mute); flex: 1; }
.mw-ins .it b { font-weight: 500; font-variant-numeric: tabular-nums; }
.mw-hd.two .mw-h1 .mw-btn { margin-left: auto; }
@container (max-width: 820px) { .mw-hd.two { grid-template-columns: minmax(0, 1fr); } }

/* the panel's width, not the window's (the sidebar takes 210–275px): container queries */
#mw-root { container-type: inline-size; }

@container (max-width: 820px) { .mw-hl { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mw-ins { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) {
  .mw-pane { padding: 12px; }
  .mw-dlg .bd { grid-template-columns: minmax(0, 1fr); }
  .mw-dlg .side { display: none; }
  .mw-dlg .fields { grid-template-columns: minmax(0, 1fr); }
}

/* search left of + New model: the Screener's icon that opens into a field, open while it holds a query (screener-one-row.css) */
.mw-bar .mw-q { position: relative; flex: none; display: inline-flex; align-items: center; height: 28px; margin: 0; cursor: pointer; }
.mw-bar .mw-q i { position: absolute; left: 8px; color: var(--a-mute); font-size: 14px; pointer-events: none; }
.mw-bar .mw-q input:not(#_):not(#_) { width: 30px; height: 28px; padding: 0 0 0 28px !important; border: 0 !important; border-radius: 8px; background: transparent !important;
  box-shadow: none !important; cursor: pointer; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); transition: width .16s ease; -webkit-appearance: none; appearance: none; }
.mw-bar .mw-q input::-webkit-search-cancel-button { display: none; }
.mw-bar .mw-q input:not(#_):not(#_)::placeholder { color: transparent; }
.mw-bar .mw-q:hover input:not(#_):not(#_) { background: var(--a-fill) !important; }
.mw-bar .mw-q input:is(:focus, :not(:placeholder-shown)):not(#_):not(#_) { width: 180px; cursor: text; background: var(--a-fill) !important; outline: 0; }
.mw-bar .mw-q input:focus:not(#_):not(#_)::placeholder { color: var(--a-mute); }

/* New model, one question per screen (user, 2026-10-31): My stocks' + New cards (aiq-table-attio.css .nr-dlg) */
html.at-shell .aiq-dlg.mwn:not(#_):not(#__) { height: auto; }
.mwn [hidden] { display: none !important; }
/* always centred (user, 2026-10-31): the step sits in the middle both ways, short rows and the search box too */
html.at-shell .nr-dlg.mwn .nr-fmt:not(#_) { min-height: 340px; justify-content: center; align-items: center; }
html.at-shell .nr-dlg.mwn .nr-fmt-h:not(#_) { text-align: center; }
.mwn .aiq-dlg-h .aiq-x { margin-left: auto; }
html.at-shell .mwn .nr-fmt-row:not(#_) { width: 100%; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); }
html.at-shell .mwn .nr-fmt-row.n2:not(#_) { max-width: 620px; }
@media (max-width: 767px) { html.at-shell .mwn .nr-fmt-row:not(#_) { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; } }
html.at-shell .mwn .nr-fmt-c:hover { background: var(--a-pill, #FBFBFB); }
.mwn .mwn-back { width: 28px; height: 28px; margin: 0 4px 0 -6px; border: 0; border-radius: 6px; background: none; color: var(--a-mute); cursor: pointer;
  display: grid; place-items: center; flex: none; }
.mwn .mwn-back:hover { background: var(--a-hover); color: var(--a-ink); }
.mwn .mwn-q { display: flex; align-items: center; gap: 8px; width: 480px; max-width: 100%; height: 40px; margin: 0; padding: 0 12px; box-sizing: border-box; border-radius: 10px;
  box-shadow: inset 0 0 0 1px var(--a-line); cursor: text; }
.mwn .mwn-q:focus-within { box-shadow: inset 0 0 0 1px var(--a-blue, #266DF0); }
.mwn .mwn-q.err { box-shadow: inset 0 0 0 1px #E5484D; }
.mwn .mwn-q i { color: var(--a-mute); font-size: 16px; }
.mwn .mwn-q input:not(#_) { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent !important; box-shadow: none;
  font: 500 15px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
.mwn .mwn-res { width: 480px; max-width: 100%; min-height: 216px; margin-top: 6px; }   /* room for 6 results: the centred box never moves as you type */
.mwn .mwn-res .mw-menu { position: static; min-width: 0; max-height: 240px; padding: 0; box-shadow: none; background: transparent; backdrop-filter: none; }
.mwn .mwn-res .it { height: 36px; gap: 10px; }
.mwn .mwn-res .it .tk { flex: none; min-width: 52px; font-weight: 600; font-variant-numeric: tabular-nums; }
.mwn .mwn-res .it .d { flex: 1; min-width: 0; margin-left: 0; padding-left: 0; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.mwn .mwn-res .it .ex { flex: none; font-size: 11px; color: var(--mw-faint); }
.mwn .mwn-res .none { padding: 8px; font-size: 13px; color: var(--mw-mute); }