:root{
  --portal-shell-bg: rgba(8,16,24,0.72);
  --portal-shell-line: rgba(255,255,255,0.08);
  --portal-shell-card: rgba(255,255,255,0.03);
  --portal-shell-card-strong: rgba(255,255,255,0.04);
  --portal-shell-radius: 30px;
}

.accountPage .adminWrap,
.ownerPage .adminWrap,
.adminTabsPage .adminWrap{
  max-width:none;
  width:min(1840px, calc(100vw - 24px));
  padding:16px 12px 42px;
}

.accountPage .accountHero,
.ownerPage .adminWrap > .hTitle,
.ownerPage .adminWrap > .subTitle{
  display:none;
}

.accountAuthShell,
.accountDashShell,
.ownerPage #ownerAuthShell,
.ownerPage #ownerWorkspaceShell,
.adminTabsPage .portalAdminSection,
.adminTabsPage .portalAdminFooter{
  background:var(--portal-shell-bg);
  border:1px solid var(--portal-shell-line);
  border-radius:var(--portal-shell-radius);
  box-shadow:var(--shadow);
}

.accountPage .accountAuthShell{
  width:min(980px, 100%);
}

.ownerPage #ownerAuthShell{
  width:min(1120px, 100%);
  margin:0 auto 16px;
  padding:24px 28px 28px;
}

.ownerPage #ownerAuthShell > .row:first-child{
  align-items:flex-start;
  justify-content:space-between;
}

.ownerPage #ownerWorkspaceShell{
  margin-top:0;
}

.accountShellHead,
.ownerWorkspaceHead{
  padding:24px 28px 20px;
}

.accountDashShell .accountShellHead,
.ownerPage #ownerWorkspaceShell .ownerWorkspaceHead{
  border-bottom:1px solid rgba(255,255,255,0.06);
}

.accountShellBody,
.ownerWorkspaceBody{
  padding:24px 28px 28px;
}

.accountDashStage{
  grid-template-columns:300px minmax(0, 1fr);
  gap:20px;
}

.ownerWorkspaceStage{
  grid-template-columns:minmax(560px, 48%) minmax(0, 1fr);
  gap:20px;
}

.accountDashSidebar,
.ownerWorkspaceSidebar{
  top:12px;
  gap:14px;
}

.ownerWorkspaceSidebar{
  width:100%;
  min-width:0;
}

.accountSidebarCard,
.ownerSidebarCard{
  border-radius:26px;
  padding:16px;
  background:var(--portal-shell-card);
  border-color:var(--portal-shell-line);
}

.accountSidebarLink,
.ownerWorkspaceTabBtn{
  min-height:82px;
}

.accountDashContent,
.ownerWorkspaceContent{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.accountPanelCard,
.ownerManualCard,
.ownerPromptSection,
.ownerPromptComposer .eventEditorCard,
.ownerPromptLibraryRail .eventListCard,
.ownerWorkspacePanel .eventListCard,
.ownerWorkspacePanel .eventEditorCard{
  background:var(--portal-shell-card);
  border:1px solid var(--portal-shell-line);
  border-radius:24px;
  box-shadow:0 24px 48px rgba(0,0,0,0.16);
}

.accountPanelCard{
  padding:22px 24px;
}

.accountDashGrid{
  grid-template-columns:minmax(0, 1.12fr) minmax(360px, 0.88fr);
  gap:20px;
}

.ownerTopActions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  max-width:840px;
}

#ownerHomeBtn,
#ownerEventsNavBtn,
#ownerToolbarSecondary{
  display:none !important;
}

#ownerSummary{
  margin-bottom:4px;
}

.ownerWorkspacePanel[data-owner-workspace-panel="events"] .localOpsGrid{
  gap:20px;
  align-items:start;
}

.ownerWorkspacePanel[data-owner-workspace-panel="events"] .localPanel,
.ownerPromptLibraryRail,
.ownerPromptComposer{
  min-width:0;
}

.ownerPromptWorkspace{
  grid-template-columns:minmax(300px, 360px) minmax(0, 1fr);
  gap:20px;
}

.ownerPromptLibraryHeader{
  align-items:center;
}

.ownerPromptSection{
  padding:20px 22px;
}

.ownerPromptSectionTitle{
  margin-bottom:16px;
}

.ownerPromptEditorGrid{
  gap:14px;
}

.ownerPromptProcessGrid{
  grid-template-columns:minmax(260px, 340px) minmax(0, 1fr);
  gap:18px;
}

.ownerPromptPreviewFrame{
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ownerPromptPreviewHint{
  max-width:320px;
  margin:0 auto;
  text-align:center;
}

.adminTabsPage .subTitle{
  max-width:960px;
  line-height:1.55;
}

.adminTabsPage .portalAdminTabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 14px;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);
  box-shadow:var(--shadow);
}

.adminTabsPage .portalAdminTab{
  min-height:46px;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.04);
  color:var(--text);
  font:inherit;
  cursor:pointer;
}

.adminTabsPage .portalAdminTab.active{
  background:rgba(var(--accent-rgb),0.18);
  border-color:rgba(var(--accent-rgb),0.4);
  box-shadow:0 14px 28px rgba(0,0,0,0.14);
}

.adminTabsPage .portalAdminSection{
  margin-top:0;
  overflow:hidden;
}

.adminTabsPage .portalAdminSection[hidden]{
  display:none !important;
}

.adminTabsPage .portalAdminSection > summary{
  display:none;
}

.adminTabsPage .portalAdminSection .card{
  margin-top:0;
  padding:22px 24px 24px;
}

.adminTabsPage .portalAdminSection .card h2{
  margin-bottom:12px;
  font-size:20px;
}

.adminTabsPage .portalAdminFooter{
  margin-top:16px;
  padding:18px 20px;
}

body.theme-light .accountAuthShell,
body.theme-light .accountDashShell,
body.theme-light .ownerPage #ownerAuthShell,
body.theme-light .ownerPage #ownerWorkspaceShell,
body.theme-light .adminTabsPage .portalAdminSection,
body.theme-light .adminTabsPage .portalAdminFooter{
  background:rgba(255,255,255,0.92);
  border-color:#dbe4ee;
  box-shadow:0 20px 44px rgba(15,39,71,0.1);
}

body.theme-light .accountDashShell .accountShellHead,
body.theme-light .ownerPage #ownerWorkspaceShell .ownerWorkspaceHead{
  border-bottom-color:#dbe4ee;
}

body.theme-light .accountSidebarCard,
body.theme-light .ownerSidebarCard,
body.theme-light .accountPanelCard,
body.theme-light .ownerManualCard,
body.theme-light .ownerPromptSection,
body.theme-light .ownerPromptComposer .eventEditorCard,
body.theme-light .ownerPromptLibraryRail .eventListCard,
body.theme-light .ownerWorkspacePanel .eventListCard,
body.theme-light .ownerWorkspacePanel .eventEditorCard{
  background:rgba(248,250,252,0.96);
  border-color:#d8e2ec;
  box-shadow:none;
}

body.theme-light .adminTabsPage .portalAdminTabs{
  background:rgba(246,249,252,0.96);
  border-color:#d8e2ec;
  box-shadow:0 16px 36px rgba(15,39,71,0.08);
}

body.theme-light .adminTabsPage .portalAdminTab{
  background:#fff;
  border-color:#d7e0ea;
  color:var(--text);
}

body.theme-light .adminTabsPage .portalAdminTab.active{
  background:rgba(var(--accent-rgb),0.12);
  border-color:rgba(var(--accent-rgb),0.3);
  color:#0f2747;
  box-shadow:none;
}

@media (max-width: 1100px){
  .accountPage .adminWrap,
  .ownerPage .adminWrap,
  .adminTabsPage .adminWrap{
    width:min(1840px, calc(100vw - 16px));
    padding:12px 8px 32px;
  }
}

@media (max-width: 980px){
  .accountShellHead,
  .accountShellBody,
  .ownerWorkspaceHead,
  .ownerWorkspaceBody,
  .ownerPage #ownerAuthShell{
    padding-left:16px;
    padding-right:16px;
  }

  .accountDashStage,
  .ownerWorkspaceStage,
  .ownerPromptWorkspace,
  .ownerPromptProcessGrid{
    grid-template-columns:minmax(0, 1fr);
  }

  .accountDashSidebar,
  .ownerWorkspaceSidebar{
    position:static;
  }

  .ownerTopActions{
    width:100%;
    justify-content:flex-start;
  }
}

@media (max-width: 760px){
  .accountPage .adminWrap,
  .ownerPage .adminWrap,
  .adminTabsPage .adminWrap{
    width:min(1840px, calc(100vw - 8px));
    padding:8px 4px 24px;
  }

  .accountAuthShell,
  .accountDashShell,
  .ownerPage #ownerAuthShell,
  .ownerPage #ownerWorkspaceShell{
    border-radius:24px;
  }

  .accountShellHead,
  .ownerWorkspaceHead,
  .ownerPage #ownerAuthShell > .row:first-child{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .accountShellHead,
  .accountShellBody,
  .ownerWorkspaceHead,
  .ownerWorkspaceBody,
  .ownerPage #ownerAuthShell{
    padding-left:12px;
    padding-right:12px;
  }

  .accountPage .accountThemeToggle{
    align-self:flex-start;
    min-width:0;
  }

  .portalStage .accountTabs{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    padding:10px;
  }

  .portalStage .accountTabBtn{
    width:100%;
    min-height:0;
    padding:12px 10px;
    justify-content:center;
    text-align:center;
  }

  .ownerPage #ownerAuthShell > .row:first-child > .row{
    width:100%;
  }

  .ownerPage #ownerAuthShell > .row:first-child > .row button{
    flex:1 1 calc(50% - 5px);
    min-width:0;
  }

  .ownerTopActions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    width:100%;
  }

  .ownerTopActions > button{
    width:100%;
    min-width:0;
  }

  .ownerWorkspaceTabs{
    grid-template-columns:minmax(0, 1fr);
  }

  .ownerPanelHeader,
  .ownerPromptStudioHead,
  .ownerPromptLibraryHeader{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .ownerPanelActions,
  .ownerPromptHeaderActions{
    width:100%;
    justify-content:flex-start;
  }

  .ownerDashboardPanel,
  .ownerManualCard,
  .ownerPromptSection,
  .ownerPromptComposer .eventEditorCard,
  .ownerPromptLibraryRail .eventListCard,
  .ownerWorkspacePanel .eventListCard,
  .ownerWorkspacePanel .eventEditorCard,
  .ownerSummaryCard{
    padding:16px;
    border-radius:20px;
  }

  .ownerSummaryTitle{
    font-size:24px;
  }

  .adminTabsPage .portalAdminTabs{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .adminTabsPage .portalAdminTab{
    width:100%;
    justify-content:center;
  }
}