.uvl-sp500-wrap{width:100%;}
.uvl-sp500-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04);}
.uvl-sp500-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.uvl-sp500-title{font-size:22px;font-weight:800;line-height:1.2;margin:0;color:#111827;}
.uvl-sp500-subtitle{margin-top:4px;font-size:14px;color:#6b7280;}
.uvl-sp500-view-toggle{display:flex;gap:0;border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow:hidden;}
.uvl-sp500-toggle-btn{appearance:none;border:0;background:transparent;padding:10px 12px;font-weight:700;font-size:14px;color:#374151;cursor:pointer;}
.uvl-sp500-toggle-btn.is-active{background:#f3f4f6;color:#111827;}

.uvl-sp500-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap;}
.uvl-sp500-zoom{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.uvl-sp500-zoom-label{color:#6b7280;font-size:14px;font-weight:600;}
.uvl-sp500-zoom-buttons{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.uvl-sp500-zoom-btn{appearance:none;border:1px solid rgba(0,0,0,.12);background:#fff;color:#111827 !important;font-weight:700;font-size:13px;padding:6px 10px;border-radius:10px;cursor:pointer;}
.uvl-sp500-zoom-btn.is-active{background:#E47B02;border-color:#E47B02;color:#fff !important;box-shadow:0 0 0 3px rgba(228,123,2,.25);}

.uvl-sp500-download{appearance:none;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700;}
.uvl-sp500-download-ico{display:inline-block;transform:translateY(-1px);}

.uvl-sp500-body{margin-top:14px;}
.uvl-sp500-avgline{
  font-size:14px;
  color:#111827;
  font-weight:700;
  margin:6px 0 10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(228,123,2,0.12);
  border:1px solid rgba(228,123,2,0.35);
}

.uvl-sp500-avgval{color:#E47B02;}

.uvl-sp500-canvas-wrap{width:100%;position:relative;overflow:hidden;}
.uvl-sp500-canvas{width:100%;height:100%;display:block;}
.uvl-sp500-tooltip{position:absolute;z-index:20;pointer-events:none;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:10px;padding:10px 12px;font-weight:800;color:#111827;box-shadow:0 8px 20px rgba(0,0,0,.12);font-size:16px;}

.uvl-sp500-table-controls{margin-bottom:10px;}
.uvl-sp500-search{width:100%;max-width:280px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);}
.uvl-sp500-table-wrap{max-height:480px;overflow:auto;border:1px solid rgba(0,0,0,.08);border-radius:12px;}
.uvl-sp500-table{width:100%;border-collapse:collapse;font-size:14px;}
.uvl-sp500-table th,.uvl-sp500-table td{padding:12px 12px;border-bottom:1px solid rgba(0,0,0,.06);}
.uvl-sp500-table thead th{position:sticky;top:0;background:#fff;z-index:1;}
.uvl-sp500-table tr:hover td{background:#fafafa;}

.uvl-sp500-footnote{margin-top:12px;color:#6b7280;font-size:12px;}

/* Mobile tightening */
@media (max-width: 520px){
  .uvl-sp500-card{padding:14px;border-radius:14px;}
  .uvl-sp500-title{font-size:18px;}
  .uvl-sp500-toggle-btn{padding:8px 10px;}
}