/* Velocidad de sitios — estilo PageSpeed Insights con los tokens del panel */
.sp-table{width:100%;border-collapse:collapse}
.sp-table th,.sp-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.sp-table th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;cursor:pointer;user-select:none}
.sp-table tr.sp-row{cursor:pointer}.sp-table tr.sp-row:hover td,.sp-table tr.sp-sel td{background:var(--surface-2)}
.sp-name b{display:block;color:var(--text-strong)}.sp-name small{color:var(--muted)}
.sp-sc{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;font-size:.9rem;border:3px solid}
.sp-g{color:var(--green-text);border-color:var(--green)}.sp-o{color:var(--yellow-text);border-color:var(--yellow)}.sp-r{color:var(--red-text);border-color:var(--red)}.sp-na{color:var(--muted);border-color:var(--line-strong)}
.sp-d{font-size:.75rem;margin-left:6px}.sp-up{color:var(--green-text)}.sp-dn{color:var(--red-text)}
.sp-det{margin-top:18px;padding:22px}.sp-det h2{color:var(--text-strong);font-size:1.25rem}.sp-det a{color:var(--blue)}
.sp-tabs{display:flex;gap:6px;margin:14px 0 18px}
.sp-tabs button{padding:8px 16px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-2);cursor:pointer;font-size:.9rem}
.sp-tabs button.on{background:var(--red);border-color:var(--red);color:#fff}
.sp-gauges{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:22px}.sp-gz{text-align:center;width:104px}.sp-gz svg{display:block;margin:0 auto 6px}.sp-gz span{font-size:.8rem;color:var(--muted)}
.sp-mets{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:24px}
.sp-met{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;border-left-width:4px}
.sp-met small{color:var(--muted);display:block}.sp-met b{font-size:1.5rem;color:var(--text-strong)}
.sp-met.sp-g{border-left-color:var(--green)}.sp-met.sp-o{border-left-color:var(--yellow)}.sp-met.sp-r{border-left-color:var(--red)}
.sp-h3{margin:26px 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.sp-hz{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px;display:flex;gap:12px;align-items:flex-start}
.sp-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;flex:none}.sp-dot.r{background:var(--red)}.sp-dot.o{background:var(--yellow)}
.sp-hz b{display:block;color:var(--text-strong)}.sp-hz p{margin:2px 0 0;color:var(--muted);font-size:.85rem}
.sp-sv{margin-left:auto;text-align:right;font-weight:600;white-space:nowrap;color:var(--red-text)}
.sp-files td{padding:8px 10px;font-size:.85rem;word-break:break-all;border-bottom:1px solid var(--line)}.sp-files td:last-child{white-space:nowrap;text-align:right;font-weight:600}
.sp-help{margin-top:16px;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);font-size:.88rem}
.sp-help code{background:var(--surface-2);padding:2px 6px;border-radius:6px;color:var(--text-strong)}
.sp-empty{padding:40px;text-align:center;color:var(--muted)}
.sp-scroll{overflow-x:auto}
@media(max-width:700px){.sp-table th:nth-child(n+5),.sp-table td:nth-child(n+5){display:none}}
.sp-q{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-strong)}