#wf-modal { display: none; position: fixed; inset: 0; z-index: 100000; }
#wf-modal.wf-open { display: block; }
#wf-modal .wf-overlay {
    position: absolute; inset: 0; background: rgba(0,0,0,.72);
    backdrop-filter: blur(2px);
}
#wf-modal .wf-box {
    position: relative; z-index: 1;
    max-width: 540px; margin: 6vh auto; padding: 34px 36px 30px;
    max-height: 88vh; overflow-y: auto;
    background: #1c2230; border: 1px solid #2f3a4d; border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.5);
    color: #dfe6f0; font-size: 15px; line-height: 1.75;
    animation: wf-pop .18s ease;
}
@keyframes wf-pop { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
#wf-modal .wf-close {
    position: absolute; top: 10px; right: 14px;
    background: none; border: none; color: #7d8aa0; font-size: 26px;
    line-height: 1; cursor: pointer; padding: 0;
}
#wf-modal .wf-close:hover { color: #fff; }
#wf-modal .wf-title {
    font-size: 20px; font-weight: 700; color: #fff;
    margin-bottom: 18px; padding-right: 24px;
}
#wf-modal .wf-body { color: #c2cbd9; }
#wf-modal .wf-body b { color: #fff; }
#wf-modal .wf-body a { color: #f5a623; text-decoration: underline; }
#wf-modal .wf-body a:hover { color: #ffb939; }
#wf-modal .wf-step { margin-bottom: 16px; }
#wf-modal .wf-hint { margin-top: 18px; padding-top: 14px; border-top: 1px solid #2f3a4d; color: #9fb0c4; font-size: 14px; }
#wf-modal .wf-actions { margin-top: 20px; text-align: center; }
#wf-modal .wf-retry {
    background: #f5a623; color: #1c2230; font-weight: 700;
    border: none; border-radius: 8px; padding: 12px 26px;
    font-size: 15px; cursor: pointer; transition: background .15s;
}
#wf-modal .wf-retry:hover { background: #ffb939; }
@media (max-width: 520px) {
    #wf-modal .wf-box {
        margin: 3vh 10px;
        padding: 20px 18px 18px;
        max-height: 92vh;
        overflow-y: auto;
        font-size: 14px;
        line-height: 1.6;
    }
    #wf-modal .wf-title { font-size: 17px; margin-bottom: 14px; }
    #wf-modal .wf-step { margin-bottom: 13px; }
    #wf-modal .wf-retry { width: 100%; padding: 13px; }
}