/* Eloniq try-it window: the product on a fictional bank. Uses the tokens of index.html (dark).
   The report page itself stays a white sheet: it is the document the bank gets. */
/* the page keeps its scrollbar while the window is open (body is pinned instead of overflow:hidden),
   so the page never changes width and nothing behind the window jumps */
html{overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.dm-open body{position:fixed;left:0;right:0}
.dm{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:28px}
.dm[hidden]{display:none}
.dm-back{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}
.dm.on .dm-back{opacity:1}
.dm-win{position:relative;width:min(1440px,100%);height:min(940px,100%);background:var(--card);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 0 0 1px var(--line-hi),0 40px 120px -30px rgba(0,0,0,.9);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .3s var(--ease),transform .45s var(--ease)}
.dm.on .dm-win{opacity:1;transform:none}

/* app page (reportai.html): the same window filling the browser, content in the popup's column */
.dm.app{padding:0;--col:max(20px,calc((100% - 1376px) / 2))}
.dm.app .dm-back,.dm.app .dm-x{display:none}
.dm.app .dm-win{width:100%;height:100%;border-radius:0;box-shadow:none;transition:none}
.dm.app .dm-top,.dm.app .dm-ask,.dm.app .dm-in,.dm.app .dm-foot{padding-left:var(--col);padding-right:var(--col)}

/* top bar */
.dm-top{display:flex;align-items:center;gap:14px;padding:0 20px 0 32px;height:54px;border-bottom:1px solid var(--line);flex:none}
.dm-logo{display:flex;align-items:center;color:var(--ink);flex:none}
.dm-logo svg{height:16px;width:auto;display:block;overflow:visible}
.dm-logo .m{fill:var(--sig)}
.dm-db{font-size:var(--t-meta);color:var(--muted);display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-x{margin-left:auto;width:34px;height:34px;border-radius:8px;font-size:var(--t-title);line-height:1;color:var(--muted);flex:none;transition:background .18s,color .18s,box-shadow .18s}
.dm-x:hover{background:var(--raised2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--sig)}

/* composer */
.dm-ask{padding:16px 32px;border-bottom:1px solid var(--line);flex:none}
.dm-field{display:flex;align-items:center;gap:8px;height:46px;padding:0 7px 0 14px;border-radius:9px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-hi);transition:box-shadow .18s}
.dm-field:hover{box-shadow:inset 0 0 0 1px var(--faint)}
.dm-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--sig)}
.dm-field input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--ink);border:0;background:none;outline:0;height:100%}
.dm-field input::placeholder{color:var(--muted)}
/* .dm-go shares the hero's Ask button styles in index.html (.ask .go) */

/* room for the scrollbar is always kept, so switching between a short and a long tab never moves the content */
.dm-body{flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
/* app page: the column is measured from the window (100vw), not from the narrower scroll area, so it lines up with the header */
.dm.app{--colv:max(20px,calc((100vw - 1376px) / 2))}
.dm.app .dm-in{padding-left:var(--colv);padding-right:max(20px,calc(100% - 1376px - var(--colv)))}
.dm-in{padding:24px 32px 36px}

/* start view */
.dm-start{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding:12px 4px}
.dm-h{font-size:var(--t-ui);color:var(--muted);margin-bottom:12px}
.dm-sugg{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.dm-sugg button{font-size:var(--t-body);color:var(--ink2);background:var(--raised2);border-radius:8px;padding:9px 14px;box-shadow:inset 0 0 0 1px var(--line);text-align:left;transition:box-shadow .18s,color .18s,background .18s,transform .3s var(--ease)}
.dm-sugg button:hover{box-shadow:inset 0 0 0 1px var(--sig);color:var(--ink);background:var(--sig-soft);transform:translateX(3px)}
.dm-tables{border-top:1px solid var(--rule)}
.dm-tables div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:11px 0;border-bottom:1px solid var(--line)}
.dm-tables code{font-family:var(--mono);font-size:var(--t-meta);color:var(--ink)}
.dm-tables span{grid-column:1;font-size:var(--t-meta);color:var(--muted)}
.dm-tables em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-family:var(--num);font-size:var(--t-ui);color:var(--ink2);font-variant-numeric:tabular-nums}
.dm-note{margin-top:14px;font-size:var(--t-meta);line-height:1.55;color:var(--muted)}

/* agent steps */
.dm-steps{list-style:none;display:grid;gap:2px;margin-bottom:22px}
.dm-steps li{display:grid;grid-template-columns:22px 150px minmax(0,1fr);align-items:start;gap:8px;font-size:var(--t-ui);line-height:22px;padding:4px 0;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .4s var(--ease)}
.dm-steps li.on{opacity:1;transform:none}
.dm-steps .ic{margin-top:4px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ghost);border-top-color:var(--sig);animation:spin .8s linear infinite}
.dm-steps li.fin .ic{animation:none;border:0;background:var(--sig);display:grid;place-items:center}
.dm-steps li.fin .ic::after{content:"";width:9px;height:9px;background:#fff;-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.dm-steps b{font-weight:500}
/* the steps folded into one line after the answer */
.dm-sum{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:22px;padding:4px 0;font:inherit;font-size:var(--t-ui);line-height:22px;text-align:left;color:var(--ink2);background:none;border:0;cursor:pointer}
.dm-sum .ic{flex:none;width:14px;height:14px;border-radius:50%;background:var(--sig);display:grid;place-items:center}
.dm-sum .ic::after{content:"";width:9px;height:9px;background:#fff;-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.dm-sum b{flex:none;font-weight:500;color:var(--ink)}
.dm-sum span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-sum em{flex:none;margin-left:auto;font-style:normal;color:var(--muted);transition:color .18s}
.dm-sum em::after{content:"";display:inline-block;width:5px;height:5px;margin:0 2px 3px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s var(--ease)}
.dm-sum[aria-expanded="true"]{margin-bottom:6px}
.dm-sum[aria-expanded="true"] em::after{transform:translateY(3px) rotate(-135deg)}
.dm-sum:hover em{color:var(--ink)}
.dm-sum:focus-visible{outline:2px solid var(--sig);outline-offset:2px;border-radius:4px}
.dm-steps[hidden]{display:none}
.dm-steps span{color:var(--ink2)}
.dm-steps .map{display:inline-flex;gap:6px;align-items:baseline;margin-right:14px;white-space:nowrap;line-height:22px}
.dm-steps .map i{font-style:normal;color:var(--muted)}
.dm-steps .map .ar{flex:none;align-self:center;width:11px;height:11px;background:var(--faint);-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat}
.dm-steps .map u{text-decoration:none;font-family:var(--mono);font-size:var(--t-meta);color:var(--ink);background:var(--sig-soft);box-shadow:inset 0 0 0 1px rgba(82,99,255,.3);border-radius:4px;padding:0 6px;line-height:20px;white-space:normal}

/* result */
.dm-res{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .6s var(--ease)}
.dm-res.on{opacity:1;transform:none}
.dm-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px;align-items:flex-end}
.dm-tabs button{font-size:var(--t-ui);color:var(--muted);padding:10px 12px;margin-bottom:-1px;border-bottom:1.5px solid transparent;transition:color .18s,border-color .18s}
.dm-tabs button:hover{color:var(--ink);border-color:var(--sig)}
.dm-tabs button.on{color:var(--ink);border-color:var(--ink)}
.dm-tabs .sp{flex:1}
.dm-tabs .dl{font-size:var(--t-ui);color:var(--ink2);padding:10px 4px;transition:color .18s}
.dm-tabs .dl:hover{color:var(--sig-t)}
/* download menu */
.dm-dlw{position:relative;align-self:center}
.dm-tabs .dl::after{content:"";display:inline-block;width:5px;height:5px;margin:0 2px 3px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.dm-dlm{position:absolute;right:0;top:calc(100% + 6px);z-index:5;width:270px;padding:6px;border-radius:10px;background:var(--raised2);box-shadow:0 0 0 1px var(--line-hi),0 18px 40px -16px rgba(0,0,0,.8)}
.dm-dlm[hidden]{display:none}
.dm-dlm button{display:grid;gap:2px;width:100%;text-align:left;padding:9px 10px;border-radius:7px;font:inherit;background:none;border:0;cursor:pointer;color:var(--ink);transition:background .15s}
.dm-dlm button:hover,.dm-dlm button:focus-visible{background:var(--sig-soft);outline:0}
.dm-dlm b{font-size:var(--t-ui);font-weight:500}
.dm-dlm small{font-size:var(--t-meta);color:var(--muted)}
.dm-dlm .h{padding:8px 10px 3px;font-size:var(--t-meta);color:var(--muted)}
.dm-dlm .h:first-child{padding-top:4px}
.dm-pane[hidden]{display:none}
.dm-title{font-size:var(--t-sub);font-weight:500;letter-spacing:-.025em}
.dm-facts{margin-top:10px;max-width:78ch}
.dm-facts p{font-size:var(--t-body);line-height:1.6;color:var(--ink2)}
.dm-src{margin-top:10px;font-size:var(--t-meta);color:var(--muted)}
.dm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;margin-top:26px}
.dm-grid.one{grid-template-columns:minmax(0,1fr)}

/* bar chart */
.dm-chart{border-top:1px solid var(--rule);padding-top:12px}
.dm-chart .cap{font-size:var(--t-meta);color:var(--muted);margin-bottom:10px}
.dm-bars{position:relative;--lw:210px;--vw:84px}
.dm-bars.has-refs{padding-top:20px}
.dm-bar{display:grid;grid-template-columns:var(--lw) minmax(0,1fr) var(--vw);align-items:center;gap:10px;height:26px;font-size:var(--t-meta)}
.dm-bar .l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}
.dm-bar .v{font-family:var(--num);text-align:right;font-variant-numeric:tabular-nums;color:var(--ink2)}
.dm-bar .t{position:relative;height:100%}
.dm-bar .t i{position:absolute;top:7px;bottom:7px;border-radius:2px;background:var(--sig);transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease)}
.dm-bar{transition:background .15s}
/* every bar is signal: the chart shows the data, it does not judge it. Hover brings out the bar's name and figure */
.dm-bar .l,.dm-bar .v{transition:color .15s}
.dm-bar:hover .t i{background:var(--sig-t)}
.dm-bar:hover .l,.dm-bar:hover .v{color:var(--ink)}
.dm-bar:hover .v small{color:var(--ink2)}
.dm-bar.neg .t i{transform-origin:right}
.dm-chart.on .dm-bar .t i{transform:none}
.dm-refs{position:absolute;top:0;bottom:0;left:calc(var(--lw) + 10px);right:calc(var(--vw) + 10px);pointer-events:none;z-index:1}
.dm-ref{position:absolute;top:16px;bottom:0;width:0;border-left:1px dashed var(--muted)}
.dm-ref span{position:absolute;bottom:100%;left:4px;font-size:var(--t-meta);color:var(--muted);white-space:nowrap;margin-bottom:1px}
.dm-ref.end span{left:auto;right:4px}
/* two periods: main bar on top, the earlier period as a thin grey bar under it */
.dm-legend{display:flex;gap:18px;font-size:var(--t-meta);color:var(--ink2);margin:-2px 0 10px}
.dm-legend span{display:flex;align-items:center;gap:7px}
.dm-legend i{width:14px;height:7px;border-radius:2px;background:var(--sig)}
.dm-legend .was i{height:3px;background:var(--faint)}
.dm-bars.two .dm-bar{height:32px}
.dm-bars.two .dm-bar .t i{top:8px;bottom:auto;height:10px}
.dm-bar .t b{position:absolute;left:0;top:21px;height:3px;border-radius:2px;background:var(--faint);transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease)}
.dm-chart.on .dm-bar .t b{transform:none}
.dm-bar .v small{display:block;font-size:var(--t-meta);color:var(--muted);margin-top:1px}
.dm-bars.two .dm-bar .v{line-height:1.15}

/* tables */
.dm-tbl{width:100%;border-collapse:collapse;font-size:var(--t-ui)}
.dm-tbl th{font-weight:400;color:var(--muted);font-size:var(--t-meta);text-align:left;padding:8px 10px;border-top:1px solid var(--rule);border-bottom:1px solid var(--line);white-space:nowrap}
.dm-tbl td{padding:8px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}
.dm-tbl .r{text-align:right;font-family:var(--num);font-variant-numeric:tabular-nums}
.dm-tbl tbody tr:hover{background:var(--raised2)}

.dm-tbl td.wrap{white-space:normal;min-width:180px}
.dm-scroll{overflow-x:auto}
.dm-more{font-size:var(--t-meta);color:var(--muted);padding:10px 10px 0}

/* SQL */
.dm-sql{font-family:var(--mono);font-size:var(--t-meta);line-height:1.75;color:var(--ink2);background:var(--bg);border-radius:10px;padding:18px 22px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;box-shadow:inset 0 0 0 1px var(--line)}
.dm-sql .kw{color:var(--ink);font-weight:500}.dm-sql .fn{color:var(--sig-t)}.dm-sql .st{color:var(--muted)}
.dm-proof{margin-top:10px;font-size:var(--t-meta);line-height:1.5;color:var(--muted)}
.dm-proof code{font-family:var(--mono);color:var(--ink2)}
.dm-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:var(--t-meta);color:var(--muted)}
.dm-meta span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sig);margin-right:7px;vertical-align:1px}

/* report page: set like the reportAI PDF exports (numbered sections, document control,
   banded table headers between rules, a source note under every table, one accent) */
.dm-paper{background:var(--bg);border-radius:10px;padding:28px;box-shadow:inset 0 0 0 1px var(--line)}
.dm-page{--ink:#1b212b;--ink2:#2c333f;--muted:#67707f;--rule:#d5dae1;--band:#f1f4f8;--zebra:#fafbfd;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-feature-settings:"tnum" 1;color:var(--ink);
  max-width:820px;margin:0 auto;background:var(--paper,#fff);padding:30px 56px 26px;box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.dm-page .hd,.dm-page .ft{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted)}
.dm-page .hd{padding-bottom:7px;border-bottom:.5px solid var(--rule)}
.dm-page .ft{margin-top:30px;padding-top:7px;border-top:.5px solid var(--rule)}
.dm-page .kind{margin-top:34px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dm-page h2{max-width:none;margin-top:4px;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
.dm-page .sub{margin-top:3px;font-size:13px;color:var(--muted)}
.dm-page .ctl{width:100%;margin-top:18px;border-collapse:collapse;font-size:11px}
.dm-page .ctl th,.dm-page .ctl td{text-align:left;vertical-align:top;padding:5px 0;border-bottom:.5px solid var(--rule)}
.dm-page .ctl th{width:28%;font-weight:400;color:var(--muted)}
.dm-page h3{max-width:none;margin:26px 0 7px;font-size:14px;font-weight:700}
.dm-page p{font-size:12px;line-height:1.55;color:var(--ink);text-align:justify;hyphens:auto}
.dm-page .cap{margin:14px 0 5px;font-size:11px;font-weight:700}
.doc-tbl{width:100%;border-collapse:collapse;font-size:10.5px;line-height:1.35}
.doc-tbl th,.doc-tbl td{border:.5px solid var(--rule);padding:4px 6px;vertical-align:top;text-align:left}
.doc-tbl th{background:var(--band);font-weight:700;color:var(--muted)}
.doc-tbl tbody tr:nth-child(even) td{background:var(--zebra)}
.doc-tbl .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.doc-tbl code{font-family:var(--mono);font-size:10px;overflow-wrap:anywhere}
.dm-page .src{margin-top:5px;font-size:10px;line-height:1.45;color:var(--muted);text-align:left}
.dm-page pre{font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--ink);background:var(--zebra);border:.5px solid var(--rule);padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere}

/* lineage */
.dm-lin{border-top:1px solid var(--rule)}
.dm-lin-note{font-size:var(--t-meta);line-height:1.5;color:var(--muted);margin:0 0 12px;max-width:72ch}
.dm-lin>div{display:grid;grid-template-columns:minmax(0,1.25fr) 24px minmax(0,1fr) 24px minmax(0,.8fr);align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.dm-lin .h{padding:8px 0;font-size:var(--t-meta);color:var(--muted)}
.dm-lin code{font-family:var(--mono);font-size:var(--t-meta);color:var(--ink2);overflow-wrap:anywhere}
.dm-lin .op{font-family:var(--mono);font-size:var(--t-meta);color:var(--ink2);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-hi);border-radius:6px;padding:5px 9px;justify-self:start}
.dm-lin .out{font-weight:500;color:var(--sig-t);font-size:var(--t-ui)}
.dm-lin .ar{font-size:0;justify-self:center;align-self:center;width:12px;height:12px;background:var(--muted);-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat}

/* next questions + fallback */
.dm-next{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}
.dm-next .dm-sugg{flex-direction:row;flex-wrap:wrap}
.dm-next .dm-sugg button{font-size:var(--t-ui);padding:7px 12px}
.dm-none{max-width:640px;padding:10px 4px}
.dm-none p{font-size:var(--t-body);line-height:1.6;color:var(--ink2);margin-bottom:20px}

/* footer: where the demo booking lives */
.dm-foot{display:flex;align-items:center;gap:20px;padding:14px 32px;border-top:1px solid var(--line);background:var(--bg2);flex:none}
.dm-foot p{font-size:var(--t-ui);line-height:1.5;color:var(--ink2)}
.dm-foot p b{font-weight:500;color:var(--ink)}
.dm-foot .btn{margin-left:auto;flex:none}

@media (max-width:900px){
  .dm{padding:0}
  .dm-top{padding:0 14px 0 20px}.dm-ask{padding:16px 20px}.dm-in{padding:22px 20px 34px}.dm-foot{padding:14px 20px}
  .dm-win{width:100%;height:100%;border-radius:0}
  .dm-db{display:none}
  .dm-start,.dm-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .dm-steps li{grid-template-columns:22px minmax(0,1fr);row-gap:4px}
  .dm-steps li>.ic{grid-column:1;grid-row:1 / span 2}
  .dm-steps li b,.dm-steps li>span:not(.ic){grid-column:2}
  .dm-steps .map{white-space:normal;margin-right:8px}
  .dm-tabs{overflow-x:auto;scrollbar-width:none}
  .dm-tabs button{white-space:nowrap}
  .dm-tabs .dl,.dm-tabs .sp{display:none}
  .dm-foot p{font-size:var(--t-meta)}
  .dm-bars{--lw:110px;--vw:66px}
  .dm-paper{padding:0;background:none}
  .dm-page{padding:22px 16px}
  .dm-page .ctl th{width:38%}
  .dm-lin>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .dm-lin .ar{display:none}
  .dm-lin .h{display:none}
  .dm-foot{flex-direction:column;align-items:flex-start;gap:10px}
  .dm-foot .btn{margin-left:0}
  .dm-ask{padding:12px 14px}
  .dm-in{padding:18px 14px 28px}
  /* the window only scrolls up and down; wide tables scroll inside their own box */
  .dm-body{overflow-x:hidden;touch-action:pan-y}
  .dm-page{overflow-wrap:anywhere}
  .doc-tbl{table-layout:fixed}
  .doc-tbl th,.doc-tbl td{hyphens:auto;-webkit-hyphens:auto}
  .doc-tbl .r{white-space:normal}
}
/* phones: each understood term on its own line, label above the value */
@media (max-width:640px){
  .dm-steps .map{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 10px;font-size:0;line-height:0}
  .dm-steps .map i{font-size:var(--t-meta);line-height:18px}
  .dm-steps .map .ar{display:none}
  .dm-steps .map u{font-size:var(--t-meta)}
}
/* phones: the tab row scrolls sideways, so the download menu opens as a sheet at the bottom */
@media (max-width:900px){.dm-dlm{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;z-index:60}}

/* extra columns: + in the header, ghost preview on hover, removable added columns */
.dm-tblw{position:relative;min-width:0}
.dm-tbl .dm-addc{width:1%;padding:4px 6px;text-align:right}
.dm-add{width:26px;height:26px;border-radius:7px;font-size:var(--t-lead);line-height:1;color:var(--muted);background:var(--raised2);box-shadow:inset 0 0 0 1px var(--line);transition:color .15s,box-shadow .15s,background .15s}
.dm-add:hover,.dm-add[aria-expanded="true"]{color:var(--ink);background:var(--sig-soft);box-shadow:inset 0 0 0 1px var(--sig)}
.dm-addm{width:270px;overflow:auto;overscroll-behavior:contain}
.dm-addm:focus{outline:0}
.dm-addm b{display:flex;justify-content:space-between;gap:12px}
.dm-addm b em{font-style:normal;font-weight:400;color:var(--muted);font-family:var(--num);font-variant-numeric:tabular-nums}
.dm-addm small{font-family:var(--mono);font-size:var(--t-meta)}
.dm-tbl .dm-ghost{color:var(--sig-t);background:var(--sig-soft);box-shadow:inset 1px 0 0 rgba(82,99,255,.45),inset -1px 0 0 rgba(82,99,255,.45)}
.dm-tbl th.dm-ghost{color:var(--sig-t)}
.dm-tbl .dm-xc{color:var(--ink)}
.dm-tbl th.dm-xc{color:var(--ink2)}
.dm-rm{margin-left:6px;width:16px;height:16px;border-radius:4px;font-size:var(--t-ui);line-height:1;color:var(--faint);opacity:0;transition:opacity .15s,color .15s}
.dm-tbl th.dm-xc:hover .dm-rm,.dm-rm:focus-visible{opacity:1}
.dm-rm:hover{color:var(--ink)}
@media (hover:none){.dm-rm{opacity:1}}
.dm-tag{margin-left:6px;padding:0 5px;border-radius:4px;font-size:var(--t-meta);line-height:16px;color:var(--sig-t);background:var(--sig-soft);box-shadow:inset 0 0 0 1px rgba(82,99,255,.35);vertical-align:1px}
.doc-tbl th.add{font-style:italic}
.dm-addm b em{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}