/* Test opóźnienia wejścia — webp.pl. Zmienne z x-tools.skin; wszystko zawężone do .test-opoznienia-wejscia-tool. */
.test-opoznienia-wejscia-tool .oi-pad{display:grid;place-items:center;min-height:210px;padding:1.2rem;border:2px dashed var(--c-border);border-radius:var(--r-lg);background:var(--c-bg-subtle);color:var(--c-text-secondary);text-align:center;font-weight:700;font-size:1.05rem;line-height:1.45;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;outline:none;transition:border-color .12s}
.test-opoznienia-wejscia-tool .oi-pad.fokus{border-style:solid;border-color:var(--c-primary);color:var(--c-text)}
.test-opoznienia-wejscia-tool .oi-pad:focus-visible{box-shadow:0 0 0 4px var(--c-primary-glow)}
.test-opoznienia-wejscia-tool .oi-pad.on{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.test-opoznienia-wejscia-tool .oi-pad small{display:block;margin-top:.4rem;font-weight:500;font-size:.85rem;opacity:.85}
.test-opoznienia-wejscia-tool .oi-pasek{height:6px;margin:.9rem 0 .35rem;border-radius:999px;background:var(--c-bg-muted);overflow:hidden}
.test-opoznienia-wejscia-tool .oi-pasek span{display:block;height:100%;width:0;background:var(--c-primary);transition:width .2s}
.test-opoznienia-wejscia-tool .oi-licznik{font-size:.85rem;color:var(--c-text-muted)}
.test-opoznienia-wejscia-tool .oi-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:1rem}
.test-opoznienia-wejscia-tool .oi-kafel{min-width:0;padding:.8rem 1rem;border:1px solid var(--c-border);border-top:3px solid var(--c-primary);border-radius:var(--r-md);background:var(--c-bg-card)}
.test-opoznienia-wejscia-tool .oi-kafel span{display:block;font-size:.74rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}
.test-opoznienia-wejscia-tool .oi-kafel b{display:inline-block;margin-top:.2rem;font-size:1.55rem;font-weight:800;color:var(--c-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.test-opoznienia-wejscia-tool .oi-kafel i{font-style:normal;font-size:.9rem;font-weight:600;color:var(--c-text-secondary);margin-left:.25rem}
.test-opoznienia-wejscia-tool .oi-kafel small{display:block;margin-top:.2rem;font-size:.8rem;color:var(--c-text-secondary)}
.test-opoznienia-wejscia-tool .oi-werdykt{margin-top:1rem;padding:.8rem 1rem;border-radius:var(--r-md);border-left:5px solid var(--c-border);background:var(--c-bg-subtle);color:var(--c-text);line-height:1.5}
.test-opoznienia-wejscia-tool .oi-werdykt.oi-ok{border-left-color:#10b981;background:#ecfdf5}
.test-opoznienia-wejscia-tool .oi-werdykt.oi-uwaga{border-left-color:#f59e0b;background:#fffbeb}
.test-opoznienia-wejscia-tool .oi-werdykt.oi-problem{border-left-color:#ef4444;background:#fef2f2}
.test-opoznienia-wejscia-tool .oi-komunikat{margin-top:.8rem;padding:.6rem .9rem;border-radius:var(--r-sm);font-size:.9rem;background:var(--c-bg-subtle);color:var(--c-text-secondary)}
.test-opoznienia-wejscia-tool .oi-komunikat.oi-ok{background:#ecfdf5;color:#047857}
.test-opoznienia-wejscia-tool .oi-komunikat.oi-uwaga{background:#fffbeb;color:#b45309}
.test-opoznienia-wejscia-tool .oi-tabela{overflow-x:auto;margin-top:1rem;max-width:100%}
.test-opoznienia-wejscia-tool .oi-tabela table{width:100%;min-width:480px;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.test-opoznienia-wejscia-tool .oi-tabela th,.test-opoznienia-wejscia-tool .oi-tabela td{padding:.45rem .6rem;border-bottom:1px solid var(--c-border);text-align:right;white-space:nowrap}
.test-opoznienia-wejscia-tool .oi-tabela th:first-child{text-align:left}
.test-opoznienia-wejscia-tool .oi-tabela thead th{font-size:.75rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.03em}
.test-opoznienia-wejscia-tool .oi-ostatnie{list-style:none;margin:.5rem 0 0;padding:0;font-size:.88rem;font-variant-numeric:tabular-nums}
.test-opoznienia-wejscia-tool .oi-ostatnie li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.8rem;padding:.3rem 0;border-bottom:1px dashed var(--c-border)}
.test-opoznienia-wejscia-tool .oi-ostatnie li span{color:var(--c-text-secondary);min-width:0;overflow-wrap:anywhere}
.test-opoznienia-wejscia-tool .oi-ostatnie-naglowek{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.8rem;margin-top:1rem;font-size:.75rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase}
.test-opoznienia-wejscia-tool .oi-uwagi{margin:1rem 0 0;font-size:.85rem;color:var(--c-text-muted);line-height:1.5}
@media (max-width:420px){.test-opoznienia-wejscia-tool .oi-pad{min-height:170px}.test-opoznienia-wejscia-tool .oi-kafel b{font-size:1.3rem}}