.meeting-artifact { margin-top: 18px; border: 1px solid #d9dfd3; border-radius: 12px; background: #fffefa; overflow: hidden; }
.meeting-artifact__file { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-bottom: 1px solid #e0e5da; background: #f0f3eb; color: #647264; font-size: .6875rem; line-height: 1.5; }
.meeting-artifact__file > svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.meeting-artifact__format { margin-left: auto; font-size: .625rem; letter-spacing: .06em; }
.dashboard-expand { display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; padding: 3px 0 3px 8px; border: 0; background: transparent; color: var(--accent); font: inherit; cursor: pointer; }
.dashboard-expand svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.meeting-dashboard { color: #34493d; font-size: .8125rem; line-height: 1.5; }
.meeting-dashboard p, .meeting-dashboard h4, .meeting-dashboard h5, .meeting-dashboard dl { margin: 0; }
.meeting-dashboard button, .meeting-dashboard select { font: inherit; }
.meeting-dashboard a { text-decoration-color: #bdcdbf; text-underline-offset: .2em; }
.meeting-dashboard button { cursor: pointer; }
.meeting-dashboard button:focus-visible, .meeting-dashboard select:focus-visible { outline: 1px solid #4b9184; outline-offset: 2px; }
.dashboard__heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 20px 12px; }
.dashboard__heading p { color: #768272; font-size: .625rem; letter-spacing: .05em; text-transform: uppercase; }
.dashboard__heading h4 { color: #243d31; font-size: 1.2rem; line-height: 1.35; font-weight: 550; letter-spacing: -.025em; }
.dashboard__period { color: #819079; font-size: .6875rem; }
.dashboard__tabs { display: flex; gap: 22px; padding: 0 20px; border-bottom: 1px solid #e5e9df; }
.dashboard__tabs button { position: relative; display: flex; align-items: center; gap: 6px; padding: 9px 0; border: 0; color: #6c7966; background: transparent; font-size: .75rem; }
.dashboard__tabs button[aria-selected="true"] { color: var(--accent); font-weight: 550; }
.dashboard__tabs button[aria-selected="true"]::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--accent); }
.dashboard__tabs button span { display: inline-grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 4px; background: #edf0e7; color: #75836c; font-size: .625rem; }
.dashboard__filters { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 20px; background: #fafbf6; border-bottom: 1px solid #e8ebe2; }
.dashboard__filters[hidden] { display: none; }
.dashboard__filters label { display: flex; align-items: center; gap: 9px; min-width: 0; color: #778271; font-size: .6875rem; }
.dashboard__filters select { min-width: 0; width: 220px; padding: 5px 24px 5px 8px; border: 1px solid #dce3d5; border-radius: 5px; background-color: #fffefa; color: #46583e; font-size: .6875rem; cursor: pointer; }
.dashboard__filters > span { color: #7e8975; font-size: .625rem; white-space: nowrap; }
.dashboard__viewport { height: 300px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ccd5c3 transparent; padding: 16px 20px 20px; background: #f7f9f3; scroll-behavior: auto; }
.dashboard__stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-bottom: 14px; }
.dashboard-stat { padding: 10px 14px; border: 1px solid #e1e7d9; border-radius: 7px; background: #fffefa; }
.dashboard-stat dt { margin-bottom: 3px; color: #7c8874; font-size: .625rem; }
.dashboard-stat dd { margin: 0; color: #294738; font-size: 1.375rem; line-height: 1.2; font-weight: 500; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.dashboard-card { min-width: 0; padding: 16px; border: 1px solid #e0e6d9; border-radius: 8px; background: #fffefa; }
.dashboard-card h5, .dashboard__section-heading h5 { color: #324c39; font-size: .875rem; font-weight: 550; line-height: 1.4; }
.dashboard-chart__heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.dashboard-chart__heading p { margin-top: 3px; color: #839079; font-size: .625rem; }
.dashboard__metric { display: flex; gap: 2px; padding: 2px; border: 1px solid #e1e6d9; border-radius: 5px; background: #f4f6ef; }
.dashboard__metric button { padding: 4px 7px; border: 0; border-radius: 3px; background: transparent; color: #818d76; font-size: .625rem; }
.dashboard__metric button[aria-pressed="true"] { background: #fffefa; color: #315641; box-shadow: 0 1px 2px #1c391b16; }
.dashboard-chart__graph { --plot-height: 100px; --bar-height: 76px; --chart-head: 24px; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 8px; margin-top: 14px; }
.dashboard-chart__axis { position: relative; height: var(--plot-height); color: #95a08a; font-size: .5625rem; font-variant-numeric: tabular-nums; }
.dashboard-chart__axis span { position: absolute; left: 0; transform: translateY(-50%); }
.dashboard-chart__axis span:first-child { top: var(--chart-head); }
.dashboard-chart__axis span:nth-child(2) { top: calc(var(--chart-head) + var(--bar-height) / 2); }
.dashboard-chart__axis span:last-child { top: var(--plot-height); }
.dashboard-chart__bars { position: relative; display: grid; grid-template-columns: repeat(var(--columns),minmax(0,1fr)); gap: 12px; }
.dashboard-chart__bars::before { content: ""; position: absolute; inset: var(--chart-head) 0 auto; height: var(--bar-height); border-block: 1px solid #e4e9dc; background: linear-gradient(#edf1e7,#edf1e7) center / 100% 1px no-repeat; pointer-events: none; }
.dashboard-bar { position: relative; display: grid; grid-template-rows: var(--plot-height) auto; gap: 7px; min-width: 0; padding: 0 0 2px; border: 0; border-radius: 3px; background: transparent; color: #8a977d; }
.dashboard-bar__column { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.dashboard-bar__count { margin-bottom: 4px; color: #6e835e; font-size: .625rem; line-height: 1; }
.dashboard-bar__fill { width: 60%; max-width: 35px; height: calc(var(--value) * var(--bar-height)); border-radius: 3px 3px 0 0; background: #c4d5ad; transform-origin: bottom; animation: dashboard-bar-in .65s cubic-bezier(.22,1,.36,1) both; animation-delay: calc(var(--index) * 50ms); transition: background-color .15s ease; }
.dashboard-bar:hover .dashboard-bar__fill { background: #8aaf83; }
.dashboard-bar[aria-pressed="true"] { color: var(--accent); }
.dashboard-bar[aria-pressed="true"] .dashboard-bar__fill { background: var(--accent); }
.dashboard-bar__date { font-size: .625rem; white-space: nowrap; }
.dashboard__lower { display: grid; grid-template-columns: .9fr 1.1fr; gap: 14px; margin-top: 14px; align-items: start; }
.dashboard__lower--single { grid-template-columns: 1fr; }
.dashboard__eyebrow { display: block; margin-bottom: 9px; color: #879078; font-size: .625rem; }
.dashboard-next h5 { font-size: 1.0625rem; }
.dashboard-next h5 a { text-decoration: none; }
.dashboard-next p { color: #7d8971; font-size: .6875rem; }
.dashboard-next .dashboard-next__time { margin: 10px 0 3px; color: #4d6745; font-size: .75rem; }
.dashboard-next .dashboard-next__agenda { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e7ebdf; line-height: 1.65; }
.dashboard__text-button { display: inline-flex; align-items: center; gap: 12px; margin-top: 14px; padding: 0; border: 0; background: transparent; color: var(--accent); font-size: .6875rem !important; }
.dashboard-detail[hidden] { display: none; }
.dashboard-detail__date { margin-top: 5px !important; color: #8a957e; font-size: .625rem; }
.dashboard-detail__facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 12px !important; padding-block: 12px; border-top: 1px solid #e9ede2; border-bottom: 1px solid #e9ede2; }
.dashboard-detail__facts dt { color: #98a18d; font-size: .5625rem; }
.dashboard-detail__facts dd { margin: 3px 0 0; color: #60744e; font-size: .6875rem; }
.dashboard-detail__reading { margin-top: 12px !important; font-size: .6875rem; }
.dashboard-detail__note { margin-top: 12px !important; color: #728065; font-size: .75rem; line-height: 1.7; }
.dashboard-detail__question { margin-top: 12px; padding: 10px 12px; border-radius: 5px; background: #f3f6ec; }
.dashboard-detail__question > span { color: #98a286; font-size: .5625rem; }
.dashboard-detail__question p { margin-top: 3px; color: #657952; font-size: .6875rem; line-height: 1.65; }
.dashboard__section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.dashboard__section-heading > span { color: #8a977e; font-size: .625rem; }
.meeting-dashboard .dashboard-table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; text-align: left; font-size: .6875rem; }
.meeting-dashboard .dashboard-table th { padding: 8px !important; color: #8c9980; font-size: .625rem; font-weight: 400; border-bottom: 1px solid #dfe6d5; }
.meeting-dashboard .dashboard-table th:first-child { width: 12%; }
.meeting-dashboard .dashboard-table th:nth-child(2) { width: 64%; }
.meeting-dashboard .dashboard-table th:nth-child(3), .meeting-dashboard .dashboard-table th:nth-child(4) { width: 12%; text-align: right; }
.meeting-dashboard .dashboard-table td { padding: 11px 8px !important; border-bottom: 1px solid #e6ecdd; vertical-align: top; }
.meeting-dashboard .dashboard-table td:nth-child(3), .meeting-dashboard .dashboard-table td:nth-child(4) { text-align: right; font-variant-numeric: tabular-nums; }
.dashboard-table tr.is-selected { background: #ebf1e3; }
.dashboard-table__select { padding: 0; border: 0; background: transparent; color: #4c693e; text-align: left; line-height: 1.5; }
.dashboard-table__select:hover { text-decoration: underline; }
.dashboard-table__paper { display: block; margin-top: 4px; color: #8b987e; font-size: .625rem; }
.dashboard-detail--wide { margin-top: 16px; }
.dashboard__papers { display: grid; gap: 12px; }
.dashboard-paper { padding: 17px; border: 1px solid #e0e6d8; border-radius: 8px; background: #fffefa; }
.dashboard-paper__meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 11px; color: #8c987e; font-size: .625rem; }
.dashboard-paper__status { padding: 3px 7px; border-radius: 4px; background: #f0f3e9; color: #879477; }
.dashboard-paper__status--next { color: var(--accent); background: #e6efe6; }
.dashboard-paper h5 { font-size: .8125rem; font-weight: 500; line-height: 1.7; }
.dashboard-paper h5 a { text-decoration: none; }
.dashboard-paper h5 a:hover { text-decoration: underline; }
.dashboard-paper p { margin-top: 8px; color: #7b896c; font-size: .6875rem; }
.dashboard-paper__id { display: inline-block; margin-top: 5px; color: #9aa58e; font-size: .625rem; }
.dashboard__empty { display: grid; justify-items: center; align-content: center; gap: 6px; min-height: 170px; text-align: center; color: #8c987e; font-size: .75rem; }
.dashboard__empty strong { color: #687d55; font-weight: 500; }
.meeting-dashboard-dialog { width: min(1100px,calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 40px); padding: 0; border: 0; border-radius: 14px; background: transparent; color: var(--text); box-shadow: 0 24px 100px #17342230; }
.meeting-dashboard-dialog::backdrop { background: #18352650; backdrop-filter: blur(3px); }
.meeting-dashboard-dialog .meeting-artifact { margin: 0; }
.meeting-dashboard-dialog .dashboard__viewport { height: min(610px,calc(100dvh - 230px)); padding: 24px; }
.meeting-dashboard-dialog .dashboard__heading { padding: 20px 24px 16px; }
.meeting-dashboard-dialog .dashboard__heading h4 { font-size: 1.5rem; }
.meeting-dashboard-dialog .dashboard__tabs, .meeting-dashboard-dialog .dashboard__filters { padding-inline: 24px; }
.meeting-dashboard-dialog .dashboard-chart__graph { --plot-height: 178px; --bar-height: 150px; --chart-head: 28px; margin-top: 22px; }
.meeting-dashboard-dialog .dashboard-bar__fill { max-width: 52px; }
@keyframes dashboard-bar-in { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@media (max-width: 640px) {
  .example__answer .meeting-artifact { margin-left: -30px; }
  .meeting-artifact__file { padding: 9px 11px; gap: 6px; font-size: .625rem; }
  .meeting-artifact__format { display: none; }
  .dashboard-expand { margin-left: auto; }
  .dashboard__heading { padding: 13px 12px 10px; }
  .dashboard__heading h4 { font-size: 1.0625rem; }
  .dashboard__period { display: none; }
  .dashboard__tabs { gap: 18px; padding-inline: 12px; }
  .dashboard__tabs button { font-size: .6875rem; }
  .dashboard__tabs button span { font-size: .5625rem; min-width: 15px; height: 15px; }
  .dashboard__filters { gap: 8px; padding: 9px 12px; }
  .dashboard__filters label { flex: 1; }
  .dashboard__filters select { flex: 1; width: 0; max-width: 210px; }
  .dashboard__filters > span { display: none; }
  .dashboard__viewport { height: 300px; padding: 12px; }
  .dashboard__stats { gap: 6px; margin-bottom: 10px; }
  .dashboard-stat { padding: 8px 7px; }
  .dashboard-stat dt { font-size: .5625rem; min-height: 26px; }
  .dashboard-stat dd { font-size: 1.1875rem; white-space: nowrap; }
  .dashboard-card { padding: 12px; }
  .dashboard-chart__heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .dashboard__metric { align-self: stretch; }
  .dashboard__metric button { flex: 1; }
  .dashboard-chart__graph { --plot-height: 80px; --bar-height: 56px; grid-template-columns: 13px minmax(0,1fr); gap: 3px; }
  .dashboard-chart__bars { gap: 3px; }
  .dashboard-bar__date { font-size: .5rem; }
  .dashboard-bar__count { font-size: .5625rem; }
  .dashboard-bar__fill { width: 66%; }
  .dashboard__lower { grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
  .dashboard__section-heading { gap: 8px; align-items: baseline; }
  .dashboard__section-heading > span { font-size: .5625rem; }
  .meeting-dashboard .dashboard-table th:first-child { width: 15%; }
  .meeting-dashboard .dashboard-table th:nth-child(2) { width: 59%; }
  .meeting-dashboard .dashboard-table th:nth-child(3), .meeting-dashboard .dashboard-table th:nth-child(4) { width: 13%; }
  .meeting-dashboard .dashboard-table th, .meeting-dashboard .dashboard-table td { padding-inline: 4px !important; }
  .meeting-dashboard .dashboard-table th { font-size: .5625rem; }
  .dashboard-table__paper { font-size: .5625rem; }
  .dashboard-paper { padding: 12px; }
  .dashboard-paper__meta { align-items: flex-start; font-size: .5625rem; }
  .meeting-dashboard-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
  .meeting-dashboard-dialog .dashboard__heading, .meeting-dashboard-dialog .dashboard__tabs, .meeting-dashboard-dialog .dashboard__filters { padding-inline: 16px; }
  .meeting-dashboard-dialog .dashboard__viewport { height: calc(100dvh - 230px); padding: 12px; }
  .meeting-dashboard-dialog .dashboard__heading h4 { font-size: 1.25rem; }
  .meeting-dashboard-dialog .dashboard-chart__heading { flex-direction: row; gap: 12px; }
  .meeting-dashboard-dialog .dashboard__metric { align-self: center; }
}
