/* Native SVG plot and its HTML labels share a fixed vertical scale. Horizontal
   positions are percentages, so text and touch targets do not shrink on mobile. */
.goal-data-chart {
    --goal-chart-blue: #2563eb;
    color: var(--text-primary, #0f172a);
    min-width: 0;
}

.goal-data-chart-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    border: 1px solid var(--border-light, #f1f5f9);
    border-radius: 10px;
    background: #fcfdff;
}

.goal-data-chart-metrics[hidden] { display: none; }

.goal-data-chart-metric {
    min-width: 0;
    padding: 12px 16px;
}

.goal-data-chart-metric + .goal-data-chart-metric {
    border-left: 1px solid var(--border-light, #f1f5f9);
}

.goal-data-chart-metric dt {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 16px;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.goal-data-chart-metric dd {
    margin: 3px 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.goal-data-chart-body {
    position: relative;
    display: grid;
    grid-template-columns: minmax(26px, max-content) minmax(0, 1fr);
    column-gap: 9px;
    padding-top: 28px;
    padding-bottom: 26px;
    margin: 0 0 2px;
}

.goal-data-chart-plot,
.goal-data-chart-x-axis {
    position: relative;
    grid-column: 2;
    min-width: 0;
    margin-right: 14px;
}

.goal-data-chart-plot {
    grid-row: 1;
    height: 168px;
    isolation: isolate;
}

.goal-data-chart-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.goal-data-chart-svg line,
.goal-data-chart-svg path {
    vector-effect: non-scaling-stroke;
}

.goal-data-chart-grid {
    stroke: #edf0f5;
    stroke-width: 1;
}

/* Fallback only: the chart script paints this area with its own fading tint. */
.goal-data-chart-area {
    fill: rgb(37 99 235 / 6%);
}

.goal-data-chart-line {
    fill: none;
    stroke: var(--goal-chart-blue);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.goal-data-chart-baseline {
    stroke: #b8c2d1;
    stroke-width: 1;
}

.goal-data-chart-target {
    stroke: #7b8799;
    stroke-width: 1;
    stroke-dasharray: 3 5;
}

.goal-data-chart-reference-label {
    position: absolute;
    right: 2px;
    max-width: 100%;
    padding: 0 3px;
    background: rgb(255 255 255 / 88%);
    color: #64748b;
    font-size: 10px;
    line-height: 16px;
    white-space: nowrap;
    pointer-events: none;
}

.goal-data-chart-reference-label[hidden] { display: none; }

.goal-data-chart-y-axis {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    height: 168px;
}

.goal-data-chart-y-axis span {
    grid-area: 1 / 1;
    position: relative;
    align-self: start;
    justify-self: end;
    transform: translateY(-50%);
    font-size: 10px;
    color: #64748b;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.goal-data-chart-x-axis span {
    position: absolute;
    top: 12px;
    transform: translateX(-50%);
    font-size: 10px;
    color: #64748b;
    line-height: 1.2;
    white-space: nowrap;
}

.goal-data-chart-x-axis span[data-edge="start"] { transform: none; }
.goal-data-chart-x-axis span[data-edge="end"] { transform: translateX(-100%); }

.goal-data-chart-point {
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    transform: translate(-50%, -50%);
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.goal-data-chart-point::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1.5px solid #fff;
    border-radius: 50%;
    background: var(--goal-chart-blue);
}

.goal-data-chart-point:hover::after,
.goal-data-chart-point:focus-visible::after,
.goal-data-chart-point[data-selected="true"]::after {
    width: 9px;
    height: 9px;
    box-shadow: 0 0 0 4px rgb(37 99 235 / 13%);
}

.goal-data-chart-point:focus-visible {
    outline: 2px solid var(--goal-chart-blue);
    outline-offset: 1px;
    z-index: 3;
}

.goal-data-chart-tooltip {
    position: absolute;
    z-index: 4;
    width: max-content;
    max-width: min(240px, 100%);
    padding: 7px 10px;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 7px;
    background: #fff;
    color: #334155;
    box-shadow: 0 3px 10px rgb(15 23 42 / 8%);
    font-size: 11px;
    line-height: 1.45;
    font-variant-numeric: tabular-nums;
    pointer-events: none;
    overflow-wrap: anywhere;
}

.goal-data-chart-tooltip[data-align="center"] { transform: translateX(-50%); }
.goal-data-chart-tooltip[hidden] { display: none; }

.goal-data-metric-help { display: inline-flex; }
.goal-data-metric-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #8792a2;
    cursor: help;
}
.goal-data-metric-info svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; }
.goal-data-metric-info:hover { color: #64748b; }
.goal-data-metric-info:focus-visible { outline: 2px solid var(--goal-chart-blue); outline-offset: 2px; }
.goal-data-metric-tooltip {
    bottom: calc(100% + 6px);
    left: 0;
    max-width: 220px;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 120ms ease, visibility 120ms ease;
}
/* The last statistic sits at the right edge, so its explanation opens leftward */
.goal-data-chart-metric:last-child .goal-data-metric-tooltip { left: auto; right: 0; }
.goal-data-metric-tooltip[data-open="true"] { opacity: 1; visibility: visible; pointer-events: auto; }
.goal-data-metric-tooltip::before { content: ''; position: absolute; bottom: -7px; height: 7px; left: 0; right: 0; }
@media (prefers-reduced-motion: reduce) { .goal-data-metric-tooltip { transition: none; } }

.goal-data-chart-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 480px) {
    .goal-data-chart-metric { padding: 10px; }
    .goal-data-chart-metric dd { font-size: 15px; }
    .goal-data-chart-reference-label { font-size: 9px; }
}

@media (pointer: coarse) {
    .goal-data-chart-point { width: 44px; height: 44px; }
}

@media (forced-colors: active) {
    .goal-data-chart-line,
    .goal-data-chart-target,
    .goal-data-chart-baseline { stroke: CanvasText; }
    .goal-data-chart-point::after { background: ButtonText; border-color: Canvas; }
    .goal-data-chart-point:focus-visible { outline-color: Highlight; }
    .goal-data-chart-point[data-selected="true"] { outline: 1px solid Highlight; }
}

/* Goal cards use the note's existing editing controls and quiet row actions. */
/* Data uses the shared note toolbar and compact, directly editable point rows. */
#workspace-data-tools {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
#workspace-data-tools[hidden] { display: none; }
#session-note-tools:not([data-workspace-view="goals"]) #workspace-data-tools { display: none; }
#timeline-view #workspace-data-tools .goal-data-edit-goals { font-size: 13px; }
#workspace-data-tools :is(#goal-data-export-pdf, #goal-data-refresh):disabled { opacity: 0.55; cursor: default; }
/* Find more data names its outcome for a moment ("✓ Found 2"), like Copy's
   "✓ Copied". The label stays underneath and holds the size, so nothing
   moves. 2200ms matches FOUND_MESSAGE_MS in goal-results.js. */
#goal-data-refresh.goal-data-found { position: relative; }
#goal-data-refresh.goal-data-found > :not(.goal-data-found-message) { opacity: 0; animation: goal-data-found-hide 2200ms ease both; }
.goal-data-found-message {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    white-space: nowrap;
    pointer-events: none;
    animation: goal-data-found-show 2200ms ease both;
}
@keyframes goal-data-found-show { 0%, 100% { opacity: 0; } 8%, 92% { opacity: 1; } }
@keyframes goal-data-found-hide { 0%, 100% { opacity: 1; } 8%, 92% { opacity: 0; } }
.goal-data-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }

/* This visit's cue count, top right of the Data toolbar. It reads like the
   header's cue summary (quiet, dotted underline) and opens the cue editor. */
#workspace-cue-link { display: none; }
#session-note-tools[data-workspace-view="goals"] #workspace-cue-link {
    display: inline-block;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: underline dotted;
    text-underline-offset: 2px;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.2s ease;
}
#workspace-cue-link:hover { color: var(--primary); }
#workspace-cue-link:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; border-radius: 4px; }

/* Cue editor: one row per cue type. The total sits under the counts. */
#cue-count-fields { min-width: 0; margin: 0; padding: 0; border: 0; }
.cue-type-row,
.cue-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: var(--text-primary);
}
.cue-type-row { padding: 5px 0; }
.cue-stepper { display: flex; align-items: center; gap: 6px; }
.cue-step {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--surface-solid);
    color: var(--text-secondary);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.cue-step:hover:not(:disabled) { background: var(--surface-hover); color: var(--text-primary); }
.cue-stepper input {
    width: 56px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface-solid);
    color: var(--text-primary);
    font: inherit;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}
.cue-stepper input::-webkit-outer-spin-button,
.cue-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cue-stepper input:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
#cue-count-fields:disabled { opacity: 0.6; }
.cue-total-row {
    margin-top: 10px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
    font-weight: 600;
}
/* As wide as a stepper (30 + 6 + 56 + 6 + 30) so the total centers under the counts */
#cue-total-value { width: 128px; text-align: center; font-variant-numeric: tabular-nums; }
#cue-edit-modal .modal-button { justify-content: center; }
.goal-data-activity:empty { display: none; }
.goal-data-activity:not(.sr-only) { margin-bottom: 12px; font-size: 12px; }
.goal-data-card {
    container: goal-card / inline-size;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e8ecf2;
    border-radius: 14px;
    background: #fff;
}
.goal-data-heading {
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
}
.goal-data-heading-top { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.goal-data-title-group { min-width: 0; }
.goal-data-heading .goal-data-title {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
    color: #1d2939;
    overflow-wrap: anywhere;
}
.goal-data-due { display: block; margin-top: 5px; font-size: 11px; line-height: 1.5; color: #98a2b3; }
.goal-data-heading .goal-result-source {
    min-height: 0;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    line-height: 1.65;
    font-weight: 400;
    color: #667085;
    overflow-wrap: anywhere;
}
.goal-data-actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; margin-left: auto; }
.goal-data-actions .goal-data-edit { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 92px; padding: 5px 8px; min-height: 30px; border-radius: 999px; font-size: 12px; transition: background-color 220ms cubic-bezier(0.22, 1, 0.36, 1), color 220ms cubic-bezier(0.22, 1, 0.36, 1); }
/* While a goal is open, Done is a filled pill so closing the editor is hard to miss.
   Same box as Edit Goal (no border), so nothing around it moves. */
.goal-data-actions .goal-data-edit[aria-expanded="true"] { background: var(--primary); color: #fff; font-weight: 600; }
.goal-data-actions .goal-data-edit[aria-expanded="true"]:hover:not(:disabled) { background: var(--primary-dark); color: #fff; }
.goal-data-actions .goal-data-edit[aria-expanded="true"]:active:not(:disabled) { background: var(--primary-pressed); }
.goal-data-edit-chevron { flex: none; width: 5px; height: 5px; border-right: 1.25px solid currentColor; border-bottom: 1.25px solid currentColor; transform: translateY(-1px) rotate(45deg); transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1); }
.goal-data-edit[aria-expanded="true"] .goal-data-edit-chevron { transform: translateY(1px) rotate(225deg); }
.goal-data-actions .goal-results-action { width: 30px; padding: 5px; }
.goal-data-details { position: relative; }
.goal-data-heading[data-transitioning] { overflow: hidden; overflow-anchor: none; }
.goal-data-goal-editor[hidden] { display: none; }
.goal-data-description, .goal-data-goal-editor { width: 100%; overflow-anchor: none; }
.goal-data-description { position: relative; opacity: 1; transition: opacity 140ms ease 70ms; }
.goal-data-goal-editor { position: absolute; inset: 0 0 auto; opacity: 0; pointer-events: none; transition: opacity 70ms ease; }
.goal-data-description-content, .goal-data-editor-content { display: flow-root; }
.goal-data-editor-fields { padding-top: 14px; }
.goal-data-heading[data-editing="true"] .goal-data-description { position: absolute; inset: 0 0 auto; opacity: 0; pointer-events: none; transition: opacity 70ms ease; }
.goal-data-heading[data-editing="true"] .goal-data-goal-editor { position: relative; opacity: 1; pointer-events: auto; transition: opacity 140ms ease 70ms; }
.goal-data-goal-editor .context-goal-row { padding: 0; border: 0; }
@media (prefers-reduced-motion: reduce) {
    .goal-data-description, .goal-data-goal-editor, .goal-data-edit-chevron, .goal-data-actions .goal-data-edit,
    .goal-data-heading[data-editing] :is(.goal-data-description, .goal-data-goal-editor) { transition: none; }
}
.goal-data-points-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 16px 0 4px;
    min-height: 32px;
}
.goal-data-points-heading button i { font-size: 10px; margin-right: 6px; }
.goal-data-points-heading > span {
    flex: 1;
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 600;
    color: #98a2b3;
}
.goal-data-points-heading .patient-context-text-button { font-size: 12px; }
.goal-data-delete-selected { color: #b42318; white-space: nowrap; }
.goal-data-delete-selected[hidden] { display: none; }
.goal-data-checkbox {
    position: relative;
    flex: 0 0 24px;
    width: 24px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}
.goal-data-checkbox::before {
    content: '';
    position: absolute;
    inset: 9px 5px;
    border: 1px solid #c3cbd7;
    border-radius: 4px;
    background: #fff;
    transition: background 100ms ease, border-color 100ms ease;
}
.goal-data-checkbox[aria-checked="true"]::before,
.goal-data-checkbox[aria-checked="mixed"]::before { background: #3478f6; border-color: #3478f6; }
.goal-data-checkbox[aria-checked="true"]::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translate(-50%, -70%) rotate(45deg);
}
.goal-data-checkbox[aria-checked="mixed"]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    border-top: 1.5px solid currentColor;
    transform: translate(-50%, -50%);
}
.goal-data-checkbox:focus-visible { outline: 2px solid #3478f6; outline-offset: 1px; }
.goal-data-checkbox:hover:not(:disabled)::before { border-color: #3478f6; }
.goal-data-checkbox:disabled { opacity: .4; cursor: default; }
.goal-data-point-selected { background: #f3f7ff; border-radius: 7px; }
.goal-data-points {
    min-width: 0;
    padding-inline: 2px;
    margin-inline: -2px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}
.goal-data-points[data-transitioning] { overflow-y: hidden; overflow-anchor: none; }
.goal-data-point {
    display: grid;
    grid-template-columns: 24px 126px minmax(0, 1fr) 28px;
    align-items: start;
    gap: 0 10px;
    padding: 10px 0;
    min-width: 554px;
    min-height: 56px;
    border-bottom: 1px solid #f0f2f5;
    position: relative;
}
.goal-data-date { min-width: 0; }
.goal-data-entry { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; align-content: start; gap: 10px; }
.goal-data-point-numeric .goal-data-entry { grid-template-columns: 118px minmax(0, 1fr); }
.goal-data-measurement { display: flex; gap: 4px; align-items: center; min-height: 36px; flex-wrap: nowrap; }
.goal-data-number, .goal-data-date-input {
    min-width: 0;
    height: 36px;
    margin: 0;
    padding: 7px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #344054;
    font: inherit;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    box-shadow: none;
}
.goal-data-number { width: 60px; text-align: right; font-size: 13px; font-weight: 500; }
.goal-data-number::placeholder { color: #98a2b3; font-size: 12px; font-weight: 400; }
.goal-data-date-input { width: 100%; }
.goal-data-number:hover:not([readonly]):not(:disabled), .goal-data-date-input:hover:not([readonly]):not(:disabled) { background: #f8fafc; }
.goal-data-number:focus, .goal-data-date-input:focus { border-color: #3478f6; outline: 1px solid #3478f6; }
.goal-data-number[aria-invalid="true"], .goal-data-date-input[aria-invalid="true"] { border-color: #b42318; }
.goal-data-unit { font-size: 11px; color: #667085; }
.goal-data-ratio { white-space: nowrap; font-size: 11px; line-height: 14px; color: #98a2b3; margin-left: 4px; }
.goal-data-no-measurement { color: #98a2b3; }
.goal-data-note { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 28px; gap: 4px; align-items: start; }
.goal-data-entry .goal-result-field { height: 36px; min-height: 36px; transition: height .18s ease; }
/* Preserve the complete observation in one native editor. Expanding it changes
   only the reading space, never the stored text or the current draft. */
.goal-data-entry .goal-result-field::after { content: none; display: none; }
.goal-data-entry .goal-result-inline-input { padding: 0 8px; margin: 0; font-size: 13px; line-height: 34px; }
.goal-data-entry .goal-result-inline-input {
    width: 100%;
    height: 36px;
    min-height: 36px;
    max-height: none;
    border-color: transparent;
    border-radius: 7px;
    white-space: pre;
    overflow-wrap: normal;
    overflow: auto;
    scrollbar-width: none;
    transition: height .18s ease;
}
.goal-data-point-expanded .goal-result-field,
.goal-data-point-expanded .goal-result-inline-input { height: 92px; }
.goal-data-point-expanded .goal-result-inline-input { padding: 7px 8px; line-height: 20px; white-space: pre-wrap; overflow-wrap: anywhere; scrollbar-width: thin; }
.goal-data-entry .goal-result-inline-input::-webkit-scrollbar { display: none; }
.goal-data-point-expanded .goal-result-inline-input::-webkit-scrollbar { display: block; width: 4px; }
.goal-data-point-expanded .goal-result-inline-input::-webkit-scrollbar-thumb { background: #d0d5dd; border-radius: 4px; }
.goal-data-entry .goal-result-inline-input:hover:not(:focus):not([aria-disabled="true"]):not(:disabled) { border-color: transparent; background: #f8fafc; }
.goal-data-entry .goal-result-inline-input:focus { border-color: #3478f6; }
.goal-data-entry .goal-result-inline-input::placeholder { font-size: 12px; }
.goal-data-point .goal-result-actions { margin: 0; min-height: 36px; align-self: start; flex-wrap: wrap; }
.goal-data-note-toggle,
.goal-data-point [data-goal-action="point-menu"] { width: 28px; height: 36px; padding: 5px; color: #98a2b3; }
.goal-data-note-toggle { transform: translateX(6px); }
.goal-data-note-toggle i { font-size: 10px; transition: transform .18s ease; }
.goal-data-note-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.goal-data-point-menu {
    position: fixed;
    inset: auto;
    z-index: 10000;
    margin: 0;
    min-width: 132px;
    padding: 4px;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 20px #1018281a;
}
.goal-data-point-menu[hidden] { display: none; }
.goal-data-menu-item { display: block; width: 100%; border: 0; border-radius: 6px; padding: 8px 10px; background: transparent; color: #344054; text-align: left; font: inherit; font-size: 12px; cursor: pointer; }
.goal-data-menu-item:hover:not(:disabled), .goal-data-menu-item:focus-visible { background: #f3f6fb; }
.goal-data-menu-delete { color: #b42318; }
.goal-data-menu-item:disabled { opacity: .4; cursor: default; }
/* A thin, in-place saving line leaves the entry itself readable and stable. */
.goal-data-point-saving::after {
    content: '';
    position: absolute;
    height: 2px;
    bottom: -1px;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, transparent, #93b7ff, transparent);
    background-size: 200% 100%;
    animation: goal-point-save 1.4s linear infinite;
    pointer-events: none;
}
@keyframes goal-point-save { from { background-position: 200% 0; } to { background-position: -200% 0; } }
/* A point Find more data added or changed takes a soft tint once it is on
   screen, then fades back to the row's own background. 2000ms matches
   FOUND_POINT_MS in goal-results.js. */
.goal-data-point-found { border-radius: 7px; animation: goal-data-point-found 2000ms ease-in-out; }
@keyframes goal-data-point-found { 8%, 30% { background-color: rgb(51 116 230 / 12%); } }
.goal-data-point-error .goal-result-actions { grid-column: 1 / -1; width: 100%; }
.goal-data-point-error .goal-result-inline-status { white-space: normal; flex-basis: 100%; }
.patient-context-text-button.goal-data-show-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    margin-top: 8px;
    color: var(--text-secondary);
}
.patient-context-text-button.goal-data-show-more:hover:not(:disabled) { color: #475467; }
.goal-data-show-more::after {
    content: '';
    flex: none;
    width: 5px;
    height: 5px;
    border-right: 1.25px solid currentColor;
    border-bottom: 1.25px solid currentColor;
    transform: translateY(-1px) rotate(45deg);
}
.goal-data-show-more[data-goal-action="show-less"]::after { transform: translateY(1px) rotate(225deg); }
.goal-data-point-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.goal-data-history-error { margin-top: 8px; color: #b42318; font-size: 12px; }
.goal-data-empty { color: #98a2b3; font-size: 12px; margin: 8px 0 0; }
@media (max-width: 600px) { .goal-data-card { padding: 14px; } }
/* Adapt to the actual note width, including an open agent and session list. */
@container goal-card (max-width: 640px) {
    .goal-data-heading-top { gap: 8px; }
    .goal-data-heading .goal-data-title { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    .goal-data-checkbox::before { transition: none; }
    .goal-data-point .goal-result-actions button { transition: none; }
    .goal-data-entry .goal-result-field, .goal-data-entry .goal-result-inline-input, .goal-data-note-toggle i { transition: none; }
    .goal-data-point-saving::after { animation: none; background: #bdd2fa; }
    /* The result shows, and the tint holds, without fading; the timers end them. */
    #goal-data-refresh.goal-data-found > :not(.goal-data-found-message), .goal-data-found-message, .goal-data-point-found { animation: none; }
    .goal-data-point-found { background-color: rgb(51 116 230 / 12%); }
}
/* History can fill in around existing points without inserting a loading row. */
.goal-data-points-heading > .goal-data-points-label { display: inline-block; }
.goal-data-points-heading > .goal-data-points-loading { color: #3478f6; }