:root{
  --lba-header-dark:#28394b;
  --lba-title-blue:#6e89a2;
  --lba-offwhite:#f0f4f8;
  --lba-yellow:#f7e35c;
  --lba-green:#2e8b57;
  --lba-amber:#cc7722;
  --lba-border:#4a4a5a;
}
.lba-table{width:100%;border-collapse:collapse;margin-top:12px}
.lba-table thead th{background:var(--lba-header-dark); color:#fff;}
.lba-table th,.lba-table td{border:1px solid var(--lba-border); padding:10px 12px; vertical-align:top; text-align:left}
.lba-muted{color:#9aa4b2;font-size:12px}
.anom{font-weight:600}
.grade-text-low{color:var(--lba-yellow)}
.grade-text-average{color:var(--lba-green)}
.grade-text-high{color:var(--lba-amber)}
.left td,.left th{text-align:left}
.lba-title{color:var(--lba-title-blue);margin:8px 0 12px 0}
.lba-divider{margin:16px 0;border:none;border-top:1px solid #6e89a233;}
.lba-subtitle{color:var(--lba-title-blue); font-size:1.6em; font-weight:600; margin:16px 0 10px 0}
.lba-heatmap-desc{color:var(--lba-offwhite);font-size:16px;line-height:1.5;margin:12px 0 16px 0}
.lba-legend{font-size:13px; margin-bottom:6px; color:var(--lba-offwhite)}
.lba-legend .legend-dot{font-weight:700; display:inline-block; width:1em; text-align:center}
.lba-legend .low{color:var(--lba-yellow)}
.lba-legend .avg{color:var(--lba-green)}
.lba-legend .high{color:var(--lba-amber)}
.lba-heatmap-wrap{overflow:auto; border:1px solid var(--lba-border); border-radius:8px; padding:0; margin-top:6px}
.lba-heatmap{width:100%; border-collapse:separate; border-spacing:0}
.lba-heatmap thead th{position:sticky; top:0; background:var(--lba-header-dark); color:#fff; z-index:2; font-weight:600}
.lba-heatmap th,.lba-heatmap td{border-bottom:1px solid var(--lba-border); border-right:1px solid var(--lba-border); padding:10px 12px; text-align:center; white-space:nowrap}
.lba-heatmap th.sticky-col, .lba-heatmap td.sticky-col{position:sticky; left:0; background:#0f172a; color:#fff; z-index:1; text-align:left; min-width:200px}
.lba-heatmap .date-col{min-width:96px}
.lba-heatmap .trend-col{min-width:80px; text-align:center}
.lba-heatmap .dot{width:16px; height:16px; display:inline-block; border-radius:50%; border:2px solid rgba(0,0,0,0.25); box-shadow:inset 0 0 0 2px rgba(255,255,255,0.25); margin:2px; cursor:help}
.lba-heatmap .dot.grade-low{background:var(--lba-yellow)}
.lba-heatmap .dot.grade-average{background:var(--lba-green)}
.lba-heatmap .dot.grade-high{background:var(--lba-amber)}
.lba-heatmap .dot.none{background:#444; opacity:0.3}
.trend-arrow{font-size:28px; font-weight:600; color:var(--lba-offwhite); line-height:1; display:inline-block}
.hidden-col{display:none}
.lba-heatmap-controls{padding:8px 10px}
.lba-btn{background:#1f2937; color:#fff; border:0; padding:8px 12px; border-radius:6px; cursor:pointer}
.lba-btn:hover{filter:brightness(1.1)}