:root{--navy:#0b2941;--navy2:#123d5d;--gold:#dca10b;--line:#343a42;--bg:#0c0e11;--text:#f3f5f7;--muted:#aab3bd;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}button,a{font:inherit}.one-app{height:100dvh;display:grid;grid-template-rows:54px 46px 44px minmax(0,1fr);background:#0c0e11}.one-app.one-single-page{grid-template-rows:54px 46px minmax(0,1fr)}
.one-app-header{display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,1.4fr) minmax(210px,1fr);align-items:center;gap:12px;padding:4px 14px;background:linear-gradient(180deg,#08090a,#111317);border-bottom:1px solid #343a42;box-shadow:0 2px 12px #0008;z-index:5}.one-app-brand{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}.one-app-brand img{width:44px;height:42px;object-fit:contain}.one-app-brand b,.one-app-brand small{display:block}.one-app-brand b{color:#fff;font-size:18px;letter-spacing:.02em}.one-app-brand small{color:#aab3bd;font-size:10px;margin-top:0}.one-app-current{text-align:center;min-width:0}.one-app-current b,.one-app-current span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.one-app-current b{font-size:16px;color:#fff}.one-app-current span{font-size:10px;color:#aab3bd;margin-top:1px}.one-app-user{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.one-app-user span{font-size:12px;font-weight:800;color:#dfe4ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.one-app-user button{min-height:34px;border:1px solid #48515b;border-radius:8px;background:#171a1f;color:#fff;font-weight:850;padding:6px 10px;cursor:pointer}.one-app-user button:hover{border-color:var(--gold);color:#ffe28a}
.one-app-user .one-connection{border:1px solid #285f45;border-radius:999px;background:#123c2b;color:#c9ffe3;padding:4px 8px;font-size:10px}.one-app-user .one-connection.offline{border-color:#80600a;background:#493708;color:#ffe29a}
.one-primary-nav{display:flex;align-items:stretch;gap:4px;padding:5px 9px;background:#0b0d10;border-bottom:1px solid #2d333b;overflow-x:auto;scrollbar-width:none}.one-primary-nav::-webkit-scrollbar,.one-secondary-nav::-webkit-scrollbar{display:none}.one-primary-nav button{flex:1 0 128px;border:1px solid transparent;border-radius:8px;background:transparent;color:#dce2e8;font-weight:850;font-size:12px;padding:6px 10px;cursor:pointer;white-space:nowrap}.one-primary-nav button:hover{background:#1a1f25;border-color:#39414a;color:#fff}.one-primary-nav button.active{background:var(--gold);border-color:var(--gold);color:#111;box-shadow:none}
.one-secondary-nav{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 9px;background:#15191e;border-bottom:1px solid #343a42;overflow-x:auto;scrollbar-width:none}.one-secondary-nav[hidden]{display:none}.one-secondary-nav button{flex:0 0 auto;min-height:33px;border:1px solid #434b55;border-radius:8px;background:#1d2228;color:#e4e8ec;font-weight:820;font-size:11px;padding:6px 12px;cursor:pointer;white-space:nowrap}.one-secondary-nav button:hover{background:#292f36;border-color:#68727d}.one-secondary-nav button.active{background:var(--gold);border-color:var(--gold);color:#111}
.one-workspace{position:relative;min-height:0;background:#0c0e11}.one-workspace-frames{width:100%;height:100%;min-height:0}.one-workspace iframe{width:100%;height:100%;border:0;background:#0c0e11;display:block}.one-workspace iframe[hidden]{display:none}.one-loading{position:absolute;inset:0;display:grid;place-items:center;background:#0c0e11;color:#f0c341;font-weight:850;font-size:15px;z-index:2}.one-loading.hidden{display:none}.one-loading-card{display:grid;justify-items:center;gap:9px;width:min(420px,calc(100% - 32px));padding:22px;border:1px solid #343a42;border-radius:14px;background:#12161b;text-align:center;box-shadow:0 16px 50px #0008}.one-loading-card>span:not(.one-loading-spinner){color:#b7c0c9;font-size:12px;font-weight:650}.one-loading-spinner{width:30px;height:30px;border:3px solid #3d444d;border-top-color:var(--gold);border-radius:50%;animation:one-spin .8s linear infinite}.one-loading.is-error .one-loading-spinner{display:none}.one-loading.is-error strong{color:#fff}.one-loading button{min-height:40px;border:1px solid var(--gold);border-radius:8px;background:var(--gold);color:#111;padding:8px 18px;font-weight:900;cursor:pointer}.one-loading button:hover{background:#f0bf3d}@keyframes one-spin{to{transform:rotate(360deg)}}
.one-offline-notice{position:absolute;z-index:6;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(920px,calc(100% - 24px));padding:11px 14px;border:2px solid #d89a16;border-radius:11px;background:#3b2d08;color:#fff3c4;box-shadow:0 8px 28px #0008;font-size:13px;line-height:1.35}.one-offline-notice[hidden]{display:none}.one-offline-notice strong{flex:0 0 auto;color:#ffd86b;font-size:14px}.one-offline-notice.restored{border-color:#3b9b69;background:#103625;color:#d6ffe7}.one-offline-notice.restored strong{color:#8df0b7}
@media(max-width:760px){.one-app{grid-template-rows:50px 43px 41px minmax(0,1fr)}.one-app.one-single-page{grid-template-rows:50px 43px minmax(0,1fr)}.one-app-header{grid-template-columns:1fr auto;padding:4px 8px}.one-app-brand img{width:41px;height:39px}.one-app-brand b{font-size:16px}.one-app-brand small,.one-app-current{display:none}.one-app-user span{max-width:120px}.one-app-user button{min-height:33px;padding:5px 8px}.one-primary-nav{display:flex;align-items:stretch;overflow-x:auto;padding:4px 6px}.one-primary-nav button{flex:0 0 auto;min-width:101px;min-height:33px;font-size:10px;line-height:1.1;padding:5px 8px;white-space:nowrap}.one-secondary-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px 6px}.one-secondary-nav button{min-height:31px;font-size:10px;padding:5px 9px}}
@media(max-width:600px){.one-app-user #appUser{display:none}.one-app-user .one-connection{font-size:9px;padding:3px 6px}}
@media(max-width:650px){.one-offline-notice{top:6px;align-items:flex-start;flex-direction:column;gap:3px;padding:9px 11px;font-size:11px}.one-offline-notice strong{font-size:12px}}

/* One clear appearance choice for the entire unified site. */
.one-theme-switch{display:inline-flex;align-items:center;padding:2px;border:1px solid #48515b;border-radius:9px;background:#111419;white-space:nowrap}
.one-app-user .one-theme-switch button{min-height:28px;border:0;border-radius:6px;background:transparent;color:#cbd3db;padding:4px 8px;font-size:10px;font-weight:900}
.one-app-user .one-theme-switch button:hover{background:#262c33;color:#fff}
.one-app-user .one-theme-switch button[aria-pressed="true"]{background:var(--gold);color:#111}

html[data-sbm-theme="light"]{--line:#cbd7e0;--bg:#eef3f7;--text:#172534;--muted:#586a78;color-scheme:light}
html[data-sbm-theme="light"],html[data-sbm-theme="light"] body,html[data-sbm-theme="light"] .one-app{background:#eef3f7;color:#172534}
html[data-sbm-theme="light"] .one-app-header{background:#fff;border-bottom-color:#cbd7e0;box-shadow:0 2px 10px rgba(11,41,65,.10)}
html[data-sbm-theme="light"] .one-app-brand b,html[data-sbm-theme="light"] .one-app-current b{color:#0b2941}
html[data-sbm-theme="light"] .one-app-brand small,html[data-sbm-theme="light"] .one-app-current span{color:#526777}
html[data-sbm-theme="light"] .one-app-user>span:not(.one-connection){color:#334b5f}
html[data-sbm-theme="light"] .one-app-user>button{background:#fff;border-color:#aec1cf;color:#123d5d}
html[data-sbm-theme="light"] .one-app-user>button:hover{background:#edf4f8;color:#0b2941;border-color:#6e8da3}
html[data-sbm-theme="light"] .one-theme-switch{background:#edf2f6;border-color:#b7c7d2}
html[data-sbm-theme="light"] .one-app-user .one-theme-switch button{color:#3f5567}
html[data-sbm-theme="light"] .one-app-user .one-theme-switch button:hover{background:#dbe6ed;color:#0b2941}
html[data-sbm-theme="light"] .one-app-user .one-theme-switch button[aria-pressed="true"]{background:#0b2941;color:#fff}
html[data-sbm-theme="light"] .one-primary-nav{background:#0b2941;border-bottom-color:#092238}
html[data-sbm-theme="light"] .one-primary-nav button{color:#e8f0f5}
html[data-sbm-theme="light"] .one-primary-nav button:hover{background:#174665;border-color:#3e6a87;color:#fff}
html[data-sbm-theme="light"] .one-primary-nav button.active{background:var(--gold);border-color:var(--gold);color:#111}
html[data-sbm-theme="light"] .one-secondary-nav{background:#e4edf3;border-bottom-color:#c4d2dc}
html[data-sbm-theme="light"] .one-secondary-nav button{background:#fff;border-color:#afc2d0;color:#173b58}
html[data-sbm-theme="light"] .one-secondary-nav button:hover{background:#f5f9fb;border-color:#7898ad}
html[data-sbm-theme="light"] .one-secondary-nav button.active{background:var(--gold);border-color:var(--gold);color:#111}
html[data-sbm-theme="light"] .one-workspace,html[data-sbm-theme="light"] .one-workspace iframe{background:#eef3f7}
html[data-sbm-theme="light"] .one-loading{background:#eef3f7;color:#123d5d}
html[data-sbm-theme="light"] .one-loading-card{background:#fff;border-color:#c4d2dc;box-shadow:0 16px 45px rgba(11,41,65,.16)}
html[data-sbm-theme="light"] .one-loading-card>span:not(.one-loading-spinner){color:#526777}
html[data-sbm-theme="light"] .one-loading.is-error strong{color:#172534}
html[data-sbm-theme="light"] .one-loading-spinner{border-color:#c8d4dd;border-top-color:var(--gold)}
html[data-sbm-theme="light"] .one-offline-notice{background:#fff4ce;color:#5c4300;border-color:#d49b13;box-shadow:0 8px 24px rgba(11,41,65,.22)}html[data-sbm-theme="light"] .one-offline-notice strong{color:#764f00}html[data-sbm-theme="light"] .one-offline-notice.restored{background:#e8f7ee;color:#174c31;border-color:#4f9b70}html[data-sbm-theme="light"] .one-offline-notice.restored strong{color:#17603c}
@media(max-width:520px){.one-app-user .one-connection{display:none}.one-app-user{gap:5px}.one-app-user .one-theme-switch button{padding:4px 6px}.one-app-user>button{padding:5px 7px}}