#sso-overlay{position:fixed;inset:0;z-index:9999;background:#0a1628;display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;}
#sso-overlay.hidden{display:none;}
.sso-card{background:#fff;border-radius:16px;width:420px;max-width:94vw;overflow:hidden;}
.sso-hdr{background:#0a1628;padding:28px 32px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.sso-hdr-row{display:flex;align-items:center;gap:12px;}
.sso-hdr-div{width:1px;height:30px;background:rgba(255,255,255,.18);}
.sso-brand{font-family:'Barlow',sans-serif;font-weight:800;font-size:17px;color:#fff;line-height:1.1;}
.sso-brand-sub{font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.5px;}
.sso-sub{font-size:12px;color:rgba(255,255,255,.45);text-align:center;line-height:1.5;}
.sso-body{padding:26px 32px 30px;}
.sso-sect{font-size:11px;font-weight:700;color:#7090b8;text-transform:uppercase;letter-spacing:.9px;margin-bottom:16px;text-align:center;}
.sso-btn{display:flex;align-items:center;gap:11px;padding:11px 16px;border-radius:9px;border:1.5px solid #d8e2ee;background:#f7fafc;cursor:pointer;width:100%;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#1a2b45;transition:all .14s;margin-bottom:10px;}
.sso-btn:hover{border-color:#0078d4;background:#e8f2fb;color:#0055b3;}
.sso-btn:active{transform:scale(.98);}
.sso-btn-ic{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px;}
.sso-btn-lbl{flex:1;text-align:left;}
.sso-btn-arr{color:#a0b4cc;font-size:15px;}
.sso-btn:hover .sso-btn-arr{color:#0078d4;}
#sso-loading{display:none;flex-direction:column;align-items:center;gap:13px;padding:10px 0;}
#sso-loading.show{display:flex;}
.sso-spin{width:32px;height:32px;border:3px solid #dde6f0;border-top-color:#0078d4;border-radius:50%;animation:sso-spin .75s linear infinite;}
@keyframes sso-spin{to{transform:rotate(360deg)}}
.sso-spin-txt{font-size:13px;color:#6b84a8;font-weight:500;}
.sso-err{background:#fdedf0;border:1px solid #f5b8c2;border-radius:7px;color:#c8192e;font-size:12px;padding:9px 12px;margin-bottom:12px;display:none;}
.sso-err.show{display:block;}
.sso-footer{font-size:11px;color:#a0b4cc;text-align:center;margin-top:14px;line-height:1.6;}
.sso-footer a{color:#0078d4;text-decoration:none;}

#sso-badge{display:none;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:5px 11px;cursor:pointer;transition:all .14s;}
#sso-badge:hover{background:rgba(255,255,255,.14);}
#sso-badge.on{display:flex;}
.sso-av{width:26px;height:26px;border-radius:50%;background:#0078d4;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;}
.sso-uname{font-size:11px;font-weight:600;color:#fff;line-height:1;}
.sso-urole{font-size:9px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.7px;line-height:1;}

#sso-menu{position:fixed;top:62px;right:24px;background:#fff;border:1px solid #d8e2ee;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.1);z-index:1000;width:218px;display:none;}
#sso-menu.on{display:block;animation:sso-mi .12s ease;}
@keyframes sso-mi{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.sso-mhdr{padding:12px 15px 10px;border-bottom:1px solid #e8eef4;background:#f5f8fc;}
.sso-mname{font-weight:700;font-size:13px;color:#1a2b45;}
.sso-memail{font-size:11px;color:#6b84a8;margin-top:1px;word-break:break-all;}
.sso-mrole{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:5px;}
.r-admin{background:#e5f0fb;color:#0055b3;}
.r-viewer{background:#e6f5ee;color:#0a7040;}
.r-du{background:#fff3e0;color:#b45500;}
.sso-mitems{padding:5px 0;}
.sso-mi{display:flex;align-items:center;gap:9px;padding:9px 15px;font-size:12px;color:#1a2b45;cursor:pointer;transition:background .12s;}
.sso-mi:hover{background:#f0f5fa;}
.sso-mi.danger{color:#c8192e;}
.sso-mi.danger:hover{background:#fdedf0;}
.sso-mdiv{height:1px;background:#e8eef4;margin:4px 0;}
.sso-mfoot{padding:7px 15px 9px;font-size:10px;color:#a0b4cc;border-top:1px solid #e8eef4;}

#sso-warn{position:fixed;bottom:76px;right:22px;background:#fff;border:1px solid #ffd080;border-radius:10px;padding:13px 17px;box-shadow:0 6px 24px rgba(0,0,0,.1);z-index:5000;max-width:290px;display:none;}
#sso-warn.on{display:block;}
.sso-wt{font-weight:700;font-size:13px;color:#c97000;margin-bottom:3px;}
.sso-wb{font-size:12px;color:#6b84a8;margin-bottom:9px;line-height:1.5;}
.sso-wbtns{display:flex;gap:7px;}
.sso-wstay{background:#0078d4;color:#fff;border:none;padding:7px 13px;border-radius:6px;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;cursor:pointer;}
.sso-wout{background:#f5f8fc;color:#6b84a8;border:1px solid #d8e2ee;padding:7px 13px;border-radius:6px;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;cursor:pointer;}

#sso-restrict{display:none;background:#fff8ec;border-bottom:2px solid #ffd080;padding:7px 28px;font-size:12px;color:#c97000;font-weight:600;align-items:center;gap:7px;}
#sso-restrict.on{display:flex;}