/* Registry-specific adoption of the canonical Outborn launcher/profile behavior. */

/* Settings is one full-width surface. Sections are separated by rhythm/dividers, not cards. */
#content > .panel:has(.setting-section){
  width:100%;
  max-width:none;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#content > .panel:has(.setting-section) > .panel-body{
  width:100%;
  padding:0!important;
}
#content > .panel:has(.setting-section) .setting-section{
  width:100%;
  margin:0;
  padding:24px 0;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#content > .panel:has(.setting-section) .setting-section:first-child{padding-top:0}
#content > .panel:has(.setting-section) .setting-section:last-child{padding-bottom:0;border-bottom:0!important}
#content > .panel:has(.setting-section) .setting-title{width:100%}
#content > .panel:has(.setting-section) .info-list{width:100%;background:transparent!important;border:0!important;border-radius:0!important}
#content > .panel:has(.setting-section) .info-row{padding-left:0;padding-right:0}
#content > .panel:has(.setting-section) .security-grid{width:100%;gap:0;column-gap:28px}
#content > .panel:has(.setting-section) .security-item{
  min-width:0;
  padding:12px 0;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Shared profile/application primitives used by the common account popover. */
.account-popover{width:min(390px,calc(100vw - 28px));padding:10px}
.common-section-label{font-size:11px;color:var(--muted)}
.common-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.common-app-item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:9px;border-radius:11px;color:var(--text);text-decoration:none;transition:background .14s ease,opacity .14s ease}
.common-app-item:hover{background:var(--soft)}
.common-app-item.is-current{font-weight:550}
.common-app-item.is-disabled{opacity:.43;cursor:default;user-select:none}
.common-app-item.is-disabled:hover{background:transparent}
.common-app-mark,.common-identity-avatar,.common-org-mark{display:grid;place-items:center;flex:0 0 auto;background:var(--soft);border:1px solid var(--line);font-weight:650;overflow:hidden}
.common-app-mark{width:36px;height:36px;border-radius:10px;font-size:11px}
.common-app-mark img,.common-identity-avatar img,.avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block}
.common-app-copy{display:flex;flex-direction:column;min-width:0;line-height:1.18}
.common-app-copy strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.common-app-copy small{margin-top:3px;color:var(--muted);font-size:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.common-current-dot{position:absolute;right:9px;top:9px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.65}
.common-app-empty{padding:20px 8px;color:var(--muted);font-size:12px;text-align:center}

.common-identity-header{display:flex;align-items:center;gap:11px;padding:8px 8px 12px}
.common-identity-avatar{width:42px;height:42px;border-radius:50%;font-size:12px}
.common-identity-copy{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.common-identity-copy strong{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.common-identity-copy small{margin-top:3px;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.common-context-row{display:flex;align-items:center;gap:10px;margin:0 2px 8px;padding:8px;border-radius:10px;color:var(--text);text-decoration:none}
.common-context-row:hover{background:var(--soft)}
.common-org-mark{width:30px;height:30px;border-radius:8px;font-size:11px}
.common-context-row > span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}
.common-context-row strong{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.common-context-row small{font-size:10px;color:var(--muted)}
.common-row-chevron{color:var(--muted)}
.common-popover-section{padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.common-section-label{display:block;padding:0 8px 7px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.common-popover-footer{padding:8px 2px 0}
.common-signout{width:100%;border:0;background:transparent;color:var(--danger,#b42318);font:inherit;font-size:12px;text-align:left;padding:9px 8px;border-radius:9px;cursor:pointer}
.common-signout:hover{background:var(--soft)}
.common-signout:disabled{opacity:.5;cursor:wait}
.avatar.has-image{padding:0;overflow:hidden}

@media (max-width:560px){
  .common-app-grid{grid-template-columns:1fr}
  #content > .panel:has(.setting-section) .setting-section{padding:20px 0}
}