/* PTCL Speed Test - css/style.css */
.ptcl-speed-test-widget{
  max-width: 520px;
  margin: 16px auto;
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(15,15,15,0.08);
  background: #fff;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #222;
  border: 1px solid rgba(0,0,0,0.04);
}

.pst-header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.pst-title { font-size:1.1rem; margin:0; display:flex; align-items:center; gap:8px; }

.pst-center { display:flex; justify-content:center; margin: 10px 0 6px; }
.pst-go-circle {
  width:136px;
  height:136px;
  border-radius:50%;
  background: linear-gradient(180deg,#0078ff,#005ad6);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 8px 28px rgba(3,81,255,0.12);
  cursor:pointer;
  transition: transform .14s ease, box-shadow .14s ease, opacity .14s;
  color:#fff;
  user-select:none;
}
.pst-go-circle:active { transform: scale(.98); }
.pst-go-circle.pst-disabled { opacity: .6; pointer-events: none; transform: none; box-shadow:none; }
.pst-go-text { font-size:36px; font-weight:700; letter-spacing:1px; }

.pst-status { text-align:center; margin:8px 0 12px; font-size:0.95rem; color:#333; }
.pst-results { padding: 8px 12px; background: rgba(250,250,250,0.9); border-radius:8px; }
.pst-result-row { display:flex; align-items:center; gap:10px; font-size:1rem; padding:6px 0; }
.pst-result-row i { width:18px; text-align:center; font-size:0.95rem; color:#0078ff; }

.pst-note { margin-top:10px; font-size:0.82rem; color:#666; }

@media (max-width:520px) {
  .ptcl-speed-test-widget { margin: 12px; padding: 12px; }
  .pst-go-circle { width:110px; height:110px; }
  .pst-go-text { font-size:28px; }
}