/* Statistics is a functional notebook surface. No theme or artwork selectors. */
#statistics-dialog {
  box-sizing: border-box;
  width: min(1080px, calc(100vw - 32px));
  max-width: none;
  max-height: min(860px, calc(100dvh - 32px));
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line, var(--n78, #bec2c7));
  border-radius: 14px;
  background: var(--paper, #fff);
  color: var(--ink, var(--n15, #272d32));
  font: inherit;
}
#statistics-dialog[open] { display: flex; flex-direction: column; }
#statistics-dialog::backdrop { background: #10182066; }
#statistics-dialog *, .statistics-figure * { box-sizing: border-box; }
#statistics-dialog [hidden] { display: none !important; }
.statistics-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px 10px; }
.statistics-dialog-header h2 { margin: 0; font-size: 1.15rem; }
#statistics-dialog button, #statistics-dialog input, #statistics-dialog select, #statistics-dialog textarea { font: inherit; color: inherit; }
#statistics-dialog button, #statistics-dialog select, #statistics-dialog input:not([type=checkbox]), #statistics-dialog textarea {
  border: 1px solid var(--line, var(--n78, #bec2c7)); border-radius: 7px; background: var(--paper, #fff); padding: 8px 10px; min-height: 38px;
}
#statistics-dialog button { cursor: pointer; }
#statistics-dialog button:disabled { opacity: .5; cursor: not-allowed; }
#statistics-dialog input[aria-invalid=true] { border-color: var(--flag-bad, #b33b32); }
#statistics-dialog button:focus-visible, #statistics-dialog input:focus-visible, #statistics-dialog select:focus-visible, #statistics-dialog textarea:focus-visible, #statistics-dialog summary:focus-visible, .statistics-table-scroll:focus-visible { outline: 2px solid var(--c45, #356f98); outline-offset: 2px; }
.statistics-tabs { display: flex; flex-shrink: 0; gap: 4px; padding: 0 16px 10px; overflow-x: auto; border-bottom: 1px solid var(--line, var(--n84, #d3d6da)); }
#statistics-dialog .statistics-tabs button { border-color: transparent; white-space: nowrap; background: transparent; }
#statistics-dialog .statistics-tabs button[aria-selected=true] { background: var(--c93, #edf3f7); border-color: var(--c69, #b1c7d5); font-weight: 650; }
.statistics-workspace-body { display: grid; grid-template-columns: minmax(245px, 300px) minmax(0, 1fr); min-height: 0; overflow: auto; }
.statistics-controls { padding: 18px; background: var(--n99, #fafbfc); border-right: 1px solid var(--line, var(--n84, #d3d6da)); min-width: 0; }
.statistics-preview-wrap { min-width: 0; padding: 16px 20px 24px; }
.statistics-field { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; font-size: .88rem; font-weight: 550; }
.statistics-field input, .statistics-field select, .statistics-field textarea { width: 100%; min-width: 0; font-weight: 400; }
#statistics-dialog textarea { resize: vertical; line-height: 1.4; min-height: 90px; }
.statistics-check { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0; font-size: .88rem; line-height: 1.4; overflow-wrap: anywhere; }
.statistics-check input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--c45, #356f98); }
#statistics-dialog fieldset { border: 1px solid var(--line, var(--n84, #d3d6da)); border-radius: 7px; padding: 8px 12px; margin: 0 0 16px; min-width: 0; }
#statistics-dialog legend { font-size: var(--t-control); padding: 0 4px; }
.statistics-inline-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 16px; }
.statistics-source-state, .statistics-note { color: var(--muted, #535b64); font-size: var(--t-control); line-height: 1.5; overflow-wrap: anywhere; }
.statistics-source-state { margin: 0 0 12px; }
.statistics-source-warning { background: var(--c96, #f3f5f7); padding: 8px 10px; font-size: .85rem; }
.statistics-dialog-footer { flex-shrink: 0; border-top: 1px solid var(--line, var(--n84, #d3d6da)); padding: 12px 18px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#statistics-validation { margin: 0; font-size: var(--t-control); color: var(--muted, #535b64); overflow-wrap: anywhere; }
.statistics-footer-actions { display: flex; flex-shrink: 0; gap: 8px; }
#statistics-dialog .statistics-primary { background: var(--c33, #294b62); color: var(--paper, #fff); border-color: var(--c33, #294b62); font-weight: 650; }
.statistics-figure { min-width: 0; color: inherit; font-family: inherit; }
.board-object[data-kind="statistics"] { line-height: normal; }
.board-object[data-kind="statistics"] > .object-body { box-sizing: border-box; overflow: auto; line-height: 1.5; padding: 8px; user-select: text; -webkit-user-select: text; }
.board-object[data-kind="statistics"] .statistics-svg { height: auto; }
.statistics-figure h3 { margin: 0 0 12px; font-size: 1.08rem; overflow-wrap: anywhere; }
.statistics-figure h4 { font-size: .97rem; margin: 16px 0 8px; overflow-wrap: anywhere; }
.statistics-svg { max-width: 100%; font-family: inherit; }
.statistics-empty { display: grid; place-items: center; min-height: 220px; padding: 28px; text-align: center; color: var(--muted, #535b64); border: 1px dashed var(--line, var(--n78, #bec2c7)); border-radius: 8px; line-height: 1.6; }
.statistics-table-scroll { max-width: 100%; overflow: auto; max-height: 330px; margin: 12px 0; }
.statistics-table-scroll table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; font-size: var(--t-control); }
.statistics-table-scroll caption { text-align: left; color: var(--muted, #535b64); font-size: var(--t-control); padding: 0 0 8px; }
.statistics-table-scroll th, .statistics-table-scroll td { border-bottom: 1px solid var(--line, var(--n84, #d3d6da)); padding: 8px 10px; text-align: left; white-space: nowrap; }
.statistics-table-scroll th { background: var(--n96, #f3f4f5); font-weight: 600; }
.statistics-legend { padding: 0; margin: 8px 0 12px; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: var(--t-control); }
.statistics-legend li { display: flex; align-items: baseline; gap: 7px; overflow-wrap: anywhere; min-width: 0; }
.statistics-swatch { display: inline-block; width: 10px; height: 10px; border-radius: 2px; flex: 0 0 auto; }
.statistics-equation, .statistics-probability { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; line-height: 1.5; }
.statistics-probability { font-size: 1.12rem; }
.statistics-metrics { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 14px 0; }
.statistics-metrics dt { color: var(--muted, #535b64); font-size: var(--t-control); }
.statistics-metrics dd { margin: 4px 0 0; font-variant-numeric: tabular-nums; }
.statistics-figure details, .statistics-appearance { margin: 14px 0; font-size: .86rem; }
.statistics-figure summary, .statistics-appearance summary { cursor: pointer; padding: 6px 0; }
.statistics-appearance[open] summary { margin-bottom: 8px; }
@media (max-width: 650px) {
  #statistics-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 10px; }
  .statistics-dialog-header { padding: 10px 12px 8px; }
  .statistics-tabs { padding: 0 8px 8px; gap: 0; }
  #statistics-dialog .statistics-tabs button { font-size: var(--t-control); padding: 7px 8px; min-height: 40px; }
  #statistics-dialog button, #statistics-dialog select, #statistics-dialog input:not([type=checkbox]) { min-height: 44px; }
  .statistics-workspace-body { display: flex; flex-direction: column; }
  .statistics-preview-wrap { order: -1; padding: 12px; }
  .statistics-controls { border-right: 0; border-top: 1px solid var(--line, var(--n84, #d3d6da)); padding: 14px; }
  .statistics-dialog-footer { padding: 10px 12px; flex-direction: column; align-items: stretch; gap: 8px; }
  .statistics-footer-actions { justify-content: flex-end; }
  #statistics-validation { max-height: 42px; overflow: auto; }
  .statistics-empty { min-height: 130px; padding: 20px; }
}
@media print {
  #statistics-dialog { display: none !important; }
  .board-object[data-kind="statistics"], .board-object[data-kind="statistics"] > .object-body { height: auto !important; max-height: none !important; overflow: visible !important; }
  .statistics-figure { break-inside: avoid; }
  .statistics-table-scroll { overflow: visible; max-height: none; }
  .statistics-figure details > :not(summary) { display: block !important; }
  .statistics-figure details::details-content { content-visibility: visible !important; height: auto !important; }
  .statistics-svg { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
