.metric-timeline-wrap{overflow-x:auto;max-width:100%;margin:12px 0;overscroll-behavior-x:contain}.metric-timeline{display:grid;grid-template-columns:150px repeat(var(--timeline-columns),minmax(78px,1fr));gap:5px;min-width:calc(150px + var(--timeline-columns)*83px);align-items:stretch}.timeline-label{font-size:14px;font-weight:600;color:#244459;padding:10px 5px;display:flex;align-items:center}.timeline-year{font-size:14px;font-weight:600;color:#244459;text-align:center;padding:8px 2px}.timeline-cell{background:#edf4fa;border-radius:6px;padding:10px 3px;text-align:center;font-size:14px;font-weight:700;color:#142d3c;display:flex;align-items:center;justify-content:center;min-width:0}.timeline-gap{background:#f3f5f7;color:#526573}.timeline-target{background:#fff;border:1px solid var(--line)}.timeline-target input{width:100%;min-width:0;border:0;padding:0;font-size:14px;font-weight:700;text-align:center;color:#142d3c}.timeline-target input::placeholder{font-size:11px;font-weight:400}.history-warning{font-size:14px;color:#8a3b19}.metric-toolbar{flex-wrap:wrap}.metric-title{flex:1 1 320px;min-width:min(320px,100%)}.metric-actions,.configuration-metric-controls{flex-shrink:0}.metric-title h3{overflow-wrap:normal}.metric-timeline-wrap:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(max-width:650px){.metric-title{flex-basis:100%;min-width:0}.metric-timeline{grid-template-columns:130px repeat(var(--timeline-columns),minmax(78px,1fr));min-width:calc(130px + var(--timeline-columns)*83px)}}

/* F1365: compact service list and consistent unobtrusive controls. */
.service-area{margin:6px 0}.service-area>summary{min-height:40px;gap:8px}.service-area>summary h2{margin:5px 0}.service-area[open]>summary{margin-bottom:10px}
.configuration-service-controls button,.configuration-metric-controls button{height:30px;min-height:30px;line-height:1;padding:4px 7px;display:inline-flex;align-items:center;justify-content:center}.config-handle{font-size:18px!important}
.menu-collapsed .menu-toggle{left:calc((var(--menu-width) - 38px)/2)}.menu-toggle{display:flex;align-items:center;justify-content:center;line-height:1}
#configurationStatus:empty{display:none}#dismissConfiguration{padding:3px 8px;margin-right:6px;line-height:1;vertical-align:middle}.timeline-target{flex-direction:column;gap:4px}.timeline-actual{font-size:11px;font-weight:400}
/* Percentage target unit is visual; stored input remains numeric. */
.goal-value-control{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;gap:2px}.goal-unit{font-size:14px;font-weight:700}.goal-unit[hidden]{display:none}.goal-value-control.percentage:has(.goal-unit:not([hidden])) input{width:6ch;max-width:calc(100% - 15px);text-align:center}.goal-value-control.percentage:has(.goal-unit:not([hidden])) input::-webkit-inner-spin-button,.goal-value-control.percentage:has(.goal-unit:not([hidden])) input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Resting values use one text run, identical to historical values. */
.goal-value-control{position:relative}.goal-display{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font:inherit;color:inherit;white-space:nowrap}.goal-display[hidden],.goal-value-control:focus-within .goal-display{display:none}.goal-value-control.filled:not(:focus-within) input,.goal-value-control.filled:not(:focus-within) .goal-unit{opacity:0}