/* LAMP guidance popup (js/ui/lampPopup.js) -- shares the Skew-T overlay/panel (skewt.css). */
.lamp-body { display: flex; flex-direction: column; gap: 6px; min-height: 0; flex: 1 1 auto; overflow: auto; }
.lamp-chart-wrap { flex: 0 0 auto; height: 200px; }
.lamp-chart { width: 100%; height: 100%; display: block; }
.lamp-legend { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11px; color: #c8ced6; }
.lamp-legend-item::before { content: ""; display: inline-block; width: 12px; height: 10px; margin-right: 4px; vertical-align: -1px; background: var(--sw); border-radius: 2px; }
.lamp-legend-item.line::before { height: 0; border-top: 2px solid var(--sw); background: none; vertical-align: 3px; }
.lamp-legend-item.line.dashed::before { border-top-style: dashed; }
.lamp-table-wrap { overflow-x: auto; }
.lamp-table { border-collapse: collapse; font: 11px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #e6e9ee; }
.lamp-table th, .lamp-table td { padding: 1px 4px; text-align: center; border-right: 1px solid rgba(255,255,255,0.05); white-space: nowrap; }
.lamp-table tr:nth-child(even) td { background-color: rgba(255,255,255,0.03); }
.lamp-table th { color: #a8b0bb; font-weight: 600; }
.lamp-table .lamp-row-label { position: sticky; left: 0; background: var(--panel-bg, #1b1e23); text-align: left; color: #c8ced6; z-index: 1; }
.lamp-table .lamp-day { border-left: 1px solid #6b7684; }