.pw-website-whitelist{min-width:0;padding:18px;border:1px solid #806037;border-radius:9px;background:#1d2020b3;color:#f1e6d5}
.pw-website-whitelist [hidden]{display:none!important}
.pw-ww-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}
.pw-ww-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffbb67;margin-bottom:4px}
.pw-website-whitelist h3{font-size:20px;line-height:1.2;color:#fff0da;margin:0}
.pw-website-whitelist h4{margin:0 0 12px;font-size:16px;color:#ffe1b7}
.pw-website-whitelist p,.pw-website-whitelist li{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.pw-website-whitelist .pw-ww-intro{color:#d6cbb9;margin:0 0 20px}
.pw-ww-heading>button{flex:none;font-size:11px;padding:7px 9px;min-height:35px}
body.pw-public #app .pw-website-whitelist fieldset{min-width:0;border:0;padding:0;margin:0;background:transparent}
.pw-website-whitelist label{display:block;color:#eadbc5;font-size:13px;font-weight:600;margin:0 0 14px}
.pw-website-whitelist :is(input,select){display:block;box-sizing:border-box;min-width:0;width:100%;max-width:100%;margin-top:6px;font-size:14px}
.pw-website-whitelist input[name=code]{font-size:19px!important;letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.pw-website-whitelist button[type=submit]{width:100%;font-size:13px;min-height:40px;white-space:normal;line-height:1.4}
.pw-website-whitelist .pw-ww-server-note,.pw-website-whitelist .pw-ww-request-detail{color:#c9bdab;font-size:12px;line-height:1.6;margin:0 0 17px}
.pw-website-whitelist .pw-ww-server-note[data-state=warning]{color:#ffe0a2}
.pw-ww-pending{margin-top:24px;padding-top:20px;border-top:1px solid #665038}
.pw-ww-pending ol{padding-left:20px;margin:0 0 20px;color:#ddd0bb}
.pw-ww-pending li{margin:7px 0;padding-left:3px}
.pw-ww-accounts{margin-top:24px;padding-top:19px;border-top:1px solid #665038}
.pw-ww-accounts ul{list-style:none;padding:0;margin:0}
.pw-ww-accounts li{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #51493b}
.pw-ww-accounts li strong{font-size:14px;color:#e5f0d8}
.pw-ww-accounts li span{font-size:12px;color:#c3cfb5}
.pw-ww-accounts li[data-active=false] span{color:#f1cb91}
.pw-ww-accounts>p{font-size:12px;color:#cec1ad;margin:12px 0 0}
.pw-ww-message{box-sizing:border-box;margin:20px 0 0;padding:11px 12px;border:1px solid #66543b;border-radius:6px;background:#28291f;color:#e3d4ba;min-height:43px}
.pw-ww-message[data-state=pending]{background:#342a1c;border-color:#aa7838;color:#ffe0a4}
.pw-ww-message[data-state=success]{background:#233226;border-color:#6a8e58;color:#d0edbf}
.pw-ww-message[data-state=error]{background:#39251e;border-color:#a66b52;color:#ffd0bc}
.pw-ww-message[data-state=unavailable]{color:#dbceba;border-color:#7c6b50}
.pw-ww-auth-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.pw-ww-auth-links a{padding:9px 12px;border:1px solid #97612b;border-radius:6px;color:#ffca82;background:#2e251a;font-weight:600}
.pw-website-whitelist :is(button,input,select,a):focus-visible{outline:2px solid #ffb74f;outline-offset:3px}
body.pw-public #auth a.microsoft{display:flex;align-items:center;justify-content:center;gap:11px;box-sizing:border-box;width:100%;min-height:46px;margin-top:11px;padding:12px 16px;border:1px solid #b2b2b2;border-radius:6px;background:#f2f2f2;color:#242424;font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
body.pw-public #auth a.microsoft::before{content:'';display:block;flex:none;width:20px;height:20px;background:linear-gradient(#f25022 0 0) left top/9px 9px,linear-gradient(#7fba00 0 0) right top/9px 9px,linear-gradient(#00a4ef 0 0) left bottom/9px 9px,linear-gradient(#ffb900 0 0) right bottom/9px 9px;background-repeat:no-repeat}
body.pw-public #auth a.microsoft:hover{background:#fff;border-color:#777;color:#171717}
body.pw-public #auth a.microsoft:focus-visible{outline:2px solid #ffb74f;outline-offset:4px}
body.pw-public #auth a.microsoft[hidden]{display:none!important}
@media(max-width:640px){.pw-ww-heading{flex-direction:column;gap:10px}}
@media(max-width:380px){.pw-website-whitelist{padding:13px}.pw-website-whitelist h3{font-size:19px}}