/* The overlay is displayed only after a detectable playback failure or manual request. */
.kfpd-open{position:absolute;z-index:10010;top:0;right:0;bottom:0;left:0;background:rgba(6,10,20,.92);color:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overflow-y:auto;direction:rtl;text-align:right;font-family:inherit}
.kfpd-open[hidden]{display:none!important}
.kfpd-card{box-sizing:border-box;width:100%;max-width:530px;max-height:100%;overflow-y:auto;border:1px solid rgba(173,185,214,.33);border-radius:15px;background:#151b29;padding:18px;box-shadow:0 14px 38px rgba(0,0,0,.4);font-size:15px;line-height:1.75}
.kfpd-label{display:inline-block;padding:2px 9px;margin:0 0 8px;border-radius:6px;background:#5c2830;color:#fff;font-weight:700;font-size:12px}
.kfpd-card h2{font-size:20px;line-height:1.4;color:#fff;margin:0 0 8px}
.kfpd-card p{color:#e5e7ed;margin:5px 0 10px}
.kfpd-code{display:inline-block;background:#050a14;border:1px solid #697789;color:#fff;padding:5px 12px;border-radius:8px;font-size:19px;font-weight:700;letter-spacing:.7px;direction:ltr;unicode-bidi:isolate;user-select:all}
.kfpd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.kfpd-actions button,.kfpd-manual{border:1px solid #6a7b9c;background:#2b3551;color:#fff;border-radius:9px;padding:9px 14px;min-height:44px;cursor:pointer;font:inherit;font-size:14px}
.kfpd-actions button:first-child{background:#693ed9;border-color:#8657f6}
.kfpd-actions button:focus-visible,.kfpd-manual:focus-visible{outline:3px solid #fff;outline-offset:3px}
.kfpd-help{font-size:12px;color:#c4ccda!important;margin-top:12px!important}
.kfpd-manual-row{direction:rtl;text-align:right;padding:10px 0}
.kfpd-manual{background:#1f2937;border-color:#59677f;font-size:13px;min-height:40px}
.kfpd-report-text{width:100%;min-height:105px;max-height:180px;resize:vertical;background:#070d18;color:#fff;box-sizing:border-box;border:1px solid #6d758c;border-radius:8px;padding:8px;margin-top:10px;font:12px/1.65 monospace;direction:ltr;text-align:left}
@media(max-width:600px){.kfpd-open{padding:8px}.kfpd-card{padding:13px;border-radius:10px;font-size:13px}.kfpd-card h2{font-size:16px}.kfpd-code{font-size:16px}.kfpd-actions button{font-size:13px;padding:8px 10px}}

.kfpd-actions button:focus,.kfpd-manual:focus{outline:2px solid #fff;outline-offset:2px}