/* Additional read-only panel views; the existing table and inspector shell stay unchanged. */
.panel-summary-pairs { display: grid; grid-template-columns: 1fr 1.7fr; gap: 16px; margin: 0; }
.panel-summary-pairs dt { color: var(--muted); font-size: 11.5px; line-height: 17px; }
.panel-summary-pairs dd { margin: 3px 0 0; font-size: 13px; line-height: 19px; }
.panel-summary-pairs .development { font-size: 12px; line-height: 19px; }
.panel-neutral-rating { color: var(--slate); font-weight: 600; }
.panel-chart { margin: 0; padding: 4px 0 30px; }
.panel-chart figcaption { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; line-height: 17px; }
.panel-chart-legend { display: flex; flex-wrap: wrap; gap: 16px; }
.panel-chart-key { display: inline-flex; align-items: center; gap: 6px; color: var(--slate); }
.panel-chart-key::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--series-color); }
.panel-chart .is-turnover { --series-color: #6287a8; }
.panel-chart .is-ebitda { --series-color: #c59972; }
.panel-chart-unit { color: var(--muted); }
.panel-chart-plot { position: relative; height: 172px; margin: 23px 0 0 30px; }
.panel-chart-grid { position: absolute; inset: 0; }
.panel-chart-gridline { position: absolute; left: 0; right: 0; border-top: 1px solid #edf1f5; }
.panel-chart-gridline.is-baseline { border-color: #bac8d5; }
.panel-chart-gridline > span { position: absolute; right: calc(100% + 8px); top: -8px; color: var(--muted); font-size: 10px; line-height: 16px; font-variant-numeric: tabular-nums; }
.panel-chart-columns { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0 5px; list-style: none; }
.panel-chart-columns > li { position: relative; min-width: 0; text-align: center; }
.panel-chart-year { position: absolute; top: calc(100% + 9px); left: 0; right: 0; color: var(--slate); font-size: 11.5px; line-height: 16px; font-variant-numeric: tabular-nums; }
.panel-chart-pair { display: flex; height: 100%; justify-content: center; gap: 5px; }
.panel-chart-series { position: relative; width: 43%; max-width: 42px; }
.panel-chart-bar { position: absolute; left: 50%; transform: translateX(-50%); width: 24px; max-width: 80%; background: var(--series-color); border-radius: 3px 3px 0 0; }
.panel-chart-bar.is-negative { border-radius: 0 0 3px 3px; }
.panel-chart-bar.is-zero { height: 2px !important; border-radius: 0; }
.panel-chart-value { position: absolute; left: 50%; transform: translate(-50%,-4px); color: var(--ink); font-size: 11px; font-weight: 500; line-height: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.profile-section .panel-footnote { margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 16px; }
.panel-detail-rows { margin: 0; }
.panel-detail-rows > div { display: grid; grid-template-columns: 75px minmax(0,1fr); gap: 12px; padding: 5px 0; }
.panel-detail-rows dt { color: var(--muted); font-size: 11.5px; line-height: 19px; }
.panel-detail-rows dd { margin: 0; font-size: 13px; line-height: 19px; }
.panel-selection { display: inline-flex; align-items: center; gap: 6px; color: var(--slate); }
.panel-selection::before { content: ""; width: 6px; height: 6px; border: 1px solid #9aacbe; border-radius: 50%; }
.panel-selection.is-selected::before { border-color: #3b719d; background: #3b719d; }
.panel-note-date { flex: none; color: var(--muted); font-size: 11px; line-height: 17px; }
.profile-section .panel-history-intro { color: var(--muted); font-size: 11.5px; line-height: 17px; }
.panel-timeline { margin: 14px 0 0 4px; padding: 0; list-style: none; }
.panel-timeline > li { position: relative; padding: 0 0 18px 17px; border-left: 1px solid #dbe4ec; }
.panel-timeline > li:last-child { padding-bottom: 0; border-left-color: transparent; }
.panel-timeline > li::before { content: ""; position: absolute; left: -4px; top: 4px; width: 7px; height: 7px; border-radius: 50%; background: #8fa4ba; outline: 3px solid #fff; }
.panel-timeline-meta { display: flex; align-items: baseline; gap: 8px; color: var(--muted); font-size: 11px; line-height: 17px; }
.panel-timeline-meta > span { color: #536a83; }
.panel-timeline h4 { margin: 3px 0; font-size: 13px; line-height: 18px; font-weight: 600; }
.panel-timeline p { font-size: 12px; line-height: 18px; }
.panel-sources { color: var(--ink); }
.panel-source-disclaimer { margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 18px; }
.panel-source-list { margin: 0; padding: 0; list-style: none; }
.panel-source-list > li { padding: 13px 0; border-bottom: 1px solid var(--line); }
.panel-source-list > li:first-child { padding-top: 0; }
.panel-source-list > li:last-child { padding-bottom: 0; border: 0; }
.panel-source-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.panel-source-heading h3 { margin: 0; font-size: 13px; line-height: 19px; font-weight: 600; }
.panel-source-heading > span { flex: none; color: var(--muted); font-size: 11px; line-height: 17px; }
.panel-source-list p { margin: 5px 0 9px; color: var(--slate); font-size: 12px; line-height: 18px; }
.panel-source-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 16px; margin: 0; font-size: 11.5px; line-height: 17px; }
.panel-source-meta dt { color: var(--muted); }
.panel-source-meta dd { margin: 1px 0 0; }
.panel-source-status { grid-column: 1 / -1; }
.panel-source-empty { margin: 0; color: var(--muted); font-size: 12px; line-height: 18px; }