/* Problem report card (plaazaa plan/post/reports.md). Light + dark (night = WoWonder's #night-mode-css link, like the Modern look). */
.pzr{--pzr-bg:#fff;--pzr-ln:#e6e8ee;--pzr-tx:#111827;--pzr-mu:#5b6474;--pzr-soft:#f4f5f8;--pzr-c:#4f46e5;--pzr-cs:#eef0ff;--pzr-ci:#3730a3;
  margin:10px 14px 12px;padding:14px 16px;border:1px solid var(--pzr-ln);border-radius:16px;background:var(--pzr-bg);color:var(--pzr-tx);font-size:14.5px;line-height:1.5}
html:has(#night-mode-css) .pzr{--pzr-bg:#171a21;--pzr-ln:#2c3039;--pzr-tx:#eceef3;--pzr-mu:#a0a8b8;--pzr-soft:#20242d;--pzr-c:#5b54ee;--pzr-cs:#25244d;--pzr-ci:#c7c4ff}
.pzr-busy{opacity:.6;pointer-events:none}
.pzr-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.pzr-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
html:has(#night-mode-css) .pzr-badge{color:color-mix(in srgb,var(--c) 45%,#fff);background:color-mix(in srgb,var(--c) 28%,transparent)}
.pzr-badge i{width:8px;height:8px;border-radius:99px;background:var(--c)}
.pzr-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--pzr-soft);font-size:13px}
.pzr-ref{font-size:13px;color:var(--pzr-mu)}
.pzr-title{font-size:17px;font-weight:700;line-height:1.4;margin:2px 0 4px}
.pzr-desc{margin:0 0 10px}
.pzr-photos{display:grid;gap:3px;border-radius:12px;overflow:hidden;margin:8px 0}
.pzr-photos.n2{grid-template-columns:1fr 1fr}.pzr-photos.n3{grid-template-columns:2fr 1fr 1fr}
.pzr-photos a{position:relative;display:block}
.pzr-photos img{width:100%;height:100%;max-height:340px;min-height:160px;object-fit:cover;display:block}
.pzr-photos.n2 img,.pzr-photos.n3 img{height:200px}
.pzr-photos b{position:absolute;left:8px;top:8px;font-size:12px;color:#fff;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:6px}
.pzr-photos b.ok{color:#052e16;background:#a7f3d0}
.pzr-place{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13.5px;color:var(--pzr-mu);margin:6px 0}
.pzr-link{border:0;background:none;color:var(--pzr-c);font-weight:700;cursor:pointer;padding:6px 0;font-size:13.5px}
html:has(#night-mode-css) .pzr-link{color:var(--pzr-ci)}
.pzr-map{height:220px;border-radius:12px;overflow:hidden;border:1px solid var(--pzr-ln);margin:6px 0 10px}
.pzr-tl{list-style:none;margin:10px 0 0;padding:0}
.pzr-tl li{display:flex;gap:12px;position:relative;padding-bottom:12px}
.pzr-tl li:not(:last-child)::before{content:"";position:absolute;left:9px;top:20px;bottom:0;width:2px;background:var(--pzr-ln)}
.pzr-tl li>i{flex:none;width:20px;height:20px;border-radius:99px;background:var(--c);box-shadow:0 0 0 3px var(--pzr-bg);position:relative;z-index:1}
.pzr-tl li>div{min-width:0;flex:1}
.pzr-tl b{display:block;font-size:14px}.pzr-tl small{display:block;font-size:12.5px;color:var(--pzr-mu)}
.pzr .pzr-tl p{margin:6px 0 0!important;text-indent:0;background:var(--pzr-soft);border-radius:10px;padding:8px 10px;font-size:14px}
.pzr-tl li.pzr-private p{border:1px dashed var(--pzr-ln);background:transparent}
.pzr-tl li.pzr-next>i{background:transparent;border:2px dashed var(--pzr-mu);box-sizing:border-box}
.pzr-tl li.pzr-next b{color:var(--pzr-mu)}
.pzr-thumbs{display:flex;gap:6px;margin-top:6px}.pzr-thumbs img{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block}
.pzr-flag{font-size:13px;font-weight:700;color:#92400e;background:#fef3c7;border-radius:10px;padding:6px 10px;margin:4px 0 8px}
html:has(#night-mode-css) .pzr-flag{color:#fde68a;background:#3a2a0a}
.pzr-rate{display:flex;flex-direction:column;gap:8px;border:1px solid var(--pzr-c);background:var(--pzr-cs);border-radius:14px;padding:12px 14px;margin:6px 0 10px}
.pzr-rate small{color:var(--pzr-mu)}
.pzr-stars button{border:0;background:none;font-size:28px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px 3px;min-width:40px;min-height:40px}
.pzr-stars button.on{color:#f59e0b}
.pzr-row{display:flex;gap:8px;flex-wrap:wrap}
.pzr-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--pzr-ln);padding-top:10px;margin-top:4px}
.pzr-count{font-size:13px;color:var(--pzr-mu);margin-right:auto}
.pzr-btn{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--pzr-ln);background:transparent;color:var(--pzr-tx);border-radius:999px;padding:0 14px;font-weight:600;cursor:pointer;font-size:13.5px;text-decoration:none!important;white-space:nowrap}
.pzr-btn:hover{color:var(--pzr-tx)}
.pzr-btn.pzr-primary{background:var(--pzr-c);border-color:var(--pzr-c);color:#fff}
.pzr a.pzr-btn.pzr-primary,.pzr a.pzr-btn.pzr-primary:hover,.pzr a.pzr-btn.pzr-primary:visited{color:#fff!important}   /* the post page's link colours must not dim the main button */
.pzr-btn.pzr-on{color:#047857;border-color:currentColor}html:has(#night-mode-css) .pzr-btn.pzr-on{color:#6ee7b7}
.pzr-btn[disabled]{opacity:.7;cursor:default}
.pzr-msg{display:none;font-size:13px;color:#b42318;margin-top:8px}.pzr-msg.show{display:block}
@media (max-width:560px){.pzr{margin:8px 10px 10px;padding:12px}.pzr-actions .pzr-btn{flex:1 1 auto;justify-content:center}}
.pzr-who{font-size:13px;color:var(--pzr-mu);background:var(--pzr-soft);border:1px dashed var(--pzr-ln);border-radius:10px;padding:6px 10px;margin:6px 0}
.pzr-all{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;color:var(--pzr-c);text-decoration:none}html:has(#night-mode-css) .pzr-all{color:var(--pzr-ci)}
.pzr-chip.pzr-lock{background:#fef3c7;color:#92400e;font-weight:600}html:has(#night-mode-css) .pzr-chip.pzr-lock{background:#3a2a0a;color:#fde68a}