: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}}

/* Keep navigation and appearance controls legible on phones and tablets. */
.one-primary-nav button{font-size:13px}
.one-secondary-nav button{font-size:12px}
.one-app-user .one-theme-switch button{min-height:30px;font-size:12px}
@media(max-width:760px){.one-primary-nav button{min-height:35px;font-size:12px}.one-secondary-nav button{min-height:33px;font-size:12px}}

/* The complete section and page menus stay visible on narrow screens. */
.one-nav-picker{display:none}
@media(max-width:760px){
  .one-primary-nav,.one-secondary-nav{overflow:visible;justify-content:stretch}
  .one-primary-nav>button,.one-secondary-nav>button{display:none}
  .one-nav-picker{display:flex;align-items:center;gap:10px;width:100%;font-size:11px;font-weight:900;color:#e4e8ec}
  .one-nav-picker select{flex:1;min-width:0;height:33px;border:1px solid #667888;border-radius:7px;background:#1d2934;color:#fff;padding:3px 10px;font:inherit;font-size:13px;font-weight:800}
  html[data-sbm-theme="light"] .one-secondary-nav .one-nav-picker{color:#173b58}
  html[data-sbm-theme="light"] .one-secondary-nav .one-nav-picker select{background:#fff;color:#173b58;border-color:#7898ad}
}

/* v106: controls stay reachable on narrow screens, touch laptops and tablets. */
.one-app{height:100vh;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.one-app-header>*{min-width:0}
.one-secondary-nav{justify-content:flex-start}
.one-primary-nav,.one-secondary-nav{scrollbar-width:thin}
.one-primary-nav::-webkit-scrollbar,.one-secondary-nav::-webkit-scrollbar{display:block;height:6px}
.one-primary-nav::-webkit-scrollbar-thumb,.one-secondary-nav::-webkit-scrollbar-thumb{background:#8193a1;border-radius:6px}
.one-app :focus-visible{outline:3px solid #dca10b;outline-offset:2px}
@media screen and (max-width:1100px){
  .one-app{grid-template-rows:58px 52px 52px minmax(0,1fr)}
  .one-app.one-single-page{grid-template-rows:58px 52px minmax(0,1fr)}
  .one-app-header{grid-template-columns:minmax(0,1fr) auto;padding:4px 8px;gap:8px}
  .one-app-current,.one-app-brand small{display:none}
  .one-primary-nav,.one-secondary-nav{overflow:visible;justify-content:stretch;padding:4px 8px}
  .one-primary-nav>button,.one-secondary-nav>button{display:none}
  .one-nav-picker{display:flex;align-items:center;gap:8px;width:100%;min-width:0;font-size:12px;font-weight:900;color:#e4e8ec}
  .one-nav-picker select{flex:1;min-width:0;width:100%;height:44px;border:1px solid #667888;border-radius:7px;background:#1d2934;color:#fff;padding:6px 8px;font:inherit;font-size:16px;font-weight:800}
  html[data-sbm-theme="light"] .one-secondary-nav .one-nav-picker{color:#173b58}
  html[data-sbm-theme="light"] .one-secondary-nav .one-nav-picker select{background:#fff;color:#173b58;border-color:#7898ad}
  .one-app-user button,.one-app-user .one-theme-switch button{min-height:44px;font-size:12px}
  .one-app-user .one-theme-switch button{min-width:44px}
}
@media screen and (max-width:430px){
  .one-app-brand img{display:none}
  .one-app-brand b{font-size:15px;white-space:nowrap}
  .one-app-user{gap:4px}
  .one-app-user>button{padding:5px 6px}
}
@media (prefers-reduced-motion:reduce){.one-loading-spinner{animation:none}}

.one-account-menu{position:relative;color:inherit}.one-account-menu summary{cursor:pointer;list-style:none;border:1px solid #718392;border-radius:7px;padding:8px;font-size:12px;font-weight:800;white-space:nowrap}.one-account-menu summary::-webkit-details-marker{display:none}.one-account-menu[open] summary{outline:2px solid #ba982c}.one-account-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:10000;width:190px;padding:8px;background:#17232d;border:1px solid #718392;border-radius:8px;box-shadow:0 5px 18px #0005}.one-account-menu>div button{display:block;width:100%;text-align:left;min-height:44px;margin:3px 0;color:#fff!important;background:#263a4a!important}.one-account-menu summary:focus-visible{outline:3px solid #dca10b}@media(max-width:1100px){.one-account-menu summary{min-height:44px;display:flex;align-items:center;box-sizing:border-box}}