/* Authentication overlay + network status; the v2.0.0 Lotus UI is unchanged. */
body.supra-locked {overflow:hidden}
body.supra-locked #app,body.supra-locked #modal-root,body.supra-locked #toast-root {visibility:hidden}
#supra-auth-root {display:none}
body.supra-locked #supra-auth-root {position:fixed;inset:0;z-index:99999;display:grid;place-items:center;
 padding:20px;overflow:auto;background:linear-gradient(135deg,#173a69,#c9ddf5 70%,#eef5ff);font-family:Arial,Helvetica,sans-serif}
.supra-auth-card {width:min(100%,430px);border:1px solid #6b96c8;border-radius:8px;padding:26px;
 box-shadow:0 17px 40px #0f34527d;background:linear-gradient(#ffffff,#e9f2fe);color:#18365d}
.supra-auth-card img {float:left;margin:0 12px 12px 0}
.supra-auth-title {font-weight:800;font-size:22px;margin:4px 0 6px}
.supra-auth-subtitle {font-size:13px;color:#58708d;padding-bottom:16px;border-bottom:1px solid #c6d8ec;clear:both}
.supra-auth-card form {display:grid;gap:8px;margin-top:16px}
.supra-auth-card label {font-weight:700;font-size:13px}
.supra-auth-card input {box-sizing:border-box;padding:11px 12px;font:inherit;border:1px solid #a2b7d3;border-radius:5px;background:white;width:100%;margin-bottom:7px}
.supra-auth-card button,.supra-auth-card form button {padding:12px;border:1px solid #245b9c;border-radius:5px;background:linear-gradient(#377ece,#195295);color:white;font-size:15px;font-weight:700;cursor:pointer}
.supra-auth-card button:disabled {opacity:.6}
.supra-auth-card small {font-size:12px;color:#5c6981;line-height:1.5;display:block}
.supra-auth-message {font-size:13px;line-height:1.45;padding:9px;border:1px solid #bacde4;border-radius:5px;background:#f1f6fc;white-space:pre-wrap}
.supra-auth-message.error {color:#8a1320;border-color:#eb9caa;background:#fff1f3}
#supra-sync-banner:not([hidden]) {position:fixed;z-index:10050;bottom:12px;left:50%;transform:translateX(-50%);
 width:min(920px,calc(100vw - 24px));background:#fff4e0;border:2px solid #c98628;border-radius:7px;
 box-shadow:0 10px 30px #182b4560;padding:11px 14px;color:#54300a;font:13px Arial,sans-serif;
 display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#supra-sync-banner strong {font-size:13px}
#supra-sync-banner span {flex:1 1 230px}
#supra-sync-banner button {padding:8px;border:1px solid #9f691d;border-radius:4px;background:#fff;color:#57370b;cursor:pointer}
.cb-supra-logout {border:1px solid #7d9dc6;border-radius:4px;background:#e2ecfa;color:#163a6e;padding:6px 9px;cursor:pointer;font-size:12px}
.cb-sync-status {font-weight:600}
@media(max-width:767px){.supra-auth-card {padding:18px}.cb-supra-logout {padding:7px;font-size:12px}#supra-sync-banner:not([hidden]){bottom:6px;max-height:42vh;overflow:auto}}