/* Workspace R5: isolated post-login shell. Loaded after legacy app.css so old editorial rules cannot participate. */
#appView.app:not(.hidden){
  --bg:#06132d;--surface:#0f2854;--ink:#f1f7ff;--muted:#b7c7e1;--line:rgba(129,210,255,.24);--line-2:rgba(129,210,255,.13);--brand:#8ceeff;--brand-2:#9678ff;--brand-soft:rgba(90,168,255,.22);
  display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:none;background:radial-gradient(760px 440px at 8% 8%,rgba(47,205,255,.20),transparent 65%),radial-gradient(780px 520px at 88% 34%,rgba(122,78,255,.22),transparent 68%),#06132d;color:var(--ink);overflow-x:hidden;
}
#appView.app:not(.hidden) .topbar{display:flex;position:sticky;top:0;z-index:50;width:100%;padding:14px max(28px,calc((100vw - 1340px)/2));gap:12px;align-items:center;background:linear-gradient(105deg,rgba(4,16,42,.96),rgba(10,33,76,.9));border-bottom:1px solid rgba(123,221,255,.28);color:#f4f9ff;box-shadow:0 12px 34px rgba(0,5,35,.35)}
#appView.app:not(.hidden) .topbar .logo-name{color:#f4f9ff}#appView.app:not(.hidden) .topbar .logo-tag,#appView.app:not(.hidden) .whoami{color:#bbcee9}#appView.app:not(.hidden) .whoami b{color:#fff}
#appView.app:not(.hidden) .btn-ghost{background:rgba(255,255,255,.055);color:#e9f5ff;border-color:rgba(136,216,255,.30)}
#appView.app:not(.hidden) .role-chip{background:rgba(255,189,92,.15);color:#ffdc95;border:1px solid rgba(255,209,127,.28)}
#appView.app:not(.hidden) .intro-band{box-sizing:border-box;width:min(1340px,100%);margin:0 auto;padding:20px 28px 0}
#appView.app:not(.hidden) .intro-band p{box-sizing:border-box;display:block;width:100%;max-width:none;margin:0;padding:16px 19px;border:1px solid rgba(121,221,255,.28);border-left:3px solid #82ecff;border-radius:18px;background:linear-gradient(110deg,rgba(11,50,98,.80),rgba(38,27,88,.68));color:#c9d9ed;font-size:14px;line-height:1.62;overflow-wrap:anywhere;box-shadow:inset 0 1px rgba(210,247,255,.09),0 14px 34px rgba(0,8,36,.20)}
#appView.app:not(.hidden) .intro-band p:before{color:#8ceeff}
#appView.app:not(.hidden) .module-nav{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(1340px,100%);margin:18px auto 0;padding:0 28px;border:0;background:transparent}
#appView.app:not(.hidden) .module-nav button{box-sizing:border-box;display:flex;width:100%;min-width:0;padding:15px 17px;border:1px solid rgba(125,217,255,.25);border-radius:16px;background:linear-gradient(145deg,rgba(11,45,91,.84),rgba(17,28,72,.80));color:#eaf5ff;box-shadow:inset 0 1px rgba(207,248,255,.08),0 12px 26px rgba(0,7,35,.2)}
#appView.app:not(.hidden) .module-nav button .mn-idx{color:#8ceeff}#appView.app:not(.hidden) .module-nav button .mn-name{display:block;min-width:0;color:#f4f9ff;white-space:normal;overflow-wrap:anywhere}
#appView.app:not(.hidden) .module-nav button.active{border-color:rgba(115,240,255,.70);background:linear-gradient(135deg,rgba(21,101,169,.76),rgba(83,47,166,.76));box-shadow:inset 0 1px rgba(219,251,255,.24),0 14px 34px rgba(35,96,219,.28)}
#appView.app:not(.hidden) .main{box-sizing:border-box;width:min(1340px,100%);max-width:1340px;margin:0 auto;padding:30px 28px 70px;min-width:0}
#appView.app:not(.hidden) .saas-command-center{box-sizing:border-box;width:100%;max-width:100%;min-width:0;border-color:rgba(116,231,255,.40);background:linear-gradient(122deg,#041a3a,#0a3d74 44%,#30236e 100%)}
#appView.app:not(.hidden) .saas-command-center .saas-copy{max-width:620px;color:#d1e0f2;overflow-wrap:anywhere;word-break:normal}
@media screen and (max-width:560px){
 #appView.app:not(.hidden){width:100vw;max-width:100vw;overflow-x:hidden}
 #appView.app:not(.hidden) .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo role" "manage profile logout";padding:14px;gap:9px 7px}.topbar .logo{grid-area:logo;min-width:0}.topbar .logo-name{font-size:15px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .role-chip{grid-area:role;font-size:9px;padding:4px 7px}.topbar #managementLink{grid-area:manage}.topbar #profileBtn{grid-area:profile}.topbar #logoutBtn{grid-area:logout}.topbar .whoami,.topbar .spacer{display:none}.topbar #managementLink,.topbar #profileBtn,.topbar #logoutBtn{width:100%;min-width:0;padding:9px 5px;font-size:10px;white-space:nowrap}
 #appView.app:not(.hidden) .intro-band{width:auto;margin:0 14px;padding:16px 0 0}#appView.app:not(.hidden) .intro-band p{width:auto;max-width:none;padding:14px 16px;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
 #appView.app:not(.hidden) .module-nav{grid-template-columns:1fr;width:auto;margin:14px;padding:0;gap:8px}#appView.app:not(.hidden) .module-nav button{padding:12px 15px;min-height:60px}
 #appView.app:not(.hidden) .main{width:auto;max-width:none;margin:0 14px;padding:24px 0 calc(105px + env(safe-area-inset-bottom))}
 #appView.app:not(.hidden) .saas-command-center{margin:0;padding:24px 18px 22px;overflow:hidden}#appView.app:not(.hidden) .saas-command-center h1{font-size:clamp(35px,10.5vw,43px);overflow-wrap:anywhere}#appView.app:not(.hidden) .saas-command-center .saas-copy{width:100%;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
 #appView.app:not(.hidden) .tabs{position:relative;bottom:auto;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;padding-right:36px;-webkit-overflow-scrolling:touch}#appView.app:not(.hidden) .tabs::-webkit-scrollbar{display:none}
 #mfLangPill{right:12px!important;bottom:calc(env(safe-area-inset-bottom) + 108px)!important}
}
