/* リースバック詳細の数値表示だけを補足。既存の配色・余白・レイアウトは変更しない。 */
#leaseback-metrics-root { display: contents; }
.metrics-warning { color: #92662c; background: #fbf5e9; padding: 12px 14px; border-radius: 6px; font-size: 13px; line-height: 1.8; }
.metrics-status { margin-top: 20px; }
.metrics-table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 18px; font-size: 13px; font-variant-numeric: tabular-nums; }
.metrics-table th, .metrics-table td { text-align: left; vertical-align: top; padding: 12px 8px; border-bottom: 1px solid var(--border, #e1e8e4); overflow-wrap: anywhere; }
.metrics-table th { font-weight: 500; color: var(--muted, #7b8d84); }
.metrics-table small { display: block; color: var(--muted, #7b8d84); }
.metrics-conditions summary { cursor: pointer; font-weight: 600; line-height: 1.7; }
.metrics-conditions .field-list dd { overflow-wrap: anywhere; }
.metrics-trend { margin-top: 20px; min-width: 0; }
.metrics-trend h3 { margin: 0; font-size: 14px; font-weight: 500; }
.metrics-trend svg { width: 100%; height: 100px; margin-top: 10px; display: block; }
.trend-axis { fill: none; stroke: #e1e8e4; stroke-width: 1; }
.trend-line { fill: none; stroke: var(--green); stroke-width: 2; stroke-linejoin: round; }
.trend-point { fill: var(--green); }
@media(max-width: 600px) { .metrics-table { font-size: 12px; } .metrics-table th, .metrics-table td { padding: 10px 4px; } }