/* FILUXIA ATLAS V9.7.6 — Professional Workspace standalone shell
   Personal ATLAS and Professional share calculation services, not page chrome/state. */
html[data-entry="professional"] #appScreen,
html[data-entry="professional"] .bottom-nav,
html[data-entry="professional"] .atlas-bottom-nav,
html[data-entry="professional"] #mobileNav{
  display:none!important;
}

html[data-entry="professional"] body{
  background:var(--bg);
}

html[data-entry="professional"] #professionalPage.professional-page:not(.hidden){
  background:
    radial-gradient(circle at 16% -10%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 32%),
    var(--bg);
}

html[data-entry="professional"] #professionalPage>.professional-page-card{
  background:transparent;
  padding-bottom:104px;
}

html[data-entry="professional"] #professionalPage .professional-page-head{
  position:sticky;
  top:0;
  z-index:48;
  width:100%;
  margin:0;
  padding:16px clamp(18px,3vw,38px);
  border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  background:color-mix(in srgb,var(--bg) 91%,transparent);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}

html[data-entry="professional"] #professionalPage .professional-page-brand{
  min-width:0;
}

html[data-entry="professional"] #professionalPage .professional-page-brand h1{
  margin-top:2px;
  font-size:clamp(1.45rem,2.2vw,2rem);
}

html[data-entry="professional"] #professionalPage .professional-page-brand p{
  max-width:780px;
}

#professionalPage .professional-page-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex:0 0 auto;
}

#professionalPage .professional-workspace-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 7%,var(--panel));
  color:var(--accent);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}

html[data-entry="professional"] #professionalPage .professional-profile-toolbar{
  width:min(1480px,calc(100% - 36px));
  margin:14px auto 0;
}

html[data-entry="professional"] #professionalPage .professional-section-nav{
  position:sticky;
  top:86px;
  z-index:42;
  width:min(1480px,calc(100% - 36px));
  margin:10px auto 0;
  padding:7px;
  border:1px solid var(--line);
  border-radius:18px;
  background:color-mix(in srgb,var(--panel) 93%,transparent);
  box-shadow:0 12px 34px rgba(0,0,0,.045);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

html[data-entry="professional"] #professionalPage .professional-section-nav button{
  min-height:42px;
}

html[data-entry="professional"] #professionalPage .professional-content{
  width:min(1480px,calc(100% - 36px));
  margin:12px auto 0;
  padding-bottom:36px;
}

html[data-entry="professional"] #professionalPage .professional-access-locked{
  max-width:760px;
  margin:9vh auto 0;
  padding:clamp(24px,4vw,46px);
  border:1px solid var(--line);
  border-radius:28px;
  background:var(--panel);
  box-shadow:0 22px 70px rgba(0,0,0,.08);
}

html[data-entry="professional"] #professionalPage .professional-mobile-nav{
  z-index:70;
}

/* Professional AI is a child workspace, never Personal AI chrome. */
html[data-entry="professional"] body.atlas-ai-page-open #aiModal:not(.hidden) .atlas-ai-page-head .eyebrow::after{
  content:" · PROFESSIONAL";
}

@media(max-width:900px){
  html[data-entry="professional"] #professionalPage .professional-page-head{
    align-items:flex-start;
    gap:12px;
  }
  #professionalPage .professional-page-head-actions{
    align-self:center;
  }
  #professionalPage .professional-workspace-badge{display:none}
  html[data-entry="professional"] #professionalPage .professional-section-nav{top:92px}
}

@media(max-width:620px){
  html[data-entry="professional"] #professionalPage>.professional-page-card{padding-bottom:94px}
  html[data-entry="professional"] #professionalPage .professional-page-head{
    position:relative;
    padding:13px 14px 11px!important;
  }
  html[data-entry="professional"] #professionalPage .professional-page-brand p{font-size:.76rem;line-height:1.42}
  html[data-entry="professional"] #professionalPage .professional-page-head-actions{margin-left:auto}
  html[data-entry="professional"] #professionalPage .professional-page-back b{font-size:.68rem}
  html[data-entry="professional"] #professionalPage .professional-profile-toolbar,
  html[data-entry="professional"] #professionalPage .professional-content{
    width:calc(100% - 20px)!important;
  }
  html[data-entry="professional"] #professionalPage .professional-section-nav{display:none!important}
}