/* Fine art pass: typography, state visualization and action choreography. */
body.owner-shell-v1:not(.auth-required) #moduleStage :is(.people-overview-primary,.people-overview-create,.people-index-panel,.people-list-panel,.people-selection-panel,.people-full-edit-panel,.people-canvas-editor-panel) {
  position: relative;
  min-width: 0;
  border-color: color-mix(in srgb, #2f8f87 30%, transparent) !important;
  border-radius: 10px;
  background:
    radial-gradient(circle at 94% 7%, transparent 0 17px, rgb(196 154 75 / 14%) 18px 19px, transparent 20px 37px),
    linear-gradient(135deg, rgb(252 250 241 / 94%), rgb(245 249 245 / 92%));
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(.people-overview-primary,.people-overview-create,.people-index-panel,.people-list-panel,.people-selection-panel,.people-full-edit-panel) > h3,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-section-head h3 {
  margin: 0 0 12px;
  color: #19464a !important;
  font-size: 15px;
  font-weight: 780;
  letter-spacing: .01em;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-overview-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgb(47 143 135 / 22%);
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-overview-header h3 {
  margin: 2px 0 6px;
  color: #19464a !important;
  font-family: var(--formal-serif, Georgia, serif);
  font-size: 22px;
  letter-spacing: .015em;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-overview-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
  color: #71817e;
  font-size: 11px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-overview-metrics strong {
  color: #b07b2d !important;
  font-size: 18px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-top-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(160px, .75fr) auto;
  align-items: end;
  gap: 10px;
  margin-top: 12px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-top-toolbar .field small,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-overview-query-field small {
  color: #71817e !important;
  font-size: 10px;
  letter-spacing: .05em;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(.people-index-panel,.people-list-panel,.people-selection-panel) > .list {
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  min-height: 58px;
  padding: 9px 6px;
  border-bottom: 1px solid rgb(47 143 135 / 16%);
  background: transparent;
  text-align: left;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row > span:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row strong,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-field-row strong,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-interaction-row strong {
  color: #204b4e !important;
  font-size: 13px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row small,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-field-row small,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-interaction-row small {
  color: #71817e !important;
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row:hover,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row.active {
  background: linear-gradient(90deg, rgb(47 143 135 / 12%), transparent);
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row-trailing,
body.owner-shell-v1:not(.auth-required) #moduleStage .people-interaction-actions,
body.owner-shell-v1:not(.auth-required) #moduleStage .workbench-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-vitals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 12px 0;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-vitals > span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px 7px;
  border: 1px solid rgb(47 143 135 / 20%);
  border-radius: 7px;
  background: rgb(246 250 246 / 86%);
  text-align: center;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-vitals small {
  color: #71817e !important;
  font-size: 9px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .people-vitals strong {
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(.progress,.progress-bar,.meter,[role="progressbar"]) {
  min-height: 7px;
  overflow: hidden;
  border: 1px solid rgb(47 143 135 / 22%);
  border-radius: 99px;
  background: rgb(47 143 135 / 10%);
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(.progress,.progress-bar,.meter,[role="progressbar"]) > * {
  border-radius: inherit;
  background: linear-gradient(90deg, #3cc8d5, #54c9a2 68%, #d6ae59);
}

body.owner-shell-v1:not(.auth-required) #moduleStage .mini-action,
body.owner-shell-v1:not(.auth-required) #moduleStage button.mini-action {
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid rgb(47 143 135 / 22%);
  border-radius: 6px;
  color: #28575a !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .01em;
  box-shadow: 0 3px 8px rgb(27 69 67 / 7%);
}

body.owner-shell-v1:not(.auth-required) #moduleStage .mini-action:hover,
body.owner-shell-v1:not(.auth-required) #moduleStage button.mini-action:hover {
  border-color: rgb(196 154 75 / 60%);
  color: #8a6227 !important;
  transform: translateY(-1px);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(.people-overview-primary,.people-overview-create,.people-index-panel,.people-list-panel,.people-selection-panel,.people-full-edit-panel) {
  background: radial-gradient(circle at 94% 7%, transparent 0 17px, rgb(220 176 97 / 14%) 18px 19px, transparent 20px 37px), linear-gradient(135deg, rgb(8 39 44 / 94%), rgb(7 28 35 / 92%));
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage .people-overview-header h3,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(.people-index-panel,.people-list-panel,.people-selection-panel) > h3,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage .people-person-row strong,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage .people-field-row strong,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage .people-interaction-row strong {
  color: #f4f0e6 !important;
}

@media (max-width: 760px) {
  body.owner-shell-v1:not(.auth-required) #moduleStage .people-top-toolbar {
    grid-template-columns: 1fr;
  }

  body.owner-shell-v1:not(.auth-required) #moduleStage .people-overview-header {
    flex-direction: column;
  }

  body.owner-shell-v1:not(.auth-required) #moduleStage .people-vitals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}