/* ================================================================
   User Settings + Organisation Admin — full layout redesign v2
   ================================================================
   This properly fixes the Organisation Admin "People" section which
   the previous version broke by collapsing the person grid into
   fewer columns than the markup has children, causing fields to
   overlap or disappear visually. Data was never deleted — it is a
   pure CSS rendering issue that this file corrects.
   ================================================================ */

/* =================== USER SETTINGS MODAL =================== */

.corehub-settings-card {
  width: min(560px, calc(100vw - 32px)) !important;
  max-width: 560px !important;
  max-height: min(820px, calc(100vh - 48px)) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.04) !important;
}

.user-settings-head {
  padding: 28px 32px 0 !important;
}
.user-settings-head h3 {
  margin: 0 0 4px 0 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--ch-text-strong) !important;
}
.user-settings-head p {
  margin: 0 !important;
  font-size: 12px !important;
  color: var(--ch-muted) !important;
}
.user-settings-content {
  padding: 8px 32px 24px !important;
  max-width: none !important;
}

/* Sections: hairlines only, no bordered cards */
.user-settings-section {
  margin: 0 !important;
  padding: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--ch-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.user-settings-section:last-of-type { border-bottom: 0 !important; }
.user-settings-section:first-of-type { border-top: 0 !important; padding-top: 16px !important; }
.user-settings-section > header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
}
.user-settings-icon {
  width: 24px !important; height: 24px !important;
  border-radius: 6px !important; font-size: 12px !important; font-weight: 700 !important;
  background: var(--ch-primary-soft) !important; color: var(--ch-primary) !important;
}
.user-settings-section h4 {
  margin: 0 !important; font-size: 13px !important; font-weight: 600 !important;
  color: var(--ch-text-strong) !important;
}
.user-settings-section header p {
  margin: 0 0 0 auto !important; font-size: 11px !important; color: var(--ch-muted) !important;
}

/* Profile grid */
.user-settings-profile-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px 20px !important;
}
.user-settings-profile-grid > label, .user-settings-field {
  display: grid !important; gap: 6px !important; min-width: 0 !important;
}
.user-settings-profile-grid > label > span, .user-settings-field > span {
  font-size: 11px !important; font-weight: 600 !important;
  color: var(--ch-muted) !important; letter-spacing: 0.02em;
}
.user-settings-profile-grid input, .user-settings-profile-grid select {
  box-sizing: border-box !important; width: 100% !important;
  height: 38px !important; min-height: 38px !important;
  padding: 0 12px !important; border: 1px solid var(--ch-line-strong) !important;
  border-radius: 8px !important; background: #fff !important;
  color: var(--ch-text-strong) !important; font-size: 13px !important;
}
.user-settings-profile-grid input:focus, .user-settings-profile-grid select:focus {
  border-color: var(--ch-primary) !important;
  box-shadow: 0 0 0 3px var(--ch-primary-soft) !important; outline: none !important;
}
.user-settings-profile-grid small { font-size: 10px !important; color: var(--ch-muted) !important; }
.user-settings-phone {
  display: grid !important; grid-template-columns: 90px 1fr !important; gap: 8px !important;
}
.user-settings-phone select { height: 38px !important; min-height: 38px !important; padding: 0 8px !important; font-size: 12px !important; }

/* Security */
.user-settings-security-grid {
  display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 14px !important;
}
.user-settings-security-grid > label {
  display: grid !important; gap: 6px !important;
  font-size: 11px !important; font-weight: 600 !important; color: var(--ch-muted) !important;
}
.user-settings-security-grid input {
  box-sizing: border-box !important; width: 100% !important;
  height: 38px !important; min-height: 38px !important;
  padding: 0 12px !important; border: 1px solid var(--ch-line-strong) !important;
  border-radius: 8px !important; color: var(--ch-text-strong) !important; font-size: 13px !important;
}
.user-settings-security-grid input:focus {
  border-color: var(--ch-primary) !important;
  box-shadow: 0 0 0 3px var(--ch-primary-soft) !important; outline: none !important;
}
.user-settings-inline-action {
  display: flex !important; align-items: center !important;
  gap: 10px !important; margin-top: 14px !important;
  font-size: 11px !important; color: var(--ch-muted) !important;
}
.user-settings-inline-action .ghost-btn {
  margin-left: auto !important; min-height: 32px !important;
  padding: 0 14px !important; font-size: 12px !important; border-radius: 8px !important;
}

/* Preferences */
.user-settings-preference-row {
  display: flex !important; align-items: center !important;
  gap: 16px !important; padding: 14px 16px !important;
  border: 1px solid var(--ch-line) !important;
  border-radius: 10px !important; background: #fafafa !important;
}
.user-settings-preference-row strong {
  display: block !important; margin-bottom: 2px !important;
  font-size: 12px !important; font-weight: 600 !important; color: var(--ch-text-strong) !important;
}
.user-settings-preference-row small {
  display: block !important; font-size: 11px !important;
  color: var(--ch-muted) !important; line-height: 1.4;
}
.user-settings-switch input:checked + span { background: var(--ch-primary) !important; }

/* Organization info */
.user-settings-organization-grid {
  display: grid !important; grid-template-columns: 1fr 1fr 1fr 1fr !important; gap: 0 !important;
}
.user-settings-organization-grid > div {
  padding: 0 14px !important; border-left: 1px solid var(--ch-line) !important;
}
.user-settings-organization-grid > div:first-child { padding-left: 0 !important; border-left: 0 !important; }
.user-settings-organization-grid dt {
  margin-bottom: 4px !important; font-size: 9px !important;
  font-weight: 700 !important; color: var(--ch-muted) !important;
  letter-spacing: 0.06em; text-transform: uppercase;
}
.user-settings-organization-grid dd {
  margin: 0 !important; font-size: 12px !important;
  font-weight: 600 !important; color: var(--ch-text-strong) !important;
}

/* Footer */
.user-settings-footer {
  display: flex !important; justify-content: flex-end !important;
  gap: 10px !important; padding: 14px 32px !important;
  border-top: 1px solid var(--ch-line) !important; background: #fff !important;
}
.user-settings-footer .ghost-btn, .user-settings-footer .primary-btn {
  min-width: 100px !important; min-height: 36px !important;
  font-size: 13px !important; border-radius: 8px !important;
}
.user-settings-footer .primary-btn {
  background: var(--ch-primary) !important; border-color: var(--ch-primary) !important;
}
.user-settings-footer .primary-btn:hover { background: var(--ch-primary-hover) !important; }


/* =================== ORGANISATION ADMIN MODAL =================== */

.library-v13-organisation-admin-card {
  width: min(960px, calc(100vw - 48px)) !important;
  max-width: 960px !important;
  padding: 28px 32px !important;
  border-radius: 14px !important;
}
.library-v13-organisation-admin-card > h2 {
  margin: 0 0 6px !important; font-size: 18px !important;
  font-weight: 600 !important; color: var(--ch-text-strong) !important;
}
.library-v13-organisation-admin-card > p {
  margin: 0 0 20px !important; font-size: 12px !important;
  color: var(--ch-muted) !important; max-width: 680px !important; line-height: 1.55;
}

/* Add Department section */
.library-v13-org-admin-unit-create {
  margin: 0 0 24px !important; padding: 18px !important;
  border: 1px solid var(--ch-line) !important; border-radius: 10px !important;
  background: #fafafa !important;
}
.library-v13-org-admin-unit-create h3 {
  margin: 0 0 12px !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: 0.05em !important;
  text-transform: uppercase !important; color: var(--ch-muted) !important;
}
.library-v13-org-admin-unit-create > div {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr auto !important;
  gap: 10px !important; align-items: end !important;
}
.library-v13-org-admin-unit-create input,
.library-v13-org-admin-unit-create select {
  width: 100% !important; height: 36px !important; min-height: 36px !important;
  padding: 0 10px !important; border: 1px solid var(--ch-line-strong) !important;
  border-radius: 8px !important; font-size: 13px !important;
  color: var(--ch-text-strong) !important; background: #fff !important;
}
.library-v13-org-admin-unit-create .primary-btn {
  height: 36px !important; min-height: 36px !important;
  padding: 0 16px !important; font-size: 12px !important;
  border-radius: 8px !important; background: var(--ch-primary) !important;
  border-color: var(--ch-primary) !important; white-space: nowrap;
}

/* Department Structure section */
.library-v13-org-admin-section {
  margin: 0 0 24px !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
.library-v13-org-admin-section h3 {
  margin: 0 0 12px !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: 0.05em !important;
  text-transform: uppercase !important; color: var(--ch-muted) !important;
}

/* Department rows — flat list, not stacked cards */
.library-v13-org-admin-unit-list { display: grid !important; gap: 0 !important; }
.library-v13-org-admin-unit {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 1fr 1fr auto !important;
  gap: 10px !important; align-items: center !important;
  padding: 12px 0 !important; border: 0 !important;
  border-bottom: 1px solid var(--ch-line) !important;
  border-radius: 0 !important; background: transparent !important;
}
.library-v13-org-admin-unit:last-child { border-bottom: 0 !important; }
.library-v13-org-admin-unit label {
  display: grid !important; gap: 4px !important;
  font-size: 9px !important; font-weight: 700 !important;
  color: var(--ch-muted) !important; letter-spacing: 0.05em; text-transform: uppercase;
}
.library-v13-org-admin-unit input, .library-v13-org-admin-unit select {
  width: 100% !important; height: 34px !important; min-height: 34px !important;
  padding: 0 10px !important; border: 1px solid var(--ch-line-strong) !important;
  border-radius: 7px !important; font-size: 12px !important;
  color: var(--ch-text-strong) !important; background: #fff !important;
}
.library-v13-org-admin-unit input:focus, .library-v13-org-admin-unit select:focus {
  border-color: var(--ch-primary) !important; outline: none !important;
  box-shadow: 0 0 0 2px var(--ch-primary-soft) !important;
}
.library-v13-org-admin-unit .ghost-btn {
  height: 34px !important; min-height: 34px !important;
  padding: 0 14px !important; font-size: 12px !important; border-radius: 7px !important;
}

/* -------------------------------------------------------
   People section — THIS is the critical section that was
   broken before. The person article has this child structure:
     .org-admin-photo (avatar + label)
     .org-admin-person-main (name + username + job title label +
                             reports-to label + outsource label +
                             .departments div)
     button.primary-btn (Save)

   We must NOT use a flat 3-col grid on .org-admin-person
   because .org-admin-person-main has its own internal layout.
   Instead: photo | main area | save button, where main area
   expands to fill space and handles its own sub-grid internally.
   ------------------------------------------------------- */
.library-v13-org-admin-person {
  display: grid !important;
  grid-template-columns: 80px 1fr auto !important;
  gap: 20px !important;
  align-items: start !important;
  padding: 20px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--ch-line) !important;
}
.library-v13-org-admin-person:first-child { border-top: 0 !important; }

/* Avatar column */
.library-v13-org-admin-photo {
  display: grid !important; justify-items: center !important; gap: 6px !important;
}
.library-v13-org-admin-photo > img,
.library-v13-org-admin-photo > span {
  width: 56px !important; height: 56px !important;
  border-radius: 50% !important; font-size: 16px !important; font-weight: 700 !important;
  background: var(--ch-primary-soft) !important; color: var(--ch-primary) !important;
  object-fit: cover !important; display: grid !important; place-items: center !important;
}
.library-v13-org-admin-photo label {
  font-size: 9px !important; font-weight: 600 !important;
  color: var(--ch-primary) !important; cursor: pointer !important;
  text-transform: uppercase; letter-spacing: 0.04em;
}

/* Main content column: name, sub-labels, form fields, dept chips */
.library-v13-org-admin-person-main {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 16px !important;
  align-items: start !important;
}
/* Name spans full width */
.library-v13-org-admin-person-main > strong {
  grid-column: 1 / -1 !important;
  font-size: 15px !important; font-weight: 600 !important;
  color: var(--ch-text-strong) !important; margin-bottom: -4px;
}
/* Username/role tag */
.library-v13-org-admin-person-main > small {
  grid-column: 1 / -1 !important;
  font-size: 11px !important; color: var(--ch-muted) !important;
  margin-top: -6px; margin-bottom: 2px;
}
/* Each label (Job title, Reports to, Outsource) */
.library-v13-org-admin-person-main > label {
  display: grid !important; gap: 5px !important; min-width: 0 !important;
  font-size: 10px !important; font-weight: 700 !important;
  color: var(--ch-muted) !important; letter-spacing: 0.04em; text-transform: uppercase;
}
/* Outsource label spans 1 col with checkbox inline */
.library-v13-org-admin-outsource {
  display: flex !important; align-items: center !important;
  gap: 6px !important; align-self: end !important;
  font-size: 12px !important; font-weight: 500 !important;
  color: var(--ch-text) !important; text-transform: none !important;
  letter-spacing: 0 !important; padding-bottom: 7px;
}
.library-v13-org-admin-outsource input {
  width: 15px !important; height: 15px !important;
  min-height: 15px !important; margin: 0 !important;
  accent-color: var(--ch-primary) !important; padding: 0 !important;
  border: none !important; box-shadow: none !important;
}
.library-v13-org-admin-outsource small {
  font-size: 10px !important; color: var(--ch-muted) !important;
  font-weight: 400 !important; font-style: normal;
}
/* Inputs inside person-main */
.library-v13-org-admin-person input:not([type="checkbox"]):not([type="file"]),
.library-v13-org-admin-person select {
  width: 100% !important; height: 34px !important; min-height: 34px !important;
  padding: 0 10px !important; border: 1px solid var(--ch-line-strong) !important;
  border-radius: 7px !important; font-size: 12px !important;
  color: var(--ch-text-strong) !important; background: #fff !important;
  box-sizing: border-box !important;
}
.library-v13-org-admin-person input:not([type="checkbox"]):not([type="file"]):focus,
.library-v13-org-admin-person select:focus {
  border-color: var(--ch-primary) !important; outline: none !important;
  box-shadow: 0 0 0 2px var(--ch-primary-soft) !important;
}

/* Department checkboxes — span full width of the 2-col grid */
.library-v13-org-admin-departments {
  grid-column: 1 / -1 !important;
  display: flex !important; flex-wrap: wrap !important; gap: 6px !important;
  margin-top: 4px !important;
}
.library-v13-org-admin-departments label {
  display: flex !important; align-items: center !important;
  gap: 5px !important; padding: 5px 9px !important;
  border: 1px solid var(--ch-line) !important; border-radius: 6px !important;
  background: #fafafa !important; font-size: 11px !important; font-weight: 500 !important;
  color: var(--ch-text) !important; text-transform: none !important;
  letter-spacing: 0 !important; cursor: pointer !important;
}
.library-v13-org-admin-departments input {
  width: 14px !important; height: 14px !important; min-height: 14px !important;
  margin: 0 !important; padding: 0 !important; border: none !important;
  box-shadow: none !important; accent-color: var(--ch-primary) !important;
}

/* Save button per person */
.library-v13-org-admin-person > .primary-btn,
.library-v13-org-admin-person > button[data-org-person-save] {
  align-self: start !important; margin-top: 4px !important;
  height: 32px !important; min-height: 32px !important;
  padding: 0 16px !important; font-size: 12px !important;
  border-radius: 7px !important; white-space: nowrap;
  background: var(--ch-primary) !important; border-color: var(--ch-primary) !important;
  color: #fff !important;
}

/* Footer */
.library-v13-organisation-admin-card > footer {
  position: sticky !important; bottom: -28px !important;
  display: flex !important; align-items: center !important;
  justify-content: flex-end !important; gap: 10px !important;
  min-height: 56px !important; margin: 20px -32px -28px !important;
  padding: 12px 32px !important;
  border-top: 1px solid var(--ch-line) !important;
  background: rgba(255,255,255,.98) !important;
}
.library-v13-organisation-admin-card > footer span {
  margin-right: auto !important; font-size: 11px !important; color: var(--ch-muted) !important;
}

/* =================== RESPONSIVE =================== */
@media (max-width: 720px) {
  .corehub-settings-card {
    width: 100vw !important; max-width: 100vw !important;
    height: 100dvh !important; max-height: 100dvh !important; border-radius: 0 !important;
  }
  .user-settings-head, .user-settings-content, .user-settings-footer {
    padding-left: 20px !important; padding-right: 20px !important;
  }
  .user-settings-profile-grid { grid-template-columns: 1fr !important; }
  .user-settings-security-grid { grid-template-columns: 1fr !important; }
  .user-settings-organization-grid { grid-template-columns: 1fr 1fr !important; }

  .library-v13-organisation-admin-card {
    width: 100vw !important; max-width: 100vw !important;
    height: 100dvh !important; max-height: 100dvh !important;
    padding: 20px !important; border-radius: 0 !important;
  }
  .library-v13-org-admin-unit-create > div { grid-template-columns: 1fr !important; }
  .library-v13-org-admin-unit { grid-template-columns: 1fr 1fr !important; }
  .library-v13-org-admin-person { grid-template-columns: 1fr !important; }
  .library-v13-org-admin-person-main { grid-template-columns: 1fr !important; }
  .library-v13-organisation-admin-card > footer { margin: 20px -20px -20px !important; padding: 12px 20px !important; }
}

/* v3: compact task-based navigation instead of one long configuration sheet. */
.user-settings-nav{display:flex;gap:4px;margin:18px 32px 0;padding:4px;border:1px solid var(--ch-line);border-radius:10px;background:#f7f8fa}
.user-settings-nav button{flex:1;min-width:0;height:34px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--ch-muted);font-size:11px;font-weight:650;cursor:pointer}
.user-settings-nav button.active{background:#fff;color:var(--ch-text-strong);box-shadow:0 1px 3px rgba(15,31,54,.1)}
.user-settings-content{min-height:330px!important;padding-top:10px!important}
.user-settings-section[data-settings-panel]{padding:16px 0 8px!important;border:0!important}
.user-settings-section[data-settings-panel]>header{margin-bottom:14px!important}
.user-settings-section[data-settings-panel]>header p{display:none}
.user-settings-avatar{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px;border:1px solid var(--ch-line);border-radius:10px;background:#fafbfc}.user-settings-avatar>img{flex:0 0 auto;width:68px;height:68px;border-radius:50%;object-fit:cover;background:var(--ch-primary-soft)}.user-settings-avatar>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;min-width:0;flex:1}.user-settings-avatar strong,.user-settings-avatar small{display:block;min-width:0}.user-settings-avatar strong{font-size:13px}.user-settings-avatar small{grid-row:2;color:var(--ch-muted);font-size:10px;line-height:1.35}.user-settings-avatar label{grid-column:2;grid-row:1/3;display:grid!important;place-items:center;min-height:34px;padding:0 12px!important;color:var(--ch-text-strong)!important;font-size:11px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer}.user-settings-avatar input{display:none}

.library-v13-organisation-admin-card{display:flex!important;flex-direction:column!important;width:min(1040px,calc(100vw - 48px))!important;max-width:1040px!important;height:min(820px,calc(100dvh - 48px))!important;max-height:min(820px,calc(100dvh - 48px))!important;overflow:hidden!important}
.library-v13-organisation-admin-card>p{margin-bottom:14px!important}
.library-v23-org-tabs{display:flex;gap:4px;flex:0 0 auto;margin:0 0 16px;padding:4px;border:1px solid var(--ch-line);border-radius:10px;background:#f7f8fa}
.library-v23-org-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:150px;height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--ch-muted);font-size:12px;font-weight:650;cursor:pointer}
.library-v23-org-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e8ebef;color:#5f6876;font-size:10px}
.library-v23-org-tabs button.active{background:#fff;color:var(--ch-text-strong);box-shadow:0 1px 3px rgba(15,31,54,.1)}
.library-v23-org-tabs button.active span{background:var(--ch-primary-soft);color:var(--ch-primary)}
.library-v13-organisation-admin-card>[data-org-admin-panel]{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}
.library-v13-org-admin-unit-create{margin-bottom:16px!important;padding:14px!important}
.library-v13-org-admin-section{margin-bottom:12px!important}
.library-v23-people-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 0 12px;background:#fff}
.library-v23-people-toolbar strong,.library-v23-people-toolbar small{display:block}.library-v23-people-toolbar strong{font-size:14px}.library-v23-people-toolbar small{margin-top:3px;color:var(--ch-muted);font-size:11px}
.library-v23-people-toolbar label{display:flex;align-items:center;gap:7px;width:min(270px,45%);height:36px;padding:0 10px;border:1px solid var(--ch-line-strong);border-radius:8px;background:#fff;color:var(--ch-muted)}
.library-v23-people-toolbar input{width:100%;height:auto!important;min-height:0!important;padding:0!important;border:0!important;outline:0;font-size:12px}
.library-v13-org-admin-person{display:block!important;padding:0!important;border:0!important;border-top:1px solid var(--ch-line)!important}
.library-v13-org-admin-person:last-child{border-bottom:1px solid var(--ch-line)!important}
.library-v13-org-admin-person>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:58px;padding:8px 12px;list-style:none;cursor:pointer}
.library-v13-org-admin-person>summary::-webkit-details-marker{display:none}.library-v13-org-admin-person>summary:hover{background:#fafbfc}
.library-v13-org-admin-person>summary span:first-child{min-width:0}.library-v13-org-admin-person>summary strong,.library-v13-org-admin-person>summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library-v13-org-admin-person>summary strong{font-size:13px;font-weight:650}.library-v13-org-admin-person>summary small{margin-top:3px;color:var(--ch-muted);font-size:11px;font-weight:400}
.library-v13-org-admin-person>summary em{padding:3px 7px;border-radius:5px;background:#f2f4f6;color:var(--ch-muted);font-size:10px;font-style:normal}.library-v13-org-admin-person>summary b{color:var(--ch-muted);font-size:14px;transition:transform .15s}.library-v13-org-admin-person[open]>summary b{transform:rotate(180deg)}
.library-v23-person-avatar,.library-v23-person-avatar>span,.library-v23-person-avatar>img{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:var(--ch-primary-soft)!important;color:var(--ch-primary)!important;font-size:11px!important;font-weight:700!important;object-fit:cover!important}
.library-v23-person-editor{display:grid;grid-template-columns:minmax(245px,1.35fr) repeat(3,minmax(150px,1fr));gap:10px;padding:12px 14px 13px;border-top:1px solid var(--ch-line);background:#fafbfc}
.library-v23-person-editor>label{display:grid!important;gap:5px!important;min-width:0;color:var(--ch-muted)!important;font-size:9px!important;font-weight:750!important;letter-spacing:.05em;text-transform:uppercase}
.library-v24-employment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0;margin:0;padding:0;border:0}
.library-v24-employment legend{grid-column:1/-1;display:block;width:100%;margin:0;color:var(--ch-muted);font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.library-v24-employment label{display:block!important;flex:1;min-width:0;cursor:pointer}
.library-v24-employment input{position:absolute;opacity:0;pointer-events:none}
.library-v24-employment span{display:flex;align-items:center;justify-content:center;height:34px;padding:0 8px;border:1px solid var(--ch-line-strong);border-radius:7px;background:#fff;color:var(--ch-muted);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}
.library-v24-employment input:checked+span{border-color:var(--ch-primary);background:var(--ch-primary-soft);color:var(--ch-primary);box-shadow:inset 0 0 0 1px var(--ch-primary)}
.library-v24-employment input:checked+span:before{margin-right:4px;content:'✓'}
.library-v23-person-editor select:disabled{background:#f0f2f5!important;color:var(--ch-text-strong)!important;opacity:1}
.library-v23-person-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--ch-line)}
.library-v25-person-access{grid-column:1/-1;padding:12px;border:1px solid var(--ch-line);border-radius:8px;background:#fff}.library-v25-person-access>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.library-v25-person-access>header strong{font-size:11px;color:var(--ch-text-strong)}.library-v25-person-access>header small{color:var(--ch-muted);font-size:10px}.library-v25-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-v25-access-grid fieldset{min-width:0;margin:0;padding:9px;border:1px solid var(--ch-line);border-radius:7px}.library-v25-access-grid legend{padding:0 4px;color:var(--ch-muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.library-v25-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.library-v25-check-grid label{display:flex!important;align-items:center;gap:6px;color:var(--ch-text-control)!important;font-size:10px!important;font-weight:550!important;letter-spacing:0!important;text-transform:none!important}.library-v25-check-grid input{width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important;margin:0!important;accent-color:var(--ch-primary)}
.library-v23-person-actions>span{display:flex;align-items:center;gap:10px;color:var(--ch-muted);font-size:10px}.library-v23-person-actions>span small{font-size:10px;color:var(--ch-muted)}.library-v23-person-actions .primary-btn{min-height:34px;padding:0 14px;font-size:12px}
.library-v13-organisation-admin-card>footer{position:static!important;flex:0 0 auto;margin:8px -32px -28px!important}
.library-v24-team-copy{display:grid;justify-items:center;gap:2px;min-width:0}.library-v24-team-copy b{font-size:10px;line-height:1.2}.library-v24-team-copy small{color:var(--ch-muted);font-size:8px;font-weight:500;line-height:1.15}

@media(max-width:900px){.library-v23-person-editor{grid-template-columns:1fr 1fr}.library-v24-employment{grid-column:1/-1}.library-v25-access-grid{grid-template-columns:1fr}}
@media(max-width:720px){.user-settings-nav{margin:14px 20px 0;overflow-x:auto}.user-settings-nav button{flex:0 0 auto;min-width:98px}.library-v23-org-tabs button{flex:1;min-width:0}.library-v23-people-toolbar{align-items:stretch;flex-direction:column;gap:8px}.library-v23-people-toolbar label{width:100%}.library-v23-person-editor{grid-template-columns:1fr;padding:12px}.library-v24-employment,.library-v23-person-actions{grid-column:1}.library-v23-person-actions{align-items:stretch;flex-direction:column}.library-v23-person-actions>span{align-items:flex-start;flex-direction:column;gap:2px}.library-v25-person-access>header{align-items:flex-start;flex-direction:column;gap:3px}.library-v25-check-grid{grid-template-columns:1fr}.library-v13-organisation-admin-card>footer{margin:8px -20px -20px!important}}
@media(max-width:460px){.user-settings-avatar{align-items:flex-start}.user-settings-avatar>img{width:58px;height:58px}.user-settings-avatar>div{grid-template-columns:1fr}.user-settings-avatar label{grid-column:1;grid-row:auto;margin-top:5px}}