/* Keep the daily draft first; measurement and history are available on demand. */
.cm-nav-main { display: flex; align-items: stretch; border-block: 1px solid var(--cm-line); }
.cm-nav-main > .cm-org { flex: 1; min-width: 0; border: 0; padding-block: 7px; }
.cm-more-button { align-self: center; min-height: 36px; background: none; color: var(--cm-mute); border: 0; border-left: 1px solid var(--cm-line); padding: 7px 17px; margin-right: 8px; font-size: 12px !important; }
.cm-extra-nav { border-top: 0; background: var(--cm-card); }
.cm-extra-nav[hidden] { display: none; }
.cm-today-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
body.site-shell.cm-page .site-content .cm-board .cm-today-heading h2 { font-size: 24px; margin: 0; }
.cm-today-heading .cm-panel-kicker { text-transform: none; font-size: 12px; letter-spacing: .02em; }
.cm-draft-status { border: 1px solid var(--cm-line); padding: 4px 9px; border-radius: 3px; font-size: 11px; color: var(--cm-mute); }
.cm-today-workspace { display: grid; grid-template-columns: minmax(0,1fr) 210px; gap: 30px; }
.cm-today-workspace .cm-caption-label { margin-top: 0; }
.cm-today-workspace textarea { min-height: 222px; }
.cm-today-workspace .cm-post-settings { margin-top: 13px; }
.cm-post-settings .cm-studio-button { margin-top: 12px; }
.cm-today-visual { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; }
.cm-today-visual > a { display: block; width: 100%; max-width: 200px; }
.cm-today-visual svg { display: block; width: 100%; height: auto; border-radius: 4px; }
.cm-today-visual small { color: var(--cm-mute); font-size: 10px; }
.cm-today-review { margin: 20px 0; padding: 18px 20px; border: 1px solid var(--cm-line); background: var(--cm-card); border-radius: 5px; }
.cm-today-review > .cm-section-heading { margin-bottom: 18px; }
.cm-today-review .cm-review-notes { max-width: 85ch; }
.cm-today-review .cm-forecast-number { margin-block: 12px; }
.cm-today-history > .cm-draft-date { max-width: 180px; }
.cm-today-recommendation > summary, .cm-today-history > summary { min-height: 42px; }
.cm-learning-notes p { font-size: 12px; max-width: 95ch; }
.cm-optional-metrics { flex-wrap: wrap; }
.cm-optional-metrics label { min-width: 110px; }
.cm-board[data-active-tab="daily"] .cm-method { padding-top: 0; }
.cm-board[data-active-tab="performance"] .cm-stats { display: none; }
.cm-performance-filters { display: flex; align-items: end; gap: 14px; flex-wrap: wrap; margin: 17px 0 12px; }
.cm-performance-filters label { display: block; color: var(--cm-mute); font-size: 11px; }
.cm-performance-filters select { display: block; min-height: 36px; background: var(--cm-paper); border: 1px solid var(--cm-line); border-radius: 4px; padding: 7px 9px; margin-top: 4px; font-size: 12px; max-width: 100%; }
.cm-performance-count { margin: 0 0 8px auto; color: var(--cm-mute); font-size: 11px; }
.cm-performance-note { margin: 0 0 18px; font-size: 11px; color: var(--cm-mute) !important; max-width: 105ch; }
.cm-performance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.cm-performance-card { min-width: 0; padding: 16px 18px 12px; border: 1px solid var(--cm-line); border-radius: 5px; background: var(--cm-card); }
.cm-perf-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.cm-perf-heading h3 { margin: 0 !important; letter-spacing: .04em !important; }
.cm-perf-heading strong { font: 500 26px/1.2 var(--cm-mono); letter-spacing: -.04em; }
.cm-performance-card > p { font-size: 10px; margin: 7px 0 0; color: var(--cm-mute) !important; }
.cm-performance-chart { width: 100%; height: auto; display: block; margin: 6px 0 0; overflow: visible; }
.cm-perf-axis { fill: var(--cm-mute); font: 15px var(--cm-mono); }
.cm-perf-gridline { stroke: var(--cm-line); stroke-dasharray: 3 5; }
.cm-perf-line { fill: none; stroke: var(--cm-bar); stroke-width: 2.5; stroke-linejoin: round; }
.cm-perf-line.is-other-replies { stroke: var(--cm-green); stroke-dasharray: 4 4; }
.cm-perf-dot { fill: var(--cm-bar); stroke: var(--cm-card); stroke-width: 2; }
.cm-perf-dot.is-missing { fill: var(--cm-card); stroke: var(--cm-mute); }
.cm-perf-other-dot { fill: var(--cm-green); }
.cm-perf-point { cursor: pointer; }
.cm-perf-point:focus { outline: none; }
.cm-perf-point:hover .cm-perf-dot, .cm-perf-point:focus .cm-perf-dot, .cm-perf-point.is-selected .cm-perf-dot { stroke: var(--cm-ink); stroke-width: 3; r: 7; }
.cm-perf-foot { font-size: 10px; color: var(--cm-mute); padding-top: 8px; border-top: 1px solid var(--cm-line); line-height: 1.5; }
.cm-chart-empty { min-height: 150px; display: grid; place-items: center; color: var(--cm-mute) !important; font-size: 12px; text-align: center; }
.cm-performance-table-heading { margin: 24px 0 12px; }
.cm-performance-table-wrap { overflow-x: auto; scrollbar-width: thin; }
.cm-performance-table { width: 100%; min-width: 720px; border-collapse: collapse; text-align: left; font-size: 12px; }
.cm-performance-table :is(th,td) { padding: 10px 10px; border-bottom: 1px solid var(--cm-line); vertical-align: top; }
.cm-performance-table th { color: var(--cm-mute); font-size: 10px; font-weight: 500; }
.cm-performance-table th:not(:first-child), .cm-performance-table td:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.cm-performance-table th:first-child, .cm-performance-table td:first-child { width: 38%; min-width: 230px; padding-left: 0; }
.cm-performance-table summary { font-size: 12px; }
.cm-performance-table summary > span { display: block; color: var(--cm-mute); font: 10px/1.8 var(--cm-mono) !important; }
.cm-performance-table details p { font-size: 12px; }
.cm-performance-table details > small { display: block; font-size: 10px; color: var(--cm-mute); margin-block: 8px; }
.cm-performance-table details > a { font-size: 11px; }
@media (max-width: 700px) {
  .cm-nav-main > .cm-org { padding: 5px 7px; gap: 0; }
  .cm-nav-main .cm-role { padding-inline: 9px; font-size: 11px !important; }
  .cm-more-button { padding-inline: 10px; margin-right: 2px; font-size: 11px !important; }
  .cm-today-workspace { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .cm-today-visual { display: grid; grid-template-columns: 105px 1fr; align-items: center; justify-items: start; column-gap: 16px; }
  .cm-today-visual > a { grid-row: 1 / 3; }
  .cm-today-visual .cm-studio-button { align-self: end; }
  .cm-today-visual small { align-self: start; }
  .cm-today-review { padding: 14px; }
  .cm-performance-grid { grid-template-columns: minmax(0,1fr); }
  .cm-performance-card { padding: 14px 12px 11px; }
  .cm-perf-axis { font-size: 20px; }
  .cm-performance-filters { align-items: stretch; gap: 10px; }
  .cm-performance-filters label { flex: 1 1 160px; min-width: 0; }
  .cm-performance-filters select { width: 100%; }
  .cm-performance-count { width: 100%; margin: 0; }
}

@media (max-width: 400px) {
  .cm-nav-main > .cm-org { padding-inline: 3px; }
  .cm-nav-main .cm-role { padding-inline: 5px; font-size: 10px !important; }
  .cm-more-button { padding-inline: 7px; margin-right: 0; }
}