:root {
  color-scheme: dark;
  --bg: #0f1814;
  --panel: rgba(25, 38, 31, 0.93);
  --panel-strong: rgba(31, 47, 39, 0.98);
  --line: rgba(230, 239, 224, 0.12);
  --text: #f8f4ec;
  --muted: #b9c7b5;
  --accent: #d59663;
  --accent-strong: #f0c48f;
  --green: #8fb26f;
  --danger: #cf6258;
  --shadow: 0 22px 54px rgba(2, 7, 5, 0.36);
  --radius-xl: 28px;
  --radius-lg: 20px;
  font-family: "Avenir Next", "Trebuchet MS", sans-serif;
}

/* Field capture rebuild: deterministic tools, quick cloning, and structured work. */
.tree-capture-card {
  position: relative;
}

.tree-wizard-progress {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wizard-confidence-reminder {
  margin: 0;
  padding: 8px 11px;
  border: 1px solid color-mix(in srgb, var(--green) 30%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--green) 9%, transparent);
  color: var(--muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.species-confidence-row button {
  display: grid;
  gap: 3px;
  align-content: center;
  text-align: left;
}

.species-confidence-row button strong,
.species-confidence-row button small {
  display: block;
}

.species-confidence-row button small {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1.2;
}

.wizard-target-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: visible;
}

.wizard-target-row button {
  width: 100%;
  min-width: 0;
  white-space: normal;
}

.wizard-target-group > small {
  color: var(--muted);
  font-size: 0.7rem;
  line-height: 1.35;
}

.wizard-work-list {
  display: grid;
  gap: 8px;
}

.wizard-work-empty,
.wizard-work-card {
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--panel-strong) 84%, transparent);
}

.wizard-work-empty {
  display: grid;
  gap: 3px;
  color: var(--muted);
}

.wizard-work-empty strong,
.wizard-work-card strong {
  color: var(--text);
}

.wizard-work-empty span,
.wizard-work-card span,
.wizard-work-card p,
.wizard-work-card b {
  font-size: 0.72rem;
  line-height: 1.35;
}

.wizard-work-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  border-left: 4px solid var(--green);
}

.wizard-work-card[data-priority="Critical"] {
  border-left-color: #df5b4d;
}

.wizard-work-card[data-priority="High"] {
  border-left-color: #e09b58;
}

.wizard-work-card > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.wizard-work-card p {
  margin: 0;
  color: var(--muted);
}

.wizard-work-card b {
  color: var(--accent-strong);
}

.wizard-work-card-actions,
.wizard-work-actions {
  display: flex;
  gap: 7px;
}

.wizard-work-card-actions {
  align-items: flex-start;
}

.wizard-work-generated {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 183, 119, 0.36);
  border-radius: 999px;
  color: #ffd1a6;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wizard-work-card-actions button,
.wizard-editor-back {
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  color: var(--text);
  font-size: 0.68rem;
  font-weight: 900;
}

.wizard-work-card-actions button:last-child {
  color: #ffb7aa;
}

.wizard-recommendation-menu:not([hidden]) {
  position: fixed;
  z-index: 120;
  top: 50%;
  left: 50%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 11px;
  width: min(540px, calc(100vw - 28px));
  max-height: min(82dvh, 760px);
  padding: 15px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent-strong) 28%, var(--line));
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 38%),
    var(--panel-strong);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);
  transform: translate(-50%, -50%);
}

.wizard-recommendation-menu[hidden] {
  display: none !important;
}

.wizard-recommendation-menu:has(.wizard-recommendation-editor:not([hidden])) {
  grid-template-rows: auto minmax(0, 1fr);
}

.wizard-recommendation-menu:has(.wizard-recommendation-editor:not([hidden])) .wizard-recommendation-tools {
  display: none;
}

.wizard-recommendation-menu > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.wizard-recommendation-menu > header > div {
  display: grid;
  gap: 2px;
}

.wizard-recommendation-menu > header span {
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wizard-recommendation-menu > header strong {
  color: var(--text);
  font-size: 1.08rem;
}

.wizard-recommendation-catalog,
.wizard-recommendation-editor {
  min-height: 0;
  overflow: auto;
}

.wizard-recommendation-catalog {
  display: grid;
  gap: 8px;
  align-content: start;
}

.wizard-recommendation-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 10px;
  width: 100%;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: color-mix(in srgb, var(--panel) 86%, transparent);
  color: var(--text);
  text-align: left;
}

.wizard-recommendation-option > span {
  grid-row: 1 / 3;
  align-self: start;
  padding: 4px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--green) 18%, transparent);
  color: var(--green);
  font-size: 0.6rem;
  font-weight: 950;
  text-transform: uppercase;
}

.wizard-recommendation-option small {
  color: var(--muted);
  line-height: 1.35;
}

.wizard-recommendation-editor:not([hidden]) {
  display: grid;
  gap: 10px;
  align-content: start;
}

.wizard-work-editor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.clone-tree-dialog {
  width: min(650px, calc(100vw - 24px));
  max-height: min(88dvh, 780px);
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  color: var(--text);
}

.clone-tree-dialog::backdrop {
  background: rgba(2, 7, 5, 0.78);
  backdrop-filter: blur(9px);
}

.clone-tree-card {
  display: grid;
  gap: 14px;
  max-height: min(88dvh, 780px);
  padding: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--green) 18%, transparent), transparent 37%),
    var(--panel-strong);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.55);
}

.clone-tree-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.clone-tree-card > header > div,
.clone-tree-source-choices button > span:last-child {
  display: grid;
}

.clone-tree-card h2,
.clone-tree-card p {
  margin: 0;
}

.clone-tree-card > header span {
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.clone-tree-card > p {
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.4;
}

.clone-tree-source-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.clone-tree-source-choices > button {
  display: grid;
  gap: 6px;
  min-height: 116px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  color: var(--text);
  text-align: left;
}

.clone-tree-source-choices > button strong {
  font-size: 1.08rem;
}

.clone-tree-source-choices > button span,
.clone-tree-result small {
  color: var(--muted);
  line-height: 1.35;
}

.clone-tree-browser:not([hidden]) {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 300px;
  overflow: hidden;
}

.clone-tree-browser label {
  display: grid;
  gap: 5px;
}

.clone-tree-browser label > span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.clone-tree-results {
  display: grid;
  gap: 7px;
  align-content: start;
  min-height: 0;
  overflow: auto;
}

.clone-tree-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  color: var(--text);
  text-align: left;
}

.clone-tree-result > span:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.clone-tree-options:not([hidden]) {
  display: grid;
  gap: 11px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.clone-source-summary {
  display: grid;
  gap: 3px;
  padding: 13px 14px;
  border: 1px solid color-mix(in srgb, var(--green) 42%, var(--line));
  border-radius: 17px;
  background: color-mix(in srgb, var(--green) 11%, var(--panel));
}

.clone-source-summary span,
.clone-copy-fields legend {
  color: var(--accent-strong);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.clone-source-summary strong {
  font-size: 1.02rem;
}

.clone-source-summary small,
.clone-copy-fields small,
.clone-repeat-toggle small,
.clone-copy-safety span {
  color: var(--muted);
  line-height: 1.35;
}

.clone-profile-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.clone-profile-row button {
  min-height: 45px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--panel) 90%, transparent);
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 900;
}

.clone-profile-row button.active {
  border-color: color-mix(in srgb, var(--accent-strong) 62%, var(--line));
  background: color-mix(in srgb, var(--accent) 16%, var(--panel));
  color: var(--text);
}

.clone-copy-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.clone-copy-fields legend {
  grid-column: 1 / -1;
  margin-bottom: 7px;
}

.clone-copy-fields label,
.clone-repeat-toggle {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
}

.clone-copy-fields label:has(input:checked),
.clone-repeat-toggle:has(input:checked) {
  border-color: color-mix(in srgb, var(--green) 58%, var(--line));
  background: color-mix(in srgb, var(--green) 12%, var(--panel));
}

.clone-copy-fields input,
.clone-repeat-toggle input {
  width: 19px;
  height: 19px;
  margin: 1px 0 0;
  accent-color: var(--green);
}

.clone-copy-fields label > span,
.clone-repeat-toggle > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.clone-copy-fields strong,
.clone-repeat-toggle strong {
  font-size: 0.78rem;
}

.clone-copy-fields small,
.clone-repeat-toggle small {
  font-size: 0.65rem;
}

.clone-copy-safety {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-left: 3px solid var(--accent-strong);
  border-radius: 5px 13px 13px 5px;
  background: color-mix(in srgb, var(--accent) 9%, var(--panel));
  font-size: 0.68rem;
}

.clone-options-actions {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
}

.clone-options-actions button {
  min-height: 46px;
}

.quote-request-button:not([hidden]) {
  border-color: color-mix(in srgb, var(--accent-strong) 45%, var(--line));
  color: var(--accent-strong);
}

.tree-review-note-list article[data-note-kind="quote-request"] {
  border-color: color-mix(in srgb, var(--accent-strong) 45%, var(--line));
  background: color-mix(in srgb, var(--accent) 10%, var(--panel));
}

@media (max-width: 720px) {
  .tree-wizard-progress {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .tree-wizard-progress button {
    min-height: 42px;
    padding-inline: 2px;
    font-size: 0.5rem;
  }

  .tree-capture-card .species-confidence-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tree-capture-card .wizard-target-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wizard-work-card {
    grid-template-columns: 1fr;
  }

  .wizard-work-card-actions button {
    flex: 1;
  }

  .wizard-work-actions > button {
    flex: 1 1 0;
    min-width: 0;
  }

  .wizard-recommendation-menu:not([hidden]) {
    inset: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));
    width: auto;
    max-height: none;
    padding: 13px;
    border-radius: 22px;
    transform: none;
  }

  .wizard-work-editor-grid {
    grid-template-columns: 1fr;
  }

  .clone-tree-dialog {
    width: calc(100vw - 14px);
    max-height: calc(100dvh - 14px);
  }

  .clone-tree-card {
    min-height: min(620px, calc(100dvh - 14px));
    max-height: calc(100dvh - 14px);
    padding: 15px 12px max(14px, env(safe-area-inset-bottom));
    border-radius: 24px;
  }

  .clone-tree-source-choices {
    grid-template-columns: 1fr;
  }

  .clone-tree-options:not([hidden]) {
    padding-right: 2px;
  }

  .clone-profile-row,
  .clone-copy-fields {
    grid-template-columns: 1fr;
  }

  .clone-profile-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .clone-profile-row button {
    min-height: 50px;
    padding: 6px;
    font-size: 0.63rem;
  }

  .clone-options-actions {
    position: sticky;
    bottom: 0;
    padding-top: 8px;
    background: linear-gradient(transparent, var(--panel-strong) 28%);
  }

  body[data-workflow="map"] .mobile-map-primary-controls {
    grid-template-columns: 50px minmax(68px, 0.7fr) minmax(78px, 0.85fr) minmax(102px, 1.2fr);
    gap: 6px;
  }

  .mobile-location-button,
  .mobile-select-tree-button,
  .mobile-clone-last-button,
  .mobile-add-tree-button {
    min-height: 52px;
    min-width: 0;
    padding-inline: 6px;
    border-radius: 17px;
    font-size: 0.7rem;
    white-space: normal;
  }

  .mobile-select-tree-button {
    border: 1px solid rgba(248, 244, 236, 0.16);
    background: rgba(15, 28, 21, 0.92);
    color: #fff2dc;
    font-weight: 950;
    box-shadow: 0 16px 42px rgba(2, 7, 5, 0.42);
    pointer-events: auto;
    backdrop-filter: blur(18px);
  }

  .mobile-select-tree-button.active {
    border-color: rgba(143, 178, 111, 0.5);
    background: rgba(40, 67, 49, 0.96);
    color: #e8f7d6;
  }
}

.command-detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.municipal-access-dialog {
  width: min(680px, calc(100vw - 24px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  color: var(--text);
}

.municipal-access-dialog::backdrop {
  background: rgba(2, 7, 4, 0.78);
  backdrop-filter: blur(8px);
}

.municipal-access-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: calc(100dvh - 24px);
  overflow: hidden;
  border: 1px solid rgba(248, 244, 236, 0.16);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(219, 177, 116, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(143, 178, 111, 0.08), transparent 46%),
    #132019;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);
}

.municipal-access-head,
.municipal-access-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
}

.municipal-access-head {
  border-bottom: 1px solid rgba(248, 244, 236, 0.09);
}

.municipal-access-head > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.municipal-access-head span,
.municipal-access-workspace span,
.municipal-access-summary > span,
.municipal-role-options legend {
  color: #d9b37c;
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.municipal-access-head h2 {
  margin: 0;
  color: #fff5e5;
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.3rem, 3vw, 1.8rem);
}

.municipal-access-head > button {
  min-height: 38px;
  padding: 7px 11px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  color: #dce5d9;
  font-weight: 900;
}

.municipal-access-body {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 15px 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.municipal-access-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.8fr);
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(143, 178, 111, 0.22);
  border-radius: 19px;
  background: rgba(143, 178, 111, 0.08);
}

.municipal-access-workspace > div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 3px;
}

.municipal-access-workspace strong,
.municipal-access-summary strong,
.municipal-access-result strong {
  color: #fff3df;
}

.municipal-access-workspace small,
.municipal-access-workspace .municipal-access-separation span,
.municipal-access-summary small,
.municipal-access-result span {
  color: #aab7a7;
  font-size: 0.72rem;
  line-height: 1.4;
}

.municipal-access-separation {
  padding-left: 12px;
  border-left: 1px solid rgba(143, 178, 111, 0.2);
}

.municipal-access-body .inventory-field {
  gap: 5px;
}

.municipal-access-body .inventory-field > span {
  color: #aab7a7;
  font-size: 0.66rem;
  font-weight: 900;
}

.municipal-access-body .inventory-field input {
  min-height: 48px;
  border-color: rgba(248, 244, 236, 0.14);
  background: rgba(255, 255, 255, 0.055);
  color: #f8f4ec;
  font-size: 1rem;
}

.municipal-role-options {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.municipal-role-options legend {
  margin-bottom: 7px;
}

.municipal-role-options > label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.035);
  cursor: pointer;
}

.municipal-role-options > label:has(input:checked) {
  border-color: rgba(219, 177, 116, 0.44);
  background: rgba(219, 177, 116, 0.1);
}

.municipal-role-options input {
  width: 19px;
  height: 19px;
  accent-color: #8faf73;
}

.municipal-role-options label > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.municipal-role-options strong {
  color: #f8f4ec;
}

.municipal-role-options small {
  color: #9eab9c;
  font-size: 0.7rem;
  line-height: 1.35;
}

.municipal-role-options b {
  padding: 5px 7px;
  border-radius: 999px;
  background: rgba(143, 178, 111, 0.14);
  color: #c6d9b7;
  font-size: 0.55rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.municipal-access-summary,
.municipal-access-result {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(219, 177, 116, 0.2);
  border-radius: 17px;
  background: rgba(219, 177, 116, 0.07);
}

.municipal-access-status {
  min-height: 42px;
  padding: 11px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: #b7c2b4;
  font-size: 0.72rem;
  line-height: 1.4;
}

.municipal-access-status[data-state="working"] {
  color: #f3d4aa;
}

.municipal-access-status[data-state="success"] {
  background: rgba(103, 147, 79, 0.14);
  color: #cee3bf;
}

.municipal-access-status[data-state="error"] {
  background: rgba(190, 67, 52, 0.14);
  color: #ffc3b8;
}

.municipal-access-result > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 5px;
}

.municipal-access-actions {
  justify-content: flex-end;
  border-top: 1px solid rgba(248, 244, 236, 0.09);
  background: rgba(8, 16, 12, 0.72);
}

body.inventory-light-mode .municipal-access-card {
  border-color: rgba(31, 49, 39, 0.14);
  background:
    radial-gradient(circle at 92% 0%, rgba(197, 139, 86, 0.12), transparent 34%),
    #f8f5ed;
  color: #17241c;
}

body.inventory-light-mode .municipal-access-head h2,
body.inventory-light-mode .municipal-access-workspace strong,
body.inventory-light-mode .municipal-access-summary strong,
body.inventory-light-mode .municipal-access-result strong,
body.inventory-light-mode .municipal-role-options strong {
  color: #17241c;
}

body.inventory-light-mode .municipal-access-head > button,
body.inventory-light-mode .municipal-role-options > label,
body.inventory-light-mode .municipal-access-body .inventory-field input,
body.inventory-light-mode .municipal-access-status {
  border-color: rgba(31, 49, 39, 0.13);
  background: rgba(31, 49, 39, 0.045);
  color: #2c4033;
}

body.inventory-light-mode :where(
  .municipal-access-workspace small,
  .municipal-access-workspace .municipal-access-separation span,
  .municipal-access-summary small,
  .municipal-access-result span,
  .municipal-role-options small
) {
  color: #667469;
}

@media (max-width: 620px) {
  .command-detail-actions {
    width: 100%;
    justify-content: stretch;
  }

  .command-detail-actions > button {
    flex: 1;
  }

  .municipal-access-dialog {
    width: calc(100vw - 12px);
    max-height: calc(100dvh - 12px);
  }

  .municipal-access-card {
    max-height: calc(100dvh - 12px);
    border-radius: 24px;
  }

  .municipal-access-head,
  .municipal-access-actions {
    padding: 13px;
  }

  .municipal-access-body {
    padding: 12px;
  }

  .municipal-access-workspace {
    grid-template-columns: 1fr;
  }

  .municipal-access-separation {
    padding-top: 9px;
    padding-left: 0;
    border-top: 1px solid rgba(143, 178, 111, 0.2);
    border-left: 0;
  }

  .municipal-role-options > label {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .municipal-role-options b {
    grid-column: 2;
    justify-self: start;
  }

  .municipal-access-actions > button {
    flex: 1;
    min-width: 0;
  }
}

body.inventory-light-mode .wizard-recommendation-menu,
body.inventory-light-mode .clone-tree-card,
body.inventory-light-mode .wizard-work-card,
body.inventory-light-mode .wizard-work-empty,
body.inventory-light-mode .clone-tree-result,
body.inventory-light-mode .clone-tree-source-choices > button,
body.inventory-light-mode .wizard-recommendation-option {
  color: var(--text);
}

/* Phase 10: property-scoped client portal */
[data-client-portal-only] {
  display: none;
}

body.client-portal-mode[data-workflow="start"] .start-layout {
  width: min(1180px, 100%);
  display: block;
}

.client-portal-mode .inventory-nav,
.client-portal-mode .mobile-home-toolbar,
.client-portal-mode .mobile-bottom-nav,
.client-portal-mode [data-start-panel],
.client-portal-mode .start-hero-card,
.client-portal-mode .start-account-card,
.client-portal-mode .start-lookup-card,
.client-portal-mode .start-cloud-card,
.client-portal-mode .start-panel-tabs {
  display: none !important;
}

.client-portal-mode .client-home-dashboard {
  width: 100%;
  max-height: none;
  grid-template-rows: auto auto minmax(0, 1fr);
  padding: clamp(18px, 2.8vw, 30px);
  border-color: rgba(143, 178, 111, 0.3);
  background:
    radial-gradient(circle at 92% 4%, rgba(213, 150, 99, 0.14), transparent 29%),
    linear-gradient(145deg, rgba(143, 178, 111, 0.09), transparent 48%),
    var(--panel);
}

.client-home-navigation {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 6px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background: rgba(4, 12, 8, 0.2);
}

.client-home-navigation button {
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.client-home-navigation button:is(:hover, .is-active) {
  border-color: rgba(143, 178, 111, 0.24);
  background: rgba(143, 178, 111, 0.12);
  color: var(--text);
}

.client-home-view {
  min-height: 0;
  display: none;
  gap: 12px;
}

.client-home-view.is-active {
  display: grid;
}

.client-portal-mode .client-home-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-library-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 4px 2px;
}

.client-library-heading > div,
.client-library-heading label {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.client-library-heading > div > span,
.client-library-heading label > span {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.client-library-heading > div > strong {
  color: var(--text);
  font-size: 1rem;
}

.client-library-heading label {
  width: min(360px, 44%);
}

.client-library-heading input {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 13px;
  background: rgba(4, 12, 8, 0.24);
  color: var(--text);
}

.client-property-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  overflow-y: auto;
  padding: 1px 3px 3px;
}

.client-property-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 20px;
  background: rgba(4, 12, 8, 0.18);
}

.client-property-card.has-attention {
  border-color: rgba(213, 150, 99, 0.28);
}

.client-property-card-main {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 13px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border: 0;
  background: transparent;
  color: var(--text);
  text-align: left;
}

.client-property-card-main:hover {
  background: rgba(143, 178, 111, 0.08);
}

.client-property-marker {
  width: 11px;
  height: 38px;
  border-radius: 999px;
  background: #789d68;
  box-shadow: 0 0 18px rgba(120, 157, 104, 0.26);
}

.has-attention .client-property-marker {
  background: #d59663;
  box-shadow: 0 0 18px rgba(213, 150, 99, 0.3);
}

.client-property-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.client-property-copy > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-property-copy small {
  color: var(--accent-strong);
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.client-property-copy strong {
  font-size: 0.94rem;
}

.client-property-copy span,
.client-property-open {
  color: var(--muted);
  font-size: 0.68rem;
}

.client-property-open {
  font-weight: 900;
  white-space: nowrap;
}

.client-property-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(248, 244, 236, 0.08);
}

.client-property-metrics > span,
.client-property-metrics > button {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 9px 7px;
  border: 0;
  border-right: 1px solid rgba(248, 244, 236, 0.07);
  background: transparent;
  color: var(--muted);
  font-size: 0.55rem;
  text-align: center;
}

.client-property-metrics > :last-child {
  border-right: 0;
}

.client-property-metrics strong {
  color: var(--text);
  font-size: 0.8rem;
}

.client-property-metrics .is-attention strong {
  color: #f4bd86;
}

.client-report-list {
  display: grid;
  gap: 8px;
  overflow-y: auto;
  padding: 1px 3px 3px;
}

.client-report-card {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 17px;
  background: rgba(4, 12, 8, 0.18);
  color: var(--text);
  text-align: left;
}

.client-report-card:hover {
  border-color: rgba(143, 178, 111, 0.32);
  background: rgba(143, 178, 111, 0.08);
}

.client-report-kind {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(143, 178, 111, 0.22);
  border-radius: 15px;
  background: rgba(143, 178, 111, 0.1);
  color: #dcebcf;
  font-size: 0.64rem;
  font-weight: 950;
}

.client-report-card[data-report-kind="risk"] .client-report-kind {
  border-color: rgba(213, 150, 99, 0.28);
  background: rgba(213, 150, 99, 0.11);
  color: #f2c493;
}

.client-report-card[data-report-kind="appraisal"] .client-report-kind {
  border-color: rgba(120, 160, 165, 0.3);
  background: rgba(120, 160, 165, 0.11);
  color: #c9e0e1;
}

.client-report-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.client-report-copy > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-report-copy small {
  color: var(--accent-strong);
  font-size: 0.61rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.client-report-copy strong {
  font-size: 0.9rem;
}

.client-report-copy span,
.client-report-date,
.client-report-card > b {
  color: var(--muted);
  font-size: 0.68rem;
}

.client-report-card > b {
  color: var(--accent-strong);
  white-space: nowrap;
}

.client-portal-mode [data-client-portal-only] {
  display: grid;
}

.client-portal-mode .inventory-stage-actions > :not(.client-map-menu) {
  display: none !important;
}

.client-portal-mode .client-map-menu {
  grid-column: 1 / -1;
  grid-template-columns: 1fr;
  gap: 7px;
}

.client-portal-mode .client-map-menu .property-menu-section-title {
  grid-column: auto;
}

.client-portal-mode #mobile-map-clone-last,
.client-portal-mode .mobile-field-session,
.client-portal-mode .cockpit-action-row,
.client-portal-mode #inventory-map-lock,
.client-portal-mode .batch-map-section,
.client-portal-mode .zone-management-section .map-intelligence-section-head button,
.client-portal-mode .zone-draft-controls,
.client-portal-mode .property-zone-list button {
  display: none !important;
}

.client-portal-mode .map-field-cockpit {
  width: min(500px, calc(100% - 96px));
}

.client-portal-mode[data-workflow="tree"] .selected-tree-card > .section-heading,
.client-portal-mode[data-workflow="tree"] .capture-step-strip,
.client-portal-mode[data-workflow="tree"] .selected-photo-panel,
.client-portal-mode[data-workflow="tree"] .tree-form-grid,
.client-portal-mode[data-workflow="tree"] .selected-work-panel,
.client-portal-mode[data-workflow="tree"] .tree-editor > .inventory-action-row > :not(#back-to-map) {
  display: none !important;
}

.client-portal-mode[data-workflow="tree"] .client-notes-panel {
  margin: 0;
}

@media (min-width: 621px) {
  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet:not([hidden]) {
    position: fixed;
    z-index: 32;
    top: 126px;
    right: 22px;
    bottom: 22px;
    width: min(410px, calc(100vw - 44px));
    display: grid;
    align-content: start;
    gap: 11px;
    overflow-y: auto;
    padding: 15px;
    border: 1px solid rgba(248, 244, 236, 0.16);
    border-radius: 25px;
    background: rgba(14, 25, 19, 0.97);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.46);
    backdrop-filter: blur(22px);
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-header {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) 40px;
    gap: 10px;
    align-items: center;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-photo {
    width: 62px;
    height: 62px;
    overflow: hidden;
    border: 1px solid rgba(248, 244, 236, 0.13);
    border-radius: 18px;
    background: linear-gradient(145deg, #263b30, #15241c);
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-title {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-title > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-title span,
  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-title em {
    color: var(--muted);
    font-size: 0.68rem;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-title strong {
    color: var(--text);
    font-size: 1.05rem;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-close,
  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-navigation button {
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--text);
    font-weight: 900;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-badges,
  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-navigation {
    display: flex;
    gap: 7px;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-badges span {
    padding: 6px 9px;
    border: 1px solid rgba(143, 178, 111, 0.22);
    border-radius: 999px;
    background: rgba(143, 178, 111, 0.1);
    color: #e5f1d8;
    font-size: 0.65rem;
    font-weight: 900;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-facts,
  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-actions {
    display: grid;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-facts > span {
    display: grid;
    gap: 3px;
    padding: 9px;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-facts small {
    color: var(--muted);
    font-size: 0.58rem;
    font-weight: 900;
    text-transform: uppercase;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-recommendation {
    margin: 0;
    padding: 10px;
    border-left: 3px solid var(--accent);
    border-radius: 0 12px 12px 0;
    background: rgba(213, 150, 99, 0.08);
    color: var(--text);
    line-height: 1.4;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-navigation {
    align-items: center;
    justify-content: space-between;
  }

  body.client-portal-mode[data-workflow="map"] .mobile-tree-sheet-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }
}

.tree-review-dialog {
  width: min(1120px, 76vw);
  height: min(840px, 82dvh);
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  color: var(--text);
}

.tree-review-dialog::backdrop {
  background: rgba(3, 8, 5, 0.76);
  backdrop-filter: blur(9px) saturate(0.72);
}

.tree-review-dialog [hidden] {
  display: none !important;
}

.tree-review-card {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  grid-template-areas:
    "review-header"
    "review-tabs"
    "review-body"
    "review-footer";
  overflow: hidden;
  border: 1px solid rgba(226, 235, 218, 0.16);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 0%, rgba(139, 176, 106, 0.17), transparent 32%),
    radial-gradient(circle at 100% 100%, rgba(196, 124, 78, 0.1), transparent 30%),
    #111d16;
  box-shadow: 0 38px 120px rgba(0, 0, 0, 0.62);
  animation: tree-review-enter 180ms ease-out both;
}

.tree-review-dialog[data-viewer="client"] .tree-review-card {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  grid-template-areas:
    "review-header"
    "review-tabs"
    "review-client-boundary"
    "review-body"
    "review-footer";
}

.tree-review-tabs {
  grid-area: review-tabs;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 8px 18px;
  border-bottom: 1px solid rgba(226, 235, 218, 0.09);
  background: rgba(11, 20, 14, 0.92);
}

.tree-review-client-boundary {
  grid-area: review-client-boundary;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px 18px;
  border-bottom: 1px solid rgba(150, 190, 119, 0.14);
  background: linear-gradient(90deg, rgba(150, 190, 119, 0.11), rgba(114, 160, 157, 0.06));
}

.tree-review-client-lock {
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
  border: 1px solid rgba(166, 205, 130, 0.24);
  border-radius: 10px;
  background: rgba(166, 205, 130, 0.1);
}

.tree-review-client-lock::before {
  width: 10px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 9px;
  border: 2px solid #b9d3a4;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  content: "";
}

.tree-review-client-lock::after {
  width: 14px;
  height: 11px;
  position: absolute;
  top: 13px;
  left: 7px;
  border-radius: 3px;
  background: #b9d3a4;
  content: "";
}

.tree-review-client-boundary > div {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.tree-review-client-boundary strong {
  color: #edf5e7;
  font-size: 0.72rem;
}

.tree-review-client-boundary small {
  overflow: hidden;
  color: #9caa9d;
  font-size: 0.61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-review-client-save-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid rgba(150, 190, 119, 0.2);
  border-radius: 999px;
  background: rgba(150, 190, 119, 0.08);
  color: #c9ddb8;
  font-size: 0.6rem;
  font-weight: 900;
  white-space: nowrap;
}

.tree-review-client-save-state::before {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #95bc75;
  box-shadow: 0 0 0 3px rgba(149, 188, 117, 0.11);
  content: "";
}

.tree-review-client-save-state[data-state="saving"]::before {
  background: #80a9a8;
  animation: tree-review-save-pulse 1s ease-in-out infinite;
}

.tree-review-client-save-state[data-state="draft"]::before,
.tree-review-client-save-state[data-state="local"]::before,
.tree-review-client-save-state[data-state="preview"]::before {
  background: #d2a765;
}

.tree-review-client-save-state[data-state="error"] {
  border-color: rgba(224, 103, 86, 0.28);
  background: rgba(224, 103, 86, 0.09);
  color: #f2b0a7;
}

.tree-review-client-save-state[data-state="error"]::before {
  background: #df6756;
}

.tree-review-tabs button {
  min-width: 0;
  min-height: 48px;
  display: grid;
  place-content: center;
  gap: 2px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: #849087;
  font: inherit;
  text-align: center;
}

.tree-review-tabs button span {
  color: inherit;
  font-size: 0.76rem;
  font-weight: 950;
}

.tree-review-tabs button small {
  overflow: hidden;
  color: #6f7c73;
  font-size: 0.56rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-review-tabs button.is-active {
  border-color: rgba(165, 201, 133, 0.28);
  background: rgba(165, 201, 133, 0.1);
  color: #e6f1dc;
}

.tree-review-tabs button.is-active small {
  color: #a9ba9e;
}

.tree-review-header {
  grid-area: review-header;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(226, 235, 218, 0.1);
  background: rgba(17, 29, 22, 0.9);
  backdrop-filter: blur(18px);
}

.tree-review-identity {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.tree-review-identity > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-review-identity span,
.tree-review-section header span,
.tree-review-record-card > span {
  color: #a8c48c;
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.tree-review-identity h2 {
  margin: 0;
  color: #fff8e9;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.1vw, 2rem);
  line-height: 1.05;
}

.tree-review-identity p {
  margin: 1px 0 0;
  color: #9eaaa1;
  font-size: 0.78rem;
  font-style: italic;
}

.tree-review-header-actions {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 42px auto 42px 44px;
  gap: 7px;
  align-items: center;
}

.tree-review-header-actions button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(226, 235, 218, 0.12);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  color: #f6f0e4;
  font-size: 1rem;
  font-weight: 900;
}

.tree-review-header-actions button:hover:not(:disabled) {
  border-color: rgba(157, 190, 126, 0.42);
  background: rgba(157, 190, 126, 0.12);
}

.tree-review-header-actions button:disabled {
  opacity: 0.34;
}

.tree-review-header-actions > span {
  min-width: 54px;
  color: #9eaaa1;
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.tree-review-header-actions .tree-review-close {
  width: 44px;
  height: 44px;
  margin-left: 4px;
  border-color: rgba(226, 235, 218, 0.16);
  font-size: 1.45rem;
}

.tree-review-body {
  grid-area: review-body;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(440px, 1.35fr);
  overflow: hidden;
}

.tree-review-dialog:not([data-active-panel="overview"]) .tree-review-body {
  grid-template-columns: minmax(0, 1fr);
}

.tree-review-dialog:not([data-active-panel="overview"]) .tree-review-detail-column {
  width: min(820px, 100%);
  margin: 0 auto;
}

.tree-review-media-column,
.tree-review-detail-column {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  scrollbar-color: rgba(166, 193, 139, 0.35) transparent;
}

.tree-review-media-column {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px;
  border-right: 1px solid rgba(226, 235, 218, 0.09);
  background: rgba(4, 10, 7, 0.18);
}

.tree-review-photo {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  border: 1px solid rgba(226, 235, 218, 0.13);
  border-radius: 22px;
  background: linear-gradient(145deg, #273c2f, #142219);
}

.tree-review-photo > img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  display: block;
  object-fit: contain;
  background: #0b120e;
}

.tree-review-photo-empty {
  height: 100%;
  min-height: 260px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  padding: 24px;
  color: #dce7d1;
  text-align: center;
}

.tree-review-photo-empty > span {
  width: 76px;
  height: 68px;
  position: relative;
  display: block;
  border-radius: 48% 52% 44% 56%;
  background:
    radial-gradient(circle at 35% 35%, #bdd6a4 0 16%, transparent 17%),
    #759963;
  box-shadow: -18px 15px 0 -9px #5e8253, 20px 14px 0 -9px #91b374;
}

.tree-review-photo-empty > span::after {
  width: 5px;
  height: 40px;
  position: absolute;
  top: 52px;
  left: 36px;
  border-radius: 4px;
  background: #bd8d62;
  content: "";
}

.tree-review-photo-empty strong {
  margin-top: 25px;
  color: #f8f3e7;
  font-size: 0.92rem;
}

.tree-review-photo-empty small {
  max-width: 230px;
  color: #9eaaa1;
  line-height: 1.4;
}

.tree-review-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.tree-review-gallery button {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 4px;
  overflow: hidden;
  border: 1px solid rgba(226, 235, 218, 0.11);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  color: #9eaaa1;
  font-size: 0.56rem;
}

.tree-review-gallery button.is-selected {
  border-color: #a5c985;
  box-shadow: 0 0 0 2px rgba(165, 201, 133, 0.13);
}

.tree-review-gallery img {
  width: 100%;
  aspect-ratio: 1;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}

.tree-review-gallery span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-review-record-card {
  display: grid;
  gap: 5px;
  padding: 15px;
  border: 1px solid rgba(226, 235, 218, 0.1);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.035);
}

.tree-review-record-card > strong {
  overflow-wrap: anywhere;
  color: #fff8e9;
  font-size: 1rem;
}

.tree-review-record-card > small {
  color: #c5a17d;
  font-weight: 900;
}

.tree-review-record-card dl {
  display: grid;
  gap: 0;
  margin: 8px 0 0;
}

.tree-review-record-card dl > div {
  display: grid;
  grid-template-columns: minmax(90px, 0.65fr) minmax(0, 1fr);
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid rgba(226, 235, 218, 0.08);
}

.tree-review-record-card dt,
.tree-review-record-card dd {
  margin: 0;
  font-size: 0.68rem;
}

.tree-review-record-card dt {
  color: #87948b;
  font-weight: 850;
}

.tree-review-record-card dd {
  overflow-wrap: anywhere;
  color: #dce5db;
  text-align: right;
}

.tree-review-detail-column {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px 20px 24px;
}

.tree-review-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.tree-review-badges span {
  padding: 7px 10px;
  border: 1px solid rgba(151, 188, 116, 0.24);
  border-radius: 999px;
  background: rgba(151, 188, 116, 0.09);
  color: #dcebd0;
  font-size: 0.67rem;
  font-weight: 900;
}

.tree-review-badges span[data-review-value*="Critical"],
.tree-review-badges span[data-review-value*="Extreme"],
.tree-review-badges span[data-review-value*="Poor"],
.tree-review-badges span[data-review-value*="Remove"] {
  border-color: rgba(225, 91, 78, 0.34);
  background: rgba(225, 91, 78, 0.12);
  color: #ffc5bd;
}

.tree-review-badges span[data-review-value*="Soon"],
.tree-review-badges span[data-review-value*="Moderate"],
.tree-review-badges span[data-review-value*="Fair"],
.tree-review-badges span[data-review-value*="Monitor"] {
  border-color: rgba(218, 157, 69, 0.35);
  background: rgba(218, 157, 69, 0.1);
  color: #ffdda7;
}

.tree-review-section {
  display: grid;
  gap: 10px;
  padding: 15px;
  border: 1px solid rgba(226, 235, 218, 0.09);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.028);
}

.tree-review-section > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}

.tree-review-section h3 {
  margin: 2px 0 0;
  color: #fff8e9;
  font-size: 0.98rem;
}

.tree-review-section header > small {
  color: #87948b;
  font-size: 0.66rem;
  font-weight: 850;
  text-align: right;
}

.tree-review-section-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.tree-review-section-actions > small {
  color: #87948b;
  font-size: 0.66rem;
  font-weight: 850;
  text-align: right;
}

.tree-review-inline-action {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid rgba(166, 205, 130, 0.22);
  border-radius: 999px;
  background: rgba(166, 205, 130, 0.08);
  color: #cce2ba;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 900;
  white-space: nowrap;
}

.tree-review-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.tree-review-facts > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px;
  border: 1px solid rgba(226, 235, 218, 0.08);
  border-radius: 14px;
  background: rgba(4, 10, 7, 0.23);
}

.tree-review-facts span {
  color: #87948b;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.tree-review-facts strong {
  overflow: hidden;
  color: #f5f1e7;
  font-size: 0.82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-review-recommendation-section {
  border-color: rgba(204, 143, 91, 0.22);
  background: linear-gradient(135deg, rgba(204, 143, 91, 0.1), rgba(255, 255, 255, 0.025));
}

.tree-review-recommendation-section > p {
  margin: 0;
  color: #f2eadf;
  font-size: 0.86rem;
  line-height: 1.55;
}

.tree-review-recommendation-section .tree-review-arborist-notes {
  padding-top: 10px;
  border-top: 1px solid rgba(226, 235, 218, 0.09);
  color: #bfc9c0;
  font-size: 0.75rem;
}

.tree-review-action-list,
.tree-review-note-list,
.tree-review-report-list {
  display: grid;
  gap: 8px;
}

.tree-review-report-list > article {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid rgba(128, 169, 168, 0.17);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(128, 169, 168, 0.09), rgba(4, 10, 7, 0.2));
}

.tree-review-report-kind {
  max-width: 108px;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(128, 169, 168, 0.11);
  color: #b8d9d7;
  font-size: 0.57rem;
  font-weight: 950;
  line-height: 1.2;
  text-align: center;
}

.tree-review-report-list > article > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.tree-review-report-list strong {
  color: #f5f1e7;
  font-size: 0.81rem;
}

.tree-review-report-list p {
  overflow-wrap: anywhere;
  margin: 0;
  color: #b7c2ba;
  font-size: 0.69rem;
  line-height: 1.4;
}

.tree-review-report-list small {
  color: #87948b;
  font-size: 0.61rem;
}

.tree-review-report-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.tree-review-report-list a,
.tree-review-report-list button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border: 1px solid rgba(166, 205, 130, 0.23);
  border-radius: 10px;
  background: rgba(166, 205, 130, 0.08);
  color: #cce2ba;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.tree-review-action-list > article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 11px;
  border: 1px solid rgba(226, 235, 218, 0.08);
  border-left: 3px solid #8dad73;
  border-radius: 14px;
  background: rgba(4, 10, 7, 0.22);
}

.tree-review-action-toggle {
  min-height: 34px;
  align-self: center;
  padding: 6px 9px;
  border: 1px solid rgba(99, 188, 125, 0.28);
  border-radius: 10px;
  background: rgba(99, 188, 125, 0.1);
  color: #bce7c5;
  font: inherit;
  font-size: 0.6rem;
  font-weight: 900;
  white-space: nowrap;
}

.tree-review-action-list > article[data-action-status="Completed"] .tree-review-action-toggle {
  border-color: rgba(226, 235, 218, 0.13);
  background: rgba(255, 255, 255, 0.035);
  color: #a7b1a9;
}

.tree-review-action-list > article[data-action-priority="Critical"] {
  border-left-color: #df5b4d;
}

.tree-review-action-list > article[data-action-priority="High"] {
  border-left-color: #d89a45;
}

.tree-review-action-list > article[data-action-status="Completed"] {
  opacity: 0.64;
}

.tree-review-action-priority {
  min-width: 58px;
  padding: 5px 7px;
  border-radius: 999px;
  background: rgba(141, 173, 115, 0.1);
  color: #bed8a7;
  font-size: 0.58rem;
  font-weight: 950;
  text-align: center;
  text-transform: uppercase;
}

.tree-review-action-list article > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.tree-review-action-list strong {
  color: #f5f1e7;
  font-size: 0.8rem;
}

.tree-review-action-list small {
  color: #8f9b92;
  font-size: 0.65rem;
}

.tree-review-action-list p,
.tree-review-note-list p {
  margin: 3px 0 0;
  color: #bdc7bf;
  font-size: 0.72rem;
  line-height: 1.45;
}

.tree-review-note-list > article {
  display: grid;
  gap: 6px;
  padding: 11px;
  border: 1px solid rgba(226, 235, 218, 0.08);
  border-radius: 14px;
  background: rgba(4, 10, 7, 0.2);
}

.tree-review-note-list > article.is-flagged {
  border-color: rgba(220, 134, 64, 0.25);
  background: rgba(220, 134, 64, 0.07);
}

.tree-review-note-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tree-review-note-head strong {
  color: #f1ece2;
  font-size: 0.72rem;
}

.tree-review-note-head span {
  color: #89958c;
  font-size: 0.62rem;
}

.tree-review-note-photos {
  display: flex;
  gap: 7px;
}

.tree-review-note-photos img {
  width: 62px;
  height: 62px;
  object-fit: cover;
  border-radius: 12px;
}

.tree-review-note-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  padding-top: 4px;
}

.tree-review-note-statuses span,
.tree-review-note-statuses button {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid rgba(226, 235, 218, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: #aeb9b0;
  font: inherit;
  font-size: 0.56rem;
  font-weight: 900;
}

.tree-review-note-statuses span[data-flag-state="open"] {
  border-color: rgba(220, 153, 78, 0.25);
  background: rgba(220, 153, 78, 0.08);
  color: #efc48d;
}

.tree-review-note-statuses span[data-flag-state="reviewed"],
.tree-review-note-statuses span[data-flag-state="resolved"],
.tree-review-note-statuses span[data-sync-state="saved"] {
  border-color: rgba(149, 188, 117, 0.22);
  background: rgba(149, 188, 117, 0.07);
  color: #c6dcb4;
}

.tree-review-note-statuses span[data-sync-state="error"] {
  border-color: rgba(224, 103, 86, 0.28);
  color: #f2b0a7;
}

.tree-review-note-statuses button {
  border-color: rgba(128, 169, 168, 0.27);
  background: rgba(128, 169, 168, 0.09);
  color: #b8d9d7;
}

.tree-review-empty {
  display: grid;
  gap: 4px;
  padding: 15px;
  border: 1px dashed rgba(226, 235, 218, 0.13);
  border-radius: 14px;
  color: #909c93;
}

.tree-review-empty strong {
  color: #d5ddd4;
  font-size: 0.76rem;
}

.tree-review-empty span {
  font-size: 0.68rem;
  line-height: 1.4;
}

.tree-review-footer {
  grid-area: review-footer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  padding: 14px 18px 16px;
  border-top: 1px solid rgba(226, 235, 218, 0.1);
  background: rgba(13, 23, 17, 0.97);
  box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.18);
}

.tree-review-client-composer {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.tree-review-client-composer label {
  display: grid;
  gap: 5px;
}

.tree-review-client-composer label > span {
  color: #d9e4d4;
  font-size: 0.68rem;
  font-weight: 900;
}

.tree-review-client-composer textarea {
  width: 100%;
  min-height: 58px;
  max-height: 120px;
  resize: vertical;
  border: 1px solid rgba(226, 235, 218, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: #fff8e9;
  font: inherit;
}

.tree-review-client-composer > small {
  color: #869289;
  font-size: 0.61rem;
}

.tree-review-client-attachments {
  display: flex;
  gap: 7px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}

.tree-review-client-attachments .client-attachment-chip {
  width: 154px;
  min-width: 154px;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 3px 7px;
  padding: 5px;
  border-radius: 12px;
}

.tree-review-client-attachments .client-attachment-chip img {
  width: 44px;
  height: 44px;
  grid-row: 1 / 3;
  object-fit: cover;
  border-radius: 8px;
}

.tree-review-client-attachments .client-attachment-chip span {
  overflow: hidden;
  color: #dfe8dd;
  font-size: 0.58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-review-client-attachments .client-attachment-chip button {
  min-height: 20px;
  justify-self: start;
  padding: 2px 6px;
  font-size: 0.52rem;
}

.tree-review-client-actions,
.tree-review-professional-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(116px, 1fr));
  gap: 8px;
}

.tree-review-client-actions button,
.tree-review-professional-actions button {
  min-height: 48px;
  white-space: nowrap;
}

.tree-review-client-actions .attention-flag-button {
  border-color: rgba(219, 132, 65, 0.3);
  background: rgba(219, 132, 65, 0.1);
  color: #ffd7af;
}

.tree-review-more {
  min-width: 0;
  position: relative;
}

.tree-review-more > summary {
  min-height: 48px;
  display: grid;
  place-items: center;
  padding: 9px 14px;
  border: 1px solid rgba(226, 235, 218, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  color: #dce5db;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 900;
  list-style: none;
}

.tree-review-more > summary::-webkit-details-marker {
  display: none;
}

.tree-review-more[open] > summary {
  border-color: rgba(165, 201, 133, 0.34);
  background: rgba(165, 201, 133, 0.1);
  color: #edf4e6;
}

.tree-review-more-menu {
  width: min(230px, calc(100vw - 24px));
  position: absolute;
  right: 0;
  bottom: calc(100% + 9px);
  z-index: 12;
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(226, 235, 218, 0.16);
  border-radius: 16px;
  background: #17251c;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.45);
}

.tree-review-more-menu button {
  width: 100%;
  min-height: 42px;
  text-align: left;
}

@keyframes tree-review-enter {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes tree-review-save-pulse {
  50% {
    opacity: 0.45;
    transform: scale(0.8);
  }
}

body.inventory-light-mode .tree-review-card {
  border-color: rgba(31, 49, 39, 0.15);
  background:
    radial-gradient(circle at 8% 0%, rgba(102, 139, 79, 0.15), transparent 32%),
    radial-gradient(circle at 100% 100%, rgba(174, 105, 65, 0.1), transparent 30%),
    #f6f2e9;
  color: #17241c;
  box-shadow: 0 35px 100px rgba(27, 39, 31, 0.28);
}

body.inventory-light-mode .tree-review-header,
body.inventory-light-mode .tree-review-footer,
body.inventory-light-mode .tree-review-tabs {
  border-color: rgba(31, 49, 39, 0.12);
  background: rgba(246, 242, 233, 0.96);
}

body.inventory-light-mode .tree-review-header-actions button {
  border-color: rgba(31, 49, 39, 0.16);
  background: rgba(255, 255, 255, 0.66);
  color: #17241c;
}

body.inventory-light-mode .tree-review-header-actions > span,
body.inventory-light-mode .tree-review-identity p {
  color: #5e6c62;
}

body.inventory-light-mode .tree-review-tabs button {
  color: #617064;
}

body.inventory-light-mode .tree-review-tabs button small {
  color: #748278;
}

body.inventory-light-mode .tree-review-client-boundary {
  border-color: rgba(68, 111, 63, 0.15);
  background: linear-gradient(90deg, rgba(68, 111, 63, 0.1), rgba(74, 123, 126, 0.06));
}

body.inventory-light-mode .tree-review-client-boundary strong,
body.inventory-light-mode .tree-review-client-attachments .client-attachment-chip span {
  color: #24372b;
}

body.inventory-light-mode .tree-review-client-boundary small {
  color: #617064;
}

body.inventory-light-mode .tree-review-client-save-state {
  border-color: rgba(68, 111, 63, 0.2);
  background: rgba(68, 111, 63, 0.07);
  color: #365a3c;
}

body.inventory-light-mode .tree-review-tabs button.is-active {
  border-color: rgba(68, 111, 63, 0.24);
  background: rgba(68, 111, 63, 0.1);
  color: #23412c;
}

body.inventory-light-mode .tree-review-tabs button.is-active small {
  color: #526657;
}

body.inventory-light-mode .tree-review-more > summary {
  border-color: rgba(31, 49, 39, 0.15);
  background: rgba(255, 255, 255, 0.65);
  color: #24362b;
}

body.inventory-light-mode .tree-review-more-menu {
  border-color: rgba(31, 49, 39, 0.15);
  background: #f8f5ed;
  box-shadow: 0 18px 46px rgba(29, 43, 34, 0.2);
}

body.inventory-light-mode .tree-review-identity h2,
body.inventory-light-mode .tree-review-section h3,
body.inventory-light-mode .tree-review-record-card > strong,
body.inventory-light-mode .tree-review-facts strong,
body.inventory-light-mode .tree-review-action-list strong,
body.inventory-light-mode .tree-review-note-head strong,
body.inventory-light-mode .tree-review-client-composer textarea {
  color: #17241c;
}

body.inventory-light-mode .tree-review-note-statuses span,
body.inventory-light-mode .tree-review-note-statuses button,
body.inventory-light-mode .tree-review-client-attachments .client-attachment-chip {
  border-color: rgba(31, 49, 39, 0.13);
  background: rgba(255, 255, 255, 0.62);
  color: #4b5d50;
}

body.inventory-light-mode :where(
  .tree-review-section,
  .tree-review-record-card,
  .tree-review-facts > div,
  .tree-review-action-list > article,
  .tree-review-note-list > article
) {
  border-color: rgba(31, 49, 39, 0.11);
  background: rgba(255, 255, 255, 0.54);
}

body.inventory-light-mode .tree-review-media-column {
  border-color: rgba(31, 49, 39, 0.1);
  background: rgba(31, 49, 39, 0.025);
}

body.inventory-light-mode .tree-review-recommendation-section {
  border-color: rgba(166, 95, 63, 0.2);
  background: rgba(166, 95, 63, 0.07);
}

body.inventory-light-mode :where(
  .tree-review-recommendation-section > p,
  .tree-review-action-list p,
  .tree-review-note-list p,
  .tree-review-record-card dd
) {
  color: #4c5b51;
}

body.inventory-light-mode .tree-review-client-composer textarea {
  border-color: rgba(31, 49, 39, 0.15);
  background: rgba(255, 255, 255, 0.72);
}

@media (max-width: 760px) {
  .tree-review-dialog {
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    margin: 0;
  }

  .tree-review-card {
    border: 0;
    border-radius: 0;
  }

  .tree-review-tabs {
    gap: 5px;
    padding: 6px 10px;
  }

  .tree-review-tabs button {
    min-height: 44px;
    padding: 6px 5px;
    border-radius: 12px;
  }

  .tree-review-tabs button small {
    display: none;
  }

  .tree-review-report-list > article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .tree-review-report-kind {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .tree-review-client-boundary {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 4px 9px;
    padding: 7px 10px 8px;
  }

  .tree-review-client-boundary small {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .tree-review-client-save-state {
    min-height: 24px;
    grid-column: 2;
    justify-self: start;
    padding: 3px 7px;
    font-size: 0.54rem;
  }

  .tree-review-header {
    gap: 9px;
    padding:
      max(10px, env(safe-area-inset-top))
      10px
      10px;
  }

  .tree-review-identity span {
    font-size: 0.54rem;
  }

  .tree-review-identity h2 {
    font-size: 1.18rem;
  }

  .tree-review-identity p {
    font-size: 0.66rem;
  }

  .tree-review-header-actions {
    grid-template-columns: 38px 38px 42px;
    gap: 5px;
  }

  .tree-review-header-actions > span {
    display: none;
  }

  .tree-review-header-actions button,
  .tree-review-header-actions .tree-review-close {
    width: 38px;
    height: 38px;
    min-height: 38px;
    margin: 0;
  }

  .tree-review-body {
    display: block;
    overflow-y: auto;
  }

  .tree-review-media-column,
  .tree-review-detail-column {
    overflow: visible;
  }

  .tree-review-media-column {
    gap: 10px;
    padding: 12px;
    border-right: 0;
  }

  .tree-review-photo,
  .tree-review-photo-empty {
    min-height: 230px;
  }

  .tree-review-photo.is-empty,
  .tree-review-photo.is-empty .tree-review-photo-empty {
    min-height: 144px;
  }

  .tree-review-photo.is-empty .tree-review-photo-empty {
    grid-template-columns: 76px minmax(0, 1fr);
    grid-template-rows: auto auto;
    place-content: center stretch;
    justify-items: start;
    column-gap: 14px;
    row-gap: 4px;
    padding: 16px 18px;
    text-align: left;
  }

  .tree-review-photo.is-empty .tree-review-photo-empty > span {
    grid-row: 1 / 3;
  }

  .tree-review-photo.is-empty .tree-review-photo-empty strong {
    align-self: end;
    margin-top: 0;
  }

  .tree-review-photo.is-empty .tree-review-photo-empty small {
    align-self: start;
    max-width: none;
  }

  .tree-review-record-card dl {
    display: none;
  }

  .tree-review-record-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .tree-review-record-card > span {
    grid-column: 1 / -1;
  }

  .tree-review-record-card > small {
    text-align: right;
  }

  .tree-review-detail-column {
    gap: 10px;
    padding: 0 12px 18px;
  }

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

  .tree-review-section {
    padding: 13px;
  }

  .tree-review-section > header {
    gap: 8px;
  }

  .tree-review-section-actions {
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
  }

  .tree-review-inline-action {
    min-height: 34px;
  }

  .tree-review-action-list > article {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .tree-review-action-toggle {
    grid-column: 1 / -1;
    width: 100%;
  }

  .tree-review-footer {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 10px max(10px, env(safe-area-inset-bottom));
  }

  .tree-review-client-composer textarea {
    min-height: 48px;
    max-height: 74px;
    resize: none;
    font-size: 16px;
  }

  .tree-review-client-composer > small {
    display: block;
    overflow: hidden;
    font-size: 0.54rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tree-review-client-attachments .client-attachment-chip {
    width: 138px;
    min-width: 138px;
  }

  .tree-review-client-actions,
  .tree-review-professional-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .tree-review-client-actions button,
  .tree-review-professional-actions button {
    min-width: 0;
    min-height: 46px;
    padding: 8px 5px;
    font-size: 0.68rem;
    white-space: normal;
  }

  .tree-review-more > summary {
    min-height: 46px;
    padding: 8px 5px;
    font-size: 0.68rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tree-review-card,
  .tree-review-client-save-state::before {
    animation: none;
  }
}

@media (max-width: 720px) {
  body.client-portal-mode[data-workflow="start"] .inventory-start-screen {
    align-items: stretch;
    padding-bottom: calc(68px + env(safe-area-inset-bottom));
  }

  body.client-portal-mode[data-workflow="start"] .start-layout {
    height: 100%;
    min-height: 0;
  }

  .client-portal-mode .client-home-dashboard {
    height: 100%;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px;
    overflow: hidden !important;
    border-radius: 22px;
  }

  .client-portal-mode .client-home-head {
    align-items: center;
  }

  .client-portal-mode .client-home-head h1 {
    font-size: 1.35rem;
  }

  .client-portal-mode .client-home-head p:not(.eyebrow) {
    display: none;
  }

  .client-home-navigation {
    position: fixed;
    z-index: 45;
    right: max(8px, env(safe-area-inset-right));
    bottom: max(8px, env(safe-area-inset-bottom));
    left: max(8px, env(safe-area-inset-left));
    min-height: 58px;
    border-radius: 19px;
    background: rgba(12, 23, 17, 0.97);
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(22px);
  }

  .client-home-navigation button {
    min-height: 46px;
    padding: 6px 4px;
    font-size: 0.65rem;
  }

  .client-home-view.is-active {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .client-portal-mode .client-home-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .client-portal-mode .client-home-stats article {
    min-height: 58px;
    padding: 8px 6px;
  }

  .client-portal-mode .client-home-stats span {
    font-size: 0.5rem;
    letter-spacing: 0.02em;
  }

  .client-portal-mode .client-home-stats strong {
    font-size: 0.9rem;
  }

  .client-home-grid,
  .client-property-list {
    grid-template-columns: 1fr;
  }

  .client-home-grid > section {
    padding: 9px;
  }

  .client-home-review-list,
  .client-home-activity-list {
    max-height: none;
    overflow: visible;
  }

  .client-home-actions {
    position: static;
    padding: 0;
    background: none;
  }

  .client-library-heading {
    align-items: stretch;
    flex-direction: column;
    gap: 9px;
  }

  .client-library-heading label {
    width: 100%;
  }

  .client-property-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .client-report-card {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 10px;
  }

  .client-report-kind {
    width: 44px;
    height: 44px;
  }

  .client-report-date {
    grid-column: 2;
  }

  .client-report-card > b {
    grid-column: 3;
    grid-row: 1 / 3;
  }

  .client-portal-mode .map-field-cockpit,
  .client-portal-mode .mobile-map-primary-controls {
    display: none !important;
  }

  body.client-portal-mode[data-workflow="map"] .map-intelligence-trigger {
    top: 76px;
  }
}

html[data-arbsoul-product="v1-core"] .mobile-dashboard-duo {
  grid-template-columns: minmax(0, 1fr);
}

:where(button, a[href], input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(240, 196, 143, 0.86);
  outline-offset: 3px;
}

button,
a,
summary,
label {
  touch-action: manipulation;
}

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

@media (max-width: 620px), (max-height: 620px) and (max-width: 1024px) {
  body :where(input, select, textarea) {
    font-size: 16px !important;
  }

  body.mobile-home-menu-open {
    overflow: hidden;
  }

  .mobile-home-menu-scrim {
    position: fixed;
    z-index: 1190;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(3, 9, 6, 0.58);
    backdrop-filter: blur(2px);
  }

  body[data-workflow="start"] .mobile-home-menu {
    max-height: calc(100dvh - 92px - env(safe-area-inset-top));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .mobile-dashboard-sync,
  .mobile-sync-state {
    appearance: none;
    cursor: pointer;
  }

  .mobile-dashboard-sync {
    line-height: 1.1;
  }

  .mobile-dashboard-sync[data-sync-state="syncing"] {
    border-color: rgba(240, 196, 143, 0.3);
    background: rgba(240, 196, 143, 0.11);
    color: #f2d2a8;
  }

  .mobile-dashboard-sync[data-sync-state="offline"],
  .mobile-dashboard-sync[data-sync-state="conflict"],
  .mobile-dashboard-sync[data-sync-state="error"] {
    border-color: rgba(217, 122, 99, 0.32);
    background: rgba(217, 122, 99, 0.12);
    color: #ffd2c3;
  }

  .mobile-sync-state {
    min-height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
  }

  .mobile-release-dialog {
    width: min(420px, calc(100vw - 16px));
    max-width: none;
    max-height: calc(100dvh - 16px);
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 25px;
    overflow: visible;
    background: transparent;
    color: #f8f4ec;
  }

  .mobile-release-dialog::backdrop {
    background: rgba(3, 9, 6, 0.72);
    backdrop-filter: blur(5px);
  }

  .mobile-release-card {
    max-height: calc(100dvh - 16px);
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(248, 244, 236, 0.16);
    border-radius: 25px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background:
      radial-gradient(circle at 90% 0%, rgba(213, 150, 99, 0.17), transparent 37%),
      linear-gradient(150deg, rgba(143, 178, 111, 0.08), transparent 46%),
      #132019;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.54);
  }

  .mobile-release-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 1px 2px 3px;
  }

  .mobile-release-head > div {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-release-head span {
    color: #e4bb82;
    font-size: 0.58rem;
    font-weight: 950;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .mobile-release-head h2 {
    overflow: hidden;
    color: #fff5e5;
    font-family: "Fraunces", Georgia, serif;
    font-size: 1.22rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-release-head > button {
    min-width: 52px;
    min-height: 42px;
    padding: 7px 10px;
    border: 1px solid rgba(248, 244, 236, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.055);
    color: #e9d9bf;
    font-size: 0.64rem;
    font-weight: 900;
  }

  .mobile-release-state {
    min-width: 0;
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(143, 178, 111, 0.2);
    border-radius: 18px;
    background: rgba(143, 178, 111, 0.075);
  }

  .mobile-release-state > i {
    width: 11px;
    height: 11px;
    border-radius: 999px;
    background: #9bc77c;
    box-shadow: 0 0 0 5px rgba(155, 199, 124, 0.1);
  }

  .mobile-release-state > div {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-release-state strong {
    color: #eef4df;
    font-size: 0.82rem;
  }

  .mobile-release-state span {
    color: #9faf9d;
    font-size: 0.64rem;
    line-height: 1.35;
  }

  .mobile-release-state[data-state="syncing"] > i {
    background: #f0c48f;
    animation: sync-state-pulse 900ms ease-in-out infinite alternate;
  }

  .mobile-release-state[data-state="offline"],
  .mobile-release-state[data-state="error"],
  .mobile-release-state[data-state="conflict"] {
    border-color: rgba(217, 122, 99, 0.25);
    background: rgba(217, 122, 99, 0.08);
  }

  .mobile-release-state[data-state="offline"] > i,
  .mobile-release-state[data-state="error"] > i,
  .mobile-release-state[data-state="conflict"] > i {
    background: #d97a63;
    box-shadow: 0 0 0 5px rgba(217, 122, 99, 0.1);
  }

  .mobile-release-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .mobile-release-grid > div {
    min-width: 0;
    min-height: 62px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 9px 10px;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
  }

  .mobile-release-grid span {
    color: #8e9e8d;
    font-size: 0.52rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
  }

  .mobile-release-grid strong {
    overflow: hidden;
    color: #f1e2ca;
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-release-storage,
  .mobile-release-issue {
    padding: 9px 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    color: #9faf9d;
    font-size: 0.62rem;
    line-height: 1.4;
  }

  .mobile-release-issue {
    border: 1px solid rgba(217, 122, 99, 0.2);
    background: rgba(217, 122, 99, 0.07);
    color: #efb09c;
  }

  .mobile-release-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .mobile-release-actions > button {
    min-width: 0;
    min-height: 48px;
    padding: 9px;
    font-size: 0.64rem;
  }

  .mobile-feedback {
    position: fixed;
    z-index: 2600;
    right: 10px;
    bottom: calc(77px + max(5px, env(safe-area-inset-bottom)));
    left: 10px;
    max-width: 440px;
    min-height: 48px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr) 34px;
    gap: 9px;
    align-items: center;
    padding: 8px 8px 8px 12px;
    border: 1px solid rgba(248, 244, 236, 0.15);
    border-radius: 17px;
    background: rgba(20, 33, 26, 0.97);
    color: #f5ead9;
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.46);
    backdrop-filter: blur(18px);
    animation: mobile-feedback-in 180ms ease-out both;
  }

  body[data-workflow="map"] .mobile-feedback {
    bottom: calc(78px + max(5px, env(safe-area-inset-bottom)));
  }

  body[data-workflow="map"] .mobile-feedback[data-tone="error"],
  body[data-workflow="tree"] .mobile-feedback[data-tone="error"] {
    bottom: calc(164px + max(5px, env(safe-area-inset-bottom)));
    pointer-events: none;
  }

  body[data-workflow="map"] .mobile-feedback[data-tone="error"] > button,
  body[data-workflow="tree"] .mobile-feedback[data-tone="error"] > button {
    display: none;
  }

  body[data-workflow="project"] .mobile-feedback,
  body[data-workflow="tree"] .mobile-feedback {
    bottom: max(10px, env(safe-area-inset-bottom));
  }

  .mobile-feedback > i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #d8b079;
    box-shadow: 0 0 0 4px rgba(216, 176, 121, 0.1);
  }

  .mobile-feedback > span {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-feedback > button {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.055);
    color: #c4d0c0;
    font-size: 1.05rem;
  }

  .mobile-feedback[data-tone="success"] > i {
    background: #9bc77c;
  }

  .mobile-feedback[data-tone="error"] {
    border-color: rgba(217, 122, 99, 0.3);
  }

  .mobile-feedback[data-tone="error"] > i {
    background: #d97a63;
  }

  @keyframes mobile-feedback-in {
    from {
      opacity: 0;
      transform: translateY(12px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  body.inventory-light-mode .mobile-home-menu-scrim {
    background: rgba(35, 46, 39, 0.34);
  }

  body.inventory-light-mode .mobile-release-card,
  body.inventory-light-mode .mobile-feedback {
    border-color: rgba(31, 49, 39, 0.16);
    background:
      radial-gradient(circle at 90% 0%, rgba(183, 119, 74, 0.12), transparent 37%),
      rgba(248, 245, 237, 0.985);
    color: #17241c;
    box-shadow: 0 24px 70px rgba(47, 58, 49, 0.25);
  }

  body.inventory-light-mode .mobile-release-head h2,
  body.inventory-light-mode .mobile-release-state strong,
  body.inventory-light-mode .mobile-release-grid strong,
  body.inventory-light-mode .mobile-feedback > span {
    color: #1d2d23;
  }

  body.inventory-light-mode .mobile-release-state,
  body.inventory-light-mode .mobile-release-grid > div,
  body.inventory-light-mode .mobile-release-storage {
    border-color: rgba(31, 49, 39, 0.12);
    background: rgba(31, 49, 39, 0.045);
  }

  body.inventory-light-mode .mobile-release-state span,
  body.inventory-light-mode .mobile-release-grid span,
  body.inventory-light-mode .mobile-release-storage {
    color: #667469;
  }

  body.inventory-light-mode .mobile-release-head > button,
  body.inventory-light-mode .mobile-feedback > button {
    border-color: rgba(31, 49, 39, 0.12);
    background: rgba(31, 49, 39, 0.06);
    color: #33453a;
  }
}

@media (max-width: 380px) {
  .mobile-release-actions {
    grid-template-columns: 1fr;
  }
}

.workspace-organizer-dialog {
  width: min(760px, calc(100vw - 24px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 26px;
  overflow: visible;
  background: transparent;
  color: var(--text);
}

.workspace-organizer-dialog::backdrop {
  background: rgba(3, 9, 6, 0.76);
  backdrop-filter: blur(7px);
}

.sync-review-dialog {
  width: min(760px, calc(100vw - 24px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
}

.sync-review-dialog::backdrop {
  background: rgba(3, 9, 6, 0.78);
  backdrop-filter: blur(7px);
}

.sync-review-card {
  max-height: calc(100dvh - 24px);
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid rgba(248, 244, 236, 0.16);
  border-radius: 26px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background:
    radial-gradient(circle at 88% 0%, rgba(213, 150, 99, 0.15), transparent 34%),
    #132019;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);
}

.sync-review-head,
.sync-review-row,
.sync-review-row-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.sync-review-head > div,
.sync-review-row-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.sync-review-head span,
.sync-review-row-copy > span {
  color: #d8ad76;
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sync-review-head h2 {
  margin: 0;
  color: #fff5e5;
  font-family: "Fraunces", Georgia, serif;
}

.sync-review-head > button {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(248, 244, 236, 0.15);
  border-radius: 13px;
  background: rgba(248, 244, 236, 0.08);
  color: #fff5e5;
  font: inherit;
  font-weight: 900;
}

.sync-review-summary,
.sync-review-row {
  padding: 15px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 18px;
  background: rgba(248, 244, 236, 0.055);
}

.sync-review-summary p,
.sync-review-row p,
.sync-review-row small,
.sync-review-empty {
  margin: 0;
  color: #bdc9bf;
}

.sync-review-list {
  display: grid;
  gap: 10px;
}

.sync-review-row strong {
  color: #fff5e5;
}

.sync-review-row-actions {
  flex: 0 0 auto;
}

body.inventory-light-mode .sync-review-card {
  border-color: rgba(31, 49, 39, 0.12);
  background: #f5f3ea;
}

body.inventory-light-mode .sync-review-head h2,
body.inventory-light-mode .sync-review-row strong {
  color: #24372c;
}

body.inventory-light-mode .sync-review-summary,
body.inventory-light-mode .sync-review-row {
  border-color: rgba(31, 49, 39, 0.12);
  background: rgba(31, 49, 39, 0.04);
}

body.inventory-light-mode :where(.sync-review-summary p, .sync-review-row p, .sync-review-row small, .sync-review-empty) {
  color: #5a6a60;
}

@media (max-width: 620px) {
  .sync-review-dialog {
    width: 100vw;
    height: 100dvh;
    max-height: none;
  }

  .sync-review-card {
    min-height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .sync-review-row {
    align-items: stretch;
    flex-direction: column;
  }

  .sync-review-row-actions > button {
    flex: 1;
  }
}

.workspace-organizer-card {
  max-height: calc(100dvh - 24px);
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid rgba(248, 244, 236, 0.16);
  border-radius: 26px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background:
    radial-gradient(circle at 88% 0%, rgba(213, 150, 99, 0.15), transparent 34%),
    linear-gradient(145deg, rgba(143, 178, 111, 0.07), transparent 45%),
    #132019;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);
}

.workspace-organizer-head,
.workspace-organizer-section > header,
.workspace-organizer-actions,
.workspace-organizer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.workspace-organizer-head > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.workspace-organizer-head span,
.workspace-organizer-grid span,
.workspace-organizer-section > header span {
  color: #d8ad76;
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.workspace-organizer-head h2 {
  margin: 0;
  color: #fff5e5;
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
}

.workspace-organizer-head > button {
  min-height: 42px;
  padding: 8px 13px;
  border: 1px solid rgba(248, 244, 236, 0.13);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.055);
  color: #eadcc5;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 900;
}

.workspace-organizer-intro,
.workspace-organizer-message {
  margin: 0;
  color: #aebcac;
  font-size: 0.8rem;
  line-height: 1.55;
}

.workspace-organizer-message {
  padding: 11px 13px;
  border-left: 3px solid #8fb26f;
  border-radius: 0 14px 14px 0;
  background: rgba(143, 178, 111, 0.07);
  color: #dbe7d4;
}

.workspace-organizer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.workspace-organizer-grid > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.035);
}

.workspace-organizer-grid strong {
  color: #f4e7d4;
  font-size: 1.25rem;
}

.workspace-organizer-section {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.workspace-organizer-section > header strong {
  color: #f0e1ca;
  font-size: 0.82rem;
}

.workspace-organizer-section > header span {
  color: #8e9e8d;
  letter-spacing: 0.04em;
  text-align: right;
  text-transform: none;
}

.workspace-organizer-row {
  min-width: 0;
  padding: 9px 0;
  border-top: 1px solid rgba(248, 244, 236, 0.07);
}

.workspace-organizer-row:first-child {
  border-top: 0;
}

.workspace-organizer-row > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.workspace-organizer-row strong,
.workspace-organizer-row small {
  overflow-wrap: anywhere;
}

.workspace-organizer-row strong {
  color: #eef2df;
  font-size: 0.76rem;
}

.workspace-organizer-row small {
  color: #91a090;
  font-size: 0.64rem;
  line-height: 1.35;
}

.workspace-organizer-row button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid rgba(143, 178, 111, 0.23);
  border-radius: 12px;
  background: rgba(143, 178, 111, 0.08);
  color: #dceaca;
  font: inherit;
  font-size: 0.65rem;
  font-weight: 900;
}

.workspace-organizer-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
  padding-top: 2px;
}

.workspace-organizer-actions > button {
  min-height: 46px;
}

body.inventory-light-mode .workspace-organizer-card {
  border-color: rgba(31, 49, 39, 0.16);
  background:
    radial-gradient(circle at 88% 0%, rgba(183, 119, 74, 0.11), transparent 34%),
    #f8f5ed;
  color: #17241c;
}

body.inventory-light-mode .workspace-organizer-head h2,
body.inventory-light-mode .workspace-organizer-grid strong,
body.inventory-light-mode .workspace-organizer-section > header strong,
body.inventory-light-mode .workspace-organizer-row strong {
  color: #1d2d23;
}

body.inventory-light-mode .workspace-organizer-intro,
body.inventory-light-mode .workspace-organizer-row small,
body.inventory-light-mode .workspace-organizer-section > header span {
  color: #68766c;
}

body.inventory-light-mode .workspace-organizer-grid > div,
body.inventory-light-mode .workspace-organizer-section,
body.inventory-light-mode .workspace-organizer-head > button {
  border-color: rgba(31, 49, 39, 0.12);
  background: rgba(31, 49, 39, 0.045);
}

body.inventory-light-mode .workspace-organizer-message {
  background: rgba(93, 127, 73, 0.08);
  color: #40533f;
}

@media (max-width: 620px) {
  .workspace-organizer-dialog {
    width: calc(100vw - 14px);
    max-height: calc(100dvh - 14px);
  }

  .workspace-organizer-card {
    max-height: calc(100dvh - 14px);
    gap: 11px;
    padding: 14px;
    border-radius: 23px;
  }

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

  .workspace-organizer-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(circle at top left, rgba(143, 178, 111, 0.18), transparent 34%),
    radial-gradient(circle at bottom right, rgba(213, 150, 99, 0.12), transparent 30%),
    linear-gradient(135deg, #0e1713 0%, #14221c 100%);
  color: var(--text);
}

.inventory-access-gate {
  display: none;
}

body.inventory-access-pending .inventory-shell {
  visibility: hidden;
}

body.inventory-access-pending .inventory-access-gate {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 32%, rgba(143, 178, 111, 0.18), transparent 28%),
    #101a15;
  color: var(--text);
  text-align: center;
}

.inventory-access-gate .inventory-brand-mark {
  width: 48px;
  height: 48px;
  margin-bottom: 5px;
}

.inventory-access-gate strong {
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.inventory-access-gate small {
  color: var(--muted);
  font-size: 0.76rem;
}

body {
  min-height: 100vh;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
.import-trigger {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.inventory-shell {
  display: grid;
  gap: 16px;
  min-height: 100vh;
  padding: 16px;
}

[hidden] {
  display: none !important;
}

.is-hidden-advanced {
  display: none !important;
}

.inventory-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(20, 32, 26, 0.82);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.inventory-brand,
.inventory-nav,
.inventory-action-row,
.inventory-stage-actions,
.tree-card-head,
.tree-card-actions,
.tree-meta-line {
  display: flex;
  align-items: center;
  gap: 10px;
}

.inventory-brand {
  min-width: 0;
}

.inventory-brand-mark {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 16px;
  background:
    radial-gradient(circle at 36% 34%, #fff7df 0 22%, transparent 23%),
    conic-gradient(from 220deg, #8fb26f, #203128, #d59663, #8fb26f);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
}

.inventory-brand strong,
.inventory-brand small {
  display: block;
}

.inventory-brand strong {
  font-size: 1rem;
}

.inventory-brand small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.inventory-nav {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.inventory-nav a,
.ghost-button,
.primary-button,
.tool-button,
.import-trigger {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  font-weight: 800;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.inventory-nav a:hover,
.ghost-button:hover,
.primary-button:hover,
.tool-button:hover,
.import-trigger:hover {
  transform: translateY(-1px);
  border-color: rgba(239, 196, 143, 0.34);
}

.primary-button {
  border-color: rgba(239, 196, 143, 0.34);
  background: linear-gradient(135deg, rgba(213, 150, 99, 0.98), rgba(143, 178, 111, 0.9));
  color: #18241d;
}

.ghost-button.active,
.tool-button.active {
  border-color: rgba(143, 178, 111, 0.48);
  background: rgba(143, 178, 111, 0.18);
  color: #e6f5d7;
}

.danger-button {
  border-color: rgba(255, 162, 150, 0.24);
  color: #ffd2cc;
}

button:disabled,
input:disabled,
select:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.inventory-workbench {
  display: grid;
  grid-template-columns: minmax(270px, 330px) minmax(0, 1fr) minmax(340px, 420px);
  gap: 16px;
  min-height: 0;
}

.inventory-start-screen,
.project-intake-screen {
  min-height: calc(100vh - 112px);
  display: grid;
  place-items: center;
}

.start-layout {
  width: min(1180px, 100%);
  display: grid;
  grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1.28fr);
  gap: 16px;
  align-items: stretch;
}

.mobile-home-toolbar,
.mobile-home-menu,
.mobile-property-browser-toolbar,
.mobile-property-filter-row,
.mobile-property-results,
.mobile-dashboard-panel,
.mobile-dashboard-page,
.mobile-bottom-nav,
.mobile-map-topbar,
.mobile-map-primary-controls,
.mobile-field-session,
.mobile-property-menu-head,
.mobile-tree-sheet,
.map-tree-picker {
  display: none;
}

.map-tree-picker:not([hidden]) {
  position: absolute;
  z-index: 25;
  right: 18px;
  bottom: 18px;
  display: grid;
  gap: 10px;
  width: min(410px, calc(100% - 36px));
  max-height: min(66vh, 560px);
  overflow: hidden;
  padding: 14px;
  border: 1px solid rgba(248, 244, 236, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(143, 178, 111, 0.16), transparent 38%),
    rgba(13, 23, 18, 0.97);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(22px);
}

.map-tree-picker > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.map-tree-picker > header > div {
  display: grid;
  gap: 2px;
}

.map-tree-picker > header span,
.map-tree-picker > p {
  color: var(--muted);
  font-size: 0.74rem;
}

.map-tree-picker > header strong {
  color: var(--text);
  font-size: 1rem;
}

.map-tree-picker > p {
  margin: 0;
  line-height: 1.35;
}

.map-tree-picker-list {
  display: grid;
  gap: 7px;
  min-height: 0;
  overflow-y: auto;
}

.map-tree-picker-list > button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--text);
  text-align: left;
}

.map-tree-picker-list > button:hover,
.map-tree-picker-list > button:focus-visible {
  border-color: rgba(240, 196, 143, 0.48);
  background: rgba(240, 196, 143, 0.12);
}

.map-tree-picker-list > button > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.map-tree-picker-list small,
.map-tree-picker-list em {
  color: var(--muted);
  font-size: 0.7rem;
  font-style: normal;
}

.map-tree-picker-list small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.map-tree-picker-marker {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  border: 3px solid color-mix(in srgb, var(--tree-color) 64%, white);
  border-radius: 999px;
  background: var(--tree-color);
}

.map-tree-picker-marker::after {
  position: absolute;
  inset: 8px;
  border: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: inherit;
  background: var(--priority-color);
  content: "";
}

.start-hero-card,
.start-account-card,
.start-lookup-card,
.start-cloud-card,
.project-intake-card {
  width: 100%;
  display: grid;
  gap: 18px;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(213, 150, 99, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(31, 47, 39, 0.98), rgba(16, 27, 22, 0.96));
  box-shadow: var(--shadow);
}

.project-intake-card {
  width: min(100%, 780px);
}

.start-lookup-card {
  align-content: start;
  background:
    radial-gradient(circle at top left, rgba(143, 178, 111, 0.16), transparent 35%),
    linear-gradient(145deg, rgba(23, 36, 30, 0.98), rgba(13, 23, 18, 0.96));
}

.start-cloud-card {
  align-content: start;
  background:
    radial-gradient(circle at 14% 18%, rgba(94, 152, 191, 0.14), transparent 35%),
    linear-gradient(145deg, rgba(20, 34, 34, 0.98), rgba(12, 21, 20, 0.96));
}

.start-account-card {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-content: start;
  background:
    radial-gradient(circle at 88% 12%, rgba(240, 196, 143, 0.15), transparent 32%),
    linear-gradient(145deg, rgba(26, 42, 34, 0.98), rgba(12, 22, 17, 0.96));
}

.start-lookup-card,
.start-cloud-card {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.start-hero-card h1,
.project-intake-card h1 {
  max-width: 680px;
  font-size: clamp(2rem, 5vw, 4.1rem);
  letter-spacing: -0.06em;
}

.home-snapshot-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.home-sync-pill {
  flex: 0 0 auto;
  padding: 8px 10px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-sync-pill[data-sync-state="cloud"] {
  border-color: rgba(143, 178, 111, 0.34);
  background: rgba(143, 178, 111, 0.14);
  color: #e6f5d7;
}

.home-sync-pill[data-sync-state="error"] {
  border-color: rgba(255, 162, 150, 0.32);
  background: rgba(207, 98, 88, 0.12);
  color: #ffd2cc;
}

.home-status-line {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.45;
}

.inventory-home-stats,
.inventory-home-queue {
  display: grid;
  gap: 9px;
}

.inventory-home-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inventory-home-stats article,
.inventory-home-queue div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(143, 178, 111, 0.06), transparent 56%),
    rgba(4, 12, 8, 0.18);
}

.inventory-home-stats article.is-attention,
.inventory-home-queue div.is-attention {
  border-color: rgba(240, 196, 143, 0.3);
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.16), transparent 44%),
    rgba(240, 196, 143, 0.08);
}

.inventory-home-stats span,
.inventory-home-queue span {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.inventory-home-stats strong {
  overflow: hidden;
  color: #fff0d2;
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-home-queue strong {
  color: var(--text);
  font-size: 0.96rem;
  line-height: 1.2;
}

.inventory-home-queue small {
  color: var(--muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.start-hero-card p,
.project-intake-card p {
  max-width: 640px;
}

.start-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.start-panel-tabs {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-self: start;
}

.start-tab-button {
  min-height: 52px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 950;
}

.start-tab-button.active {
  border-color: rgba(240, 196, 143, 0.42);
  background:
    linear-gradient(135deg, rgba(213, 150, 99, 0.18), rgba(143, 178, 111, 0.12)),
    rgba(4, 12, 8, 0.18);
  color: #fff0d2;
}

[data-start-panel] {
  display: none;
}

[data-start-panel].is-active {
  display: grid;
}

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

.project-intake-wide {
  grid-column: 1 / -1;
}

.account-create-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.42fr) auto;
  align-items: end;
  gap: 10px;
}

.cloud-auth-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.municipal-provision-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.7fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(143, 178, 111, 0.3);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.15), transparent 40%),
    rgba(12, 28, 20, 0.72);
}

.municipal-provision-panel[hidden] {
  display: none;
}

.municipal-provision-panel h3,
.municipal-provision-panel p {
  margin: 0;
}

.municipal-provision-panel > div {
  display: grid;
  gap: 5px;
}

.municipal-provision-panel > div > p:last-child,
.municipal-provision-panel output {
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.municipal-provision-panel output[data-state="complete"] {
  color: #d7f3bc;
  font-weight: 800;
}

@media (max-width: 780px) {
  .municipal-provision-panel {
    grid-template-columns: 1fr;
  }
}

.cloud-session-panel,
.cloud-invite-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 20px;
  background: rgba(4, 12, 8, 0.18);
}

.cloud-workspace-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}

.cloud-role-pill {
  min-width: 126px;
  padding: 12px 13px;
  border: 1px solid rgba(143, 178, 111, 0.24);
  border-radius: 16px;
  background: rgba(143, 178, 111, 0.12);
  color: #e8f7d6;
  font-size: 0.78rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.cloud-member-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.cloud-member-chip {
  display: inline-grid;
  gap: 2px;
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  font-size: 0.76rem;
  font-weight: 850;
}

.cloud-member-chip span {
  overflow: hidden;
  max-width: 210px;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cloud-member-chip strong {
  color: #f1d2b1;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.cloud-invite-scope {
  display: grid;
  gap: 3px;
  padding: 11px 12px;
  border: 1px solid rgba(143, 178, 111, 0.24);
  border-radius: 16px;
  background: rgba(143, 178, 111, 0.09);
}

.cloud-invite-scope[hidden] {
  display: none;
}

.cloud-invite-scope span {
  color: var(--accent-strong);
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cloud-invite-scope strong {
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: 0.9rem;
}

.cloud-invite-scope small {
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.4;
}

.client-portal-access-panel,
.client-portal-overview {
  display: grid;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(240, 196, 143, 0.22);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.16), transparent 42%),
    linear-gradient(145deg, rgba(143, 178, 111, 0.08), transparent 54%),
    rgba(255, 255, 255, 0.04);
}

.client-home-dashboard {
  display: grid;
  gap: 14px;
  padding: clamp(18px, 2.5vw, 28px);
  border: 1px solid rgba(143, 178, 111, 0.24);
  border-radius: 30px;
  background:
    radial-gradient(circle at 88% 6%, rgba(240, 196, 143, 0.17), transparent 30%),
    linear-gradient(135deg, rgba(143, 178, 111, 0.12), transparent 48%),
    rgba(13, 25, 19, 0.92);
  box-shadow: 0 24px 70px rgba(2, 7, 5, 0.28);
}

.client-home-dashboard[hidden] {
  display: none;
}

.client-home-head,
.client-home-section-head,
.property-access-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.client-home-head h1 {
  margin: 2px 0 5px;
  color: var(--text);
  font-size: clamp(1.6rem, 3vw, 2.45rem);
  letter-spacing: -0.045em;
}

.client-home-head p:not(.eyebrow) {
  max-width: 700px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.client-home-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-home-stats article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 17px;
  background: rgba(4, 12, 8, 0.24);
}

.client-home-stats span,
.client-home-section-head span,
.property-access-head span {
  color: var(--muted);
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.client-home-stats strong {
  color: #fff0d2;
  font-size: 1.18rem;
}

.client-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.client-home-grid > section {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 20px;
  background: rgba(4, 12, 8, 0.18);
}

.client-home-section-head strong,
.property-access-head strong {
  display: block;
  margin-top: 2px;
  color: var(--text);
  font-size: 0.88rem;
}

.client-home-review-list,
.client-home-activity-list,
.client-home-work-order-list,
.property-access-list {
  display: grid;
  gap: 7px;
}

.client-home-review-item,
.client-home-activity-item,
.client-home-work-order-item {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  text-align: left;
}

button.client-home-review-item,
button.client-home-activity-item,
button.client-home-work-order-item {
  cursor: pointer;
}

.client-home-review-item:hover,
.client-home-activity-item:hover,
.client-home-work-order-item:hover {
  border-color: rgba(143, 178, 111, 0.35);
  background: rgba(143, 178, 111, 0.1);
}

.client-home-review-item strong,
.client-home-activity-item strong,
.client-home-work-order-item strong,
.client-home-review-item span,
.client-home-activity-item span,
.client-home-work-order-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-home-review-item span,
.client-home-activity-item span,
.client-home-work-order-item span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.73rem;
}

.client-home-review-item small,
.client-home-activity-item small,
.client-home-work-order-item small {
  color: var(--accent-strong);
  font-size: 0.66rem;
  font-weight: 900;
  white-space: nowrap;
}

.client-home-empty {
  padding: 12px;
  border: 1px dashed rgba(143, 178, 111, 0.2);
  border-radius: 15px;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.client-home-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.client-home-work-orders .client-home-section-head > b,
.client-home-invoices .client-home-section-head > b {
  min-width: 26px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(240, 196, 143, 0.14);
  color: #f4d3a1;
  font-size: 0.68rem;
  text-align: center;
}

.client-home-invoices .client-home-section-head > b[data-attention="true"] {
  background: rgba(224, 126, 111, 0.15);
  color: #efb3a8;
}

.client-home-invoice-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.client-home-invoice-actions > button {
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid rgba(143, 178, 111, 0.24);
  border-radius: 10px;
  background: rgba(143, 178, 111, 0.08);
  color: #d6e8c4;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 900;
  cursor: pointer;
}

.client-home-invoice-item[data-status="Paid"] small {
  color: #bddd9e;
}

.client-home-invoice-item[data-status="Overdue"] small {
  color: #efaca2;
}

.client-home-work-order-item[data-status="Approved"] small,
.client-home-work-order-item[data-status="Completed"] small {
  color: #bddd9e;
}

.client-home-work-order-item[data-status="Declined"] small {
  color: #efaca2;
}

.client-work-order-dialog {
  width: min(780px, calc(100vw - 28px));
  max-width: none;
  max-height: calc(100dvh - 28px);
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: transparent;
  color: var(--text);
}

.client-work-order-dialog::backdrop {
  background: rgba(3, 8, 5, 0.8);
  backdrop-filter: blur(12px);
}

.client-work-order-card {
  max-height: calc(100dvh - 28px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 13px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgba(240, 196, 143, 0.22);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 2%, rgba(240, 196, 143, 0.17), transparent 30%),
    linear-gradient(145deg, rgba(143, 178, 111, 0.1), transparent 52%),
    #102019;
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.5);
}

.client-work-order-card > header,
.client-work-order-card > footer,
.client-work-order-decision > div {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.client-work-order-card > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.client-work-order-card > header > div {
  min-width: 0;
}

.client-work-order-card > header span,
.client-work-order-total > span,
.client-work-order-decision > div > span {
  color: var(--accent-strong);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.client-work-order-card > header h2 {
  margin: 2px 0 0;
  color: #fff5e3;
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.55rem, 4vw, 2.4rem);
  letter-spacing: -0.045em;
}

.client-work-order-card > header p {
  margin: 4px 0 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-work-order-card > header > b {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(240, 196, 143, 0.14);
  color: #f4d3a1;
  font-size: 0.65rem;
  white-space: nowrap;
}

.client-work-order-card button {
  min-height: 42px;
}

.client-work-order-card > header > button {
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
}

.client-work-order-body {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 11px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.client-work-order-intro,
.client-work-order-terms,
.client-work-order-history,
.client-work-order-decision {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background: rgba(4, 12, 8, 0.2);
}

.client-work-order-intro strong,
.client-work-order-history strong,
.client-work-order-decision strong {
  color: #fff5e3;
  font-size: 0.9rem;
}

.client-work-order-intro p,
.client-work-order-terms p,
.client-work-order-history p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.client-work-order-intro small,
.client-work-order-history small {
  color: var(--accent-strong);
  font-size: 0.68rem;
}

.client-work-order-lines {
  display: grid;
  gap: 6px;
}

.client-work-order-line {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.03);
}

.client-work-order-line strong,
.client-work-order-line span,
.client-work-order-line b {
  min-width: 0;
  overflow-wrap: anywhere;
}

.client-work-order-line strong {
  color: var(--text);
  font-size: 0.78rem;
}

.client-work-order-line span {
  color: var(--muted);
  font-size: 0.68rem;
  white-space: nowrap;
}

.client-work-order-line b {
  color: #ffe0aa;
  font-size: 0.8rem;
  white-space: nowrap;
}

.client-work-order-total {
  display: grid;
  justify-items: end;
  padding: 13px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(240, 196, 143, 0.13), rgba(143, 178, 111, 0.08));
}

.client-work-order-total strong {
  color: #ffe0aa;
  font-size: 1.75rem;
}

.client-work-order-total small {
  color: var(--muted);
  font-size: 0.68rem;
}

.client-work-order-decision label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 850;
}

.client-work-order-decision label > span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.client-work-order-decision input,
.client-work-order-decision textarea {
  width: 100%;
  min-height: 43px;
  padding: 9px 10px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 12px;
  background: rgba(4, 12, 8, 0.34);
  color: var(--text);
  font: inherit;
  resize: vertical;
}

.client-work-order-confirm {
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center;
}

.client-work-order-confirm input {
  width: 20px;
  min-height: 20px;
  accent-color: var(--accent);
}

.client-work-order-confirm span {
  display: block !important;
}

#client-work-order-message {
  min-height: 18px;
  margin: 0;
  color: #f0c48f;
  font-size: 0.7rem;
}

.client-work-order-card > footer {
  justify-content: flex-end;
  padding-top: 11px;
  border-top: 1px solid rgba(248, 244, 236, 0.1);
}

.client-work-order-card [hidden] {
  display: none !important;
}

.client-invoice-card > header > b[data-status="Paid"] {
  background: rgba(143, 178, 111, 0.16);
  color: #cfe8b8;
}

.client-invoice-card > header > b[data-status="Overdue"] {
  background: rgba(224, 126, 111, 0.15);
  color: #f2b5aa;
}

.client-invoice-card > header > b[data-status="Partially Paid"] {
  background: rgba(240, 196, 143, 0.15);
  color: #f4d3a1;
}

.client-invoice-balance {
  border-color: rgba(116, 183, 145, 0.25);
  background: rgba(116, 183, 145, 0.1);
}

.client-invoice-history {
  display: grid;
  gap: 7px;
}

.client-invoice-history p {
  margin: 0;
  padding: 8px 9px;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 12px;
  background: rgba(4, 12, 8, 0.2);
}

.client-invoice-history a {
  color: #f2c98d;
  font-weight: 900;
}

.client-invoice-security {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(116, 183, 145, 0.2);
  border-radius: 15px;
  background: rgba(116, 183, 145, 0.06);
}

.client-invoice-security > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(116, 183, 145, 0.16);
  color: #cae8d5;
  font-style: normal;
  font-weight: 950;
}

.client-statement-dialog {
  width: min(820px, calc(100vw - 28px));
}

.client-statement-card {
  height: min(810px, calc(100dvh - 28px));
}

.client-statement-card > header {
  grid-template-columns: minmax(0, 1fr) auto;
}

.client-statement-body {
  gap: 11px;
}

.client-statement-property {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 0.67rem;
  font-weight: 850;
}

.client-statement-property > span {
  color: #f2c98d;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.client-statement-property select {
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 12px;
  background: rgba(4, 12, 8, 0.34);
  color: var(--text);
  font: inherit;
}

.client-statement-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.client-statement-metrics article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(116, 183, 145, 0.18);
  border-radius: 15px;
  background: rgba(116, 183, 145, 0.07);
}

.client-statement-metrics article:nth-child(2) {
  border-color: rgba(224, 126, 111, 0.2);
  background: rgba(224, 126, 111, 0.07);
}

.client-statement-metrics span {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.52rem;
  font-weight: 950;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.client-statement-metrics strong {
  overflow: hidden;
  color: #e8f0df;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.05rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-statement-metrics article:nth-child(2) strong {
  color: #efb3a8;
}

.client-statement-aging {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

.client-statement-aging > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 7px 6px;
  border: 1px solid rgba(248, 244, 236, 0.07);
  border-radius: 11px;
  background: rgba(4, 12, 8, 0.2);
}

.client-statement-aging span,
.client-statement-aging strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-statement-aging span {
  color: var(--muted);
  font-size: 0.48rem;
  font-weight: 900;
  text-transform: uppercase;
}

.client-statement-aging strong {
  color: #f2d6ad;
  font-size: 0.59rem;
}

.client-statement-history {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 7px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 17px;
  background: rgba(4, 12, 8, 0.2);
}

.client-statement-history > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.client-statement-history > header strong {
  color: var(--text);
  font-size: 0.76rem;
}

.client-statement-history > header small {
  color: var(--muted);
  font-size: 0.58rem;
}

#client-statement-invoices {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 6px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.client-statement-invoice {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.client-statement-invoice > span,
.client-statement-invoice > b {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.client-statement-invoice strong,
.client-statement-invoice small,
.client-statement-invoice em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-statement-invoice strong {
  color: var(--text);
  font-size: 0.72rem;
}

.client-statement-invoice small,
.client-statement-invoice em {
  color: var(--muted);
  font-size: 0.57rem;
  font-style: normal;
}

.client-statement-invoice > b {
  justify-items: end;
  color: #f2d6ad;
  font-size: 0.74rem;
}

.client-statement-invoice > b small {
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
}

.client-statement-invoice[data-status="Overdue"] > b small {
  background: rgba(224, 126, 111, 0.14);
  color: #efb3a8;
}

.client-statement-invoice[data-status="Paid"] > b small {
  background: rgba(143, 178, 111, 0.14);
  color: #cfe6b8;
}

@media (max-width: 560px) {
  .client-home-invoice-actions > button {
    min-height: 28px;
    padding: 4px 7px;
    font-size: 0.56rem;
  }

  .client-statement-dialog {
    width: calc(100vw - 14px);
    max-height: calc(100dvh - 14px);
  }

  .client-statement-card {
    height: calc(100dvh - 14px);
    max-height: calc(100dvh - 14px);
  }

  .client-statement-metrics {
    gap: 4px;
  }

  .client-statement-metrics article {
    padding: 8px 6px;
  }

  .client-statement-metrics strong {
    font-size: 0.85rem;
  }

  .client-statement-aging {
    gap: 3px;
  }

  .client-statement-aging > div {
    padding: 6px 3px;
  }

  .client-statement-aging span {
    font-size: 0.42rem;
  }

  .client-statement-aging strong {
    font-size: 0.5rem;
  }
}

.client-invoice-security strong,
.client-invoice-security small {
  display: block;
}

.client-invoice-security strong {
  color: var(--text);
  font-size: 0.76rem;
}

.client-invoice-security small,
.client-invoice-message {
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.45;
}

.client-invoice-message {
  min-height: 18px;
  margin: 0;
  color: #f0c992;
}

.property-access-manager {
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(76, 111, 145, 0.22);
  border-radius: 18px;
  background: rgba(76, 111, 145, 0.08);
}

.property-access-manager[hidden] {
  display: none;
}

.property-access-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 14px;
  background: rgba(4, 12, 8, 0.2);
}

.property-access-row strong,
.property-access-row span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.property-access-row span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.7rem;
}

.client-portal-mode .start-hero-card,
.client-portal-mode .start-panel-tabs,
.client-portal-mode .start-lookup-card,
.client-portal-mode .start-cloud-card,
.client-portal-mode .account-create-row,
.client-portal-mode [data-new-account-property],
.client-portal-mode #start-new-project,
.client-portal-mode #resume-current-project,
.client-portal-mode #mobile-start-new-project {
  display: none !important;
}

.client-portal-access-head h3 {
  margin: 0;
  color: var(--text);
  font-size: 1.02rem;
  letter-spacing: -0.025em;
}

.client-portal-access-head p:not(.eyebrow) {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.client-portal-copy-actions,
.client-portal-review-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-portal-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-portal-summary-grid div {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 16px;
  background: rgba(4, 12, 8, 0.2);
}

.client-portal-summary-grid span {
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.client-portal-summary-grid strong {
  color: #fff0d2;
  font-size: 1.08rem;
}

.client-portal-selected-tree,
.client-portal-empty {
  min-width: 0;
}

.client-portal-selected-tree article,
.client-portal-empty {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(143, 178, 111, 0.18);
  border-radius: 18px;
  background: rgba(4, 12, 8, 0.2);
}

.client-portal-selected-tree span,
.client-portal-empty span {
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.4;
}

.client-portal-selected-tree article > span {
  color: var(--accent-strong);
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.client-portal-selected-tree strong,
.client-portal-empty strong {
  color: var(--text);
}

.client-portal-selected-tree p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.client-portal-selected-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.client-portal-selected-tags span,
.attention-tiny {
  border-color: rgba(240, 196, 143, 0.28);
  background: rgba(240, 196, 143, 0.12);
  color: #ffe0bc;
}

.client-portal-mode .map-floating-toolbar,
.client-portal-mode #mobile-map-add-tree,
.client-portal-mode #field-session-toggle,
.client-portal-mode #field-session-add-here,
.client-portal-mode #lock-map,
.client-portal-mode #edit-project-info,
.client-portal-mode #recover-deleted-tree,
.client-portal-mode #new-inventory-top,
.client-portal-mode #export-inventory-json,
.client-portal-mode #export-inventory-csv,
.client-portal-mode .import-trigger,
.client-portal-mode #use-last-tree-top,
.client-portal-mode #delete-selected-map,
.client-portal-mode #move-selected-map,
.client-portal-mode #save-inventory {
  display: none !important;
}

.client-portal-mode .mobile-tree-sheet-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-results,
.tree-client-results {
  display: grid;
  gap: 9px;
  max-height: min(52vh, 520px);
  overflow: auto;
  padding-right: 3px;
}

.legacy-account-results,
.legacy-property-results {
  display: none;
}

.account-command-center {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px, 0.76fr) minmax(0, 1.4fr);
  gap: 12px;
  overflow: hidden;
}

.command-panel {
  min-height: 0;
  max-height: min(58vh, 650px);
  overflow: auto;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(143, 178, 111, 0.06), transparent 48%),
    rgba(255, 255, 255, 0.035);
}

.command-panel-accounts,
.command-panel-detail {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 10px;
}

.command-list-head,
.command-detail-head,
.command-preview-head,
.command-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.command-list-head {
  padding: 3px 2px 6px;
}

.command-list-head span,
.command-section-title strong {
  color: var(--text);
  font-weight: 950;
}

.command-list-head small,
.command-section-title span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.command-account-card,
.command-property-select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(248, 244, 236, 0.1);
  color: var(--text);
  text-align: left;
}

.command-account-card {
  display: grid;
  gap: 9px;
  padding: 11px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 14% 16%, rgba(240, 196, 143, 0.12), transparent 34%),
    rgba(4, 12, 8, 0.22);
}

.command-account-card:hover,
.command-account-card.is-active,
.command-property-card.is-active {
  border-color: rgba(240, 196, 143, 0.36);
  background:
    radial-gradient(circle at 14% 16%, rgba(240, 196, 143, 0.18), transparent 34%),
    rgba(240, 196, 143, 0.08);
}

.command-account-card.has-client-flags,
.command-property-card.has-client-flags {
  border-color: rgba(255, 103, 79, 0.5);
  box-shadow: inset 4px 0 0 rgba(255, 103, 79, 0.86);
}

.command-account-main,
.command-account-pills,
.command-property-stats {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.command-account-main {
  display: grid;
}

.command-account-main strong,
.command-property-select strong,
.command-preview-head h4,
.command-detail-head h3,
.command-agenda-row strong,
.command-tree-row strong,
.command-empty-state strong,
.command-empty-note strong {
  color: var(--text);
}

.command-account-main strong,
.command-property-select strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-account-main small,
.command-account-main em,
.command-property-select small,
.command-preview-head span,
.command-detail-head span,
.command-agenda-row small,
.command-tree-row small,
.command-empty-state span,
.command-empty-note span {
  color: var(--muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.command-account-main em {
  overflow: hidden;
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-account-pills span,
.command-property-stats b {
  padding: 5px 7px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.command-account-pills .attention-pill,
.command-property-stats b {
  border-color: rgba(240, 196, 143, 0.26);
  background: rgba(240, 196, 143, 0.1);
  color: #f1d2b1;
}

.command-account-pills .is-client-flag,
.command-property-stats .is-client-flag {
  border-color: rgba(255, 103, 79, 0.48);
  background: rgba(199, 47, 36, 0.18);
  color: #ffc0b5;
}

.command-detail-head {
  position: sticky;
  z-index: 2;
  top: 0;
  padding: 3px 2px 10px;
  background: linear-gradient(180deg, rgba(16, 24, 18, 0.96), rgba(16, 24, 18, 0.78) 72%, transparent);
}

.command-detail-head > div,
.command-preview-head > div {
  min-width: 0;
}

.command-detail-head h3,
.command-preview-head h4 {
  margin: 0;
  overflow: hidden;
  font-size: 1.02rem;
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-back-button {
  display: none;
}

.command-metric-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.command-metric {
  min-width: 0;
  display: grid;
  gap: 1px;
  padding: 8px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 15px;
  background: rgba(4, 12, 8, 0.2);
}

.command-metric strong {
  overflow: hidden;
  color: #fff0d2;
  font-size: 0.94rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-metric small {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.command-metric.is-attention {
  border-color: rgba(240, 196, 143, 0.3);
  background: rgba(240, 196, 143, 0.1);
}

.command-property-strip,
.command-agenda-list,
.command-tree-list {
  display: grid;
  gap: 7px;
}

.command-property-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: stretch;
  padding: 6px;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 17px;
  background: rgba(4, 12, 8, 0.18);
}

.command-property-actions {
  display: grid;
  align-content: stretch;
  gap: 5px;
}

.command-property-actions > button {
  min-width: 82px;
}

.command-flag-map-button {
  padding: 6px 9px;
  border: 1px solid rgba(255, 103, 79, 0.5);
  border-radius: 10px;
  background: rgba(199, 47, 36, 0.18);
  color: #ffc0b5;
  font-size: 0.64rem;
  font-weight: 950;
  white-space: nowrap;
}

.command-flag-map-button:hover {
  border-color: rgba(255, 152, 135, 0.86);
  background: rgba(199, 47, 36, 0.3);
}

.command-property-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.035);
}

.command-property-select > span:first-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.command-property-preview {
  display: grid;
  gap: 11px;
  margin-top: 2px;
  padding: 12px;
  border: 1px solid rgba(143, 178, 111, 0.2);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(143, 178, 111, 0.08), transparent 44%),
    rgba(255, 255, 255, 0.04);
}

.compact-command-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.command-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.command-preview-grid > section {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 17px;
  background: rgba(4, 12, 8, 0.18);
}

.command-agenda-row,
.command-tree-row,
.command-report-row,
.command-empty-state,
.command-empty-note {
  min-width: 0;
  display: grid;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
}

.command-agenda-row {
  grid-template-columns: 26px minmax(0, 1fr);
}

.command-agenda-row > span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(240, 196, 143, 0.12);
  color: #f1d2b1;
  font-size: 0.72rem;
  font-weight: 950;
}

.command-tree-row {
  grid-template-columns: 15px minmax(0, 1fr);
}

.command-agenda-row div,
.command-tree-row div,
.command-report-row div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.command-agenda-row strong,
.command-tree-row strong,
.command-report-row strong,
.command-agenda-row small,
.command-tree-row small,
.command-report-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-report-row {
  grid-template-columns: 36px minmax(0, 1fr);
}

.command-report-row > span {
  display: grid;
  min-height: 30px;
  place-items: center;
  border-radius: 11px;
  background: rgba(76, 111, 145, 0.22);
  color: #d8ecff;
  font-size: 0.62rem;
  font-weight: 950;
}

.command-tree-dot {
  width: 13px;
  height: 13px;
  border-radius: 999px;
  background: #8fb26f;
  box-shadow: 0 0 0 4px rgba(143, 178, 111, 0.12);
}

.command-tree-dot[data-risk="Moderate"] {
  background: #f0c48f;
  box-shadow: 0 0 0 4px rgba(240, 196, 143, 0.12);
}

.command-tree-dot[data-risk="High"],
.command-tree-dot[data-risk="Extreme"] {
  background: #e46f55;
  box-shadow: 0 0 0 4px rgba(228, 111, 85, 0.12);
}

.command-empty-state {
  min-height: 190px;
  place-content: center;
  text-align: center;
}

.command-empty-note {
  align-content: center;
  min-height: 84px;
}

.account-card,
.lookup-result-card {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.account-card-simple,
.lookup-result-simple {
  gap: 10px;
}

.account-latest-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 15px;
  background: rgba(4, 12, 8, 0.16);
}

.account-latest-row span {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-latest-row small {
  flex: 0 0 auto;
  color: #f1d2b1;
  font-size: 0.72rem;
  font-weight: 900;
}

.lookup-result-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.account-card-head,
.account-property-row,
.account-stat-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.account-card-head,
.account-property-row {
  justify-content: space-between;
}

.account-card-head strong,
.account-property-row strong {
  display: block;
  color: var(--text);
}

.account-card-head span,
.account-property-row span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.account-stat-row {
  flex-wrap: wrap;
}

.account-stat-row span {
  padding: 7px 9px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 999px;
  background: rgba(4, 12, 8, 0.18);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.account-stat-row strong {
  color: #fff0d2;
}

.account-property-list {
  display: grid;
  gap: 7px;
}

.account-property-row {
  padding: 10px;
  border: 1px solid rgba(248, 244, 236, 0.08);
  border-radius: 15px;
  background: rgba(4, 12, 8, 0.16);
}

.lookup-result-card strong,
.lookup-result-card span,
.lookup-result-card p {
  display: block;
}

.lookup-result-card strong {
  color: var(--text);
}

.lookup-result-card span,
.lookup-result-card p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.lookup-result-card p {
  color: #f1d2b1;
}

body[data-workflow="map"] .inventory-workbench {
  grid-template-columns: minmax(0, 1fr);
}

body[data-workflow="map"] .inventory-panel {
  display: none;
}

body[data-workflow="map"] .inventory-stage-card,
body[data-workflow="tree"] .inventory-stage-card {
  min-height: calc(100vh - 116px);
}

body[data-workflow="tree"] .inventory-workbench {
  grid-template-columns: minmax(0, 1fr);
  position: relative;
}

body[data-workflow="tree"] .inventory-panel-left {
  display: none;
}

body[data-workflow="tree"] .inventory-panel-right {
  position: fixed;
  z-index: 42;
  top: 102px;
  right: 18px;
  bottom: 18px;
  width: min(468px, calc(100vw - 36px));
  display: block;
  min-width: 0;
}

body[data-workflow="tree"] .inventory-panel-right .inventory-card:not(.selected-tree-card) {
  display: none;
}

body[data-workflow="tree"] .selected-tree-card {
  height: 100%;
  max-height: none;
  overflow: auto;
  border-color: rgba(240, 196, 143, 0.28);
  background: rgba(21, 33, 27, 0.96);
  box-shadow: 0 30px 80px rgba(2, 7, 5, 0.5);
  backdrop-filter: blur(20px);
}

body[data-workflow="tree"] .selected-tree-card > .section-heading {
  position: sticky;
  z-index: 2;
  top: -18px;
  margin: -18px -18px 12px;
  padding: 18px 18px 12px;
  border-bottom: 1px solid rgba(248, 244, 236, 0.08);
  background: rgba(21, 33, 27, 0.98);
  backdrop-filter: blur(18px);
}

.capture-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: -4px;
}

.capture-step-strip span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.capture-step-strip span[data-step-state="active"] {
  border-color: rgba(240, 196, 143, 0.48);
  background: rgba(213, 150, 99, 0.16);
  color: #ffe4c9;
}

.capture-step-strip span[data-step-state="done"] {
  border-color: rgba(143, 178, 111, 0.38);
  background: rgba(143, 178, 111, 0.16);
  color: #d7f3bc;
}

.inventory-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.inventory-card,
.inventory-stage-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.inventory-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.inventory-setup-card.is-loaded {
  background:
    linear-gradient(135deg, rgba(143, 178, 111, 0.14), rgba(25, 38, 31, 0.92));
}

.eyebrow {
  margin: 0 0 7px;
  color: var(--accent-strong);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

h1,
h2 {
  margin: 0;
  line-height: 1.04;
}

h1 {
  font-size: clamp(1.72rem, 4vw, 2.42rem);
}

h2 {
  font-size: 1.05rem;
}

p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.section-heading {
  display: grid;
  gap: 2px;
}

.inventory-field,
.address-search,
.tree-editor {
  display: grid;
  gap: 7px;
}

.inventory-field span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.inventory-field input,
.inventory-field select,
.inventory-field textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 16px;
  background: rgba(4, 12, 8, 0.35);
  color: var(--text);
  padding: 10px 12px;
  outline: none;
}

.inventory-field textarea {
  min-height: 96px;
  resize: vertical;
}

.inventory-field input:focus,
.inventory-field select:focus,
.inventory-field textarea:focus {
  border-color: rgba(239, 196, 143, 0.52);
  box-shadow: 0 0 0 4px rgba(213, 150, 99, 0.12);
}

.inventory-action-row {
  flex-wrap: wrap;
}

.full-button {
  width: 100%;
}

.compact-field {
  min-width: 132px;
  flex: 1 1 132px;
}

.inventory-note {
  font-size: 0.82rem;
}

#map-status[data-tone="success"] {
  color: #d7f3bc;
}

#map-status[data-tone="error"] {
  color: #ffb4a8;
}

.tool-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.tool-button {
  min-height: 46px;
  padding-inline: 10px;
}

.quick-capture-panel {
  display: grid;
  gap: 13px;
  padding: 14px;
  border: 1px solid rgba(215, 243, 188, 0.14);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(143, 178, 111, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(4, 12, 8, 0.18);
}

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

.species-profile-card {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(143, 178, 111, 0.2);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(143, 178, 111, 0.12), rgba(213, 150, 99, 0.07)),
    rgba(4, 12, 8, 0.18);
}

.species-profile-card[data-match="empty"],
.species-profile-card[data-match="custom"] {
  border-style: dashed;
  background: rgba(255, 255, 255, 0.035);
}

.species-profile-card > strong,
.species-profile-title strong {
  color: var(--text);
  font-size: 0.92rem;
}

.species-profile-card > span,
.species-profile-title em,
.species-profile-meta span,
.tree-species-line {
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
}

.species-profile-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.species-profile-title em {
  font-style: italic;
  text-align: right;
}

.species-profile-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}

.species-profile-card p {
  font-size: 0.82rem;
}

.species-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.species-chip-row span {
  padding: 5px 8px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: #e6f5d7;
  font-size: 0.7rem;
  font-weight: 900;
}

.work-chip-group {
  display: grid;
  gap: 8px;
}

.work-chip-group > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.work-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.work-chip {
  min-height: 32px;
  border: 1px solid rgba(248, 244, 236, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  padding: 7px 10px;
  font-size: 0.78rem;
  font-weight: 900;
}

.work-chip.active {
  border-color: rgba(240, 196, 143, 0.44);
  background: rgba(213, 150, 99, 0.2);
  color: #ffe4c9;
}

.tree-defaults-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(240, 196, 143, 0.18);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(213, 150, 99, 0.1), rgba(143, 178, 111, 0.08)),
    rgba(4, 12, 8, 0.16);
}

.saved-default-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: end;
}

.quick-toggle {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1.35;
}

.quick-toggle input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--accent);
}

.shortcut-note {
  padding: 10px 12px;
  border: 1px dashed rgba(240, 196, 143, 0.2);
  border-radius: 16px;
  background: rgba(213, 150, 99, 0.07);
  color: #f6d2ae;
  font-size: 0.78rem;
  font-weight: 850;
}

.draft-readout {
  min-height: 52px;
  padding: 13px 14px;
  border: 1px dashed rgba(239, 196, 143, 0.22);
  border-radius: 18px;
  background: rgba(213, 150, 99, 0.08);
  color: #ffe4c9;
  font-size: 0.9rem;
  line-height: 1.45;
}

.inventory-stage-card {
  display: flex;
  flex-direction: column;
  min-height: min(820px, calc(100vh - 116px));
  overflow: hidden;
}

.inventory-stage-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--line);
  background: rgba(18, 30, 24, 0.84);
}

.inventory-stage-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.inventory-stage {
  position: relative;
  flex: 1 1 auto;
  min-height: 620px;
  overflow: hidden;
  background:
    repeating-linear-gradient(90deg, rgba(143, 178, 111, 0.08) 0 1px, transparent 1px 36px),
    repeating-linear-gradient(0deg, rgba(143, 178, 111, 0.08) 0 1px, transparent 1px 36px),
    #17241e;
}

.map-floating-toolbar {
  position: absolute;
  z-index: 8;
  left: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 32px);
  padding: 8px;
  border: 1px solid rgba(248, 244, 236, 0.14);
  border-radius: 999px;
  background: rgba(11, 20, 16, 0.86);
  box-shadow: 0 18px 48px rgba(2, 7, 5, 0.38);
  backdrop-filter: blur(18px);
}

.map-field-cockpit {
  position: absolute;
  z-index: 8;
  top: 16px;
  left: 16px;
  display: grid;
  gap: 8px;
  width: min(430px, calc(100% - 32px));
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.14);
  border-radius: 22px;
  background: rgba(11, 20, 16, 0.86);
  box-shadow: 0 18px 48px rgba(2, 7, 5, 0.38);
  backdrop-filter: blur(18px);
}

.map-action-drawer {
  position: absolute;
  z-index: 11;
  top: 16px;
  right: 16px;
  max-width: min(300px, calc(100% - 32px));
}

.map-action-drawer summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid rgba(248, 244, 236, 0.16);
  border-radius: 999px;
  background: rgba(11, 20, 16, 0.9);
  color: #fff4df;
  font-size: 0.82rem;
  font-weight: 950;
  list-style: none;
  box-shadow: 0 14px 36px rgba(2, 7, 5, 0.32);
  backdrop-filter: blur(18px);
  cursor: pointer;
}

.map-action-drawer summary::-webkit-details-marker {
  display: none;
}

.map-action-drawer:not([open]) > :not(summary) {
  display: none;
}

.map-action-drawer[open] {
  padding: 8px;
  border: 1px solid rgba(248, 244, 236, 0.14);
  border-radius: 22px;
  background: rgba(11, 20, 16, 0.9);
  box-shadow: 0 18px 48px rgba(2, 7, 5, 0.42);
  backdrop-filter: blur(18px);
}

.map-action-drawer[open] summary {
  margin-bottom: 8px;
  box-shadow: none;
}

.map-action-drawer .inventory-stage-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.map-action-drawer .inventory-stage-actions > * {
  min-width: 0;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 0.74rem;
  white-space: nowrap;
}

.map-action-drawer .property-menu-section-title {
  grid-column: 1 / -1;
  min-height: 0;
  padding: 6px 3px 1px;
  color: var(--accent-strong);
  font-size: 0.61rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: normal;
}

.map-action-drawer .property-menu-section-title:not(:first-child) {
  margin-top: 4px;
  padding-top: 9px;
  border-top: 1px solid rgba(248, 244, 236, 0.08);
}

.map-action-drawer .property-menu-app-switcher {
  grid-column: 1 / -1;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 0;
}

.map-action-drawer .property-menu-app-switcher > :is(a, button) {
  min-width: 0;
  min-height: 54px;
  display: grid;
  place-content: center;
  gap: 2px;
  padding: 7px 4px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  color: #dfe8dc;
  font: inherit;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
}

.map-action-drawer .property-menu-app-switcher > [aria-current="page"] {
  border-color: rgba(221, 180, 122, 0.34);
  background: linear-gradient(145deg, rgba(221, 180, 122, 0.16), rgba(143, 178, 111, 0.12));
  color: #ffe4bd;
}

.map-action-drawer .property-menu-app-switcher strong,
.map-action-drawer .property-menu-app-switcher span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.map-action-drawer .property-menu-app-switcher strong {
  font-size: 0.7rem;
}

.map-action-drawer .property-menu-app-switcher span {
  color: currentColor;
  font-size: 0.52rem;
  opacity: 0.62;
}

.field-agenda-panel {
  position: absolute;
  z-index: 19;
  right: 16px;
  bottom: 16px;
  display: grid;
  gap: 10px;
  width: min(500px, calc(100% - 32px));
  max-height: min(650px, calc(100% - 32px));
  padding: 14px;
  border: 1px solid rgba(240, 196, 143, 0.18);
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.15), transparent 38%),
    rgba(11, 20, 16, 0.94);
  box-shadow: 0 24px 70px rgba(2, 7, 5, 0.48);
  backdrop-filter: blur(20px);
}

.field-agenda-panel[hidden] {
  display: none;
}

.map-intelligence-trigger {
  position: absolute;
  z-index: 35;
  top: 68px;
  left: 50%;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid rgba(248, 244, 236, 0.15);
  border-radius: 999px;
  background: rgba(13, 25, 18, 0.9);
  color: #f8f4ea;
  box-shadow: 0 10px 26px rgba(3, 9, 6, 0.26);
  transform: translateX(-50%);
  backdrop-filter: blur(16px);
}

.map-intelligence-trigger span {
  color: #a9bca5;
  font-size: 0.59rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.map-intelligence-trigger strong {
  max-width: 180px;
  overflow: hidden;
  font-size: 0.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.map-intelligence-trigger[data-has-client-flags="true"] {
  border-color: rgba(255, 103, 79, 0.62);
  background: linear-gradient(145deg, rgba(90, 22, 16, 0.94), rgba(13, 25, 18, 0.94));
  box-shadow: 0 10px 30px rgba(109, 24, 17, 0.3);
}

.map-intelligence-trigger[data-has-client-flags="true"] span {
  color: #ffc0b5;
}

.map-focus-toggle {
  position: absolute;
  z-index: 34;
  top: 110px;
  left: 50%;
  display: inline-flex;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(248, 244, 236, 0.14);
  border-radius: 999px;
  background: rgba(11, 22, 16, 0.9);
  box-shadow: 0 10px 26px rgba(3, 9, 6, 0.24);
  transform: translateX(-50%);
  backdrop-filter: blur(16px);
}

.map-focus-toggle button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #b9c8b7;
  font-size: 0.64rem;
  font-weight: 850;
  white-space: nowrap;
}

.map-focus-toggle button b {
  min-width: 18px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: #f8f4ea;
  font-size: 0.58rem;
  text-align: center;
}

.map-focus-toggle button.is-active {
  background: #dff56c;
  color: #142118;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.22);
}

.map-focus-toggle button.is-active b {
  background: rgba(20, 33, 24, 0.14);
  color: #142118;
}

.map-focus-toggle button[data-map-focus-layer="client"].is-active {
  background: #ff8b75;
}

.map-focus-toggle button[data-map-focus-layer="urgent"].is-active {
  background: #ffc56f;
}

.map-focus-toggle button[data-map-focus-layer="recent"].is-active {
  background: #91d9c3;
}

.map-focus-toggle button[data-map-focus-layer="completed"].is-active {
  background: #b9dfa0;
}

.map-focus-toggle button[data-map-focus-layer="municipal"].is-active {
  background: #ffb777;
}

.map-focus-toggle .map-filter-trigger.is-active {
  background: #8fd9c2;
  color: #10251d;
}

.client-portal-mode .map-focus-toggle [data-map-focus-layer="municipal"],
.client-portal-mode .map-focus-toggle .map-filter-trigger {
  display: none;
}

.map-filter-panel {
  position: absolute;
  z-index: 40;
  top: 150px;
  left: 50%;
  width: min(560px, calc(100% - 32px));
  max-height: min(680px, calc(100% - 166px));
  padding: 14px;
  overflow: auto;
  border: 1px solid rgba(248, 244, 236, 0.16);
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(143, 217, 194, 0.16), transparent 34%),
    rgba(11, 22, 16, 0.97);
  color: #f8f4ea;
  box-shadow: 0 24px 72px rgba(2, 7, 5, 0.5);
  transform: translateX(-50%);
  backdrop-filter: blur(22px);
  overscroll-behavior: contain;
}

.map-filter-panel[hidden] {
  display: none;
}

.map-filter-header,
.map-filter-group-head,
.map-filter-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.map-filter-header h3 {
  margin: 2px 0 0;
  color: #fffdf5;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.2rem;
}

.map-filter-header .eyebrow {
  margin: 0;
  color: #9ed7c4;
}

.map-filter-result {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  gap: 0 9px;
  margin-top: 12px;
  padding: 11px 13px;
  border: 1px solid rgba(143, 217, 194, 0.22);
  border-radius: 18px;
  background: rgba(143, 217, 194, 0.08);
}

.map-filter-result > span {
  grid-column: 1 / -1;
  color: #a7bcae;
  font-size: 0.61rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.map-filter-result strong {
  color: #dff56c;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.65rem;
  line-height: 1;
}

.map-filter-result small {
  align-self: center;
  color: #c1cec2;
  font-size: 0.72rem;
}

.map-filter-group {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(248, 244, 236, 0.1);
}

.map-filter-group-head strong {
  color: #f8f4ea;
  font-size: 0.76rem;
}

.map-filter-group-head span {
  color: #8fa397;
  font-size: 0.64rem;
}

.map-filter-chip-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.map-filter-risk-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.map-filter-service-list button:is(
  [data-map-filter-value="any-service"],
  [data-map-filter-value="no-service"]
) {
  grid-column: 1 / -1;
}

.map-filter-chip-list button {
  min-width: 0;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 7px 9px;
  border: 1px solid rgba(248, 244, 236, 0.13);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  color: #c6d1c7;
  font-size: 0.67rem;
  font-weight: 800;
  text-align: left;
}

.map-filter-chip-list button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.map-filter-chip-list button b {
  flex: 0 0 auto;
  min-width: 23px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #edf2eb;
  font-size: 0.57rem;
  text-align: center;
}

.map-filter-chip-list button.is-active {
  border-color: rgba(223, 245, 108, 0.72);
  background: #dff56c;
  color: #142118;
  box-shadow: 0 5px 16px rgba(1, 8, 4, 0.24);
}

.map-filter-chip-list button.is-active b {
  background: rgba(20, 33, 24, 0.14);
  color: #142118;
}

.map-filter-risk-list button[data-map-filter-value="Moderate"].is-active {
  background: #f5d477;
}

.map-filter-risk-list button[data-map-filter-value="High"].is-active {
  background: #f4a26e;
}

.map-filter-risk-list button[data-map-filter-value="Extreme"].is-active {
  background: #ff8b75;
}

.map-filter-help {
  margin: 11px 0 0;
  color: #8fa397;
  font-size: 0.64rem;
  line-height: 1.45;
}

.map-filter-actions {
  position: sticky;
  bottom: -14px;
  margin: 11px -14px -14px;
  padding: 10px 14px 14px;
  border-top: 1px solid rgba(248, 244, 236, 0.1);
  background: rgba(11, 22, 16, 0.97);
}

.map-filter-actions button {
  min-height: 38px;
}

.map-intelligence-panel {
  position: absolute;
  z-index: 38;
  right: 16px;
  bottom: 16px;
  width: min(470px, calc(100% - 32px));
  max-height: min(760px, calc(100% - 32px));
  display: grid;
  gap: 10px;
  padding: 14px;
  overflow: auto;
  border: 1px solid rgba(248, 244, 236, 0.15);
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(143, 178, 111, 0.15), transparent 35%),
    rgba(12, 23, 17, 0.96);
  color: #f8f4ea;
  box-shadow: 0 24px 72px rgba(2, 7, 5, 0.5);
  backdrop-filter: blur(22px);
  overscroll-behavior: contain;
}

.map-intelligence-panel[hidden],
.batch-map-section[hidden] {
  display: none;
}

.map-intelligence-header,
.map-intelligence-section-head,
.property-zone-focus,
.property-zone-actions,
.batch-map-actions,
.zone-filter-row,
.zone-draft-controls > div:last-child {
  display: flex;
  align-items: center;
}

.map-intelligence-header,
.map-intelligence-section-head {
  justify-content: space-between;
  gap: 12px;
}

.map-intelligence-header > div,
.map-intelligence-section-head > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.map-intelligence-header h3 {
  margin: 0;
  font-size: 1.08rem;
}

.map-intelligence-header p:last-child {
  margin: 2px 0 0;
  color: #aebba9;
  font-size: 0.72rem;
}

.map-intelligence-section {
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.035);
}

.map-intelligence-section-head span,
.zone-filter-row label > span,
.zone-draft-controls label > span {
  color: #9eb197;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.map-intelligence-section-head strong {
  color: #f8f4ea;
  font-size: 0.79rem;
}

.smart-layer-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.smart-layer-list button {
  min-width: 0;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  color: #d9e2d6;
  font-size: 0.67rem;
  font-weight: 850;
  text-align: left;
}

.smart-layer-list button b {
  flex: 0 0 auto;
  color: #9fc486;
  font-size: 0.68rem;
}

.smart-layer-list button.is-active {
  border-color: rgba(190, 207, 136, 0.42);
  background: rgba(143, 178, 111, 0.18);
  color: #f3f8eb;
}

.species-color-key {
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  overflow: hidden;
}

.species-color-key[hidden] {
  display: none;
}

.species-color-key summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  color: #f3f8eb;
  cursor: pointer;
  list-style: none;
}

.species-color-key summary::-webkit-details-marker {
  display: none;
}

.species-color-key summary span {
  font-size: 0.72rem;
  font-weight: 900;
}

.species-color-key summary b {
  color: #9fc486;
  font-size: 0.66rem;
}

.species-color-key[open] summary {
  border-bottom: 1px solid rgba(248, 244, 236, 0.08);
}

.species-color-key-list {
  max-height: 168px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 9px;
  overflow: auto;
}

.species-color-key-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 7px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  color: #e8efe4;
  font-size: 0.64rem;
}

.species-color-key-item i {
  width: 14px;
  height: 14px;
  border: 2px solid var(--species-stroke);
  border-radius: 50%;
  background: var(--species-fill);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
}

.species-color-key-item span {
  overflow: hidden;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.species-color-key-item b {
  color: #9eb197;
  font-size: 0.61rem;
}

.tree-priority-color-key {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  padding: 0 9px 8px;
}

.tree-priority-color-key span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #d9e2d6;
  font-size: 0.58rem;
  font-weight: 800;
}

.tree-priority-color-key i {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border: 2px solid var(--priority-stroke);
  border-radius: 50%;
  background: var(--priority-fill);
}

.species-color-key > p {
  margin: 0;
  padding: 0 10px 9px;
  color: #9eb197;
  font-size: 0.59rem;
}

.zone-filter-row {
  gap: 8px;
}

.zone-filter-row > label:first-child,
.zone-draft-controls > label {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 4px;
}

.zone-filter-row select,
.zone-draft-controls input,
.batch-map-actions select {
  width: 100%;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 11px;
  background: rgba(5, 13, 8, 0.52);
  color: #f7f2e7;
  font: 800 0.72rem/1.2 "Avenir Next", "Trebuchet MS", sans-serif;
}

.zone-visibility-toggle {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
  color: #d7dfd4;
  font-size: 0.68rem;
  font-weight: 850;
}

.zone-draft-controls {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(240, 196, 143, 0.22);
  border-radius: 15px;
  background: rgba(213, 150, 99, 0.08);
}

.zone-draft-controls[hidden] {
  display: none;
}

.zone-draft-controls p,
.batch-map-section > p {
  margin: 0;
  color: #aebba9;
  font-size: 0.68rem;
  line-height: 1.35;
}

.zone-draft-colors {
  display: flex;
  gap: 7px;
  overflow-x: auto;
}

.zone-draft-colors button {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border: 3px solid transparent;
  border-radius: 999px;
  background: var(--zone-color);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.zone-draft-colors button.is-active {
  border-color: #fff4df;
  box-shadow: 0 0 0 2px rgba(240, 196, 143, 0.35);
}

.property-zone-list {
  display: grid;
  gap: 7px;
}

.property-zone-card {
  display: grid;
  gap: 7px;
  padding: 9px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 14px;
  background: rgba(4, 12, 7, 0.25);
}

.property-zone-card.is-active {
  border-color: color-mix(in srgb, var(--zone-color) 70%, white);
  background: color-mix(in srgb, var(--zone-color) 12%, rgba(4, 12, 7, 0.42));
}

.property-zone-focus {
  min-width: 0;
  flex: 1 1 auto;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.property-zone-focus i {
  width: 13px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--zone-color);
}

.property-zone-focus span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.property-zone-focus strong,
.property-zone-focus small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.property-zone-focus strong {
  font-size: 0.78rem;
}

.property-zone-focus small,
.property-zone-metrics {
  color: #aebba9;
  font-size: 0.64rem;
}

.property-zone-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.property-zone-metrics span {
  padding: 4px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
}

.property-zone-actions {
  gap: 6px;
}

.property-zone-actions button {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.04);
  color: #d9e2d6;
  font-size: 0.63rem;
  font-weight: 850;
}

.property-zone-actions button:last-child {
  color: #efad9f;
}

.map-intelligence-empty {
  min-height: 72px;
  display: grid;
  place-content: center;
  gap: 3px;
  padding: 10px;
  border: 1px dashed rgba(248, 244, 236, 0.13);
  border-radius: 13px;
  color: #dce5d8;
  text-align: center;
}

.map-intelligence-empty span {
  color: #9eada0;
  font-size: 0.68rem;
}

.batch-map-actions {
  gap: 7px;
}

.batch-map-actions select {
  min-width: 0;
  flex: 1 1 auto;
}

.batch-map-actions button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 7px 10px;
  font-size: 0.66rem;
}

.tree-batch-ring {
  fill: rgba(240, 196, 143, 0.08);
  stroke: #ffd09c;
  stroke-width: 4px;
  stroke-dasharray: 4 4;
}

.field-agenda-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.field-agenda-header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.field-agenda-header h3 {
  margin: 0;
  color: var(--text);
  font-size: 1.05rem;
}

.field-agenda-header p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.field-agenda-filters {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.field-agenda-filters::-webkit-scrollbar {
  display: none;
}

.field-agenda-filters button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.field-agenda-filters button.active {
  border-color: rgba(240, 196, 143, 0.42);
  background: rgba(240, 196, 143, 0.16);
  color: #ffe0bc;
}

.field-agenda-filters span {
  display: inline-grid;
  min-width: 18px;
  min-height: 18px;
  place-items: center;
  border-radius: 999px;
  background: rgba(2, 7, 5, 0.28);
  font-size: 0.62rem;
}

.field-agenda-list {
  display: grid;
  gap: 8px;
  min-height: 0;
  overflow-y: auto;
  padding-right: 2px;
}

.field-agenda-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  width: 100%;
  min-height: 86px;
  padding: 10px;
  border: 1px solid rgba(240, 196, 143, 0.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.11), transparent 42%),
    rgba(4, 12, 8, 0.3);
  color: inherit;
  text-align: left;
}

.field-agenda-item:hover {
  border-color: rgba(240, 196, 143, 0.4);
}

.field-agenda-rank {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 999px;
  background: rgba(198, 139, 83, 0.3);
  color: #ffe0bc;
  font-size: 0.78rem;
  font-weight: 950;
}

.field-agenda-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.field-agenda-copy strong,
.field-agenda-copy span,
.field-agenda-copy em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.field-agenda-copy strong {
  color: var(--text);
  line-height: 1.2;
}

.field-agenda-copy span,
.field-agenda-copy em {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.28;
}

.field-agenda-copy em {
  color: #f0d1a7;
  font-style: normal;
}

.field-agenda-priority {
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(143, 178, 111, 0.16);
  color: #ddf1ce;
  font-size: 0.65rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.field-agenda-priority[data-agenda-priority="Critical"] {
  background: rgba(155, 67, 57, 0.34);
  color: #ffd9d2;
}

.field-agenda-priority[data-agenda-priority="High"] {
  background: rgba(198, 139, 83, 0.32);
  color: #ffe0bc;
}

.field-agenda-item .agenda-tags {
  grid-column: 2 / -1;
}

.tree-capture-wizard {
  position: absolute;
  z-index: 1000;
  inset: 0;
  display: grid;
  align-items: end;
  padding: 16px;
  background: linear-gradient(180deg, transparent 0 28%, rgba(2, 7, 5, 0.54));
  isolation: isolate;
  pointer-events: none;
}

.tree-capture-wizard[hidden] {
  display: none;
}

.tree-capture-card {
  z-index: 1;
  display: grid;
  gap: 12px;
  width: min(520px, 100%);
  max-height: min(82vh, 720px);
  margin-left: auto;
  overflow: auto;
  padding: 16px;
  border: 1px solid rgba(248, 244, 236, 0.15);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(213, 150, 99, 0.16), transparent 36%),
    rgba(13, 23, 18, 0.96);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(22px);
  pointer-events: auto;
}

.tree-capture-header,
.tree-capture-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tree-capture-header h2 {
  margin: 2px 0 0;
  color: var(--text);
  font-size: clamp(1.15rem, 4vw, 1.65rem);
}

.tree-wizard-repair-status {
  margin: 5px 0 0;
  color: #f0d1a7;
  font-size: 0.72rem;
  line-height: 1.35;
}

.tree-wizard-repair-status[hidden] {
  display: none;
}

.tree-wizard-progress {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.tree-wizard-progress button {
  min-height: 32px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 950;
}

.tree-wizard-progress button.active {
  border-color: rgba(240, 196, 143, 0.42);
  background: rgba(213, 150, 99, 0.2);
  color: #ffe4c9;
}

.tree-wizard-progress button.done {
  border-color: rgba(143, 178, 111, 0.34);
  background: rgba(143, 178, 111, 0.16);
  color: #e8f7d6;
}

.tree-wizard-panel {
  display: grid;
  gap: 12px;
}

.wizard-step-copy {
  display: grid;
  gap: 4px;
  padding: 13px;
  border: 1px solid rgba(248, 244, 236, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.wizard-step-copy strong {
  color: #fff0d2;
}

.wizard-step-copy span {
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.35;
}

.wizard-species-suggestions {
  display: grid;
  gap: 8px;
}

.species-confidence-group {
  margin: 0 0 10px;
}

.species-confidence-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.species-confidence-row button {
  min-width: 0;
  padding-inline: 7px;
  font-size: 0.72rem;
}

.species-evidence-row {
  display: grid;
  gap: 6px;
  margin-top: 9px;
}

.species-evidence-row > span {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 7px;
  align-items: baseline;
  border: 1px solid color-mix(in srgb, var(--line, #d5ddd8) 80%, transparent);
  border-radius: 9px;
  padding: 6px 8px;
  font-size: 0.72rem;
  line-height: 1.25;
}

.species-evidence-row > span[data-evidence-status="regulated"],
.species-evidence-row > span[data-evidence-status="review"] {
  border-color: #d79872;
  background: color-mix(in srgb, #a9491e 9%, transparent);
}

.species-evidence-row > span[data-evidence-status="match"] {
  border-color: #7fa28c;
  background: color-mix(in srgb, #467458 8%, transparent);
}

.species-evidence-row b {
  color: var(--muted, #637068);
  font-size: 0.62rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.species-source-line {
  display: block;
  margin-top: 8px;
  color: var(--muted, #637068);
  overflow-wrap: anywhere;
}

.custom-species-zone-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.wizard-species-region {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  padding: 8px 11px;
  border: 1px solid rgba(143, 178, 111, 0.18);
  border-radius: 14px;
  background: rgba(143, 178, 111, 0.07);
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.3;
}

.wizard-species-region strong {
  color: #e8f7d6;
}

.wizard-species-card {
  display: grid;
  gap: 3px;
  width: 100%;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid rgba(248, 244, 236, 0.11);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  text-align: left;
}

.wizard-species-card strong,
.wizard-species-card span {
  display: block;
}

.wizard-species-card strong {
  font-size: 0.9rem;
}

.wizard-species-card span {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.25;
}

.wizard-species-card[data-regional-tone="match"] {
  border-color: rgba(143, 178, 111, 0.35);
  background: rgba(143, 178, 111, 0.1);
}

.wizard-species-card[data-regional-tone="verify"] {
  border-color: rgba(240, 196, 143, 0.3);
  background: rgba(240, 196, 143, 0.08);
}

.wizard-species-card[data-regional-tone="custom"] {
  border-color: rgba(91, 183, 176, 0.34);
  background: rgba(91, 183, 176, 0.09);
}

.wizard-species-card.wizard-species-add {
  min-height: 44px;
  border-style: dashed;
  color: #f0c48f;
}

.custom-species-dialog {
  width: min(660px, calc(100vw - 24px));
  max-height: min(90dvh, 820px);
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  color: var(--text);
}

.custom-species-dialog::backdrop {
  background: rgba(2, 7, 5, 0.78);
  backdrop-filter: blur(10px);
}

.species-library-dialog {
  width: min(900px, calc(100vw - 24px));
  max-height: min(92dvh, 900px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: var(--text);
}

.species-library-dialog::backdrop {
  background: rgba(2, 7, 5, 0.8);
  backdrop-filter: blur(10px);
}

.service-library-dialog {
  width: min(980px, calc(100vw - 24px));
  max-height: min(92dvh, 900px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: var(--text);
}

.service-library-dialog::backdrop {
  background: rgba(2, 7, 5, 0.8);
  backdrop-filter: blur(10px);
}

.service-library-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  height: min(88dvh, 820px);
  padding: 18px;
  border: 1px solid rgba(248, 244, 236, 0.15);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(91, 183, 176, 0.13), transparent 34%),
    #111d17;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48);
}

.service-library-card > header,
.service-library-form > footer,
.service-library-result header,
.service-library-result-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.service-library-card h2,
.service-library-card p {
  margin: 0;
}

.service-library-card > header p:last-child {
  max-width: 680px;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.service-library-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(340px, 1.22fr);
  gap: 14px;
  min-height: 0;
}

.service-library-form,
.service-library-browser {
  display: grid;
  align-content: start;
  gap: 11px;
  min-height: 0;
  padding: 14px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.035);
}

.service-library-form {
  overflow: auto;
}

.service-library-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.service-library-browser {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.service-library-browser > label {
  display: grid;
  gap: 5px;
}

.service-library-browser > label span,
.service-library-browser > small {
  color: var(--muted);
  font-size: 0.7rem;
}

.service-library-results {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  overflow: auto;
  padding-right: 3px;
}

.service-library-result {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
}

.service-library-result[data-custom="true"] {
  border-color: rgba(91, 183, 176, 0.4);
  background: rgba(91, 183, 176, 0.08);
}

.service-library-result header > div {
  display: grid;
  gap: 2px;
}

.service-library-result header span,
.service-library-result small,
.service-library-result p {
  color: var(--muted);
}

.service-library-result header span {
  font-size: 0.67rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.service-library-result p {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.4;
}

.service-library-result-actions {
  justify-content: flex-end;
}

.species-library-card {
  display: grid;
  grid-template-rows: auto auto auto minmax(160px, 1fr) auto;
  gap: 12px;
  height: min(88dvh, 820px);
  padding: 18px;
  border: 1px solid rgba(248, 244, 236, 0.15);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(91, 183, 176, 0.13), transparent 34%),
    #111d17;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48);
}

.species-library-card > header,
.species-library-card > footer,
.species-library-item-head,
.species-library-item-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.species-library-card h2,
.species-library-card p {
  margin: 0;
}

.species-library-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto auto;
  gap: 8px;
}

.species-library-toolbar input {
  min-width: 0;
}

.species-library-results {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.species-library-item {
  display: grid;
  gap: 8px;
  padding: 13px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.species-library-item[data-custom="true"] {
  border-color: rgba(91, 183, 176, 0.35);
  background: rgba(91, 183, 176, 0.08);
}

.species-library-item-head > div {
  display: grid;
  gap: 2px;
}

.species-library-item-head em,
.species-library-item > small,
.species-library-card > footer small {
  color: var(--muted);
}

.species-library-item-head > span {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--muted);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.species-library-item > p {
  color: var(--muted);
  font-size: 0.78rem;
}

.species-library-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.species-library-evidence span {
  max-width: 100%;
  padding: 4px 7px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 7px;
  font-size: 0.68rem;
  overflow-wrap: anywhere;
}

.species-library-evidence span[data-status="regulated"],
.species-library-evidence span[data-status="review"] {
  border-color: rgba(215, 152, 114, 0.55);
  color: #f0c48f;
}

.species-library-item-actions {
  justify-content: flex-end;
}

.custom-species-card {
  display: grid;
  gap: 14px;
  max-height: min(90dvh, 820px);
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(248, 244, 236, 0.15);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(91, 183, 176, 0.14), transparent 34%),
    radial-gradient(circle at top left, rgba(213, 150, 99, 0.14), transparent 38%),
    #111d17;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48);
}

.custom-species-card > header,
.custom-species-card > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.custom-species-card h2,
.custom-species-card p {
  margin: 0;
}

.custom-species-intro {
  color: var(--muted);
  line-height: 1.45;
}

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

.custom-species-wide {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  .wizard-recommendation-tools {
    grid-template-columns: 1fr;
  }

  .wizard-recommendation-tools:focus-within #tree-wizard-manage-services {
    display: none;
  }

  .service-library-dialog {
    width: 100vw;
    max-width: none;
    max-height: 100dvh;
    margin: 0;
  }

  .service-library-card {
    height: 100dvh;
    padding: max(14px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
  }

  .service-library-layout {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .service-library-form,
  .service-library-browser {
    overflow: visible;
  }

  .service-library-browser {
    min-height: 420px;
  }

  .service-library-form-row {
    grid-template-columns: 1fr;
  }

  .species-library-dialog {
    width: 100vw;
    max-width: none;
    max-height: 100dvh;
    margin: 0;
  }

  .species-library-card {
    height: 100dvh;
    padding: max(14px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
  }

  .species-library-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .species-library-toolbar input {
    grid-column: 1 / -1;
  }

  .species-library-toolbar .primary-button {
    grid-column: 1 / -1;
  }

  .custom-species-dialog {
    width: 100vw;
    max-width: none;
    max-height: 100dvh;
    margin: 0;
  }

  .custom-species-card {
    min-height: 100dvh;
    max-height: 100dvh;
    padding:
      max(14px, env(safe-area-inset-top))
      14px
      max(14px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
  }

  .custom-species-grid {
    grid-template-columns: 1fr;
  }

  .custom-species-wide {
    grid-column: auto;
  }

  .custom-species-card > footer {
    position: sticky;
    bottom: calc(-1 * max(14px, env(safe-area-inset-bottom)));
    padding: 10px 0 max(14px, env(safe-area-inset-bottom));
    background: linear-gradient(180deg, transparent, #111d17 24%);
  }
}

.wizard-size-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.wizard-range-group,
.wizard-choice-group {
  display: grid;
  gap: 7px;
}

.wizard-range-group > span,
.wizard-choice-group > span {
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.wizard-range-source,
.wizard-hidden-sources {
  display: none;
}

.wizard-range-options,
.wizard-choice-row {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 2px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.wizard-range-options::-webkit-scrollbar,
.wizard-choice-row::-webkit-scrollbar {
  display: none;
}

.wizard-range-options button,
.wizard-choice-row button {
  min-width: max-content;
  min-height: 42px;
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(248, 244, 236, 0.11);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 900;
  scroll-snap-align: start;
}

.wizard-range-options button.active,
.wizard-choice-row button.active {
  border-color: rgba(240, 196, 143, 0.46);
  background: linear-gradient(135deg, rgba(213, 150, 99, 0.24), rgba(143, 178, 111, 0.16));
  color: #fff0d2;
  box-shadow: inset 0 0 0 1px rgba(240, 196, 143, 0.1);
}

.wizard-more-fields {
  display: grid;
  gap: 10px;
  padding: 0;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.wizard-more-fields summary {
  padding: 11px 12px;
  color: #e8d7c3;
  font-size: 0.72rem;
  font-weight: 900;
  cursor: pointer;
}

.wizard-more-fields[open] {
  padding: 0 10px 10px;
}

.wizard-more-fields[open] summary {
  margin: 0 -10px;
  border-bottom: 1px solid rgba(248, 244, 236, 0.08);
}

.cockpit-primary,
.cockpit-meter-row,
.cockpit-action-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cockpit-primary {
  justify-content: space-between;
}

.cockpit-primary span,
.cockpit-meter-row span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.cockpit-primary span {
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.cockpit-primary strong {
  min-width: 0;
  color: #fff4df;
  font-size: 0.96rem;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cockpit-meter-row {
  flex-wrap: wrap;
}

.cockpit-meter-row span {
  padding: 6px 9px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: #d9e8d2;
}

.cockpit-action-row {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.cockpit-action-row .tiny-button {
  flex: 0 0 auto;
}

.floating-tool-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.map-floating-toolbar .tool-button,
.map-floating-toolbar .ghost-button {
  min-height: 34px;
  padding: 7px 11px;
  font-size: 0.78rem;
  white-space: nowrap;
}

body[data-workflow="tree"] .map-floating-toolbar {
  opacity: 0.18;
  pointer-events: none;
}

body[data-workflow="tree"] .map-field-cockpit {
  opacity: 0.28;
  pointer-events: none;
}

.inventory-stage.is-map-locked::after {
  content: "Map Locked";
  position: absolute;
  z-index: 4;
  right: 16px;
  bottom: 16px;
  padding: 9px 13px;
  border: 1px solid rgba(215, 243, 188, 0.24);
  border-radius: 999px;
  background: rgba(18, 30, 24, 0.88);
  color: #e6f5d7;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  pointer-events: none;
}

.google-map,
.map-placeholder {
  position: absolute;
  inset: 0;
}

.google-map {
  z-index: 1;
}

.map-placeholder {
  z-index: 0;
  display: grid;
  place-content: center;
  gap: 8px;
  padding: 28px;
  text-align: center;
}

.map-placeholder strong {
  color: var(--text);
  font-size: 1.2rem;
}

.map-placeholder span {
  color: var(--muted);
}

.inventory-map-overlay {
  position: absolute;
  pointer-events: none;
}

.inventory-map-overlay svg {
  display: block;
  overflow: visible;
}

.inventory-tree-crown {
  opacity: 0.34;
  stroke-width: 1.25px;
  vector-effect: non-scaling-stroke;
}

.inventory-tree-locator {
  opacity: 0.96;
  stroke-width: 1.4px;
  vector-effect: non-scaling-stroke;
}

.inventory-tree-core {
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.tree-selected-ring {
  fill: rgba(240, 196, 143, 0.14);
  stroke: #f0c48f;
  stroke-width: 4px;
  stroke-dasharray: 8 7;
}

.tree-client-flag-halo {
  fill: rgba(255, 91, 70, 0.1);
  stroke: #ff674f;
  stroke-width: 2.5px;
  stroke-dasharray: 3 2;
  vector-effect: non-scaling-stroke;
}

.tree-municipal-halo {
  fill: rgba(255, 255, 255, 0.04);
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
}

.tree-municipal-halo.is-prohibited {
  stroke: #ff4035;
  stroke-dasharray: 2 1;
}

.tree-municipal-halo.is-potential {
  stroke: #ffc04a;
  stroke-dasharray: 5 3;
}

.tree-municipal-halo.is-sidewalk {
  stroke: #64c7e8;
  stroke-dasharray: 7 3;
}

.tree-client-flag-badge {
  fill: #c72f24;
  stroke: #fff3e2;
  stroke-width: 2.5px;
  vector-effect: non-scaling-stroke;
}

.tree-client-flag-count {
  fill: #fff;
  text-anchor: middle;
  paint-order: stroke;
  stroke: rgba(82, 14, 9, 0.72);
  stroke-width: 1.5px;
  font: 950 9px "Avenir Next", "Trebuchet MS", sans-serif;
  letter-spacing: -0.04em;
}

.inventory-tree-label {
  fill: #fff7e7;
  paint-order: stroke;
  stroke: rgba(5, 10, 8, 0.84);
  stroke-width: 4px;
  font: 900 13px "Avenir Next", "Trebuchet MS", sans-serif;
}

.inventory-tree-cluster {
  fill: rgba(20, 53, 37, 0.94);
  stroke: #d7f3bc;
  stroke-width: 4px;
}

.inventory-tree-cluster-flagged {
  fill: rgba(151, 49, 35, 0.96);
  stroke: #fff0d5;
}

.inventory-tree-cluster-count {
  fill: #fff7e7;
  text-anchor: middle;
  paint-order: stroke;
  stroke: rgba(5, 10, 8, 0.82);
  stroke-width: 3px;
  font: 900 12px "Avenir Next", "Trebuchet MS", sans-serif;
}

.tree-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.smart-triage-card {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(240, 196, 143, 0.2);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(213, 150, 99, 0.12), rgba(143, 178, 111, 0.08)),
    rgba(4, 12, 8, 0.18);
}

.smart-triage-card strong,
.smart-triage-card span {
  display: block;
}

.municipal-field-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--panel-strong) 86%, transparent);
}

body:not([data-municipal-context="true"]) [data-municipal-only],
body:not([data-gahanna-municipal="true"]) [data-gahanna-rules] {
  display: none !important;
}

.municipal-editor-card {
  grid-column: 1 / -1;
}

.municipal-field-heading,
.municipal-field-heading > div {
  display: flex;
  gap: 8px;
}

.municipal-field-heading {
  align-items: center;
  justify-content: space-between;
}

.municipal-field-heading > div {
  flex-direction: column;
  gap: 2px;
}

.municipal-field-heading span {
  color: var(--muted);
  font-size: 0.76rem;
}

.municipal-field-heading a {
  color: var(--accent-strong);
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
}

.municipal-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.municipal-notes-field {
  grid-column: 1 / -1;
}

.municipal-field-alert {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid color-mix(in srgb, #f0ba50 55%, transparent);
  border-radius: 13px;
  background: color-mix(in srgb, #f0ba50 12%, transparent);
  color: var(--text);
}

.municipal-field-alert[data-tone="danger"] {
  border-color: color-mix(in srgb, #ff5549 65%, transparent);
  background: color-mix(in srgb, #ff5549 13%, transparent);
}

.municipal-field-alert span {
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.4;
}

.municipal-field-alert[hidden] {
  display: none;
}

.smart-triage-card strong {
  color: #fff0d2;
}

.smart-triage-card span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

body[data-workflow="tree"] .tree-editor > .inventory-action-row {
  position: sticky;
  z-index: 3;
  bottom: -18px;
  margin: 4px -18px -18px;
  padding: 12px 18px 18px;
  border-top: 1px solid rgba(248, 244, 236, 0.1);
  background: rgba(21, 33, 27, 0.98);
  backdrop-filter: blur(18px);
}

.selected-work-panel,
.selected-photo-panel,
.client-notes-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.035);
}

.client-notes-panel {
  border-color: rgba(143, 178, 111, 0.22);
  background:
    radial-gradient(circle at top right, rgba(143, 178, 111, 0.16), transparent 46%),
    rgba(255, 255, 255, 0.035);
}

.capture-photo-first {
  border-color: rgba(240, 196, 143, 0.24);
  background:
    radial-gradient(circle at top left, rgba(213, 150, 99, 0.16), transparent 42%),
    rgba(255, 255, 255, 0.04);
}

.treatment-adder-grid {
  display: grid;
  grid-template-columns: minmax(170px, 1.35fr) minmax(120px, 0.75fr) minmax(130px, 0.82fr);
  gap: 10px;
}

.treatment-list,
.photo-list,
.client-note-list {
  display: grid;
  gap: 9px;
}

.client-note-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-attachment-tools {
  display: grid;
  gap: 8px;
}

.client-attachment-preview,
.client-note-attachments {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 8px;
}

.client-attachment-chip,
.client-note-photo {
  display: grid;
  gap: 6px;
  padding: 7px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 14px;
  background: rgba(4, 12, 8, 0.26);
  color: var(--text);
  font-size: 0.72rem;
  text-decoration: none;
}

.client-attachment-chip img,
.client-note-photo img {
  width: 100%;
  aspect-ratio: 1.15;
  object-fit: cover;
  border-radius: 10px;
}

.client-note-photo.is-loading {
  min-height: 82px;
  place-content: center;
  color: var(--muted);
}

.treatment-card,
.photo-card,
.client-note-card {
  display: grid;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 17px;
  background: rgba(4, 12, 8, 0.24);
}

.treatment-card {
  grid-template-columns: minmax(0, 1fr) auto;
}

.action-item-card {
  border-color: rgba(240, 196, 143, 0.16);
}

.action-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.action-priority-pill {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.action-priority-pill[data-action-priority="Critical"] {
  background: rgba(155, 67, 57, 0.42);
  color: #ffd9d2;
}

.action-priority-pill[data-action-priority="High"] {
  background: rgba(198, 139, 83, 0.34);
  color: #ffe0bc;
}

.action-priority-pill[data-action-priority="Medium"] {
  background: rgba(129, 115, 67, 0.38);
  color: #f7e7aa;
}

.action-priority-pill[data-action-priority="Low"] {
  background: rgba(79, 125, 70, 0.38);
  color: #d7f3bc;
}

.treatment-card strong,
.photo-card strong {
  display: block;
  color: var(--text);
}

.treatment-card span,
.photo-card span,
.treatment-card p,
.client-note-card span,
.client-note-card p {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.client-note-card {
  align-items: start;
  background: rgba(143, 178, 111, 0.08);
}

.client-note-card.is-flagged {
  border-color: rgba(240, 196, 143, 0.38);
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.18), transparent 48%),
    rgba(42, 25, 10, 0.34);
}

.client-note-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.client-note-card strong {
  color: #e6f5d7;
}

.client-note-card p {
  margin-top: 6px;
  color: var(--text);
}

.client-flag-pill {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid rgba(240, 196, 143, 0.3);
  border-radius: 999px;
  background: rgba(240, 196, 143, 0.16);
  color: #ffe0bc;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.client-flag-pill[data-flag-status="Resolved"] {
  border-color: rgba(143, 178, 111, 0.34);
  background: rgba(143, 178, 111, 0.16);
  color: #d7f3bc;
}

.resolve-client-flag {
  margin-top: 8px;
}

.attention-flag-button {
  border-color: rgba(240, 196, 143, 0.3);
  color: #ffe0bc;
}

.client-portal-mode .selected-photo-panel,
.client-portal-mode .selected-work-panel .treatment-adder-grid,
.client-portal-mode .selected-work-panel #add-treatment,
.client-portal-mode .capture-step-strip,
.client-portal-mode .tree-card-actions [data-delete-tree] {
  display: none;
}

.client-portal-mode .selected-work-panel {
  border-color: rgba(143, 178, 111, 0.18);
}

.client-portal-mode .client-notes-panel {
  border-color: rgba(240, 196, 143, 0.34);
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.15), transparent 44%),
    rgba(255, 255, 255, 0.045);
}

.photo-drop-zone {
  display: grid;
  gap: 4px;
  min-height: 94px;
  place-content: center;
  padding: 16px;
  border: 1px dashed rgba(240, 196, 143, 0.28);
  border-radius: 20px;
  background: rgba(213, 150, 99, 0.08);
  color: var(--text);
  text-align: center;
  cursor: pointer;
}

.photo-drop-zone span {
  color: var(--muted);
  font-size: 0.84rem;
}

.photo-card {
  grid-template-columns: 74px minmax(0, 1fr) auto;
}

.photo-card img {
  width: 74px;
  height: 74px;
  object-fit: contain;
  border-radius: 14px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  background: rgba(0, 0, 0, 0.2);
}

.photo-card small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.66rem;
}

.inventory-qa-panel {
  position: fixed;
  z-index: 20000;
  right: 14px;
  bottom: 14px;
  display: grid;
  gap: 5px;
  width: min(220px, calc(100vw - 28px));
  padding: 12px;
  border: 1px solid rgba(167, 202, 141, 0.42);
  border-radius: 14px;
  background: #17251e;
  color: #f9f4e9;
  box-shadow: 0 18px 45px rgba(4, 10, 7, 0.36);
}

.inventory-qa-panel span,
.inventory-qa-panel output {
  color: #b9c8ba;
  font-size: 0.7rem;
}

.inventory-qa-panel button {
  min-height: 38px;
  border: 0;
  border-radius: 10px;
  background: #b9d58f;
  color: #17251e;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 900;
}

.inventory-demo-seed-panel {
  position: fixed;
  z-index: 20010;
  inset: 50% auto auto 50%;
  display: grid;
  gap: 18px;
  width: min(620px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 26px;
  overflow: auto;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(166, 202, 132, 0.4);
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 8%, rgba(189, 218, 145, 0.18), transparent 34%),
    var(--panel-strong, #17251e);
  color: var(--text, #f9f4e9);
  box-shadow: 0 28px 90px rgba(3, 10, 6, 0.58);
}

.inventory-demo-seed-panel h2,
.inventory-demo-seed-panel p {
  margin: 0;
}

.inventory-demo-seed-panel h2 {
  margin-top: 5px;
  font-family: var(--display-font, Georgia, serif);
  font-size: clamp(1.65rem, 4vw, 2.35rem);
  line-height: 1.02;
}

.inventory-demo-seed-panel p {
  margin-top: 10px;
  max-width: 58ch;
  color: var(--muted, #b9c8ba);
  line-height: 1.55;
}

.inventory-demo-seed-kicker {
  color: var(--accent, #b9d58f);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.inventory-demo-seed-panel output {
  display: block;
  padding: 13px 15px;
  border: 1px solid rgba(166, 202, 132, 0.22);
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.16);
  color: var(--muted, #b9c8ba);
  font-size: 0.82rem;
  line-height: 1.45;
}

.inventory-demo-seed-panel output[data-state="success"] {
  border-color: rgba(132, 204, 145, 0.48);
  color: #c7e7c5;
}

.inventory-demo-seed-panel output[data-state="error"] {
  border-color: rgba(235, 137, 117, 0.48);
  color: #ffc7ba;
}

.inventory-demo-seed-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.inventory-demo-seed-actions :where(button, a) {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

@media (max-width: 620px) {
  .inventory-demo-seed-panel {
    width: calc(100vw - 18px);
    max-height: calc(100dvh - 18px);
    padding: 20px 16px max(18px, env(safe-area-inset-bottom));
    border-radius: 22px;
  }

  .inventory-demo-seed-actions {
    display: grid;
  }

  .inventory-demo-seed-actions :where(button, a) {
    width: 100%;
  }
}

.photo-card-loading {
  display: grid;
  width: 74px;
  height: 56px;
  place-items: center;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.2);
  color: var(--muted);
  font-size: 0.65rem;
  font-weight: 850;
  text-align: center;
}

.compact-empty {
  padding: 11px;
  font-size: 0.84rem;
}

.small-field {
  min-width: 0;
}

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

.summary-grid div {
  display: grid;
  gap: 4px;
  min-height: 78px;
  padding: 13px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.summary-grid .summary-wide {
  grid-column: 1 / -1;
}

.summary-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.summary-grid strong {
  align-self: end;
  color: var(--text);
  font-size: 1.08rem;
}

.report-history-card {
  border-color: rgba(76, 111, 145, 0.2);
  background:
    radial-gradient(circle at top right, rgba(76, 111, 145, 0.13), transparent 42%),
    rgba(255, 255, 255, 0.04);
}

.report-history-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.report-history-heading > div {
  min-width: 0;
}

.report-history-heading .ghost-button {
  flex: 0 0 auto;
}

.report-history-actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.report-export-history-list {
  display: grid;
  gap: 8px;
}

.report-export-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background: rgba(4, 12, 8, 0.24);
}

.report-export-card[data-report-source="cloud"] {
  border-color: rgba(143, 178, 111, 0.22);
  background:
    linear-gradient(135deg, rgba(143, 178, 111, 0.08), transparent 44%),
    rgba(4, 12, 8, 0.25);
}

.report-export-icon {
  display: grid;
  min-height: 38px;
  place-items: center;
  border-radius: 13px;
  background: rgba(76, 111, 145, 0.22);
  color: #d8ecff;
  font-size: 0.66rem;
  font-weight: 950;
}

.report-export-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.report-export-copy strong,
.report-export-copy span,
.report-export-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.report-export-copy strong {
  color: var(--text);
}

.report-export-copy span,
.report-export-copy small {
  color: var(--muted);
  font-size: 0.76rem;
}

.report-export-actions {
  display: flex;
  justify-content: flex-end;
}

.priority-workflow-card {
  border-color: rgba(240, 196, 143, 0.16);
  background:
    radial-gradient(circle at top right, rgba(198, 139, 83, 0.14), transparent 44%),
    rgba(255, 255, 255, 0.04);
}

.priority-workflow-list {
  display: grid;
  gap: 8px;
}

.next-visit-agenda-list {
  display: grid;
  gap: 8px;
}

.agenda-summary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.agenda-summary-strip span,
.agenda-tags i {
  padding: 5px 8px;
  border: 1px solid rgba(248, 244, 236, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--muted);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.next-agenda-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 72px;
  padding: 10px;
  border: 1px solid rgba(240, 196, 143, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.1), transparent 42%),
    rgba(4, 12, 8, 0.26);
  color: inherit;
  text-align: left;
}

.next-agenda-item:hover {
  border-color: rgba(240, 196, 143, 0.38);
  background:
    radial-gradient(circle at top right, rgba(240, 196, 143, 0.16), transparent 42%),
    rgba(240, 196, 143, 0.07);
}

.agenda-rank {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 999px;
  background: rgba(198, 139, 83, 0.28);
  color: #ffe0bc;
  font-size: 0.76rem;
  font-weight: 950;
}

.agenda-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.agenda-copy strong,
.agenda-copy span,
.agenda-copy em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.agenda-copy strong {
  color: var(--text);
  white-space: nowrap;
}

.agenda-copy span,
.agenda-copy em {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.25;
}

.agenda-copy em {
  color: #f0d1a7;
  font-style: normal;
  white-space: nowrap;
}

.agenda-tags {
  display: flex;
  flex-wrap: wrap;
  grid-column: 2;
  gap: 5px;
}

.agenda-tags i[data-agenda-category="critical"] {
  background: rgba(155, 67, 57, 0.34);
  color: #ffd9d2;
}

.agenda-tags i[data-agenda-category="client"] {
  background: rgba(198, 139, 83, 0.32);
  color: #ffe0bc;
}

.agenda-tags i[data-agenda-category="reinspection"] {
  background: rgba(70, 113, 112, 0.34);
  color: #c8f2ee;
}

.agenda-tags i[data-agenda-category="recent"] {
  background: rgba(76, 111, 145, 0.34);
  color: #d8ecff;
}

.agenda-tags i[data-agenda-category="unfinished"] {
  background: rgba(129, 115, 67, 0.36);
  color: #f7e7aa;
}

.priority-workflow-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 54px;
  padding: 10px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 17px;
  background: rgba(4, 12, 8, 0.22);
  color: inherit;
  text-align: left;
}

.priority-workflow-item:hover {
  border-color: rgba(240, 196, 143, 0.34);
  background: rgba(240, 196, 143, 0.08);
}

.workflow-rank {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: #fff0d2;
  font-size: 0.76rem;
  font-weight: 950;
}

.workflow-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.workflow-copy strong {
  overflow: hidden;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workflow-copy span {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workflow-priority-pill {
  padding: 5px 8px;
  border: 1px solid rgba(248, 244, 236, 0.12);
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.workflow-priority-pill[data-action-priority="Critical"],
.priority-workflow-item[data-action-priority="Critical"] .workflow-rank {
  background: rgba(155, 67, 57, 0.48);
  color: #ffd9d2;
}

.workflow-priority-pill[data-action-priority="High"],
.priority-workflow-item[data-action-priority="High"] .workflow-rank {
  background: rgba(198, 139, 83, 0.38);
  color: #ffe0bc;
}

.workflow-priority-pill[data-action-priority="Medium"],
.priority-workflow-item[data-action-priority="Medium"] .workflow-rank {
  background: rgba(129, 115, 67, 0.4);
  color: #f7e7aa;
}

.workflow-priority-pill[data-action-priority="Low"],
.priority-workflow-item[data-action-priority="Low"] .workflow-rank {
  background: rgba(79, 125, 70, 0.4);
  color: #d7f3bc;
}

.inventory-list-card {
  min-height: 0;
}

.list-filter-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.48fr);
  gap: 10px;
}

.tree-list {
  display: grid;
  gap: 10px;
  max-height: 44vh;
  overflow: auto;
  padding-right: 3px;
}

.tree-list-window-note {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 9px 11px;
  border: 1px solid rgba(143, 178, 111, 0.24);
  border-radius: 14px;
  background: rgba(10, 29, 20, 0.96);
  color: #d7edc5;
  font-size: 0.77rem;
  font-weight: 800;
}

.tree-card {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.tree-card.is-selected {
  border-color: rgba(240, 196, 143, 0.45);
  background: rgba(240, 196, 143, 0.1);
}

.tree-card-head,
.tree-card-actions {
  justify-content: space-between;
}

.tree-select-button {
  min-width: 0;
  display: grid;
  gap: 2px;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-align: left;
}

.tree-select-button strong {
  color: var(--text);
}

.tree-select-button span,
.tree-card p,
.tree-meta-line {
  color: var(--muted);
}

.photo-drop-zone-primary {
  min-height: 126px;
  place-items: center;
  text-align: center;
  border-color: rgba(240, 196, 143, 0.3);
  background:
    linear-gradient(135deg, rgba(240, 196, 143, 0.13), rgba(143, 178, 111, 0.09)),
    rgba(5, 12, 9, 0.16);
}

.photo-drop-zone-primary strong {
  font-size: 1.02rem;
}

.tree-meta-line {
  flex-wrap: wrap;
  font-size: 0.8rem;
}

.tree-meta-line span {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
}

.status-pill {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(248, 244, 236, 0.14);
  border-radius: 999px;
  color: #f8f4ec;
  font-size: 0.72rem;
  font-weight: 900;
}

.status-pill[data-status="Preserve"] {
  background: rgba(79, 125, 70, 0.4);
}

.status-pill[data-status="Monitor"] {
  background: rgba(129, 115, 67, 0.48);
}

.status-pill[data-status="Prune"] {
  background: rgba(116, 96, 71, 0.5);
}

.status-pill[data-status="Treat"] {
  background: rgba(70, 113, 112, 0.5);
}

.status-pill[data-status="Remove"] {
  background: rgba(138, 63, 54, 0.55);
}

.status-pill[data-status="Plant"] {
  background: rgba(76, 111, 145, 0.5);
}

.tiny-button {
  min-height: 30px;
  border: 1px solid rgba(248, 244, 236, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  padding: 6px 10px;
  font-size: 0.78rem;
  font-weight: 900;
}

.danger-tiny {
  color: #ffd2cc;
}

.item-empty {
  padding: 14px;
  border: 1px dashed rgba(248, 244, 236, 0.14);
  border-radius: 18px;
  color: var(--muted);
  line-height: 1.5;
}

@media (max-width: 1380px) {
  .inventory-workbench {
    grid-template-columns: minmax(270px, 330px) minmax(0, 1fr);
  }

  .inventory-panel-right {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(340px, 1.05fr) minmax(260px, 0.7fr) minmax(340px, 1fr);
  }

  .tree-list {
    max-height: 520px;
  }
}

@media (max-width: 980px) {
  .inventory-shell {
    padding: 10px;
  }

  body[data-workflow="map"] .inventory-shell {
    gap: 0;
    padding: 0;
  }

  body[data-workflow="map"] .inventory-header,
  body[data-workflow="map"] .inventory-stage-header {
    display: none;
  }

  body[data-workflow="map"] .inventory-workbench {
    display: block;
    min-height: 100dvh;
  }

  .start-layout {
    grid-template-columns: 1fr;
  }

  .start-account-card,
  .start-lookup-card,
  .start-cloud-card,
  .start-panel-tabs {
    grid-column: auto;
    grid-row: auto;
  }

  .inventory-header,
  .inventory-stage-header {
    align-items: stretch;
    flex-direction: column;
  }

  .inventory-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .inventory-nav a,
  .inventory-stage-actions > * {
    min-width: 0;
    padding-inline: 9px;
  }

  .inventory-workbench,
  .inventory-panel-right {
    grid-template-columns: 1fr;
  }

  .inventory-stage-card {
    min-height: auto;
    order: -1;
  }

  body[data-workflow="map"] .inventory-stage-card {
    height: 100dvh;
    min-height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .inventory-stage {
    min-height: 62vh;
  }

  body[data-workflow="map"] .inventory-stage {
    min-height: 100dvh;
  }

  body[data-workflow="tree"] .inventory-panel-right {
    top: auto;
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: auto;
    max-height: min(78vh, 720px);
  }

  body[data-workflow="tree"] .selected-tree-card {
    height: auto;
    max-height: inherit;
    border-radius: 24px;
  }

  .tree-list {
    max-height: none;
  }

  .account-create-row {
    grid-template-columns: 1fr;
  }

  .cloud-auth-grid {
    grid-template-columns: 1fr;
  }

  .cloud-workspace-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px), (max-height: 620px) and (max-width: 1024px) {
  .client-note-actions {
    grid-template-columns: 1fr;
  }

  .client-home-dashboard {
    max-height: 42dvh;
    gap: 9px;
    padding: 12px;
    overflow: auto;
    border-radius: 22px;
  }

  .client-home-head h1 {
    font-size: 1.35rem;
  }

  .client-home-head p:not(.eyebrow) {
    display: none;
  }

  .client-home-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .client-home-stats article {
    min-height: 52px;
    padding: 8px;
    border-radius: 14px;
  }

  .client-home-stats strong {
    font-size: 0.98rem;
  }

  .client-home-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .client-home-grid > section {
    padding: 9px;
    border-radius: 16px;
  }

  .client-home-review-list,
  .client-home-activity-list {
    max-height: 150px;
    overflow: auto;
  }

  .client-home-review-item,
  .client-home-activity-item {
    padding: 8px;
  }

  .client-home-actions {
    position: sticky;
    bottom: -12px;
    padding: 8px 0 0;
    background: linear-gradient(180deg, transparent, rgba(13, 25, 19, 0.98) 28%);
  }

  .client-home-actions > * {
    flex: 1 1 0;
    min-width: 0;
    min-height: 38px;
    padding: 8px;
    font-size: 0.72rem;
  }

  body.client-portal-mode[data-workflow="start"] .start-layout {
    grid-template-rows: auto minmax(190px, auto) minmax(0, 1fr);
  }

  body[data-workflow="start"] {
    overflow: hidden;
  }

  body[data-workflow="start"] .inventory-shell {
    height: 100dvh;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
  }

  body[data-workflow="start"] .inventory-header {
    flex-direction: row;
    align-items: center;
    padding: 8px;
    border-radius: 20px;
  }

  body[data-workflow="start"] .inventory-brand-mark {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  body[data-workflow="start"] .inventory-brand small,
  body[data-workflow="start"] .inventory-nav {
    display: none;
  }

  body[data-workflow="start"] .inventory-start-screen {
    min-height: 0;
    height: 100%;
    place-items: stretch;
    overflow: hidden;
  }

  body[data-workflow="start"] .start-layout {
    height: 100%;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
  }

  body[data-workflow="start"] .start-hero-card,
  body[data-workflow="start"] .start-account-card,
  body[data-workflow="start"] .start-lookup-card,
  body[data-workflow="start"] .start-cloud-card {
    min-height: 0;
    padding: 12px;
    border-radius: 22px;
  }

  body[data-workflow="start"] .start-hero-card {
    gap: 9px;
  }

  body[data-workflow="start"] .home-snapshot-head {
    align-items: center;
  }

  body[data-workflow="start"] .start-hero-card h1 {
    font-size: clamp(1.35rem, 7vw, 1.85rem);
    letter-spacing: -0.04em;
  }

  body[data-workflow="start"] .start-hero-card > p,
  body[data-workflow="start"] .inventory-home-queue {
    display: none;
  }

  body[data-workflow="start"] .start-action-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body[data-workflow="start"] .start-action-row > button,
  body[data-workflow="start"] .start-action-row > .ghost-button,
  body[data-workflow="start"] .start-action-row > .primary-button {
    min-width: 0;
    min-height: 38px;
    padding: 8px;
    font-size: 0.76rem;
  }

  body[data-workflow="start"] .start-panel-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body[data-workflow="start"] .start-tab-button {
    min-height: 42px;
    padding: 8px 5px;
    border-radius: 15px;
    font-size: 0.74rem;
  }

  body[data-workflow="start"] [data-start-panel].is-active {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    align-content: stretch;
    gap: 9px;
    overflow: hidden;
  }

  body[data-workflow="start"] .start-cloud-card.is-active {
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
  }

  body[data-workflow="start"] .section-heading {
    gap: 0;
  }

  body[data-workflow="start"] .section-heading h2 {
    font-size: 0.96rem;
  }

  body[data-workflow="start"] .section-heading p:not(.eyebrow),
  body[data-workflow="start"] #cloud-status-copy {
    display: none;
  }

  body[data-workflow="start"] .account-create-row,
  body[data-workflow="start"] .cloud-auth-grid {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 0.5fr);
    gap: 7px;
  }

  body[data-workflow="start"] .account-create-row .primary-button {
    grid-column: 1 / -1;
    min-height: 38px;
  }

  body[data-workflow="start"] .inventory-field {
    gap: 5px;
  }

  body[data-workflow="start"] .inventory-field span {
    font-size: 0.62rem;
  }

  body[data-workflow="start"] .inventory-field input,
  body[data-workflow="start"] .inventory-field select {
    min-height: 38px;
    border-radius: 13px;
    padding: 8px 10px;
    font-size: 0.86rem;
  }

  body[data-workflow="start"] .cloud-session-panel,
  body[data-workflow="start"] .cloud-invite-panel {
    min-height: 0;
    padding: 8px;
    border-radius: 16px;
    overflow: hidden;
  }

  body[data-workflow="start"] .cloud-member-list {
    max-height: 70px;
    overflow: auto;
  }

  body[data-workflow="start"] .account-results,
  body[data-workflow="start"] .tree-client-results {
    max-height: none;
    min-height: 0;
    overflow: auto;
    padding-right: 1px;
  }

  body[data-workflow="start"] .account-card,
  body[data-workflow="start"] .lookup-result-card {
    gap: 8px;
    padding: 10px;
    border-radius: 16px;
  }

  body[data-workflow="start"] .account-card-head,
  body[data-workflow="start"] .account-property-row,
  body[data-workflow="start"] .account-stat-row {
    gap: 6px;
  }

  body[data-workflow="start"] .account-card-head span,
  body[data-workflow="start"] .account-property-row span,
  body[data-workflow="start"] .lookup-result-card span,
  body[data-workflow="start"] .lookup-result-card p {
    font-size: 0.72rem;
  }

  body[data-workflow="start"] .account-stat-row span {
    padding: 5px 7px;
    font-size: 0.68rem;
  }

  body[data-workflow="start"] .account-property-list {
    gap: 6px;
  }

  body[data-workflow="start"] .account-property-row {
    padding: 8px;
  }

  body[data-workflow="start"] .tiny-button {
    min-height: 30px;
    padding: 6px 8px;
    font-size: 0.68rem;
  }

  .tool-grid,
  .quick-grid,
  .treatment-adder-grid,
  .tree-form-grid,
  .summary-grid,
  .project-intake-grid,
  .species-profile-meta,
  .saved-default-row,
  .list-filter-row {
    grid-template-columns: 1fr;
  }

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

  .map-floating-toolbar {
    right: auto;
    left: 50%;
    bottom: max(10px, env(safe-area-inset-bottom));
    max-width: calc(100vw - 20px);
    padding: 6px;
    border-radius: 999px;
    transform: translateX(-50%);
  }

  .map-field-cockpit {
    top: auto;
    right: auto;
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 58px);
    left: 10px;
    width: auto;
    max-width: calc(100vw - 20px);
    padding: 7px 9px;
    border-radius: 999px;
  }

  .map-action-drawer {
    top: max(10px, env(safe-area-inset-top));
    right: 10px;
    max-width: min(268px, calc(100vw - 20px));
  }

  .map-action-drawer summary {
    min-height: 38px;
    padding-inline: 13px;
  }

  .map-action-drawer .inventory-stage-actions {
    grid-template-columns: 1fr;
    max-height: min(62vh, 460px);
    overflow: auto;
  }

  .tree-capture-wizard {
    padding: 8px;
    background: linear-gradient(180deg, transparent 0 18%, rgba(2, 7, 5, 0.7));
  }

  .tree-capture-card {
    max-height: min(86dvh, 760px);
    padding: 12px;
    border-radius: 24px 24px 18px 18px;
  }

  .tree-wizard-progress {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
  }

  .tree-wizard-progress button {
    min-height: 30px;
    padding-inline: 3px;
    font-size: 0.56rem;
  }

  .wizard-size-grid {
    grid-template-columns: 1fr;
  }

  .tree-capture-card .wizard-range-source {
    width: 100%;
    min-height: 54px;
    display: block;
    padding: 10px 42px 10px 13px;
    border: 1px solid rgba(248, 244, 236, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff3dd;
    font-size: 0.9rem;
    font-weight: 850;
  }

  .tree-capture-card .wizard-range-options {
    display: none;
  }

  .tree-capture-card .wizard-choice-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }

  .wizard-choice-row button {
    min-width: 0;
    min-height: 44px;
    padding-inline: 7px;
    white-space: normal;
  }

  .tree-wizard-panel[data-wizard-panel="assessment"],
  .tree-wizard-panel[data-wizard-panel="work"] {
    gap: 9px;
  }

  .tree-capture-footer {
    position: sticky;
    z-index: 3;
    bottom: -12px;
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.9fr) minmax(0, 1.35fr);
    padding: 8px 0 12px;
    background: linear-gradient(180deg, rgba(13, 23, 18, 0), rgba(13, 23, 18, 0.98) 18%);
  }

  .tree-capture-footer .ghost-button,
  .tree-capture-footer .primary-button {
    min-width: 0;
    min-height: 46px;
    padding-inline: 8px;
    font-size: 0.7rem;
    white-space: normal;
  }

  .cockpit-action-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: calc(100vw - 40px);
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .cockpit-action-row::-webkit-scrollbar {
    display: none;
  }

  .cockpit-meter-row {
    gap: 5px;
  }

  .cockpit-meter-row span {
    padding: 5px 7px;
    font-size: 0.68rem;
  }

  .capture-step-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .map-floating-toolbar .tool-button,
  .map-floating-toolbar .ghost-button {
    min-height: 32px;
    padding: 6px 8px;
    font-size: 0.7rem;
  }

  .inventory-stage-actions {
    display: grid;
    flex-wrap: initial;
    justify-content: stretch;
    overflow: visible;
    padding-bottom: 2px;
  }

  body[data-workflow="start"] .start-layout {
    position: relative;
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-workflow="start"] .start-hero-card,
  body[data-workflow="start"] .start-panel-tabs {
    display: none;
  }

  body[data-workflow="start"] .mobile-home-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 7px 5px 7px 8px;
  }

  .mobile-home-heading {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
  }

  .mobile-home-heading span {
    color: var(--muted);
    font-size: 0.62rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .mobile-home-heading strong {
    overflow: hidden;
    font-size: 1.42rem;
    letter-spacing: -0.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-home-actions {
    display: flex;
    align-items: center;
    gap: 7px;
  }

  .mobile-more-button,
  .mobile-home-back {
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(248, 244, 236, 0.12);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text);
    font-size: 1rem;
    font-weight: 950;
  }

  .mobile-home-back {
    font-size: 1.25rem;
  }

  body[data-workflow="start"] .start-account-card,
  body[data-workflow="start"] .start-lookup-card,
  body[data-workflow="start"] .start-cloud-card {
    grid-row: 2;
    padding: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-workflow="start"] .start-account-card.is-active {
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 7px;
  }

  body[data-workflow="start"] .start-account-card .section-heading,
  body[data-workflow="start"] .start-account-card .account-create-row,
  body[data-workflow="start"] .start-account-card .account-results {
    display: none;
  }

  body[data-workflow="start"] .start-account-card > .inventory-field > span {
    display: none;
  }

  body[data-workflow="start"] .mobile-property-browser-toolbar {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(142px, 0.72fr);
    gap: 8px;
    align-items: end;
    padding: 1px 2px;
  }

  .mobile-property-browser-heading {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-property-browser-heading span,
  .mobile-property-sort-field > span {
    color: #8fa08d;
    font-size: 0.52rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .mobile-property-browser-heading strong {
    overflow: hidden;
    color: #f7efe1;
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-property-sort-field {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body[data-workflow="start"] #mobile-property-sort {
    width: 100%;
    min-width: 0;
    min-height: 37px;
    padding: 7px 28px 7px 10px;
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 13px;
    background-color: rgba(255, 255, 255, 0.05);
    color: #eee7dc;
    font-size: 0.68rem;
    font-weight: 850;
  }

  body[data-workflow="start"] #account-search {
    min-height: 44px;
    padding: 9px 15px 9px 43px;
    border-color: rgba(248, 244, 236, 0.14);
    border-radius: 17px;
    background:
      linear-gradient(90deg, transparent 0 40px, rgba(248, 244, 236, 0.08) 40px 41px, transparent 41px),
      rgba(255, 255, 255, 0.065);
    font-size: 0.92rem;
  }

  body[data-workflow="start"] .start-account-card > .inventory-field {
    position: relative;
  }

  body[data-workflow="start"] .start-account-card > .inventory-field::before {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 15px;
    color: var(--accent-strong);
    content: "\2315";
    font-size: 1rem;
    pointer-events: none;
  }

  body[data-workflow="start"] .account-command-center {
    display: none !important;
  }

  body[data-workflow="start"] .mobile-property-filter-row {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .mobile-property-filter-row button {
    min-width: 0;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 7px;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    color: #9cab98;
    font-size: 0.62rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-property-filter-row button b {
    min-width: 18px;
    padding: 2px 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: #d5ded1;
    font-size: 0.52rem;
    text-align: center;
  }

  .mobile-property-filter-row button.is-active {
    border-color: rgba(221, 180, 122, 0.28);
    background: rgba(221, 180, 122, 0.1);
    color: #f2d4aa;
  }

  .mobile-property-filter-row button.is-active b {
    background: rgba(221, 180, 122, 0.17);
    color: #ffe5be;
  }

  body[data-workflow="start"] .account-command-center[data-command-mode="list"] .command-panel-detail,
  body[data-workflow="start"] .account-command-center[data-command-mode="detail"] .command-panel-accounts {
    display: none;
  }

  body[data-workflow="start"] .command-panel {
    max-height: none;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: auto;
  }

  body[data-workflow="start"] .command-panel-accounts,
  body[data-workflow="start"] .command-panel-detail {
    padding: 1px 1px max(18px, env(safe-area-inset-bottom));
  }

  body[data-workflow="start"] .command-list-head {
    padding: 2px 3px 5px;
  }

  body[data-workflow="start"] .command-account-card {
    min-height: 82px;
    padding: 10px;
    border-radius: 19px;
  }

  body[data-workflow="start"] .command-account-main strong {
    font-size: 0.94rem;
  }

  body[data-workflow="start"] .command-account-main small,
  body[data-workflow="start"] .command-account-main em {
    font-size: 0.7rem;
  }

  body[data-workflow="start"] .command-detail-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0 0 8px;
    background: linear-gradient(180deg, rgba(6, 12, 8, 0.96), rgba(6, 12, 8, 0.62) 82%, transparent);
  }

  body[data-workflow="start"] .command-back-button {
    display: inline-flex;
  }

  body[data-workflow="start"] .command-detail-head .primary-button {
    grid-column: 1 / -1;
    min-height: 38px;
  }

  body[data-workflow="start"] .command-detail-head h3,
  body[data-workflow="start"] .command-preview-head h4 {
    font-size: 0.98rem;
  }

  body[data-workflow="start"] .command-metric-row,
  body[data-workflow="start"] .compact-command-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-workflow="start"] .command-metric {
    min-height: 54px;
    padding: 8px;
  }

  body[data-workflow="start"] .command-property-card {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-workflow="start"] .command-property-card .tiny-button {
    min-height: 34px;
  }

  body[data-workflow="start"] .command-property-select {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-workflow="start"] .command-property-stats {
    display: none;
  }

  body[data-workflow="start"] .command-property-preview {
    padding: 10px;
    border-radius: 19px;
  }

  body[data-workflow="start"] .command-preview-head {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-workflow="start"] .command-preview-head .primary-button {
    min-height: 40px;
  }

  body[data-workflow="start"] .command-preview-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body[data-workflow="start"] .command-preview-grid > section,
  body[data-workflow="start"] .command-agenda-row,
  body[data-workflow="start"] .command-tree-row,
  body[data-workflow="start"] .command-empty-note {
    border-radius: 15px;
  }

  body[data-workflow="start"] .legacy-property-results,
  body[data-workflow="start"] .legacy-account-results {
    display: none !important;
  }

  body[data-workflow="start"] .mobile-property-results {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 7px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1px 1px max(14px, env(safe-area-inset-bottom));
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body[data-workflow="start"] .mobile-property-results::-webkit-scrollbar {
    display: none;
  }

  .mobile-property-card {
    width: 100%;
    min-height: 96px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto 10px;
    gap: 9px;
    align-items: start;
    padding: 10px 9px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 19px;
    background:
      linear-gradient(135deg, rgba(143, 178, 111, 0.08), transparent 52%),
      rgba(255, 255, 255, 0.045);
    color: var(--text);
    text-align: left;
  }

  .mobile-property-card.has-client-flags {
    border-color: rgba(255, 103, 79, 0.48);
    box-shadow: inset 4px 0 0 rgba(255, 103, 79, 0.86);
  }

  .mobile-property-card:active {
    border-color: rgba(240, 196, 143, 0.42);
    background: rgba(240, 196, 143, 0.1);
    transform: scale(0.985);
  }

  .mobile-property-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: block;
    margin-top: 1px;
    border-radius: 13px;
    background:
      radial-gradient(circle at 52% 37%, #b9d39d 0 18%, transparent 19%),
      radial-gradient(circle at 34% 48%, #779b62 0 20%, transparent 21%),
      radial-gradient(circle at 66% 52%, #8fb26f 0 22%, transparent 23%),
      linear-gradient(145deg, #263c30, #17271f);
    box-shadow: inset 0 0 0 1px rgba(248, 244, 236, 0.1);
  }

  .mobile-property-icon::after {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 7px;
    height: 7px;
    border: 2px solid #24382d;
    border-radius: 999px 999px 999px 2px;
    background: #e3b87c;
    content: "";
    transform: rotate(-45deg);
  }

  .mobile-property-copy,
  .mobile-property-meta {
    min-width: 0;
    display: grid;
  }

  .mobile-property-copy strong {
    overflow: hidden;
    color: #f7f0e5;
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-property-copy span {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-property-copy > small {
    overflow: hidden;
    margin-top: 1px;
    color: #879584;
    font-size: 0.58rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-property-status {
    min-width: 0;
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
    overflow: visible !important;
    white-space: normal !important;
  }

  .mobile-property-status > span {
    width: auto;
    display: inline-flex;
    padding: 3px 6px;
    border: 1px solid rgba(248, 244, 236, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #9bac97;
    font-size: 0.51rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
  }

  .mobile-property-status > .is-attention,
  .mobile-property-status > .is-client-flag {
    border-color: rgba(213, 150, 99, 0.24);
    background: rgba(213, 150, 99, 0.1);
    color: #f2c38f;
  }

  .mobile-property-status > .is-active-visit {
    border-color: rgba(143, 178, 111, 0.25);
    background: rgba(143, 178, 111, 0.11);
    color: #c8dfa9;
  }

  .mobile-property-meta {
    align-self: center;
    justify-items: end;
    line-height: 1;
  }

  .mobile-property-meta strong {
    font-size: 0.9rem;
  }

  .mobile-property-meta span,
  .mobile-property-meta small {
    color: var(--muted);
    font-size: 0.58rem;
    font-weight: 850;
  }

  .mobile-property-meta small {
    margin-top: 5px;
  }

  .mobile-property-arrow {
    align-self: center;
    color: var(--accent-strong);
    font-size: 1.35rem;
  }

  .mobile-property-account-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 5px 2px;
    color: #e4d9c8;
  }

  .mobile-property-account-heading strong {
    overflow: hidden;
    font-size: 0.66rem;
    letter-spacing: 0.04em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile-property-account-heading span {
    flex: 0 0 auto;
    color: #849181;
    font-size: 0.56rem;
    font-weight: 850;
  }

  .mobile-property-load-more {
    min-height: 54px;
    display: grid;
    place-content: center;
    gap: 2px;
    padding: 9px;
    border: 1px dashed rgba(221, 180, 122, 0.24);
    border-radius: 17px;
    background: rgba(221, 180, 122, 0.055);
    color: #efc995;
  }

  .mobile-property-load-more strong {
    font-size: 0.68rem;
  }

  .mobile-property-load-more span {
    color: #879584;
    font-size: 0.54rem;
  }

  .mobile-property-empty {
    min-height: 180px;
    display: grid;
    place-content: center;
    gap: 6px;
    padding: 24px;
    border: 1px dashed rgba(248, 244, 236, 0.14);
    border-radius: 22px;
    color: var(--muted);
    text-align: center;
  }

  .mobile-property-empty strong {
    color: var(--text);
  }

  .mobile-property-empty span {
    font-size: 0.8rem;
    line-height: 1.45;
  }

  body[data-workflow="start"] .start-lookup-card.is-active,
  body[data-workflow="start"] .start-cloud-card.is-active {
    display: grid;
    align-content: start;
    overflow-y: auto;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }

  body[data-workflow="start"] .mobile-home-menu {
    position: fixed;
    z-index: 1200;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    left: 10px;
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(248, 244, 236, 0.16);
    border-radius: 24px;
    background:
      radial-gradient(circle at top right, rgba(213, 150, 99, 0.16), transparent 36%),
      rgba(19, 31, 25, 0.98);
    box-shadow: 0 -20px 70px rgba(0, 0, 0, 0.48);
    backdrop-filter: blur(20px);
  }

  .mobile-home-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 3px 8px;
  }

  .mobile-home-menu-head div {
    min-width: 0;
    display: grid;
  }

  .mobile-home-menu-head span {
    color: var(--accent-strong);
    font-size: 0.6rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .mobile-home-menu-head strong {
    overflow: hidden;
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-home-menu > button:not(.tiny-button) {
    min-height: 58px;
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--text);
    text-align: left;
  }

  .mobile-home-menu > button strong {
    font-size: 0.82rem;
  }

  .mobile-home-menu > button span {
    color: var(--muted);
    font-size: 0.68rem;
  }

  body[data-workflow="map"] .arbsoul-account-dock {
    display: none !important;
  }

  body[data-workflow="map"] .map-field-cockpit,
  body[data-workflow="map"] .map-floating-toolbar {
    display: none;
  }

  body[data-workflow="map"] .mobile-map-topbar {
    position: absolute;
    z-index: 12;
    top: max(10px, env(safe-area-inset-top));
    right: 10px;
    left: 10px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 9px;
    align-items: center;
    min-height: 58px;
    padding: 7px;
    border: 1px solid rgba(248, 244, 236, 0.15);
    border-radius: 21px;
    background: rgba(14, 25, 19, 0.88);
    box-shadow: 0 14px 40px rgba(2, 7, 5, 0.34);
    backdrop-filter: blur(18px);
  }

  .mobile-map-home-button,
  .mobile-map-menu-button {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(248, 244, 236, 0.12);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text);
    font-size: 1.18rem;
    font-weight: 950;
  }

  .mobile-map-menu-button {
    font-size: 0.92rem;
  }

  .mobile-map-property {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-map-property > strong,
  .mobile-map-property-meta > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-map-property > strong {
    color: #fff7e8;
    font-size: 0.84rem;
  }

  .mobile-map-property-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  .mobile-map-property-meta > span {
    color: #bcd1b7;
    font-size: 0.67rem;
    font-weight: 850;
  }

  .mobile-sync-state {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
  }

  .mobile-sync-state i {
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 999px;
    background: #9bc77c;
    box-shadow: 0 0 0 3px rgba(155, 199, 124, 0.11);
  }

  .mobile-sync-state[data-state="syncing"] {
    color: #f0c48f;
  }

  .mobile-sync-state[data-state="syncing"] i {
    background: #f0c48f;
    animation: sync-state-pulse 900ms ease-in-out infinite alternate;
  }

  .mobile-sync-state[data-state="offline"] {
    color: #efad91;
  }

  .mobile-sync-state[data-state="offline"] i {
    background: #d97a63;
    box-shadow: 0 0 0 3px rgba(217, 122, 99, 0.12);
  }

  .mobile-sync-state[data-state="conflict"] {
    color: #ffd27a;
  }

  .mobile-sync-state[data-state="conflict"] i {
    background: #f0a83c;
    box-shadow: 0 0 0 3px rgba(240, 168, 60, 0.16);
  }

  .mobile-sync-state[data-state="pending"] {
    color: #ffd27a;
  }

  .mobile-sync-state[data-state="pending"] i {
    background: #f0a83c;
    box-shadow: 0 0 0 3px rgba(240, 168, 60, 0.16);
  }

  body[data-workflow="map"] .mobile-field-session {
    position: absolute;
    z-index: 11;
    top: calc(max(10px, env(safe-area-inset-top)) + 73px);
    right: 10px;
    left: 10px;
    display: none;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "status agenda toggle";
    gap: 7px;
    align-items: center;
    padding: 6px;
    border: 1px solid rgba(248, 244, 236, 0.13);
    border-radius: 20px;
    background: rgba(14, 25, 19, 0.88);
    box-shadow: 0 12px 34px rgba(2, 7, 5, 0.3);
    backdrop-filter: blur(18px);
  }

  body[data-workflow="map"] .mobile-field-session.active {
    display: grid;
    border-color: rgba(143, 178, 111, 0.34);
    background:
      linear-gradient(135deg, rgba(143, 178, 111, 0.1), transparent 52%),
      rgba(14, 25, 19, 0.93);
  }

  .field-session-status {
    grid-area: status;
    min-width: 0;
    display: grid;
    gap: 1px;
  }

  .field-session-status span,
  .field-session-status strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .field-session-status span {
    color: var(--accent-strong);
    font-size: 0.6rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .field-session-status strong {
    color: #f7f2e7;
    font-size: 0.72rem;
  }

  .field-session-metrics {
    display: none !important;
  }

  .field-session-metrics span {
    flex: 0 0 auto;
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--muted);
    font-size: 0.61rem;
    font-weight: 900;
  }

  #field-session-accuracy[data-quality="good"] {
    color: #cce9ad;
  }

  #field-session-accuracy[data-quality="fair"] {
    color: #f0c48f;
  }

  #field-session-accuracy[data-quality="weak"] {
    color: #efad91;
  }

  .field-session-toggle,
  .field-session-location,
  .field-session-agenda {
    min-height: 44px;
    padding: 7px 10px;
    border-radius: 14px;
    font-size: 0.66rem;
    font-weight: 950;
  }

  .field-session-toggle {
    grid-area: toggle;
    border: 1px solid rgba(240, 196, 143, 0.35);
    background: rgba(213, 150, 99, 0.16);
    color: #ffe2c3;
  }

  .mobile-field-session.active .field-session-toggle {
    border-color: rgba(235, 130, 104, 0.28);
    background: rgba(190, 78, 59, 0.18);
    color: #ffd2c5;
  }

  .field-session-location {
    display: none !important;
    border: 1px solid rgba(143, 178, 111, 0.34);
    background: rgba(143, 178, 111, 0.16);
    color: #e5f4d5;
  }

  .field-session-agenda {
    grid-area: agenda;
    border: 1px solid rgba(248, 244, 236, 0.13);
    background: rgba(255, 255, 255, 0.055);
    color: #f8ead7;
  }

  .field-session-agenda[data-has-agenda="true"] {
    border-color: rgba(240, 196, 143, 0.35);
    color: #ffe0bc;
  }

  @keyframes sync-state-pulse {
    to {
      opacity: 0.42;
      transform: scale(0.72);
    }
  }

  body[data-workflow="map"] .mobile-map-primary-controls {
    position: absolute;
    z-index: 12;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    left: 10px;
    display: grid;
    grid-template-columns: 54px minmax(104px, 0.48fr) minmax(0, 1fr);
    gap: 9px;
    pointer-events: none;
  }

  .mobile-location-button,
  .mobile-clone-last-button,
  .mobile-add-tree-button {
    min-height: 54px;
    border: 1px solid rgba(248, 244, 236, 0.16);
    box-shadow: 0 16px 42px rgba(2, 7, 5, 0.42);
    pointer-events: auto;
    backdrop-filter: blur(18px);
  }

  .mobile-location-button {
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(15, 28, 21, 0.92);
  }

  .mobile-location-button span {
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #d9ebff;
    border-radius: 999px;
    background: radial-gradient(circle, #4da8ff 0 27%, transparent 30%);
    box-shadow:
      0 0 0 3px rgba(77, 168, 255, 0.14),
      inset 0 0 0 4px rgba(15, 28, 21, 0.92);
  }

  .mobile-clone-last-button {
    border-radius: 18px;
    background: rgba(15, 28, 21, 0.92);
    color: #fff2dc;
    font-size: 0.78rem;
    font-weight: 950;
    overflow: hidden;
    padding-inline: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-clone-last-button.active {
    border-color: rgba(240, 196, 143, 0.4);
    background:
      radial-gradient(circle at top right, rgba(240, 196, 143, 0.22), transparent 42%),
      rgba(15, 28, 21, 0.94);
    color: #ffe0bc;
  }

  .mobile-clone-last-button:disabled {
    opacity: 0.45;
  }

  .mobile-add-tree-button {
    border-color: rgba(240, 196, 143, 0.42);
    border-radius: 18px;
    background: linear-gradient(135deg, #e0a66f, #9cbd7d);
    color: #152219;
    font-size: 0.94rem;
    font-weight: 950;
  }

  .mobile-add-tree-button.active {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(18, 32, 24, 0.94);
    color: #fff2dc;
  }

  .mobile-clone-last-button.active:disabled,
  .mobile-add-tree-button.active:disabled {
    cursor: default;
    opacity: 0.82;
  }

  body[data-workflow="map"] .map-action-drawer {
    position: fixed;
    z-index: 40;
    inset: auto 10px max(10px, env(safe-area-inset-bottom));
    display: none;
    width: auto;
    max-width: none;
    max-height: min(72dvh, 620px);
    overflow: hidden;
  }

  body[data-workflow="map"] .map-action-drawer[open] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 25px;
    background:
      radial-gradient(circle at top right, rgba(213, 150, 99, 0.15), transparent 34%),
      rgba(14, 25, 19, 0.98);
    box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.52);
  }

  body[data-workflow="map"] .map-action-drawer summary {
    display: none;
  }

  body[data-workflow="map"] .mobile-property-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 2px 5px;
  }

  .mobile-property-menu-head div {
    min-width: 0;
    display: grid;
  }

  .mobile-property-menu-head span {
    color: var(--accent-strong);
    font-size: 0.6rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .mobile-property-menu-head strong {
    font-size: 0.96rem;
  }

  body[data-workflow="map"] .map-action-drawer .inventory-stage-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: min(58dvh, 500px);
    overflow-y: auto;
  }

  body[data-workflow="map"] .map-action-drawer .inventory-stage-actions > * {
    min-height: 43px;
    white-space: normal;
  }

  body[data-workflow="map"] .map-action-drawer .inventory-stage-actions > .property-menu-section-title {
    min-height: 0;
    padding: 7px 3px 2px;
  }

  body[data-workflow="map"] .map-action-drawer .inventory-stage-actions > .property-menu-app-switcher {
    min-height: 0;
    padding: 0;
  }

  body[data-workflow="map"] .map-action-drawer .property-menu-app-switcher > :is(a, button) {
    min-height: 56px;
  }

  body[data-workflow="map"] .field-agenda-panel {
    position: fixed;
    z-index: 45;
    right: 10px;
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 72px);
    left: 10px;
    width: auto;
    max-height: min(60dvh, 560px);
    padding: 12px;
    border-radius: 25px;
    background:
      radial-gradient(circle at top right, rgba(213, 150, 99, 0.16), transparent 35%),
      rgba(14, 25, 19, 0.98);
    box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.52);
  }

  body[data-workflow="map"] .field-agenda-header h3 {
    font-size: 0.98rem;
  }

  body[data-workflow="map"] .field-agenda-list {
    max-height: calc(min(60dvh, 560px) - 148px);
  }

  body[data-workflow="map"] .field-agenda-item {
    min-height: 82px;
    grid-template-columns: auto minmax(0, 1fr);
  }

  body[data-workflow="map"] .field-agenda-priority {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }

  body[data-workflow="map"] .field-agenda-item .agenda-tags {
    grid-column: 2;
  }

  .report-history-heading {
    display: grid;
  }

  .report-history-actions {
    justify-content: stretch;
  }

  .report-history-actions .ghost-button {
    flex: 1 1 150px;
  }

  .report-export-card {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .report-export-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  body[data-workflow="map"] #show-user-location,
  body[data-workflow="map"] #save-inventory {
    display: none;
  }

  body[data-workflow="map"] .inventory-stage.is-map-locked::after {
    right: 10px;
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 64px);
  }

  body[data-workflow="map"] .mobile-tree-sheet {
    position: fixed;
    z-index: 32;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    left: 10px;
    display: grid;
    gap: 9px;
    max-height: min(54dvh, 490px);
    overflow-y: auto;
    padding: 12px;
    border: 1px solid rgba(248, 244, 236, 0.16);
    border-radius: 26px;
    background:
      radial-gradient(circle at top left, rgba(143, 178, 111, 0.15), transparent 34%),
      rgba(14, 25, 19, 0.97);
    box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(22px);
    touch-action: pan-y;
    animation: mobile-tree-sheet-in 180ms ease-out both;
  }

  body[data-workflow="map"] .map-tree-picker:not([hidden]) {
    position: fixed;
    z-index: 34;
    right: 10px;
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 72px);
    left: 10px;
    width: auto;
    max-height: min(58dvh, 520px);
    padding: 12px;
    border-radius: 24px;
  }

  .map-tree-picker-list > button {
    min-height: 58px;
  }

  .mobile-tree-sheet-header {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) 40px;
    gap: 10px;
    align-items: center;
  }

  .mobile-tree-sheet-photo {
    width: 62px;
    height: 62px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(248, 244, 236, 0.13);
    border-radius: 18px;
    background: linear-gradient(145deg, #263b30, #15241c);
  }

  .mobile-tree-sheet-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .mobile-tree-sheet-photo > span {
    position: absolute;
    top: 15px;
    left: 14px;
    width: 34px;
    height: 30px;
    display: block;
    border-radius: 48% 52% 44% 56%;
    background:
      radial-gradient(circle at 35% 35%, #b9d39d 0 16%, transparent 17%),
      #73945f;
    box-shadow:
      -8px 8px 0 -4px #5f8253,
      9px 7px 0 -4px #8cad70;
  }

  .mobile-tree-sheet-photo > span::after {
    position: absolute;
    top: 24px;
    left: 16px;
    width: 3px;
    height: 17px;
    border-radius: 3px;
    background: #c99a6a;
    content: "";
  }

  .mobile-tree-sheet-title {
    min-width: 0;
    display: grid;
    gap: 1px;
  }

  .mobile-tree-sheet-title span,
  .mobile-tree-sheet-title strong,
  .mobile-tree-sheet-title em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-tree-sheet-title span {
    color: var(--accent-strong);
    font-size: 0.6rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .mobile-tree-sheet-title strong {
    color: #fff8e8;
    font-size: 1.04rem;
  }

  .mobile-tree-sheet-title em {
    color: var(--muted);
    font-size: 0.69rem;
  }

  .mobile-tree-sheet-close {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
    color: var(--text);
    font-size: 1.25rem;
  }

  .mobile-tree-sheet-badges {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .mobile-tree-sheet-badges::-webkit-scrollbar {
    display: none;
  }

  .mobile-tree-sheet-badges span {
    flex: 0 0 auto;
    padding: 6px 9px;
    border: 1px solid rgba(143, 178, 111, 0.22);
    border-radius: 999px;
    background: rgba(143, 178, 111, 0.1);
    color: #e5f1d8;
    font-size: 0.65rem;
    font-weight: 900;
  }

  .mobile-tree-sheet-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .mobile-tree-sheet-facts > span {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding: 8px;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
  }

  .mobile-tree-sheet-facts small {
    color: var(--muted);
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .mobile-tree-sheet-facts strong {
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-tree-sheet-recommendation {
    min-height: 34px;
    margin: 0;
    padding: 8px 10px;
    border-left: 3px solid var(--accent);
    border-radius: 0 12px 12px 0;
    background: rgba(213, 150, 99, 0.08);
    color: #e8ded0;
    font-size: 0.7rem;
    line-height: 1.35;
  }

  .mobile-tree-sheet-navigation {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 7px;
    align-items: center;
  }

  .mobile-tree-sheet-navigation button {
    min-height: 38px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.045);
    color: var(--text);
    font-size: 0.68rem;
    font-weight: 900;
  }

  .mobile-tree-sheet-navigation span {
    color: var(--muted);
    font-size: 0.64rem;
    font-weight: 900;
  }

  .mobile-tree-sheet-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .mobile-tree-sheet-actions .primary-button,
  .mobile-tree-sheet-actions .ghost-button {
    min-width: 0;
    min-height: 44px;
    padding: 7px 5px;
    font-size: 0.66rem;
  }

  @keyframes mobile-tree-sheet-in {
    from {
      opacity: 0;
      transform: translateY(18px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  html,
  body,
  .inventory-shell {
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior: none;
  }

  button,
  .ghost-button,
  .primary-button,
  .import-trigger {
    touch-action: manipulation;
  }

  body[data-workflow="start"] .start-action-row > button,
  body[data-workflow="start"] .start-action-row > .ghost-button,
  body[data-workflow="start"] .start-action-row > .primary-button,
  body[data-workflow="start"] .start-tab-button,
  body[data-workflow="start"] .tiny-button,
  .mobile-home-back,
  .mobile-more-button,
  .mobile-home-menu .tiny-button {
    min-height: 48px;
  }

  body[data-workflow="start"] #mobile-start-new-project,
  body[data-workflow="project"] button,
  body[data-workflow="tree"] button,
  body[data-workflow="project"] input,
  body[data-workflow="project"] select,
  body[data-workflow="project"] textarea,
  .inventory-brand {
    min-height: 48px;
  }

  body .arbsoul-account-toggle {
    width: 48px !important;
    height: 48px !important;
  }

  body .arbsoul-settings-link,
  body .arbsoul-account-refresh,
  body .arbsoul-account-copy-id,
  body .arbsoul-account-logout {
    min-height: 48px !important;
  }

  .mobile-home-back,
  .mobile-more-button,
  .mobile-map-home-button,
  .mobile-map-menu-button,
  .mobile-tree-sheet-close {
    width: 48px;
    height: 48px;
  }

  body[data-workflow="map"] .mobile-map-topbar {
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    min-height: 64px;
  }

  body[data-workflow="map"] .map-action-drawer .inventory-stage-actions > button,
  body[data-workflow="map"] .map-action-drawer .inventory-stage-actions > label,
  .mobile-tree-sheet-navigation button,
  .mobile-tree-sheet-actions .primary-button,
  .mobile-tree-sheet-actions .ghost-button,
  .tree-wizard-progress button,
  .wizard-range-options button,
  .wizard-choice-row button,
  .tree-capture-footer .ghost-button,
  .tree-capture-footer .primary-button,
  #tree-wizard-close {
    min-height: 48px;
  }

  .smart-triage-card {
    align-items: stretch;
    flex-direction: column;
  }

  .municipal-field-grid {
    grid-template-columns: 1fr;
  }

  .municipal-notes-field {
    grid-column: auto;
  }
}

@media (max-height: 600px) and (max-width: 1024px) {
  .tree-capture-wizard {
    align-items: stretch;
    padding: 0;
    background: rgba(2, 7, 5, 0.78);
  }

  .tree-capture-card {
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    padding:
      max(8px, env(safe-area-inset-top))
      10px
      max(8px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
  }

  .tree-capture-header {
    position: sticky;
    z-index: 2;
    top: 0;
    padding-bottom: 6px;
    background: rgba(13, 23, 18, 0.98);
  }

  .tree-capture-footer {
    position: sticky;
    z-index: 2;
    bottom: 0;
    padding-top: 6px;
    background: rgba(13, 23, 18, 0.98);
  }

  body[data-workflow="map"] .mobile-tree-sheet {
    top: max(6px, env(safe-area-inset-top));
    bottom: max(6px, env(safe-area-inset-bottom));
    max-height: none;
  }
}
.professional-history-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(157, 184, 151, 0.18);
  border-radius: 20px;
  background: rgba(157, 184, 151, 0.06);
}

.professional-history-heading,
.professional-history-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.professional-history-heading .section-heading {
  min-width: 0;
}

.professional-history-heading h2 {
  margin: 0;
  font-size: 1rem;
}

.professional-history-list {
  display: grid;
  gap: 10px;
}

.professional-history-card {
  display: grid;
  gap: 8px;
  padding: 13px;
  border: 1px solid rgba(232, 238, 228, 0.1);
  border-left: 4px solid #8fb26f;
  border-radius: 16px;
  background: rgba(8, 14, 11, 0.24);
}

.professional-history-card[data-history-kind="risk"] {
  border-left-color: #d59663;
}

.professional-history-card-head span {
  color: var(--inventory-muted, #aebbad);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.professional-history-card-head small {
  color: var(--inventory-muted, #aebbad);
}

.professional-history-card p {
  margin: 0;
  color: var(--inventory-muted, #aebbad);
  line-height: 1.45;
}

.professional-history-card .ghost-button {
  justify-self: start;
  text-decoration: none;
}

@media (max-width: 620px), (max-height: 620px) and (max-width: 1024px) {
  .professional-history-heading {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 620px), (max-height: 620px) and (max-width: 1024px) {
  body[data-workflow="start"] .inventory-shell {
    grid-template-rows: minmax(0, 1fr);
    gap: 5px;
    padding:
      max(5px, env(safe-area-inset-top))
      7px
      max(5px, env(safe-area-inset-bottom));
  }

  body[data-workflow="start"] .inventory-header.arbsoul-core-header {
    display: none !important;
    min-height: 52px;
    padding: 5px 8px;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
  }

  body[data-workflow="start"] .inventory-brand {
    min-height: 42px;
    gap: 8px;
  }

  body[data-workflow="start"] .inventory-brand-mark {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  body[data-workflow="start"] .inventory-brand strong {
    font-size: 1rem;
  }

  body[data-workflow="start"] .start-layout {
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 5px;
  }

  body[data-workflow="start"] .mobile-home-toolbar {
    min-height: 52px;
    padding: 4px 3px 4px 6px;
    border: 0;
    border-radius: 17px;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  body[data-workflow="start"] .mobile-home-heading span {
    font-size: 0.55rem;
    letter-spacing: 0.15em;
  }

  body[data-workflow="start"] .mobile-home-heading strong {
    font-family: "Fraunces", Georgia, serif;
    font-size: 1.36rem;
    letter-spacing: -0.045em;
  }

  body[data-workflow="start"] .mobile-more-button {
    display: grid;
  }

  body[data-workflow="start"] .mobile-dashboard-panel.is-active,
  body[data-workflow="start"] .mobile-dashboard-page.is-active {
    grid-row: 2;
    min-height: 0;
    display: grid;
    grid-template-rows: none;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 9px;
    padding: 3px 3px 13px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body[data-workflow="start"] .mobile-dashboard-panel.is-active {
    overflow-y: hidden;
  }

  body[data-workflow="start"] .mobile-dashboard-panel::-webkit-scrollbar,
  body[data-workflow="start"] .mobile-dashboard-page::-webkit-scrollbar {
    display: none;
  }

  body[data-workflow="start"] .start-account-card.is-active,
  body[data-workflow="start"] .start-lookup-card.is-active,
  body[data-workflow="start"] .start-cloud-card.is-active {
    grid-row: 2;
  }

  body.client-portal-mode[data-workflow="start"] .client-home-dashboard:not([hidden]) {
    grid-row: 2;
    min-height: 0;
    max-height: none;
    margin: 2px 3px 8px;
    overflow-y: auto;
  }

  body.client-portal-mode[data-workflow="start"] .client-home-dashboard[data-active-view="overview"]:not([hidden]) {
    height: auto;
    max-height: calc(100dvh - 92px);
    align-self: start;
    grid-template-rows: auto auto;
  }

  .mobile-dashboard-intro {
    min-height: 74px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 21px;
    background:
      radial-gradient(circle at 88% 10%, rgba(221, 180, 122, 0.17), transparent 38%),
      linear-gradient(145deg, rgba(143, 178, 111, 0.11), transparent 52%),
      rgba(255, 255, 255, 0.045);
  }

  .mobile-dashboard-intro > div {
    min-width: 0;
  }

  .mobile-dashboard-intro span:first-child,
  .mobile-dashboard-section-head span,
  .mobile-page-heading span {
    color: #b8c7b4;
    font-size: 0.57rem;
    font-weight: 950;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .mobile-dashboard-intro h1,
  .mobile-page-heading h1 {
    margin: 2px 0 0;
    overflow: hidden;
    color: #fff8eb;
    font-family: "Fraunces", Georgia, serif;
    font-size: 1.26rem;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-dashboard-sync {
    min-height: 40px;
    flex: 0 0 auto;
    padding: 6px 9px;
    border: 1px solid rgba(143, 178, 111, 0.26);
    border-radius: 999px;
    background: rgba(143, 178, 111, 0.1);
    color: #d7e7c6;
    font-size: 0.58rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-dashboard-sync[data-sync-state="error"] {
    border-color: rgba(207, 98, 88, 0.3);
    background: rgba(207, 98, 88, 0.12);
    color: #ffd2cc;
  }

  .mobile-dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .mobile-dashboard-metric {
    min-width: 0;
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto 1fr auto;
    align-items: start;
    gap: 2px 5px;
    padding: 9px 9px;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 19px;
    background:
      linear-gradient(145deg, rgba(143, 178, 111, 0.07), transparent 52%),
      rgba(255, 255, 255, 0.04);
    color: #fff8eb;
    text-align: left;
  }

  .mobile-dashboard-metric::after {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    color: #d9b37c;
    content: "\203A";
    font-size: 1.3rem;
  }

  .mobile-dashboard-metric.is-attention {
    border-color: rgba(213, 150, 99, 0.26);
    background:
      radial-gradient(circle at 100% 0%, rgba(213, 150, 99, 0.18), transparent 45%),
      rgba(213, 150, 99, 0.075);
  }

  .mobile-dashboard-metric span {
    grid-column: 1;
    color: #b8c7b4;
    font-size: 0.55rem;
    font-weight: 900;
    letter-spacing: 0.03em;
  }

  .mobile-dashboard-metric strong {
    grid-column: 1;
    color: #fff2db;
    font-size: 1.34rem;
    line-height: 1.05;
  }

  .mobile-dashboard-metric small {
    grid-column: 1 / -1;
    overflow: hidden;
    color: #95a690;
    font-size: 0.49rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-dashboard-section {
    min-width: 0;
    display: grid;
    gap: 7px;
    padding: 10px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 20px;
    background: rgba(5, 13, 9, 0.22);
  }

  .mobile-dashboard-section.is-priority {
    border-color: rgba(213, 150, 99, 0.18);
  }

  .mobile-dashboard-section-head {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 2px;
  }

  .mobile-dashboard-section-head > div {
    min-width: 0;
    display: grid;
  }

  .mobile-dashboard-section-head strong {
    overflow: hidden;
    color: #f7f1e7;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-dashboard-section-head > button {
    min-height: 40px;
    padding: 5px 10px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #e8c28d;
    font-size: 0.62rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-dashboard-section-count {
    min-width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    margin-left: auto;
    border: 1px solid rgba(213, 150, 99, 0.26);
    border-radius: 12px;
    background: rgba(213, 150, 99, 0.11);
    color: #ffd8a6;
    font-size: 0.82rem;
  }

  .mobile-dashboard-list,
  .mobile-page-list {
    min-width: 0;
    display: grid;
    gap: 6px;
  }

  .mobile-dashboard-row {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid rgba(248, 244, 236, 0.075);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    color: #f8f4ec;
    text-align: left;
  }

  .mobile-dashboard-row:active,
  .mobile-dashboard-metric:active,
  .mobile-bottom-nav :is(a, button):active {
    transform: scale(0.985);
  }

  .mobile-dashboard-row > i {
    width: 7px;
    height: 28px;
    display: block;
    border-radius: 999px;
    background: #718b67;
  }

  .mobile-dashboard-row[data-dashboard-tone="critical"] > i {
    background: #e17b6b;
    box-shadow: 0 0 16px rgba(225, 123, 107, 0.28);
  }

  .mobile-dashboard-row[data-dashboard-tone="client"] > i {
    background: #dfad72;
  }

  .mobile-dashboard-row[data-dashboard-tone="reinspection"] > i,
  .mobile-dashboard-row[data-dashboard-kind="visit"] > i {
    background: #7ea6a9;
  }

  .mobile-dashboard-row[data-dashboard-kind="report"] > i {
    background: #b89bd0;
  }

  .mobile-dashboard-row[data-dashboard-kind="flag"] > i {
    background: #e17b6b;
  }

  .mobile-dashboard-row[data-dashboard-kind="photo"] > i {
    background: #dfad72;
  }

  .mobile-dashboard-row > span {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-dashboard-row > span strong,
  .mobile-dashboard-row > span small,
  .mobile-dashboard-row > span em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-dashboard-row > span strong {
    font-size: 0.7rem;
  }

  .mobile-dashboard-row > span small {
    color: #9ead9a;
    font-size: 0.58rem;
  }

  .mobile-dashboard-row > span em {
    color: #c9d3c5;
    font-size: 0.58rem;
    font-style: normal;
  }

  .mobile-dashboard-row > b {
    max-width: 74px;
    overflow: hidden;
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(248, 244, 236, 0.07);
    color: #e6be87;
    font-size: 0.54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-dashboard-empty {
    min-height: 54px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 9px 11px;
    border: 1px dashed rgba(248, 244, 236, 0.1);
    border-radius: 14px;
    color: #98a894;
  }

  .mobile-dashboard-empty strong {
    color: #e8eee3;
    font-size: 0.68rem;
  }

  .mobile-dashboard-empty span {
    font-size: 0.57rem;
    line-height: 1.35;
  }

  .mobile-dashboard-duo {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .mobile-dashboard-duo .mobile-dashboard-section {
    min-width: 0;
    padding: 9px;
  }

  .mobile-dashboard-duo .mobile-dashboard-row {
    grid-template-columns: 6px minmax(0, 1fr);
  }

  .mobile-dashboard-duo .mobile-dashboard-row > b {
    display: none;
  }

  .mobile-dashboard-duo .mobile-dashboard-row > span strong,
  .mobile-dashboard-duo .mobile-dashboard-row > span small {
    white-space: normal;
  }

  .mobile-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 13px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(143, 178, 111, 0.13), transparent 45%),
      rgba(255, 255, 255, 0.04);
  }

  .mobile-page-heading > div {
    min-width: 0;
  }

  .mobile-page-heading p {
    margin: 3px 0 0;
    color: #9ead9a;
    font-size: 0.62rem;
    line-height: 1.35;
  }

  .mobile-page-heading > strong {
    min-width: 46px;
    padding: 8px 9px;
    border: 1px solid rgba(213, 150, 99, 0.25);
    border-radius: 15px;
    background: rgba(213, 150, 99, 0.1);
    color: #ffd9a8;
    font-size: 1.05rem;
    text-align: center;
  }

  body[data-workflow="start"] .mobile-work-page.is-active {
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    grid-auto-rows: unset;
    align-content: stretch;
    overflow: hidden;
  }

  .mobile-work-property-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
  }

  .mobile-work-property-actions[hidden] {
    display: none;
  }

  .mobile-work-open-property {
    min-height: 38px;
    padding: 7px 11px;
    border: 1px solid rgba(143, 178, 111, 0.2);
    border-radius: 999px;
    background: rgba(143, 178, 111, 0.09);
    color: #cce1b8;
    font-size: 0.64rem;
    font-weight: 900;
  }

  .mobile-work-toolbar {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(128px, 0.62fr);
    gap: 6px;
  }

  .mobile-work-search-field,
  .mobile-work-sort-field {
    min-width: 0;
    display: block;
  }

  .mobile-work-search-field > span,
  .mobile-work-sort-field > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  body[data-workflow="start"] #mobile-work-search,
  body[data-workflow="start"] #mobile-work-sort {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.05);
    color: #eee7dc;
    font-size: 0.68rem;
    font-weight: 800;
  }

  body[data-workflow="start"] #mobile-work-search {
    padding-left: 13px;
  }

  body[data-workflow="start"] #mobile-work-sort {
    padding-right: 26px;
  }

  .mobile-work-filters {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .mobile-work-filters button {
    min-width: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px 6px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    color: #9cab98;
    font-size: 0.58rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-work-filters button b {
    min-width: 18px;
    padding: 2px 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: #d9e1d5;
    font-size: 0.49rem;
    text-align: center;
  }

  .mobile-work-filters button.is-active {
    border-color: rgba(221, 180, 122, 0.28);
    background: rgba(221, 180, 122, 0.1);
    color: #f2d4aa;
  }

  .mobile-work-filters button.is-active b {
    background: rgba(221, 180, 122, 0.17);
    color: #ffe5be;
  }

  body[data-workflow="start"] #mobile-work-list {
    min-height: 0;
    align-content: start;
    gap: 7px;
    padding: 1px 1px max(14px, env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body[data-workflow="start"] #mobile-work-list::-webkit-scrollbar {
    display: none;
  }

  .mobile-attention-property-card {
    width: 100%;
    min-width: 0;
    min-height: 108px;
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) auto 10px;
    grid-template-rows: auto auto;
    gap: 7px 9px;
    align-items: center;
    padding: 10px 9px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 18px;
    background:
      linear-gradient(145deg, rgba(143, 178, 111, 0.065), transparent 56%),
      rgba(255, 255, 255, 0.038);
    color: #f8f4ec;
    text-align: left;
  }

  .mobile-attention-property-card:active,
  .mobile-attention-item-card:active,
  .mobile-work-load-more:active {
    transform: scale(0.985);
  }

  .mobile-attention-property-card > i,
  .mobile-attention-item-card > i {
    grid-column: 1;
    grid-row: 1 / -1;
    width: 7px;
    height: 42px;
    display: block;
    border-radius: 999px;
    background: #718b67;
  }

  .mobile-attention-property-card[data-dashboard-tone="critical"] > i,
  .mobile-attention-item-card[data-dashboard-tone="critical"] > i {
    background: #e17b6b;
    box-shadow: 0 0 16px rgba(225, 123, 107, 0.25);
  }

  .mobile-attention-property-card[data-dashboard-tone="client"] > i,
  .mobile-attention-item-card[data-dashboard-tone="client"] > i {
    background: #dfad72;
  }

  .mobile-attention-property-card[data-dashboard-tone="reinspection"] > i,
  .mobile-attention-item-card[data-dashboard-tone="reinspection"] > i {
    background: #7ea6a9;
  }

  .mobile-attention-property-copy {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-attention-property-copy strong,
  .mobile-attention-property-copy small,
  .mobile-attention-property-copy em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-attention-property-copy strong {
    color: #f8f2e8;
    font-size: 0.78rem;
  }

  .mobile-attention-property-copy small {
    color: #96a392;
    font-size: 0.56rem;
  }

  .mobile-attention-property-copy em {
    color: #d7c9b7;
    font-size: 0.58rem;
    font-style: normal;
  }

  .mobile-attention-property-count {
    grid-column: 3;
    grid-row: 1;
    min-width: 38px;
    display: grid;
    justify-items: end;
    line-height: 1;
  }

  .mobile-attention-property-count strong {
    color: #f4d2a1;
    font-size: 0.94rem;
  }

  .mobile-attention-property-count small {
    margin-top: 3px;
    color: #8f9d8c;
    font-size: 0.5rem;
    font-weight: 850;
  }

  .mobile-attention-property-pills,
  .mobile-attention-item-pills {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  .mobile-attention-property-pills {
    grid-column: 2 / 4;
    grid-row: 2;
  }

  .mobile-attention-property-pills > span,
  .mobile-attention-item-pills > span {
    width: auto;
    padding: 3px 6px;
    border: 1px solid rgba(248, 244, 236, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: #aab7a6;
    font-size: 0.48rem;
    font-weight: 900;
    line-height: 1.05;
    white-space: nowrap;
  }

  :where(.mobile-attention-property-pills, .mobile-attention-item-pills) > span[data-work-tone="critical"] {
    border-color: rgba(225, 123, 107, 0.22);
    background: rgba(225, 123, 107, 0.09);
    color: #efab9f;
  }

  :where(.mobile-attention-property-pills, .mobile-attention-item-pills) > span[data-work-tone="client"] {
    border-color: rgba(223, 173, 114, 0.22);
    background: rgba(223, 173, 114, 0.09);
    color: #efc995;
  }

  :where(.mobile-attention-property-pills, .mobile-attention-item-pills) > span[data-work-tone="reinspection"] {
    border-color: rgba(126, 166, 169, 0.22);
    background: rgba(126, 166, 169, 0.09);
    color: #add0d1;
  }

  .mobile-attention-property-card > b {
    grid-column: 4;
    grid-row: 1 / -1;
    color: #d9b37c;
    font-size: 1.2rem;
  }

  .mobile-attention-item-card {
    width: 100%;
    min-width: 0;
    min-height: 126px;
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 7px 9px;
    align-items: start;
    padding: 10px 9px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.038);
    color: #f8f4ec;
    text-align: left;
  }

  .mobile-attention-item-copy {
    grid-column: 2;
    grid-row: 1 / -1;
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 3px;
  }

  .mobile-attention-item-copy > small,
  .mobile-attention-item-copy > strong,
  .mobile-attention-item-copy > em,
  .mobile-attention-item-copy > span:not(.mobile-attention-item-pills) {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-attention-item-copy > small {
    color: #9eae9a;
    font-size: 0.54rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-attention-item-copy > strong {
    color: #f7f0e5;
    font-size: 0.72rem;
    white-space: nowrap;
  }

  .mobile-attention-item-copy > em {
    display: -webkit-box;
    color: #d0c5b6;
    font-size: 0.57rem;
    font-style: normal;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-attention-item-copy > span:not(.mobile-attention-item-pills) {
    color: #849582;
    font-size: 0.52rem;
    white-space: nowrap;
  }

  .mobile-attention-item-card > b {
    grid-column: 3;
    grid-row: 1;
    max-width: 72px;
    overflow: hidden;
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(213, 150, 99, 0.1);
    color: #efc38e;
    font-size: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-attention-map-cue {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
    color: #d9b37c;
    font-size: 0.55rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-work-load-more {
    min-height: 54px;
    display: grid;
    place-content: center;
    gap: 2px;
    padding: 9px;
    border: 1px dashed rgba(221, 180, 122, 0.24);
    border-radius: 17px;
    background: rgba(221, 180, 122, 0.055);
    color: #efc995;
  }

  .mobile-work-load-more strong {
    font-size: 0.67rem;
  }

  .mobile-work-load-more span {
    color: #879584;
    font-size: 0.54rem;
  }

  body[data-workflow="start"] .mobile-activity-page.is-active {
    grid-template-rows: auto auto auto minmax(0, 1fr);
    grid-auto-rows: unset;
    align-content: stretch;
    overflow: hidden;
  }

  .mobile-activity-toolbar {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(118px, 0.55fr);
    gap: 6px;
  }

  .mobile-activity-search-field,
  .mobile-activity-range-field {
    min-width: 0;
    display: block;
  }

  .mobile-activity-search-field > span,
  .mobile-activity-range-field > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  body[data-workflow="start"] #mobile-activity-search,
  body[data-workflow="start"] #mobile-activity-range {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.05);
    color: #eee7dc;
    font-size: 0.68rem;
    font-weight: 800;
  }

  body[data-workflow="start"] #mobile-activity-search {
    padding-left: 13px;
  }

  body[data-workflow="start"] #mobile-activity-range {
    padding-right: 25px;
  }

  .mobile-activity-filters {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  .mobile-activity-filters button {
    min-width: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 5px 3px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    color: #9cab98;
    font-size: 0.52rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-activity-filters button b {
    min-width: 16px;
    padding: 2px 3px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: #d9e1d5;
    font-size: 0.46rem;
    text-overflow: ellipsis;
  }

  .mobile-activity-filters button.is-active {
    border-color: rgba(126, 166, 169, 0.3);
    background: rgba(126, 166, 169, 0.11);
    color: #c8e0e1;
  }

  .mobile-activity-filters button.is-active b {
    background: rgba(126, 166, 169, 0.16);
    color: #ddf2f2;
  }

  body[data-workflow="start"] #mobile-activity-list {
    min-height: 0;
    align-content: start;
    gap: 6px;
    padding: 0 1px max(14px, env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body[data-workflow="start"] #mobile-activity-list::-webkit-scrollbar {
    display: none;
  }

  .mobile-activity-date-heading {
    position: sticky;
    z-index: 2;
    top: 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 5px 5px;
    background: linear-gradient(180deg, rgba(7, 15, 11, 0.98) 72%, rgba(7, 15, 11, 0.82));
    color: #dfe8db;
  }

  .mobile-activity-date-heading strong {
    font-size: 0.62rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .mobile-activity-date-heading span {
    color: #829180;
    font-size: 0.52rem;
    font-weight: 850;
  }

  .mobile-activity-card {
    width: 100%;
    min-width: 0;
    min-height: 102px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(248, 244, 236, 0.08);
    border-radius: 17px;
    background:
      linear-gradient(145deg, rgba(126, 166, 169, 0.045), transparent 58%),
      rgba(255, 255, 255, 0.036);
    color: #f8f4ec;
    text-align: left;
  }

  .mobile-activity-card:active,
  .mobile-activity-load-more:active {
    transform: scale(0.985);
  }

  .mobile-activity-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 13px;
    background: rgba(126, 166, 169, 0.12);
    color: #b9d8d9;
    font-size: 0.66rem;
    font-weight: 950;
  }

  .mobile-activity-card[data-activity-kind="flag"] .mobile-activity-icon {
    border-color: rgba(225, 123, 107, 0.22);
    background: rgba(225, 123, 107, 0.11);
    color: #efab9f;
  }

  :where(.mobile-activity-card[data-activity-kind="photo"], .mobile-activity-card[data-activity-kind="note"]) .mobile-activity-icon {
    border-color: rgba(223, 173, 114, 0.22);
    background: rgba(223, 173, 114, 0.1);
    color: #efc995;
  }

  .mobile-activity-card[data-activity-kind="report"] .mobile-activity-icon {
    border-color: rgba(184, 155, 208, 0.22);
    background: rgba(184, 155, 208, 0.1);
    color: #d8bdea;
  }

  .mobile-activity-card[data-activity-kind="inventory"] .mobile-activity-icon {
    border-color: rgba(143, 178, 111, 0.22);
    background: rgba(143, 178, 111, 0.1);
    color: #c9dfa9;
  }

  .mobile-activity-card[data-activity-kind="schedule"] .mobile-activity-icon {
    border-color: rgba(221, 180, 122, 0.24);
    background: rgba(221, 180, 122, 0.11);
    color: #efd09f;
  }

  .mobile-activity-copy {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 2px;
  }

  .mobile-activity-copy > small,
  .mobile-activity-copy > strong,
  .mobile-activity-copy > span,
  .mobile-activity-copy > em {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-activity-copy > small {
    color: #9eae9a;
    font-size: 0.53rem;
    font-weight: 900;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile-activity-copy > strong {
    color: #f7f0e5;
    font-size: 0.7rem;
    white-space: nowrap;
  }

  .mobile-activity-copy > span {
    display: -webkit-box;
    color: #c9c1b5;
    font-size: 0.56rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-activity-copy > em {
    color: #7f9080;
    font-size: 0.5rem;
    font-style: normal;
    white-space: nowrap;
  }

  .mobile-activity-side {
    min-width: 48px;
    align-self: stretch;
    display: grid;
    align-content: space-between;
    justify-items: end;
    gap: 8px;
  }

  .mobile-activity-side time {
    color: #8fa18e;
    font-size: 0.5rem;
    font-weight: 850;
    white-space: nowrap;
  }

  .mobile-activity-side b {
    color: #d9b37c;
    font-size: 0.53rem;
    white-space: nowrap;
  }

  .mobile-activity-load-more {
    min-height: 54px;
    display: grid;
    place-content: center;
    gap: 2px;
    padding: 9px;
    border: 1px dashed rgba(126, 166, 169, 0.25);
    border-radius: 17px;
    background: rgba(126, 166, 169, 0.055);
    color: #b9d8d9;
  }

  .mobile-activity-load-more strong {
    font-size: 0.67rem;
  }

  .mobile-activity-load-more span {
    color: #879584;
    font-size: 0.54rem;
  }

  .mobile-dashboard-duo .mobile-dashboard-section-head {
    gap: 5px;
  }

  .mobile-dashboard-duo .mobile-dashboard-section-head > button {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    font-size: 0.52rem;
  }

  .mobile-dashboard-duo .mobile-dashboard-section-head > button b {
    min-width: 16px;
    padding: 2px 4px;
    border-radius: 999px;
    background: rgba(221, 180, 122, 0.14);
    color: #f4d4a7;
    font-size: 0.46rem;
  }

  .mobile-dashboard-row.is-schedule[data-schedule-tone="overdue"] > i {
    background: #e17b6b;
    box-shadow: 0 0 14px rgba(225, 123, 107, 0.25);
  }

  .mobile-dashboard-row.is-schedule[data-schedule-tone="today"] > i {
    background: #ddb47a;
  }

  .mobile-dashboard-row.is-schedule[data-schedule-tone="scheduled"] > i {
    background: #7ea6a9;
  }

  body[data-workflow="start"] .mobile-schedule-page.is-active {
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    grid-auto-rows: unset;
    align-content: stretch;
    overflow: hidden;
  }

  .mobile-schedule-heading {
    align-items: center;
  }

  .mobile-schedule-heading-actions {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: auto auto;
    gap: 6px;
    align-items: center;
  }

  .mobile-schedule-heading-actions > strong {
    min-width: 42px;
    display: grid;
    place-items: center;
    padding: 8px;
    border: 1px solid rgba(221, 180, 122, 0.24);
    border-radius: 14px;
    background: rgba(221, 180, 122, 0.09);
    color: #f6d6a7;
    font-size: 0.95rem;
  }

  .mobile-schedule-heading-actions > button {
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(143, 178, 111, 0.24);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(221, 180, 122, 0.16), rgba(143, 178, 111, 0.15));
    color: #f5dfbc;
    font-size: 0.62rem;
    font-weight: 950;
    white-space: nowrap;
  }

  .mobile-schedule-summary {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .mobile-schedule-summary button {
    min-width: 0;
    min-height: 48px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
    padding: 7px 8px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    color: #9cac99;
    text-align: left;
  }

  .mobile-schedule-summary button span {
    overflow: hidden;
    font-size: 0.54rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-schedule-summary button strong {
    color: #f3dfc0;
    font-size: 0.88rem;
  }

  .mobile-schedule-summary button.is-active {
    border-color: rgba(221, 180, 122, 0.28);
    background: rgba(221, 180, 122, 0.09);
  }

  .mobile-schedule-search-field {
    min-width: 0;
    display: block;
  }

  .mobile-schedule-search-field > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  body[data-workflow="start"] #mobile-schedule-search {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 8px 13px;
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.05);
    color: #eee7dc;
    font-size: 0.68rem;
    font-weight: 800;
  }

  .mobile-schedule-filters {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  .mobile-schedule-filters button {
    min-width: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 5px 3px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    color: #9cab98;
    font-size: 0.5rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-schedule-filters button b {
    min-width: 16px;
    padding: 2px 3px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: #d9e1d5;
    font-size: 0.45rem;
    text-overflow: ellipsis;
  }

  .mobile-schedule-filters button.is-active {
    border-color: rgba(221, 180, 122, 0.28);
    background: rgba(221, 180, 122, 0.1);
    color: #f1d3a8;
  }

  body[data-workflow="start"] #mobile-schedule-list {
    min-height: 0;
    align-content: start;
    gap: 6px;
    padding: 0 1px max(14px, env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body[data-workflow="start"] #mobile-schedule-list::-webkit-scrollbar {
    display: none;
  }

  .mobile-schedule-date-heading {
    position: sticky;
    z-index: 2;
    top: 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 5px 5px;
    background: linear-gradient(180deg, rgba(7, 15, 11, 0.98) 72%, rgba(7, 15, 11, 0.82));
    color: #dfe8db;
  }

  .mobile-schedule-date-heading strong {
    font-size: 0.62rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .mobile-schedule-date-heading span {
    color: #829180;
    font-size: 0.51rem;
    font-weight: 850;
  }

  .mobile-schedule-card {
    width: 100%;
    min-width: 0;
    min-height: 104px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(248, 244, 236, 0.08);
    border-radius: 17px;
    background:
      linear-gradient(145deg, rgba(221, 180, 122, 0.05), transparent 58%),
      rgba(255, 255, 255, 0.036);
    color: #f8f4ec;
    text-align: left;
  }

  .mobile-schedule-card:active,
  .mobile-schedule-load-more:active {
    transform: scale(0.985);
  }

  .mobile-schedule-card[data-schedule-tone="overdue"] {
    border-color: rgba(225, 123, 107, 0.2);
    background:
      linear-gradient(145deg, rgba(225, 123, 107, 0.08), transparent 58%),
      rgba(255, 255, 255, 0.036);
  }

  .mobile-schedule-card[data-schedule-tone="today"] {
    border-color: rgba(221, 180, 122, 0.22);
  }

  .mobile-schedule-card[data-schedule-tone="closed"] {
    opacity: 0.72;
  }

  .mobile-schedule-date-block {
    width: 40px;
    height: 43px;
    display: grid;
    place-content: center;
    border: 1px solid rgba(221, 180, 122, 0.18);
    border-radius: 13px;
    background: rgba(221, 180, 122, 0.08);
    text-align: center;
  }

  .mobile-schedule-date-block strong {
    color: #f4d4a8;
    font-size: 0.82rem;
    line-height: 1;
  }

  .mobile-schedule-date-block small {
    margin-top: 2px;
    color: #9faf9c;
    font-size: 0.48rem;
    font-weight: 900;
    text-transform: uppercase;
  }

  .mobile-schedule-card-copy {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 2px;
  }

  .mobile-schedule-card-copy > small,
  .mobile-schedule-card-copy > strong,
  .mobile-schedule-card-copy > span,
  .mobile-schedule-card-copy > em {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-schedule-card-copy > small {
    color: #9eae9a;
    font-size: 0.52rem;
    font-weight: 900;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile-schedule-card-copy > strong {
    color: #f7f0e5;
    font-size: 0.71rem;
    white-space: nowrap;
  }

  .mobile-schedule-card-copy > span {
    color: #b9c5b6;
    font-size: 0.55rem;
    white-space: nowrap;
  }

  .mobile-schedule-card-copy > em {
    display: -webkit-box;
    color: #7f9080;
    font-size: 0.51rem;
    font-style: normal;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-schedule-card-side {
    min-width: 54px;
    align-self: stretch;
    display: grid;
    align-content: space-between;
    justify-items: end;
    gap: 4px;
  }

  .mobile-schedule-card-side time {
    color: #8fa18e;
    font-size: 0.5rem;
    font-weight: 850;
  }

  .mobile-schedule-card-side b {
    max-width: 66px;
    overflow: hidden;
    padding: 4px 6px;
    border-radius: 999px;
    background: rgba(221, 180, 122, 0.09);
    color: #eac28e;
    font-size: 0.47rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-schedule-card-side > span {
    color: #d9b37c;
    font-size: 0.52rem;
    font-weight: 900;
  }

  .mobile-schedule-load-more {
    min-height: 54px;
    display: grid;
    place-content: center;
    gap: 2px;
    padding: 9px;
    border: 1px dashed rgba(221, 180, 122, 0.24);
    border-radius: 17px;
    background: rgba(221, 180, 122, 0.055);
    color: #efc995;
  }

  .mobile-schedule-load-more strong {
    font-size: 0.67rem;
  }

  .mobile-schedule-load-more span {
    color: #879584;
    font-size: 0.54rem;
  }

  .mobile-schedule-dialog {
    width: calc(100vw - 16px);
    max-width: 520px;
    max-height: min(88dvh, 760px);
    inset: auto 8px max(8px, env(safe-area-inset-bottom));
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(248, 244, 236, 0.16);
    border-radius: 25px;
    background:
      radial-gradient(circle at top right, rgba(221, 180, 122, 0.15), transparent 36%),
      #14221b;
    color: #f8f4ec;
    box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.52);
  }

  .mobile-schedule-dialog::backdrop {
    background: rgba(2, 7, 4, 0.72);
    backdrop-filter: blur(5px);
  }

  .mobile-schedule-dialog > form {
    max-height: min(88dvh, 760px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .mobile-schedule-dialog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 14px 10px;
    border-bottom: 1px solid rgba(248, 244, 236, 0.08);
  }

  .mobile-schedule-dialog-head > div {
    min-width: 0;
    display: grid;
  }

  .mobile-schedule-dialog-head span {
    color: #d9b37c;
    font-size: 0.54rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .mobile-schedule-dialog-head h2 {
    margin: 1px 0 0;
    font-family: "Fraunces", Georgia, serif;
    font-size: 1.22rem;
  }

  .mobile-schedule-dialog-head > button {
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
    color: #d9e1d5;
    font-size: 0.62rem;
    font-weight: 900;
  }

  .mobile-schedule-form-scroll {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 9px;
    padding: 11px 13px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .mobile-schedule-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .mobile-schedule-dialog .inventory-field {
    gap: 4px;
  }

  .mobile-schedule-dialog .inventory-field > span {
    color: #9aaa98;
    font-size: 0.54rem;
    font-weight: 900;
  }

  .mobile-schedule-dialog :where(input, select, textarea) {
    width: 100%;
    min-width: 0;
    min-height: 45px;
    padding: 8px 10px;
    border: 1px solid rgba(248, 244, 236, 0.12);
    border-radius: 13px;
    background-color: rgba(255, 255, 255, 0.055);
    color: #f6efe4;
    font-size: 0.72rem;
  }

  .mobile-schedule-dialog textarea {
    min-height: 72px;
    resize: vertical;
  }

  .mobile-schedule-dialog-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 10px 12px max(10px, env(safe-area-inset-bottom));
    border-top: 1px solid rgba(248, 244, 236, 0.08);
    background: rgba(9, 17, 13, 0.9);
  }

  .mobile-schedule-dialog-actions > button {
    min-width: 0;
    min-height: 44px;
    padding: 7px 5px;
    font-size: 0.64rem;
  }

  #mobile-schedule-delete {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 36px;
    opacity: 0.82;
  }

  .mobile-property-status > .is-scheduled {
    border-color: rgba(126, 166, 169, 0.23);
    background: rgba(126, 166, 169, 0.1);
    color: #c2dcdd;
  }

  .mobile-property-status > .is-schedule-overdue {
    border-color: rgba(225, 123, 107, 0.24);
    background: rgba(225, 123, 107, 0.1);
    color: #efaa9f;
  }

  body[data-workflow="start"] .mobile-reports-page.is-active {
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    grid-auto-rows: unset;
    align-content: stretch;
    overflow: hidden;
  }

  body[data-workflow="start"] .mobile-reports-page[data-report-mode="detail"].is-active {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .mobile-reports-page[data-report-mode="detail"] :where(.mobile-reports-summary, .mobile-reports-search-field, .mobile-reports-filters) {
    display: none;
  }

  .mobile-reports-summary {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .mobile-reports-summary button {
    min-width: 0;
    min-height: 48px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
    padding: 7px 8px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    color: #9cac99;
    text-align: left;
  }

  .mobile-reports-summary button span {
    overflow: hidden;
    font-size: 0.53rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-reports-summary button strong {
    color: #f3dfc0;
    font-size: 0.88rem;
  }

  .mobile-reports-summary button.is-active {
    border-color: rgba(184, 155, 208, 0.28);
    background: rgba(184, 155, 208, 0.1);
  }

  .mobile-reports-search-field {
    min-width: 0;
    display: block;
  }

  .mobile-reports-search-field > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  body[data-workflow="start"] #mobile-reports-search {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 8px 13px;
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.05);
    color: #eee7dc;
    font-size: 0.68rem;
    font-weight: 800;
  }

  .mobile-reports-filters {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  .mobile-reports-filters button {
    min-width: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 5px 3px;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    color: #9cab98;
    font-size: 0.5rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .mobile-reports-filters button b {
    min-width: 16px;
    padding: 2px 3px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: #d9e1d5;
    font-size: 0.45rem;
    text-overflow: ellipsis;
  }

  .mobile-reports-filters button.is-active {
    border-color: rgba(184, 155, 208, 0.28);
    background: rgba(184, 155, 208, 0.1);
    color: #dbc5ec;
  }

  .mobile-reports-detail-actions {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .mobile-reports-detail-actions[hidden] {
    display: none;
  }

  .mobile-reports-detail-actions .mobile-page-back {
    grid-column: 1 / -1;
    min-height: 36px;
  }

  .mobile-reports-detail-actions :where(.ghost-button, .primary-button) {
    min-width: 0;
    min-height: 42px;
    padding: 7px 5px;
    font-size: 0.61rem;
  }

  body[data-workflow="start"] #mobile-reports-list {
    min-height: 0;
    align-content: start;
    grid-auto-rows: max-content;
    gap: 7px;
    padding: 0 1px max(14px, env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body[data-workflow="start"] #mobile-reports-list::-webkit-scrollbar {
    display: none;
  }

  .mobile-report-property-card {
    min-width: 0;
    min-height: 148px;
    display: grid;
    grid-template-rows: auto auto;
    overflow: hidden;
    border: 1px solid rgba(248, 244, 236, 0.085);
    border-radius: 19px;
    background:
      linear-gradient(145deg, rgba(184, 155, 208, 0.045), transparent 58%),
      rgba(255, 255, 255, 0.036);
  }

  .mobile-report-property-card[data-report-tone="needs"] {
    border-color: rgba(221, 180, 122, 0.18);
  }

  .mobile-report-property-card[data-report-tone="outdated"] {
    border-color: rgba(225, 123, 107, 0.2);
  }

  .mobile-report-property-card[data-report-tone="current"] {
    border-color: rgba(143, 178, 111, 0.18);
  }

  .mobile-report-property-main {
    width: 100%;
    min-width: 0;
    min-height: 94px;
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 0;
    background: transparent;
    color: #f8f4ec;
    text-align: left;
  }

  .mobile-report-property-main:active,
  .mobile-report-load-more:active {
    transform: scale(0.985);
  }

  .mobile-report-property-icon,
  .mobile-report-history-icon {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(184, 155, 208, 0.22);
    border-radius: 13px;
    background: rgba(184, 155, 208, 0.1);
    color: #d9bdea;
    font-size: 0.51rem;
    font-weight: 950;
    letter-spacing: 0.02em;
  }

  .mobile-report-property-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-report-property-copy > small,
  .mobile-report-property-copy > strong,
  .mobile-report-property-copy > span,
  .mobile-report-property-copy > em {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-report-property-copy > small {
    color: #9eae9a;
    font-size: 0.52rem;
    font-weight: 900;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile-report-property-copy > strong {
    color: #f7f0e5;
    font-size: 0.72rem;
    white-space: nowrap;
  }

  .mobile-report-property-copy > span {
    color: #b9c5b6;
    font-size: 0.55rem;
    white-space: nowrap;
  }

  .mobile-report-property-copy > em {
    color: #7f9080;
    font-size: 0.5rem;
    font-style: normal;
    white-space: nowrap;
  }

  .mobile-report-property-main > b {
    color: #d9b37c;
    font-size: 0.52rem;
    white-space: nowrap;
  }

  .mobile-report-property-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
    gap: 5px;
    padding: 7px 9px 9px;
    border-top: 1px solid rgba(248, 244, 236, 0.065);
  }

  .mobile-report-property-actions button {
    min-width: 0;
    min-height: 37px;
    padding: 6px 7px;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    color: #b9c8b5;
    font-size: 0.56rem;
    font-weight: 900;
  }

  .mobile-report-property-actions button.is-primary {
    border-color: rgba(143, 178, 111, 0.22);
    background: rgba(143, 178, 111, 0.1);
    color: #cee3b8;
  }

  .mobile-report-detail-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  .mobile-report-detail-summary span {
    min-width: 0;
    min-height: 50px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(248, 244, 236, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    color: #8fa08d;
    font-size: 0.52rem;
    font-weight: 850;
  }

  .mobile-report-detail-summary span strong {
    overflow: hidden;
    color: #f1ddc0;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-report-detail-summary span[data-report-tone="needs"] strong,
  .mobile-report-detail-summary span[data-report-tone="outdated"] strong {
    color: #efad91;
  }

  .mobile-report-history-list {
    display: grid;
    gap: 6px;
  }

  .mobile-report-history-card {
    min-width: 0;
    min-height: 104px;
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(248, 244, 236, 0.08);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.035);
    color: #f8f4ec;
  }

  .mobile-report-history-card[data-report-source="cloud"] {
    border-color: rgba(143, 178, 111, 0.18);
  }

  .mobile-report-history-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-report-history-copy > small,
  .mobile-report-history-copy > strong,
  .mobile-report-history-copy > span,
  .mobile-report-history-copy > em {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-report-history-copy > small {
    color: #9eae9a;
    font-size: 0.5rem;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile-report-history-copy > strong {
    color: #f7f0e5;
    font-size: 0.68rem;
    white-space: nowrap;
  }

  .mobile-report-history-copy > span {
    color: #aebaaa;
    font-size: 0.51rem;
    white-space: nowrap;
  }

  .mobile-report-history-copy > em {
    display: -webkit-box;
    color: #7f9080;
    font-size: 0.49rem;
    font-style: normal;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-report-history-actions {
    min-width: 56px;
    display: grid;
    gap: 5px;
  }

  .mobile-report-history-actions button {
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid rgba(248, 244, 236, 0.09);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: #e1c18f;
    font-size: 0.52rem;
    font-weight: 900;
  }

  .mobile-report-load-more {
    min-height: 54px;
    display: grid;
    place-content: center;
    gap: 2px;
    padding: 9px;
    border: 1px dashed rgba(184, 155, 208, 0.24);
    border-radius: 17px;
    background: rgba(184, 155, 208, 0.055);
    color: #d7bfea;
  }

  .mobile-report-load-more strong {
    font-size: 0.67rem;
  }

  .mobile-report-load-more span {
    color: #879584;
    font-size: 0.54rem;
  }

  .mobile-work-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  .mobile-work-summary span {
    min-width: 0;
    display: grid;
    gap: 1px;
    padding: 7px 4px;
    border: 1px solid rgba(248, 244, 236, 0.08);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.035);
    color: #93a18f;
    font-size: 0.5rem;
    font-weight: 850;
    text-align: center;
  }

  .mobile-work-summary span strong {
    color: #f4e7d3;
    font-size: 0.82rem;
  }

  .mobile-dashboard-window-note {
    padding: 9px;
    color: #91a08c;
    font-size: 0.6rem;
    text-align: center;
  }

  .mobile-page-back {
    justify-self: start;
    min-height: 38px;
    padding: 7px 11px;
    border: 1px solid rgba(248, 244, 236, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #e8c28d;
    font-size: 0.65rem;
    font-weight: 900;
  }

  .mobile-bottom-nav {
    grid-row: 3;
    min-height: 65px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2px;
    padding: 5px 4px max(5px, env(safe-area-inset-bottom));
    border: 1px solid rgba(248, 244, 236, 0.11);
    border-radius: 21px;
    background: rgba(13, 23, 18, 0.96);
    box-shadow: 0 -14px 38px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(20px);
  }

  .mobile-bottom-nav :is(a, button) {
    position: relative;
    min-width: 0;
    min-height: 52px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    padding: 5px 2px;
    border: 0;
    border-radius: 15px;
    background: transparent;
    color: #899987;
    font: inherit;
    text-decoration: none;
  }

  .mobile-bottom-nav :is(a, button).is-active,
  .mobile-bottom-nav :is(a, button)[aria-current="page"] {
    background:
      linear-gradient(145deg, rgba(221, 180, 122, 0.15), rgba(143, 178, 111, 0.12)),
      rgba(255, 255, 255, 0.04);
    color: #f5dfbc;
  }

  .mobile-bottom-nav svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
  }

  .mobile-bottom-nav span {
    overflow: hidden;
    font-size: 0.53rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-bottom-nav b {
    position: absolute;
    top: 3px;
    left: calc(50% + 7px);
    min-width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    padding: 0 4px;
    border: 2px solid #14221c;
    border-radius: 999px;
    background: #d97768;
    color: #fff;
    font-size: 0.48rem;
  }

  body[data-workflow="start"] .mobile-home-menu {
    bottom: calc(75px + max(5px, env(safe-area-inset-bottom)));
  }
}

body.inventory-light-mode {
  --bg: #e9e3d7;
  --panel: rgba(249, 246, 238, 0.96);
  --panel-strong: rgba(255, 252, 245, 0.99);
  --line: rgba(31, 49, 39, 0.14);
  --text: #17241c;
  --muted: #657267;
  --accent: #a65f3f;
  --accent-strong: #8b4f35;
  --green: #5f7d50;
  --danger: #ae493f;
  --shadow: 0 18px 52px rgba(45, 56, 47, 0.14);
  background:
    radial-gradient(circle at 10% 0%, rgba(112, 143, 88, 0.17), transparent 34%),
    radial-gradient(circle at 100% 90%, rgba(183, 119, 74, 0.12), transparent 30%),
    linear-gradient(145deg, #eee9df, #ded9cd);
  color: var(--text);
}

body.inventory-light-mode .map-filter-panel {
  border-color: rgba(35, 61, 45, 0.16);
  background:
    radial-gradient(circle at top right, rgba(66, 145, 117, 0.13), transparent 34%),
    rgba(250, 249, 243, 0.98);
  color: #1b2d23;
  box-shadow: 0 24px 72px rgba(31, 53, 40, 0.24);
}

body.inventory-light-mode .map-filter-header h3,
body.inventory-light-mode .map-filter-group-head strong {
  color: #1b2d23;
}

body.inventory-light-mode .map-filter-header .eyebrow,
body.inventory-light-mode .map-filter-result > span {
  color: #39745c;
}

body.inventory-light-mode .map-filter-result {
  border-color: rgba(50, 112, 85, 0.2);
  background: rgba(82, 145, 112, 0.09);
}

body.inventory-light-mode .map-filter-result strong {
  color: #356d4e;
}

body.inventory-light-mode .map-filter-result small,
body.inventory-light-mode .map-filter-group-head span,
body.inventory-light-mode .map-filter-help {
  color: #64796b;
}

body.inventory-light-mode .map-filter-group,
body.inventory-light-mode .map-filter-actions {
  border-color: rgba(35, 61, 45, 0.12);
}

body.inventory-light-mode .map-filter-chip-list button {
  border-color: rgba(35, 61, 45, 0.15);
  background: rgba(35, 61, 45, 0.045);
  color: #344c3e;
}

body.inventory-light-mode .map-filter-chip-list button b {
  background: rgba(35, 61, 45, 0.09);
  color: #294034;
}

body.inventory-light-mode .map-filter-chip-list button.is-active {
  color: #142118;
}

body.inventory-light-mode .map-filter-actions {
  background: rgba(250, 249, 243, 0.98);
}

body.inventory-light-mode .inventory-access-gate {
  background: #e9e3d7;
  color: #17241c;
}

body.inventory-light-mode :where(
  .inventory-card,
  .project-intake-card,
  .tree-capture-card,
  .custom-species-card,
  .species-library-card,
  .mobile-tree-sheet,
  .map-tree-picker,
  .map-action-drawer,
  .start-lookup-card,
  .start-cloud-card
) {
  border-color: rgba(31, 49, 39, 0.14);
  background:
    radial-gradient(circle at 100% 0%, rgba(183, 119, 74, 0.11), transparent 36%),
    rgba(250, 247, 240, 0.97);
  color: #17241c;
  box-shadow: 0 18px 50px rgba(47, 58, 49, 0.12);
}

body.inventory-light-mode :where(input, select, textarea) {
  border-color: rgba(31, 49, 39, 0.16);
  background-color: rgba(255, 253, 247, 0.92);
  color: #17241c;
}

body.inventory-light-mode :where(input, textarea)::placeholder {
  color: #7b857d;
}

body.inventory-light-mode :where(.ghost-button, .tiny-button, .tool-button, .start-tab-button) {
  border-color: rgba(31, 49, 39, 0.14);
  background: rgba(31, 49, 39, 0.055);
  color: #314237;
}

body.inventory-light-mode :where(.section-heading p, .inventory-field > span, .eyebrow, small) {
  color: #667469;
}

body .arbsoul-account-theme {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  padding: 10px 12px;
  background: rgba(244, 241, 232, 0.14);
  color: #f4f1e8;
  font: 950 0.68rem/1 "Manrope", "Avenir Next", sans-serif;
  letter-spacing: 0.04em;
  text-align: center;
}

body.inventory-light-mode .arbsoul-account-menu {
  border-color: rgba(31, 49, 39, 0.16) !important;
  background: rgba(248, 245, 237, 0.985) !important;
  color: #17241c !important;
}

body.inventory-light-mode :where(
  .arbsoul-account-menu-title,
  .arbsoul-account-email,
  .arbsoul-settings-list dd
) {
  color: #26382c !important;
}

body.inventory-light-mode .arbsoul-settings-list dt {
  color: #6b786e !important;
}

body.inventory-light-mode :where(
  .arbsoul-settings-link,
  .arbsoul-account-refresh,
  .arbsoul-account-copy-id,
  .arbsoul-account-logout,
  .arbsoul-account-theme
) {
  background: rgba(31, 49, 39, 0.08) !important;
  color: #26382c !important;
}

@media (max-width: 620px), (max-height: 620px) and (max-width: 1024px) {
  body.inventory-light-mode[data-workflow="start"] .mobile-home-heading span {
    color: #647267;
  }

  body.inventory-light-mode[data-workflow="start"] .mobile-home-heading strong {
    color: #17241c;
  }

  body.inventory-light-mode .mobile-dashboard-intro {
    border-color: rgba(31, 49, 39, 0.13);
    background:
      radial-gradient(circle at 92% 0%, rgba(183, 119, 74, 0.14), transparent 42%),
      linear-gradient(145deg, rgba(112, 143, 88, 0.1), transparent 54%),
      rgba(252, 249, 242, 0.86);
  }

  body.inventory-light-mode .mobile-dashboard-intro span:first-child,
  body.inventory-light-mode .mobile-dashboard-section-head span,
  body.inventory-light-mode .mobile-page-heading span {
    color: #69766c;
  }

  body.inventory-light-mode .mobile-dashboard-intro h1,
  body.inventory-light-mode .mobile-page-heading h1 {
    color: #18251d;
  }

  body.inventory-light-mode .mobile-dashboard-sync {
    border-color: rgba(83, 111, 70, 0.22);
    background: rgba(83, 111, 70, 0.09);
    color: #49643f;
  }

  body.inventory-light-mode .mobile-dashboard-metric,
  body.inventory-light-mode .mobile-dashboard-section,
  body.inventory-light-mode .mobile-page-heading,
  body.inventory-light-mode .mobile-dashboard-row,
  body.inventory-light-mode .mobile-dashboard-empty,
  body.inventory-light-mode .mobile-work-summary span {
    border-color: rgba(31, 49, 39, 0.12);
    background: rgba(252, 249, 242, 0.82);
    color: #17241c;
  }

  body.inventory-light-mode .mobile-dashboard-metric::after,
  body.inventory-light-mode .mobile-dashboard-section-head > button,
  body.inventory-light-mode .mobile-page-back,
  body.inventory-light-mode .mobile-dashboard-row > b {
    color: #945b3c;
  }

  body.inventory-light-mode .mobile-dashboard-metric span,
  body.inventory-light-mode .mobile-dashboard-metric small,
  body.inventory-light-mode .mobile-dashboard-row > span small,
  body.inventory-light-mode .mobile-dashboard-row > span em,
  body.inventory-light-mode .mobile-dashboard-empty span,
  body.inventory-light-mode .mobile-page-heading p,
  body.inventory-light-mode .mobile-work-summary span {
    color: #6b786e;
  }

  body.inventory-light-mode .mobile-dashboard-metric strong,
  body.inventory-light-mode .mobile-dashboard-section-head strong,
  body.inventory-light-mode .mobile-dashboard-row > span strong,
  body.inventory-light-mode .mobile-dashboard-empty strong,
  body.inventory-light-mode .mobile-work-summary span strong {
    color: #1d2d23;
  }

  body.inventory-light-mode .mobile-dashboard-section-count {
    border-color: rgba(166, 95, 63, 0.2);
    background: rgba(166, 95, 63, 0.08);
    color: #8e4f35;
  }

  body.inventory-light-mode .mobile-bottom-nav {
    border-color: rgba(31, 49, 39, 0.14);
    background: rgba(248, 245, 237, 0.97);
    box-shadow: 0 -14px 38px rgba(47, 58, 49, 0.12);
  }

  body.inventory-light-mode .mobile-bottom-nav :is(a, button) {
    color: #78847b;
  }

  body.inventory-light-mode .mobile-bottom-nav :is(a, button).is-active,
  body.inventory-light-mode .mobile-bottom-nav :is(a, button)[aria-current="page"] {
    background:
      linear-gradient(145deg, rgba(183, 119, 74, 0.13), rgba(112, 143, 88, 0.12)),
      rgba(31, 49, 39, 0.04);
    color: #75482f;
  }

  body.inventory-light-mode[data-workflow="start"] .mobile-home-menu {
    border-color: rgba(31, 49, 39, 0.14);
    background:
      radial-gradient(circle at top right, rgba(183, 119, 74, 0.12), transparent 38%),
      rgba(248, 245, 237, 0.985);
    box-shadow: 0 -20px 60px rgba(47, 58, 49, 0.18);
  }

  body.inventory-light-mode .mobile-home-menu-head strong,
  body.inventory-light-mode .mobile-home-menu > button strong {
    color: #1b2a21;
  }

  body.inventory-light-mode .mobile-home-menu-head span,
  body.inventory-light-mode .mobile-home-menu > button span {
    color: #68766b;
  }

  body.inventory-light-mode .mobile-home-menu > button:not(.tiny-button) {
    border-color: rgba(31, 49, 39, 0.12);
    background: rgba(31, 49, 39, 0.04);
    color: #17241c;
  }

  body.inventory-light-mode[data-workflow="start"] #account-search {
    border-color: rgba(31, 49, 39, 0.14);
    background:
      linear-gradient(90deg, transparent 0 40px, rgba(31, 49, 39, 0.08) 40px 41px, transparent 41px),
      rgba(252, 249, 242, 0.9);
    color: #17241c;
  }

  body.inventory-light-mode .mobile-property-browser-heading span,
  body.inventory-light-mode .mobile-property-sort-field > span,
  body.inventory-light-mode .mobile-property-copy > small,
  body.inventory-light-mode .mobile-property-account-heading span,
  body.inventory-light-mode .mobile-property-load-more span {
    color: #6b786e;
  }

  body.inventory-light-mode .mobile-property-browser-heading strong,
  body.inventory-light-mode .mobile-property-copy strong,
  body.inventory-light-mode .mobile-property-account-heading strong {
    color: #1d2d23;
  }

  body.inventory-light-mode[data-workflow="start"] #mobile-property-sort,
  body.inventory-light-mode .mobile-property-filter-row button,
  body.inventory-light-mode .mobile-property-card,
  body.inventory-light-mode .mobile-property-load-more {
    border-color: rgba(31, 49, 39, 0.12);
    background-color: rgba(252, 249, 242, 0.82);
    color: #26382c;
  }

  body.inventory-light-mode .mobile-property-filter-row button.is-active {
    border-color: rgba(166, 95, 63, 0.22);
    background: rgba(166, 95, 63, 0.09);
    color: #8d5036;
  }

  body.inventory-light-mode .mobile-property-filter-row button b {
    background: rgba(31, 49, 39, 0.07);
    color: #526157;
  }

  body.inventory-light-mode .mobile-property-copy span,
  body.inventory-light-mode .mobile-property-meta span,
  body.inventory-light-mode .mobile-property-meta small {
    color: #667469;
  }

  body.inventory-light-mode .mobile-property-status > span {
    border-color: rgba(31, 49, 39, 0.1);
    background: rgba(31, 49, 39, 0.045);
    color: #5e6c62;
  }

  body.inventory-light-mode .mobile-property-status > .is-attention,
  body.inventory-light-mode .mobile-property-status > .is-client-flag {
    border-color: rgba(166, 95, 63, 0.2);
    background: rgba(166, 95, 63, 0.08);
    color: #8e5036;
  }

  body.inventory-light-mode .mobile-property-status > .is-active-visit {
    border-color: rgba(83, 111, 70, 0.2);
    background: rgba(83, 111, 70, 0.08);
    color: #49643f;
  }

  body.inventory-light-mode[data-workflow="start"] #mobile-work-search,
  body.inventory-light-mode[data-workflow="start"] #mobile-work-sort,
  body.inventory-light-mode .mobile-work-filters button,
  body.inventory-light-mode .mobile-attention-property-card,
  body.inventory-light-mode .mobile-attention-item-card,
  body.inventory-light-mode .mobile-work-load-more {
    border-color: rgba(31, 49, 39, 0.12);
    background-color: rgba(252, 249, 242, 0.82);
    color: #26382c;
  }

  body.inventory-light-mode .mobile-work-filters button.is-active {
    border-color: rgba(166, 95, 63, 0.22);
    background: rgba(166, 95, 63, 0.09);
    color: #8d5036;
  }

  body.inventory-light-mode .mobile-work-filters button b {
    background: rgba(31, 49, 39, 0.07);
    color: #526157;
  }

  body.inventory-light-mode .mobile-work-open-property {
    border-color: rgba(83, 111, 70, 0.2);
    background: rgba(83, 111, 70, 0.08);
    color: #49643f;
  }

  body.inventory-light-mode .mobile-attention-property-copy strong,
  body.inventory-light-mode .mobile-attention-item-copy > strong {
    color: #1d2d23;
  }

  body.inventory-light-mode .mobile-attention-property-copy small,
  body.inventory-light-mode .mobile-attention-property-copy em,
  body.inventory-light-mode .mobile-attention-property-count small,
  body.inventory-light-mode .mobile-attention-item-copy > small,
  body.inventory-light-mode .mobile-attention-item-copy > em,
  body.inventory-light-mode .mobile-attention-item-copy > span:not(.mobile-attention-item-pills),
  body.inventory-light-mode .mobile-work-load-more span {
    color: #667469;
  }

  body.inventory-light-mode :where(.mobile-attention-property-pills, .mobile-attention-item-pills) > span {
    border-color: rgba(31, 49, 39, 0.1);
    background: rgba(31, 49, 39, 0.045);
    color: #5e6c62;
  }

  body.inventory-light-mode .mobile-attention-item-card > b {
    background: rgba(166, 95, 63, 0.08);
    color: #8e5036;
  }

  body.inventory-light-mode .mobile-attention-map-cue,
  body.inventory-light-mode .mobile-attention-property-card > b,
  body.inventory-light-mode .mobile-attention-property-count strong {
    color: #945b3c;
  }

  body.inventory-light-mode[data-workflow="start"] #mobile-activity-search,
  body.inventory-light-mode[data-workflow="start"] #mobile-activity-range,
  body.inventory-light-mode .mobile-activity-filters button,
  body.inventory-light-mode .mobile-activity-card,
  body.inventory-light-mode .mobile-activity-load-more {
    border-color: rgba(31, 49, 39, 0.12);
    background-color: rgba(252, 249, 242, 0.82);
    color: #26382c;
  }

  body.inventory-light-mode .mobile-activity-filters button.is-active {
    border-color: rgba(75, 117, 120, 0.22);
    background: rgba(75, 117, 120, 0.09);
    color: #426d70;
  }

  body.inventory-light-mode .mobile-activity-filters button b {
    background: rgba(31, 49, 39, 0.07);
    color: #526157;
  }

  body.inventory-light-mode .mobile-activity-date-heading {
    background: linear-gradient(180deg, rgba(237, 232, 221, 0.98) 72%, rgba(237, 232, 221, 0.84));
    color: #26382c;
  }

  body.inventory-light-mode .mobile-activity-date-heading span,
  body.inventory-light-mode .mobile-activity-copy > small,
  body.inventory-light-mode .mobile-activity-copy > em,
  body.inventory-light-mode .mobile-activity-side time,
  body.inventory-light-mode .mobile-activity-load-more span {
    color: #667469;
  }

  body.inventory-light-mode .mobile-activity-copy > strong {
    color: #1d2d23;
  }

  body.inventory-light-mode .mobile-activity-copy > span {
    color: #4f5f55;
  }

  body.inventory-light-mode .mobile-activity-side b {
    color: #945b3c;
  }

  body.inventory-light-mode[data-workflow="start"] #mobile-schedule-search,
  body.inventory-light-mode .mobile-schedule-summary button,
  body.inventory-light-mode .mobile-schedule-filters button,
  body.inventory-light-mode .mobile-schedule-card,
  body.inventory-light-mode .mobile-schedule-load-more {
    border-color: rgba(31, 49, 39, 0.12);
    background-color: rgba(252, 249, 242, 0.82);
    color: #26382c;
  }

  body.inventory-light-mode .mobile-schedule-summary button.is-active,
  body.inventory-light-mode .mobile-schedule-filters button.is-active {
    border-color: rgba(166, 95, 63, 0.22);
    background: rgba(166, 95, 63, 0.09);
    color: #8d5036;
  }

  body.inventory-light-mode .mobile-schedule-summary button span,
  body.inventory-light-mode .mobile-schedule-filters button,
  body.inventory-light-mode .mobile-schedule-card-copy > small,
  body.inventory-light-mode .mobile-schedule-card-copy > span,
  body.inventory-light-mode .mobile-schedule-card-copy > em,
  body.inventory-light-mode .mobile-schedule-card-side time,
  body.inventory-light-mode .mobile-schedule-load-more span {
    color: #667469;
  }

  body.inventory-light-mode .mobile-schedule-summary button strong,
  body.inventory-light-mode .mobile-schedule-card-copy > strong {
    color: #1d2d23;
  }

  body.inventory-light-mode .mobile-schedule-date-heading {
    background: linear-gradient(180deg, rgba(237, 232, 221, 0.98) 72%, rgba(237, 232, 221, 0.84));
    color: #26382c;
  }

  body.inventory-light-mode .mobile-schedule-date-heading span {
    color: #667469;
  }

  body.inventory-light-mode .mobile-schedule-date-block,
  body.inventory-light-mode .mobile-schedule-card-side b {
    border-color: rgba(166, 95, 63, 0.15);
    background: rgba(166, 95, 63, 0.07);
    color: #8e5036;
  }

  body.inventory-light-mode .mobile-schedule-heading-actions > button,
  body.inventory-light-mode .mobile-schedule-card-side > span {
    color: #945b3c;
  }

  body.inventory-light-mode .mobile-schedule-dialog {
    border-color: rgba(31, 49, 39, 0.15);
    background:
      radial-gradient(circle at top right, rgba(183, 119, 74, 0.12), transparent 36%),
      #f6f1e7;
    color: #17241c;
    box-shadow: 0 -24px 70px rgba(47, 58, 49, 0.28);
  }

  body.inventory-light-mode .mobile-schedule-dialog-head,
  body.inventory-light-mode .mobile-schedule-dialog-actions {
    border-color: rgba(31, 49, 39, 0.1);
    background: rgba(246, 241, 231, 0.94);
  }

  body.inventory-light-mode .mobile-schedule-dialog-head h2 {
    color: #1d2d23;
  }

  body.inventory-light-mode .mobile-schedule-dialog-head > button,
  body.inventory-light-mode .mobile-schedule-dialog :where(input, select, textarea) {
    border-color: rgba(31, 49, 39, 0.13);
    background-color: rgba(31, 49, 39, 0.045);
    color: #17241c;
  }

  body.inventory-light-mode .mobile-property-status > .is-scheduled {
    border-color: rgba(75, 117, 120, 0.2);
    background: rgba(75, 117, 120, 0.08);
    color: #426d70;
  }

  body.inventory-light-mode .mobile-property-status > .is-schedule-overdue {
    border-color: rgba(166, 74, 63, 0.2);
    background: rgba(166, 74, 63, 0.08);
    color: #93483d;
  }

  body.inventory-light-mode[data-workflow="start"] #mobile-reports-search,
  body.inventory-light-mode .mobile-reports-summary button,
  body.inventory-light-mode .mobile-reports-filters button,
  body.inventory-light-mode .mobile-report-property-card,
  body.inventory-light-mode .mobile-report-history-card,
  body.inventory-light-mode .mobile-report-detail-summary span,
  body.inventory-light-mode .mobile-report-load-more {
    border-color: rgba(31, 49, 39, 0.12);
    background-color: rgba(252, 249, 242, 0.82);
    color: #26382c;
  }

  body.inventory-light-mode .mobile-reports-summary button.is-active,
  body.inventory-light-mode .mobile-reports-filters button.is-active {
    border-color: rgba(101, 76, 126, 0.2);
    background: rgba(101, 76, 126, 0.08);
    color: #684d7f;
  }

  body.inventory-light-mode .mobile-reports-summary button span,
  body.inventory-light-mode .mobile-reports-filters button,
  body.inventory-light-mode .mobile-report-property-copy > small,
  body.inventory-light-mode .mobile-report-property-copy > span,
  body.inventory-light-mode .mobile-report-property-copy > em,
  body.inventory-light-mode .mobile-report-history-copy > small,
  body.inventory-light-mode .mobile-report-history-copy > span,
  body.inventory-light-mode .mobile-report-history-copy > em,
  body.inventory-light-mode .mobile-report-detail-summary span,
  body.inventory-light-mode .mobile-report-load-more span {
    color: #667469;
  }

  body.inventory-light-mode .mobile-reports-summary button strong,
  body.inventory-light-mode .mobile-report-property-copy > strong,
  body.inventory-light-mode .mobile-report-history-copy > strong,
  body.inventory-light-mode .mobile-report-detail-summary span strong {
    color: #1d2d23;
  }

  body.inventory-light-mode .mobile-report-property-main {
    color: #17241c;
  }

  body.inventory-light-mode .mobile-report-property-actions,
  body.inventory-light-mode .mobile-report-history-actions button {
    border-color: rgba(31, 49, 39, 0.1);
  }

  body.inventory-light-mode .mobile-report-property-actions button,
  body.inventory-light-mode .mobile-report-history-actions button {
    border-color: rgba(31, 49, 39, 0.11);
    background: rgba(31, 49, 39, 0.04);
    color: #5e6c62;
  }

  body.inventory-light-mode .mobile-report-property-actions button.is-primary {
    border-color: rgba(83, 111, 70, 0.2);
    background: rgba(83, 111, 70, 0.08);
    color: #49643f;
  }

  body.inventory-light-mode .mobile-report-property-main > b,
  body.inventory-light-mode .mobile-report-history-actions button {
    color: #945b3c;
  }

  body.inventory-light-mode[data-workflow="start"] :where(
    .command-account-card,
    .command-property-card,
    .command-property-preview,
    .command-preview-grid > section,
    .command-agenda-row,
    .command-tree-row,
    .command-empty-note
  ) {
    border-color: rgba(31, 49, 39, 0.12);
    background: rgba(252, 249, 242, 0.8);
    color: #17241c;
  }

  body.inventory-light-mode .mobile-map-topbar,
  body.inventory-light-mode .mobile-field-session,
  body.inventory-light-mode .mobile-tree-sheet,
body.inventory-light-mode .map-tree-picker {
    border-color: rgba(31, 49, 39, 0.16);
    background: rgba(248, 245, 237, 0.94);
    color: #17241c;
  }

  body.inventory-light-mode .mobile-map-property > strong {
    color: #17241c;
  }

  body.inventory-light-mode .mobile-map-property-meta > span {
    color: #5e6c62;
  }

  body.inventory-light-mode .tree-wizard-repair-status {
    color: #76512f;
  }
}

@media (min-width: 621px) and (max-width: 759px) and (max-height: 620px) {
  body[data-workflow="start"] .mobile-dashboard-panel.is-active {
    overflow-y: auto;
  }
}

@media (min-width: 760px) and (max-width: 1024px) and (max-height: 620px) {
  body[data-workflow="start"] .mobile-home-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 10px;
  }

  .mobile-home-menu-head {
    grid-column: 1 / -1;
    padding-bottom: 3px;
  }

  .mobile-home-menu > button:not(.tiny-button) {
    min-height: 48px;
    padding: 7px 10px;
  }

  .mobile-home-menu > button:not(.tiny-button) span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-workflow="start"] .mobile-dashboard-panel.is-active {
    grid-template-columns: minmax(240px, 0.86fr) minmax(280px, 1fr) minmax(280px, 1fr);
    grid-template-rows: 76px minmax(0, 1fr);
    grid-auto-rows: unset;
    align-content: stretch;
    gap: 7px;
    overflow: hidden;
    padding: 2px 3px 6px;
  }

  .mobile-dashboard-intro {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    padding: 9px 10px;
  }

  .mobile-dashboard-intro h1 {
    font-size: 1.05rem;
  }

  .mobile-dashboard-metrics {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    gap: 5px;
  }

  .mobile-dashboard-metric {
    min-height: 70px;
    padding: 7px 6px;
  }

  .mobile-dashboard-metric::after,
  .mobile-dashboard-metric small {
    display: none;
  }

  .mobile-dashboard-metric span {
    font-size: 0.49rem;
  }

  .mobile-dashboard-metric strong {
    font-size: 1.04rem;
  }

  .mobile-dashboard-section.is-priority {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .mobile-dashboard-duo {
    grid-column: 3;
    grid-row: 1 / 3;
    min-height: 0;
  }

  .mobile-dashboard-section,
  .mobile-dashboard-duo .mobile-dashboard-section {
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  .mobile-dashboard-list {
    min-height: 0;
    overflow: hidden;
  }

  .mobile-dashboard-row {
    min-height: 46px;
    padding: 6px 7px;
  }

  .mobile-dashboard-empty {
    min-height: 46px;
    padding: 7px;
  }
}

@media (max-width: 620px), (max-height: 620px) and (max-width: 1024px) {
  body[data-workflow="map"] .map-intelligence-trigger {
    position: fixed;
    z-index: 35;
    top: calc(max(8px, env(safe-area-inset-top)) + 116px);
    max-width: calc(100% - 20px);
    min-height: 31px;
    padding: 5px 9px;
  }

  body[data-workflow="map"] .mobile-field-session.active ~ .map-intelligence-trigger {
    top: calc(max(8px, env(safe-area-inset-top)) + 182px);
  }

  body[data-workflow="map"] .map-focus-toggle {
    position: fixed;
    z-index: 34;
    top: calc(max(8px, env(safe-area-inset-top)) + 154px);
    right: 10px;
    left: 10px;
    display: flex;
    gap: 3px;
    width: auto;
    max-width: none;
    overflow-x: auto;
    scrollbar-width: none;
    transform: none;
  }

  body[data-workflow="map"] .map-focus-toggle::-webkit-scrollbar {
    display: none;
  }

  body[data-workflow="map"] .mobile-field-session.active ~ .map-focus-toggle {
    top: calc(max(8px, env(safe-area-inset-top)) + 220px);
  }

  .map-focus-toggle button {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 32px;
    gap: 3px;
    justify-content: center;
    padding: 5px 4px;
  }

  .map-focus-toggle button span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .map-focus-toggle button b {
    flex: 0 0 auto;
    min-width: 16px;
    padding-inline: 3px;
  }

  body[data-workflow="map"] .map-filter-panel {
    position: fixed;
    z-index: 47;
    inset: auto 10px calc(max(10px, env(safe-area-inset-bottom)) + 64px);
    width: auto;
    max-height: min(72dvh, 650px);
    padding: 11px;
    border-radius: 24px;
    transform: none;
    background:
      radial-gradient(circle at top right, rgba(143, 217, 194, 0.16), transparent 34%),
      rgba(11, 22, 16, 0.99);
    box-shadow: 0 -24px 78px rgba(0, 0, 0, 0.54);
  }

  .map-filter-chip-list button {
    min-height: 42px;
  }

  .map-filter-risk-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .map-filter-actions {
    bottom: -11px;
    margin: 11px -11px -11px;
    padding: 10px 11px calc(11px + env(safe-area-inset-bottom));
  }

  body[data-workflow="map"] .map-intelligence-panel {
    position: fixed;
    z-index: 46;
    inset: auto 10px calc(max(10px, env(safe-area-inset-bottom)) + 64px);
    width: auto;
    max-height: min(72dvh, 650px);
    padding: 11px;
    border-radius: 24px;
    background:
      radial-gradient(circle at top right, rgba(143, 178, 111, 0.15), transparent 34%),
      rgba(12, 23, 17, 0.985);
    box-shadow: 0 -24px 78px rgba(0, 0, 0, 0.54);
  }

  body[data-workflow="map"] .map-intelligence-panel.is-drawing {
    max-height: 230px;
  }

  .map-intelligence-panel.is-drawing > .map-intelligence-header,
  .map-intelligence-panel.is-drawing > .map-intelligence-section:first-of-type,
  .map-intelligence-panel.is-drawing .zone-filter-row,
  .map-intelligence-panel.is-drawing .property-zone-list,
  .map-intelligence-panel.is-drawing > .batch-map-section,
  .map-intelligence-panel.is-drawing .zone-management-section > .map-intelligence-section-head {
    display: none;
  }

  .map-intelligence-panel.is-drawing .zone-management-section {
    padding: 9px;
  }

  .smart-layer-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .smart-layer-list button {
    min-height: 42px;
  }

  .batch-map-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .batch-map-actions select {
    min-height: 44px;
  }

  .property-zone-actions button {
    min-height: 36px;
  }

  .client-work-order-dialog {
    width: calc(100vw - 14px);
    max-height: calc(100dvh - 14px);
  }

  .client-work-order-card {
    height: calc(100dvh - 14px);
    max-height: calc(100dvh - 14px);
    gap: 9px;
    padding: 14px 11px max(12px, env(safe-area-inset-bottom));
    border-radius: 23px;
  }

  .client-work-order-card > header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .client-work-order-card > header > b {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
  }

  .client-work-order-card > header > button {
    grid-column: 2;
    grid-row: 1;
  }

  .client-work-order-card > header h2 {
    font-size: 1.45rem;
  }

  .client-work-order-card > header p {
    max-width: 235px;
  }

  .client-work-order-body {
    gap: 8px;
  }

  .client-work-order-intro,
  .client-work-order-terms,
  .client-work-order-history,
  .client-work-order-decision {
    padding: 10px;
    border-radius: 15px;
  }

  .client-work-order-line {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 8px;
    padding: 9px;
  }

  .client-work-order-line span {
    grid-column: 1;
    grid-row: 2;
  }

  .client-work-order-line b {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .client-work-order-total strong {
    font-size: 1.45rem;
  }

  .client-work-order-card > footer > button {
    flex: 1 1 0;
    min-width: 0;
  }

  .client-home-grid {
    grid-template-columns: 1fr;
  }

  .client-home-review-list,
  .client-home-activity-list,
  .client-home-work-order-list {
    max-height: 150px;
    overflow: auto;
  }
}

/* Keep the rebuilt field controls authoritative over earlier responsive rules. */
.tree-capture-card .tree-wizard-progress {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tree-capture-card {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.tree-capture-card > .tree-wizard-panel {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 3px;
  overscroll-behavior: contain;
}

.tree-capture-card:has(.wizard-recommendation-menu:not([hidden])),
.tree-capture-card > .tree-wizard-panel:has(.wizard-recommendation-menu:not([hidden])) {
  overflow: visible;
}

.wizard-step-copy-compact {
  padding: 10px 12px;
}

.wizard-identity-photo,
.wizard-identity-photo-actions,
.wizard-review-readiness,
.wizard-review-clear {
  display: grid;
  gap: 7px;
}

.wizard-identity-photo {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--panel-strong) 82%, transparent);
}

.wizard-identity-photo > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.wizard-identity-photo span,
.wizard-review-readiness > span,
.wizard-review-summary button > span {
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wizard-identity-photo strong {
  color: var(--text);
  font-size: 0.78rem;
  line-height: 1.35;
}

.wizard-identity-photo-actions {
  grid-template-columns: auto auto;
}

.wizard-identity-photo-actions button {
  min-height: 40px;
  padding: 8px 11px;
  white-space: nowrap;
}

.wizard-photo-preview:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  gap: 8px;
  width: 100%;
  min-height: 126px;
  max-height: 244px;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(0, 0, 0, 0.2);
}

.wizard-photo-tile {
  position: relative;
  display: grid;
  grid-template-rows: 92px auto;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--panel-strong) 88%, transparent);
}

.wizard-photo-tile img,
.wizard-photo-loading {
  width: 100%;
  height: 92px;
  object-fit: cover;
}

.wizard-photo-loading {
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: 0.7rem;
}

.wizard-photo-tile small {
  overflow: hidden;
  padding: 6px 8px;
  color: var(--muted);
  font-size: 0.62rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wizard-photo-tile button {
  position: absolute;
  top: 5px;
  right: 5px;
  display: grid;
  width: 28px;
  height: 28px;
  min-height: 0;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  background: rgba(35, 22, 18, 0.88);
  color: #fff;
  font-size: 1rem;
  line-height: 1;
}

.wizard-photo-add {
  display: grid;
  min-height: 126px;
  place-content: center;
  gap: 7px;
  padding: 12px;
  border: 1px dashed color-mix(in srgb, var(--accent) 64%, var(--line));
  border-radius: 13px;
  background: color-mix(in srgb, var(--accent) 9%, var(--panel-strong));
  color: var(--accent-strong);
  text-align: center;
}

.wizard-photo-add strong {
  display: grid;
  width: 42px;
  height: 42px;
  margin: auto;
  place-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 20%, transparent);
  font-size: 1.8rem;
  line-height: 1;
}

.wizard-photo-add span {
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wizard-recommendation-tools {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.wizard-recommendation-tools label {
  display: grid;
  gap: 5px;
}

.wizard-recommendation-tools label > span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.wizard-recommendation-tools input,
.wizard-recommendation-tools button {
  min-height: 42px;
}

.wizard-identity-divider {
  height: 1px;
  background: var(--line);
}

.wizard-exact-measurements {
  border: 1px solid var(--line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--panel-strong) 80%, transparent);
}

.wizard-exact-measurements summary {
  padding: 12px 13px;
  color: var(--accent-strong);
  font-size: 0.74rem;
  font-weight: 900;
  cursor: pointer;
}

.wizard-exact-measurements[open] {
  padding: 0 12px 12px;
}

.wizard-exact-measurements[open] summary {
  margin-inline: -12px;
  border-bottom: 1px solid var(--line);
}

.wizard-exact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 11px;
}

.wizard-exact-measurements > small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.35;
}

.wizard-review-readiness {
  padding: 13px 14px;
  border: 1px solid rgba(143, 178, 111, 0.38);
  border-radius: 18px;
  background: rgba(143, 178, 111, 0.11);
}

.wizard-review-readiness[data-state="blocked"] {
  border-color: rgba(207, 98, 88, 0.55);
  background: rgba(207, 98, 88, 0.11);
}

.wizard-review-readiness[data-state="review"] {
  border-color: rgba(240, 196, 143, 0.42);
  background: rgba(213, 150, 99, 0.1);
}

.wizard-review-readiness strong {
  color: var(--text);
  font-size: 1.05rem;
}

.wizard-review-readiness small,
.wizard-review-summary button small,
.wizard-review-issues button small,
.wizard-review-clear span {
  color: var(--muted);
  line-height: 1.35;
}

.wizard-review-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.wizard-review-summary button {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 92px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  color: var(--text);
  text-align: left;
}

.wizard-review-summary button strong,
.wizard-review-summary button small {
  overflow-wrap: anywhere;
}

.wizard-review-issues {
  display: grid;
  gap: 7px;
}

.wizard-review-issues > strong {
  color: var(--text);
  font-size: 0.76rem;
}

.wizard-review-issues > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 10px;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  color: var(--text);
  text-align: left;
}

.wizard-review-issues > button[data-required="true"] {
  border-color: rgba(207, 98, 88, 0.48);
}

.wizard-review-issues button span,
.wizard-review-issues button small {
  grid-column: 1;
}

.wizard-review-issues button b {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  color: var(--accent-strong);
  font-size: 0.68rem;
}

.wizard-review-clear {
  padding: 14px;
  border: 1px solid rgba(143, 178, 111, 0.32);
  border-radius: 16px;
  background: rgba(143, 178, 111, 0.08);
}

@media (max-width: 720px) {
  .tree-capture-card .species-confidence-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wizard-recommendation-tools {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .wizard-recommendation-tools label,
  .wizard-recommendation-tools input {
    min-width: 0;
    width: 100%;
  }

  .wizard-recommendation-tools #tree-wizard-manage-services {
    min-height: 44px;
    height: 44px;
  }

  .wizard-recommendation-tools:focus-within #tree-wizard-manage-services {
    display: none;
  }

  .wizard-identity-photo {
    grid-template-columns: 1fr;
  }

  .wizard-identity-photo-actions {
    grid-template-columns: 1fr 1fr;
  }

  .wizard-identity-photo-actions button {
    min-width: 0;
    white-space: normal;
  }

  .wizard-exact-grid,
  .wizard-review-summary {
    grid-template-columns: 1fr;
  }

  .wizard-review-summary button {
    min-height: 76px;
  }

  body[data-workflow="map"] .mobile-map-primary-controls {
    grid-template-columns: 50px minmax(68px, 0.7fr) minmax(78px, 0.85fr) minmax(102px, 1.2fr);
    gap: 6px;
  }
}