/* The Lettings Collection workspace navigation — build 20260810.4 */
.adm-nav .adm-more {
  position: relative;
}

.adm-nav .adm-menu {
  z-index: 1000;
  border: 1px solid rgba(39, 48, 34, .16) !important;
  border-radius: 16px !important;
  background: #fbfaf6 !important;
  box-shadow: 0 28px 80px rgba(11, 16, 10, .28) !important;
  color: #182015 !important;
  isolation: isolate;
  overflow: hidden;
}

.adm-nav .adm-menu a,
.adm-nav .adm-menu a:link,
.adm-nav .adm-menu a:visited {
  min-height: 48px;
  padding: 14px 17px !important;
  background: transparent !important;
  color: #273022 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

.adm-nav .adm-menu a strong,
.adm-nav .adm-menu a span,
.adm-nav .adm-menu a b {
  color: inherit !important;
}

.adm-nav .adm-menu a small {
  color: #657061 !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

.adm-nav .adm-menu a:hover,
.adm-nav .adm-menu a:focus-visible {
  background: #e8eee4 !important;
  color: #182015 !important;
  outline: none;
}

.adm-nav .adm-menu a.on,
.adm-nav .adm-menu a.on:hover,
.adm-nav .adm-menu a.on:focus-visible {
  background: #5f6b56 !important;
  color: #fff !important;
}

.adm-nav .adm-menu a.on small {
  color: rgba(255, 255, 255, .78) !important;
}

.adm-nav .adm-menu a:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(75, 101, 63, .52);
}

@media (max-width: 1000px) {
  .adm-nav .adm-menu {
    background: #fbfaf6 !important;
  }
}

/* ======================================================================
   WORKSPACE EXPERIENCE 2027.1
   Final interaction and presentation layer for registration, application,
   activation, legal agreements, money connections and role workspaces.
   ====================================================================== */

:root {
  --wx-ink: #151813;
  --wx-muted: #626960;
  --wx-soft: #eef1ea;
  --wx-canvas: #f5f5f0;
  --wx-paper: #fffefb;
  --wx-accent: #52634d;
  --wx-accent-dark: #2f3a2b;
  --wx-accent-pale: #e4e9df;
  --wx-line: rgba(37, 44, 34, .12);
  --wx-line-strong: rgba(37, 44, 34, .22);
  --wx-warn: #a16a3f;
  --wx-danger: #a84f43;
  --wx-success: #597252;
  --wx-radius-sm: 12px;
  --wx-radius: 18px;
  --wx-radius-lg: 26px;
  --wx-shadow-sm: 0 8px 24px rgba(25, 31, 23, .055);
  --wx-shadow: 0 24px 70px rgba(25, 31, 23, .085);
  --wx-shadow-strong: 0 36px 90px rgba(18, 23, 17, .15);
}

/* Global product behaviour and accessibility. */
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav), .application-portal, .registration-shell) {
  color: var(--wx-ink);
  font-family: "Instrument Sans", var(--sans), sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav), .application-portal, .registration-shell)
  :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(74, 101, 62, .34);
  outline-offset: 3px;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav), .application-portal, .registration-shell)
  :is(button, .btn, summary, a) {
  -webkit-tap-highlight-color: transparent;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .empty-state {
  min-height: 180px;
  padding: 36px;
  border: 1px dashed var(--wx-line-strong);
  border-radius: var(--wx-radius);
  background: rgba(255, 255, 251, .52);
  color: var(--wx-muted);
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
}

/* Product shell stays available without feeling like a web-site header. */
.adm-bar {
  position: sticky !important;
  top: 0;
  z-index: 200;
  box-shadow: 0 18px 48px rgba(11, 15, 10, .15) !important;
}

.adm-top,
.adm-nav {
  max-width: none;
}

.adm-nav {
  scrollbar-width: none;
}

.adm-nav::-webkit-scrollbar {
  display: none;
}

.adm-nav > a,
.adm-more > summary {
  min-height: 40px !important;
}

.adm-nav > a.on,
.adm-more > summary.on {
  box-shadow: 0 7px 18px rgba(0, 0, 0, .14);
}

.workspace-breadcrumbs {
  background: rgba(250, 249, 245, .9);
  border-bottom-color: var(--wx-line) !important;
  backdrop-filter: blur(16px);
}

/* Management home: a clear command layer before the detailed work queue. */
.manager-command-centre {
  display: grid;
  grid-template-columns: minmax(340px, 1.35fr) repeat(3, minmax(190px, .65fr));
  gap: 12px;
  margin: 0 0 26px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(128, 151, 115, .22), transparent 38%),
    #1b2019;
  box-shadow: var(--wx-shadow-strong);
  color: #fff;
}

.manager-command-copy {
  min-height: 235px;
  padding: clamp(28px, 3vw, 44px);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .015));
}

.manager-command-copy .kicker {
  color: #b7c8ae !important;
}

.manager-command-copy h2 {
  max-width: 700px;
  margin: 19px 0 14px;
  color: #fff;
  font: 400 clamp(33px, 3.2vw, 49px)/.98 "Instrument Serif", serif;
  letter-spacing: -.035em;
}

.manager-command-copy p {
  max-width: 690px;
  margin: 0;
  color: rgba(255, 255, 255, .63);
  font-size: 13px;
  line-height: 1.72;
}

.manager-command-card {
  position: relative;
  display: flex;
  min-height: 235px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 17px;
  background: rgba(255, 255, 255, .055);
  color: #fff;
  text-decoration: none;
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.manager-command-card:hover,
.manager-command-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(213, 227, 204, .3);
  background: rgba(255, 255, 255, .09);
}

.manager-command-card > span {
  position: absolute;
  top: 21px;
  left: 21px;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 50%;
  color: rgba(255, 255, 255, .78);
  font: 400 23px/1 "Instrument Serif", serif;
}

.manager-command-card.needs-action > span {
  border-color: transparent;
  background: #b56b50;
  color: #fff;
  box-shadow: 0 0 0 7px rgba(181, 107, 80, .12);
}

.manager-command-card.is-ready > span::after {
  content: "✓";
  font-family: "Instrument Sans", sans-serif;
  font-size: 17px;
}

.manager-command-card.is-ready > span {
  color: transparent;
}

.manager-command-card strong {
  display: block;
  margin-bottom: 9px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.35;
}

.manager-command-card small {
  color: rgba(255, 255, 255, .54);
  font-size: 11px;
  line-height: 1.55;
}

/* Finance setup is a visible operational sequence, not hidden configuration. */
.integration-command-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 18px;
  border: 1px solid var(--wx-line);
  border-radius: var(--wx-radius);
  background: rgba(255, 255, 251, .76);
  box-shadow: var(--wx-shadow-sm);
  overflow: hidden;
}

.integration-command-strip > div {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 14px;
  align-content: center;
  min-height: 126px;
  padding: 23px 26px;
  border-right: 1px solid var(--wx-line);
}

.integration-command-strip > div:last-child {
  border-right: 0;
}

.integration-command-strip > div > span {
  grid-row: 1 / 3;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: var(--wx-accent-dark);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.integration-command-strip strong,
.integration-command-strip small {
  display: block;
}

.integration-command-strip strong {
  padding-top: 1px;
  font-size: 14px;
  font-weight: 650;
}

.integration-command-strip small {
  margin-top: 6px;
  color: var(--wx-muted);
  font-size: 11px;
  line-height: 1.5;
}

.integration-setup-panel {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(480px, 1.2fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: start;
  margin: 18px 0;
  padding: clamp(30px, 4vw, 50px);
  border: 1px solid rgba(161, 106, 63, .22);
  border-radius: var(--wx-radius);
  background: linear-gradient(135deg, #fffaf2, #f5f1e7);
  box-shadow: var(--wx-shadow-sm);
}

.integration-setup-panel h2 {
  margin: 12px 0 12px;
  font: 400 35px/1.04 "Instrument Serif", serif;
  letter-spacing: -.03em;
}

.integration-setup-panel p {
  margin: 0;
  color: var(--wx-muted);
  font-size: 13px;
  line-height: 1.72;
}

.integration-setup-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.integration-setup-list li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 17px;
  border: 1px solid rgba(161, 106, 63, .18);
  border-radius: 12px;
  background: rgba(255, 255, 255, .65);
}

.integration-setup-list li > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(161, 106, 63, .35);
  border-radius: 50%;
  color: #7c572f;
  font-size: 10px;
  font-weight: 700;
}

.integration-setup-list li.is-done > span {
  border-color: transparent;
  background: var(--wx-success);
  color: #fff;
}

.integration-setup-list strong,
.integration-setup-list small {
  display: block;
}

.integration-setup-list strong {
  font-size: 13px;
  font-weight: 650;
}

.integration-setup-list small {
  margin-top: 5px;
  color: var(--wx-muted);
  font-size: 11px;
  line-height: 1.55;
}

/* Role-first registration. */
.registration-shell {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(560px, 1.28fr);
  gap: clamp(42px, 7vw, 110px);
  align-items: start;
  width: min(1440px, 91vw);
  margin: 0 auto;
  padding: clamp(68px, 8vw, 120px) 0;
}

.registration-intro {
  position: sticky;
  top: 130px;
  padding: 20px 0;
}

.registration-intro::before {
  content: "01";
  display: grid;
  width: 48px;
  height: 48px;
  margin: 0 0 46px;
  place-items: center;
  border: 1px solid var(--wx-line-strong);
  border-radius: 50%;
  color: var(--wx-accent);
  font-size: 11px;
  letter-spacing: .12em;
}

.registration-intro h1 {
  max-width: 610px;
  margin: 18px 0 25px;
  font: 400 clamp(50px, 5.8vw, 82px)/.92 "Instrument Serif", serif;
  letter-spacing: -.045em;
}

.registration-intro p {
  max-width: 510px;
  margin: 0;
  color: var(--wx-muted);
  font-size: 16px;
  line-height: 1.75;
}

.registration-card {
  padding: clamp(28px, 4vw, 54px);
  border: 1px solid var(--wx-line);
  border-radius: var(--wx-radius-lg);
  background: rgba(255, 254, 251, .92);
  box-shadow: var(--wx-shadow);
}

.account-type-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin: 0;
  padding: 0;
  border: 0;
}

.account-type-choice legend {
  grid-column: 1 / -1;
  margin-bottom: 12px;
  color: var(--wx-accent-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.account-type-card {
  position: relative;
  display: block;
  min-height: 144px;
  padding: 23px;
  border: 1px solid var(--wx-line);
  border-radius: 15px;
  background: #fff;
  cursor: pointer;
  transition: border-color .2s, transform .2s, box-shadow .2s, background .2s;
}

.account-type-card:hover {
  transform: translateY(-2px);
  border-color: rgba(82, 99, 77, .32);
  box-shadow: var(--wx-shadow-sm);
}

.account-type-card:has(input:checked) {
  border-color: var(--wx-accent);
  background: var(--wx-accent-pale);
  box-shadow: inset 0 0 0 1px var(--wx-accent);
}

.account-type-card input {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  accent-color: var(--wx-accent-dark);
}

.account-type-card span,
.account-type-card b,
.account-type-card small {
  display: block;
}

.account-type-card b {
  max-width: calc(100% - 32px);
  margin-bottom: 10px;
  font: 400 24px/1.1 "Instrument Serif", serif;
}

.account-type-card small {
  color: var(--wx-muted);
  font-size: 12px;
  line-height: 1.55;
}

.registration-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 38px 0 24px;
  color: var(--wx-accent-dark);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.registration-divider::before,
.registration-divider::after {
  content: "";
  height: 1px;
  background: var(--wx-line);
}

.registration-divider::before {
  width: 30px;
}

.registration-divider::after {
  flex: 1;
}

.registration-section-copy {
  max-width: 740px;
  margin: -8px 0 24px;
  color: var(--wx-muted);
  font-size: 13px;
  line-height: 1.7;
}

.registration-grid {
  gap: 0 14px;
}

.registration-card .fld {
  margin-bottom: 18px;
}

.registration-card .fld label {
  display: block;
  margin: 0 0 8px;
  color: #444d40;
  font-size: 11px;
  font-weight: 700;
}

.registration-card .fld input {
  width: 100%;
  min-height: 52px;
  padding: 13px 15px;
  border: 1px solid var(--wx-line-strong);
  border-radius: 11px;
  background: #fff;
  color: var(--wx-ink);
  font-size: 15px;
}

.registration-card .fld input:focus {
  border-color: var(--wx-accent);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(82, 99, 77, .12);
}

.registration-card .fld small,
.registration-social p {
  display: block;
  margin: 7px 0 0;
  color: var(--wx-muted);
  font-size: 11px;
  line-height: 1.55;
}

.registration-consent {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  margin: 29px 0 21px;
  padding: 17px;
  border-radius: 11px;
  background: var(--wx-soft);
  color: var(--wx-muted);
  font-size: 12px;
  line-height: 1.55;
}

.registration-consent input {
  width: 17px;
  height: 17px;
  margin: 1px 0 0;
  accent-color: var(--wx-accent-dark);
}

.registration-submit {
  width: 100%;
  min-height: 53px !important;
}

.registration-social {
  margin-top: 6px;
}

.registration-card .lg-links {
  margin-top: 25px;
  text-align: center;
}

.registration-card .lg-links a {
  color: var(--wx-accent-dark);
  font-size: 12px;
  text-underline-offset: 4px;
}

/* Prospective-landlord private workspace. */
.application-portal {
  min-height: 100vh;
  background:
    radial-gradient(circle at 95% 0, rgba(192, 205, 183, .35), transparent 32rem),
    linear-gradient(180deg, #f0f2eb 0, #f8f7f3 32rem, #f3f2ec 100%);
}

.application-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 68px;
  padding: 0 4vw;
  background: rgba(23, 27, 21, .97);
  color: #fff;
  box-shadow: 0 15px 45px rgba(20, 25, 18, .13);
  backdrop-filter: blur(18px);
}

.application-topbar > a {
  color: #fff;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .15em;
  text-decoration: none;
  text-transform: uppercase;
}

.application-topbar > span {
  color: rgba(255, 255, 255, .52);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.application-topbar form {
  justify-self: end;
  margin: 0;
}

.application-topbar button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, .74);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.application-workspace {
  width: min(1480px, 92vw);
  margin: 0 auto;
  padding: clamp(45px, 6vw, 88px) 0 110px;
}

.application-hero,
.application-review-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 35px;
  margin-bottom: 28px;
  padding: clamp(34px, 4vw, 54px);
  border: 1px solid var(--wx-line);
  border-radius: var(--wx-radius-lg);
  background: rgba(255, 254, 251, .8);
  box-shadow: var(--wx-shadow);
}

.application-hero > div,
.application-review-hero > div:first-child {
  max-width: 930px;
}

.application-hero h1,
.application-review-hero h1 {
  margin: 13px 0 14px;
  font: 400 clamp(48px, 6vw, 82px)/.92 "Instrument Serif", serif;
  letter-spacing: -.045em;
}

.application-hero p,
.application-review-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--wx-muted);
  font-size: 14px;
  line-height: 1.72;
}

.application-state,
.application-review-status {
  flex: 0 0 auto;
}

.application-state {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  background: #eee8d9;
  color: #72582f;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.application-state.state-submitted,
.application-state.state-confirmed {
  background: #e2e9dd;
  color: #41543b;
}

.application-state.state-changes_requested {
  background: #f1ddd7;
  color: #87483e;
}

.application-stage-grid {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.application-stage-grid > aside {
  position: sticky;
  top: 96px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--wx-radius);
  background: #1d221b;
  box-shadow: var(--wx-shadow);
  color: #fff;
}

.application-stage-grid > aside > span {
  display: grid;
  width: 44px;
  height: 44px;
  margin-bottom: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  color: #c7d5bf;
  font-size: 10px;
  letter-spacing: .1em;
}

.application-stage-grid > aside h2 {
  margin: 0 0 12px;
  font: 400 32px/1 "Instrument Serif", serif;
}

.application-stage-grid > aside p {
  margin: 0;
  color: rgba(255, 255, 255, .58);
  font-size: 12.5px;
  line-height: 1.72;
}

.application-stage-grid > aside dl {
  display: grid;
  gap: 17px;
  margin: 30px 0 0;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.application-stage-grid > aside dt {
  color: #b7c7ae;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.application-stage-grid > aside dd {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  line-height: 1.55;
}

.application-editor,
.application-review-summary,
.application-conversation {
  border: 1px solid var(--wx-line);
  border-radius: var(--wx-radius);
  background: rgba(255, 254, 251, .88);
  box-shadow: var(--wx-shadow-sm);
}

.application-form-section {
  display: grid;
  grid-template-columns: minmax(210px, .55fr) minmax(0, 1.45fr);
  gap: clamp(30px, 5vw, 70px);
  padding: clamp(30px, 4vw, 50px);
  border-bottom: 1px solid var(--wx-line);
}

.application-form-section > div:first-child h3 {
  margin: 12px 0 9px;
  font: 400 31px/1.05 "Instrument Serif", serif;
}

.application-form-section > div:first-child p {
  margin: 0;
  color: var(--wx-muted);
  font-size: 12px;
  line-height: 1.7;
}

.application-form-section > .formgrid,
.application-form-section > .multi-photo-picker,
.application-form-section > .application-photo-grid {
  min-width: 0;
}

.application-sticky-action,
.sticky-record-actions {
  position: sticky;
  bottom: 16px;
  z-index: 25;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 16px;
  padding: 17px 19px;
  border: 1px solid var(--wx-line-strong);
  border-radius: 15px;
  background: rgba(252, 251, 247, .96);
  box-shadow: 0 18px 55px rgba(25, 31, 23, .15);
  backdrop-filter: blur(16px);
}

.application-sticky-action strong,
.application-sticky-action span,
.sticky-record-actions strong,
.sticky-record-actions span {
  display: block;
}

.application-sticky-action strong,
.sticky-record-actions strong {
  font-size: 13px;
  font-weight: 650;
}

.application-sticky-action span,
.sticky-record-actions span {
  margin-top: 4px;
  color: var(--wx-muted);
  font-size: 11px;
  line-height: 1.45;
}

.application-photo-grid,
.application-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  grid-column: 1 / -1;
  margin-top: 20px;
}

.application-photo-grid figure,
.application-evidence-grid a {
  position: relative;
  min-width: 0;
  margin: 0;
  border-radius: 11px;
  background: var(--wx-soft);
  overflow: hidden;
}

.application-photo-grid img,
.application-evidence-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .35s ease;
}

.application-photo-grid figure:hover img,
.application-evidence-grid a:hover img {
  transform: scale(1.025);
}

.application-photo-grid button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  min-height: 33px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: rgba(24, 28, 22, .86);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

.application-review-summary,
.application-conversation {
  padding: clamp(30px, 4vw, 50px);
}

.application-review-summary h2,
.application-conversation h2 {
  margin: 12px 0 25px;
  font: 400 clamp(34px, 3.5vw, 50px)/1 "Instrument Serif", serif;
  letter-spacing: -.035em;
}

.application-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 28px;
  border: 1px solid var(--wx-line);
  border-radius: 13px;
  overflow: hidden;
}

.application-summary-grid > div {
  min-height: 110px;
  padding: 21px;
  border-right: 1px solid var(--wx-line);
}

.application-summary-grid > div:last-child {
  border-right: 0;
}

.application-summary-grid span,
.application-summary-grid strong {
  display: block;
}

.application-summary-grid span {
  color: var(--wx-muted);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.application-summary-grid strong {
  margin-top: 16px;
  font: 400 22px/1.2 "Instrument Serif", serif;
}

.application-review-summary blockquote {
  margin: 0 0 26px;
  padding: 22px 24px;
  border-left: 3px solid var(--wx-accent);
  background: var(--wx-soft);
  font: 400 22px/1.45 "Instrument Serif", serif;
}

.application-conversation {
  margin-top: 18px;
}

.application-conversation-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 25px;
  padding-bottom: 23px;
  border-bottom: 1px solid var(--wx-line);
}

.application-conversation-head h2 {
  margin-bottom: 0;
}

.application-conversation-head > span {
  color: var(--wx-muted);
  font-size: 11px;
}

.application-message-list {
  display: grid;
  gap: 9px;
  margin: 24px 0;
}

.application-message-list article {
  width: min(760px, 84%);
  padding: 17px 19px;
  border-radius: 14px 14px 14px 4px;
  background: var(--wx-soft);
}

.application-message-list article.from-team {
  justify-self: end;
  border-radius: 14px 14px 4px 14px;
  background: var(--wx-accent-dark);
  color: #fff;
}

.application-message-list article span {
  display: block;
  color: var(--wx-muted);
  font-size: 9.5px;
  font-weight: 650;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.application-message-list article.from-team span {
  color: rgba(255, 255, 255, .55);
}

.application-message-list article p {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.65;
}

/* Manager application register and review. */
.application-register-page,
.application-review-page {
  max-width: 1540px !important;
}

.workspace-page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 31px;
  padding-bottom: 29px;
  border-bottom: 1px solid var(--wx-line);
}

.workspace-page-header > div {
  max-width: 970px;
}

.workspace-page-header h1 {
  margin: 13px 0 13px;
  font: 400 clamp(50px, 5.4vw, 78px)/.94 "Instrument Serif", serif;
  letter-spacing: -.045em;
}

.workspace-page-header p {
  max-width: 800px;
  margin: 0;
  color: var(--wx-muted);
  font-size: 14px;
  line-height: 1.7;
}

.queue-segments {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  margin: 0 0 18px;
  padding: 7px;
  border: 1px solid var(--wx-line);
  border-radius: 15px;
  background: rgba(255, 254, 251, .76);
  box-shadow: var(--wx-shadow-sm);
}

.queue-segments a {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  padding: 0 15px;
  border-radius: 10px;
  color: var(--wx-muted);
  font-size: 11px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}

.queue-segments a b {
  display: grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--wx-soft);
  color: var(--wx-accent-dark);
  font-size: 10px;
}

.queue-segments a.on {
  background: var(--wx-accent-dark);
  color: #fff;
}

.queue-segments a.on b {
  background: rgba(255, 255, 255, .15);
  color: #fff;
}

.record-index {
  border: 1px solid var(--wx-line);
  border-radius: var(--wx-radius);
  background: rgba(255, 254, 251, .82);
  box-shadow: var(--wx-shadow);
  overflow: hidden;
}

.record-index-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 25px;
  border-bottom: 1px solid var(--wx-line);
  color: var(--wx-muted);
  font-size: 10.5px;
  letter-spacing: .06em;
}

.record-row {
  color: inherit;
  text-decoration: none;
}

.application-record-row {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(470px, 1.4fr) minmax(140px, .45fr);
  gap: 30px;
  align-items: center;
  min-height: 146px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--wx-line);
  transition: background .2s, transform .2s;
}

.application-record-row:last-child {
  border-bottom: 0;
}

.application-record-row:hover,
.application-record-row:focus-visible {
  background: rgba(229, 234, 224, .55);
  outline: 0;
}

.record-row-primary {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.record-avatar {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border: 1px solid var(--wx-line-strong);
  border-radius: 50%;
  background: #fff;
  color: var(--wx-accent);
  font: 400 22px/1 "Instrument Serif", serif;
}

.record-row-primary h2 {
  margin: 7px 0 5px;
  font: 400 27px/1.08 "Instrument Serif", serif;
  letter-spacing: -.025em;
}

.record-row-primary p {
  margin: 0;
  color: var(--wx-muted);
  font-size: 11px;
}

.application-record-row > dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.application-record-row > dl > div {
  min-height: 66px;
  padding: 6px 18px;
  border-left: 1px solid var(--wx-line);
}

.application-record-row dt,
.application-record-row dd {
  margin: 0;
}

.application-record-row dt {
  color: var(--wx-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.application-record-row dd {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
}

.record-row-end {
  justify-self: end;
  text-align: right;
}

.record-row-end span,
.record-row-end b {
  display: block;
}

.record-row-end span {
  margin-bottom: 11px;
  color: var(--wx-muted);
  font-size: 10px;
}

.record-row-end b {
  color: var(--wx-accent-dark);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace-back-link {
  display: inline-flex;
  margin: 0 0 18px;
  color: var(--wx-accent-dark);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

.application-review-status {
  display: grid;
  justify-items: end;
  gap: 9px;
}

.application-review-status small {
  color: var(--wx-muted);
  font-size: 10px;
}

.application-review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}

.application-review-form {
  padding: clamp(28px, 3.5vw, 46px) !important;
}

.application-review-form .section-heading:not(:first-child) {
  margin-top: 44px;
}

.application-review-sidebar {
  position: sticky;
  top: 150px;
  display: grid;
  gap: 14px;
}

.application-decision-panel,
.application-evidence-panel {
  margin: 0 !important;
  padding: 28px !important;
}

.application-decision-panel h2 {
  margin: 12px 0;
  font: 400 31px/1.04 "Instrument Serif", serif;
}

.application-decision-panel p,
.application-decision-panel li,
.application-decision-panel small,
.application-evidence-panel > p {
  color: var(--wx-muted);
  font-size: 11.5px;
  line-height: 1.65;
}

.application-decision-panel ol {
  display: grid;
  gap: 9px;
  margin: 19px 0 22px;
  padding-left: 19px;
}

.application-decision-panel .btn {
  width: 100%;
  white-space: normal !important;
}

.application-decision-panel form + small {
  display: block;
  margin-top: 11px;
}

.application-evidence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.application-review-conversation {
  margin-top: 18px !important;
  padding: clamp(28px, 3.5vw, 44px) !important;
}

/* Property identity, commercial agreement and the final activation handoff. */
.property-owner-panel,
.property-agreement-panel {
  margin-bottom: 18px !important;
  padding: clamp(28px, 3.5vw, 44px) !important;
}

.property-owner-panel {
  background:
    linear-gradient(135deg, rgba(232, 236, 227, .8), rgba(255, 255, 252, .9)) !important;
}

.property-owner-panel .panel-title-row p,
.property-agreement-panel > div:first-child p {
  max-width: 780px;
  margin: 8px 0 0;
  color: var(--wx-muted);
  font-size: 12.5px;
  line-height: 1.65;
}

.property-private-address {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr) 220px;
  gap: 25px;
  align-items: center;
  margin-top: 27px;
  padding: 21px 23px;
  border: 1px solid var(--wx-line);
  border-radius: 13px;
  background: rgba(255, 255, 255, .7);
}

.property-private-address span,
.property-private-address strong,
.property-private-address small {
  display: block;
}

.property-private-address span {
  color: var(--wx-accent-dark);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.property-private-address strong {
  font: 400 20px/1.35 "Instrument Serif", serif;
}

.property-private-address small {
  color: var(--wx-muted);
  font-size: 10.5px;
  line-height: 1.5;
}

.ownership-transfer,
.ownership-history {
  margin-top: 12px;
  border: 1px solid var(--wx-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .54);
  overflow: hidden;
}

.ownership-transfer > summary,
.ownership-history > summary {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  padding: 0 17px;
  color: var(--wx-accent-dark);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.ownership-transfer > summary::after,
.ownership-history > summary::after {
  content: "+";
  font-size: 19px;
  font-weight: 400;
}

.ownership-transfer[open] > summary::after,
.ownership-history[open] > summary::after {
  content: "−";
}

.ownership-transfer > form,
.ownership-transfer > p,
.ownership-history > div {
  margin: 0;
  padding: 20px;
  border-top: 1px solid var(--wx-line);
}

.ownership-transfer > p {
  padding-top: 0;
  border-top: 0;
  color: var(--wx-muted);
  font-size: 11px;
  line-height: 1.6;
}

.property-agreement-panel {
  display: grid;
  grid-template-columns: minmax(260px, .75fr) minmax(430px, 1.25fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
  border-top: 4px solid var(--wx-accent-dark) !important;
}

.property-agreement-panel h2 {
  margin: 12px 0 11px;
  font: 400 34px/1.04 "Instrument Serif", serif;
  letter-spacing: -.03em;
}

.agreement-record-summary,
.agreement-create-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 12px;
  align-items: end;
  padding: 20px;
  border: 1px solid var(--wx-line);
  border-radius: 14px;
  background: var(--wx-soft);
}

.agreement-record-summary > div {
  padding: 6px 14px;
  border-left: 1px solid var(--wx-line-strong);
}

.agreement-record-summary span,
.agreement-record-summary strong,
.agreement-record-summary small {
  display: block;
}

.agreement-record-summary span {
  color: var(--wx-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.agreement-record-summary strong {
  margin-top: 8px;
  font-size: 13px;
}

.agreement-record-summary small {
  margin-top: 6px;
  color: var(--wx-muted);
  font-size: 10px;
  line-height: 1.5;
}

.agreement-awaiting-property {
  grid-template-columns: minmax(0, 1fr) auto;
}

.agreement-awaiting-property > div {
  border-left-color: var(--wx-warn);
}

.agreement-create-inline .fld {
  margin: 0 !important;
}

.form-section-heading {
  margin: 20px 0 23px !important;
  padding: 20px 0 0;
  border-top: 1px solid var(--wx-line);
}

.form-section-heading strong {
  display: block;
  margin-top: 7px;
  font: 400 22px/1.25 "Instrument Serif", serif;
}

.activation-handoff {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(400px, .85fr);
  gap: clamp(30px, 5vw, 75px);
  align-items: center;
  margin: 38px -1px 3px;
  padding: clamp(28px, 4vw, 45px);
  border: 1px solid rgba(82, 99, 77, .26);
  border-radius: 17px;
  background: linear-gradient(135deg, #e7ece3, #f8f8f3);
}

.activation-handoff h3 {
  margin: 12px 0 10px;
  font: 400 32px/1.05 "Instrument Serif", serif;
}

.activation-handoff p {
  max-width: 680px;
  margin: 0;
  color: var(--wx-muted);
  font-size: 12px;
  line-height: 1.7;
}

.activation-handoff-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.activation-handoff-fields .fld {
  margin: 0 !important;
}

/* Legal agreement preparation and verified completion. */
.agreement-editor-shell {
  max-width: 1440px !important;
}

.agreement-page-header {
  margin-top: 13px;
}

.agreement-signature-overview,
.agreement-editor-panel,
.agreement-document {
  padding: clamp(28px, 3.5vw, 44px) !important;
}

.agreement-signature-overview {
  border-top: 4px solid var(--wx-accent-dark) !important;
}

.agreement-next-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 22px;
  padding: 20px;
  border-radius: 13px;
  background: var(--wx-accent-dark);
  color: #fff;
}

.agreement-next-action strong,
.agreement-next-action span {
  display: block;
}

.agreement-next-action strong {
  font-size: 14px;
}

.agreement-next-action span {
  margin-top: 5px;
  color: rgba(255, 255, 255, .62);
  font-size: 11px;
  line-height: 1.5;
}

.signature-certificates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.signature-certificates > div {
  padding: 22px;
  border: 1px solid var(--wx-line);
  border-radius: 13px;
  background: var(--wx-soft);
}

.certificate-value {
  max-width: 70%;
  color: var(--wx-muted);
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-align: right;
}

.agreement-document > summary {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  color: var(--wx-accent-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  cursor: pointer;
  list-style: none;
  text-transform: uppercase;
}

.agreement-document > summary::after {
  content: "+";
  font-size: 21px;
  font-weight: 400;
}

.agreement-document[open] > summary::after {
  content: "−";
}

.agreement-document > div,
.agreement-document-static {
  padding: clamp(27px, 4vw, 55px);
  border: 1px solid var(--wx-line);
  border-radius: 10px;
  background: #fff;
  color: #292d27;
  font: 400 15px/1.82 "Newsreader", serif;
  white-space: pre-wrap;
}

.agreement-body-editor {
  min-height: 620px !important;
  padding: 28px !important;
  font: 400 15px/1.7 "Newsreader", serif !important;
}

/* Onboarding is one calm checklist with only the current work prominent. */
.onboarding-shell {
  background:
    radial-gradient(circle at 5% 0, rgba(197, 210, 187, .32), transparent 34rem),
    var(--wx-canvas);
}

.onboarding-workspace {
  gap: 20px !important;
}

.onboarding-rail {
  border-radius: 20px !important;
  background: #1c211a !important;
  box-shadow: var(--wx-shadow-strong);
}

.onboarding-top h1 {
  font-family: "Instrument Serif", serif !important;
  letter-spacing: -.04em;
}

.onboarding-step {
  border-radius: 18px !important;
  box-shadow: var(--wx-shadow);
}

.step-lede {
  max-width: 760px;
  color: var(--wx-muted) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.choice-grid {
  gap: 10px !important;
}

.choice-grid label,
.large-check {
  min-height: 58px;
  border-radius: 12px !important;
  transition: border-color .2s, background .2s, transform .2s;
}

.choice-grid label:hover,
.large-check:hover {
  transform: translateY(-1px);
  border-color: rgba(82, 99, 77, .34) !important;
  background: var(--wx-soft) !important;
}

.certificate-stack {
  display: grid;
  gap: 10px;
}

.certificate-item {
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--wx-shadow-sm);
}

.certificate-item > summary {
  min-height: 82px;
}

.final-review {
  border-radius: 14px !important;
  background: linear-gradient(135deg, #edf1e9, #fff) !important;
}

/* Better hierarchy for sensitive booking evidence and operational cards. */
.identity-review-panel {
  padding: clamp(28px, 4vw, 48px) !important;
  border: 1px solid var(--wx-line) !important;
  border-radius: 20px !important;
  background: rgba(255, 254, 251, .9) !important;
  box-shadow: var(--wx-shadow) !important;
}

.identity-review-panel .section-heading p {
  max-width: 780px;
}

.identity-awaiting-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  min-height: 180px;
  padding: 28px;
  border: 1px solid rgba(161, 106, 63, .18);
  border-radius: 15px;
  background: #fffaf2;
}

.identity-step {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: #ede2ce;
  color: #76542f;
  font-size: 11px;
  font-weight: 750;
}

.identity-action-owner {
  color: #76542f;
  font-size: 9.5px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.identity-awaiting-card h3 {
  margin: 9px 0 8px;
  font: 400 29px/1.05 "Instrument Serif", serif;
}

.identity-awaiting-card p {
  max-width: 820px;
  margin: 0;
  color: var(--wx-muted);
  font-size: 13px;
  line-height: 1.7;
}

.restricted-data-note {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 25px;
  margin: 25px 0 0 !important;
  padding: 19px 22px !important;
  border-left: 3px solid var(--wx-accent) !important;
  border-radius: 0 11px 11px 0;
  background: var(--wx-soft) !important;
}

.restricted-data-note strong,
.restricted-data-note span {
  display: block;
}

.restricted-data-note strong {
  font-size: 12px;
}

.restricted-data-note span {
  color: var(--wx-muted);
  font-size: 11.5px;
  line-height: 1.6;
}

/* Portal surfaces remain editorial, while controls remain unmistakable. */
.ac-wrap .portal-nav,
.ac-wrap .record-anchor-nav {
  box-shadow: 0 12px 35px rgba(30, 36, 27, .075) !important;
}

.ac-wrap .portal-disclosure {
  border-radius: 18px !important;
  box-shadow: var(--wx-shadow-sm) !important;
  overflow: clip;
}

.ac-wrap .portal-disclosure > summary {
  transition: background .18s;
}

.ac-wrap .portal-disclosure > summary:hover {
  background: rgba(235, 238, 231, .72);
}

.ac-wrap .portal-disclosure[open] > summary {
  border-bottom-color: var(--wx-line) !important;
}

.connection-centre-hero,
.finance-integrations-hero {
  border-radius: 22px;
}

.connection-provider-card {
  border-radius: 16px !important;
  transition: transform .2s ease, box-shadow .2s ease;
}

.connection-provider-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--wx-shadow) !important;
}

/* Responsive product behaviour. */
@media (max-width: 1250px) {
  .manager-command-centre {
    grid-template-columns: repeat(3, 1fr);
  }

  .manager-command-copy {
    grid-column: 1 / -1;
    min-height: 0;
  }

  .manager-command-card {
    min-height: 190px;
  }

  .application-record-row {
    grid-template-columns: minmax(260px, .8fr) minmax(390px, 1.2fr);
  }

  .record-row-end {
    grid-column: 2;
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
  }

  .record-row-end span {
    margin: 0;
  }
}

@media (max-width: 1000px) {
  .registration-shell {
    grid-template-columns: 1fr;
    width: min(820px, 91vw);
    gap: 35px;
  }

  .registration-intro {
    position: static;
    padding-bottom: 0;
  }

  .registration-intro::before {
    margin-bottom: 25px;
  }

  .application-stage-grid,
  .application-review-layout,
  .property-agreement-panel,
  .activation-handoff,
  .integration-setup-panel {
    grid-template-columns: 1fr;
  }

  .application-stage-grid > aside,
  .application-review-sidebar {
    position: static;
  }

  .application-stage-grid > aside {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0 20px;
  }

  .application-stage-grid > aside > span {
    grid-row: 1 / 4;
    margin: 0;
  }

  .application-stage-grid > aside dl {
    grid-column: 2;
  }

  .application-review-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .application-review-conversation {
    grid-column: 1 / -1;
  }

  .application-form-section {
    grid-template-columns: 1fr;
  }

  .property-private-address {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .property-private-address small {
    grid-column: 2;
  }

  .integration-command-strip {
    grid-template-columns: 1fr;
  }

  .integration-command-strip > div {
    min-height: 95px;
    border-right: 0;
    border-bottom: 1px solid var(--wx-line);
  }

  .integration-command-strip > div:last-child {
    border-bottom: 0;
  }

  .application-record-row {
    grid-template-columns: 1fr;
  }

  .record-row-end {
    grid-column: 1;
  }
}

@media (max-width: 760px) {
  .adm-bar {
    position: relative !important;
  }

  .manager-command-centre,
  .manager-command-card,
  .account-type-choice,
  .application-summary-grid,
  .signature-certificates,
  .activation-handoff-fields,
  .application-review-sidebar {
    grid-template-columns: 1fr;
  }

  .manager-command-card {
    min-height: 165px;
  }

  .registration-shell,
  .application-workspace {
    width: min(94vw, 680px);
    padding-top: 42px;
  }

  .registration-intro h1,
  .application-hero h1,
  .application-review-hero h1 {
    font-size: 49px;
  }

  .registration-card {
    padding: 26px 20px;
    border-radius: 18px;
  }

  .application-topbar {
    grid-template-columns: 1fr auto;
    padding: 0 5vw;
  }

  .application-topbar > span {
    display: none;
  }

  .application-hero,
  .application-review-hero,
  .workspace-page-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .application-hero,
  .application-review-hero {
    padding: 28px 22px;
  }

  .application-form-section,
  .application-review-summary,
  .application-conversation {
    padding: 27px 20px;
  }

  .application-sticky-action,
  .sticky-record-actions,
  .agreement-next-action {
    position: static;
    align-items: stretch;
    flex-direction: column;
  }

  .application-sticky-action .btn,
  .sticky-record-actions .btn,
  .agreement-next-action .btn {
    width: 100%;
  }

  .application-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .application-summary-grid > div {
    min-height: 90px;
    border-right: 0;
    border-bottom: 1px solid var(--wx-line);
  }

  .application-summary-grid > div:last-child {
    border-bottom: 0;
  }

  .application-message-list article {
    width: 94%;
  }

  .record-index-head,
  .record-row-end {
    align-items: flex-start;
    flex-direction: column;
  }

  .application-record-row > dl {
    grid-template-columns: 1fr;
  }

  .application-record-row > dl > div {
    min-height: 0;
    padding: 13px 0;
    border-left: 0;
    border-bottom: 1px solid var(--wx-line);
  }

  .application-record-row > dl > div:last-child {
    border-bottom: 0;
  }

  .property-private-address,
  .agreement-record-summary,
  .agreement-create-inline {
    grid-template-columns: 1fr;
  }

  .property-private-address small {
    grid-column: 1;
  }

  .agreement-record-summary > div {
    padding: 10px 0;
    border-left: 0;
    border-bottom: 1px solid var(--wx-line);
  }

  .agreement-record-summary .btn,
  .agreement-create-inline .btn {
    width: 100%;
  }

  .identity-awaiting-card,
  .restricted-data-note {
    grid-template-columns: 1fr;
  }

  .certificate-value {
    max-width: 60%;
  }
}

@media (max-width: 480px) {
  .registration-intro h1,
  .application-hero h1,
  .application-review-hero h1,
  .workspace-page-header h1 {
    font-size: 42px;
  }

  .application-stage-grid > aside {
    grid-template-columns: 1fr;
  }

  .application-stage-grid > aside > span {
    grid-row: auto;
    margin-bottom: 24px;
  }

  .application-stage-grid > aside dl {
    grid-column: 1;
  }

  .application-photo-grid,
  .application-evidence-grid {
    grid-template-columns: 1fr;
  }

  .certificate-value {
    max-width: 100%;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ======================================================================
   WORKSPACE OS 2027.2 · DECISION-FIRST INTERFACE
   This is the single finishing layer for the operational product. It does
   not alter record ownership or workflows; it makes action, state and
   location unmistakable across manager, landlord and tenant workspaces.
   ====================================================================== */

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) {
  --wx-ink: #182019;
  --wx-muted: #667067;
  --wx-canvas: #f2f3ee;
  --wx-paper: #fffefa;
  --wx-soft: #edf1ea;
  --wx-accent: #4f664c;
  --wx-accent-dark: #31442f;
  --wx-accent-pale: #e2eadf;
  --wx-info: #3f6570;
  --wx-warn: #966421;
  --wx-danger: #a54b40;
  --wx-success: #47704f;
  --wx-line: rgba(34, 48, 35, .12);
  --wx-line-strong: rgba(34, 48, 35, .24);
  --wx-shadow-sm: 0 1px 2px rgba(28, 39, 29, .025), 0 10px 30px rgba(28, 39, 29, .055);
  --wx-shadow: 0 2px 4px rgba(28, 39, 29, .025), 0 24px 65px rgba(28, 39, 29, .075);
  background:
    radial-gradient(circle at 8% -8%, rgba(158, 181, 149, .22), transparent 30rem),
    linear-gradient(180deg, #f0f2ec 0, #f8f7f3 31rem, #f4f3ee 100%);
}

/* Interactive elements use readable language, practical sizing and a
   consistent focus perimeter. Pills are reserved for status, not actions. */
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav), .application-portal, .registration-shell)
  :is(.btn, button:not(.workspace-toast-close):not(.extension-days button)) {
  min-height: 44px;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn {
  gap: 8px;
  min-height: 44px;
  padding: 0 19px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  box-shadow: 0 1px 1px rgba(28, 39, 29, .03);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(28, 39, 29, .13);
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(28, 39, 29, .09);
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn-mz {
  border: 1px solid var(--wx-accent-dark) !important;
  background: var(--wx-accent-dark) !important;
  color: #fff !important;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn-mz:hover {
  border-color: #20321f !important;
  background: #20321f !important;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn-line {
  border: 1px solid var(--wx-line-strong) !important;
  background: rgba(255, 255, 252, .76) !important;
  color: var(--wx-ink) !important;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn-line:hover {
  border-color: rgba(49, 68, 47, .5) !important;
  background: var(--wx-soft) !important;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .btn-compact {
  min-height: 38px;
  padding: 0 13px !important;
  font-size: 11px !important;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) :is(button, .btn):disabled {
  border-color: rgba(48, 57, 47, .1) !important;
  background: #e9ebe5 !important;
  color: #92998f !important;
  box-shadow: none !important;
  cursor: not-allowed;
  transform: none !important;
}

.btn.is-busy {
  pointer-events: none;
  opacity: .78;
}

.btn.is-busy::after {
  content: "";
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: workspace-spin .7s linear infinite;
}

@keyframes workspace-spin { to { transform: rotate(360deg); } }

.danger-drawer .btn-line,
.danger-link,
.navigation-delete {
  border-color: rgba(165, 75, 64, .28) !important;
  color: #8e3f36 !important;
}

.danger-drawer .btn-line:hover,
.navigation-delete:hover {
  background: #f8e9e6 !important;
  border-color: rgba(165, 75, 64, .48) !important;
}

/* Status language is reinforced with a coloured dot instead of colour alone. */
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .st {
  gap: 7px;
  min-height: 29px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10.5px !important;
  font-weight: 750;
  letter-spacing: .055em !important;
  line-height: 1.2;
  text-transform: none !important;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .st::before {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .st.ok {
  border-color: rgba(71, 112, 79, .14);
  background: #e5eee4;
  color: #365c3d;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .st.up {
  border-color: rgba(150, 100, 33, .15);
  background: #f3ead7;
  color: #80551d;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .st.no {
  border-color: rgba(165, 75, 64, .14);
  background: #f4e2df;
  color: #8d3e35;
}

/* Product shell hierarchy: search is primary utility; account and secondary
   destinations remain available without competing with current work. */
.adm-top { min-height: 76px; }
.adm-wordmark > span { font-size: 14.5px !important; letter-spacing: .135em !important; }
.adm-wordmark small { margin-top: 6px; font-size: 9.5px !important; }
.adm-global-search { min-height: 46px; border-radius: 12px !important; }
.adm-nav { min-height: 60px; }
.adm-nav > a,
.adm-more > summary {
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  letter-spacing: .02em !important;
}
.adm-menu-compact a { min-height: 62px !important; }
.adm-menu-compact a strong { font-size: 12.5px !important; }
.adm-menu-compact a small { font-size: 11px !important; }
.workspace-breadcrumbs { min-height: 48px; }

/* Page and card hierarchy is quieter, sharper and easier to scan. */
body:has(.adm-bar) .adm-wrap,
body:has(.cms-bar) .adm-wrap {
  width: min(1540px, 92vw);
  padding-top: 52px;
}

.ac-wrap {
  width: min(1420px, 92vw);
  padding-top: 52px;
}

:is(body:has(.adm-bar), body:has(.cms-bar)) .adm-hd,
.ac-hd {
  align-items: flex-end;
  margin-bottom: 32px;
  padding-bottom: 28px;
}

:is(body:has(.adm-bar), body:has(.cms-bar)) .adm-hd h1,
.ac-hd h1 {
  max-width: 960px;
  margin-top: 10px;
  font-size: clamp(47px, 5vw, 72px);
  line-height: .98;
}

.dashboard-lede,
.ac-hd .sub {
  max-width: 760px;
  color: var(--wx-muted);
  font-size: 14px;
  line-height: 1.7;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .panel,
.portal-disclosure,
.tenant-booking-history,
.owner-property-switcher {
  border-color: var(--wx-line) !important;
  background: rgba(255, 254, 250, .88) !important;
  box-shadow: var(--wx-shadow-sm) !important;
}

:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .panel h4 {
  color: var(--wx-ink);
  font-size: clamp(26px, 2.3vw, 33px);
  line-height: 1.08;
}

.tiles-eight { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .tile {
  position: relative;
  min-height: 132px;
  border-radius: 15px !important;
  background: rgba(255, 254, 250, .86) !important;
  box-shadow: var(--wx-shadow-sm);
  overflow: hidden;
}
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) a.tile {
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) a.tile:hover {
  border-color: rgba(49, 68, 47, .24) !important;
  box-shadow: var(--wx-shadow) !important;
  transform: translateY(-2px);
}
.tile-attention {
  border-color: rgba(165, 75, 64, .2) !important;
  background: #fff9f6 !important;
  box-shadow: inset 4px 0 var(--wx-danger), var(--wx-shadow-sm) !important;
}
.tile .l { color: #576158 !important; font-size: 10.5px !important; letter-spacing: .075em !important; }
.tile small { color: var(--wx-muted); font-size: 11px; line-height: 1.45; }

/* Progressive disclosure explicitly communicates open/closed state and keeps
   one calm content well instead of a wall of simultaneous controls. */
.portal-disclosure {
  margin: 0 0 17px !important;
  border-radius: 16px !important;
  overflow: clip;
}
.portal-disclosure.attention {
  border-color: rgba(165, 75, 64, .2) !important;
  box-shadow: inset 4px 0 var(--wx-danger), var(--wx-shadow-sm) !important;
}
.portal-disclosure-summary {
  min-height: 94px !important;
  padding: 21px 25px !important;
  transition: background .16s ease;
}
.portal-disclosure-summary:hover { background: rgba(236, 240, 233, .68); }
.portal-disclosure[open] > .portal-disclosure-summary {
  background: rgba(229, 235, 225, .7);
  border-bottom: 1px solid var(--wx-line);
}
.portal-disclosure-number {
  flex: 0 0 40px;
  width: 40px !important;
  height: 40px !important;
  border-color: rgba(49, 68, 47, .18) !important;
  background: rgba(255, 255, 252, .68);
  color: var(--wx-accent-dark);
}
.portal-disclosure-copy strong { font-size: clamp(23px, 2vw, 27px) !important; }
.portal-disclosure-copy > span { max-width: 760px; color: var(--wx-muted) !important; font-size: 12.5px !important; }
.portal-disclosure-meta { color: #5c665d !important; font-size: 11px !important; letter-spacing: .035em !important; text-transform: none !important; }
.portal-disclosure-meta::after { width: 34px !important; height: 34px !important; background: var(--wx-soft) !important; }
.portal-disclosure[open] > .portal-disclosure-summary .portal-disclosure-meta::after { background: var(--wx-accent-dark) !important; }
.portal-disclosure-body { padding: 24px 25px 5px !important; background: rgba(246, 247, 242, .76) !important; }

/* Portal navigation functions as a visible segmented location control. */
.portal-nav {
  top: 14px !important;
  z-index: 45;
  gap: 5px !important;
  overflow-x: auto;
  padding: 7px !important;
  border-radius: 14px !important;
  background: rgba(255, 254, 250, .94) !important;
  box-shadow: 0 14px 38px rgba(28, 39, 29, .09) !important;
  scrollbar-width: none;
  backdrop-filter: blur(18px);
}
.portal-nav::-webkit-scrollbar { display: none; }
.portal-nav a {
  flex: 0 0 auto;
  min-height: 42px !important;
  padding: 0 15px !important;
  border-radius: 9px !important;
  color: #5e685f !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  white-space: nowrap;
}
.portal-nav a:hover { background: var(--wx-soft) !important; color: var(--wx-ink) !important; }
.portal-nav a.is-current,
.portal-nav a[aria-current="location"] {
  background: var(--wx-accent-dark) !important;
  color: #fff !important;
  box-shadow: 0 7px 17px rgba(35, 55, 33, .16);
}

/* Fields and tables favour recognition, predictable hit areas and visible
   row context over compressed decorative typography. */
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .fld > label {
  margin-bottom: 8px;
  color: #465247;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .015em !important;
}
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) .fld :is(input, select, textarea) {
  min-height: 50px;
  border-color: rgba(34, 48, 35, .18);
  border-radius: 10px;
  background: #fffefa;
  font-size: 15px;
}
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) :is(input[type="checkbox"], input[type="radio"]) {
  min-width: 20px;
  min-height: 20px;
  accent-color: var(--wx-accent-dark);
}
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) table.tbl th {
  padding: 14px 15px;
  background: #f1f3ed;
  color: #59635a;
  font-size: 10.5px !important;
  letter-spacing: .075em !important;
}
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) table.tbl td {
  padding: 17px 15px;
  font-size: 13.5px !important;
}
:is(body:has(.adm-bar), body:has(.cms-bar), body:has(.portal-nav)) table.tbl tr:not(:first-child):hover td {
  background: #f2f5ef !important;
}

/* Manager and team home screens expose decisions before secondary detail. */
.manager-command-centre {
  gap: 10px;
  margin-bottom: 24px;
  border-radius: 19px;
  background:
    radial-gradient(circle at 0 0, rgba(143, 170, 130, .23), transparent 44%),
    linear-gradient(135deg, #1a2119, #232c21);
}
.manager-command-card { border-radius: 13px !important; }
.team-dashboard-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.team-dashboard-grid { grid-template-columns: minmax(0, 1.7fr) minmax(320px, .75fr); align-items: start; }
.team-enquiries-panel { padding: 0 !important; overflow: hidden; }
.team-enquiries-panel > .panel-title-row { margin: 0; padding: 26px 28px 20px; border-bottom: 1px solid var(--wx-line); }
.team-enquiries-panel h4 { margin: 7px 0 0 !important; }
.team-actions-panel { padding: 27px 28px !important; }
.team-actions-panel h4 { margin: 7px 0 15px !important; }
.team-action-list { display: grid; border-top: 1px solid var(--wx-line); }
.team-action-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26px;
  gap: 16px;
  align-items: center;
  min-height: 72px;
  padding: 13px 2px;
  border-bottom: 1px solid var(--wx-line);
  color: inherit;
  text-decoration: none;
}
.team-action-list a:hover { color: var(--wx-accent-dark); }
.team-action-list strong,
.team-action-list small { display: block; }
.team-action-list strong { font-size: 13.5px; }
.team-action-list small { margin-top: 4px; color: var(--wx-muted); font-size: 11.5px; line-height: 1.45; }
.team-action-list b { font-size: 19px; font-weight: 400; transition: transform .16s ease; }
.team-action-list a:hover b { transform: translateX(3px); }

/* Feedback never covers the product shell or sticky publishing controls. */
.workspace-toast {
  top: 160px !important;
  right: 28px !important;
  width: min(440px, calc(100vw - 56px)) !important;
  padding: 19px 50px 19px 22px !important;
  border: 1px solid var(--wx-line-strong) !important;
  border-left: 4px solid var(--wx-info) !important;
  border-radius: 13px !important;
  background: #fffefa !important;
  color: var(--wx-ink) !important;
  box-shadow: 0 24px 70px rgba(22, 32, 23, .2) !important;
}
body:has(.portal-nav) .workspace-toast { top: 24px !important; }
.workspace-toast--success { border-left-color: var(--wx-success) !important; }
.workspace-toast--danger { border-left-color: var(--wx-danger) !important; }
.workspace-toast-close { width: 44px !important; height: 44px !important; border-radius: 9px !important; }
.workspace-toast-close:hover { background: var(--wx-soft) !important; }
.save-state-indicator {
  left: 24px !important;
  bottom: 24px !important;
  padding: 13px 17px !important;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px !important;
}

/* Accessible confirmation surface shared by every workspace action. */
.workspace-confirm-dialog {
  width: min(520px, calc(100vw - 36px));
  margin: auto;
  padding: 0;
  border: 1px solid var(--wx-line-strong);
  border-radius: 20px;
  background: var(--wx-paper);
  color: var(--wx-ink);
  box-shadow: 0 35px 100px rgba(15, 23, 16, .3);
}
.workspace-confirm-dialog::backdrop { background: rgba(14, 20, 15, .52); backdrop-filter: blur(5px); }
.workspace-confirm-dialog[open] { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 18px; padding: 29px; }
.workspace-confirm-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--wx-accent-pale);
  color: var(--wx-accent-dark);
  font: 500 27px/1 "Instrument Serif", serif;
}
.workspace-confirm-copy > span { color: var(--wx-accent); font-size: 10px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.workspace-confirm-copy h2 { margin: 7px 0 9px; font: 400 35px/1 "Instrument Serif", serif; letter-spacing: -.025em; }
.workspace-confirm-copy p { margin: 0; color: var(--wx-muted); font-size: 14px; line-height: 1.65; }
.workspace-confirm-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 9px; margin-top: 10px; padding-top: 19px; border-top: 1px solid var(--wx-line); }
.workspace-confirm-dialog.is-destructive .workspace-confirm-icon { background: #f4e2df; color: var(--wx-danger); }
.workspace-confirm-dialog.is-destructive [data-confirm-accept] { border-color: var(--wx-danger) !important; background: var(--wx-danger) !important; }

/* Responsive density: cards replace horizontal scanning and controls remain
   reachable without sacrificing hierarchy. */
@media (max-width: 1200px) {
  .tiles-eight,
  .team-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-dashboard-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .adm-top { padding-top: 14px !important; padding-bottom: 14px !important; }
  .adm-nav { min-height: 58px; }
  .portal-nav { position: sticky !important; top: 8px !important; }
  .workspace-toast { top: 18px !important; right: 18px !important; width: calc(100vw - 36px) !important; }
  .work-item { min-height: 78px; }
}

@media (max-width: 700px) {
  body:has(.adm-bar) .adm-wrap,
  body:has(.cms-bar) .adm-wrap,
  .ac-wrap { width: min(100% - 28px, 1420px); padding-top: 32px; }
  :is(body:has(.adm-bar), body:has(.cms-bar)) .adm-hd,
  .ac-hd { align-items: flex-start; flex-direction: column; }
  :is(body:has(.adm-bar), body:has(.cms-bar)) .adm-hd h1,
  .ac-hd h1 { font-size: 44px; }
  .tiles-eight,
  .team-dashboard-metrics { grid-template-columns: 1fr 1fr; }
  .portal-disclosure-summary { padding: 18px 16px !important; }
  .portal-disclosure-title { align-items: flex-start; }
  .portal-disclosure-number { flex-basis: 36px; width: 36px !important; height: 36px !important; }
  .portal-disclosure-meta { font-size: 0 !important; }
  .portal-disclosure-body { padding: 17px 13px 2px !important; }
  .portal-nav { margin-bottom: 24px !important; }
  .team-enquiries-panel > .panel-title-row { align-items: flex-start; flex-direction: column; }
  .workspace-confirm-dialog[open] { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 22px 18px; }
  .workspace-confirm-icon { width: 42px; height: 42px; }
  .workspace-confirm-copy h2 { font-size: 29px; }
  .workspace-confirm-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .workspace-confirm-actions .btn { width: 100%; }
  .save-state-indicator { right: 14px !important; left: 14px !important; bottom: 14px !important; }
}

@media (max-width: 460px) {
  .tiles-eight,
  .team-dashboard-metrics { grid-template-columns: 1fr; }
  .tile { min-height: 116px !important; }
  .portal-disclosure-copy > span { display: none; }
}