/* Research presentation only. The separate post-count Dashboard is untouched.
   Integrator: load after the existing workspace/presentation styles. */
@layer feedback {
#wtiModelPanel .wti-reference-scroll {max-height:400px;overflow:auto;}
#wtiModelPanel .wti-reference-table {width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;}
#wtiModelPanel .wti-reference-table caption {text-align:left;font-size:12px;padding:6px 8px;color:var(--fw-muted,var(--muted));}
html.focus-workbench #wtiModelPanel .wti-reference-table :is(th,td) {padding:6px 8px!important;font-size:14px!important;line-height:20px!important;text-align:right;border-bottom:1px solid var(--fw-line,var(--line));background:var(--fw-panel,var(--panel));color:var(--fw-ink,var(--text));}
#wtiModelPanel .wti-reference-table th:first-child {text-align:left!important;}
#wtiModelPanel .wti-reference-details {padding:8px;font-size:12px;margin-top:8px;}
#wtiModelPanel .wti-reference-details p {margin:6px 0;overflow-wrap:anywhere;}
html.focus-workbench #muskModelPanel .external-model-panel { padding:12px!important; }
html.focus-workbench #muskModelPanel .external-model-head { gap:10px!important; margin-bottom:8px!important; }
html.focus-workbench #muskModelPanel .external-model-head strong { font-size:16px!important; line-height:1.3!important; }
html.focus-workbench #muskModelPanel .external-model-head small { font-size:12px!important; line-height:1.4!important; }
html.focus-workbench #muskModelPanel .external-model-tag { font-size:11px!important; white-space:normal!important; }
#muskModelPanel .post-count-model-summary {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px 14px;
  margin:0; padding:8px 0; border-block:1px solid var(--line,#283242);
}
#muskModelPanel .post-count-model-summary dt { font-size:12px; color:var(--muted,#a0adbf); }
#muskModelPanel .post-count-model-summary dd { margin:2px 0 0; font-size:18px; line-height:1.3; font-weight:600; font-variant-numeric:tabular-nums; }
#muskModelPanel .post-count-model-freshness { margin:6px 0 10px; font-size:12px; line-height:1.4; color:var(--amber,#ffc364); }
#muskModelPanel .post-count-table-scroll { max-width:100%; overflow-x:auto; }
#muskModelPanel .post-count-model-table { width:100%; min-width:820px; border-collapse:collapse; }
#muskModelPanel .post-count-model-table caption { text-align:left; font:12px/1.4 var(--sans,system-ui); padding:4px 0 8px; color:var(--muted,#a0adbf); }
html.focus-workbench #muskModelPanel .post-count-model-table :is(td,th) { padding:6px 8px!important; font-size:14px!important; line-height:20px!important; text-align:right; white-space:nowrap; border-bottom:1px solid var(--line,#283242); }
html.focus-workbench #muskModelPanel .post-count-model-table thead th { font-size:12px!important; cursor:default; }
#muskModelPanel .post-count-model-table th:first-child { text-align:left!important; }
#muskModelPanel .post-count-model-table .post-count-row-status { text-align:left; white-space:normal; min-width:100px; }
html.focus-workbench #muskModelPanel .post-count-model-table td[data-comparison-delta] { text-align:right!important; font-variant-numeric:tabular-nums; }
#muskModelPanel .post-count-model-table td[data-comparison-delta][data-tone="positive"] { color:var(--yes,#35d68f); }
#muskModelPanel .post-count-model-table td[data-comparison-delta][data-tone="negative"] { color:var(--no,#ff6b63); }
#muskModelPanel .post-count-model-details { margin-top:8px; padding:7px 10px; font-size:12px; }
#muskModelPanel .post-count-model-details summary { font-size:12px; }
#muskModelPanel .post-count-model-details dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; margin:10px 0; }
#muskModelPanel .post-count-model-details dt { color:var(--muted,#a0adbf); }
#muskModelPanel .post-count-model-details dd { margin:2px 0 0; overflow-wrap:anywhere; }
#muskModelPanel .post-count-model-details p { margin:6px 0; overflow-wrap:anywhere; }
#muskModelPanel .post-count-model-details time { font-variant-numeric:tabular-nums; line-height:1.55; }
html.focus-workbench #muskModelPanel .external-model-distribution-note { font-size:12px!important; line-height:1.45!important; margin:6px 0!important; }
@media(max-width:700px) {
  #muskModelPanel .post-count-model-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #muskModelPanel .post-count-model-details dl { grid-template-columns:1fr; }
}
}
/* trial is declared BEFORE feedback in ui-trial.css, hence its !important
   declarations win regardless of later stylesheet order. Match that layer
   explicitly, rather than relying on a grid template on a flex container.
   88px = 8px padding + 16px label + 32px price + 4px gaps + 28px note. The card's
   existing 240px geometry is untouched, including loading/unavailable states. */
@layer trial {
#wtiModelPanel .wti-reference-table,
#wtiModelPanel .wti-reference-table :is(tbody,tr,td,th) {
  background:var(--fw-inset,var(--panel2))!important;
  color:var(--fw-ink,var(--text))!important;
  border-color:var(--fw-line,var(--line))!important;
}
html.focus-workbench #wtiModelPanel .wti-reference-table :is(th,td) {text-align:right!important;}
html.focus-workbench #wtiModelPanel .wti-reference-table th:first-child {text-align:left!important;}
#wtiModelPanel .wti-reference-table thead th {background:var(--fw-panel,var(--panel))!important;color:var(--fw-muted,var(--muted))!important;}
#muskModelPanel .post-count-model-table,
#muskModelPanel .post-count-model-table :is(tbody,tr,td,th) {
  background:var(--fw-inset,var(--panel2))!important;
  color:var(--fw-ink,var(--text))!important;
  border-color:var(--fw-line,var(--line))!important;
}
#muskModelPanel .post-count-model-table thead th {background:var(--fw-panel,var(--panel))!important;color:var(--fw-muted,var(--muted))!important;}
#muskModelPanel .post-count-model-table td[data-comparison-delta][data-tone="positive"] {color:var(--win)!important;}
#muskModelPanel .post-count-model-table td[data-comparison-delta][data-tone="negative"] {color:var(--loss)!important;}
html.focus-workbench #browserView #catalogList .dense-preview-prices {
  height:88px!important;min-height:88px!important;max-height:88px!important;
}
html.focus-workbench #browserView #catalogList .dense-preview-prices>span.catalog-preview-entry {
  display:grid!important; box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:16px 32px 28px!important; gap:2px!important;
  align-items:center!important; align-content:start!important;
  padding:4px!important; border:0!important;
  height:88px!important; min-height:88px!important; max-height:88px!important;
}
html.focus-workbench #browserView #catalogList .dense-preview-prices>span.catalog-preview-entry>b.catalog-preview-label {
  display:block!important; grid-area:1/1!important; align-self:center!important;
  width:auto!important; min-width:0!important; height:16px!important; min-height:16px!important; max-height:none!important;
  margin:0!important; padding:0!important; line-height:16px!important; font-size:12px!important;
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important; -webkit-line-clamp:unset!important;
}
html.focus-workbench #browserView #catalogList .dense-preview-prices>span.catalog-preview-entry>em.catalog-preview-value {
  display:block!important; grid-area:2/1!important; align-self:center!important;
  height:32px!important; min-height:32px!important; line-height:32px!important;
  margin:0!important; padding:0!important; font-size:23px!important;
}
html.focus-workbench #browserView #catalogList .catalog-preview-entry>small {
  display:block!important; grid-area:3/1!important; align-self:start!important;
  height:28px!important; min-height:28px!important; line-height:14px!important;
  margin:0!important; padding:0!important; max-width:100%!important;
  white-space:normal!important; overflow:visible!important; font-size:12px!important;
}
html.focus-workbench #browserView #catalogList .catalog-preview-spread {
  display:block!important; line-height:14px!important; white-space:nowrap!important; font-size:12px!important;
  color:var(--fw-muted,var(--muted))!important;
  background:transparent!important;border:0!important;padding:0!important;margin:0!important;
}
}