/* PerfectReputations Blacklist Check. Full width of its container. */
.prbl { --prbl-bg: #fff; --prbl-text: #111; --prbl-btn: #111; width: 100%; box-sizing: border-box; background: var(--prbl-bg); color: var(--prbl-text); border: 1px solid #dcdcdc; border-radius: 10px; padding: 20px 22px; margin: 0 0 20px; }
.prbl *, .prbl *::before, .prbl *::after { box-sizing: border-box; }
.prbl-h { margin: 0 0 6px; color: inherit; }
.prbl-intro { margin: 0 0 14px; }
.prbl-label { display: block; font-weight: 700; margin-bottom: 6px; }
.prbl-row { display: flex; gap: 10px; flex-wrap: wrap; }
.prbl-row input { flex: 1 1 280px; min-height: 48px; padding: 10px 14px; border: 1px solid #999; border-radius: 6px; font: inherit; font-size: 1.05em; color: #111; background: #fff; }
.prbl-btn { min-height: 48px; padding: 10px 26px; border: 0; border-radius: 6px; background: var(--prbl-btn); color: #fff; font-weight: 700; font-size: 1em; cursor: pointer; }
.prbl-btn[disabled] { opacity: .6; cursor: progress; }
.prbl input:focus, .prbl-btn:focus, .prbl-link:focus, .prbl a:focus { outline: 3px solid #fcff00; outline-offset: 1px; box-shadow: 0 0 0 5px #111; }
.prbl-myip { margin: 10px 0 0; }
.prbl-link { border: 0; background: transparent; padding: 0 0 0 6px; color: inherit; text-decoration: underline; font: inherit; cursor: pointer; }
.prbl-ts { margin-top: 10px; }
.prbl-status { margin: 8px 0 0; font-weight: 600; min-height: 1.2em; }
.prbl-summary { border-radius: 8px; padding: 12px 16px; margin: 16px 0 12px; }
.prbl-summary h3 { margin: 0 0 4px; color: inherit; outline: none; }
.prbl-summary p { margin: 0; }
.prbl-summary.is-good { background: #e8f3ea; color: #12401b; border-left: 5px solid #1d6b2a; }
.prbl-summary.is-bad { background: #fdecec; color: #5c0100; border-left: 5px solid #b00020; }
.prbl-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.prbl-item { border: 1px solid #dcdcdc; border-radius: 8px; padding: 10px 12px; }
.prbl-item-top { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.prbl-badge { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: .78em; font-weight: 700; white-space: nowrap; }
.prbl-item.is-listed { border-color: #b00020; }
.is-listed .prbl-badge { background: #b00020; color: #fff; }
.is-clear .prbl-badge { background: #e8f3ea; color: #12401b; }
.is-error .prbl-badge { background: #eee; color: #444; }
.is-info .prbl-badge { background: #e3f2fd; color: #0d3c78; }
.prbl-detail { margin: 6px 0 0; font-size: .93em; }
.prbl-more, .prbl-note { margin: 12px 0 0; }
.prbl-note { font-size: .92em; opacity: .85; }
@media (max-width: 600px) { .prbl { padding: 16px 14px; } .prbl-btn { width: 100%; } }