/* Shared two-site shell: one session/API, with distinct Builder and Management workspaces. */
.site-navigation-link {
  color:var(--muted);
  text-decoration:none;
  padding:8px 10px;
  border-radius:6px;
  white-space:nowrap
}
.site-navigation-link:hover,.site-navigation-link:focus-visible { color:var(--ink); background:var(--surface-alt) }
.save-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px }
.save-actions .btn-primary { min-height:38px }
.settings-menu { position:relative; flex:none }
.settings-toggle {
  width:40px; height:40px; display:grid; place-items:center;
  border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); color:var(--ink)
}
.settings-toggle .action-icon-slot { display:grid; place-items:center; width:24px; height:24px; line-height:0 }
.settings-toggle .action-icon-slot > div { display:grid; place-items:center; width:20px; height:20px }
.settings-toggle .action-icon-slot svg { display:block; width:20px; height:20px }
.settings-toggle:hover,.settings-toggle[aria-expanded="true"] { background:var(--surface-alt) }
.settings-panel {
  position:absolute; z-index:50; top:calc(100% + 8px); right:0; width:260px;
  padding:10px; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface-alt);
  box-shadow:0 12px 30px var(--menu-shadow)
}
.settings-panel[hidden] { display:none }
.settings-panel-heading { padding:8px 10px 10px; color:var(--muted); font-size:12px }
.settings-panel .user-menu { display:block; position:relative }
.settings-panel .user-menu-trigger,.settings-panel .theme-toggle { width:100%; min-height:42px; justify-content:flex-start; border:0; border-radius:6px; padding:0 10px; background:transparent }
.settings-panel .user-menu-trigger:hover,.settings-panel .theme-toggle:hover { background:var(--surface) }
.settings-panel .user-menu-panel { top:0; right:calc(100% + 8px); width:240px }
.management-tabs { display:none }
.management-tabs .tab-btn { flex:0 0 auto; white-space:nowrap }
.management-link-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:8px 0 }
.management-link-row p { color:var(--muted); max-width:560px }
body.management-site .app-layout { grid-template-columns:minmax(0,1fr) }
body.management-site .preview-panel { display:none }
body.management-site .management-tabs { display:flex; align-items:center; gap:30px }
body.management-site .tabs-header > .tab-btn,
body.management-site .tabs-header > .advanced-toggle,
body.management-site .tabs-header > .advanced-tabs { display:none !important }
body.management-site .management-tabs .tab-btn { display:inline-flex !important }
body.management-site .tabs-content { max-width:none; width:100%; margin:0; padding:12px clamp(22px,3vw,56px) 42px }
body.management-site .tab-pane:not(#pane-records):not(#pane-members):not(#pane-roles):not(#pane-secrets):not(#pane-account) { display:none !important }
body.management-site .save-actions { display:none }
body.management-site .workspace-heading { max-width:none; width:100%; margin:0; padding-inline:clamp(22px,3vw,56px) }
body.management-site .records-view { grid-template-columns:minmax(0,1fr) }
body.management-site #pane-records { max-width:none; width:100% }
body.management-site .records-workspace { grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr) }
body.management-site .records-workspace.is-empty { grid-template-columns:minmax(0,1fr) }
body.management-site .records-workspace { height:calc(100vh - 345px); min-height:390px; }
body.management-site .records-workspace.is-empty { height:auto; min-height:0; max-height:none }
body.management-site .management-tabs .tab-btn.active { color:var(--ink); border-bottom-color:var(--tab-active) }
body.management-site .tabs-header { display:flex }
body.management-site .management-tabs { flex:1 1 auto; min-width:0; width:100%; scrollbar-width:none }
html[data-site="builder"] #pane-records,
html[data-site="builder"] #pane-members,
html[data-site="builder"] #pane-roles,
html[data-site="builder"] #pane-secrets { display:none !important }
html[data-site="builder"] #pane-account { display:none !important }
.account-details { display:grid; grid-template-columns:minmax(130px,220px) minmax(0,1fr); max-width:720px; margin:16px 0 24px; row-gap:14px }
.account-details dt { color:var(--muted) }
.account-details dd { overflow-wrap:anywhere }
@media(max-width:760px) {
  .top-nav { gap:8px }
  .nav-left,.nav-right { gap:8px }
  .site-navigation-link { padding:7px 6px; font-size:12px }
  .save-actions { gap:6px }
  .save-status { max-width:105px; overflow:hidden; text-overflow:ellipsis }
  .save-actions .btn-primary { min-height:40px; white-space:nowrap }
  .settings-toggle { width:40px; height:40px }
  .settings-panel .theme-toggle { width:100%; min-height:44px; padding:0 10px }
  .settings-panel .theme-toggle-label { display:inline }
  body.management-site .management-tabs { overflow-x:auto; gap:22px; width:100% }
  body.management-site .tabs-header { overflow-x:auto; }
  body.management-site #pane-records { overflow:visible }
  body.management-site .records-toolbar { padding-bottom:12px }
  body.management-site .records-filters { justify-content:flex-start }
  body.management-site .records-workspace { height:auto; max-height:none; min-height:0; grid-template-columns:minmax(0,1fr) }
  body.management-site .records-table-panel { height:min(42vh,calc(100dvh - 470px)); min-height:180px }
  body.management-site .records-workspace.is-empty .records-table-panel { height:auto; min-height:0 }
  body.management-site .record-detail { min-height:260px }
  .records-failure-content { align-items:flex-start; flex-direction:column }
  .records-failure-content { width:100%; min-width:0 }
  .records-failure-content span { max-width:100%; overflow-wrap:anywhere; white-space:normal }
  body.management-site .tabs-content { padding:20px 18px 32px }
  body.management-site .workspace-heading { padding-inline:18px }
}
@media(max-width:520px) {
  body.management-site #recordsList .records-table th:nth-child(n+4),
  body.management-site #recordsList .records-table td:nth-child(n+4) { display:none }
  .top-nav {
    height:auto;
    min-height:60px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    column-gap:9px;
    padding:8px 16px 0
  }
  .nav-left,.nav-right {
    display:contents
  }
  .brand {
    grid-column:1;
    grid-row:1
  }
  .theme-toggle {
    grid-column:2;
    grid-row:1
  }
  #btnDeploy {
    grid-column:3;
    grid-row:1
  }
  .save-status {
    grid-column:1 / -1;
    grid-row:2;
    justify-self:end;
    padding:3px 0 7px
  }
  .icon-action {
    width:44px;
    height:44px
  }
  .form-grid {
    grid-template-columns:1fr
  }
  .type-setting-row {
    align-items:flex-start;
    flex-direction:column;
    gap:12px
  }
  .label-row {
    align-items:flex-start
  }
  .sip-info-row {
    display:grid;
    gap:3px
  }
  .meter-header {
    display:grid
  }
  .meter-title-wrap {
    flex-wrap:wrap
  }
  .record-detail dl {
    grid-template-columns:1fr;
    gap:2px
  }
  .record-detail dd {
    margin-bottom:8px
  }
  .brand-title {
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis
  }
}