* { box-sizing: border-box; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  background: #eef0ed;
  color: var(--j7-colour-ink);
  font-family: var(--j7-font-body);
  line-height: 1.5;
}

.staff-work-management{display:grid;gap:18px;min-width:0;margin-bottom:24px}.staff-work-tools{max-width:640px}.staff-work-directory{min-width:0}.staff-work-directory .collection-entry{display:flex;justify-content:space-between;gap:16px;text-align:left}.staff-work-directory .collection-entry strong,.staff-work-directory .collection-entry small{display:block}.staff-work-directory .collection-entry small{font-size:.82rem;font-weight:400;margin-top:5px}.staff-work-records{display:grid;gap:12px;min-width:0}.staff-work-records .work-card{margin:0;min-width:0;overflow-wrap:anywhere}.staff-work-pager{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-work-management>.workspace-back{justify-self:start}.staff-premises-navigation{max-width:100%;min-width:0}.staff-premises-bar .staff-premises-navigation{scroll-padding-inline:12px}.staff-premises-navigation button{flex-shrink:0}@media(max-width:480px){.staff-work-directory .collection-entry{align-items:flex-start}.staff-work-pager{flex-wrap:wrap}.staff-work-pager span{font-size:.8rem}.staff-work-records .work-card{padding:16px}}

[hidden] { display: none !important; }
.j7-auth-brand__identity > .j7-auth-logo:not(.j7-auth-logo--controlled) { display: none !important; }

.staff-skip-link {
  position: fixed;
  inset: var(--j7-space-2) auto auto var(--j7-space-2);
  z-index: 20;
  padding: var(--j7-space-3);
  background: var(--j7-colour-surface);
  color: var(--j7-colour-ink);
  transform: translateY(-150%);
}

.staff-skip-link:focus { transform: none; }

.staff-header {
  border-bottom: 0.25rem solid;
  border-image: linear-gradient(90deg, var(--j7-colour-brand), var(--j7-colour-accent)) 1;
  background: var(--j7-colour-ink);
  color: var(--j7-colour-surface);
}

.staff-header__inner {
  display: flex;
  width: min(100%, var(--j7-layout-content));
  margin-inline: auto;
  padding: var(--j7-space-5);
  align-items: center;
  justify-content: space-between;
  gap: var(--j7-space-5);
}

.staff-brand-group,
.staff-header-actions { display: flex; align-items: center; gap: var(--j7-space-4); }
.staff-brand { display: inline-flex; align-items: center; min-height: var(--j7-control-min-size); }
.staff-brand img { display: block; width: auto; height: 3.25rem; max-width: min(15rem, 48vw); object-fit: contain; }
.staff-surface-label { padding-left: var(--j7-space-4); border-left: 1px solid rgba(255,255,255,.35); font-weight: 800; }
.staff-header p { margin: 0; }
.staff-private { font-weight: 700; white-space: nowrap; }
.staff-sign-out { min-height: 2.75rem; border-color: rgba(255,255,255,.5); background: transparent; color: var(--j7-colour-surface); }
.staff-auth-shell { display: grid; flex: 1 0 auto; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr); gap: var(--j7-space-6); align-items: center; }
.staff-auth-intro { display: grid; gap: var(--j7-space-3); max-width: 40rem; }
.staff-auth-intro h1 { margin: 0; font-size: var(--j7-font-size-xl); line-height: 1.08; }
.staff-auth-intro p { margin: 0; color: var(--j7-colour-muted); font-size: var(--j7-font-size-md); }
.staff-login-form { display: grid; gap: var(--j7-space-4); border-top: .25rem solid var(--j7-colour-accent); }
.staff-login-form h2, .staff-login-form p { margin: 0; }
.staff-login-form .j7-button { justify-self: start; }
.staff-auth-message { min-height: 1.5rem; color: var(--j7-colour-error); }
.staff-shell {
  display: grid;
  grid-template-columns: 17.5rem minmax(0, 1fr);
  grid-template-areas:
    "navigation command"
    "navigation context"
    "navigation main";
  flex: 1 0 auto;
  gap: var(--j7-space-5);
  width: min(100%, 96rem);
}
.staff-kicker { margin: 0 0 var(--j7-space-1); color: var(--j7-colour-brand); font-size: var(--j7-font-size-xs); font-weight: 800; letter-spacing: 0.1em; }
.staff-context { grid-area: context; padding: var(--j7-space-4); border-top: 0.2rem solid var(--j7-colour-accent); box-shadow: none; }
.staff-context__status { max-width: 28rem; margin: 0; color: var(--j7-colour-muted); text-align: right; }

.staff-context-grid,
.staff-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--j7-space-4);
}

.staff-context-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.staff-section-heading { display: flex; align-items: start; justify-content: space-between; gap: var(--j7-space-4); margin-bottom: var(--j7-space-4); }
.staff-section-heading h2 { margin: 0; font-size: var(--j7-font-size-lg); }
.staff-navigation {
  grid-area: navigation;
  position: sticky;
  top: var(--j7-space-4);
  display: flex;
  flex-direction: column;
  align-self: start;
  min-height: calc(100vh - 2 * var(--j7-space-4));
  padding: var(--j7-space-4);
  border-radius: var(--j7-radius-lg);
  background: linear-gradient(180deg, #171a1f 0%, #242932 100%);
  box-shadow: 0 1rem 2.5rem rgba(23, 26, 31, .16);
}
.staff-navigation__identity { display: flex; gap: var(--j7-space-3); align-items: center; margin-bottom: var(--j7-space-5); color: var(--j7-colour-surface); }
.staff-navigation__identity span:last-child { display: grid; }
.staff-navigation__identity small { color: rgba(255,255,255,.65); }
.staff-navigation__mark { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: .7rem; background: linear-gradient(145deg, var(--j7-colour-brand), var(--j7-colour-accent)); font-weight: 900; }
.staff-navigation .staff-navigation__item { justify-content: flex-start; width: 100%; border-color: transparent; background: transparent; color: rgba(255,255,255,.82); text-align: left; }
.staff-navigation__item[aria-current="page"] { border-color: rgba(239,125,0,.4); background: rgba(239,125,0,.14); color: var(--j7-colour-surface); box-shadow: inset .2rem 0 0 var(--j7-colour-accent); }
.staff-navigation__context { display: grid; gap: var(--j7-space-1); margin-top: auto; padding: var(--j7-space-3); border-top: 1px solid rgba(255,255,255,.15); color: var(--j7-colour-surface); }
.staff-navigation__context small { color: rgba(255,255,255,.65); }
.staff-navigation__context strong { font-size: var(--j7-font-size-sm); }
.staff-command { grid-area: command; display: grid; grid-template-columns: minmax(0, .8fr) minmax(20rem, 1.2fr); gap: var(--j7-space-5); align-items: end; padding: var(--j7-space-3) 0; }
.staff-command h1 { margin: 0; font-size: clamp(1.75rem, 3vw, 2.8rem); line-height: 1.05; }
.staff-command p:last-child { margin: var(--j7-space-2) 0 0; color: var(--j7-colour-muted); }
.staff-search { position: relative; display: grid; gap: var(--j7-space-2); }
.staff-search label { font-weight: 800; }
.staff-search .j7-input { min-height: 3.2rem; padding-inline: var(--j7-space-4); border-radius: 999px; background: var(--j7-colour-surface); box-shadow: 0 .5rem 1.6rem rgba(23,26,31,.08); }
.staff-search-results { position: absolute; z-index: 15; inset: calc(100% + .35rem) 0 auto; max-height: 28rem; overflow: auto; border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); box-shadow: 0 1rem 2.5rem rgba(23,26,31,.18); }
.staff-search-result { display: grid; width: 100%; gap: .1rem; padding: var(--j7-space-3) var(--j7-space-4); border: 0; border-bottom: 1px solid var(--j7-colour-line); background: transparent; color: var(--j7-colour-ink); text-align: left; cursor: pointer; }
.staff-search-result:hover,
.staff-search-result:focus-visible { background: var(--j7-colour-surface-muted); }
.staff-search-result span { color: var(--j7-colour-muted); font-size: var(--j7-font-size-sm); }
#staff-main { grid-area: main; min-width: 0; }
.staff-view { min-width: 0; }
.staff-summary-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; margin-block: var(--j7-space-4); border: 1px solid #d7dad5; border-radius: 1rem; background: var(--j7-colour-surface); box-shadow: 0 .65rem 1.8rem rgba(23,26,31,.055); }
.staff-summary-item { position: relative; display: grid; align-content: start; gap: .2rem; min-height: 6.8rem; padding: 1.1rem 1.2rem; border-right: 1px solid #e2e4e0; background: var(--j7-colour-surface); }
.staff-summary-item::before { position: absolute; inset: .8rem auto .8rem 0; width: .2rem; border-radius: 0 999px 999px 0; background: var(--j7-colour-accent); content: ""; }
.staff-summary-item:nth-child(4)::before { background: var(--j7-colour-brand); }
.staff-summary-item:last-child { border-right: 0; }
.staff-summary-item span { color: #34373b; font-size: var(--j7-font-size-sm); font-weight: 800; }
.staff-summary-item strong { order: -1; font-size: 2.2rem; line-height: 1; letter-spacing: -.04em; }
.staff-estate { overflow: hidden; margin-block: var(--j7-space-4) var(--j7-space-6); padding: 0; border: 1px solid #cfd3cd; border-radius: 1rem; box-shadow: 0 .9rem 2.6rem rgba(23,26,31,.075); }
.staff-estate__head { display: flex; align-items: end; justify-content: space-between; gap: var(--j7-space-4); padding: 1.35rem 1.5rem 1.15rem; background: linear-gradient(115deg, #fff 0 65%, #f2f3ef 100%); }
.staff-estate__head h3,
.staff-estate__head p { margin: 0; }
.staff-estate__head p { color: var(--j7-colour-muted); }
.staff-estate__coverage { display: grid; justify-items: end; min-width: 8rem; }
.staff-estate__coverage strong { font-size: 1.65rem; line-height: 1; }
.staff-estate__coverage span { color: var(--j7-colour-muted); font-size: var(--j7-font-size-xs); }
.staff-estate__coverage-bar { height: .3rem; overflow: hidden; background: #e2e4e0; }
.staff-estate__coverage-bar span { display: block; height: 100%; border-radius: 0 999px 999px 0; background: linear-gradient(90deg, var(--j7-colour-brand), var(--j7-colour-accent)); }
.staff-estate__workspace { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(17rem, .75fr); min-height: 24rem; border-top: 1px solid #dfe2dc; }
.staff-estate__directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 1px; padding: 1px; background: #dfe2dc; }
.staff-estate-premises { position: relative; display: grid; grid-template-columns: 2.35rem minmax(0, 1fr); grid-template-areas: "index copy" "index position"; gap: .25rem .8rem; min-width: 0; min-height: 7.7rem; padding: 1rem; border: 0; background: #fff; color: inherit; text-align: left; cursor: pointer; }
.staff-estate-premises:hover, .staff-estate-premises:focus-visible { z-index: 1; background: #f8f4ef; outline: .18rem solid var(--j7-colour-accent); outline-offset: -.18rem; }
.staff-estate-premises[aria-current="true"] { z-index: 1; background: #fff5f1; box-shadow: inset .25rem 0 0 var(--j7-colour-brand); }
.staff-estate-premises__index { grid-area: index; display: grid; place-items: center; align-self: start; width: 2.2rem; height: 2.2rem; border: 1px solid #c9cdc7; border-radius: .55rem; background: #f3f4f1; color: #34373b; font-size: .78rem; font-weight: 900; }
.staff-estate-premises[aria-current="true"] .staff-estate-premises__index { border-color: var(--j7-colour-brand); background: var(--j7-colour-brand); color: #fff; }
.staff-estate-premises__copy { grid-area: copy; display: grid; min-width: 0; }
.staff-estate-premises__copy strong, .staff-estate-premises__copy small, .staff-estate-premises__position small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.staff-estate-premises__copy small { color: var(--j7-colour-muted); font-size: .75rem; }
.staff-estate-premises__position { grid-area: position; display: grid; min-width: 0; }
.staff-estate-premises__position strong { color: var(--j7-colour-success); font-size: .78rem; }
.staff-estate-premises__position.is-missing strong { color: var(--j7-colour-warning); }
.staff-estate-premises__position.is-loading strong, .staff-estate-premises__position.is-error strong { color: var(--j7-colour-muted); }
.staff-estate-premises__position small { color: var(--j7-colour-muted); font-size: .72rem; }
.staff-estate__focus { display: grid; align-content: start; gap: .45rem; min-width: 0; padding: 1.4rem; border-left: 1px solid #dfe2dc; background: #20242a; color: #fff; }
.staff-estate__focus h4 { margin: 0; font-size: 1.45rem; line-height: 1.15; }
.staff-estate__address { margin: 0 0 .65rem; color: rgba(255,255,255,.68); line-height: 1.45; }
.staff-estate__position { display: grid; margin: 0; border-block: 1px solid rgba(255,255,255,.14); }
.staff-estate__position div { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.staff-estate__position div:last-child { border-bottom: 0; }
.staff-estate__position dt { color: rgba(255,255,255,.62); font-size: .78rem; }
.staff-estate__position dd { margin: 0; font-size: .82rem; font-weight: 800; }
.staff-estate__actions { display: grid; gap: .55rem; margin-top: .85rem; }
.staff-estate__actions .j7-button { width: 100%; border-color: rgba(255,255,255,.26); }
.staff-estate__actions .j7-button--secondary { background: transparent; color: #fff; }
.staff-subheading { margin-top: var(--j7-space-6); }
.staff-task-focus { display: flex; align-items: center; justify-content: space-between; gap: var(--j7-space-4); margin: 0 0 var(--j7-space-5); border-left: .35rem solid var(--j7-colour-brand); background: linear-gradient(110deg, var(--j7-colour-surface), var(--j7-colour-surface-muted)); }
.staff-task-focus[hidden] { display: none; }
.staff-task-focus h2,
.staff-task-focus p { margin: 0; }
.staff-task-focus:focus-visible,
.staff-action-card:focus-visible,
.staff-evidence-card:focus-visible,
.j7-document:focus-visible { outline: 2px solid var(--j7-colour-focus); outline-offset: 3px; box-shadow: var(--j7-focus-ring); }
.staff-document-reader { overflow: hidden; margin-block: var(--j7-space-4); padding: 0; }
.staff-document-reader__header { display: flex; justify-content: space-between; gap: var(--j7-space-4); align-items: center; padding: var(--j7-space-4); }
.staff-document-reader__header h3,
.staff-document-reader__header p { margin: 0; }
.staff-document-reader iframe { display: block; width: 100%; height: min(72vh, 58rem); border: 0; border-top: 1px solid var(--j7-colour-line); background: #777; }
.staff-document-reader:focus-visible,
.staff-view:focus-visible,
.staff-client-preview:focus-visible,
[role="status"][tabindex="-1"]:focus-visible,
.staff-confirm input:focus-visible { outline: 2px solid var(--j7-colour-focus); outline-offset: 3px; box-shadow: var(--j7-focus-ring); }

.staff-attention-list {
  display: grid;
  gap: var(--j7-space-3);
  margin: var(--j7-space-4) 0 0;
  padding: 0;
  list-style: none;
}

.staff-attention-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--j7-space-4);
  padding: var(--j7-space-4);
  border: 1px solid var(--j7-colour-line);
  border-left: 0.25rem solid var(--j7-colour-brand);
  border-radius: var(--j7-radius-md);
  background: var(--j7-colour-surface);
}

.staff-attention-item h3,
.staff-document-list h3 { margin: 0; }
.staff-attention-summary {
  display: -webkit-box;
  overflow: hidden;
  margin: var(--j7-space-2) 0 0;
  color: var(--j7-colour-text);
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.staff-attention-meta { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); margin-top: var(--j7-space-2); color: var(--j7-colour-muted); font-size: var(--j7-font-size-sm); }
.staff-document-list { margin-top: var(--j7-space-4); }
.staff-document-actions { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); margin-top: var(--j7-space-3); }
.staff-release-form { flex: 1 0 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--j7-space-3); align-items: end; padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface-muted); }
.staff-release-form .j7-button { justify-self: start; }
.staff-action-start,
.staff-document-start { display: flex; align-items: start; justify-content: space-between; gap: var(--j7-space-4); margin-block: var(--j7-space-4); }
.staff-action-start h3,
.staff-document-start h3 { margin: 0; }
.staff-action-start p,
.staff-document-start p { max-width: 58rem; margin: var(--j7-space-2) 0 0; }
.staff-action-start__controls { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: var(--j7-space-2); }
.staff-action-create { margin-block: var(--j7-space-4); }
.staff-register-tools { display: grid; grid-template-columns: minmax(16rem, 2fr) minmax(12rem, 1fr) auto; gap: var(--j7-space-3); align-items: end; margin-block: var(--j7-space-3); padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface-muted); }
.staff-register-tools__count { margin: 0 0 .75rem; color: var(--j7-colour-muted); font-weight: 800; white-space: nowrap; }
.staff-card-stack { display: grid; gap: var(--j7-space-4); margin-block: var(--j7-space-3) var(--j7-space-5); }
.staff-action-card h4,
.staff-evidence-card h4 { margin: var(--j7-space-2) 0; }
.staff-action-card__summary {
  display: -webkit-box;
  overflow: hidden;
  max-width: 64rem;
  margin: var(--j7-space-2) 0 0;
  color: var(--j7-colour-text);
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.staff-action-card__details { margin-top: var(--j7-space-3); border-top: 1px solid var(--j7-colour-line); }
.staff-action-card__details summary { padding-block: var(--j7-space-3); color: var(--j7-colour-brand-strong); font-weight: 800; cursor: pointer; }
.staff-action-card__details[open] summary { margin-bottom: var(--j7-space-2); }
.staff-release-action-form { display: grid; gap: var(--j7-space-3); margin-top: var(--j7-space-3); padding-top: var(--j7-space-3); border-top: 1px solid var(--j7-colour-line); }
.staff-release-action-form .j7-button { justify-self: start; }
.staff-client-next { margin-bottom: 0; padding: var(--j7-space-2) var(--j7-space-3); background: var(--j7-colour-surface-muted); }
.staff-evidence-detail { margin-block: var(--j7-space-4); border-left: 0.25rem solid var(--j7-colour-accent); }
.staff-evidence-inspection { grid-column: 1 / -1; margin-block: var(--j7-space-4); padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface-muted); }
.staff-evidence-inspection h5 { margin: 0; font-size: var(--j7-font-size-md); }
.staff-evidence-inspection p { margin-bottom: 0; }
.staff-evidence-viewer { overflow: hidden; margin-top: var(--j7-space-4); border: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface); }
.staff-evidence-viewer iframe { display: block; width: 100%; min-height: 42rem; border: 0; }
.staff-evidence-viewer img { display: block; max-width: 100%; max-height: 52rem; margin: auto; object-fit: contain; }
.staff-evidence-inspection .staff-confirm { margin-top: var(--j7-space-4); }
.staff-evidence-detail:focus-visible,
#actions-state:focus-visible,
#evidence-state:focus-visible { outline: 2px solid var(--j7-colour-focus); outline-offset: 3px; box-shadow: var(--j7-focus-ring); }
.staff-registration { margin-top: var(--j7-space-5); }
.staff-form-grid__wide { grid-column: 1 / -1; }
.staff-confirm { display: flex; gap: var(--j7-space-2); align-items: start; }
.staff-confirm input { margin-top: 0.3rem; }
.staff-monospace { font-family: Consolas, "Courier New", monospace; }
.staff-projection-review { margin-top: var(--j7-space-4); padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-left: 0.25rem solid var(--j7-colour-accent); background: var(--j7-colour-surface-muted); }
.staff-preview-banner { margin: 0; padding: var(--j7-space-3) var(--j7-space-4); background: var(--j7-colour-ink); color: var(--j7-colour-surface); font-weight: 800; }
.staff-client-preview { margin-top: var(--j7-space-4); border: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface); }
.staff-account-create { margin-bottom: var(--j7-space-5); }
.staff-account-create > .staff-section-heading { margin-bottom: 0; }
.staff-account-create > .staff-section-heading p { max-width: 48rem; margin-bottom: 0; color: var(--j7-colour-muted); }
.staff-account-create [hidden] { display: none; }
.staff-account-list { display: grid; gap: var(--j7-space-4); margin-block: var(--j7-space-3) var(--j7-space-6); }
.staff-account-card { overflow: hidden; padding: 0; border-left: .25rem solid var(--j7-colour-success); }
.staff-account-card.is-suspended { border-left-color: var(--j7-colour-warning); }
.staff-account-card.is-revoked { border-left-color: var(--j7-colour-error); }
.staff-account-card__summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--j7-space-4); padding: var(--j7-space-4); }
.staff-account-card__summary h4,
.staff-account-card__summary p { margin: 0; }
.staff-account-card__identity { display: grid; gap: var(--j7-space-1); }
.staff-account-card__identity p { color: var(--j7-colour-muted); }
.staff-account-card__state { display: grid; align-content: start; justify-items: end; gap: var(--j7-space-1); }
.staff-account-card__state strong { padding: .25rem .6rem; border-radius: 999px; background: var(--j7-colour-surface-muted); font-size: var(--j7-font-size-xs); }
.staff-account-card__details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-block: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface-muted); }
.staff-account-card__details div { padding: var(--j7-space-3) var(--j7-space-4); border-right: 1px solid var(--j7-colour-line); }
.staff-account-card__details div:last-child { border-right: 0; }
.staff-account-card__details dt { color: var(--j7-colour-muted); font-size: var(--j7-font-size-xs); font-weight: 800; }
.staff-account-card__details dd { margin: var(--j7-space-1) 0 0; overflow-wrap: anywhere; font-weight: 700; }
.staff-account-card__actions { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); padding: var(--j7-space-4); }
.staff-account-operation { display: grid; gap: var(--j7-space-3); padding: var(--j7-space-4); border-top: 1px solid var(--j7-colour-line); background: #fff8f1; }
.staff-account-operation h5,
.staff-account-operation p { margin: 0; }
.staff-account-operation .j7-button { justify-self: start; }
.staff-preview-workspace { margin-top: var(--j7-space-6); padding-top: var(--j7-space-5); border-top: 1px solid var(--j7-colour-line); }
.staff-information-review { grid-column: 1 / -1; width: 100%; margin-top: var(--j7-space-3); }
.staff-information-lifecycle { width: min(700px, calc(100vw - 16px)); max-width: calc(100vw - 16px); padding: 0; }
.staff-information-lifecycle .modal-body { min-width: 0; overflow-wrap: anywhere; }
.staff-information-lifecycle .j7-data-list dd { margin: 0; white-space: pre-wrap; }
.staff-information-lifecycle .form-actions { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); }
.staff-information-review__form { margin-top: var(--j7-space-3); }
.staff-information-review__item { display: grid; gap: var(--j7-space-3); margin: 0; min-width: 0; }
.staff-information-review__item legend { padding-inline: var(--j7-space-2); font-weight: 800; }
.staff-information-conflict,
.staff-information-confirmation { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.staff-information-conflict input,
.staff-information-confirmation input { width: 1.25rem; height: 1.25rem; margin: .15rem 0 0; }
.staff-information-create { margin-bottom: var(--j7-space-5); }
.staff-information-create > .staff-section-heading { margin-bottom: 0; }
.staff-information-create > .staff-section-heading p,
.staff-question-heading p { margin-bottom: 0; }
.staff-information-create [hidden] { display: none; }
.staff-information-context { margin-block: var(--j7-space-4); padding: var(--j7-space-3); background: var(--j7-colour-surface-muted); }
.staff-question-heading { display: flex; align-items: start; justify-content: space-between; gap: var(--j7-space-4); }
.staff-question-heading h4 { margin: 0; }
.staff-question-list { display: grid; gap: var(--j7-space-3); margin: var(--j7-space-3) 0 0; padding: 0; list-style: none; }
.staff-question-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(10rem, .35fr); gap: var(--j7-space-3); min-width: 0; }
.staff-question-item__wording,
.staff-question-item__actions { grid-column: 1 / -1; }
.staff-question-item__actions { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); }
.staff-question-required { display: flex; align-items: center; gap: var(--j7-space-2); }
.staff-question-required input { width: 1.25rem; height: 1.25rem; }
.staff-attention-item[tabindex="-1"]:focus-visible { outline: 2px solid var(--j7-colour-focus); outline-offset: 3px; box-shadow: var(--j7-focus-ring); }
#client-preview-content { padding: var(--j7-space-5); }

#staff-client-search { width: 100%; margin-bottom: var(--j7-space-3); }
.staff-client-workspace { display: grid; grid-template-columns: minmax(17rem, .55fr) minmax(0, 1.45fr); gap: var(--j7-space-4); align-items: start; }
.staff-client-list { display: grid; gap: var(--j7-space-2); min-width: 0; }
.staff-client-list__item { display: grid; gap: var(--j7-space-3); min-width: 0; padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-left: .25rem solid transparent; border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); color: inherit; text-align: left; cursor: pointer; }
.staff-client-list__item span { display: grid; min-width: 0; }
.staff-client-list__item small { overflow-wrap: anywhere; color: var(--j7-colour-muted); }
.staff-client-list__item:hover,
.staff-client-list__item:focus-visible { border-left-color: var(--j7-colour-accent); outline: 2px solid var(--j7-colour-focus); outline-offset: 2px; }
.staff-client-list__item[aria-current="true"] { border-left-color: var(--j7-colour-brand); background: #fff5f1; }
.staff-client-detail { display: grid; gap: var(--j7-space-4); min-width: 0; }
.staff-client-detail:focus-visible { outline: 2px solid var(--j7-colour-focus); outline-offset: 3px; }
.staff-client-detail__heading { display: flex; align-items: start; justify-content: space-between; gap: var(--j7-space-4); }
.staff-client-detail__heading h3,
.staff-client-detail__heading p { margin: 0; }
.staff-client-detail__coverage { display: grid; justify-items: end; min-width: 10rem; text-align: right; }
.staff-client-detail__coverage strong { font-size: 1.75rem; line-height: 1; }
.staff-client-detail__coverage span { max-width: 12rem; color: var(--j7-colour-muted); font-size: var(--j7-font-size-xs); }
.staff-client-position { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface-muted); }
.staff-client-position div { min-width: 0; padding: var(--j7-space-3); border-right: 1px solid var(--j7-colour-line); border-bottom: 1px solid var(--j7-colour-line); }
.staff-client-position div:nth-child(3n) { border-right: 0; }
.staff-client-position div:nth-last-child(-n+3) { border-bottom: 0; }
.staff-client-position dt { color: var(--j7-colour-muted); font-size: var(--j7-font-size-xs); font-weight: 800; }
.staff-client-position dd { margin: var(--j7-space-1) 0 0; font-size: 1.2rem; font-weight: 900; }
.staff-client-portfolios { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--j7-space-3); }
.staff-client-portfolio__item { display: flex; align-items: center; justify-content: space-between; gap: var(--j7-space-3); min-width: 0; padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface-muted); }
.staff-client-portfolio__item h5,
.staff-client-portfolio__item p { margin: 0; }
.staff-client-portfolio__item p { color: var(--j7-colour-muted); font-size: var(--j7-font-size-sm); }
.staff-client-premises { display: grid; gap: var(--j7-space-3); }
.staff-client-premises__item { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(24rem, 1fr) auto; gap: var(--j7-space-4); align-items: center; padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); }
.staff-client-premises__item h5,
.staff-client-premises__item p { margin: 0; }
.staff-client-premises__item p { color: var(--j7-colour-muted); }
.staff-client-premises__item dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-2); margin: 0; }
.staff-client-premises__item dt { color: var(--j7-colour-muted); font-size: var(--j7-font-size-xs); font-weight: 800; }
.staff-client-premises__item dd { margin: 0; font-size: var(--j7-font-size-sm); font-weight: 700; }
.staff-client-relationship { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-4); padding-top: var(--j7-space-4); border-top: 1px solid var(--j7-colour-line); }
.staff-client-relationship h4 { margin-top: 0; }
.staff-client-relationship ul { display: grid; gap: var(--j7-space-2); margin: 0; padding: 0; list-style: none; }
.staff-client-relationship li { display: grid; padding: var(--j7-space-3); border-left: .2rem solid var(--j7-colour-brand); background: var(--j7-colour-surface-muted); }
.staff-client-relationship li span { color: var(--j7-colour-muted); font-size: var(--j7-font-size-sm); overflow-wrap: anywhere; }

.staff-release-identity { display: grid; grid-template-columns: minmax(14rem, .45fr) minmax(0, 1.55fr); gap: var(--j7-space-5); align-items: start; }
.staff-release-identity:empty { display: none; }
.staff-release-identity__summary { display: grid; gap: var(--j7-space-2); align-content: start; }
.staff-release-identity__summary h3,
.staff-release-identity__summary p { margin: 0; }
.staff-release-identity__summary h3 { overflow-wrap: anywhere; font-size: 1.45rem; }
.staff-release-identity__summary .j7-status { justify-self: start; }
.staff-release-identity__details { margin: 0; }
.staff-release-identity__details dd { overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: var(--j7-font-size-sm); }
.staff-data-integrity { display: grid; gap: var(--j7-space-4); }
.staff-integrity-metrics { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); margin: 0; }
.staff-integrity-metrics dd { font-size: 1.45rem; font-weight: 800; color: var(--j7-ink); }
.staff-integrity-blockers { border-left: .25rem solid var(--j7-colour-warning); padding: var(--j7-space-3) var(--j7-space-4); background: var(--j7-colour-surface-muted); }
.staff-integrity-blockers h3 { margin: 0 0 var(--j7-space-2); }
.staff-integrity-blockers ul { margin: 0; padding-left: 1.2rem; }

.staff-footer { display: flex; justify-content: center; align-items: center; gap: var(--j7-space-5); flex-wrap: wrap; margin-top: var(--j7-space-6); padding: var(--j7-space-4) var(--j7-space-5); border-top: .25rem solid var(--j7-colour-brand); background: var(--j7-colour-ink); color: var(--j7-colour-surface); font-size: var(--j7-font-size-sm); }
.staff-footer__brand { display: inline-flex; align-items: center; gap: var(--j7-space-2); font-weight: 800; }
.staff-footer__brand img { width: 1.625rem; height: 1.625rem; object-fit: contain; border-radius: .375rem; }

.staff-state--error,
.staff-state--denied { border-left-color: var(--j7-colour-error); }
.staff-state--success { border-left-color: var(--j7-colour-success); }

@media (max-width: 64rem) {
  .staff-shell { grid-template-columns: 14rem minmax(0, 1fr); }
  .staff-command { grid-template-columns: 1fr; }
  .staff-context-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-estate__workspace { grid-template-columns: 1fr; }
  .staff-estate__focus { border-top: 1px solid #dfe2dc; border-left: 0; }
  .staff-client-workspace { grid-template-columns: 1fr; }
  .staff-client-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-client-premises__item { grid-template-columns: 1fr; }
  .staff-client-premises__item .j7-button { justify-self: start; }
  .staff-release-identity { grid-template-columns: 1fr; }
}

@media (max-width: 40rem) {
  .staff-action-start,
  .staff-document-start { display: grid; }
  .staff-action-start__controls { justify-content: stretch; }
  .staff-action-start__controls .j7-button,
  .staff-document-start .j7-button { width: 100%; }
  .staff-header__inner,
  .staff-section-heading,
  .staff-attention-item { display: grid; }
  .staff-brand-group,
  .staff-header-actions { align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
  .staff-auth-shell { grid-template-columns: 1fr; align-content: start; min-height: auto; }
  .staff-shell { grid-template-columns: 1fr; grid-template-areas: "command" "navigation" "context" "main"; }
  .staff-navigation { position: static; min-height: 0; flex-direction: row; overflow-x: auto; border-radius: var(--j7-radius-md); }
  .staff-navigation__identity,
  .staff-navigation__context { display: none; }
  .staff-navigation .staff-navigation__item { flex: 0 0 auto; width: auto; }
  .staff-command { padding-top: 0; }
  .staff-private,
  .staff-context__status { white-space: normal; text-align: left; }
  .staff-context-grid,
  .staff-form-grid,
  .staff-release-form,
  .staff-question-item,
  .staff-register-tools { grid-template-columns: 1fr; }
  .staff-register-tools__count { margin-bottom: 0; white-space: normal; }
  .staff-question-heading { display: grid; }
  .staff-form-grid__wide { grid-column: auto; }
  .staff-question-item__wording,
  .staff-question-item__actions { grid-column: auto; }
  .staff-summary-strip,
  .staff-estate__directory { grid-template-columns: 1fr; }
  .staff-account-card__summary,
  .staff-account-card__details { grid-template-columns: 1fr; }
  .staff-account-card__state { justify-items: start; }
  .staff-account-card__details div { border-right: 0; border-bottom: 1px solid var(--j7-colour-line); }
  .staff-account-card__details div:last-child { border-bottom: 0; }
  .staff-estate__head { display: grid; }
  .staff-estate__coverage { justify-items: start; }
  .staff-document-reader__header { display: grid; }
  .staff-client-list,
  .staff-client-position,
  .staff-client-relationship { grid-template-columns: 1fr; }
  .staff-client-position div,
  .staff-client-position div:nth-child(3n),
  .staff-client-position div:nth-last-child(-n+3) { border-right: 0; border-bottom: 1px solid var(--j7-colour-line); }
  .staff-client-position div:last-child { border-bottom: 0; }
  .staff-client-detail__heading { display: grid; }
  .staff-client-detail__coverage { justify-items: start; text-align: left; }
}
.staff-premises-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1rem;
}

.staff-premises-navigation .j7-button {
  min-height: 2.5rem;
  padding: .55rem .8rem;
}

.staff-premises-index > .j7-input { width: 100%; margin-bottom: var(--j7-space-3); }
.staff-premises-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-3); }
.staff-premises-directory__item { min-height: 7.5rem; text-align: left; }
.staff-premises-directory__item[aria-current="true"] { border-color: var(--j7-colour-brand); box-shadow: 0 0 0 2px color-mix(in srgb, var(--j7-colour-brand) 22%, transparent); }
.staff-premises-workspace__identity,
.staff-premises-bar__identity { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(15rem, .7fr); gap: var(--j7-space-5); align-items: start; }
.staff-premises-workspace__identity h3,
.staff-premises-workspace__identity p,
.staff-premises-bar__identity h3,
.staff-premises-bar__identity p { margin-top: 0; }
.staff-premises-workspace__identity .j7-data-list { margin: 0; }
.staff-premises-workspace__panel { margin-top: var(--j7-space-5); padding-top: var(--j7-space-4); border-top: 1px solid var(--j7-colour-line); }
.staff-premises-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--j7-space-3); }
.staff-premises-overview-card { display: grid; align-content: start; gap: var(--j7-space-2); min-width: 0; padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-top: .25rem solid var(--j7-colour-brand); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); }
.staff-premises-overview-card h5,
.staff-premises-overview-card p { margin: 0; }
.staff-premises-overview-card .j7-button { justify-self: start; margin-top: auto; }
.staff-premises-bar { margin-block: var(--j7-space-3) var(--j7-space-4); border-left: .25rem solid var(--j7-colour-brand); }
.staff-premises-bar__identity > div:last-child { display: grid; justify-items: end; gap: var(--j7-space-1); text-align: right; }
.staff-premises-bar__identity span { color: var(--j7-colour-muted); }

.staff-fra-initiation { width: min(62rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow: auto; }
.staff-fra-initiation__form { display: grid; min-height: 34rem; }
.staff-fra-initiation__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--j7-colour-line); background: #f6f7f4; }
.staff-fra-initiation__steps button { display: flex; align-items: center; justify-content: center; gap: var(--j7-space-2); min-height: 3.75rem; padding: var(--j7-space-3); border: 0; border-bottom: .25rem solid transparent; background: transparent; color: var(--j7-colour-muted); font: inherit; font-weight: 800; }
.staff-fra-initiation__steps button span { display: grid; place-items: center; width: 1.65rem; height: 1.65rem; border: 1px solid currentColor; border-radius: 50%; font-size: var(--j7-font-size-sm); }
.staff-fra-initiation__steps button[aria-current="step"] { border-bottom-color: var(--j7-colour-brand); color: var(--j7-colour-ink); }
.staff-fra-initiation__steps button[data-complete="true"] { color: var(--j7-colour-success); }
.staff-fra-initiation__body { min-height: 25rem; }
.staff-fra-initiation__body > section { animation: staff-fra-step-in .16s ease-out; }
.staff-fra-initiation__body textarea { resize: vertical; }
.staff-fra-initiation__actions { display: flex; align-items: center; gap: var(--j7-space-3); padding: var(--j7-space-4) var(--j7-space-5); border-top: 1px solid var(--j7-colour-line); background: #f9faf8; }
.staff-fra-initiation__spacer { flex: 1; }
.staff-fra-initiation__review { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-3); margin-bottom: var(--j7-space-4); }
.staff-fra-initiation__review > div { min-width: 0; padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-sm); background: var(--j7-colour-surface); }
.staff-fra-initiation__review .staff-fra-initiation__review-wide { grid-column: 1 / -1; }
.staff-fra-initiation__review dt { margin-bottom: .25rem; color: var(--j7-colour-muted); font-size: var(--j7-font-size-sm); font-weight: 800; }
.staff-fra-initiation__review dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.staff-workflow-message { min-height: 1.5rem; margin-top: var(--j7-space-3); font-weight: 700; }
@keyframes staff-fra-step-in { from { opacity: .45; transform: translateY(.2rem); } to { opacity: 1; transform: translateY(0); } }

.staff-fra-workspace__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--j7-space-4); padding: 0 var(--j7-space-5) var(--j7-space-5); align-items: start; }
.staff-fra-workspace__register { margin: 0; }
.staff-fra-workspace.is-selected .staff-fra-workspace__register { display: none; }
.staff-fra-workspace__detail { margin: 0; min-width: 0; border-left: .25rem solid var(--j7-colour-brand); }
.staff-fra-workspace__back { margin-bottom: var(--j7-space-4); }
.staff-fra-workspace__identity { display: flex; justify-content: space-between; gap: var(--j7-space-4); padding-bottom: var(--j7-space-4); border-bottom: 1px solid var(--j7-colour-line); }
.staff-fra-workspace__identity h3,
.staff-fra-workspace__identity p { margin-top: 0; }
.staff-fra-workspace__identity > div:last-child { display: grid; align-content: start; gap: var(--j7-space-1); text-align: right; }
.staff-fra-workspace__stages { display: grid; gap: 0; margin: var(--j7-space-4) 0; padding: 0; list-style: none; counter-reset: fra-stage; }
.staff-fra-workspace__stage { position: relative; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--j7-space-3); min-height: 4.5rem; padding: 0 0 var(--j7-space-3); counter-increment: fra-stage; }
.staff-fra-workspace__stage::before { content: counter(fra-stage); display: grid; place-items: center; width: 2rem; height: 2rem; border: 2px solid var(--j7-colour-line); border-radius: 50%; background: var(--j7-colour-surface); color: var(--j7-colour-muted); font-size: var(--j7-font-size-sm); font-weight: 900; z-index: 1; }
.staff-fra-workspace__stage::after { content: ""; position: absolute; top: 2rem; bottom: 0; left: .96rem; width: 2px; background: var(--j7-colour-line); }
.staff-fra-workspace__stage:last-child::after { display: none; }
.staff-fra-workspace__stage[data-state="COMPLETE"]::before { border-color: var(--j7-colour-success); background: var(--j7-colour-success); color: #fff; }
.staff-fra-workspace__stage[data-state="CURRENT"]::before,
.staff-fra-workspace__stage[data-state="READY"]::before { border-color: var(--j7-colour-brand); color: var(--j7-colour-brand); }
.staff-fra-workspace__stage[data-state="BLOCKED"]::before { border-color: var(--j7-colour-error); color: var(--j7-colour-error); }
.staff-fra-workspace__stage h4 { margin: 0 0 .15rem; font-size: 1rem; }
.staff-fra-workspace__stage p { margin: 0; color: var(--j7-colour-muted); }
.staff-fra-workspace__controls { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); padding-top: var(--j7-space-3); border-top: 1px solid var(--j7-colour-line); }
.staff-fra-workspace__form { display: grid; gap: var(--j7-space-3); margin-top: var(--j7-space-4); padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: #f8f9f6; }
.staff-fra-workspace__form p { margin: 0; }
.staff-fra-capture__launcher { display: flex; align-items: center; justify-content: space-between; gap: var(--j7-space-4); margin-top: var(--j7-space-4); padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-left: .25rem solid var(--j7-colour-brand); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); }
.staff-fra-capture__launcher h4,
.staff-fra-capture__launcher p { margin: 0; }
.staff-fra-capture { display: grid; gap: var(--j7-space-4); margin-top: var(--j7-space-5); padding-top: var(--j7-space-5); border-top: .25rem solid var(--j7-colour-brand); }
.staff-fra-capture__heading { display: flex; align-items: start; justify-content: space-between; gap: var(--j7-space-4); }
.staff-fra-capture__heading h4,
.staff-fra-capture__heading p { margin: 0; }
.staff-fra-capture__heading > div:last-child { display: grid; justify-items: end; gap: var(--j7-space-2); }
.staff-fra-capture__qa { padding: var(--j7-space-4); border-left: .25rem solid var(--j7-colour-warning); background: #fff9ec; }
.staff-fra-capture__qa p,
.staff-fra-capture__qa ul { margin-bottom: 0; }
.staff-fra-capture > details,
.staff-fra-capture__section { border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); }
.staff-fra-capture summary { padding: var(--j7-space-3) var(--j7-space-4); cursor: pointer; font-weight: 900; }
.staff-fra-capture > details[open] > summary,
.staff-fra-capture__section[open] > summary { border-bottom: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface-muted); }
.staff-fra-capture__grid,
.staff-fra-capture__consideration-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-3); padding: var(--j7-space-4); }
.staff-fra-capture__wide,
.staff-fra-capture__full { grid-column: 1 / -1; }
.staff-fra-capture__rows { display: grid; gap: var(--j7-space-3); padding: var(--j7-space-4); }
.staff-fra-capture > details > .secondary-button { margin: 0 var(--j7-space-4) var(--j7-space-4); }
.staff-fra-capture__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-3); padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-sm); background: #fbfcfa; }
.staff-fra-capture__row > .text-button { justify-self: start; }
.staff-fra-capture__field-map { display: grid; gap: var(--j7-space-3); }
.staff-fra-capture__field-map h4,
.staff-fra-capture__field-map p { margin: 0; }
.staff-fra-capture__section + .staff-fra-capture__section { margin-top: var(--j7-space-2); }
.staff-fra-capture__section summary { display: flex; justify-content: space-between; gap: var(--j7-space-3); }
.staff-fra-capture__consideration { padding: var(--j7-space-4); border-bottom: 1px solid var(--j7-colour-line); }
.staff-fra-capture__consideration:last-child { border-bottom: 0; }
.staff-fra-capture__consideration header { display: grid; grid-template-columns: minmax(5rem, .25fr) minmax(0, 1.75fr); gap: var(--j7-space-3); }
.staff-fra-capture__consideration p { margin-bottom: .35rem; }
.staff-fra-capture__consideration small { color: var(--j7-colour-muted); }
.staff-fra-capture__consideration-grid { padding-inline: 0; padding-bottom: 0; }
.staff-fra-capture__footer { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--j7-space-4); padding: var(--j7-space-3) var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-bottom: .25rem solid var(--j7-colour-brand); background: rgba(255, 255, 255, .97); box-shadow: 0 -.35rem 1rem rgba(18, 29, 33, .08); z-index: 2; }
.staff-fra-capture__footer > div { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); }
.staff-fra-capture__footer .staff-workflow-message { margin: 0; }
.staff-fra-workspace__integrity { margin-top: var(--j7-space-4); padding: var(--j7-space-4); border: 1px solid #efc4c4; border-left: .25rem solid var(--j7-colour-error); border-radius: var(--j7-radius-md); background: #fff6f6; }
.staff-fra-workspace__integrity p,
.staff-fra-workspace__integrity ul { margin-bottom: 0; }
.staff-fra-assessment__launcher { display: flex; align-items: center; justify-content: space-between; gap: var(--j7-space-4); margin-top: var(--j7-space-4); padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-left: .25rem solid var(--j7-colour-brand); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); }
.staff-fra-assessment__launcher h4,
.staff-fra-assessment__launcher p { margin: 0; }
.staff-fra-assessment { display: grid; gap: var(--j7-space-4); margin-top: var(--j7-space-5); padding-top: var(--j7-space-5); border-top: .25rem solid var(--j7-colour-brand); }
.staff-fra-assessment__heading { display: flex; align-items: start; justify-content: space-between; gap: var(--j7-space-4); }
.staff-fra-assessment__heading h4,
.staff-fra-assessment__heading p { margin: 0; }
.staff-fra-assessment__heading > div:last-child { display: grid; justify-items: end; gap: var(--j7-space-2); }
.staff-fra-assessment__register { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-4); }
.staff-fra-assessment__register > section { min-width: 0; padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface-muted); }
.staff-fra-assessment__register h5 { margin-top: 0; }
.staff-fra-assessment__register article { padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-sm); background: var(--j7-colour-surface); }
.staff-fra-assessment__register article + article { margin-top: var(--j7-space-2); }
.staff-fra-assessment__register article > div { display: flex; justify-content: space-between; gap: var(--j7-space-2); }
.staff-fra-assessment__register article p { margin-block: var(--j7-space-2); white-space: pre-wrap; }
.staff-fra-assessment__register article small { display: block; color: var(--j7-colour-muted); white-space: pre-wrap; }
.staff-fra-assessment__register article ul { margin-bottom: 0; padding-left: 1.2rem; }
.staff-fra-assessment__register article li span { display: block; color: var(--j7-colour-muted); }
.staff-fra-assessment__forms { display: grid; gap: var(--j7-space-3); }
.staff-fra-assessment__forms details { border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); }
.staff-fra-assessment__forms summary { padding: var(--j7-space-3) var(--j7-space-4); cursor: pointer; font-weight: 900; }
.staff-fra-assessment__forms details[open] summary { border-bottom: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface-muted); }
.staff-fra-assessment__forms form { padding: var(--j7-space-4); }
.staff-fra-assessment__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-3); }
.staff-fra-assessment__wide,
.staff-fra-assessment__full { grid-column: 1 / -1; }
.staff-fra-report__launcher { display: flex; align-items: center; justify-content: space-between; gap: var(--j7-space-4); margin-top: var(--j7-space-4); padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-left: .25rem solid var(--j7-colour-brand); border-radius: var(--j7-radius-md); background: var(--j7-colour-surface); }
.staff-fra-report__launcher h4,
.staff-fra-report__launcher p { margin: 0; }
.staff-fra-report { display: grid; gap: var(--j7-space-4); margin-top: var(--j7-space-5); padding-top: var(--j7-space-5); border-top: .25rem solid var(--j7-colour-brand); }
.staff-fra-report:focus { outline: 3px solid color-mix(in srgb, var(--j7-colour-brand) 35%, transparent); outline-offset: .25rem; }
.staff-fra-report__heading { display: flex; align-items: start; justify-content: space-between; gap: var(--j7-space-4); }
.staff-fra-report__heading h4,
.staff-fra-report__heading p { margin: 0; }
.staff-fra-report__heading > div:last-child { display: grid; justify-items: end; gap: var(--j7-space-2); }
.staff-fra-report__summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--j7-space-3); }
.staff-fra-report__summary > div { display: grid; align-content: start; gap: .25rem; min-width: 0; padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-sm); background: var(--j7-colour-surface-muted); }
.staff-fra-report__summary span,
.staff-fra-report__summary small { color: var(--j7-colour-muted); }
.staff-fra-report__summary strong,
.staff-fra-report__summary small { overflow-wrap: anywhere; }
.staff-fra-report__summary .staff-fra-report__document { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.staff-fra-report__document > span,
.staff-fra-report__document > strong,
.staff-fra-report__document > small { grid-column: 1; }
.staff-fra-report__document > a { grid-column: 2; grid-row: 1 / span 3; }
.staff-fra-report__form { display: grid; gap: var(--j7-space-3); padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: #f8f9f6; }
.staff-fra-report__form h5,
.staff-fra-report__form p { margin: 0; }
.staff-fra-report__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--j7-space-3); }
.staff-fra-report__wide { grid-column: 1 / -1; }
.staff-fra-report__controls { display: grid; gap: var(--j7-space-3); max-height: 42rem; padding: var(--j7-space-3); overflow: auto; border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-sm); background: var(--j7-colour-surface); }
.staff-fra-report__controls .j7-field { padding-bottom: var(--j7-space-3); border-bottom: 1px solid var(--j7-colour-line); }
.staff-fra-report__controls .j7-field:last-child { padding-bottom: 0; border-bottom: 0; }
.staff-fra-report__hold,
.staff-fra-report__issued { padding: var(--j7-space-4); border: 1px solid var(--j7-colour-line); border-left: .25rem solid var(--j7-colour-warning); border-radius: var(--j7-radius-md); background: #fff9ec; }
.staff-fra-report__issued { border-left-color: var(--j7-colour-success); background: #f2fbf5; }
.staff-fra-report__hold p,
.staff-fra-report__issued p { margin-bottom: 0; }

.staff-production-reconciliation {
  display: grid;
  gap: var(--j7-space-4);
  margin-top: var(--j7-space-5);
  padding-top: var(--j7-space-5);
  border-top: .25rem solid var(--j7-colour-brand);
}
.staff-production-reconciliation > .section-head { align-items: start; }
.staff-production-reconciliation > .section-head h3,
.staff-production-reconciliation > .section-head p { margin-top: 0; }
.staff-reconciliation-control-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--j7-space-4);
}
.staff-reconciliation-form {
  display: grid;
  gap: var(--j7-space-3);
  padding: var(--j7-space-4);
  border: 1px solid var(--j7-colour-line);
  border-left: .25rem solid var(--j7-colour-brand);
  border-radius: var(--j7-radius-md);
  background: var(--j7-colour-surface-muted);
}
.staff-reconciliation-form[hidden] { display: none; }
.staff-reconciliation-form h4,
.staff-reconciliation-form p { margin: 0; }
.staff-reconciliation-form label:not(.checkbox-row) { display: grid; gap: var(--j7-space-2); font-weight: 800; }
.staff-reconciliation-form input,
.staff-reconciliation-form select,
.staff-reconciliation-form textarea,
.staff-reconciliation-filter input,
.staff-reconciliation-filter select {
  width: 100%;
  min-height: 2.75rem;
  padding: .65rem .75rem;
  border: 1px solid var(--j7-colour-line-strong);
  border-radius: var(--j7-radius-sm);
  background: var(--j7-colour-surface);
  color: var(--j7-colour-ink);
  font: inherit;
}
.staff-reconciliation-form textarea { resize: vertical; }
.staff-reconciliation-form input:focus-visible,
.staff-reconciliation-form select:focus-visible,
.staff-reconciliation-form textarea:focus-visible,
.staff-reconciliation-filter input:focus-visible,
.staff-reconciliation-filter select:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--j7-colour-brand) 32%, transparent);
  outline-offset: 2px;
  border-color: var(--j7-colour-brand);
}
.staff-reconciliation-filter {
  display: grid;
  grid-template-columns: minmax(12rem, .8fr) minmax(14rem, 1.2fr) auto;
  gap: var(--j7-space-3);
  align-items: end;
  padding: var(--j7-space-3);
  border: 1px solid var(--j7-colour-line);
  border-radius: var(--j7-radius-md);
  background: #f8f9f6;
}
.staff-reconciliation-filter label { display: grid; gap: var(--j7-space-2); font-weight: 800; }
.staff-reconciliation-filter button { min-height: 2.75rem; }
.staff-production-reconciliation .data-table td:first-child strong,
.staff-production-reconciliation .data-table td:first-child span { display: block; }
.staff-production-reconciliation .data-table .cell-secondary { margin-top: .2rem; overflow-wrap: anywhere; }
.staff-production-reconciliation .form-actions { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); }

.staff-estate-map-card,
.staff-estate-asset,
.staff-estate-version {
  display: grid;
  gap: var(--j7-space-4);
  margin-top: var(--j7-space-4);
  padding: var(--j7-space-4);
  border: 1px solid var(--j7-colour-line);
  border-radius: var(--j7-radius-md);
  background: var(--j7-colour-surface);
}
.staff-estate-map-card > header,
.staff-estate-asset > header,
.staff-estate-version > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--j7-space-4);
}
.staff-estate-map-card h5,
.staff-estate-asset h5,
.staff-estate-version h6,
.staff-estate-map-card p,
.staff-estate-asset p,
.staff-estate-version p { margin: 0; }
.staff-estate-asset > header > div:last-child { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); justify-content: flex-end; }
.staff-estate-assets,
.staff-estate-versions,
.staff-estate-record-authoring { display: grid; gap: var(--j7-space-3); }
.staff-estate-map {
  display: grid;
  gap: var(--j7-space-3);
  border: 1px solid var(--j7-colour-line);
  border-radius: var(--j7-radius-md);
  overflow: hidden;
  background: #f8f9f6;
}
.staff-estate-map__toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--j7-space-3);
  padding: var(--j7-space-3);
  border-bottom: 1px solid var(--j7-colour-line);
  background: var(--j7-colour-surface);
}
.staff-estate-map__toolbar label { flex: 1 1 20rem; }
.staff-estate-map__zoom { display: flex; flex-wrap: wrap; gap: var(--j7-space-2); }
.staff-estate-map__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, .32fr); min-height: 28rem; }
.staff-estate-map__viewport { position: relative; min-height: 28rem; overflow: hidden; background: linear-gradient(45deg, #f2f3f0 25%, transparent 25%) 0 0/1.5rem 1.5rem, linear-gradient(-45deg, #f2f3f0 25%, transparent 25%) 0 0/1.5rem 1.5rem, #fafbf9; }
.staff-estate-map__viewport svg { display: block; width: 100%; height: 100%; min-height: 28rem; cursor: grab; touch-action: none; }
.staff-estate-map__viewport svg.is-panning { cursor: grabbing; }
.staff-estate-map__viewport svg g[hidden] { display: none; }
.staff-estate-map__viewport svg [data-feature-reference] { cursor: pointer; outline: none; }
.staff-estate-map__viewport svg [data-feature-reference] path,
.staff-estate-map__viewport svg [data-feature-reference] circle {
  stroke: var(--map-stroke);
  stroke-width: var(--map-line-width);
  vector-effect: non-scaling-stroke;
  fill: var(--map-fill);
  fill-opacity: .46;
}
.staff-estate-map__viewport svg [data-feature-reference]:focus path,
.staff-estate-map__viewport svg [data-feature-reference]:focus circle,
.staff-estate-map__viewport svg [data-feature-reference].is-selected path,
.staff-estate-map__viewport svg [data-feature-reference].is-selected circle {
  stroke: #111712;
  stroke-width: calc(var(--map-line-width) + 3);
  fill-opacity: .78;
}
.staff-estate-map__aside { display: grid; align-content: start; gap: var(--j7-space-3); max-height: 34rem; overflow: auto; padding: var(--j7-space-3); border-left: 1px solid var(--j7-colour-line); background: var(--j7-colour-surface); }
.staff-estate-map__aside fieldset { display: grid; gap: var(--j7-space-2); margin: 0; padding: 0 0 var(--j7-space-3); border: 0; border-bottom: 1px solid var(--j7-colour-line); }
.staff-estate-map__aside fieldset label { display: flex; align-items: center; gap: var(--j7-space-2); font-weight: 700; }
.staff-estate-map__features { display: grid; gap: var(--j7-space-2); margin: 0; padding: 0; list-style: none; }
.staff-estate-map__features button { display: grid; width: 100%; gap: .2rem; padding: .65rem .75rem; border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-sm); background: #fff; color: var(--j7-colour-ink); text-align: left; font: inherit; cursor: pointer; }
.staff-estate-map__features button:hover,
.staff-estate-map__features button:focus-visible { border-color: var(--j7-colour-brand); outline: 3px solid color-mix(in srgb, var(--j7-colour-brand) 22%, transparent); }
.staff-estate-map__features button span { color: var(--j7-colour-ink-muted); font-size: .82rem; }
.staff-estate-authoring { margin-top: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-md); background: #f8f9f6; }
.staff-estate-authoring > summary { padding: var(--j7-space-3); font-weight: 850; cursor: pointer; }
.staff-estate-authoring[open] > summary { border-bottom: 1px solid var(--j7-colour-line); }
.staff-estate-authoring > form { padding: var(--j7-space-4); }
.staff-estate-authoring--compact { font-size: .94rem; }
.staff-estate-confirmation { display: flex; gap: var(--j7-space-2); align-items: flex-start; padding: var(--j7-space-3); border-left: .25rem solid var(--j7-colour-brand); background: #fff; font-weight: 750; }
.staff-estate-confirmation input { margin-top: .2rem; }
.staff-estate-inline-action { display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(20rem, 1.2fr) auto; align-items: end; gap: var(--j7-space-3); padding: var(--j7-space-3); border: 1px solid var(--j7-colour-line); border-radius: var(--j7-radius-sm); background: #f8f9f6; }
.staff-estate-inline-action [role="status"] { grid-column: 1 / -1; margin: 0; }

@media (max-width: 64rem) {
  .staff-premises-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-fra-workspace__layout { grid-template-columns: 1fr; }
  .staff-fra-capture__footer { position: static; }
  .staff-reconciliation-control-actions { grid-template-columns: 1fr; }
  .staff-estate-map__layout { grid-template-columns: 1fr; }
  .staff-estate-map__aside { border-left: 0; border-top: 1px solid var(--j7-colour-line); }
  .staff-estate-inline-action { grid-template-columns: 1fr; }
  .staff-estate-inline-action [role="status"] { grid-column: auto; }
}

@media (max-width: 40rem) {
  .staff-task-focus { display: grid; }
  .staff-premises-directory,
  .staff-premises-overview-grid,
  .staff-premises-workspace__identity,
  .staff-premises-bar__identity { grid-template-columns: 1fr; }
  .staff-premises-bar__identity > div:last-child { justify-items: start; text-align: left; }
  .staff-premises-navigation { flex-wrap: nowrap; overflow-x: auto; padding-bottom: var(--j7-space-2); }
  .staff-premises-navigation .j7-button { flex: 0 0 auto; }
  .staff-fra-initiation { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); }
  .staff-fra-initiation__steps button { display: grid; gap: .15rem; padding-inline: .25rem; font-size: .75rem; }
  .staff-fra-initiation__steps button span { margin-inline: auto; }
  .staff-fra-initiation__review { grid-template-columns: 1fr; }
  .staff-fra-initiation__review .staff-fra-initiation__review-wide { grid-column: auto; }
  .staff-fra-initiation__actions { flex-wrap: wrap; }
  .staff-fra-workspace__layout { padding-inline: var(--j7-space-3); }
  .staff-fra-workspace__identity { display: grid; }
  .staff-fra-workspace__identity > div:last-child { text-align: left; }
  .staff-fra-capture__launcher,
  .staff-fra-assessment__launcher,
  .staff-fra-report__launcher,
  .staff-fra-capture__heading,
  .staff-fra-assessment__heading,
  .staff-fra-report__heading,
  .staff-fra-capture__footer { display: grid; }
  .staff-fra-capture__heading > div:last-child { justify-items: start; }
  .staff-fra-assessment__heading > div:last-child { justify-items: start; }
  .staff-fra-report__heading > div:last-child { justify-items: start; }
  .staff-fra-assessment__register,
  .staff-fra-assessment__grid,
  .staff-fra-report__summary,
  .staff-fra-report__grid,
  .staff-fra-capture__grid,
  .staff-fra-capture__row,
  .staff-fra-capture__consideration-grid,
  .staff-fra-capture__consideration header { grid-template-columns: 1fr; }
  .staff-fra-capture__wide,
  .staff-fra-capture__full,
  .staff-fra-assessment__wide,
  .staff-fra-assessment__full,
  .staff-fra-report__wide { grid-column: auto; }
  .staff-fra-report__summary .staff-fra-report__document { grid-column: auto; grid-template-columns: 1fr; }
  .staff-fra-report__document > a { grid-column: 1; grid-row: auto; justify-self: start; }
  .staff-fra-capture__footer > div { display: grid; }
  .staff-reconciliation-filter { grid-template-columns: 1fr; }
  .staff-production-reconciliation > .section-head { display: grid; }
  .staff-production-reconciliation > .section-head button { justify-self: start; }
  .staff-estate-map-card > header,
  .staff-estate-asset > header,
  .staff-estate-version > header,
  .staff-estate-map__toolbar { display: grid; }
  .staff-estate-map__zoom { align-items: stretch; }
  .staff-estate-map__zoom .j7-button { flex: 1 1 auto; }
}

@media (max-width: 22rem) {
  .staff-fra-workspace__layout,
  .staff-fra-capture__grid,
  .staff-fra-capture__rows,
  .staff-fra-capture__consideration,
  .staff-fra-capture__footer { padding-inline: var(--j7-space-2); }
  .staff-fra-capture .j7-button,
  .staff-fra-capture .secondary-button,
  .staff-fra-assessment .j7-button,
  .staff-fra-assessment .secondary-button,
  .staff-fra-report .j7-button,
  .staff-fra-report .secondary-button { width: 100%; }
}
.staff-administration-register__group {
  margin-top: 1.25rem;
}

.staff-administration-register__group > h3 {
  margin: 0 0 0.65rem;
}


/* The owner's compact grouped search, over the existing staff workspace. */
body.staff-search-open { overflow: hidden; }
.global-search.staff-search.staff-search-trigger { display: flex; align-items: center; gap: 10px; width: min(100%, 610px); height: 38px; min-width: 0; padding: 0 12px; border: 1px solid #d8dde0; border-radius: 8px; color: #697178; background: #f9fafb; text-align: left; font: inherit; cursor: pointer; }
.staff-search-trigger > span:nth-child(2) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.staff-search-trigger .key-hint { position: static; margin-left: auto; flex: 0 0 auto; }
.staff-search-trigger .search-icon { position: static; flex: 0 0 auto; }
.staff-search-dialog { box-sizing: border-box; width: min(760px, calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 100px); margin: 72px auto auto; padding: 0; overflow: hidden; border: 1px solid #dce0e3; border-radius: 14px; color: #242a2f; background: #fff; box-shadow: 0 24px 80px #0005; font-family: inherit; }
.staff-search-dialog:not([open]) { display: none; }
.staff-search-dialog[open] { display: flex; flex-direction: column; }
.staff-search-dialog::backdrop { background: rgb(15 17 19 / 66%); backdrop-filter: blur(3px); }
.staff-search-dialog * { box-sizing: border-box; }
.staff-search-dialog__input { display: flex; align-items: center; gap: 10px; padding: 14px; border-bottom: 1px solid #e1e4e6; }
.staff-search-dialog__input input { min-width: 0; width: 100%; height: 48px; padding: 0 14px; border: 1px solid #dce0e3; border-radius: 8px; background: #f8f9fa; font: inherit; font-size: 14px; line-height: 1.4; color: inherit; }
.staff-search-dialog__input button { flex: 0 0 34px; height: 34px; border: 1px solid #dce0e3; border-radius: 7px; background: #fff; color: #384149; font-size: 23px; cursor: pointer; }
.staff-search-dialog__results { min-height: 0; max-height: 440px; overflow: auto; padding: 8px; overscroll-behavior: contain; }
.staff-search-group-title { position: sticky; top: -8px; z-index: 1; margin: 0; padding: 11px 10px 6px; color: #6b747b; background: #fff; font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.staff-search-group-state { margin: 0; padding: 8px 10px 16px; color: #737b82; font-size: 12px; }
.staff-search-dialog .staff-search-result { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 11px; width: 100%; padding: 10px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.staff-search-dialog .staff-search-result[aria-selected="true"], .staff-search-dialog .staff-search-result:hover { background: #f1f3f5; }
.staff-search-result__icon { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #e2e5e8; border-radius: 7px; background: #f0f2f4; color: #a32739; font-size: 12px; font-weight: 700; }
.staff-search-result__copy { display: grid; min-width: 0; gap: 3px; }
.staff-search-dialog .staff-search-result strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #262d33; font-size: 13px; font-weight: 600; }
.staff-search-result__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #737b82; font-size: 11px; }
.staff-search-result__type { color: #737b82; font-size: 10px; }
.staff-search-dialog__footer { display: flex; justify-content: space-between; gap: 12px; padding: 12px 18px; border-top: 1px solid #e4e7e9; color: #737b82; font-size: 11px; }
.staff-search-dialog :focus-visible, .staff-search-trigger:focus-visible { outline: 3px solid #ef7d00; outline-offset: 2px; }
.staff-document-preview-status { margin: 0; padding: 0 24px; color: #555f67; font-size: 13px; }
.staff-document-preview-status:not(:empty) { padding-block: 12px; }
@media (max-width: 600px) {
  .staff-search-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 32px); margin-top: 16px; border-radius: 10px; }
  .staff-search-dialog__input { padding: 10px; }
  .staff-search-dialog .staff-search-result { grid-template-columns: 28px minmax(0,1fr); gap: 8px; padding: 9px 7px; }
  .staff-search-result__type { display: none; }
  .staff-search-result__icon { width: 28px; height: 28px; }
  .staff-search-dialog__footer { padding: 10px 12px; font-size: 10px; }
}
/* Source-backed geographic authoring within the existing premises workspace. */
.staff-location-editor { min-width: 0; }
.staff-location-editor .staff-section-heading { align-items: start; gap: 20px; }
.staff-location-editor .staff-section-heading p { max-width: 78ch; }
.staff-location-status { margin: 0 0 18px; padding: 12px 16px; background: #f4f6f7; border-left: 3px solid #76858a; font-size: 14px; }
.staff-location-status.is-error { background: #fff3f4; border-color: #b12342; color: #86182f; }
.staff-location-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(310px, 1fr); gap: 24px; align-items: start; }
.staff-location-map-panel { position: sticky; top: 20px; min-width: 0; border: 1px solid #dbe1e4; border-radius: 8px; overflow: hidden; background: #fff; }
.staff-location-map-tools { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; border-bottom: 1px solid #dbe1e4; align-items: center; }
.staff-location-map-tools .j7-button { font-size: 13px; padding: 8px 10px; }
.staff-location-map-tools span { width: 100%; color: #5c6872; font-size: 12px; }
.staff-location-map { position: relative; height: 420px; width: 100%; background: #e8edef; }
.staff-location-map .maplibregl-canvas { position: absolute; }
.staff-location-map-message, .staff-location-map-note { margin: 0; padding: 12px 14px; font-size: 12px; line-height: 1.55; color: #56626c; }
.staff-location-map-message { border-top: 1px solid #dbe1e4; }
.staff-location-map-note { background: #f6f8f9; }
.staff-location-point { width: 22px; height: 22px; display: block; border-radius: 50%; border: 3px solid white; box-shadow: 0 0 0 2px #344650, 0 2px 8px #20303c55; background: #a76515; }
.staff-location-point.is-verified { background: #28754c; }
.staff-location-point.is-draft { background: #c4254b; box-shadow: 0 0 0 2px #c4254b, 0 2px 8px #20303c55; }
.staff-location-record { min-width: 0; }
.staff-location-position { padding: 16px; margin-bottom: 20px; border: 1px solid #dbe1e4; border-radius: 8px; background: #f8f9fa; }
.staff-location-position p { margin: 10px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.staff-location-badge { display: inline-flex; padding: 5px 8px; background: #fff1d9; color: #845114; border-radius: 5px; font-size: 12px; font-weight: 700; }
.staff-location-badge.is-verified { background: #e7f3ec; color: #22613f; }
.staff-location-editor fieldset { display: grid; gap: 14px; border: 0; padding: 0; margin: 0; min-width: 0; }
.staff-location-editor legend { padding: 0; margin-bottom: 15px; font-size: 17px; font-weight: 750; }
.staff-location-editor label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; font-weight: 650; min-width: 0; }
.staff-location-editor label span { color: #66727b; font-weight: 400; }
.staff-location-editor input:not([type=checkbox]), .staff-location-editor select, .staff-location-editor textarea { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid #aebbc3; border-radius: 6px; padding: 10px 11px; background: #fff; color: #23343f; font: inherit; font-size: 14px; }
.staff-location-editor textarea { resize: vertical; line-height: 1.5; }
.staff-location-editor fieldset:disabled { opacity: .6; }
.staff-location-editor fieldset > .j7-button { justify-self: start; }
.staff-location-coordinates { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.staff-location-help { margin: 0; color: #5c6872; font-size: 12px; line-height: 1.6; }
.staff-location-verification { margin-top: 28px; padding: 22px; border: 1px solid #dbe1e4; border-left: 3px solid #b42442; border-radius: 7px; }
.staff-location-verification p { margin: 0; overflow-wrap: anywhere; }
.staff-location-editor .staff-location-confirm { display: flex; flex-direction: row; align-items: start; line-height: 1.6; gap: 10px; }
.staff-location-confirm input { margin-top: 4px; width: 17px; height: 17px; flex-shrink: 0; }
.staff-location-history { margin-top: 24px; border-top: 1px solid #dbe1e4; padding-top: 18px; font-size: 14px; }
.staff-location-history summary { cursor: pointer; font-weight: 700; }
.staff-location-history ol { list-style: none; margin: 18px 0 0; padding: 0; }
.staff-location-history li { padding: 14px 0; border-bottom: 1px solid #e5e9eb; overflow-wrap: anywhere; }
.staff-location-history li > span { display: block; margin-top: 4px; color: #5f6d75; font-size: 12px; }
.staff-location-history li p { margin: 9px 0; }
.staff-location-reload-confirmation .j7-button { margin: 8px 8px 0 0; }
@media (max-width: 1100px) { .staff-location-grid { grid-template-columns: 1fr; } .staff-location-map-panel { position: static; } .staff-location-map { height: 380px; } }
@media (max-width: 500px) { .staff-location-editor .staff-section-heading { flex-direction: column; } .staff-location-coordinates { grid-template-columns: 1fr; } .staff-location-map { height: 310px; } .staff-location-verification { padding: 16px; } .staff-location-editor input:not([type=checkbox]), .staff-location-editor select, .staff-location-editor textarea { font-size: 16px; } }
/* The programme register extends the existing work surface. */
.staff-programme-editor { padding: 22px; }
.staff-programme-editor .panel-head { flex-wrap: wrap; }
.staff-programme-editor .table-wrap { min-width: 0; overflow-x: auto; }
.staff-programme-editor .data-table { min-width: 620px; }
.staff-programme-editor [data-programme-status] { margin: 14px 0; }
.staff-programme-editor .is-error { color: #a60023; }
.staff-programme-editor [data-programme-detail] { margin-top: 24px; border-top: 1px solid #d9dee5; padding-top: 22px; }
.staff-programme-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; min-width: 0; border: 0; padding: 16px 0; }
.staff-programme-fields legend { font-weight: 650; }
.staff-programme-fields label, .staff-programme-fields input, .staff-programme-fields textarea, .staff-programme-fields select { min-width: 0; }
.staff-programme-fields .staff-form-grid__wide { grid-column: 1 / -1; }
.staff-programme-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; margin: 20px 0; }
.staff-programme-facts dt { color: #65707e; font-size: 13px; }
.staff-programme-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.staff-programme-history { padding: 8px 0 8px 24px; }
.staff-programme-history li { margin-bottom: 16px; }
.staff-programme-history p { margin: 4px 0; }
.staff-programme-history span { font-size: 12px; color: #65707e; }
@media (max-width: 640px) { .staff-programme-editor { padding: 14px; } .staff-programme-fields, .staff-programme-facts { grid-template-columns: minmax(0,1fr); } .staff-programme-editor .head-tools { flex-wrap: wrap; } }
.staff-area-editor{box-sizing:border-box;max-width:850px;margin:16px 0;padding:18px;border:1px solid #dedbd7;border-radius:12px;background:#fff;color:#24282b;font:400 14px/1.5 var(--j7-font-body,Arial,sans-serif)}
.staff-area-editor summary{cursor:pointer;font-size:15px;font-weight:600}
.staff-area-editor p{margin:10px 0;overflow-wrap:anywhere}
.staff-area-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:800px;margin-top:18px}
.staff-area-form[hidden]{display:none}
.staff-area-form .j7-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600}
.staff-area-form .j7-field:nth-child(3){grid-column:1/-1}
.staff-area-form .j7-input{box-sizing:border-box;width:100%;min-width:0;font:400 14px/1.5 var(--j7-font-body,Arial,sans-serif)}
.staff-area-form .staff-area-clear{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:9px;font-size:14px;font-weight:400}
.staff-area-form .staff-area-clear input{flex:0 0 16px;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;accent-color:#c8102e}
.staff-area-editor button.j7-button{display:inline-flex;width:auto;min-width:0;justify-self:start;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;font-size:13px}
.staff-area-history{margin:16px 0 0;padding:0;list-style:none}
.staff-area-history li{padding:12px 0;border-top:1px solid #e9e6e2}
.staff-area-history strong{font-size:14px;font-weight:600}
.staff-area-history p{margin:4px 0;font-size:13px;color:#62676a}
.staff-area-editor .staff-area-message{font-size:13px;color:#555c61}
@media(max-width:600px){.staff-area-editor{padding:14px}.staff-area-form{grid-template-columns:minmax(0,1fr);gap:13px}.staff-area-editor button.j7-button{min-height:44px}}
.staff-conversation-history{list-style:none;display:grid;gap:14px;padding:0;max-height:40vh;overflow:auto}.staff-conversation-history li{padding:14px;border:1px solid #dce5ec;border-radius:10px;overflow-wrap:anywhere}.staff-conversation-history time{display:block;font-size:.8rem;color:#59697a}.staff-conversation-history p{white-space:pre-wrap}.staff-conversation-entry{display:grid;gap:5px;width:100%;padding:14px;margin:8px 0;text-align:left;background:#fff;border:1px solid #dce5ec;border-radius:8px;color:inherit;overflow-wrap:anywhere}.staff-conversation-inbox nav{display:flex;gap:12px;justify-content:space-between}.staff-conversation-inbox .modal-body,.staff-client-request-review .modal-body{min-width:0;overflow:auto}.staff-conversation-inbox .modal-head{flex-wrap:wrap}#staff-issued-programme{padding:22px}#staff-issued-programme>.j7-field{max-width:560px}.staff-conversation form textarea{min-width:0;max-width:100%}
/* Issued evidence and held native review remain separate, readable work areas. */
.staff-sourced-review{width:min(1240px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:94dvh;overflow:hidden}
.staff-sourced-review .modal-body{overflow:auto;min-height:0;max-height:calc(94dvh - 150px)}
.staff-source-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:20px}
.staff-source-layout>*{min-width:0}.staff-source-layout .staff-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.staff-source-layout input,.staff-source-layout textarea,.staff-source-layout select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.staff-source-pages nav{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.staff-source-pages nav label{flex:1;min-width:100px}.staff-source-pages nav button{flex:0 1 auto}
.staff-source-pages pre{font:inherit;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60dvh;overflow:auto;background:#f4f7fa;border:1px solid #dbe3ec;border-radius:8px;padding:16px}
.staff-source-hash,.staff-source-layout p{overflow-wrap:anywhere}.staff-source-layout details{margin:14px 0}.staff-source-layout article{padding:10px 0;border-bottom:1px solid #dbe3ec}
@media(max-width:760px){.staff-sourced-review{width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:98dvh;margin:1dvh 6px;padding:0}.staff-sourced-review .modal-head,.staff-sourced-review .modal-body{padding:16px}.staff-sourced-review .modal-body{max-height:calc(98dvh - 145px)}.staff-source-layout{grid-template-columns:minmax(0,1fr)}.staff-source-pages pre{max-height:42dvh}}
.staff-recovery-request { padding: 1rem 0; border-bottom: 1px solid var(--j7-border, #dedbd7); }
#staff-recovery-requests p, #staff-recovery-requests h4 { overflow-wrap: anywhere; }
.staff-recovery-request h4, .staff-recovery-request p { margin: 0 0 .5rem; overflow-wrap: anywhere; }
#staff-recovery-requests fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
#staff-recovery-requests legend { margin-bottom: 1rem; font-weight: 600; }
#staff-recovery-requests .staff-account-card__actions { flex-wrap: wrap; }