@font-face {
            font-family: "Montserrat";
            src: url("/assets/fonts/montserrat-latin.woff2") format("woff2");
            font-display: swap;
            font-style: normal;
            font-weight: 500 900;
          }
          @font-face {
            font-family: "Lora";
            src: url("/assets/fonts/lora-latin.woff2") format("woff2");
            font-display: swap;
            font-style: normal;
            font-weight: 400 700;
          }
          @font-face {
            font-family: "TradeBoard Gothic";
            src: url("/assets/fonts/gothic-webfont.woff2") format("woff2"),
                 url("/assets/fonts/gothic-webfont.woff") format("woff");
            font-display: swap;
            font-style: normal;
            font-weight: 400;
          }
          @font-face {
            font-family: "TradeBoard Gothic";
            src: url("/assets/fonts/gothicb-webfont.woff2") format("woff2"),
                 url("/assets/fonts/gothicb-webfont.woff") format("woff");
            font-display: swap;
            font-style: normal;
            font-weight: 700;
          }
          @font-face {
            font-family: "TradeBoard Gothic";
            src: url("/assets/fonts/gothici-webfont.woff2") format("woff2"),
                 url("/assets/fonts/gothici-webfont.woff") format("woff");
            font-display: swap;
            font-style: italic;
            font-weight: 400;
          }
          @font-face {
            font-family: "TradeBoard Gothic";
            src: url("/assets/fonts/gothicbi-webfont.woff2") format("woff2"),
                 url("/assets/fonts/gothicbi-webfont.woff") format("woff");
            font-display: swap;
            font-style: italic;
            font-weight: 700;
          }
          :root {
            color-scheme: light;
            --white: 255, 255, 255;
            --yellow: 248, 237, 86;
            --orange: 239, 220, 4;
            --dark-orange: 243, 139, 55;
            --red: 255, 58, 58;
            --green: 88, 199, 120;
            --blue: 15, 127, 235;
            --light-grey: 241, 241, 241;
            --grey: 223, 223, 223;
            --dark-grey: 77, 77, 77;
            --black: 0, 0, 0;
            --surface-panel: #FFFFFF;
            --surface-outer: #edf6ff;
            --surface-inner: #e2f0ff;
            --surface-content: #FFFFFF;
            --contact-card-surface: #f5fcf8;
            --contact-card-border: #bce9cf;
            --contact-card-added-surface: #e9f9ef;
            --contact-card-added-border: #86d9a6;
            --bg: rgb(var(--light-grey));
            --panel: var(--surface-panel);
            --text: rgb(var(--dark-grey));
            --muted: rgba(var(--dark-grey), 0.72);
            --line: rgb(var(--grey));
            --accent: rgb(var(--blue));
            --accent-dark: rgb(8, 64, 118);
            --highlight: rgb(var(--yellow));
            --danger: rgb(var(--red));
            --collection-amber-surface: #fffaf0;
          }
          * { box-sizing: border-box; }
          body {
            margin: 0;
            background: var(--bg);
            color: var(--text);
            font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
          }
          body.modal-scroll-locked {
            overflow: hidden;
            position: fixed;
            width: 100%;
          }
          body > header {
            background: rgb(var(--white));
            border-bottom: 4px solid var(--accent);
            color: var(--text);
            position: sticky;
            top: 0;
            z-index: 10;
          }
          .shell {
            width: min(1380px, calc(100vw - 32px));
            margin: 0 auto;
          }
          .masthead {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 42px;
            gap: 12px;
          }
          .brand-link {
            align-items: center;
            color: var(--text);
            display: inline-flex;
            font-family: "TradeBoard Gothic", Montserrat, ui-sans-serif, system-ui, sans-serif;
            gap: 8px;
            font-size: 20px;
            font-weight: 700;
            line-height: 1;
            text-decoration: none;
            text-transform: uppercase;
          }
          .brand-logo {
            display: block;
            height: 28px;
            width: 28px;
          }
          .landing {
            align-items: center;
            display: grid;
            gap: clamp(32px, 5vw, 70px);
            grid-template-columns: minmax(0, 0.92fr) minmax(440px, 1.08fr);
            padding: 64px 0 54px;
          }
          .landing-copy {
            align-self: center;
            display: grid;
            justify-self: start;
            justify-items: start;
            max-width: 620px;
            min-width: 0;
            width: 100%;
          }
          .landing-copy h1 {
            color: var(--text);
            font-size: clamp(40px, 4.7vw, 66px);
            letter-spacing: -0.025em;
            line-height: 0.98;
            margin: 0 0 22px;
            max-width: 680px;
          }
          .landing-wordmark {
            display: block;
            height: auto;
            margin: 0 0 30px;
            max-width: min(300px, 78vw);
            width: 300px;
          }
          .landing-copy p {
            color: var(--muted);
            font-size: 19px;
            margin: 0 0 26px;
            text-align: left;
            width: 100%;
          }
          .landing-copy .eyebrow {
            color: var(--accent);
            font-size: 12px;
            margin-bottom: 14px;
            width: auto;
          }
          .landing-actions {
            align-items: center;
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            justify-content: flex-start;
            max-width: 640px;
            width: 100%;
          }
          .landing-confidence {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 18px;
            margin-top: 24px;
          }
          .landing-confidence span {
            align-items: center;
            color: var(--muted);
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            gap: 7px;
          }
          .landing-confidence span::before {
            background: var(--accent);
            border-radius: 50%;
            content: "";
            height: 6px;
            width: 6px;
          }
          .landing-product-preview {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 14px;
            box-shadow: 0 24px 64px rgba(28, 48, 68, 0.14);
            overflow: hidden;
          }
          .landing-preview-toolbar {
            align-items: center;
            background: #f7fafc;
            border-bottom: 1px solid var(--line);
            display: grid;
            font-size: 11px;
            gap: 10px;
            grid-template-columns: 1fr auto 1fr;
            padding: 11px 14px;
            text-transform: uppercase;
          }
          .landing-preview-toolbar > strong {
            color: var(--muted);
            letter-spacing: 0.08em;
          }
          .landing-preview-dots {
            display: flex;
            gap: 5px;
          }
          .landing-preview-dots i {
            background: #c5d0da;
            border-radius: 50%;
            display: block;
            height: 7px;
            width: 7px;
          }
          .landing-live-badge {
            color: #087443;
            font-weight: 900;
            justify-self: end;
          }
          .landing-live-badge::before {
            background: #1cab68;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 6px;
            margin-right: 5px;
            width: 6px;
          }
          .landing-preview-body {
            padding: 24px;
          }
          .landing-preview-body > header {
            align-items: center;
            display: flex;
            gap: 16px;
            justify-content: space-between;
          }
          .landing-preview-body header div {
            display: grid;
            gap: 3px;
          }
          .landing-preview-body header small,
          .landing-preview-grid article > small {
            color: var(--accent);
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.04em;
            text-transform: uppercase;
          }
          .landing-preview-body header strong {
            color: var(--text);
            font-size: 20px;
          }
          .landing-status-badge {
            background: #fff1c7;
            border: 1px solid #eac95f;
            border-radius: 999px;
            color: #745b00;
            font-size: 10px;
            font-weight: 900;
            padding: 7px 10px;
            text-transform: uppercase;
          }
          .landing-preview-progress {
            display: grid;
            gap: 0;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            margin: 24px 0;
          }
          .landing-preview-progress span {
            border-top: 3px solid #dbe3ea;
            color: var(--muted);
            font-size: 10px;
            font-weight: 800;
            padding-top: 9px;
            position: relative;
            text-transform: uppercase;
          }
          .landing-preview-progress span.is-complete,
          .landing-preview-progress span.is-current {
            border-color: var(--accent);
            color: var(--text);
          }
          .landing-preview-progress span.is-current {
            border-color: #edb835;
          }
          .landing-preview-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
          }
          .landing-preview-grid article {
            background: #f7fafc;
            border: 1px solid var(--line);
            border-radius: 9px;
            padding: 14px;
          }
          .landing-preview-grid article > div {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            font-size: 12px;
            gap: 8px;
            justify-content: space-between;
            padding: 10px 0;
          }
          .landing-preview-grid article > div:first-of-type {
            margin-top: 8px;
          }
          .landing-preview-grid article > div:last-child {
            padding-bottom: 0;
          }
          .landing-preview-grid b {
            color: var(--muted);
            font-size: 10px;
          }
          .landing-preview-grid b.is-complete { color: #087443; }
          .landing-preview-grid b.is-review { color: #9a6500; }
          .landing-preview-grid p {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 3px;
            margin: 9px 0 0;
            padding-top: 9px;
          }
          .landing-preview-grid p strong {
            color: var(--text);
            font-size: 12px;
          }
          .landing-preview-grid p span {
            color: var(--muted);
            font-size: 11px;
          }
          .landing-outcome-strip {
            background: #dceeff;
            border: 1px solid #b9d9f4;
            border-radius: 10px;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin-bottom: 18px;
          }
          .landing-outcome-strip div {
            border-right: 1px solid #b9d9f4;
            display: grid;
            gap: 3px;
            padding: 18px 20px;
          }
          .landing-outcome-strip div:last-child { border-right: 0; }
          .landing-outcome-strip strong { color: var(--text); }
          .landing-outcome-strip span { color: var(--muted); font-size: 13px; }
          .landing-final-cta {
            align-items: center;
            background: var(--text);
            border-radius: 12px;
            color: rgb(var(--white));
            display: flex;
            gap: 28px;
            justify-content: space-between;
            margin: 18px 0 42px;
            padding: 30px 34px;
          }
          .landing-final-cta h2 {
            color: inherit;
            font-size: 28px;
            margin: 0;
          }
          .landing-final-cta p:not(.eyebrow) {
            color: rgba(var(--white), 0.72);
            margin: 8px 0 0;
          }
          .landing-final-cta .eyebrow {
            color: #7bc0ff;
            margin-bottom: 7px;
          }
          .landing-final-cta .primary-link {
            flex: 0 0 auto;
          }
          .auth-shell {
            align-items: stretch;
            display: grid;
            gap: 18px;
            grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.75fr);
            margin: 30px auto;
            max-width: 1080px;
          }
          .auth-brand-panel,
          .auth-card {
            border: 1px solid var(--line);
            border-radius: 8px;
          }
          .auth-brand-panel {
            align-content: start;
            background:
              linear-gradient(135deg, rgba(var(--blue), 0.08), rgba(var(--green), 0.07)),
              var(--surface-outer);
            display: grid;
            gap: 18px;
            min-height: 560px;
            padding: 42px 34px 34px;
          }
          .auth-logo-lockup {
            align-items: center;
            display: flex;
            gap: 16px;
            justify-self: center;
            margin-bottom: 18px;
          }
          .auth-logo-lockup img {
            height: 72px;
            width: 72px;
          }
          .auth-logo-lockup span {
            display: grid;
            font-family: "TradeBoard Gothic", Montserrat, ui-sans-serif, system-ui, sans-serif;
            line-height: 1;
            text-transform: uppercase;
          }
          .auth-logo-lockup strong {
            font-size: 42px;
            font-weight: 700;
          }
          .auth-logo-lockup em {
            font-size: 18px;
            font-style: normal;
            justify-self: center;
          }
          .auth-brand-panel h1 {
            font-size: 44px;
            line-height: 1.05;
            margin: 10px 0 0;
            max-width: 560px;
          }
          .auth-brand-panel p {
            color: var(--muted);
            font-size: 18px;
            margin: 0;
            max-width: 620px;
          }
          .auth-benefit-list {
            display: grid;
            gap: 8px;
            margin-top: 18px;
          }
          .auth-benefit-list span {
            background: rgba(var(--white), 0.72);
            border: 1px solid rgba(var(--blue), 0.18);
            border-radius: 8px;
            color: var(--text);
            font-size: 14px;
            font-weight: 700;
            padding: 10px 12px;
          }
          .auth-card {
            align-content: start;
            background: var(--surface-panel);
            display: grid;
            gap: 16px;
            padding: 24px;
          }
          .auth-card-heading {
            display: grid;
            gap: 6px;
          }
          .auth-panel,
          .auth-method-panel {
            display: grid;
            gap: 16px;
          }
          .auth-panel[hidden],
          .auth-method-panel[hidden],
          [data-auth-feedback][hidden] {
            display: none;
          }
          .auth-card h2 {
            font-size: 28px;
            line-height: 1.05;
            margin: 0;
          }
          .auth-card p {
            margin: 0;
          }
          .auth-mode-switch,
          .auth-method-switch {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            padding: 4px;
          }
          .auth-mode-switch a,
          .auth-method-switch a {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 8px;
            color: var(--muted);
            display: inline-flex;
            font-size: 14px;
            font-weight: 800;
            justify-content: center;
            min-height: 36px;
            padding: 8px 10px;
            text-align: center;
            text-decoration: none;
          }
          .auth-mode-switch a.is-active,
          .auth-method-switch a.is-active {
            background: rgb(var(--white));
            border-color: var(--accent);
            color: var(--accent);
            box-shadow: 0 1px 4px rgba(var(--black), 0.08);
          }
          .auth-form {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 14px;
          }
          .auth-form button {
            justify-self: stretch;
            min-height: 42px;
          }
          .auth-form-link {
            color: var(--accent);
            font-size: 13px;
            font-weight: 800;
            justify-self: start;
            text-decoration: none;
          }
          .auth-form-link:hover {
            text-decoration: underline;
          }
          .auth-code-form {
            align-items: end;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .auth-code-form .auth-code-email {
            grid-column: 1 / -1;
          }
          .auth-code-form button {
            min-width: 132px;
          }
          .auth-form-note {
            color: var(--muted);
            font-size: 13px;
          }
          .auth-feedback {
            align-items: start;
            border: 1px solid;
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: 24px minmax(0, 1fr);
            padding: 12px 14px;
          }
          .auth-feedback.is-error {
            background: #fff1f1;
            border-color: #efaaa5;
            color: #7a1f1a;
          }
          .auth-feedback.is-success {
            background: #edf9f1;
            border-color: #9bd3ad;
            color: #195c2d;
          }
          .auth-feedback-icon {
            align-items: center;
            border-radius: 50%;
            color: rgb(var(--white));
            display: inline-flex;
            font-size: 14px;
            font-weight: 900;
            height: 22px;
            justify-content: center;
            line-height: 1;
            margin-top: 1px;
            width: 22px;
          }
          .auth-feedback.is-error .auth-feedback-icon {
            background: #b42318;
          }
          .auth-feedback.is-success .auth-feedback-icon {
            background: #247a3d;
          }
          .auth-feedback strong {
            display: block;
            font-size: 14px;
            line-height: 1.3;
            margin-bottom: 3px;
          }
          .auth-feedback p {
            color: inherit;
            font-size: 14px;
            line-height: 1.45;
          }
          .password-strength {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 9px;
            padding: 12px;
          }
          .password-strength-heading {
            align-items: center;
            display: flex;
            font-size: 13px;
            font-weight: 800;
            justify-content: space-between;
          }
          .password-strength-heading strong {
            color: var(--muted);
          }
          .password-strength-track {
            background: var(--surface-inner);
            border-radius: 999px;
            height: 7px;
            overflow: hidden;
          }
          .password-strength-track span {
            background: #d92d20;
            display: block;
            height: 100%;
            transition: width 160ms ease, background-color 160ms ease;
            width: 0;
          }
          .password-strength-track span[data-score="1"] {
            width: 25%;
          }
          .password-strength-track span[data-score="2"] {
            background: #d97706;
            width: 50%;
          }
          .password-strength-track span[data-score="3"] {
            background: #2f7dbd;
            width: 75%;
          }
          .password-strength-track span[data-score="4"] {
            background: #247a3d;
            width: 100%;
          }
          .password-strength > p {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.4;
          }
          .password-checks {
            display: grid;
            gap: 5px;
            list-style: none;
            margin: 0;
            padding: 0;
          }
          .password-checks li {
            align-items: start;
            color: var(--muted);
            display: grid;
            font-size: 12px;
            gap: 7px;
            grid-template-columns: 16px minmax(0, 1fr);
            line-height: 1.35;
          }
          .password-checks li::before {
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
            font-weight: 900;
          }
          .password-checks li.is-met {
            color: #247a3d;
          }
          .password-checks li.is-met::before {
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m4%2012%205%205L20%206%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
          }
          .password-checks li.is-unmet {
            color: #a13b32;
          }
          .password-checks li.is-unmet::before {
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
          }
          .password-confirm-feedback {
            align-items: center;
            color: #a13b32;
            display: flex;
            font-size: 12px;
            font-weight: 800;
            gap: 6px;
            line-height: 1.35;
            margin-top: 7px;
          }
          .password-confirm-feedback[hidden] {
            display: none;
          }
          .password-confirm-feedback > span {
            align-items: center;
            background: #b42318;
            border-radius: 50%;
            color: rgb(var(--white));
            display: inline-flex;
            flex: 0 0 auto;
            font-size: 12px;
            height: 17px;
            justify-content: center;
            line-height: 1;
            width: 17px;
          }
          .turnstile-widget {
            display: grid;
            max-width: 100%;
            min-width: 0;
          }
          .turnstile-widget > div,
          .turnstile-widget iframe {
            max-width: 100%;
          }
          .turnstile-error {
            background: #ffe8e8;
            border: 1px solid #ff9d9d;
            border-radius: 8px;
            color: #b00020;
            font-size: 13px;
            font-weight: 800;
            margin: 0;
            padding: 10px 12px;
          }
          .auth-email-target {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--text);
            font-size: 16px;
            font-weight: 800;
            padding: 12px 14px;
            word-break: break-word;
          }
          .auth-action-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
          }
          .rate-limit-shell {
            align-items: center;
            display: grid;
            min-height: calc(100vh - 190px);
            padding: 40px 0;
          }
          .rate-limit-card {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 12px;
            box-shadow: 0 14px 36px rgba(var(--dark-grey), 0.09);
            display: grid;
            gap: 16px;
            justify-self: center;
            max-width: 620px;
            padding: clamp(24px, 5vw, 40px);
            width: 100%;
          }
          .rate-limit-brand {
            align-items: center;
            display: flex;
            gap: 12px;
            margin-bottom: 4px;
          }
          .rate-limit-brand img {
            height: 48px;
            width: 48px;
          }
          .rate-limit-brand span {
            display: grid;
            font-family: "TradeBoard Gothic", Montserrat, ui-sans-serif, system-ui, sans-serif;
            line-height: 1;
            text-transform: uppercase;
          }
          .rate-limit-brand strong {
            font-size: 28px;
            font-weight: 700;
          }
          .rate-limit-brand small {
            font-size: 13px;
            justify-self: center;
          }
          .rate-limit-card .eyebrow {
            margin: 8px 0 -6px;
          }
          .rate-limit-card h1 {
            font-size: clamp(30px, 5vw, 38px);
            line-height: 1.05;
            margin: 0;
          }
          .rate-limit-message {
            color: var(--muted);
            font-size: 17px;
            line-height: 1.55;
            margin: 0;
          }
          .rate-limit-notice {
            align-items: center;
            background: rgba(var(--blue), 0.08);
            border: 1px solid rgba(var(--blue), 0.22);
            border-radius: 10px;
            display: flex;
            gap: 12px;
            padding: 14px 16px;
          }
          .rate-limit-notice svg {
            color: var(--accent);
            flex: 0 0 auto;
            height: 28px;
            width: 28px;
          }
          .rate-limit-notice svg circle,
          .rate-limit-notice svg path {
            fill: none;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2;
          }
          .rate-limit-notice span {
            display: grid;
            gap: 3px;
          }
          .rate-limit-notice strong {
            color: var(--text);
            font-size: 15px;
          }
          .rate-limit-notice small {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.4;
          }
          .rate-limit-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 4px;
          }
          .rate-limit-actions .primary-link {
            border-radius: 8px;
            justify-content: center;
            min-width: 130px;
          }
          .rate-limit-actions .primary-link.is-disabled {
            background: rgb(var(--mid-grey));
            cursor: not-allowed;
            opacity: 0.72;
            pointer-events: none;
          }
          .rate-limit-cooldown-banner {
            background: rgba(var(--blue), 0.09);
            border: 1px solid rgba(var(--blue), 0.28);
            border-radius: 8px;
            color: var(--text);
            font-size: 14px;
            font-weight: 800;
            margin: 16px auto 0;
            max-width: 1080px;
            padding: 11px 14px;
          }
          .invite-auth-shell .auth-card {
            align-self: start;
          }
          .invite-accept-form {
            gap: 12px;
          }
          .invite-readonly-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .invite-readonly-grid input[readonly] {
            background: var(--surface-content);
            color: var(--muted);
            cursor: not-allowed;
            font-weight: 800;
          }
          .landing-section {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 22px;
            grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
            padding: 36px 0;
          }
          .landing-section h2 {
            color: var(--text);
            font-size: 28px;
            line-height: 1.15;
            margin: 0;
          }
          .landing-section p {
            color: var(--muted);
            margin: 12px 0 0;
          }
          .landing-feature-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .landing-role-list div,
          .landing-permission-steps div {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 18px;
          }
          .landing-feature-grid article {
            background: var(--feature-card-colour, rgb(var(--white)));
            border: 1px solid var(--line);
            border-radius: 8px;
            overflow: hidden;
          }
          .landing-feature-grid article:nth-child(1) {
            --feature-card-colour: #e2f0ff;
          }
          .landing-feature-grid article:nth-child(2) {
            --feature-card-colour: #ddf8e8;
          }
          .landing-feature-grid article:nth-child(3) {
            --feature-card-colour: #eee7ff;
          }
          .landing-feature-grid h3 {
            align-content: start;
            background: rgb(var(--white));
            border-bottom: 1px solid var(--line);
            color: var(--text);
            display: grid;
            font-size: 17px;
            min-height: 68px;
            margin: 0;
            padding: 18px;
          }
          .landing-feature-grid p {
            font-size: 14px;
            margin: 0;
            padding: 18px;
          }
          .landing-role-list {
            display: grid;
            gap: 10px;
          }
          .landing-role-list div {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 120px minmax(0, 1fr);
          }
          .landing-role-list strong {
            color: var(--text);
          }
          .landing-role-list span {
            color: var(--muted);
          }
          .landing-permission-steps {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .landing-permission-steps span {
            align-items: center;
            background: var(--accent);
            border-radius: 50%;
            color: rgb(var(--white));
            display: inline-flex;
            font-size: 13px;
            font-weight: 900;
            height: 28px;
            justify-content: center;
            margin-bottom: 12px;
            width: 28px;
          }
          .landing-permission-steps strong {
            color: var(--text);
            display: block;
          }
          .landing-permission-steps p {
            font-size: 14px;
          }
          .top-actions {
            align-items: center;
            display: flex;
            gap: 10px;
            margin-left: auto;
          }
          .signout-form {
            display: inline-flex;
            margin: 0;
          }
          .brand-round-light-button {
            align-items: center;
            appearance: none;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            box-sizing: border-box;
            color: var(--control-neutral-text);
            cursor: pointer;
            display: inline-flex;
            flex: 0 0 auto;
            font: inherit;
            height: 32px;
            justify-content: center;
            line-height: 1;
            margin: 0;
            min-height: 32px;
            min-width: 32px;
            padding: 0;
            position: relative;
            text-decoration: none;
            width: 32px;
            border-color: var(--control-neutral-border);
          }
          .brand-round-light-button:hover {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            box-shadow: none;
            color: var(--control-primary-text);
          }
          .brand-round-light-button[aria-busy="true"],
          .brand-round-light-button[aria-busy="true"]:hover {
            background: rgba(var(--blue), 0.08);
            border-color: rgba(var(--blue), 0.34);
            box-shadow: none;
            color: var(--accent);
            cursor: progress;
            opacity: 1;
          }
          .brand-round-light-button[aria-busy="true"] svg {
            animation: button-spin 0.8s linear infinite;
          }
          .brand-round-light-button svg {
            fill: none;
            height: 18px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2;
            width: 18px;
          }
          .brand-round-light-button svg * {
            fill: none;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2;
          }
          @keyframes button-spin {
            to {
              transform: rotate(360deg);
            }
          }
          .page-refresh-button[hidden],
          .pwa-install-button[hidden] {
            display: none;
          }
          .activity-bell-count {
            align-items: center;
            background: rgb(var(--red));
            border: 2px solid rgb(var(--white));
            border-radius: 999px;
            color: rgb(var(--white));
            display: inline-flex;
            font-size: 10px;
            font-weight: 900;
            height: 18px;
            justify-content: center;
            min-width: 18px;
            padding: 0 4px;
            position: absolute;
            right: -6px;
            top: -6px;
          }
          .activity-bell-count[hidden] {
            display: none;
          }
          .menu {
            align-items: center;
            display: flex;
            gap: 4px;
            margin-left: auto;
          }
          .menu a {
            border-radius: 0;
            color: var(--text);
            display: inline-flex;
            font-size: 13px;
            font-weight: 900;
            line-height: 1;
            min-height: auto;
            padding: 4px 10px;
            position: relative;
            text-decoration: none;
            text-transform: uppercase;
          }
          .menu-group {
            position: relative;
          }
          .menu-group summary {
            border-radius: 0;
            color: var(--text);
            cursor: pointer;
            display: inline-flex;
            font-size: 13px;
            font-weight: 900;
            line-height: 1;
            list-style: none;
            padding: 4px 10px;
            text-transform: uppercase;
          }
          .menu-group summary::-webkit-details-marker {
            display: none;
          }
          .menu-group summary::after {
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
            font-size: 10px;
            margin-left: 6px;
          }
          .menu a:hover {
            color: var(--accent);
          }
          .menu-group summary:hover {
            color: var(--accent);
          }
          .menu a.active {
            background: var(--accent);
            color: rgb(var(--white));
          }
          .menu-group summary.active {
            background: var(--accent);
            color: rgb(var(--white));
          }
          .menu-submenu {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 14px 30px rgba(var(--black), 0.16);
            display: grid;
            gap: 4px;
            min-width: 190px;
            padding: 8px;
            position: absolute;
            right: 0;
            top: calc(100% + 8px);
            z-index: 40;
          }
          .menu-submenu a {
            border-radius: 8px;
            justify-content: flex-start;
            min-height: 34px;
            padding: 9px 10px;
            white-space: nowrap;
          }
          .menu-submenu a.active {
            background: var(--surface-outer);
            color: var(--accent);
          }
          .mobile-menu {
            display: none;
            margin-left: auto;
            position: relative;
          }
          .mobile-menu > summary {
            align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center;
            background: var(--control-primary-surface); border: 1px solid var(--control-primary-border);
            border-radius: 999px; color: var(--control-primary-text); cursor: pointer;
            width: 32px; height: 32px; min-width: 32px; min-height: 32px;
            font: inherit; line-height: 1; list-style: none; padding: 0; margin: 0;
          }
          .mobile-menu > summary::before { content: ''; position: absolute; inset: -7px; border-radius: inherit; }
          .mobile-menu > summary .tb-icon { width: 16px; height: 16px; stroke-width: 1.8; }
          .mobile-menu > summary .tb-icon * { stroke-width: 1.8; }
          .mobile-menu > summary::-webkit-details-marker { display: none; }
          .mobile-menu > summary:hover { background: var(--control-primary-hover); border-color: var(--control-primary-hover-border); }
          .mobile-menu > summary:focus-visible { outline: 2px solid var(--control-focus); outline-offset: 3px; }
          .mobile-menu[open] > summary { background: var(--accent); border-color: var(--accent); color: rgb(var(--white)); }
          .mobile-menu[open] > summary:hover { background: var(--control-primary-text); border-color: var(--control-primary-text); }
          .mobile-menu-collapsed-state, .mobile-menu-expanded-state { align-items: center; justify-content: center; }
          .mobile-menu-collapsed-state { display: inline-flex; }
          .mobile-menu-expanded-state { display: none; }
          .mobile-menu[open] > summary .mobile-menu-collapsed-state { display: none; }
          .mobile-menu[open] > summary .mobile-menu-expanded-state { display: inline-flex; }
          .mobile-menu-state-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
          .mobile-menu-panel {
            border-radius: 8px;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            box-shadow: 0 14px 30px rgba(var(--black), 0.18);
            display: grid;
            gap: 8px;
            padding: 10px;
            position: absolute;
            right: 0;
            top: calc(100% + 8px);
            width: min(260px, calc(100vw - 32px));
            z-index: 30;
          }
          .mobile-menu-panel .menu {
            align-items: stretch;
            display: grid;
            gap: 4px;
            margin: 0;
          }
          .mobile-menu-panel .menu a {
            min-height: 34px;
            padding: 9px 10px;
          }
          .mobile-menu-panel .menu-group {
            display: grid;
          }
          .mobile-menu-panel .menu-group summary {
            min-height: 34px;
            padding: 9px 10px;
          }
          .mobile-menu-panel .menu-submenu {
            border: 0;
            border-left: 2px solid var(--line);
            border-radius: 0;
            box-shadow: none;
            min-width: 0;
            padding: 4px 0 4px 8px;
            position: static;
          }
          .mobile-menu-panel .top-actions {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-start;
            margin: 0;
            padding-top: 8px;
          }
          .mobile-menu-panel .top-actions .brand-round-light-button,
          .mobile-menu-panel .top-actions .masthead-profile-link.is-compact {
            flex: 0 0 auto;
          }
          .mobile-menu-panel .identity {
            align-items: flex-start;
            text-align: left;
          }
          .masthead-credit-count {
            font-size: 11px;
            font-weight: 700;
            font-variant-numeric: tabular-nums;
            padding: 0;
          }
          .masthead-credit-count[hidden] { display: none; }
          .masthead-profile-link {
            align-items: center;
            color: var(--text);
            display: inline-flex;
            gap: 8px;
            min-width: 0;
            text-decoration: none;
          }
          .masthead-profile-link:hover {
            color: var(--accent);
          }
          .masthead-profile-link.is-compact {
            border-radius: 999px;
          }
          .masthead-profile-link.is-compact .masthead-avatar {
            border: 0;
            height: 100%;
            width: 100%;
          }
          .masthead-avatar {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--accent);
            display: inline-flex;
            flex: 0 0 auto;
            font-size: 12px;
            font-weight: 900;
            height: 32px;
            justify-content: center;
            overflow: hidden;
            width: 32px;
          }
          .masthead-avatar img {
            display: block;
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
          .masthead-profile-name {
            font-size: 13px;
            font-weight: 900;
            max-width: 180px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          h1, h2, p { margin-top: 0; }
          h1 {
            color: var(--text);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-weight: 900;
            letter-spacing: 0;
            margin-bottom: 0;
            font-size: 24px;
            text-transform: uppercase;
          }
          h2 {
            color: var(--text);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-weight: 900;
            letter-spacing: 0;
            margin-bottom: 0;
            text-transform: uppercase;
          }
          h3 {
            font-size: 18px;
            font-weight: 900;
            margin: 0;
            text-transform: uppercase;
          }
          main { padding: 18px 0 32px; }
          main.full-bleed {
            padding: 0;
            width: 100%;
          }
          .site-footer {
            align-items: center;
            color: var(--muted);
            display: flex;
            flex-wrap: wrap;
            font-size: 13px;
            gap: 14px;
            justify-content: center;
            padding: 18px 0 28px;
          }
          .site-footer a,
          .site-footer-link {
            appearance: none;
            background: transparent;
            border: 0;
            color: var(--muted);
            cursor: pointer;
            font-family: "Source Sans 3", Arial, sans-serif;
            font-size: 13px;
            font-weight: 800;
            min-height: 0;
            padding: 0;
            text-decoration: none;
          }
          .site-footer a:hover,
          .site-footer-link:hover {
            background: transparent;
            color: var(--accent);
          }
          .contact-modal {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            box-sizing: border-box;
            max-width: min(520px, calc(100vw - 32px));
            overflow: visible;
            padding: 0;
            position: relative;
            width: 500px;
          }
          .contact-modal::backdrop {
            background: rgba(0, 0, 0, 0.42);
          }
          .contact-modal > .modal-close-x {
            position: absolute;
            right: 10px;
            top: 10px;
            transform: none;
          }
          .contact-modal-header {
            border-bottom: 1px solid var(--line);
            padding: 18px 64px 14px 18px;
          }
          .contact-modal-header h2,
          .contact-modal-header p {
            margin: 0;
          }
          .contact-form {
            background: var(--surface-outer);
            display: grid;
            gap: 12px;
            padding: 18px;
          }
          .contact-form textarea {
            resize: vertical;
          }
          .contact-honeypot {
            left: -10000px;
            position: absolute;
          }
          .contact-status {
            background: rgba(var(--green), 0.12);
            border: 1px solid rgba(var(--green), 0.34);
            border-radius: 8px;
            color: rgb(27, 114, 52);
            font-weight: 800;
            margin: 0;
            padding: 10px 12px;
          }
          .contact-status.is-error {
            background: #ffe8e8;
            border-color: #ff9d9d;
            color: #b00020;
          }
          .contact-actions {
            display: flex;
            gap: 10px;
            justify-content: flex-end;
          }
          .contact-actions[hidden] {
            display: none;
          }
          .identity {
            align-items: flex-end;
            color: var(--muted);
            display: flex;
            flex-direction: column;
            font-size: 11px;
            gap: 0;
            line-height: 1.25;
            text-align: right;
          }
          .identity-details {
            display: block;
          }

  .tb-icon { flex-shrink: 0; vertical-align: middle; pointer-events: none; }
  :root {
    --control-primary-text: #0768c5;
    --control-primary-border: #70b6fa;
    --control-primary-surface: #edf6ff;
    --control-primary-hover: #deeeff;
    --control-primary-hover-border: #3999f0;
    --control-neutral-text: #4d4d4d;
    --control-neutral-border: #d8dce0;
    --control-neutral-hover: #f4f8fc;
    --control-neutral-hover-border: #9dc8ee;
    --control-danger-text: #a33a3a;
    --control-danger-border: #edb7b7;
    --control-danger-hover: #fff0f0;
    --control-danger-hover-border: #dc8c8c;
    --control-disabled-surface: #f5f6f7;
    --control-disabled-border: #e0e3e6;
    --control-disabled-text: #959ba1;
    --control-focus: #1680e7;
    --control-circle-halo: #e4f1fe;
    --soft-blue: 237, 246, 255;
  }
  button, .brand-action-button, .primary-button {
    appearance: none;
    background: var(--control-primary-surface);
    border: 1px solid var(--control-primary-border);
    border-radius: 8px;
    color: var(--control-primary-text);
    cursor: pointer;
    font: 600 14px/1.25 Montserrat, ui-sans-serif, system-ui, sans-serif;
    min-height: 38px;
    padding: 8px 14px;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
  }
  a.brand-action-button, a.primary-button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
  }
  button:hover, .brand-action-button:hover, .primary-button:hover {
    background: var(--control-primary-hover);
    border-color: var(--control-primary-hover-border);
  }
  .brand-light-button {
    align-items: center;
    appearance: none;
    background: rgb(var(--white));
    border: 1px solid var(--control-neutral-border);
    border-radius: 8px;
    color: var(--control-neutral-text);
    cursor: pointer;
    display: inline-flex;
    font: 500 14px/1.25 Montserrat, ui-sans-serif, system-ui, sans-serif;
    justify-content: center;
    min-height: 38px;
    min-width: 82px;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
  }
  .brand-light-button:hover {
    background: var(--control-neutral-hover);
    border-color: var(--control-neutral-hover-border);
    color: var(--control-primary-text);
  }
  .brand-toggle-switch, .brand-toggle-switch:hover {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 0;
    padding: 4px 0;
    color: var(--control-neutral-text);
    font-weight: 500;
  }
  .brand-toggle-track {
    display: inline-flex;
    align-items: center;
    flex: 0 0 36px;
    height: 22px;
    padding: 2px;
    box-sizing: border-box;
    border: 1px solid var(--control-neutral-border);
    border-radius: 999px;
    background: var(--control-disabled-surface);
  }
  .brand-toggle-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--control-neutral-text);
  }
  .brand-toggle-switch[aria-checked="true"] .brand-toggle-track {
    background: var(--control-primary-surface);
    border-color: var(--control-primary-border);
    justify-content: flex-end;
  }
  .brand-toggle-switch[aria-checked="true"] .brand-toggle-thumb { background: var(--control-primary-text); }
  .deal-email-preference-list { display: grid; gap: 0; min-width: 0; padding: 0; margin: 0; border: 0; }
  .deal-email-preference-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--control-neutral-border); cursor: pointer; }
  .deal-email-preference-row strong { display: block; font-size: 14px; font-weight: 600; }
  .deal-email-preference-row .muted { display: block; margin-top: 4px; font-size: 12px; line-height: 1.5; }
  .deal-email-preference-row > span:first-child { min-width: 0; }
  .deal-email-preference-control { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; }
  .deal-email-preference-row-status { min-width: 64px; font-size: 12px; text-align: right; color: var(--control-neutral-text); white-space: nowrap; }
  @media (max-width: 480px) {
    .deal-email-preference-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
    .deal-email-preference-row > span:first-child { display: contents; }
    .deal-email-preference-row strong { grid-column: 1; grid-row: 1; }
    .deal-email-preference-row .muted { grid-column: 1 / -1; grid-row: 2; }
    .deal-email-preference-control { grid-column: 2; grid-row: 1; }
  }
  .deal-email-preference-switch { position: relative; flex: 0 0 auto; }
  .deal-email-preference-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
  .deal-email-preference-switch input:checked + .brand-toggle-track { justify-content: flex-end; background: var(--control-primary-surface); border-color: var(--control-primary-border); }
  .deal-email-preference-switch input:checked + .brand-toggle-track .brand-toggle-thumb { background: var(--control-primary-text); }
  .deal-email-preference-switch input:focus-visible + .brand-toggle-track { outline: 2px solid var(--control-focus); outline-offset: 3px; }
  .deal-email-preference-switch input:disabled + .brand-toggle-track { opacity: .55; }
  .deal-email-preference-note, .deal-email-preference-feedback { font-size: 12px; line-height: 1.6; }
  .deal-email-preference-feedback { margin: 8px 0 0; }
  .deal-email-preference-feedback:empty { display: none; }
  .deal-email-preference-status { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
  .deal-email-preference-status > [hidden] { display: none; }
  .destructive-button, .brand-action-button.destructive-button, .brand-light-button.destructive-button, .collected-hide-pill.destructive-button, .brand-round-light-button.destructive-button, button.danger-action {
    background: rgb(var(--white));
    border: 1px solid var(--control-danger-border);
    color: var(--control-danger-text);
    font-weight: 500;
  }
  .destructive-button:hover, .brand-action-button.destructive-button:hover, .brand-light-button.destructive-button:hover, .collected-hide-pill.destructive-button:hover, .brand-round-light-button.destructive-button:hover, button.danger-action:hover {
    background: var(--control-danger-hover);
    border-color: var(--control-danger-hover-border);
    color: var(--control-danger-text);
  }
  .brand-control-text {
    background: transparent;
    border-color: transparent;
    color: var(--control-primary-text);
    font-weight: 500;
  }
  .brand-control-text:hover { background: var(--control-primary-surface); border-color: transparent; }
  .brand-control-segments { display: inline-flex; border: 1px solid var(--control-neutral-border); border-radius: 6px; overflow: hidden; }
  .brand-control-segments button { background: white; border: 0; border-radius: 0; color: var(--muted); font-size: 12px; font-weight: 500; min-height: 28px; padding: 4px 10px; }
  .brand-control-segments button:hover, .brand-control-segments button[aria-pressed="true"] { background: var(--control-primary-surface); color: var(--control-primary-text); }
  .brand-control-spinner { display: inline-block; width: 13px; height: 13px; margin-right: 6px; vertical-align: -1px; border: 2px solid var(--control-primary-border); border-top-color: var(--control-primary-text); border-radius: 50%; animation: button-spin .9s linear infinite; }
          .tracker-stage {
            background: rgb(var(--black));
            min-height: calc(100vh - 62px);
            width: 100%;
          }
          .tracker-board {
            display: grid;
            gap: 14px;
          }
          .tracker-quick-tip {
            align-items: center;
            background: rgb(228, 242, 255);
            border: 1px solid rgb(123, 186, 243);
            border-radius: 10px;
            bottom: 18px;
            box-shadow: 0 14px 34px rgba(var(--black), 0.2);
            display: grid;
            gap: 10px;
            grid-template-columns: 28px minmax(0, 1fr) auto;
            left: 50%;
            min-height: 40px;
            padding: 10px 12px;
            position: fixed;
            transform: translateX(-50%);
            width: min(760px, calc(100vw - 32px));
            z-index: 80;
          }
          .tracker-quick-tip[hidden] {
            display: none;
          }
          .tracker-quick-tip-icon {
            align-items: center;
            background: var(--accent);
            border-radius: 50%;
            color: rgb(var(--white));
            display: inline-flex;
            font-family: Georgia, serif;
            font-size: 14px;
            font-weight: 900;
            height: 24px;
            justify-content: center;
            width: 24px;
          }
          .tracker-quick-tip-copy {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .tracker-quick-tip-copy > span {
            color: var(--accent);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.035em;
            line-height: 1;
            text-transform: uppercase;
          }
          .tracker-quick-tip-copy strong {
            color: var(--accent-dark);
            font-size: 14px;
            line-height: 1.2;
          }
          .tracker-quick-tip-copy p {
            color: var(--text);
            font-size: 14px;
            font-weight: 600;
            line-height: 1.4;
            margin: 0;
          }
          .tracker-quick-tip-detail {
            border-top: 1px solid rgba(var(--blue), 0.2);
            margin-top: 6px;
            max-height: 180px;
            overflow-y: auto;
            padding: 8px 4px 2px 0;
          }
          .tracker-quick-tip-detail[hidden] {
            display: none;
          }
          .tracker-quick-tip-detail p {
            font-weight: 500;
          }
          .tracker-quick-tip-actions {
            align-items: stretch;
            align-self: stretch;
            display: flex;
            flex-direction: column;
            gap: 4px;
            justify-content: space-between;
            justify-self: end;
            width: 120px;
          }
          button.tracker-quick-tip-more {
            align-items: center;
            appearance: none;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: var(--accent);
            cursor: pointer;
            display: inline-flex;
            font: inherit;
            gap: 5px;
            min-height: 32px;
            min-width: 0;
            padding: 6px 9px;
            text-decoration: none;
            white-space: nowrap;
          }
          button.tracker-quick-tip-more:hover,
          button.tracker-quick-tip-more:focus-visible {
            background: rgb(var(--white));
            border-color: var(--accent);
            color: var(--accent);
          }
          .tracker-quick-tip-more svg {
            fill: none;
            height: 14px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
            transition: transform 160ms ease;
            width: 14px;
          }
          .tracker-quick-tip-more[aria-expanded="true"] svg {
            transform: rotate(180deg);
          }
          .tracker-quick-tip-more[hidden] {
            display: none;
          }
          .tracker-quick-tip-actions .brand-light-button {
            box-sizing: border-box;
            height: 32px;
            max-height: 32px;
            min-height: 32px;
            padding: 6px 10px;
            white-space: nowrap;
          }
          .tracker-help-menu {
            bottom: 16px;
            left: 16px;
            position: fixed;
            z-index: 70;
          }
          .tracker-help-toggle {
            box-shadow: 0 8px 20px rgba(var(--black), 0.16);
            height: 40px;
            min-height: 40px;
            min-width: 40px;
            width: 40px;
          }
          .tracker-help-toggle svg {
            height: 20px;
            width: 20px;
          }
          .tracker-help-toggle[aria-expanded="true"] {
            background: rgba(var(--blue), 0.08);
            border-color: var(--accent);
            color: var(--accent);
          }
          .tracker-help-popover {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 10px;
            bottom: calc(100% + 10px);
            box-shadow: 0 16px 36px rgba(var(--black), 0.18);
            box-sizing: border-box;
            display: grid;
            gap: 12px;
            left: 0;
            max-height: min(620px, calc(100dvh - 100px));
            overflow: auto;
            padding: 16px;
            position: absolute;
            right: auto;
            top: auto;
            width: min(370px, calc(100vw - 32px));
            z-index: 30;
          }
          .tracker-help-popover[hidden] {
            display: none;
          }
          .tracker-help-popover-heading {
            align-items: flex-start;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .tracker-help-popover-heading h2 {
            font-size: 18px;
            margin: 2px 0 0;
          }
          .tracker-help-close {
            align-items: center;
            appearance: none;
            background: var(--accent);
            border: 1px solid var(--accent);
            border-radius: 999px;
            box-sizing: border-box;
            color: rgb(var(--white));
            cursor: pointer;
            display: inline-flex;
            flex: 0 0 28px;
            font-size: 22px;
            height: 28px;
            justify-content: center;
            line-height: 1;
            min-height: 28px;
            min-width: 28px;
            padding: 0;
            width: 28px;
          }
          .tracker-help-close:hover,
          .tracker-help-close:focus-visible {
            background: var(--accent);
            border-color: var(--accent);
            color: rgb(var(--white));
            box-shadow: 0 0 0 4px var(--control-circle-halo);
          }
          .tracker-help-list {
            display: grid;
            gap: 0;
            list-style: none;
            margin: 0;
            padding: 0;
          }
          .tracker-help-list li {
            border-top: 1px solid var(--line);
            padding: 9px 0;
          }
          .tracker-help-list li:first-child {
            border-top: 0;
            padding-top: 0;
          }
          .tracker-help-list li:last-child {
            padding-bottom: 0;
          }
          .tracker-help-list details,
          .tracker-help-list summary {
            display: grid;
            gap: 3px;
          }
          .tracker-help-list summary {
            cursor: pointer;
            list-style: none;
            padding-right: 20px;
            position: relative;
          }
          .tracker-help-list summary::-webkit-details-marker {
            display: none;
          }
          .tracker-help-list summary::after {
            color: var(--accent);
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
            font-size: 18px;
            font-weight: 800;
            line-height: 1;
            position: absolute;
            right: 1px;
            top: 1px;
          }
          .tracker-help-list details[open] summary::after {
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
          }
          .tracker-help-list strong {
            color: var(--text);
            font-size: 13px;
          }
          .tracker-help-list summary span {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.35;
          }
          .tracker-help-list details > p {
            background: var(--surface-inner);
            border-left: 3px solid rgba(var(--blue), 0.45);
            border-radius: 0 6px 6px 0;
            color: var(--text);
            font-size: 12px;
            line-height: 1.5;
            margin: 8px 0 1px;
            padding: 9px 10px;
            white-space: pre-line;
          }
          .kanban-filters {
            align-items: end;
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(220px, 1.2fr) minmax(140px, 0.55fr) minmax(150px, 0.55fr) minmax(240px, 1fr) auto;
            padding: 12px;
            position: relative;
          }
          .kanban-colour-filter {
            display: grid;
            gap: 6px;
            min-width: 0;
            position: relative;
          }
          .tracker-filter-actions { display:flex; align-items:center; justify-self:end; align-self:end; gap:8px; margin-bottom:3px; }
          .tracker-options { position:relative; }
          .tracker-filter-actions .tracker-unread-filter[aria-pressed="true"] {
            background:var(--control-primary-surface); color:var(--control-primary-text); border-color:var(--control-primary-border);
          }
          .tracker-unread-count {
            position:absolute; top:-4px; right:-4px; min-width:16px; height:16px; padding:0 3px;
            display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
            border:1px solid rgb(var(--white)); border-radius:999px; background:var(--accent); color:rgb(var(--white));
            font-size:10px; font-weight:700; line-height:1;
          }
          .tracker-unread-count[hidden] { display:none; }
          .tracker-unread-empty { margin:0; padding:10px 12px; color:var(--muted); }
          .tracker-unread-empty[hidden] { display:none; }
          .tracker-options > summary {
            cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:center;
          }
          .tracker-options > summary::-webkit-details-marker { display:none; }
          .tracker-options > summary svg circle { fill:currentColor; stroke:none; }
          .tracker-options-links {
            position:absolute; right:0; top:calc(100% + 6px); z-index:30;
            min-width:180px; padding:6px; background:rgb(var(--white));
            border:1px solid var(--line); border-radius:8px; box-shadow:0 10px 24px rgba(var(--black),.14);
          }
          .tracker-options-links :is(a, button) {
            display:block; padding:10px 12px; color:var(--text); border-radius:5px;
            font-size:13px; font-weight:500; text-decoration:none; white-space:nowrap;
            width:100%; text-align:left; border:0; background:transparent;
          }
          .tracker-options-links :is(a, button):hover, .tracker-options-links :is(a, button):focus-visible { background:var(--surface-outer); }
          dialog.compact-modal.reminder-overview[data-modal-size="wide"] { width:min(900px,calc(100vw - 32px)); }
          .reminder-overview-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
          .reminder-overview-toolbar input { flex:1; min-width:180px; }
          .reminder-overview-scroll { max-height:55dvh; overflow-y:auto; border:1px solid var(--line); border-radius:8px; }
          .reminder-overview-toolbar .reminder-filters { order:1; }
          .reminder-overview :is(.reminder-list-heading, .reminder-list li) { grid-template-columns:minmax(0,1.15fr) minmax(210px,1fr) 76px; column-gap:12px; }
          .reminder-overview .reminder-list li { row-gap:6px; }
          .reminder-overview-parties { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr); align-items:center; gap:8px; min-width:0; font-size:12px; line-height:1.4; }
          .reminder-overview-parties > div { min-width:0; overflow-wrap:anywhere; }
          .reminder-overview-parties > div:first-child { text-align:right; }
          .reminder-overview-parties > div:last-child { text-align:left; }
          .reminder-overview-party-separator { text-align:center; color:var(--muted); }
          .reminder-overview-party-label { color:var(--muted); font-size:11px; margin-right:6px; }
          @container (max-width:760px) {
            .reminder-overview .reminder-list li { grid-template-columns:minmax(0,1fr); }
          }
          .reminder-overview [data-reminder-overview-row] { cursor:pointer; }
          .reminder-overview [data-reminder-overview-row]:has(button:disabled) { cursor:default; }
          .reminder-overview-open { display:grid; gap:3px; min-width:0; min-height:0; width:100%; margin:0; padding:0; text-align:left; border:0; background:transparent; color:var(--text); font-size:14px; line-height:1.4; }
          .reminder-overview-open:hover { background:transparent; color:var(--control-primary-text); }
          .reminder-overview-vehicle { display:flex; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:12px; line-height:1.4; }
          .reminder-overview-vehicle strong { font-weight:500; }
          .reminder-overview-vehicle > span { border-left:1px solid var(--line); padding-left:8px; white-space:nowrap; }
          .reminder-overview-message,.reminder-overview-vehicle { overflow-wrap:anywhere; white-space:pre-wrap; }
          .compact-modal.reminder-overview .reminder-list p { margin:0; line-height:1.4; }
          .reminder-overview .reminder-date { font-size:14px; line-height:1.4; }
          .reminder-overview .reminder-delivery { font-size:12px; line-height:1.4; }
          .reminder-overview .is-completed .reminder-overview-open { color:var(--muted); }
          .reminder-overview .reminder-overview-note { font-size:14px; color:var(--muted); margin:6px 0 0; text-align:center; }
          .reminder-overview-status.is-error { color:var(--control-danger-text); }
          .reminder-overview-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:168px; padding:24px 12px; box-sizing:border-box; text-align:center; }
          .reminder-overview-empty-icon { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; color:var(--muted); background:var(--surface-outer); }
          .reminder-overview-empty > strong { font-size:14px; font-weight:600; }
          .compact-modal.reminder-overview .reminder-overview-empty p { max-width:440px; margin:0; color:var(--muted); }
          .reminder-overview-activity { flex:0 0 13px; margin-left:auto; visibility:hidden; }
          .reminder-overview-activity.is-active { visibility:visible; }
          .reminder-overview-activity .brand-control-spinner { display:block; margin:0; }
          .reminder-overview-activity-label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
          @media(max-width:600px) {
            .reminder-overview-toolbar input { width:100%; flex-basis:100%; }
          }
          @media (min-width:901px) {
            .kanban-filters-with-options { grid-template-columns:minmax(220px,1.2fr) minmax(140px,.55fr) minmax(150px,.55fr) minmax(240px,1fr) auto auto; }
          }
          .colour-filter-menu {
            position: relative;
          }
          .colour-filter-menu summary {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            cursor: pointer;
            display: grid;
            gap: 8px;
            grid-template-columns: 20px minmax(0, 1fr);
            list-style: none;
            min-height: 38px;
            padding: 7px 34px 7px 12px;
            position: relative;
          }
          .colour-filter-menu summary::-webkit-details-marker {
            display: none;
          }
          .colour-filter-menu summary::after {
            border: solid rgb(var(--dark-grey));
            border-width: 0 2px 2px 0;
            content: "";
            height: 7px;
            margin-top: -5px;
            position: absolute;
            right: 14px;
            top: 50%;
            transform: rotate(45deg);
            width: 7px;
          }
          .colour-filter-menu[open] summary {
            border-color: var(--accent);
          }
          .colour-filter-summary-swatch {
            background: var(--swatch-colour);
            border: 1px solid var(--line);
            border-radius: 50%;
            box-shadow: inset 0 0 0 2px rgba(var(--white), 0.85);
            height: 20px;
            width: 20px;
          }
          .colour-filter-summary-swatch[data-empty] {
            background: linear-gradient(135deg, rgb(var(--white)) 0 46%, var(--line) 46% 54%, rgb(var(--white)) 54% 100%);
          }
          .colour-filter-menu summary span:last-child {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .colour-filter-options {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 14px 30px rgba(var(--black), 0.16);
            display: grid;
            gap: 6px;
            grid-template-columns: repeat(4, 38px);
            left: 0;
            padding: 8px;
            position: absolute;
            right: auto;
            top: calc(100% + 6px);
            width: max-content;
            z-index: 25;
          }
          .colour-filter-options label {
            align-items: center;
            cursor: pointer;
            display: flex;
            justify-content: center;
            min-height: 38px;
            margin: 0;
            padding: 0;
          }
          .colour-filter-options input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
          }
          .colour-filter-options span {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 999px;
            display: inline-flex;
            justify-content: center;
            min-height: 34px;
          }
          .colour-filter-options label:hover {
            background: rgba(var(--blue), 0.055);
          }
          .colour-filter-all {
            grid-column: 1 / -1;
            justify-content: flex-start !important;
          }
          .colour-filter-all span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            min-width: 48px;
            padding: 4px 10px;
          }
          .colour-filter-swatch {
            background: var(--swatch-colour);
            border-color: rgba(var(--dark-grey), 0.18);
            box-shadow: inset 0 0 0 3px rgba(var(--white), 0.92), 0 0 0 1px rgba(var(--dark-grey), 0.08);
            height: 34px;
            min-width: 34px;
            width: 34px;
          }
          .colour-filter-options input:checked + span {
            border-color: var(--accent);
            box-shadow: inset 0 0 0 3px rgba(var(--white), 0.92), 0 0 0 2px rgba(var(--blue), 0.28);
            color: var(--accent);
          }
          .colour-filter-options input:focus-visible + span {
            outline: 2px solid rgba(var(--blue), 0.28);
            outline-offset: 2px;
          }
          .kanban-filter-reset {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: rgb(var(--dark-grey));
            display: inline-flex;
            height: 38px;
            justify-content: center;
            line-height: 1;
            min-height: 38px;
            min-width: 72px;
            padding: 8px 12px;
          }
          .kanban-filter-reset:hover {
            background: rgb(var(--white));
            border-color: var(--accent);
            color: var(--accent);
          }
          .kanban-columns {
            align-items: stretch;
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(4, minmax(300px, 1fr));
            min-width: 0;
            overflow-x: auto;
          }
          .kanban-column {
            background: rgba(var(--white), 0.72);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            grid-template-rows: auto 1fr;
            min-height: 420px;
            padding: 10px;
          }
          .kanban-column.drag-over {
            background: rgba(var(--blue), 0.08);
            border-color: var(--accent);
          }
          @media (max-width: 640px) {
            .kanban-columns {
              grid-template-columns: none;
              grid-auto-flow: column;
              grid-auto-columns: 100%;
              gap: 8px;
              padding-inline: 16px;
              scroll-padding-inline: 16px;
              scroll-snap-type: x mandatory;
            }
            .kanban-column { min-width: 0; scroll-snap-align: center; }
            .kanban-columns.is-card-dragging { overflow-x: hidden; scroll-snap-type: none; }
          }
          .kanban-column.is-collected-loading .kanban-card-list {
            opacity: 0.72;
            pointer-events: none;
          }
          .kanban-column-header {
            align-items: flex-start;
            display: flex;
            gap: 8px;
            justify-content: space-between;
            margin-bottom: 10px;
          }
          .kanban-column-header-actions {
            align-items: center;
            display: inline-flex;
            flex: 0 0 auto;
            gap: 8px;
          }
          .kanban-column-title {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .kanban-column-header h2 {
            font-size: 15px;
          }
          .kanban-column-title p {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            line-height: 1.25;
            margin: 0;
          }
          .kanban-column-header span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
          }
          .kanban-card-list {
            display: grid;
            gap: 10px;
            align-content: start;
          }
          .kanban-card {
            --card-badge-surface: var(--control-primary-surface);
            --card-badge-text: var(--control-primary-text);
            --card-badge-border: var(--control-primary-border);
            --card-badge-overdue-surface: #fff0ca;
            --card-badge-overdue-text: #765400;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            cursor: grab;
            overflow: hidden;
            padding: 0 0 0 5px;
            position: relative;
            transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
          }
          .kanban-card::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 5px;
            background: var(--deal-card-pending-colour, var(--deal-card-preview-colour, var(--deal-card-colour, var(--line))));
            pointer-events: none;
          }
          .kanban-highlight-band { position:absolute; left:0; top:0; bottom:0; width:5px; z-index:1; }
          .highlight-picker-caption { grid-column:1 / -1; display:block; margin-top:5px; font-size:11px; line-height:1.3; color:var(--muted); overflow-wrap:anywhere; }
          .kanban-card:hover {
            border-color: rgba(var(--blue), 0.28);
            box-shadow: 0 8px 18px rgba(var(--black), 0.08);
            transform: translateY(-1px);
          }
          .kanban-card:active {
            cursor: grabbing;
            transform: translateY(0);
          }
          .kanban-card[data-status-save] { position: relative; pointer-events: none; }
          .kanban-card.is-recently-moved {
            animation: tracker-card-landing 7s ease-out;
          }
          @keyframes tracker-card-landing {
            from {
              border-color: rgba(var(--blue), 0.5);
              box-shadow: 0 0 0 3px rgba(var(--blue), 0.12),
                0 4px 22px rgba(var(--blue), 0.25),
                inset 0 0 18px rgba(var(--blue), 0.1);
            }
          }
          .kanban-card[data-status-save]::after {
            content: attr(data-status-save);
            position: absolute; left: 50%; top: 50%; z-index: 2;
            transform: translate(-50%, -50%); white-space: nowrap;
            padding: 3px 7px; border-radius: 4px;
            background: #fff; color: #56616d; font-size: 11px;
            box-shadow: 0 1px 4px #0002;
          }
          .kanban-card.is-read-only {
            cursor: default;
          }
          .kanban-card.is-read-only:hover {
            border-color: var(--line);
            box-shadow: none;
            transform: none;
          }
          .kanban-card.is-read-only:active {
            cursor: default;
          }
          .kanban-card.is-read-only.is-openable {
            cursor: pointer;
          }
          .kanban-card.is-read-only.is-openable:hover {
            border-color: rgba(var(--blue), 0.28);
            box-shadow: 0 8px 18px rgba(var(--black), 0.08);
          }
          .kanban-card-title {
            align-items: center;
            background: var(--surface-content);
            border-bottom: 1px solid rgba(var(--black), 0.08);
            display: flex;
            gap: 6px;
            justify-content: flex-start;
            margin-bottom: 0;
            min-height: 39px;
            padding: 7px 10px;
            position: relative;
            text-align: left;
          }
          .kanban-card-title strong {
            color: var(--text);
            flex: 1 1 0;
            font-size: 14px;
            line-height: 1.25;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .kanban-card-badges {
            display: flex;
            align-items: center;
            flex: 0 0 auto;
            flex-wrap: nowrap;
            gap: 4px;
          }
          .kanban-card-badges:not(:has(> :not([hidden]))) {
            display: none;
          }
          .kanban-collection-booking {
            align-items: center;
            background: var(--card-badge-surface);
            border: 1px solid var(--card-badge-border);
            border-radius: 999px;
            box-sizing: border-box;
            color: var(--card-badge-text);
            cursor: default;
            display: inline-flex;
            justify-content: center;
            line-height: 1;
            min-height: 24px;
            min-width: 27px;
            padding: 3px 5px;
            position: static;
            flex: 0 0 auto;
          }
          .kanban-collection-booking[hidden] {
            display: none;
          }
          button.kanban-collection-booking:hover,
          button.kanban-collection-booking:focus-visible {
            background: var(--card-badge-surface);
            border-color: var(--card-badge-border);
            color: var(--card-badge-text);
          }
          .kanban-collection-booking svg {
            fill: none;
            height: 14px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
            width: 17px;
          }
          .kanban-comment-unread {
            align-items: center;
            background: var(--card-badge-surface);
            border: 1px solid var(--card-badge-border);
            border-radius: 999px;
            box-sizing: border-box;
            color: var(--card-badge-text);
            display: inline-flex;
            font-size: 11px;
            font-weight: 900;
            gap: 3px;
            justify-content: center;
            line-height: 1;
            min-height: 24px;
            min-width: 27px;
            padding: 3px 5px;
            position: static;
            flex: 0 0 auto;
            text-transform: none;
          }
          .kanban-comment-unread[hidden] {
            display: none;
          }
          .kanban-comment-unread svg {
            fill: none;
            height: 13px;
            stroke: currentColor;
            stroke-linejoin: round;
            stroke-width: 2;
            width: 13px;
          }
          .kanban-card-title .kanban-comment-unread span {
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
            text-transform: none;
          }
          .kanban-card-title .kanban-comment-unread {
            color: var(--card-badge-text);
            font-size: 11px;
            text-transform: none;
          }
          .card-badge-preview {
            position: absolute;
            top: calc(100% + 12px);
            left: 10px;
            right: 10px;
            z-index: 5;
            pointer-events: none;
            text-align: left;
            text-transform: none;
            font-weight: 400;
            line-height: 1.4;
            color: var(--text);
            --badge-preview-header: var(--card-badge-surface);
            --badge-preview-border: var(--card-badge-border);
            --badge-preview-text: var(--card-badge-text);
          }
          .card-badge-preview::before {
            content: "";
            position: absolute;
            right: var(--badge-preview-pointer-right, 12px);
            top: -6px;
            width: 12px;
            height: 12px;
            transform: rotate(45deg);
            background: var(--badge-preview-header);
            border-top: 1px solid var(--badge-preview-border);
            border-left: 1px solid var(--badge-preview-border);
          }
          .card-badge-preview-surface {
            position: relative;
            display: block;
            max-height: var(--badge-preview-room, 160px);
            overflow: hidden;
            background: var(--surface-content);
            border: 1px solid var(--badge-preview-border);
            border-radius: 8px;
            box-shadow: 0 10px 26px rgba(var(--black), .28), 0 2px 6px rgba(var(--black), .16), 0 0 0 2px var(--surface-content);
          }
          .card-badge-preview-heading {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            padding: 8px 10px;
            background: var(--badge-preview-header);
            border-bottom: 1px solid var(--badge-preview-border);
            color: var(--badge-preview-text);
          }
          .card-badge-preview-title { font-size: 12px; font-weight: 700; }
          .card-badge-preview-count { font-size: 11px; color: var(--muted); }
          .card-badge-preview-body { display: block; padding: 9px 10px; }
          .card-badge-preview-message {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            overflow-wrap: anywhere;
            white-space: pre-line;
            font-size: 13px;
            font-weight: 600;
          }
          .card-badge-preview-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 7px; margin-top: 6px; }
          .card-badge-preview-status { padding: 1px 5px; border-radius: 4px; background: var(--control-primary-surface); color: var(--control-primary-text); font-size: 10px; font-weight: 700; }
          .card-badge-preview.is-overdue .card-badge-preview-status { background: var(--card-badge-overdue-surface); color: var(--card-badge-overdue-text); }
          .card-badge-preview-date, .card-badge-preview-more { font-size: 11px; color: var(--muted); }
          .card-badge-preview-more { display: block; margin-top: 7px; }
          .kanban-card.has-card-badge-preview > :not(.kanban-card-title) { opacity: .42; }
          .kanban-card dl {
            display: grid;
            gap: 6px;
            margin: 0;
            padding: 10px 10px 0;
          }
          .kanban-card dl div {
            display: grid;
            gap: 4px;
          }
          .kanban-card-pair {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .kanban-card-pair span {
            display: grid;
            gap: 4px;
          }
          .kanban-card-vrm-label {
            display: inline-block;
            position: relative;
          }
          .kanban-card-copy-vrm {
            align-items: center;
            appearance: none;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            box-sizing: border-box;
            color: var(--text);
            cursor: pointer;
            display: inline-flex;
            flex: 0 0 auto;
            font: inherit;
            height: 18px;
            justify-content: center;
            line-height: 1;
            margin: 0;
            min-height: 18px;
            min-width: 18px;
            opacity: 1;
            padding: 0;
            left: 28px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
            width: 18px;
          }
          .kanban-card-copy-vrm:hover,
          .kanban-card-copy-vrm:focus-visible {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            box-shadow: none;
            color: var(--control-primary-text);
          }
          .kanban-card-copy-vrm.is-copied {
            background: rgba(var(--green), 0.1);
            border-color: rgba(var(--green), 0.38);
            color: rgb(var(--green));
          }
          .kanban-card-copy-vrm::after {
            background: rgb(var(--dark-grey));
            border-radius: 4px;
            bottom: calc(100% + 6px);
            box-shadow: 0 6px 14px rgba(var(--black), 0.14);
            color: rgb(var(--white));
            content: attr(data-tooltip);
            font-size: 10px;
            font-weight: 800;
            left: 50%;
            line-height: 1;
            opacity: 0;
            padding: 5px 6px;
            pointer-events: none;
            position: absolute;
            text-transform: none;
            transform: translate(-50%, 2px);
            transition: opacity 0.12s ease, transform 0.12s ease;
            white-space: nowrap;
            z-index: 5;
          }
          .kanban-card-copy-vrm:hover::after,
          .kanban-card-copy-vrm:focus-visible::after {
            opacity: 1;
            transform: translate(-50%, 0);
          }
          .kanban-card-copy-vrm svg {
            fill: none;
            height: 11px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2;
            width: 11px;
          }
          .kanban-card-copy-vrm .copied-icon,
          .kanban-card-copy-vrm.is-copied .copy-icon {
            display: none;
          }
          .kanban-card-copy-vrm.is-copied .copied-icon {
            display: block;
          }
          .kanban-card dt {
            color: var(--muted);
            font-size: 10px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .kanban-card dd {
            font-size: 12px;
            margin: 0;
            overflow-wrap: anywhere;
          }
          .kanban-card-pills {
            display: none;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 8px;
          }
          .organisation-tracker-modal-context {
            border: 1px solid var(--line);
            border-radius: 8px;
            margin: 0 18px 18px;
            padding: 10px 12px 12px;
          }
          .organisation-tracker-modal-context legend {
            color: var(--accent);
            font-size: 11px;
            font-weight: 900;
            padding: 0 6px;
            text-transform: uppercase;
          }
          .organisation-tracker-context-list {
            display: grid;
            gap: 8px;
          }
          .organisation-tracker-context-row {
            align-items: center;
            display: grid;
            gap: 6px;
            grid-template-columns: minmax(140px, 1.2fr) minmax(160px, 1.4fr) repeat(2, minmax(90px, 0.8fr));
          }
          .organisation-tracker-context-row span {
            color: var(--muted);
            font-size: 12px;
            overflow-wrap: anywhere;
          }
          .organisation-deal-file-row {
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 8px;
            color: inherit;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(180px, 1.4fr) minmax(120px, 1fr) minmax(120px, 0.8fr);
            padding: 10px;
            text-decoration: none;
          }
          .organisation-deal-file-row:hover {
            border-color: rgba(var(--blue), 0.28);
            box-shadow: 0 6px 14px rgba(var(--black), 0.06);
          }
          .organisation-deal-file-row span {
            display: grid;
            gap: 3px;
            min-width: 0;
            overflow-wrap: anywhere;
          }
          .organisation-deal-file-row small,
          .organisation-deal-file-row > span:not(:first-child) {
            color: var(--muted);
            font-size: 12px;
          }
          .deal-modal.is-read-only .comments-panel,
          .deal-modal.is-read-only .timeline-panel {
            display: grid;
            grid-template-columns: 1fr;
          }
          .organisation-readonly-file-list {
            align-content: start;
            gap: 8px;
            min-height: 220px;
          }
          .kanban-pill {
            border-radius: 999px;
            font-size: 11px;
            font-weight: 500;
            line-height: 1;
            padding: 5px 8px;
            text-transform: uppercase;
          }
          .kanban-pill-danger {
            background: rgba(var(--red), 0.14);
            border: 1px solid rgba(var(--red), 0.45);
            color: #8b1e1e;
          }
          .kanban-pill-warn {
            background: rgba(var(--yellow), 0.22);
            border: 1px solid rgba(var(--yellow), 0.55);
            color: rgb(var(--dark-grey));
          }
          .kanban-card-doc-grid {
            display: grid;
            gap: 4px;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            margin: 8px 10px 10px;
          }
          .kanban-card-doc-grid span {
            border: 1px solid var(--line);
            border-radius: 6px;
            font-size: 10px;
            font-weight: 600;
            line-height: 1;
            min-width: 0;
            overflow: hidden;
            padding: 5px 3px;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .kanban-card-doc-grid [data-card-document]:focus-visible {
            outline: 2px solid rgb(var(--blue));
            outline-offset: 2px;
          }
          .document-status-tooltip {
            background: rgb(var(--dark-grey));
            border: 1px solid rgba(var(--white), 0.18);
            border-radius: 8px;
            box-shadow: 0 10px 26px rgba(var(--black), 0.24);
            color: rgb(var(--white));
            display: grid;
            font-size: 11px;
            gap: 9px;
            line-height: 1.35;
            max-width: min(290px, calc(100vw - 24px));
            opacity: 0;
            padding: 9px 10px;
            pointer-events: none;
            position: fixed;
            text-align: left;
            transform: translateY(3px);
            transition: opacity 120ms ease, transform 120ms ease;
            white-space: normal;
            width: max-content;
            z-index: 10000;
          }
          .document-status-tooltip[hidden] {
            display: none;
          }
          .document-status-tooltip.is-visible {
            opacity: 1;
            transform: translateY(0);
          }
          .document-status-tooltip-section {
            display: grid;
            gap: 5px;
          }
          .document-status-tooltip-section + .document-status-tooltip-section {
            border-top: 1px solid rgba(var(--white), 0.2);
            padding-top: 8px;
          }
          .document-status-tooltip-side {
            color: rgba(var(--white), 0.72);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.04em;
            text-transform: uppercase;
          }
          .document-status-tooltip-row {
            display: grid;
            gap: 1px;
          }
          .document-status-tooltip-row strong {
            color: rgb(var(--white));
            font-size: 11px;
          }
          .document-status-tooltip-meta,
          .document-status-tooltip-note {
            color: rgba(var(--white), 0.8);
          }
          @media (hover: hover) and (pointer: fine) {
            .kanban-comment-unread {
              cursor: help;
            }
            .kanban-card-doc-grid [data-card-document] {
              cursor: help;
            }
          }
          .kanban-card-doc-grid .is-complete,
          .files-document-checks .is-complete {
            background: #dff4e7;
            border-color: rgba(var(--green), 0.45);
          }
          .kanban-card-doc-grid .is-broker-reviewed,
          .files-document-checks .is-broker-reviewed {
            background: #fff0c2;
            border-color: #e0b64f;
            color: #594000;
          }
          .kanban-card-doc-grid .is-missing,
          .files-document-checks .is-missing {
            background: #fde3e3;
            border-color: rgba(var(--red), 0.34);
          }
          .collected-card-actions {
            display: none;
            min-height: 22px;
            flex-wrap: wrap;
            gap: 6px;
            justify-content: center;
            margin: 8px 10px 10px;
          }
          .kanban-card[data-kanban-status="collected"] .collected-card-actions {
            display: flex;
          }
          .collected-card-actions[aria-busy="true"],
          .kanban-card[data-collected-transition] > .kanban-card-doc-grid,
          .kanban-card[data-collected-transition] > .collected-card-actions {
            visibility: hidden;
          }
          .collected-card-actions .kanban-pill {
            box-sizing: border-box;
            display: inline-flex;
            align-items: center;
            height: 22px;
            min-height: 22px;
            padding-block: 0;
          }
          .kanban-card[data-kanban-status="collected"] .kanban-card-doc-grid {
            display: none;
          }
          .collected-hide-pill {
            background: rgb(var(--white));
            border-color: var(--control-neutral-border);
            color: var(--control-neutral-text);
            cursor: pointer;
            font-family: inherit;
            line-height: 1;
            padding-inline: 10px;
            text-transform: none;
          }
          .collected-hide-pill:hover {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            color: var(--control-primary-text);
          }
          .kanban-card.is-collected-hidden {
            opacity: 0.66;
          }
          .tracker-confirm-dialog {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 10px;
            box-shadow: 0 20px 60px rgba(var(--black), 0.24);
            max-width: min(460px, calc(100vw - 28px));
            overflow: visible;
            padding: 0;
            width: 460px;
          }
          .tracker-confirm-dialog::backdrop {
            background: rgba(var(--black), 0.46);
          }
          .tracker-confirm-dialog > form {
            margin: 0;
          }
          .tracker-confirm-dialog .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .tracker-confirm-content {
            align-items: start;
            display: grid;
            gap: 14px;
            grid-template-columns: 42px minmax(0, 1fr);
            padding: 22px 66px 20px 20px;
          }
          .tracker-confirm-content .eyebrow,
          .tracker-confirm-content h2,
          .tracker-confirm-content p {
            margin: 0;
          }
          .tracker-confirm-content h2 {
            color: var(--text);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 19px;
            font-weight: 900;
            line-height: 1.2;
            margin-top: 3px;
          }
          .tracker-confirm-content p {
            color: var(--muted);
            line-height: 1.5;
            margin-top: 8px;
          }
          .tracker-confirm-icon {
            align-items: center;
            background: rgb(228, 242, 255);
            border: 1px solid rgb(123, 186, 243);
            border-radius: 50%;
            color: var(--accent);
            display: inline-flex;
            height: 40px;
            justify-content: center;
            width: 40px;
          }
          .tracker-confirm-icon svg {
            fill: none;
            height: 23px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
            width: 23px;
          }
          .tracker-confirm-dialog[data-confirm-tone="danger"] .tracker-confirm-icon {
            background: #FDECEC;
            border-color: #FFB3B3;
            color: #A33A3A;
          }
          .tracker-confirm-details {
            background: rgb(240, 247, 255);
            border: 1px solid rgb(181, 214, 244);
            border-radius: 8px;
            margin: 0 20px 20px 76px;
            padding: 11px;
          }
          .tracker-confirm-member-preview {
            display: grid;
            gap: 9px;
          }
          .tracker-confirm-member-heading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .tracker-confirm-member-heading strong {
            color: var(--text);
            font-size: 12px;
          }
          .tracker-confirm-member-heading span {
            color: var(--muted);
            font-size: 10px;
            font-weight: 800;
          }
          .tracker-confirm-member-list {
            align-content: flex-start;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            max-height: 176px;
            overflow-y: auto;
          }
          .tracker-confirm-member-list .deal-group-member {
            background: rgb(var(--white));
          }
          .tracker-confirm-actions {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            gap: 10px;
            justify-content: flex-end;
            padding: 14px;
          }
          .tracker-confirm-actions button {
            min-width: 118px;
          }
          @media (max-width: 520px) {
            .tracker-confirm-details {
              margin: 0 14px 14px;
            }
          }
          .collected-settings-form {
            display: grid;
            gap: 16px;
            padding: 30px 20px 20px;
          }
          .collected-settings-form.is-loading {
            cursor: progress;
          }
          .collected-settings-form.is-loading fieldset,
          .collected-settings-form.is-loading .collected-show-hidden {
            opacity: 0.72;
          }
          .collected-settings-form fieldset {
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            margin: 0;
            padding: 14px;
          }
          .collected-settings-form legend {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            padding: 0 6px;
            text-transform: uppercase;
          }
          .collected-settings-form fieldset label,
          .collected-show-hidden {
            align-items: center;
            display: flex;
            gap: 8px;
            font-weight: 800;
          }
          .collected-settings-form fieldset label.collected-custom-option {
            align-items: stretch;
            display: grid;
            gap: 10px;
          }
          .collected-settings-form fieldset label.collected-custom-option > span:first-child {
            align-items: center;
            display: flex;
            gap: 8px;
          }
          .collected-settings-form input[type="radio"],
          .collected-settings-form input[type="checkbox"] {
            width: auto;
          }
          .collected-custom-range {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .collected-custom-range span {
            display: grid;
            gap: 6px;
          }
          .collected-custom-range input:disabled {
            background: rgba(var(--light-grey), 0.62);
            color: var(--muted);
            cursor: not-allowed;
            opacity: 0.72;
          }
          .collected-show-hidden {
            align-items: flex-start;
          }
          .collected-show-hidden span {
            display: grid;
            gap: 3px;
          }
          .collected-show-hidden strong {
            color: var(--text);
            line-height: 1.15;
          }
          .collected-show-hidden small {
            color: var(--muted);
            font-size: 12px;
            font-weight: 600;
            line-height: 1.3;
          }
          .cancelled-deal-list {
            display: grid;
            gap: 12px;
          }
          .invoice-queue-list {
            display: grid;
            gap: 12px;
          }
          .invoice-queue-toolbar {
            align-items: center;
            display: flex;
            gap: 14px;
          }
          .queue-toggle-link {
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 13px;
            font-weight: 700;
            line-height: 1;
            padding: 7px 12px;
            text-decoration: none;
          }
          .queue-toggle-link:hover,
          .queue-toggle-link.is-active {
            border-color: var(--accent);
            color: var(--accent);
          }
          .invoice-queue-card {
            background: rgba(var(--yellow), 0.08);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(220px, 0.45fr) minmax(0, 1.35fr) 264px;
            padding: 14px;
          }
          .cancelled-deal-card {
            background: #fffafa;
            border: 1px solid #efdada;
            border-left: 3px solid #c66a6a;
            border-radius: 6px;
            overflow: hidden;
          }
          .invoice-queue-card.is-hidden {
            background: rgba(var(--dark-grey), 0.04);
            opacity: 0.72;
          }
          .invoice-queue-card h3 {
            margin-bottom: 6px;
          }
          .invoice-queue-card p {
            color: var(--muted);
            margin: 0;
          }
          .invoice-queue-actions {
            align-self: center;
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, 128px);
            grid-template-rows: repeat(2, minmax(34px, auto));
            justify-self: end;
          }
          .invoice-queue-actions form {
            margin: 0;
          }
          .cancelled-card-heading {
            align-items: center;
            display: flex;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 12px 8px;
          }
          .cancelled-card-heading > div { min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 14px; }
          .cancelled-card-heading h3 { font-size: 15px; margin: 0; overflow-wrap: anywhere; }
          .cancelled-card-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 3px 12px;
            margin: 0;
            color: var(--muted);
            font-size: 12px;
          }
          .cancelled-card-meta [data-card-vrm] { color: #9c4444; font-weight: 600; }
          .cancelled-card-status {
            flex-shrink: 0;
            border-radius: 999px;
            background: #fbecec;
            color: #a33a3a;
            padding: 3px 8px;
            font-size: 11px;
            font-weight: 600;
          }
          .cancelled-deal-card.is-hidden { background: #fafafa; border-color: #e4dddd; border-left-color: #ba9c9c; }
          .cancelled-deal-card.is-hidden .cancelled-card-status { background: #eee; color: var(--muted); }
          .cancelled-deal-card .cancelled-card-details {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 8px 20px;
            padding: 0 12px 9px;
          }
          .cancelled-card-details > div { min-width: 0; }
          .cancelled-card-details dd { font-size: 14px; overflow-wrap: anywhere; white-space: pre-wrap; }
          .cancelled-card-actor { display: block; color: var(--muted); font-size: 12px; margin-top: 1px; }
          .cancelled-card-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            padding: 7px 12px;
            background: #fff5f5;
            border-top: 1px solid #efdada;
          }
          .cancelled-card-actions form { margin: 0; }
          .cancelled-card-actions .cancelled-card-restore { margin-right: auto; }
          .cancelled-card-actions button {
            border-radius: 7px;
            font-size: 12px;
            font-weight: 500;
            line-height: 1;
            min-height: 32px;
            min-width: 0;
            padding: 7px 10px;
            width: auto;
          }
          .cancelled-card-actions .brand-action-button { font-weight: 600; }
          .cancelled-card-actions .collected-archive-pill {
            border: 1px solid var(--control-neutral-border);
            background: rgb(var(--white));
            color: var(--control-neutral-text);
          }
          .cancelled-card-actions .collected-archive-pill:hover {
            border-color: var(--control-neutral-hover-border);
            background: var(--control-neutral-hover);
            color: var(--control-primary-text);
          }
          .cancelled-card-actions .collected-archive-pill.is-expiring { background: #fff6df; border-color: #eac572; color: #805813; }
          .cancelled-card-actions .kanban-pill-danger {
            border: 1px solid var(--control-danger-border);
            background: rgb(var(--white));
            color: var(--control-danger-text);
          }
          .cancelled-card-actions .kanban-pill-danger:hover {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          @media (max-width: 1000px) {
            .cancelled-deal-card .cancelled-card-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
          }
          @media (max-width: 520px) {
            .cancelled-card-heading { gap: 10px; flex-wrap: wrap; }
            .cancelled-card-heading > div { display: block; }
            .cancelled-card-meta { margin-top: 3px; }
            .cancelled-deal-card .cancelled-card-details { grid-template-columns: 1fr; }
            .cancelled-card-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .cancelled-card-actions .cancelled-card-restore { grid-column: 1 / -1; margin-right: 0; }
            .cancelled-card-actions button { width: 100%; }
          }
          .queue-return-action {
            grid-column: 1;
            grid-row: 1;
          }
          .queue-copy-action {
            grid-column: 2;
            grid-row: 1;
          }
          .queue-hidden-action {
            grid-column: 2;
            grid-row: 2;
          }
          .queue-action-button {
            font-size: 12px;
            line-height: 1.1;
            min-height: 34px;
            padding: 5px 12px;
            width: 100%;
          }
          .invoice-queue-card dl,
          .cancelled-deal-card dl {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin: 0;
          }
          .queue-detail-stack {
            align-content: start;
            display: grid;
            gap: 10px;
          }
          .invoice-queue-card dt,
          .cancelled-deal-card dt {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .invoice-queue-card dd,
          .cancelled-deal-card dd {
            margin: 0;
          }
          .empty-column {
            align-items: center;
            border: 1px dashed var(--line);
            border-radius: 8px;
            display: flex;
            justify-content: center;
            margin: 0;
            min-height: 58px;
            padding: 10px;
            text-align: center;
          }
          .deal-modal {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 14px;
            box-shadow: 0 24px 64px rgba(28, 48, 68, 0.18);
            max-height: min(900px, calc(100vh - 40px));
            max-width: min(980px, calc(100vw - 32px));
            padding: 0;
            position: relative;
            width: 980px;
          }
          .deal-mobile-header-host, .deal-mobile-compact-identity { display: none; }
          .deal-mobile-header-origin { display: contents; }
          .deal-modal::backdrop {
            background: rgba(var(--black), 0.35);
          }
          .collection-prompt-form {
            display: grid;
          }
          .collection-prompt-fields {
            display: grid;
            gap: 12px;
            padding: 12px 16px;
          }
          .deal-modal-header {
            align-items: center;
            background: rgb(var(--white));
            border-bottom: 1px solid var(--line);
            border-radius: 13px 13px 0 0;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 14px 70px 14px 16px;
          }
          .deal-modal[data-card-colour] .deal-modal-header {
            border-bottom: 7px solid transparent;
            background:
              linear-gradient(to bottom, var(--line) 0 1px, var(--deal-card-colour, var(--line)) 1px 6px, var(--line) 6px 7px) bottom / 100% 7px no-repeat border-box,
              rgb(var(--white));
          }
          .deal-modal-header h2 {
            font-size: 18px;
            line-height: 1.25;
            margin: 0;
          }
          .deal-modal-refresh {
            width: 38px;
            height: 38px;
            min-height: 38px;
            flex-shrink: 0;
            z-index: 8;
          }
          .deal-modal:has(.deal-modal-tools) .deal-modal-header { padding-right: 16px; }
          .deal-modal-tools { display: grid; gap: 4px; justify-items: end; min-width: 0; }
          .deal-modal-actions { display: flex; align-items: center; gap: 8px; }
          .deal-modal-tools .modal-close-x { position: static; transform: none; flex-shrink: 0; }
          .deal-modal-refresh-slot { height: 18px; width: 100%; text-align: right; font-size: 12px; line-height: 18px; color: var(--muted); overflow: hidden; }
          .deal-modal-refresh-slot > span { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; }
          .deal-modal-refresh-slot > span[hidden] { display: none; }
          [data-vehicle-refresh-message] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
          .deal-modal-refresh-slot button { display: inline; min-height: 0; line-height: inherit; flex-shrink: 0; border: 0; background: transparent; color: var(--accent); padding: 0; font: inherit; font-weight: 700; cursor: pointer; }
          .deal-modal-refresh-slot button:disabled { color: var(--muted); cursor: wait; }
          .deal-modal-identity {
            display: grid;
            gap: 3px;
            min-width: 0;
          }
          .deal-modal-identity > span {
            color: var(--accent);
            font-size: calc(11px + 1pt);
            font-weight: 900;
            letter-spacing: 0.04em;
            line-height: 1;
            text-transform: uppercase;
          }
          .deal-modal-status {
            background: rgb(255, 246, 214);
            border: 1px solid rgb(231, 188, 47);
            border-radius: 999px;
            color: rgb(117, 83, 0);
            font-size: 11px;
            font-weight: 900;
            line-height: 1;
            padding: 8px 11px;
            text-transform: uppercase;
            white-space: nowrap;
          }
          .deal-modal-status[data-status="pending_arrival"] {
            background: rgb(233, 244, 255);
            border-color: rgb(153, 201, 244);
            color: rgb(15, 94, 166);
          }
          .deal-modal-status[data-collection-booking-active="1"] {
            background: var(--collection-amber-surface);
          }
          .deal-modal-status[data-status="collection_booked"],
          .deal-modal-status[data-status="paid"],
          .deal-modal-status[data-status="collected"] {
            background: rgb(228, 249, 237);
            border-color: rgb(126, 211, 163);
            color: rgb(24, 112, 63);
          }
          .deal-colour-picker {
            position: relative;
          }
          .deal-access-panel {
            color: var(--text);
            display: grid;
            gap: 10px;
            padding: 0;
          }
          .deal-people-panel {
            align-content: start;
            display: block;
            min-height: 0;
            overflow: auto;
          }
          .deal-people-intro {
            align-items: baseline;
            display: flex;
            gap: 10px;
            padding: 0 2px;
          }
          .deal-people-intro strong {
            color: var(--text);
            font-size: 13px;
            white-space: nowrap;
          }
          .deal-people-intro span {
            color: var(--muted);
            font-size: 12px;
          }
          .deal-access-columns {
            align-items: stretch;
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            min-height: 0;
            min-width: 0;
          }
          .deal-people-panel > .deal-access-columns {
            margin-top: 10px;
          }
          .deal-access-side {
            align-content: start;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 0;
            margin: 0;
            min-width: 0;
            padding: 8px 10px 10px;
          }
          .deal-access-side legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            max-width: calc(100% - 10px);
            padding: 0 5px;
            text-transform: uppercase;
            width: auto;
          }
          .deal-access-group {
            align-content: start;
            display: grid;
            gap: 8px;
            margin-top: 0;
            min-width: 0;
            padding: 4px 0 10px;
          }
          .deal-access-group + .deal-access-group {
            border-top: 1px solid var(--line);
            padding-top: 10px;
          }
          .deal-access-group:last-child {
            padding-bottom: 0;
          }
          .deal-access-group-heading {
            align-items: center;
            display: flex;
            gap: 8px;
            justify-content: space-between;
          }
          .deal-access-group-heading strong {
            color: var(--text);
            font-size: 12px;
            font-weight: 800;
          }
          .deal-access-group-heading span {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 11px;
            font-weight: 700;
            line-height: 18px;
            padding: 0 7px;
            white-space: nowrap;
          }
          .deal-access-list {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            overflow: hidden;
          }
          .deal-access-empty {
            color: var(--muted);
            font-size: 12px;
            margin: 0;
            padding: 10px;
          }
          .deal-access-add-form {
            display: grid;
          }
          .deal-access-add-form .joined-add-control {
            background: rgb(var(--white));
          }
          .deal-access-add-form .joined-add-control input {
            min-height: 34px;
          }
          .deal-access-add-form .joined-add-control button {
            min-height: 34px;
            min-width: 76px;
          }
          .deal-access-person {
            align-items: center;
            background: transparent;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 9px;
            grid-template-columns: 34px minmax(0, 1fr) auto;
            min-width: 0;
            padding: 8px 9px;
          }
          .deal-access-person:last-child {
            border-bottom: 0;
          }
          .deal-access-person-avatar {
            align-items: center;
            align-self: start;
            background: rgb(228, 242, 255);
            border: 1px solid rgb(174, 211, 245);
            border-radius: 50%;
            color: var(--accent-dark);
            display: inline-flex;
            font-size: 11px;
            font-weight: 900;
            height: 32px;
            justify-content: center;
            letter-spacing: 0.02em;
            overflow: hidden;
            position: relative;
            width: 32px;
          }
          .deal-access-person-avatar img {
            border-radius: inherit;
            display: block;
            height: 100%;
            inset: 0;
            object-fit: cover;
            position: absolute;
            width: 100%;
          }
          .deal-access-person-details {
            align-content: start;
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .deal-access-person-details strong {
            font-size: 13px;
            line-height: 1.2;
            overflow-wrap: anywhere;
          }
          .deal-access-person-role,
          .deal-access-person-email {
            color: var(--text);
            font-size: 12px;
            line-height: 1.25;
            overflow-wrap: anywhere;
          }
          .deal-access-person-contact {
            align-items: center;
            color: var(--muted);
            display: flex;
            flex-wrap: wrap;
            font-size: 11px;
            gap: 0;
            line-height: 1.3;
            min-width: 0;
          }
          .deal-access-person-contact span {
            overflow-wrap: anywhere;
          }
          .deal-access-person-contact span + span::before {
            color: var(--muted);
            content: "·";
            padding: 0 5px;
          }
          .deal-access-person-meta {
            align-items: flex-end;
            display: flex;
            flex-direction: column;
            gap: 4px;
          }
          .deal-access-person-meta form {
            display: flex;
            margin: 0;
          }
          .deal-access-remove-button {
            font-size: 10px;
            min-width: 62px;
          }
          .deal-group-members-picker { margin-top: 12px; border-top: 1px solid var(--border-color, #d8dde3); padding-top: 10px; min-width: 0; }
          .deal-group-members-picker > summary { display: flex; align-items: center; gap: 6px; color: #0783ee; cursor: pointer; font-weight: 600; font-size: 12px; }
          .deal-group-members-picker form { margin-top: 10px; min-width: 0; }
          .deal-group-members-picker .joined-add-control { display: flex; gap: 6px; flex-wrap: wrap; }
          .deal-group-members-picker select { min-width: 0; flex: 1 1 150px; width: 100%; }
          .deal-group-members-picker button { flex: 0 0 auto; }
          .deal-group-members-picker p { font-size: 11px; line-height: 1.5; color: #777; margin: 8px 0 0; }
          .deal-group-access {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            margin-inline: 0;
            min-width: 0;
            padding: 8px 10px 10px;
          }
          .deal-people-panel > .deal-group-access {
            margin-top: 10px;
          }
          .deal-group-access > legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            max-width: calc(100% - 10px);
            padding: 0 5px;
            text-transform: uppercase;
            width: auto;
          }
          .deal-group-access-heading {
            align-items: center;
            display: flex;
            gap: 14px;
            justify-content: space-between;
          }
          .deal-group-access-heading span {
            color: var(--muted);
            font-size: 12px;
          }
          .deal-group-access-count {
            background: rgb(var(--white));
            border: 1px solid rgb(181, 214, 244);
            border-radius: 999px;
            flex: 0 0 auto;
            font-size: 11px !important;
            font-weight: 800;
            line-height: 22px;
            padding: 0 9px;
            white-space: nowrap;
          }
          .deal-group-access-list {
            display: grid;
            gap: 9px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .deal-group-access-empty {
            color: var(--muted);
            font-size: 12px;
            grid-column: 1 / -1;
            margin: 0;
            padding: 4px 1px;
          }
          .deal-group-access-card {
            align-content: start;
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 9px;
            min-width: 0;
            padding: 10px;
          }
          .deal-group-access-card-topline {
            align-items: center;
            display: grid;
            gap: 8px;
            grid-template-columns: 34px minmax(0, 1fr) auto;
          }
          .deal-group-access-icon {
            align-items: center;
            background: rgb(228, 242, 255);
            border: 1px solid rgb(174, 211, 245);
            border-radius: 50%;
            color: var(--accent-dark);
            display: inline-flex;
            height: 32px;
            justify-content: center;
            width: 32px;
          }
          .deal-group-access-icon svg {
            height: 18px;
            width: 18px;
          }
          .deal-group-access-title {
            display: grid;
            gap: 1px;
            min-width: 0;
          }
          .deal-group-access-title strong {
            color: var(--text);
            font-size: 13px;
            line-height: 1.25;
            overflow-wrap: anywhere;
          }
          .deal-group-access-title span {
            color: var(--muted);
            font-size: 11px;
          }
          .deal-group-your-access {
            background: rgb(229, 248, 237);
            border: 1px solid rgb(145, 213, 173);
            border-radius: 999px;
            color: rgb(25, 111, 62);
            font-size: 10px;
            font-weight: 800;
            line-height: 20px;
            padding: 0 7px;
            white-space: nowrap;
          }
          .deal-group-access-card-actions {
            align-items: flex-end;
            display: flex;
            flex-direction: column;
            gap: 5px;
          }
          .deal-group-access-members {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
          }
          .deal-group-member {
            align-items: center;
            background: rgba(var(--white), 0.72);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--text);
            display: inline-flex;
            font-size: 11px;
            gap: 5px;
            line-height: 24px;
            max-width: 100%;
            overflow: hidden;
            padding: 0 8px 0 3px;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .deal-group-member > span {
            align-items: center;
            background: rgb(220, 237, 252);
            border-radius: 50%;
            color: var(--accent-dark);
            display: inline-flex;
            flex: 0 0 auto;
            font-size: 8px;
            font-weight: 900;
            height: 20px;
            justify-content: center;
            overflow: hidden;
            position: relative;
            width: 20px;
          }
          .deal-group-member-avatar img {
            height: 100%;
            inset: 0;
            object-fit: cover;
            position: absolute;
            width: 100%;
          }
          .deal-group-member small {
            color: var(--muted);
            font-size: 9px;
            font-weight: 700;
          }
          .deal-group-access-card form {
            display: flex;
            justify-content: flex-end;
            margin: 0;
          }
          .deal-group-remove-button {
            flex: 0 0 auto;
          }
          .deal-group-access-add {
            border-top: 1px solid rgb(181, 214, 244);
            display: grid;
            gap: 6px;
            padding-top: 10px;
          }
          .deal-group-access-add > label {
            color: var(--text);
            font-size: 12px;
            font-weight: 800;
          }
          .deal-group-access-add .joined-add-control {
            background: rgb(var(--white));
          }
          .deal-group-access-add select {
            appearance: auto;
            background: rgb(var(--white));
            border: 0;
            border-radius: 0;
            color: var(--text);
            font: inherit;
            min-height: 36px;
            min-width: 0;
            padding: 0 10px;
            width: 100%;
          }
          .deal-group-access-add select:focus {
            outline: 0;
          }
          .deal-group-access-add button {
            min-height: 36px;
            min-width: 104px;
          }
          .deal-group-access-add > p,
          .deal-group-access-no-options {
            color: var(--muted);
            font-size: 11px;
            margin: 0;
          }
          .deal-group-access-no-options {
            align-items: center;
            border-top: 1px solid rgb(181, 214, 244);
            display: flex;
            gap: 8px;
            justify-content: space-between;
            padding-top: 9px;
          }
          .deal-group-access-no-options a {
            color: var(--accent);
            font-weight: 800;
            white-space: nowrap;
          }
          .deal-colour-picker summary {
            align-items: center;
            background: var(--deal-colour-wheel);
            border: 1px solid var(--line);
            border-radius: 50%;
            box-shadow: 0 8px 20px rgba(var(--black), 0.12);
            cursor: pointer;
            display: inline-flex;
            height: 38px;
            justify-content: center;
            list-style: none;
            width: 38px;
          }
          .deal-colour-picker[open] summary,
          .deal-colour-picker summary:hover,
          .deal-colour-picker summary:focus-visible {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(var(--blue), 0.22), 0 8px 20px rgba(var(--black), 0.14);
            outline: none;
          }
          .deal-colour-picker summary::-webkit-details-marker {
            display: none;
          }
          .deal-colour-picker summary span {
            background: var(--current-deal-colour);
            border: 1px solid rgba(var(--dark-grey), 0.24);
            border-radius: 50%;
            box-shadow: 0 0 0 2px rgba(var(--white), 0.92), 0 1px 5px rgba(var(--black), 0.2);
            display: block;
            height: 50%;
            width: 50%;
          }
          .deal-colour-menu {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            box-shadow: 0 12px 26px rgba(var(--black), 0.16);
            display: grid;
            gap: 6px;
            grid-template-columns: repeat(5, 24px);
            left: auto;
            padding: 8px;
            position: absolute;
            right: 0;
            top: calc(100% + 6px);
            z-index: 20;
          }
          .deal-colour-menu button {
            background: var(--swatch-colour);
            border: 1px solid var(--line);
            border-radius: 50%;
            height: 24px;
            min-height: 24px;
            padding: 0;
            width: 24px;
          }
          .deal-colour-menu button.is-selected {
            border-color: var(--accent);
            box-shadow: 0 0 0 2px rgba(var(--blue), 0.22);
          }
          .modal-close-x {
            align-items: center;
            background: var(--accent);
            border: 1px solid rgba(var(--white), 0.55);
            border-radius: 50%;
            color: rgb(var(--white));
            display: inline-flex;
            font-size: 21px;
            font-weight: 700;
            height: 38px;
            justify-content: center;
            line-height: 38px;
            min-height: 38px;
            padding: 0;
            position: sticky;
            right: 14px;
            box-shadow: none;
            top: 14px;
            transform: translateY(14px);
            transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
            width: 38px;
            z-index: 8;
          }
          .modal-close-x:hover {
            background: var(--accent);
            box-shadow: 0 0 0 4px var(--control-circle-halo);
          }
          .deal-modal > .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .deal-detail-fact.is-mot-expiry.is-danger .deal-detail-value { color: var(--control-danger-text); }
          .deal-mobile-section-title, .deal-flow-mobile-label { display: none; }
          .deal-summary-vrm { position: relative; }
          .deal-summary-vrm legend { position: relative; }
          .deal-summary-vrm legend .deal-detail-copy-button { position: absolute; left: calc(100% + 2px); top: 50%; transform: translateY(-50%); background: var(--surface-panel); }
          .deal-modal-overview, .deal-details-overview-slot { display: block; }
          .deal-modal-summary {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            padding: 12px 16px;
          }
          .deal-summary-field,
          .deal-flow {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 10px;
          }
          .deal-summary-field {
            line-height: 1.3;
            margin: 0;
            min-width: 0;
            padding: 7px 10px 8px;
          }
          .deal-summary-field legend {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            padding: 0 4px;
            text-transform: uppercase;
          }
          .deal-summary-vrm {
            min-width: 0;
          }
          .deal-summary-vrm-display {
            align-items: center;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
            justify-content: space-between;
            min-width: 0;
            min-height: 24px;
          }
          .deal-summary-vrm-display[hidden] {
            display: none;
          }
          .deal-summary-vrm-display > span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .deal-summary-icon-button {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 50%;
            color: var(--control-neutral-text);
            display: inline-flex;
            flex: 0 0 auto;
            height: 24px;
            justify-content: center;
            min-height: 24px;
            padding: 0;
            width: 24px;
            border-color: var(--control-neutral-border);
          }
          .deal-summary-icon-button:hover,
          .deal-summary-icon-button:focus-visible {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            color: var(--control-primary-text);
            box-shadow: none;
          }
          .deal-summary-cancel-button:hover,
          .deal-summary-cancel-button:focus-visible {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          .deal-summary-icon-button svg {
            height: 13px;
            width: 13px;
          }
          .deal-vrm-form {
            align-items: center;
            display: grid;
            gap: 6px;
            grid-template-columns: minmax(0, 1fr) auto auto;
            margin-top: 0;
          }
          .deal-odometer-form {
            grid-template-columns: minmax(82px, 1fr) minmax(90px, max-content);
            grid-template-rows: auto auto;
          }
          .deal-odometer-form input[name="vehicle_odometer"] {
            grid-column: 1;
            grid-row: 1;
            min-width: 82px;
          }
          .deal-odometer-form select[name="vehicle_odometer_units"] {
            grid-column: 2;
            grid-row: 1;
            min-width: 90px;
            width: auto;
          }
          .deal-odometer-actions {
            align-items: center;
            display: inline-flex;
            gap: 5px;
            grid-column: 1 / -1;
            grid-row: 2;
            justify-content: flex-end;
          }
          .deal-vrm-form[hidden] {
            display: none;
          }
          .deal-vrm-form input,
          .deal-vrm-form select {
            min-height: 32px;
            padding: 6px 9px;
            font-size: 13px;
            line-height: 1.5;
          }
          .deal-vrm-form .deal-summary-icon-button {
            height: 28px;
            min-height: 28px;
            width: 28px;
          }
          .deal-vrm-form .deal-summary-icon-button svg {
            height: 15px;
            width: 15px;
          }
          .deal-flow {
            position: relative; box-sizing: border-box; min-height: 44px; cursor: pointer;
            min-width: 0;
            margin: 0 16px 12px;
            text-align: center;
          }
          .deal-flow-open {
            appearance: none; display: grid; grid-template-columns: minmax(0, 1fr) 16px; align-items: center; gap: 8px;
            width: 100%; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: inherit;
            background: transparent; color: var(--text); font: inherit; text-align: inherit; cursor: pointer;
          }
          .deal-flow-open > svg { width: 16px; height: 16px; color: var(--muted); }
          .deal-flow-content { min-width: 0; }
          .deal-flow:is(:hover, :active) { background: var(--surface-outer); }
          .deal-flow-open:is(:hover, :active) { background: transparent; color: var(--text); }
          .deal-flow-open:focus-visible { outline: none; }
          .deal-flow:has(.deal-flow-open:focus-visible) { outline: 2px solid var(--control-focus); outline-offset: 2px; }
          .deal-flow strong {
            font-weight: 900;
          }
          .deal-modal-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            padding: 0 16px 16px;
          }
          .deal-detail-tabs,
          .document-panel {
            background: var(--surface-panel);
          }
          .finance-panel,
          .collection-panel,
          .documents-panel,
          .files-panel,
          .deal-mot-panel,
          .location-panel,
          .timeline-panel,
          .comments-panel {
            background: var(--surface-outer);
          }
          .comments-compose-column {
            align-content: start;
            display: grid;
            gap: 10px;
            height: 100%;
            min-width: 0;
            overflow-y: auto;
            padding-right: 3px;
          }
          .collection-booking-workflow {
            min-width: 0;
          }
          .collection-booking-request-button {
            align-items: center;
            color: #765400;
            display: flex;
            justify-content: center;
            width: 100%;
          }
          .collection-booking-request-button svg,
          .collection-booking-request-icon svg {
            fill: none;
            height: 18px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
            width: 21px;
          }
          .collection-booking-form {
            display: grid;
            gap: 12px;
            margin-top: 16px;
          }
          .collection-booking-form label {
            display: grid;
            gap: 5px;
            font-size: 12px;
            font-weight: 800;
          }
          .comments-panel .collection-booking-form textarea {
            min-height: 72px;
            resize: vertical;
          }
          .collection-booking-no-candidates {
            font-size: 11px;
            margin: 0;
          }
          .collection-booking-request-card {
            background: var(--collection-amber-surface);
            border: 1px solid #d8aa35;
            border-radius: 8px;
            box-shadow: 0 5px 14px rgba(68, 47, 0, 0.08);
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .collection-booking-request-heading {
            align-items: center;
            color: #684b00;
            display: flex;
            gap: 9px;
          }
          .collection-booking-request-heading > span:last-child {
            display: grid;
            gap: 2px;
          }
          .collection-booking-request-heading small {
            color: #765f24;
            font-size: 11px;
          }
          .collection-booking-request-icon {
            align-items: center;
            background: #fff;
            border: 1px solid #e0bd62;
            border-radius: 999px;
            display: inline-flex;
            flex: 0 0 34px;
            height: 34px;
            justify-content: center;
          }
          .collection-booking-request-note {
            background: rgba(255, 255, 255, 0.62);
            border-left: 3px solid #d8aa35;
            border-radius: 4px;
            color: #4f431f;
            font-size: 12px;
            line-height: 1.4;
            margin: 0;
            padding: 8px 9px;
          }
          .collection-booking-request-meta {
            color: #765f24;
            font-size: 10px;
            line-height: 1.35;
            margin: 0;
          }
          .collection-booking-request-actions {
            display: grid;
            gap: 8px;
            grid-template-columns: 1fr;
          }
          .collection-booking-cancel-button {
            background: transparent;
            border: 0;
            box-shadow: none;
            color: #765f24;
            font-size: 11px;
            min-height: auto;
            padding: 2px;
            text-decoration: underline;
            width: auto;
          }
          button.collection-booking-cancel-button:hover,
          button.collection-booking-cancel-button:focus-visible {
            background: transparent;
            color: #765f24;
          }
          .deal-detail-tabs,
          .document-panel,
          .finance-panel,
          .collection-panel,
          .documents-panel,
          .files-panel,
          .deal-mot-panel,
          .location-panel,
          .timeline-panel,
          .comments-panel {
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .document-panel {
            display: grid;
            gap: 0;
            margin: 0;
            padding: 5px 12px 6px;
          }
          .document-check-row {
            align-items: center;
            border-top: 1px solid var(--line);
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
            min-height: 42px;
            padding: 5px 0;
          }
          .document-check-row:first-of-type {
            border-top: 0;
          }
          .documents-panel {
            align-content: start;
            background: transparent;
            border: 0;
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            padding: 0;
          }
          .deal-detail-tabs {
            display: grid;
            gap: 10px;
            grid-column: 1 / -1;
          }
          .document-panel legend {
            align-items: baseline;
            color: var(--accent);
            display: flex;
            font-size: 12px;
            font-weight: 900;
            gap: 10px;
            justify-content: space-between;
            letter-spacing: 0.015em;
            padding: 0 5px;
            text-transform: uppercase;
            max-width: calc(100% - 10px);
            width: auto;
          }
          .documents-panel-intro {
            align-items: baseline;
            display: flex;
            gap: 10px;
            grid-column: 1 / -1;
            padding: 0 2px;
          }
          .documents-panel-intro strong {
            color: var(--text);
            font-size: 13px;
            white-space: nowrap;
          }
          .documents-panel-intro span {
            color: var(--muted);
            font-size: 12px;
          }
          .document-check {
            margin: 0;
          }
          .document-check-confirmation {
            align-items: center;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
            min-height: 21px;
          }
          .document-check-confirmation [data-document-label] {
            font-size: 13px;
            font-weight: 650;
            min-width: 0;
          }
          .document-readonly-status {
            border: 1px solid var(--line);
            border-radius: 999px;
            box-sizing: border-box;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            min-width: 72px;
            padding: 5px 8px;
            text-align: center;
            white-space: nowrap;
          }
          .document-readonly-status.is-confirmed {
            background: #dff4e7;
            border-color: rgba(var(--green), 0.45);
            color: #17633a;
          }
          .document-readonly-status.is-empty,
          .broker-document-status.is-empty {
            visibility: hidden;
          }
          .broker-document-check {
            margin: 0;
          }
          .broker-document-readonly {
            align-items: center;
            display: flex;
            justify-content: flex-end;
            min-width: 0;
            width: 108px;
          }
          .broker-document-status {
            border: 1px solid var(--line);
            border-radius: 999px;
            box-sizing: border-box;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            padding: 5px 8px;
            text-align: center;
            white-space: nowrap;
            width: 100%;
          }
          .broker-document-status.is-reviewed {
            background: #fff0c2;
            border-color: #e0b64f;
            color: #594000;
          }
          .document-check label,
          .broker-document-check label {
            align-items: center;
            color: var(--text);
            display: flex;
            flex-direction: row;
            gap: 5px;
            min-height: 21px;
          }
          .document-check label {
            font-size: 13px;
            font-weight: 650;
          }
          .broker-document-check label {
            color: var(--muted);
            font-size: 12px;
            justify-content: flex-end;
            min-width: 0;
            white-space: nowrap;
          }
          .broker-document-check span {
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .document-check input[type="checkbox"]:disabled { accent-color: var(--muted); opacity: .6; cursor: not-allowed; }
          .document-check input,
          .broker-document-check input {
            min-height: auto;
            margin: 0;
            width: auto;
          }
          .comments-panel {
            align-items: start;
            background: transparent;
            border: 0;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(250px, 0.34fr) minmax(0, 1fr);
            min-height: 0;
            overflow: hidden;
            padding: 0;
          }
          .timeline-panel {
            background: transparent;
            border: 0;
            display: grid;
            height: 100%;
            min-height: 0;
            padding: 0;
          }
          .deal-mot-panel {
            background: transparent;
            border: 0;
            display: grid;
            min-height: 0;
            overflow: hidden;
            padding: 0;
          }
          .deal-mot-panel [data-deal-mot-result] {
            display: grid;
            min-height: 0;
            overflow: auto;
          }
          .deal-mot-result {
            align-content: start;
            display: grid;
            gap: 10px;
            min-width: 0;
          }
          .tab-loading-panel,
          .deal-mot-empty {
            align-content: center;
            align-self: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 5px;
            justify-self: center;
            margin: 0;
            min-height: 140px;
            padding: 20px;
            text-align: center;
            width: min(440px, 100%);
          }
          .tab-loading-panel strong,
          .deal-mot-empty strong {
            font-size: 15px;
          }
          .tab-loading-panel p,
          .deal-mot-empty p {
            color: var(--muted);
            font-size: 13px;
            margin: 0;
          }
          .tab-loading-panel {
            align-self: start;
            grid-column: 1 / -1;
            min-width: 0;
            min-height: 90px;
            margin-inline: auto;
            margin-block: 12px;
            padding: 14px 18px;
            width: min(360px, 100%);
            border-color: rgba(var(--blue), 0.36);
          }
          .deal-mot-empty.is-error {
            background: #fff4f4;
            border-color: rgba(var(--red), 0.34);
          }
          .deal-mot-section {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            margin: 0;
            min-width: 0;
            padding: 7px 10px 10px;
          }
          .deal-mot-section > legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            max-width: calc(100% - 10px);
            padding: 0 5px;
            text-transform: uppercase;
            width: auto;
          }
          .deal-mot-summary-grid {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .deal-mot-summary-grid > div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            align-content: start;
            gap: 4px;
            min-height: 58px;
            padding: 8px 10px;
          }
          .deal-mot-summary-grid > .is-danger {
            background: #fde3e3;
            border-color: rgba(var(--red), 0.34);
          }
          .deal-mot-summary-grid > .is-warning {
            background: #fff0c2;
            border-color: #e0b64f;
          }
          .deal-mot-summary-grid > .is-positive,
          .deal-mot-summary-grid > .is-pass {
            background: #dff4e7;
            border-color: rgba(var(--green), 0.45);
          }
          .deal-mot-summary-grid > .is-fail {
            background: #fde3e3;
            border-color: rgba(var(--red), 0.34);
          }
          .deal-mot-summary-grid span {
            color: var(--muted);
            font-size: 11px;
            line-height: 1.3;
            font-weight: 900;
            text-transform: uppercase;
          }
          .deal-mot-summary-grid strong {
            font-size: 14px;
            line-height: 1.3;
            overflow-wrap: anywhere;
          }
          .deal-mot-summary-grid small { color:var(--muted); font-size:11px; line-height:1.3; font-weight:500; text-transform:none; }
          .deal-mot-summary-grid > .is-danger small { color:rgb(var(--red)); }
          .deal-mot-summary-grid > .is-danger strong,
          .deal-mot-summary-grid > .is-fail strong {
            color: rgb(var(--red));
          }
          .deal-mot-history-heading {
            align-items: center;
            color: var(--muted);
            display: flex;
            font-size: 11px;
            font-weight: 800;
            justify-content: space-between;
            padding: 0 2px 8px;
          }
          .deal-mot-history-empty {
            margin: 10px 2px;
          }
          .deal-mot-table-wrap {
            background: transparent;
            border: 0;
            border-radius: 0;
            min-width: 0;
            overflow: auto;
          }
          .deal-mot-table {
            border-collapse: collapse;
            min-width: 720px;
            width: 100%;
          }
          .deal-mot-table th,
          .deal-mot-table td {
            border-bottom: 1px solid var(--line);
            padding: 8px 10px;
            text-align: left;
            vertical-align: middle;
          }
          .deal-mot-table th {
            background: var(--surface-inner);
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .deal-mot-table td {
            font-size: 13px;
          }
          .deal-mot-table tr:last-child td {
            border-bottom: 0;
          }
          .deal-mot-result-pill {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            box-sizing: border-box;
            color: var(--muted);
            display: inline-block;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            min-width: 58px;
            padding: 5px 8px;
            text-align: center;
            white-space: nowrap;
          }
          .deal-mot-result-pill.is-pass {
            background: #dff4e7;
            border-color: rgba(var(--green), 0.45);
            color: #17633a;
          }
          .deal-mot-result-pill.is-fail {
            background: #fde3e3;
            border-color: rgba(var(--red), 0.34);
            color: #7c2525;
          }
          .deal-detail-tab-list {
            align-items: center;
            display: flex;
            flex-wrap: nowrap;
            gap: 8px;
            min-width: 0;
            overflow-x: auto;
            overscroll-behavior-x: contain;
            padding: 4px 28px 6px 2px;
            scrollbar-width: none;
            scroll-snap-type: x proximity;
            -webkit-overflow-scrolling: touch;
          }
          .deal-detail-tab-list.has-scrollable-tabs {
            cursor: grab;
          }
          .deal-detail-tab-list.is-pointer-scrolling {
            cursor: grabbing;
            scroll-snap-type: none;
            user-select: none;
          }
          .deal-detail-tab-list::-webkit-scrollbar {
            display: none;
          }
          .deal-detail-tab-toolbar {
            align-items: center;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto;
            position: relative;
          }
          .deal-detail-tab-toolbar::before,
          .deal-detail-tab-toolbar::after {
            content: "";
            height: 100%;
            pointer-events: none;
            position: absolute;
            top: 0;
            opacity: 0;
            transition: opacity 140ms ease;
            width: 24px;
            z-index: 2;
          }
          .deal-detail-tab-toolbar.can-scroll-tabs-left::before,
          .deal-detail-tab-toolbar.can-scroll-tabs-right::after {
            opacity: 1;
          }
          .deal-detail-tab-toolbar::before {
            background: linear-gradient(90deg, var(--surface-panel), rgba(var(--white), 0));
            left: 0;
          }
          .deal-detail-tab-toolbar::after {
            background: linear-gradient(270deg, var(--surface-panel), rgba(var(--white), 0));
            right: 0;
          }
          .deal-detail-tab-toolbar.has-tab-colour-action::after {
            right: 44px;
          }
          .deal-detail-colour-action {
            align-items: center;
            display: inline-flex;
            justify-content: flex-end;
          }
          .document-check label {
            font-weight: 650;
            justify-content: flex-start;
          }
          .broker-document-check label {
            color: var(--muted);
            font-size: 12px;
          }
          .deal-detail-colour-action .deal-colour-picker summary {
            box-shadow: none;
          }
          .deal-detail-colour-action .deal-colour-picker[open] summary,
          .deal-detail-colour-action .deal-colour-picker summary:hover,
          .deal-detail-colour-action .deal-colour-picker summary:focus-visible {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(var(--blue), 0.18);
            outline: none;
          }
          .deal-detail-tab {
            align-items: center;
            box-sizing: border-box;
            display: inline-flex;
            flex: 0 0 auto;
            gap: 6px;
            min-height: 36px;
            min-width: max-content;
            overflow: visible;
            scroll-snap-align: start;
            white-space: nowrap;
            width: max-content;
          }
          .deal-detail-tab > svg { width:20px; height:20px; flex:none; }
          .deal-detail-tab-unread {
            align-items: center;
            background: var(--accent);
            border-radius: 999px;
            color: rgb(var(--white));
            display: inline-flex;
            font-size: 10px;
            font-weight: 900;
            justify-content: center;
            line-height: 1;
            min-height: 18px;
            min-width: 18px;
            padding: 2px 5px;
          }
          .deal-detail-tab[hidden],
          .deal-detail-tab-unread[hidden] {
            display: none;
          }
          .deal-detail-tab[data-detail-tab="documents"] {
            display: inline-flex;
          }
          .deal-detail-tab.is-active {
            border-color: var(--accent);
            box-shadow: 0 0 0 1px var(--accent);
            color: var(--control-primary-text);
            background: rgb(var(--white));
          }
          .deal-detail-tab-panels {
            display: grid;
            height: 380px;
            min-height: 380px;
          }
          .deal-detail-panel {
            display: grid;
            height: 380px;
            min-height: 380px;
            min-width: 0;
          }
          .deal-detail-panel[hidden] {
            display: none;
          }
          .deal-detail-panel > section {
            height: 100%;
            min-height: 380px;
            min-width: 0;
          }
          .deal-detail-panel > .deal-people-panel {
            min-height: 0;
          }
          .deal-details-panel {
            align-content: start;
            display: grid;
            gap: 10px;
          }
          .deal-details-intro {
            align-items: baseline;
            display: flex;
            gap: 10px;
            padding: 0 2px;
          }
          .deal-details-intro strong {
            color: var(--text);
            font-size: 13px;
            white-space: nowrap;
          }
          .deal-details-intro span {
            color: var(--muted);
            font-size: 12px;
          }
          .deal-details-layout {
            align-items: stretch;
            display: grid;
            gap: 10px;
            grid-template-columns: 1fr;
          }
          .deal-detail-group {
            align-content: start;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            margin: 0;
            min-width: 0;
            padding: 8px 10px 10px;
          }
          .deal-detail-group > legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            max-width: calc(100% - 10px);
            padding: 0 5px;
            text-transform: uppercase;
            width: auto;
          }
          .deal-details-grid {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin: 0;
          }
          .deal-detail-group.is-record .deal-details-grid {
            grid-template-columns: 1fr;
          }
          .deal-record-actions {
            border-top: 1px solid var(--line);
            padding-top: 10px;
          }
          .deal-record-actions .deal-record-cancel {
            align-items: center;
            border-color: var(--control-danger-border);
            color: var(--control-danger-text);
            display: inline-flex;
            gap: 6px;
          }
          .deal-record-actions .deal-record-cancel:hover {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          .deal-record-cancel svg { height: 16px; width: 16px; }
          .deal-detail-group.is-vehicle-information .deal-detail-fact { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; min-height: 0; padding: 7px 0; }
          .deal-detail-fact {
            align-content: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            min-height: 58px;
            min-width: 0;
            padding: 8px 10px;
          }
          .deal-detail-group.is-vehicle-information .deal-detail-tab-shortcut {
            appearance: none; box-sizing: border-box; width: 100%; margin: 0; min-height: 44px;
            grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center;
            color: var(--text); font: inherit; text-align: left; cursor: pointer;
          }
          .deal-detail-tab-shortcut-content { display: grid; gap: 4px; min-width: 0; }
          .deal-detail-tab-shortcut > svg { color: var(--muted); width: 16px; height: 16px; }
          .deal-detail-group.is-vehicle-information .deal-detail-tab-shortcut:is(:hover, :active) { background: var(--surface-outer); }
          .deal-detail-tab-shortcut:focus-visible { outline: 2px solid var(--control-focus); outline-offset: 2px; }
          .deal-detail-tab-shortcut-hint { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
          .deal-detail-fact.is-featured {
            grid-column: 1 / -1;
          }
          .deal-detail-label {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .deal-detail-value {
            font-size: 14px;
            font-weight: 700;
            line-height: 1.3;
            margin: 0;
            overflow-wrap: anywhere;
          }
          .deal-detail-value-row {
            align-items: center;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
            min-width: 0;
          }
          .deal-detail-fact.is-featured .deal-detail-value {
            font-size: 16px;
          }
          .deal-detail-fact.is-identifier .deal-detail-value {
            font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
            font-size: 14px;
            letter-spacing: 0.02em;
          }
          .deal-detail-copy-button {
            align-items: center;
            appearance: none;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--control-neutral-text);
            cursor: pointer;
            display: inline-flex;
            height: 28px;
            justify-content: center;
            min-height: 28px;
            min-width: 28px;
            padding: 0;
            position: relative;
            transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
            width: 28px;
            border-color: var(--control-neutral-border);
          }
          .deal-detail-copy-button:hover,
          .deal-detail-copy-button:focus-visible {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            box-shadow: none;
            color: var(--control-primary-text);
          }
          .deal-detail-copy-button.is-copied {
            background: rgba(var(--green), 0.1);
            border-color: rgba(var(--green), 0.38);
            color: rgb(var(--green));
          }
          .deal-detail-copy-button::after {
            background: rgb(var(--dark-grey));
            border-radius: 4px;
            bottom: calc(100% + 6px);
            box-shadow: 0 6px 14px rgba(var(--black), 0.14);
            color: rgb(var(--white));
            content: attr(data-tooltip);
            font-family: Montserrat, Arial, sans-serif;
            font-size: 10px;
            font-weight: 800;
            left: 50%;
            line-height: 1;
            opacity: 0;
            padding: 5px 6px;
            pointer-events: none;
            position: absolute;
            text-transform: none;
            transform: translate(-50%, 2px);
            transition: opacity 0.12s ease, transform 0.12s ease;
            white-space: nowrap;
            z-index: 5;
          }
          .deal-detail-copy-button:hover::after,
          .deal-detail-copy-button:focus-visible::after {
            opacity: 1;
            transform: translate(-50%, 0);
          }
          .deal-detail-copy-button svg {
            fill: none;
            height: 14px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2;
            width: 14px;
          }
          .deal-detail-copy-button .copied-icon,
          .deal-detail-copy-button.is-copied .copy-icon {
            display: none;
          }
          .deal-detail-copy-button.is-copied .copied-icon {
            display: block;
          }
          .collection-form {
            align-content: start;
            display: grid;
            gap: 12px;
            justify-self: center;
            max-width: 760px;
            width: min(100%, 760px);
          }
          .deal-detail-panel > .collection-panel {
            height: auto;
            min-height: 0;
          }
          .collection-date-field {
            max-width: 240px;
            width: 100%;
          }
          .collection-group-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .collection-field-group {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            margin: 0;
            min-width: 0;
            padding: 12px;
          }
          .collection-field-group legend {
            color: var(--muted);
            font-size: 13px;
            font-weight: 800;
            padding: 0 4px;
          }
          .collection-actions {
            display: flex;
            justify-content: flex-end;
          }
          .files-panel {
            align-content: start;
            background: transparent;
            border: 0;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr);
            padding: 0;
          }
          .files-panel-intro {
            align-items: baseline;
            display: flex;
            gap: 10px;
            grid-column: 1 / -1;
            padding: 0 2px;
          }
          .files-panel-intro strong {
            color: var(--text);
            font-size: 13px;
            white-space: nowrap;
          }
          .files-panel-intro span {
            color: var(--muted);
            font-size: 12px;
          }
          .files-section {
            align-content: start;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            margin: 0;
            min-width: 0;
            padding: 8px 10px 10px;
          }
          .files-section legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            max-width: calc(100% - 10px);
            padding: 0 5px;
            text-transform: uppercase;
            width: auto;
          }
          .files-library-section {
            min-height: 250px;
          }
          .deal-file-grid {
            align-content: start;
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            max-height: min(390px, 48vh);
            min-height: 0;
            overflow-y: auto;
            padding: 0 2px 0 0;
          }
          .finance-panel h3,
          .files-panel h3,
          .collection-panel h3,
          .location-panel h3 {
            line-height: 1;
            margin: 0;
          }
          .location-panel {
            align-content: stretch;
            background: transparent;
            border: 0;
            display: grid;
            gap: 10px;
            min-height: 0;
            overflow: hidden;
            padding: 0;
          }
          .location-panel-intro {
            align-items: baseline;
            display: flex;
            gap: 10px;
            padding: 0 2px;
          }
          .location-panel-intro strong {
            color: var(--text);
            font-size: 13px;
            white-space: nowrap;
          }
          .location-panel-intro span {
            color: var(--muted);
            font-size: 12px;
          }
          .vehicle-location-layout {
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(220px, 0.7fr) minmax(260px, 0.9fr) minmax(0, 1.1fr);
            height: 100%;
            min-height: 260px;
          }
          .deal-party-location-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            height: 100%;
            min-height: 0;
            overflow: visible;
          }
          .deal-party-location-column {
            align-content: start;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-rows: minmax(0, 1fr) auto;
            margin: 0;
            min-height: 0;
            min-width: 0;
            padding: 8px 10px 10px;
          }
          .deal-party-location-column > legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            max-width: calc(100% - 10px);
            padding: 0 5px;
            text-transform: uppercase;
            width: auto;
          }
          .deal-party-location-column.is-read-only {
            grid-template-rows: minmax(0, 1fr);
          }
          .deal-party-location-controls {
            align-content: start;
            border-top: 1px solid var(--line);
            display: grid;
            min-height: 0;
            padding-top: 10px;
          }
          .deal-party-location-form,
          .deal-party-location-empty-row {
            align-items: end;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .deal-party-location-form label {
            display: grid;
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            gap: 5px;
            min-width: 0;
          }
          .deal-party-location-form [data-saved-location-picker][hidden],
          .deal-party-location-form [data-empty-saved-locations][hidden] {
            display: none;
          }
          .deal-party-location-empty-row p {
            margin: 0;
          }
          .deal-route-panel {
            align-content: stretch;
            display: grid;
            gap: 10px;
            grid-template-rows: auto auto minmax(260px, 1fr) auto;
            height: 100%;
            min-height: 0;
          }
          .deal-route-intro {
            align-items: center;
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 0 2px;
          }
          .deal-route-intro > div {
            align-items: baseline;
            display: flex;
            gap: 10px;
            min-width: 0;
          }
          .deal-route-intro strong {
            color: var(--text);
            font-size: 13px;
            white-space: nowrap;
          }
          .deal-route-intro span {
            color: var(--muted);
            font-size: 12px;
          }
          .deal-route-open-map {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--accent);
            display: inline-flex;
            flex: 0 0 auto;
            font-size: 12px;
            font-weight: 800;
            gap: 5px;
            min-height: 32px;
            padding: 5px 9px;
            text-decoration: none;
          }
          .deal-route-open-map:hover,
          .deal-route-open-map:focus-visible {
            background: rgb(231, 243, 255);
            border-color: var(--accent);
            color: var(--accent-dark);
            outline: none;
          }
          .deal-route-summary {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) auto;
            padding: 10px 12px;
          }
          .deal-route-endpoint {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .deal-route-endpoint span,
          .deal-route-metrics span {
            color: var(--accent);
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 0.03em;
            text-transform: uppercase;
          }
          .deal-route-endpoint strong {
            font-size: 13px;
            line-height: 1.3;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .deal-route-direction {
            fill: none;
            height: 16px;
            stroke: var(--accent);
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.5;
            width: 32px;
          }
          .deal-route-metrics {
            border-left: 1px solid var(--line);
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(68px, auto));
            padding-left: 12px;
          }
          .deal-route-metrics > div {
            display: grid;
            gap: 2px;
          }
          .deal-route-metrics strong {
            font-size: 13px;
            white-space: nowrap;
          }
          .deal-route-map-card {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            min-height: 0;
            overflow: hidden;
            padding: 0;
            position: relative;
          }
          .deal-route-map-state {
            align-items: center;
            color: var(--muted);
            display: flex;
            gap: 12px;
            inset: 0;
            justify-content: center;
            padding: 24px;
            position: absolute;
            text-align: left;
          }
          .deal-route-map-state svg {
            fill: none;
            flex: 0 0 auto;
            height: 30px;
            stroke: var(--accent);
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.6;
            width: 30px;
          }
          .deal-route-map-state > .tab-loading-panel {
            align-self: center;
            display: grid;
            gap: 5px;
            margin-block: 0;
            max-width: 360px;
          }
          .deal-route-map-state strong {
            color: var(--text);
            font-size: 15px;
          }
          .deal-route-map-state span {
            font-size: 12px;
            line-height: 1.4;
          }
          .deal-route-panel iframe {
            background: var(--surface-inner);
            border: 0;
            height: 100%;
            min-height: 0;
            width: 100%;
          }
          .deal-route-status {
            color: var(--muted);
            font-size: 12px;
            margin: 0;
            padding: 0 2px;
          }
          .deal-route-panel[data-route-state="error"] .deal-route-status {
            color: rgb(var(--red));
          }
          .deal-route-open-map[hidden],
          .deal-route-map-state[hidden],
          .deal-route-panel iframe[hidden],
          .deal-route-status[hidden] {
            display: none;
          }
          .delivery-quote-form [data-delivery-new-request][hidden] { display: none; }
          .delivery-quote-panel {
            align-content: start;
            display: grid;
            gap: 10px;
            min-height: 0;
            overflow: auto;
            padding: 0 2px 2px;
          }
          .delivery-quote-panel h3,
          .delivery-quote-panel h4,
          .delivery-quote-panel p {
            margin: 0;
          }
          .delivery-quote-workspace {
            align-content: start;
            display: grid;
            gap: 14px;
            min-height: 0;
          }
          .delivery-panel-intro {
            align-items: baseline;
            display: flex;
            flex-wrap: wrap;
            gap: 4px 10px;
          }
          .delivery-panel-intro strong {
            color: var(--text);
            font-size: 13px;
          }
          .delivery-panel-intro span {
            color: var(--muted);
            font-size: 12px;
          }
          .delivery-company-section {
            align-content: start;
            display: grid;
            gap: 10px;
            min-width: 0;
          }
          .delivery-journey-route {
            align-items: center;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
            min-width: 0;
          }
          .delivery-journey-route > div {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .delivery-journey-route span,
          .delivery-journey-meta small {
            color: var(--accent);
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 0.03em;
            text-transform: uppercase;
          }
          .delivery-journey-route svg {
            fill: none;
            height: 20px;
            stroke: rgba(var(--blue), 0.7);
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.7;
            width: 32px;
          }
          .delivery-journey-meta > span.is-danger {
            border-color: rgba(var(--red), 0.45);
          }
          .delivery-journey-meta strong {
            color: var(--text);
            font-size: 11px;
            white-space: nowrap;
          }
          .delivery-journey-meta > span.is-danger strong {
            color: rgb(var(--red));
          }
          .delivery-request-open {
            font-size: 13px;
            min-height: 36px;
            padding: 7px 12px;
            white-space: nowrap;
          }
          .delivery-request-card {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 10px 12px 12px;
          }
          .delivery-quote-outer-pane {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 12px;
          }
          .delivery-quote-heading,
          .delivery-quote-heading > div,
          .delivery-request-list-heading > div {
            display: grid;
            gap: 1px;
          }
          .delivery-quote-heading span,
          .delivery-request-list-heading span {
            color: var(--accent);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.03em;
            text-transform: uppercase;
          }
          .delivery-quote-heading strong,
          .delivery-request-list-heading strong {
            color: var(--text);
            font-size: 16px;
          }
          .delivery-quote-heading p,
          .delivery-request-list-heading p {
            color: var(--muted);
            font-size: 11px;
            line-height: 1.35;
            max-width: 500px;
            text-align: right;
          }
          .delivery-quote-pane-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(6, minmax(0, 1fr));
          }
          .delivery-quote-pane-grid .legend-pane {
            gap: 8px;
          }
          .delivery-quote-panel .legend-pane {
            background: rgb(var(--white));
            border-color: var(--line);
            border-radius: 8px;
          }
          .delivery-quote-panel .legend-pane > legend {
            color: var(--accent);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.02em;
            text-transform: uppercase;
          }
          .delivery-address-pane {
            background: var(--surface-inner) !important;
            grid-column: span 3;
            min-height: 132px;
            padding: 10px 12px 12px;
          }
          .delivery-movement-option,
          .delivery-mot-expiry-pane,
          .delivery-route-summary-pane {
            background: var(--surface-inner) !important;
            grid-column: span 2;
            min-height: 74px;
            padding: 9px 10px 10px;
          }
          .delivery-address-pane strong {
            color: var(--text);
            font-size: 13px;
            line-height: 1.35;
            overflow-wrap: anywhere;
          }
          .delivery-movement-option select {
            width: 100%;
          }
          .delivery-mot-expiry-pane,
          .delivery-route-summary-pane {
            align-content: start;
          }
          .delivery-mot-expiry-pane strong,
          .delivery-route-summary-pane strong {
            font-size: 16px;
            min-height: 40px;
            display: flex;
            align-items: center;
            overflow-wrap: anywhere;
          }
          .delivery-mot-expiry-pane.is-danger {
            background: #ffe7e7 !important;
            border-color: #ff8f8f;
          }
          .delivery-mot-expiry-pane.is-danger strong {
            color: rgb(var(--red));
          }
          .delivery-supplier-group > span,
          .delivery-request-card header span,
          .delivery-message-card header span {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .delivery-supplier-fields,
          .delivery-quote-form-grid {
            display: grid;
            align-items: start;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .delivery-supplier-fields {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .delivery-supplier-fields textarea {
            grid-column: 1 / -1;
            min-height: 72px;
          }
          .delivery-quote-form-grid label:last-child {
            grid-column: 1 / -1;
          }
          .delivery-date-option {
            align-items: end;
            display: grid;
            gap: 8px 12px;
            grid-template-columns: minmax(180px, 260px) auto;
            justify-content: start;
            margin-top: 8px;
          }
          .delivery-date-option input[type="date"] {
            width: 100%;
          }
          .delivery-supplier-form input,
          .delivery-supplier-form textarea,
          .delivery-quote-form input,
          .delivery-quote-form select,
          .delivery-quote-form textarea {
            width: 100%;
          }
          .delivery-quote-check {
            align-items: center;
            display: flex;
            gap: 6px;
            min-height: 40px;
            padding-top: 0;
          }
          .delivery-quote-check input {
            width: auto;
          }
          .delivery-quote-outer-pane .delivery-supplier-picker {
            display: grid;
            gap: 8px;
            padding: 10px 12px 12px;
          }
          .delivery-message-grid {
            align-items: stretch;
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .delivery-quote-options {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
          }
          .delivery-quote-options > summary {
            align-items: center;
            cursor: pointer;
            display: flex;
            gap: 8px;
            list-style: none;
            min-height: 44px;
            padding: 8px 12px;
          }
          .delivery-quote-options > summary::-webkit-details-marker {
            display: none;
          }
          .delivery-quote-options > summary::after {
            color: var(--accent);
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
            font-size: 20px;
            font-weight: 800;
            line-height: 1;
            margin-left: auto;
          }
          .delivery-quote-options[open] > summary::after {
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
          }
          .delivery-quote-options > summary:hover {
            background: rgba(var(--blue), 0.05);
          }
          .delivery-quote-options > summary span {
            color: var(--text);
            font-size: 12px;
            font-weight: 800;
          }
          .delivery-quote-options > summary small {
            color: var(--muted);
            font-size: 10px;
          }
          .delivery-quote-options-body {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 10px;
            padding: 10px;
          }
          .delivery-message-pane,
          .delivery-colleague-pane {
            min-width: 0;
            padding: 10px 12px 12px;
          }
          .delivery-message-pane textarea {
            min-height: 104px;
            resize: vertical;
          }
          .delivery-colleague-list {
            display: grid;
            gap: 6px;
          }
          .delivery-colleague-row {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 6px;
            cursor: pointer;
            display: grid;
            gap: 8px;
            grid-template-columns: 18px minmax(0, 1fr);
            height: 52px;
            padding: 6px 8px;
            transition: background 140ms ease, border-color 140ms ease;
          }
          .delivery-colleague-row:hover {
            background: rgba(var(--blue), 0.1);
            border-color: rgba(var(--blue), 0.35);
          }
          .delivery-colleague-row input {
            width: auto;
          }
          .delivery-colleague-row span {
            display: grid;
            gap: 1px;
            min-width: 0;
          }
          .delivery-colleague-row strong,
          .delivery-colleague-row small {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .delivery-colleague-row small {
            color: var(--muted);
          }
          .delivery-attachment-pane {
            display: grid;
            gap: 8px;
            min-width: 0;
            padding: 10px 12px 12px;
          }
          .delivery-attachment-summary {
            min-height: 22px;
          }
          .delivery-attachment-summary ul {
            display: grid;
            gap: 2px;
            list-style: none;
            margin: 0;
            padding: 0;
          }
          .delivery-attachment-summary li {
            color: var(--ink);
            font-size: 12px;
            line-height: 1.25;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .delivery-attachment-summary li span,
          .delivery-attachment-help {
            color: var(--muted);
          }
          .delivery-attachment-open {
            justify-self: start;
          }
          .delivery-attachment-help {
            display: block;
            font-size: 11px;
            line-height: 1.3;
            margin-top: 2px;
          }
          .delivery-attachment-dialog {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 18px 55px rgba(var(--black), 0.24);
            color: var(--ink);
            margin: auto;
            max-height: min(760px, calc(100dvh - 32px));
            max-width: min(860px, calc(100vw - 32px));
            overflow: auto;
            padding: 22px;
            width: 860px;
          }
          .delivery-attachment-dialog::backdrop {
            background: rgba(var(--black), 0.45);
          }
          .delivery-attachment-dialog > .modal-close-x {
            position: absolute;
            right: 12px;
            top: 12px;
            transform: none;
          }
          .delivery-attachment-dialog-header {
            display: grid;
            gap: 4px;
            padding-right: 44px;
          }
          .delivery-attachment-dialog-header h4,
          .delivery-attachment-dialog-header p {
            margin: 0;
          }
          .delivery-attachment-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
            margin-top: 16px;
          }
          .delivery-attachment-tile {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            cursor: pointer;
            display: grid;
            gap: 6px;
            min-width: 0;
            padding: 8px;
            position: relative;
            transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
          }
          .delivery-attachment-tile:hover {
            border-color: rgba(var(--blue), 0.35);
            box-shadow: 0 6px 14px rgba(var(--black), 0.08);
          }
          .delivery-attachment-tile.is-disabled {
            cursor: not-allowed;
            opacity: 0.58;
          }
          .delivery-attachment-tile input {
            opacity: 0;
            pointer-events: none;
            position: absolute;
          }
          .delivery-attachment-preview {
            align-items: center;
            aspect-ratio: 1;
            background: rgba(var(--dark-grey), 0.05);
            border-radius: 6px;
            display: grid;
            justify-items: center;
            overflow: hidden;
            position: relative;
            width: 100%;
          }
          .delivery-attachment-preview img {
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
          .delivery-attachment-preview > span:not(.delivery-attachment-check) {
            color: var(--muted);
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
          }
          .delivery-attachment-check {
            align-items: center;
            background: rgb(var(--green));
            border: 2px solid rgb(var(--white));
            border-radius: 50%;
            box-shadow: 0 8px 20px rgba(var(--black), 0.22);
            color: rgb(var(--white));
            display: grid;
            height: 36px;
            justify-items: center;
            left: 50%;
            opacity: 0;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%) scale(0.82);
            transition: opacity 0.15s ease, transform 0.15s ease;
            width: 36px;
          }
          .delivery-attachment-check svg {
            height: 22px;
            width: 22px;
          }
          .delivery-attachment-tile input:checked + .delivery-attachment-preview .delivery-attachment-check {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
          }
          .delivery-attachment-tile input:checked + .delivery-attachment-preview {
            outline: 3px solid rgba(var(--green), 0.55);
            outline-offset: -3px;
          }
          .delivery-attachment-tile-label,
          .delivery-attachment-tile small {
            min-width: 0;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .delivery-attachment-tile-label {
            color: var(--muted);
            font-size: 11px;
          }
          .delivery-attachment-tile small {
            color: var(--muted);
            font-size: 10px;
          }
          .delivery-attachment-dialog-actions {
            display: flex;
            justify-content: flex-end;
            margin-top: 16px;
          }
          .delivery-supplier-toolbar {
            align-items: center;
            display: flex;
            gap: 8px;
            min-width: 0;
          }
          .delivery-supplier-search {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 7px;
            display: flex;
            flex: 1 1 280px;
            gap: 7px;
            max-width: 390px;
            min-width: 180px;
            padding: 0 10px;
          }
          .delivery-supplier-search svg {
            fill: none;
            flex: 0 0 17px;
            height: 17px;
            stroke: var(--muted);
            stroke-linecap: round;
            stroke-width: 2;
            width: 17px;
          }
          .delivery-supplier-search input {
            background: transparent;
            border: 0;
            box-shadow: none;
            min-height: 36px;
            min-width: 0;
            padding: 0;
            width: 100%;
          }
          .delivery-supplier-search input:focus {
            box-shadow: none;
            outline: 0;
          }
          .delivery-supplier-selection {
            color: var(--muted);
            font-size: 11px;
            margin-left: auto;
            white-space: nowrap;
          }
          .delivery-supplier-add {
            align-items: center;
            display: inline-flex;
            flex: 0 0 auto;
            gap: 6px;
            min-height: 36px;
          }
          .delivery-supplier-add svg {
            fill: none;
            height: 15px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-width: 2;
            width: 15px;
          }
          .delivery-supplier-picker-list {
            display: grid;
            gap: 6px;
            max-height: min(32vh, 300px);
            min-width: 0;
            overflow-y: auto;
            padding-right: 4px;
            scrollbar-gutter: stable;
          }
          .delivery-supplier-no-results {
            margin: 12px 4px;
          }
          .delivery-supplier-row[hidden],
          .delivery-supplier-group[hidden],
          .delivery-supplier-no-results[hidden] {
            display: none;
          }
          .delivery-supplier-dialog {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 18px 55px rgba(var(--black), 0.24);
            color: var(--ink);
            margin: auto;
            max-width: min(560px, calc(100vw - 32px));
            padding: 22px;
            width: 560px;
          }
          .delivery-supplier-dialog::backdrop {
            background: rgba(var(--black), 0.45);
          }
          .delivery-supplier-dialog > .modal-close-x {
            position: absolute;
            right: 12px;
            top: 12px;
            transform: none;
          }
          .delivery-supplier-dialog-header {
            display: grid;
            gap: 4px;
            padding-right: 44px;
          }
          .delivery-supplier-dialog-header h4,
          .delivery-supplier-dialog-header p {
            margin: 0;
          }
          .delivery-supplier-form {
            display: grid;
            gap: 12px;
            margin-top: 16px;
          }
          .delivery-supplier-dialog-actions {
            display: flex;
            gap: 8px;
            justify-content: flex-end;
          }
          .delivery-supplier-group {
            display: grid;
            gap: 6px;
          }
          .delivery-supplier-row {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 6px;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
            min-height: 48px;
            padding: 5px 8px;
            transition: background 140ms ease, border-color 140ms ease;
          }
          .delivery-supplier-row:hover {
            background: rgba(var(--blue), 0.06);
            border-color: rgba(var(--blue), 0.35);
          }
          .delivery-supplier-row:has(input[name="supplier_ids"]:checked) {
            background: var(--surface-inner);
            border-color: rgba(var(--blue), 0.45);
          }
          .delivery-supplier-select {
            align-items: center;
            cursor: pointer;
            display: grid;
            gap: 2px 10px;
            grid-template-columns: 22px minmax(110px, 0.9fr) minmax(150px, 1.2fr) minmax(110px, 0.75fr);
            min-width: 0;
          }
          .delivery-supplier-select input {
            grid-column: 1;
            grid-row: 1 / span 2;
            height: 18px;
            width: 18px;
          }
          .delivery-supplier-edit-button {
            align-self: center;
          }
          .delivery-supplier-company,
          .delivery-supplier-email,
          .delivery-supplier-phone,
          .delivery-supplier-notes {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .delivery-supplier-company {
            grid-column: 2;
            grid-row: 1;
            white-space: nowrap;
          }
          .delivery-supplier-email {
            grid-column: 3;
            grid-row: 1;
          }
          .delivery-supplier-phone {
            grid-column: 4;
            grid-row: 1;
          }
          .delivery-supplier-group small {
            color: var(--muted);
            white-space: nowrap;
          }
          .delivery-supplier-notes {
            grid-column: 2 / -1;
            grid-row: 2;
            line-height: 1.2;
            white-space: nowrap;
          }
          .delivery-thread-list {
            display: grid;
            gap: 0;
          }
          .delivery-thread-list > .delivery-request-list-heading {
            align-items: baseline;
            padding: 8px 0 9px;
          }
          .delivery-thread-list > .delivery-request-list-heading strong {
            font-size: 14px;
          }
          .delivery-thread-list.is-empty {
            align-content: start;
          }
          .delivery-request-empty {
            align-items: center;
            background: transparent;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 10px;
            grid-template-columns: auto minmax(0, 1fr);
            min-height: 92px;
            padding: 14px 4px;
          }
          .delivery-request-empty svg {
            fill: none;
            height: 30px;
            stroke: var(--accent);
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.7;
            width: 30px;
          }
          .delivery-request-empty > div {
            display: grid;
            gap: 2px;
          }
          .delivery-request-empty strong {
            color: var(--text);
            font-size: 13px;
          }
          .delivery-request-empty p {
            color: var(--muted);
            font-size: 11px;
          }
          .delivery-conversation-groups {
            display: grid;
            gap: 8px;
            padding-top: 6px;
          }
          .delivery-conversation-row:hover,
          .delivery-conversation-row:focus-visible {
            background: rgba(var(--blue), 0.055);
            color: inherit;
            outline: none;
          }
          .delivery-conversation-row:focus-visible {
            box-shadow: inset 3px 0 0 var(--accent);
          }
          .delivery-request-summary,
          .delivery-thread-card header,
          .delivery-message-card header {
            align-items: center;
            display: flex;
            justify-content: space-between;
            gap: 8px;
          }
          .delivery-request-summary {
            flex-wrap: wrap;
          }
          .delivery-request-summary span,
          .delivery-thread-card p,
          .delivery-message-card p {
            color: var(--muted);
            font-size: 12px;
          }
          .delivery-message-attachments {
            display: grid;
            gap: 4px;
          }
          .delivery-message-attachments a,
          .delivery-message-attachments span {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.3;
          }
          .delivery-message-attachments a {
            text-decoration: underline;
            text-underline-offset: 2px;
          }
          .delivery-thread-card-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .delivery-thread-card {
            align-content: start;
            appearance: none;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: inherit;
            cursor: pointer;
            display: grid;
            gap: 8px;
            font: inherit;
            justify-items: stretch;
            min-width: 0;
            padding: 10px;
            text-align: left;
            transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
            width: 100%;
          }
          .delivery-thread-card:hover,
          .delivery-thread-card:focus-visible {
            background: rgba(var(--blue), 0.1);
            border-color: rgba(var(--blue), 0.42);
            box-shadow: 0 4px 10px rgba(var(--black), 0.06);
            outline: none;
          }
          .delivery-thread-card header span {
            background: rgba(var(--blue), 0.08);
            border: 1px solid rgba(var(--blue), 0.18);
            border-radius: 999px;
            color: var(--muted);
            font-size: 10px;
            font-weight: 800;
            padding: 3px 7px;
            text-transform: capitalize;
          }
          .delivery-thread-card header span[data-conversation-status="replied"] {
            background: rgb(232, 249, 239);
            border-color: rgba(var(--green), 0.45);
            color: rgb(30, 129, 68);
          }
          .delivery-thread-card header span[data-conversation-status="awaiting-reply"] {
            background: #fff3d2;
            border-color: #e5b43b;
            color: #765600;
          }
          .delivery-thread-card header span[data-conversation-status="needs-attention"] {
            background: rgb(255, 244, 244);
            border-color: rgba(var(--red), 0.45);
            color: rgb(176, 42, 42);
          }
          .delivery-thread-card p {
            margin: 0;
          }
          .delivery-thread-card footer {
            align-items: center;
            border-top: 1px solid var(--line);
            color: var(--muted);
            display: flex;
            font-size: 10px;
            gap: 8px;
            justify-content: space-between;
            padding-top: 7px;
          }
          .delivery-thread-dialog {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 10px;
            box-shadow: 0 18px 55px rgba(var(--black), 0.24);
            color: var(--text);
            margin: auto;
            max-height: calc(100dvh - 32px);
            max-width: min(760px, calc(100vw - 32px));
            overflow: auto;
            padding: 18px;
            width: 760px;
          }
          .delivery-thread-dialog[open] { display: grid; gap: 14px; align-content: start; }
          .delivery-thread-dialog::backdrop { background: rgba(var(--black), 0.45); }
          .delivery-thread-dialog > .modal-close-x { position: absolute; right: 12px; top: 12px; transform: none; }
          .delivery-thread-dialog-header { display: grid; gap: 4px; padding-right: 44px; min-width: 0; }
          .delivery-thread-dialog-header h4 { font-size: 20px; margin: 0; overflow-wrap: anywhere; }
          .delivery-thread-dialog-header p { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
          .delivery-thread-eyebrow { color: var(--accent); font-size: 10px; font-weight: 800; text-transform: uppercase; }
          .delivery-thread-status { justify-self: start; border-radius: 999px; background: rgba(var(--blue), 0.06); color: var(--muted); font-size: 10px; font-weight: 700; padding: 3px 8px; }
          .delivery-thread-status[data-delivery-thread-status="awaiting-reply"] { background: #fff6d8; color: #8a6500; }
          .delivery-thread-status[data-delivery-thread-status="replied"] { background: rgba(var(--green), 0.12); color: rgb(30, 129, 68); }
          .delivery-thread-status[data-delivery-thread-status="needs-attention"] { background: rgba(var(--red), 0.07); color: rgb(176, 42, 42); }
          .delivery-thread-request { background: rgba(var(--blue), 0.06); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 5px; padding: 10px; min-width: 0; font-size: 12px; }
          .delivery-thread-request > span { color: var(--muted); }
          .delivery-thread-request summary, .delivery-email-details summary { color: var(--accent); cursor: pointer; padding: 4px 0; font-size: 12px; }
          .delivery-thread-dialog-messages { display: grid; gap: 10px; min-width: 0; }
          .delivery-thread-messages-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
          .delivery-thread-messages-heading > strong { font-size: 14px; }
          .delivery-thread-messages-heading > small { font-size: 11px; color: var(--muted); }
          .delivery-email-list { display: grid; gap: 6px; max-height: min(30dvh, 220px); overflow: auto; padding: 1px; }
          .delivery-email-list-row {
            align-items: start;
            appearance: none;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 7px;
            color: var(--text);
            cursor: pointer;
            display: grid;
            font: inherit;
            gap: 3px 10px;
            grid-template-areas: "sender time" "preview preview";
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 8px 10px;
            text-align: left;
            width: 100%;
            min-width: 0;
          }
          .delivery-email-list-row:hover, .delivery-email-list-row:focus-visible { background: rgba(var(--blue), 0.05); }
          .delivery-email-list-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
          .delivery-email-list-row[aria-selected="true"] { background: rgba(var(--blue), 0.06); box-shadow: inset 3px 0 0 var(--accent); }
          .delivery-email-list-sender { font-size: 12px; font-weight: 700; grid-area: sender; min-width: 0; overflow-wrap: anywhere; }
          .delivery-email-list-preview { color: var(--muted); font-size: 11px; font-weight: 400; grid-area: preview; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
          .delivery-email-list-row time { color: var(--muted); font-size: 10px; font-weight: 400; grid-area: time; white-space: nowrap; }
          .delivery-email-viewer { border-top: 1px solid var(--line); min-width: 0; }
          .delivery-message-card { display: grid; align-content: start; gap: 12px; min-width: 0; padding-top: 12px; }
          .delivery-message-card[hidden] { display: none; }
          .delivery-message-card header { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; }
          .delivery-message-card header strong { font-size: 13px; }
          .delivery-message-card header time { color: var(--muted); font-size: 10.5px; }
          .delivery-message-card p { color: var(--text); font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }
          .delivery-email-details { border-top: 1px solid var(--line); padding-top: 8px; min-width: 0; }
          .delivery-email-details-grid { display: grid; gap: 5px 10px; grid-template-columns: auto minmax(0, 1fr); margin: 8px 0 12px; font-size: 11px; }
          .delivery-email-details-grid dt { color: var(--muted); }
          .delivery-email-details-grid dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
          .delivery-full-message-label { display: block; font-size: 12px; padding-bottom: 6px; }
          .delivery-thread-footer { border-top: 1px solid var(--line); padding-top: 10px; display: flex; justify-content: end; }

          .delivery-quote-panel .form-error {
            color: var(--danger);
            font-size: 12px;
            font-weight: 800;
          }
          .delivery-form-status {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            margin: 0;
          }
          .delivery-quote-actions {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            gap: 12px;
            justify-content: space-between;
            min-height: 48px;
            padding-top: 10px;
          }
          .delivery-quote-actions > div {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .delivery-quote-actions > button {
            flex: 0 0 auto;
          }
          .vehicle-location-card,
          .vehicle-location-form,
          .location-map-placeholder {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            align-content: start;
            min-width: 0;
            padding: 10px;
          }
          .vehicle-location-form {
            gap: 8px;
          }
          .vehicle-location-form button {
            justify-self: end;
          }
          .vehicle-location-card span,
          .location-map-placeholder span {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .vehicle-w3w-link {
            color: var(--accent);
            font-size: 20px;
            font-weight: 900;
            overflow-wrap: anywhere;
            text-decoration: none;
          }
          .vehicle-w3w-link:hover {
            text-decoration: underline;
          }
          .vehicle-location-card strong,
          .location-map-placeholder strong {
            overflow-wrap: anywhere;
          }
          .vehicle-location-card p,
          .vehicle-location-card small {
            margin: 0;
          }
          .deal-party-location-card {
            background: var(--surface-inner);
            border-color: var(--line);
            gap: 9px;
            min-height: 0;
            overflow: auto;
            padding: 12px;
          }
          .deal-party-location-card.is-empty {
            align-content: center;
            align-items: center;
            background: var(--surface-inner);
            border-color: var(--line);
            color: var(--muted);
            grid-template-columns: auto minmax(0, 1fr);
            justify-content: start;
            min-height: 150px;
          }
          .deal-party-location-card.is-empty div {
            display: grid;
            gap: 3px;
          }
          .deal-party-location-card.is-empty strong {
            color: var(--text);
            font-size: 14px;
          }
          .deal-party-location-card.is-empty p {
            font-size: 12px;
          }
          .deal-party-location-empty-icon {
            fill: none;
            height: 28px;
            stroke: var(--accent);
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
            width: 28px;
          }
          .deal-party-location-card-heading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
            min-width: 0;
          }
          .deal-party-location-card-heading strong {
            font-size: 15px;
            min-width: 0;
            overflow-wrap: anywhere;
          }
          .deal-party-location-card .deal-party-location-type {
            background: rgba(var(--blue), 0.09);
            border: 1px solid rgba(var(--blue), 0.22);
            border-radius: 999px;
            color: var(--accent);
            flex: 0 0 auto;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            padding: 5px 7px;
            text-transform: uppercase;
          }
          .deal-party-location-address {
            display: grid;
            font-style: normal;
            gap: 2px;
          }
          .deal-party-location-address span {
            color: var(--text);
            font-size: 13px;
            font-weight: 500;
            text-transform: none;
          }
          .deal-party-location-no-address {
            color: var(--muted);
            font-size: 12px;
          }
          .deal-party-location-w3w {
            align-items: center;
            color: var(--accent);
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            gap: 5px;
            justify-self: start;
            overflow-wrap: anywhere;
            text-decoration: none;
          }
          .deal-party-location-w3w:hover,
          .deal-party-location-w3w:focus-visible {
            text-decoration: underline;
          }
          .deal-party-location-notes {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 7px;
            font-size: 12px;
            line-height: 1.4;
            padding: 7px 8px;
          }
          .deal-party-location-card .deal-party-location-meta {
            border-top: 1px solid var(--line);
            color: var(--muted);
            font-size: 10px;
            line-height: 1.35;
            padding-top: 8px;
          }
          .vehicle-location-card small {
            color: var(--muted);
            font-size: 12px;
          }
          .location-map-placeholder {
            align-content: center;
            background: linear-gradient(135deg, rgba(var(--blue), 0.035), rgba(var(--green), 0.055));
            justify-items: center;
            text-align: center;
          }
          .collection-panel-empty {
            background: var(--surface-outer);
          }
          .finance-panel form {
            align-content: start;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            margin: 0;
            min-width: 0;
            padding: 10px;
          }

          .delivery-journey-card {
            display: grid;
            align-items: center;
            background: rgba(var(--blue), 0.06);
            border: 1px solid var(--line);
            border-radius: 8px;
            grid-template-columns: minmax(0, 1fr);
            gap: 10px;
            padding: 12px;
          }
          .delivery-journey-route strong { color: var(--text); font-size: 13px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
          .delivery-journey-route small { color: var(--muted); font-size: 11px; }
          .delivery-full-addresses { min-width: 0; font-size: 11px; }
          .delivery-full-addresses summary, .delivery-previous-requests summary { color: var(--accent); cursor: pointer; padding: 4px 0; }
          .delivery-full-addresses p { padding-top: 6px; overflow-wrap: anywhere; }
          .delivery-journey-meta { display: flex; gap: 10px; flex-wrap: wrap; }
          .delivery-journey-meta > span { display: grid; gap: 2px; border-left: 0; padding: 0 12px 0 0; }
          .delivery-request-list-heading { display: flex; justify-content: space-between; gap: 10px; flex-direction: row; align-items: center; }
          .delivery-request-list-heading > strong { font-size: 13px; }
          .delivery-request-list-heading > small { color: var(--muted); font-size: 11px; }
          .delivery-conversation-row {
            display: grid;
            appearance: none;
            align-items: center;
            color: var(--text);
            cursor: pointer;
            font: inherit;
            text-align: left;
            width: 100%;
            background: rgba(var(--blue), 0.025);
            border: 1px solid var(--line);
            border-left: 3px solid var(--accent);
            border-radius: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 6px 10px;
            padding: 12px;
            min-width: 0;
          }
          .delivery-conversation-row:hover,
          .delivery-conversation-row:focus-visible { background: rgba(var(--blue), 0.055); }
          .delivery-conversation-row:last-child { border-bottom: 1px solid var(--line); }
          .delivery-conversation-sender, .delivery-conversation-row-meta { display: contents; }
          .delivery-conversation-sender strong { color: var(--text); font-size: 12px; font-weight: 700; grid-column: 1; grid-row: 1; white-space: normal; overflow-wrap: anywhere; }
          .delivery-conversation-sender small { color: var(--muted); font-size: 10px; font-weight: 400; grid-column: 1; grid-row: 3; }
          .delivery-conversation-row-meta > span { font-size: 9px; font-weight: 700; border-radius: 999px; padding: 2px 6px; grid-column: 2; grid-row: 1; justify-self: end; align-self: start; background: rgba(var(--blue), 0.06); }
          .delivery-conversation-row-meta > span[data-conversation-status="awaiting-reply"] { color: #8a6500; background: #fff6d8; }
          .delivery-conversation-row-meta > span[data-conversation-status="needs-attention"] { color: rgb(176, 42, 42); background: rgba(var(--red), 0.07); }
          .delivery-conversation-row-meta time { color: var(--muted); font-size: 10px; font-weight: 400; grid-column: 2; grid-row: 3; text-align: right; }
          .delivery-conversation-preview { display: grid; min-width: 0; grid-column: 1 / -1; grid-row: 2; gap: 6px; }
          .delivery-conversation-preview > span { color: var(--muted); font-size: 11px; font-weight: 400; white-space: normal; overflow-wrap: anywhere; }
          .delivery-conversation-window { font-size: 10px; }
          .delivery-conversation-row-meta > span[data-conversation-status="replied"] { color: rgb(30, 129, 68); }
          .delivery-previous-requests { font-size: 12px; }

          .file-preview-thumb.is-content-blocked { background:#fbf0f2; border-color:#f1d4dc; color:#b33a54; cursor:default; }
          .file-blocked-disc { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#f6e0e5; }
          .file-blocked-disc .tb-icon { width:24px; height:24px; }
          .file-content-explanation { grid-column:1/-1; font-size:11px; line-height:1.4; margin:4px 0 0; color:var(--muted); white-space:normal; }
          .file-content-retry { grid-column:1/-1; justify-self:start; font-size:11px; padding:4px 8px; min-height:30px; }
          .file-preview[data-content-state="blocked"] .file-preview-status,.file-preview[data-content-state="unsupported"] .file-preview-status,.file-preview[data-content-state="uncheckable"] .file-preview-status { color:#b33a54; }
          .file-preview[data-content-state="ready"] .file-preview-status { color:#17654e; }
          .file-preview[data-content-state="failed"] .file-preview-status { color:#835509; }
          .file-preview[data-content-state="waiting"] .file-preview-status { color:var(--accent); }
          .file-preview-retry { font-size:10px; line-height:1.2; min-height:24px; padding:3px 5px; white-space:normal; }
          .file-upload-form {
            display: contents;
          }
          .vehicle-file-library-divider {
            align-items: center;
            color: var(--muted);
            display: flex;
            font-size: 10px;
            font-weight: 800;
            gap: 10px;
            grid-column: 1 / -1;
            letter-spacing: 0.035em;
            margin: 7px 0 1px;
            text-transform: uppercase;
          }
          .vehicle-file-library-divider::before,
          .vehicle-file-library-divider::after {
            border-top: 1px solid var(--line);
            content: "";
            flex: 1 1 auto;
          }
          .files-panel h3 {
            grid-column: 1 / -1;
          }
          .file-add-card {
            display: grid;
            gap: 6px;
            min-width: 0;
            position: relative;
          }
          .file-upload-queue {
            display: contents;
          }
          .file-paste-status {
            grid-column: 1 / -1;
            margin: 0;
            font-size: 12px;
          }
          .file-drop-zone {
            align-content: center;
            background: rgba(var(--blue), 0.035);
            border: 2px dotted var(--accent);
            border-radius: 8px;
            color: var(--text);
            cursor: pointer;
            display: grid;
            gap: 2px;
            justify-items: center;
            min-height: 78px;
            padding: 6px 10px;
            text-align: center;
            width: 100%;
          }
          .file-drop-zone:hover,
          .file-drop-zone:focus-visible,
          .file-drop-zone.drag-over {
            background: rgba(var(--blue), 0.08);
            border-color: rgba(var(--blue), 0.42);
            color: var(--text);
          }
          .file-drop-zone:focus-visible {
            outline: 2px solid rgba(var(--blue), 0.5);
            outline-offset: 2px;
          }
          .file-picker-input {
            height: 1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            width: 1px;
          }
          .file-drop-zone strong {
            font-size: 12px;
          }
          .file-drop-zone > span:not(.file-drop-plus) {
            color: var(--muted);
            font-size: 10px;
          }
          .file-drop-plus {
            color: var(--accent);
            font-size: 26px;
            font-weight: 500;
            line-height: 0.8;
          }
          .file-camera-button {
            display: none;
          }
          .file-camera-button svg {
            fill: none;
            height: 16px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
            width: 16px;
          }
          /* Keep the native legend above the aligned 78px card border without clipping it. */
          .deal-file-grid:has(> .file-upload-form) {
            padding-top: 7px;
          }
          .file-upload-zone {
            align-content: center;
            cursor: default;
            justify-items: stretch;
            background: rgba(var(--blue), 0.035);
            border: 2px dashed var(--accent);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            margin: -7px 0 0;
            min-width: 0;
            min-height: 85px;
            padding: 4px 8px 5px;
            position: relative;
            text-align: center;
            width: 100%;
          }
          .file-upload-zone.drag-over {
            background: rgba(var(--blue), 0.1);
          }
          .file-upload-zone > .file-upload-title {
            color: var(--accent);
            font-size: 12px;
            font-weight: 700;
            line-height: 14px;
            padding: 0 5px;
            text-align: left;
            text-transform: none;
          }
          .file-upload-actions {
            display: flex;
            gap: 6px;
            justify-content: center;
          }
          .file-upload-action {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid rgba(var(--blue), 0.25);
            border-radius: 6px;
            color: var(--accent);
            display: inline-flex;
            flex: 1 1 0;
            flex-direction: row;
            font-size: 12px;
            font-weight: 700;
            gap: 8px;
            justify-content: center;
            line-height: 14px;
            max-width: 130px;
            min-height: 44px;
            min-width: 0;
            padding: 3px 6px;
          }
          .file-upload-action:hover,
          .file-upload-action:focus-visible {
            background: rgba(var(--blue), 0.08);
            color: var(--accent);
            border-color: var(--accent);
          }
          .file-upload-action:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
          }
          .file-upload-action svg {
            fill: none;
            height: 18px;
            width: 18px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
          }
          .file-paste-hint {
            color: var(--muted);
            font-size: 10px;
            line-height: 12px;
          }
          .file-upload-camera {
            display: none;
          }
          .file-preview-list {
            display: contents;
          }
          .file-preview-list[hidden],
          .file-upload-error[hidden],
          .file-upload-progress[hidden],
          .file-add-card[hidden],
          .file-upload-queue[hidden],
          .file-upload-queue > button[hidden] {
            display: none;
          }
          .file-upload-progress {
            display: grid;
            gap: 6px;
            grid-column: 1 / -1;
          }
          .file-upload-progress > span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 700;
          }
          .file-upload-progress-track {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 999px;
            height: 10px;
            overflow: hidden;
          }
          .file-upload-progress-bar {
            background: rgb(var(--blue));
            height: 100%;
            transition: width 140ms ease;
            width: 0%;
          }
          .file-preview {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 5px 8px;
            grid-template-areas:
              "thumb name name"
              "thumb category status";
            grid-template-columns: 64px minmax(0, 1fr) auto;
            min-height: 78px;
            min-width: 0;
            padding: 6px;
            position: relative;
          }
          .file-preview-thumb {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--muted);
            display: inline-flex;
            font-size: 11px;
            font-weight: 800;
            grid-area: thumb;
            height: 64px;
            justify-content: center;
            overflow: hidden;
            padding: 0;
            width: 64px;
          }
          .file-preview-thumb:hover,
          .file-preview-thumb:focus-visible {
            background: rgba(var(--blue), 0.08);
            border-color: var(--accent);
            color: var(--accent);
          }
          .file-preview-thumb:focus-visible {
            box-shadow: 0 0 0 2px rgba(var(--blue), 0.18);
            outline: none;
          }
          .file-preview-thumb:not(:disabled) {
            cursor: zoom-in;
          }
          .file-preview-thumb:disabled {
            cursor: default;
          }
          .file-preview-thumb img {
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
          .file-preview-thumb.is-pdf-preview {
            background: rgb(var(--white));
          }
          .file-preview-thumb.is-pdf-preview canvas {
            background: rgb(var(--white));
            display: block;
            flex: 0 0 auto;
            max-height: 100%;
            max-width: 100%;
          }
          .file-upload-hover-preview {
            background: rgb(var(--white));
            border: 1px solid rgba(var(--blue), 0.28);
            border-radius: 10px;
            box-shadow: 0 12px 30px rgba(var(--black), 0.2);
            inset: auto;
            margin: 0;
            opacity: 0;
            padding: 8px;
            pointer-events: none;
            transform: translateY(4px);
            transition: opacity 130ms ease, transform 130ms ease;
            width: min(260px, calc(100vw - 24px));
          }
          .file-upload-hover-preview:popover-open {
            display: grid;
            gap: 6px;
            opacity: 1;
            transform: translateY(0);
          }
          @starting-style {
            .file-upload-hover-preview:popover-open {
              opacity: 0;
              transform: translateY(4px);
            }
          }
          .file-upload-hover-visual {
            align-items: center;
            background: var(--surface-outer);
            border-radius: 7px;
            display: grid;
            height: 220px;
            justify-items: center;
            overflow: hidden;
            padding: 5px;
          }
          .file-upload-hover-visual > * {
            grid-column: 1;
            grid-row: 1;
          }
          .file-upload-hover-visual img {
            display: block;
            height: 100%;
            object-fit: contain;
            width: 100%;
          }
          .file-upload-hover-visual canvas {
            background: rgb(var(--white));
            box-shadow: 0 4px 14px rgba(var(--black), 0.12);
            display: block;
            max-height: 210px;
            max-width: 230px;
          }
          .file-upload-hover-visual img[hidden],
          .file-upload-hover-visual canvas[hidden],
          .file-upload-hover-visual span[hidden] {
            display: none;
          }
          .file-upload-hover-visual span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            padding: 14px;
            text-align: center;
          }
          .file-upload-hover-visual span.is-error {
            color: rgb(136, 22, 22);
          }
          .file-upload-hover-preview > strong {
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .file-upload-hover-preview > small {
            color: var(--muted);
            font-size: 10px;
          }
          .file-preview select {
            grid-area: category;
            min-height: 30px;
            min-width: 0;
            padding: 4px 8px;
          }
          .file-preview-name {
            font-size: 12px;
            grid-area: name;
            overflow: hidden;
            padding-right: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .file-preview-status {
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 11px;
            font-weight: 800;
            grid-area: status;
            justify-content: center;
            min-height: 24px;
            padding: 2px 8px;
            text-align: center;
          }
          .file-preview[data-upload-status="uploading"] .file-preview-status {
            border-color: rgba(var(--blue), 0.35);
            color: rgb(var(--blue));
          }
          .file-preview[data-upload-status="done"] .file-preview-status {
            background: rgb(232, 249, 239);
            border-color: rgba(var(--green), 0.45);
            color: rgb(30, 129, 68);
          }
          .file-preview[data-upload-status="error"] .file-preview-status {
            background: rgb(255, 244, 244);
            border-color: rgba(var(--red), 0.45);
            color: rgb(176, 42, 42);
          }
          .file-upload-error {
            color: var(--danger);
            font-size: 12px;
            font-weight: 700;
            grid-column: 1 / -1;
            margin: 0;
          }
          .destructive-x-button {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid rgba(var(--red), 0.45);
            border-radius: 8px;
            color: var(--control-danger-text);
            display: inline-flex;
            font-size: 12px;
            font-weight: 700;
            grid-area: remove;
            height: 28px;
            justify-content: center;
            line-height: 1;
            min-height: 28px;
            padding: 0;
            width: 28px;
            border-color: var(--control-danger-border);
          }
          .destructive-x-button:hover {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          .file-preview .destructive-x-button {
            border-radius: 50%;
            grid-area: auto;
            height: 24px;
            min-height: 24px;
            position: absolute;
            right: 6px;
            top: 6px;
            width: 24px;
          }
          .file-preview .destructive-x-button:disabled {
            display: none;
          }
          .file-upload-queue > button {
            grid-column: 1 / -1;
            justify-self: end;
            min-width: 96px;
          }
          .file-local-preview-dialog {
            background: transparent;
            border: 0;
            border-radius: 12px;
            max-height: min(780px, calc(100dvh - 32px));
            max-width: none;
            overflow: hidden;
            padding: 0;
            width: min(900px, calc(100vw - 32px));
          }
          .file-local-preview-dialog::backdrop {
            background: rgba(var(--black), 0.64);
          }
          .file-local-preview-shell {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-top: 4px solid var(--accent);
            border-radius: 12px;
            display: grid;
            grid-template-rows: auto minmax(280px, 1fr) auto;
            max-height: min(780px, calc(100dvh - 32px));
            min-height: min(620px, calc(100dvh - 32px));
            overflow: hidden;
          }
          .file-local-preview-header {
            align-items: center;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 14px 18px;
            position: relative;
          }
          .file-local-preview-header > div {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .file-local-preview-header span {
            color: var(--accent);
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.04em;
            text-transform: uppercase;
          }
          .file-local-preview-header strong {
            font-size: 17px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .file-local-preview-header small {
            color: var(--muted);
            font-size: 11px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .file-local-preview-header .modal-close-x {
            position: static;
            transform: none;
          }
          .file-local-preview-body {
            align-items: center;
            background: var(--surface-outer);
            display: grid;
            justify-items: center;
            min-height: 0;
            overflow: auto;
            padding: 18px;
          }
          .file-local-preview-body > * {
            grid-column: 1;
            grid-row: 1;
          }
          .file-local-preview-body img {
            display: block;
            max-height: calc(100dvh - 210px);
            max-width: 100%;
            object-fit: contain;
          }
          .file-local-preview-body canvas {
            background: rgb(var(--white));
            box-shadow: 0 8px 24px rgba(var(--black), 0.12);
            display: block;
            max-width: 100%;
          }
          .file-local-preview-body img[hidden],
          .file-local-preview-body canvas[hidden],
          .file-local-preview-state[hidden] {
            display: none;
          }
          .file-local-preview-state {
            color: var(--muted);
            font-size: 13px;
            max-width: 440px;
            padding: 28px;
            text-align: center;
          }
          .file-local-preview-state.is-unavailable {
            background: rgba(var(--white), 0.72);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--text);
          }
          .file-local-preview-state.is-error {
            background: rgb(255, 244, 244);
            border: 1px solid rgba(var(--red), 0.38);
            border-radius: 8px;
            color: rgb(136, 22, 22);
          }
          .file-local-preview-footer {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            gap: 14px;
            justify-content: space-between;
            padding: 10px 18px;
          }
          .file-local-preview-footer span {
            color: var(--muted);
            font-size: 11px;
          }
          .file-local-preview-footer button {
            flex: 0 0 auto;
          }
          .deal-file-list {
            display: contents;
          }
          .organisation-readonly-files-panel {
            min-height: 0;
          }
          .organisation-readonly-files-panel .organisation-readonly-file-list {
            display: contents;
          }
          .deal-file-list[hidden] {
            display: none;
          }
          .deal-file-empty {
            align-items: center;
            display: flex;
            grid-column: 1 / -1;
            justify-content: center;
            margin: 0;
            min-height: 56px;
            text-align: center;
            width: 100%;
          }
          .deal-file-wrap {
            min-width: 0;
            position: relative;
          }
          .deal-file {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--text);
            cursor: pointer;
            display: grid;
            gap: 10px;
            grid-template-columns: 64px minmax(0, 1fr);
            min-height: 78px;
            padding: 6px;
            text-align: left;
            width: 100%;
          }
          .deal-file-wrap:has(.deal-file-delete-form) .deal-file {
            padding-right: 30px;
          }
          .deal-file:hover {
            background: rgba(var(--blue), 0.04);
          }
          .deal-file:focus-visible {
            outline: 2px solid rgba(var(--blue), 0.8);
            outline-offset: 2px;
          }
          .deal-file-delete-form {
            position: absolute;
            right: 4px;
            top: 4px;
          }
          .deal-file-delete {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--control-danger-border);
            border-radius: 50%;
            color: var(--control-danger-text);
            display: inline-flex;
            font-size: 13px;
            height: 22px;
            justify-content: center;
            min-height: 22px;
            padding: 0;
            width: 22px;
          }
          .deal-file-delete:hover {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          .deal-file-preview {
            align-items: center;
            background: rgba(var(--dark-grey), 0.05);
            border-radius: 6px;
            display: grid;
            height: 64px;
            justify-items: center;
            overflow: hidden;
            width: 64px;
          }
          .deal-file-preview img,
          .deal-file-preview canvas {
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
          .deal-file-preview img.pdf-file-preview,
          .deal-file-preview canvas.pdf-file-preview {
            background: #fff;
            object-fit: contain;
          }
          .deal-file-preview.is-pdf-preview {
            background: rgb(var(--white));
            border: 1px solid var(--line);
          }
          .deal-file-preview.is-pdf-preview span {
            line-height: 1.35;
            padding: 10px;
            text-align: center;
          }
          .deal-file-preview span {
            color: var(--muted);
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
          }
          .deal-file-type {
            color: var(--accent);
            display: block;
            font-size: 10px;
            font-weight: 800;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: uppercase;
            white-space: nowrap;
          }
          .deal-file-summary {
            display: grid;
            gap: 3px;
            min-width: 0;
          }
          .deal-file-name {
            display: block;
            font-size: 12px;
            line-height: 1.3;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .deal-file-summary small {
            color: var(--muted);
            font-size: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .file-lightbox {
            border: 0;
            height: 92vh;
            max-height: none;
            max-width: none;
            padding: 0;
            width: min(92vw, 1100px);
          }
          .file-lightbox::backdrop {
            background: rgba(var(--black), 0.72);
          }
          .file-lightbox-panel {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            display: grid;
            grid-template-rows: auto minmax(0, 1fr);
            height: 100%;
            position: relative;
            width: 100%;
          }
          .file-lightbox .deal-modal-header {
            align-items: center;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
            min-height: 56px;
            padding: 10px 66px 10px 16px;
          }
          .file-lightbox .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .file-lightbox-nav {
            align-items: center;
            background: rgba(var(--white), 0.92);
            border: 1px solid var(--line);
            border-radius: 50%;
            box-shadow: 0 8px 22px rgba(var(--black), 0.16);
            color: var(--text);
            display: inline-flex;
            font-size: 36px;
            font-weight: 700;
            height: 44px;
            justify-content: center;
            line-height: 1;
            min-height: 44px;
            padding: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            z-index: 3;
          }
          .file-lightbox-nav:hover {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            color: var(--control-primary-text);
          }
          .file-lightbox-nav svg {
            display: block;
            height: 28px;
            width: 28px;
          }
          .file-lightbox-nav:focus-visible {
            outline: 2px solid rgba(var(--blue), 0.8);
            outline-offset: 2px;
          }
          .file-lightbox-nav[hidden] {
            display: none;
          }
          .file-lightbox-nav-prev {
            left: 18px;
          }
          .file-lightbox-nav-next {
            right: 18px;
          }
          .file-lightbox-zoom-controls {
            align-items: center;
            display: inline-grid;
            gap: 6px;
            grid-template-columns: 32px minmax(48px, auto) 32px auto;
          }
          .file-lightbox-actions {
            align-items: center;
            display: inline-flex;
            gap: 8px;
          }
          .file-lightbox-actions > a {
            align-items: center;
            display: inline-flex;
            font-size: 13px;
            font-weight: 700;
            min-height: 32px;
            padding: 5px 10px;
            text-decoration: none;
            white-space: nowrap;
          }
          .file-lightbox-actions > a[hidden] {
            display: none;
          }
          .file-lightbox-zoom-controls[hidden] {
            display: none;
          }
          .file-lightbox-zoom-controls button {
            font-size: 13px;
            font-weight: 500;
            min-height: 32px;
            min-width: 32px;
            padding: 5px 9px;
          }
          .file-lightbox-zoom-controls span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 700;
            text-align: center;
          }
          .file-lightbox-title {
            min-width: 0;
          }
          .file-lightbox-title h2 {
            font-size: 17px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .file-lightbox-title p {
            font-size: 12px;
            margin: 2px 0 0;
          }
          @media (max-width: 800px) {
            .file-lightbox .deal-modal-header {
              grid-template-columns: minmax(0, 1fr);
              gap: 10px;
              padding: 12px;
            }
            .file-lightbox-title {
              padding-right: 48px;
            }
            .file-lightbox-title p {
              overflow-wrap: anywhere;
              line-height: 1.4;
            }
            .file-lightbox-actions {
              flex-wrap: wrap;
              min-width: 0;
            }
            .file-lightbox-zoom-controls {
              grid-template-columns: 36px minmax(42px, auto) 36px auto;
              max-width: 100%;
            }
            .file-lightbox-actions > a,
            .file-lightbox-zoom-controls button {
              min-height: 36px;
            }
          }
          .file-lightbox-viewport {
            display: grid;
            min-height: 0;
            min-width: 0;
            overflow: hidden;
            position: relative;
          }
          .file-lightbox-body {
            align-items: center;
            display: grid;
            justify-items: center;
            min-height: 0;
            min-width: 0;
            overflow: hidden;
            padding: 12px;
            position: relative;
          }
          .file-lightbox.is-image-zoomed .file-lightbox-body {
            align-items: start;
            cursor: grab;
            justify-items: start;
            overflow: auto;
          }
          .file-lightbox.is-image-zoomed .file-lightbox-body.is-panning {
            cursor: grabbing;
          }
          .file-lightbox-body img,
          .file-lightbox-body iframe {
            border: 0;
            height: auto;
            max-height: calc(92vh - 108px);
            max-width: 100%;
            object-fit: contain;
            width: 100%;
          }
          .file-lightbox-body iframe {
            height: 100%;
          }
          .comments-history,
          .timeline-history,
          .comment-form > fieldset {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-rows: auto minmax(0, 1fr);
            margin: 0;
            min-width: 0;
            padding: 7px 10px 10px;
          }
          .comments-history {
            grid-template-rows: auto minmax(0, 1fr);
          }
          .comment-reaction-feedback[hidden] { display: none; }
          .comments-history:has(> .comment-reaction-feedback:not([hidden])) {
            grid-template-rows: auto auto minmax(0, 1fr);
          }
          .comments-panel .comment-form > fieldset > legend { line-height: 18px; }
          @media (min-width: 901px) {
            /* Match the border offset created by half of the 18px Add comment legend. */
            .comments-panel:has(> .comments-compose-column) > .comments-history {
              margin-top: 9px;
              height: calc(100% - 9px);
            }
            .comments-panel .comments-history {
              height: 100%;
              min-height: 0;
            }
            .comments-history .deal-events-list {
              height: 100%;
              min-height: 0;
              max-height: none;
            }
          }
          .timeline-history {
            background: transparent;
            border: 0;
            border-radius: 0;
            padding: 0;
            grid-template-rows: auto auto minmax(0, 1fr);
            height: 100%;
            min-height: 0;
          }
          .comment-form > fieldset {
            grid-template-rows: minmax(0, 1fr) auto;
          }
          .timeline-history .comments-list,
          .timeline-history .deal-events-list {
            align-self: stretch;
            height: 100%;
            max-height: none;
            min-height: 0;
            overflow-y: auto;
          }
          .comments-title-row {
            align-items: center;
            display: grid;
            gap: 10px;
            grid-template-columns: auto minmax(180px, 260px);
            justify-content: space-between;
          }
          .events-toggle {
            display: inline-flex;
            gap: 6px;
          }
          .events-toggle .queue-toggle-link {
            background: rgb(var(--white));
            cursor: pointer;
            min-height: 30px;
            padding: 7px 10px;
          }
          .events-toggle .queue-toggle-link:hover {
            background: rgb(var(--white));
          }
          .comments-list,
          .deal-events-list {
            align-content: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-auto-rows: max-content;
            max-height: 248px;
            min-height: 248px;
            overflow-y: auto;
            padding: 10px;
          }
          .comments-filter {
            justify-self: end;
            max-width: 260px;
            min-height: 34px;
            width: 100%;
          }
          .comments-count {
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
          }
          .comments-search {
            position: relative;
            width: 100%;
          }
          .comments-search > svg {
            fill: none;
            height: 16px;
            left: 10px;
            pointer-events: none;
            position: absolute;
            stroke: var(--muted);
            stroke-linecap: round;
            stroke-width: 2;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            z-index: 1;
          }
          .comments-search .comments-filter {
            max-width: none;
            padding-left: 34px;
            padding-right: 36px;
          }
          .comments-search .comments-filter::-webkit-search-cancel-button {
            display: none;
          }
          .comments-filter-clear {
            align-items: center;
            background: transparent;
            border: 0;
            border-radius: 6px;
            color: var(--muted);
            display: inline-flex;
            font-size: 18px;
            height: 26px;
            justify-content: center;
            min-height: 0;
            padding: 0;
            position: absolute;
            right: 4px;
            top: 50%;
            transform: translateY(-50%);
            width: 26px;
          }
          .comments-filter-clear:hover,
          .comments-filter-clear:focus-visible {
            background: var(--surface-inner);
            color: var(--text);
          }
          .comments-filter-clear[hidden] {
            display: none;
          }
          .comments-history .comments-list,
          .comments-history .deal-events-list,
          .timeline-history .comments-list,
          .timeline-history .deal-events-list {
            background: transparent;
            border: 0;
            border-radius: 0;
            gap: 0;
            padding: 0;
          }
          .comments-panel .deal-comment {
            margin-inline-start: calc(var(--reply-depth, 0) * 16px);
            background: transparent;
            gap: 4px;
            grid-template-columns: minmax(0, 1fr);
            padding: 6px 2px 6px 10px;
            border-bottom: 0;
          }
          .comments-panel .deal-comment[data-event-kind="comments"]:not([hidden]) ~ .deal-comment:not(.is-comment-reply) {
            border-top: 1px solid var(--line);
            margin-top: 4px;
            padding-top: 8px;
          }
          .deal-comment .comment-author {
            display: flex;
            align-items: baseline;
            gap: 6px;
            min-width: 0;
          }
          .deal-comment .comment-author .tb-icon { align-self: center; color: var(--accent); }
          .deal-comment .comment-author > [data-person-details] { display:inline-flex; align-self:center; }
          .deal-comment .comment-author .person-details-button .tb-icon { color:inherit; }
          .deal-comment .comment-replied-label { color: var(--control-primary-text); font-size: 12px; font-weight: 400; }
          .deal-comment .comment-new-reply { color: var(--accent); font-size: 11px; font-weight: 700; }
          .comment-thread-new { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); align-self: center; }
          .comment-thread-new[hidden] { display: none; }
          .comments-panel .deal-comment.is-reply-target { outline: 2px solid var(--accent); outline-offset: -2px; }
          .comments-panel .deal-comment.is-comment-reply,
          .comments-panel .deal-comment.is-private-note {
            position: relative;
            background: rgba(var(--blue), 0.045);
            border: 0;
            border-radius: 8px;
            margin-top: 4px;
            margin-bottom: 4px;
            padding: 7px 2px 7px 10px;
          }
          .comments-panel .deal-comment[data-event-kind="comments"]:not([hidden]) ~ .deal-comment.is-private-note:not(.is-comment-reply) {
            border-top: 0;
            margin-top: 9px;
            padding-top: 7px;
          }
          .comments-panel .deal-comment[data-event-kind="comments"]:not([hidden]) ~ .deal-comment.is-private-note:not(.is-comment-reply)::before {
            content: "";
            position: absolute;
            top: -5px;
            left: 0;
            right: 0;
            border-top: 1px solid var(--line);
            pointer-events: none;
          }
          .comments-panel .is-comment-reply > p { padding-left: 20px; }
          .comments-panel .is-comment-reply:not([data-reply-depth="0"])::before {
            content: "";
            position: absolute;
            left: -12px;
            top: -8px;
            width: 8px;
            height: 30px;
            border-left: 1px solid rgba(var(--blue), 0.3);
            border-bottom: 1px solid rgba(var(--blue), 0.3);
            border-bottom-left-radius: 5px;
            pointer-events: none;
          }
          .comments-panel .deal-comment-meta {
            align-items: baseline;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .comments-panel .deal-comment strong {
            font-size: 13px;
          }
          .comments-panel .deal-comment span {
            flex: 0 0 auto;
          }
          .comments-panel .deal-comment p {
            font-size: 14px;
            line-height: 1.4;
          }
          .timeline-panel .deal-comment {
            background: transparent;
            gap: 14px;
            grid-template-columns: minmax(130px, 0.22fr) minmax(0, 1fr);
            padding: 9px 2px 9px 16px;
            position: relative;
          }
          .timeline-panel .deal-comment::before {
            background: var(--accent);
            border: 3px solid rgba(var(--blue), 0.12);
            border-radius: 999px;
            box-sizing: content-box;
            content: "";
            height: 6px;
            left: 1px;
            position: absolute;
            top: 13px;
            width: 6px;
          }
          .timeline-panel .deal-comment-meta {
            min-width: 0;
          }
          .timeline-panel .deal-comment strong {
            font-size: 12px;
          }
          .timeline-panel .deal-comment p {
            font-size: 13px;
            line-height: 1.4;
          }
          .deal-comment {
            align-items: start;
            background: rgb(var(--white));
            border: 0;
            border-bottom: 1px solid var(--line);
            border-radius: 0;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(140px, 0.18fr) minmax(0, 1fr);
            min-height: 0;
            padding: 9px 4px;
          }
          .deal-comment:last-of-type {
            border-bottom: 0;
          }
          .deal-comment-meta {
            display: block;
            min-width: 0;
          }
          .deal-comment strong {
            display: block;
            font-size: 12px;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .deal-comment span {
            color: var(--muted);
            display: block;
            font-size: 11px;
          }
          .deal-comment p {
            font-size: 13px;
            line-height: 1.35;
            margin: 0;
          }
          .comment-form {
            align-content: start;
          }
          .comments-history legend,
          .comment-form > fieldset legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            max-width: calc(100% - 10px);
            padding: 0 5px;
            text-transform: uppercase;
            width: auto;
          }
          .timeline-panel h3 {
            font-size: 13px;
            font-weight: 700;
            align-self: center;
            line-height: 1.2;
            margin: 0;
          }
          .comments-panel textarea {
            margin: 0;
            min-height: 112px;
          }
          .comment-privacy-controls {
            display: grid;
            gap: 6px;
          }
          .comment-private-option {
            display: flex;
            align-items: center;
            gap: 8px;
          }
          .comment-private-option input {
            width: auto;
            min-height: auto;
            margin: 0;
          }
          .comment-reply-context, .comment-reply-draft {
            margin: 8px 0;
            padding: 10px 12px;
            border-left: 3px solid var(--accent);
            border-radius: 6px;
            background: var(--surface-inner);
            overflow-wrap: anywhere;
          }
          .comment-reply-context p, .comment-reply-draft p {
            margin: 4px 0 8px;
            color: var(--muted);
            font-size: 12px;
          }
          .deal-comment .comment-date-actions {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-left: auto;
            white-space: nowrap;
          }
          .deal-comment .comment-reply-slot {
            position: relative;
            flex: 0 0 24px;
            width: 24px;
            height: 0;
          }
          .deal-comment .comment-reply-button {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            min-width: 0;
            min-height: 0;
            padding: 0;
            margin: 0;
            border-radius: 50%;
            line-height: 1;
          }
          .private-note-label {
            color: var(--accent);
            font-size: 12px;
          }
          .comment-form-actions {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            gap: 10px;
          }
          .comment-form-actions small {
            color: var(--muted);
            font-size: 11px;
            line-height: 1.3;
          }
          .comment-form-actions button {
            justify-content: center;
            width: 100%;
          }
          .panel {
            background: var(--panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            margin-bottom: 20px;
            padding: 18px;
          }
          .panel-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 16px;
          }
          .organisation-overview {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
            margin-bottom: 14px;
          }
          .organisation-summary-card {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            padding: 12px;
          }
          .organisation-summary-card span,
          .organisation-list-row span,
          .organisation-identity-row span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
          }
          .organisation-summary-card strong {
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 26px;
            line-height: 1;
          }
          .organisation-role-guide {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin-bottom: 14px;
          }
          .organisation-role-card {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 5px;
            padding: 12px;
          }
          .organisation-role-card.is-current {
            border-color: var(--brand);
            box-shadow: inset 3px 0 0 var(--brand);
          }
          .organisation-role-card span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .organisation-role-card p {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
            margin: 0;
          }
          .organisation-step-list {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(5, minmax(0, 1fr));
          }
          .organisation-step {
            align-items: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: auto 1fr;
            padding: 12px;
          }
          .organisation-step > span {
            align-items: center;
            background: var(--brand);
            border-radius: 999px;
            color: white;
            display: inline-flex;
            font-weight: 900;
            height: 24px;
            justify-content: center;
            width: 24px;
          }
          .organisation-step.is-complete > span {
            background: var(--success);
          }
          .organisation-step.is-admin-step > span {
            background: var(--ink);
          }
          .organisation-step strong {
            display: block;
            margin-bottom: 3px;
          }
          .organisation-step p {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
            margin: 0;
          }
          .organisation-grid {
            display: grid;
            gap: 16px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .organisation-members-grid {
            align-items: start;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
          }
          .organisation-members-grid > .panel {
            margin-bottom: 0;
          }
          .organisation-page-section {
            margin-top: 16px;
          }
          .organisation-tabs {
            align-items: stretch;
            background: var(--surface-muted);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: flex;
            gap: 4px;
            margin: 4px 0 16px;
            padding: 4px;
          }
          .organisation-tab {
            border-radius: 8px;
            color: var(--control-neutral-text);
            flex: 1 1 0;
            font-weight: 500;
            padding: 10px 12px;
            text-align: center;
            text-decoration: none;
            background: rgb(var(--white));
            border: 1px solid var(--control-neutral-border);
          }
          .organisation-tab:hover,
          .organisation-tab:focus-visible {
            color: var(--control-primary-text);
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
          }
          .organisation-tab[aria-current="page"] {
            background: rgb(var(--white));
            box-shadow: inset 0 0 0 1px var(--accent);
            color: var(--control-primary-text);
            border-color: var(--accent);
          }
          .organisation-workspace {
            gap: 12px;
          }
          .organisation-workspace-header {
            align-items: center;
            display: flex;
            gap: 16px;
            justify-content: space-between;
            min-width: 0;
          }
          .organisation-workspace-header > div {
            display: grid;
            gap: 3px;
            min-width: 0;
          }
          .organisation-workspace-header h1 {
            font-size: 20px;
            line-height: 1.15;
            overflow-wrap: anywhere;
          }
          .organisation-workspace-header .eyebrow,
          .organisation-workspace-header .muted {
            margin: 0;
          }
          .organisation-workspace .organisation-tabs {
            background: transparent;
            border: 0;
            flex: 0 0 auto;
            gap: 7px;
            margin: 0;
            padding: 0;
          }
          .organisation-workspace .organisation-tab {
            background: rgb(var(--white));
            border: 1px solid var(--control-neutral-border);
            border-radius: 8px;
            color: var(--control-neutral-text);
            flex: 0 0 auto;
            min-width: 0;
            padding: 8px 12px;
            position: relative;
            font-weight: 500;
          }
          .organisation-workspace .organisation-tab:hover,
          .organisation-workspace .organisation-tab:focus-visible {
            color: var(--control-primary-text);
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
          }
          .organisation-workspace .organisation-tab[aria-current="page"] {
            background: rgb(var(--white));
            border-color: var(--accent);
            box-shadow: inset 0 0 0 1px var(--accent);
            color: var(--control-primary-text);
          }
          .organisation-workspace .organisation-tabs.is-preview .organisation-tab {
            color: var(--muted);
            opacity: 0.45;
            pointer-events: none;
          }
          .organisation-workspace .organisation-tab.is-disabled {
            cursor: default;
          }
          .organisation-overview-grid {
            align-items: start;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
          }
          .organisation-profile-panel,
          .organisation-billing-panel,
          .organisation-sites-panel,
          .organisation-value-panel {
            margin-bottom: 0;
          }
          .organisation-profile-panel,
          .organisation-billing-panel,
          .organisation-value-panel {
            display: grid;
            gap: 10px;
            padding: 18px;
          }
          .organisation-profile-panel .panel-header,
          .organisation-billing-panel .panel-header,
          .organisation-value-panel .panel-header {
            align-items: center;
            margin-bottom: 2px;
          }
          .organisation-profile-panel .panel-header h2,
          .organisation-billing-panel .panel-header h2,
          .organisation-value-panel .panel-header h2 {
            margin-top: 4px;
          }
          .organisation-profile-panes {
            display: grid;
            gap: 8px;
          }
          .organisation-profile-panes .legend-pane,
          .organisation-billing-panel .legend-pane {
            margin: 0;
          }
          .organisation-profile-panes .legend-pane p,
          .organisation-billing-panel .legend-pane p {
            margin: 0;
          }
          .organisation-billing-panel .legend-pane {
            min-height: 0;
          }
          .organisation-address-block {
            display: grid;
            gap: 2px;
            line-height: 1.28;
          }
          .organisation-sites-panel {
            grid-column: 1 / -1;
          }
          .organisation-value-panel {
            grid-column: 1 / -1;
          }
          .organisation-value-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .organisation-value-card {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 6px;
            padding: 12px;
          }
          .organisation-value-card strong {
            color: var(--ink);
            font-size: 15px;
          }
          .organisation-value-card p {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.4;
            margin: 0;
          }
          .organisation-member-privacy-grid {
            align-items: start;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(360px, 460px) minmax(0, 1fr);
          }
          .organisation-member-privacy-panel,
          .organisation-member-sharing-panel {
            margin-bottom: 0;
          }
          .organisation-member-sharing-panel {
            grid-column: auto;
          }
          .organisation-member-sharing-panel .organisation-value-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .organisation-member-privacy-panel {
            display: grid;
            gap: 10px;
            padding: 18px;
          }
          .organisation-member-privacy-panel .panel-header {
            margin-bottom: 0;
          }
          .organisation-member-privacy-panel .panel-header .muted {
            margin: 0;
          }
          .organisation-member-privacy-panel .organisation-profile-panes {
            margin-top: 10px;
          }
          .organisation-inline-sharing-form {
            gap: 10px;
          }
          .organisation-inline-sharing-pane {
            margin: 0;
            padding: 14px;
          }
          .organisation-inline-sharing-pane .organisation-identity-row {
            padding: 10px;
          }
          .organisation-privacy-note {
            color: var(--muted);
            font-weight: 500;
            line-height: 1.45;
            margin: 2px 0 0;
          }
          .organisation-sharing-help {
            font-weight: 400;
            line-height: 1.4;
            margin: 0;
          }
          .organisation-member-action-row {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .organisation-inline-sharing-form:not(.is-editing) [data-organisation-sharing-action],
          .organisation-inline-sharing-form:not(.is-editing) [data-organisation-sharing-cancel] {
            display: none;
          }
          .organisation-inline-sharing-form.is-editing [data-organisation-sharing-edit] {
            display: none;
          }
          .organisation-member-action-row [data-organisation-sharing-edit],
          .organisation-member-action-row [data-organisation-sharing-cancel] {
            margin-left: auto;
          }
          .organisation-shared-email-list {
            display: grid;
            gap: 4px;
            list-style: none;
            margin: 0;
            padding: 0;
          }
          .organisation-shared-email-list li {
            overflow-wrap: anywhere;
          }
          .organisation-site-workspace {
            grid-template-columns: minmax(320px, 0.45fr) minmax(0, 1fr);
          }
          .organisation-site-dialog-options {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(150px, 1fr) auto;
          }
          .organisation-site-dialog-options .checkbox-label {
            align-items: center;
            display: inline-flex;
            gap: 6px;
            min-height: 38px;
          }
          .organisation-site-dialog-options .checkbox-label input[type="checkbox"] {
            border-radius: 4px;
            flex: 0 0 auto;
            height: 18px;
            min-height: 0;
            width: 18px;
          }
          .organisation-site-map-shell what3words-map,
          .organisation-site-map-shell .location-map-canvas {
            display: block;
            height: 100%;
            width: 100%;
          }
          .organisation-address-block {
            display: grid;
            gap: 4px;
          }
          .organisation-address-block p {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
            margin: 0;
            overflow-wrap: anywhere;
          }
          .organisation-list,
          .organisation-invitation-list,
          .organisation-identity-list {
            display: grid;
            gap: 10px;
          }
          .organisation-list-row,
          .organisation-identity-row {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 12px;
          }
          .organisation-row-actions {
            align-items: center;
            display: flex;
            flex: 0 0 auto;
            gap: 8px;
          }
          .organisation-home-card {
            align-items: stretch;
            flex-direction: column;
          }
          .organisation-home-meta,
          .organisation-home-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .organisation-home-actions .brand-light-button {
            flex: 0 1 auto;
            justify-content: center;
          }
          .organisation-list-row > div,
          .organisation-identity-row > div {
            display: grid;
            gap: 3px;
            min-width: 0;
          }
          .organisation-list-row > .organisation-home-meta,
          .organisation-list-row > .organisation-home-actions {
            display: flex;
          }
          .organisation-list-row strong,
          .organisation-identity-row strong {
            overflow-wrap: anywhere;
          }
          .organisation-invitation-copy p {
            color: var(--muted);
            font-size: 13px;
            font-weight: 600;
            line-height: 1.4;
            margin: 2px 0 0;
            max-width: 860px;
          }
          .organisation-invitation-form {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 14px;
          }
          .organisation-invitation-card-header {
            align-items: start;
            display: flex;
            gap: 16px;
            justify-content: space-between;
          }
          .organisation-invitation-card-header .primary-button {
            flex: 0 0 auto;
          }
          .organisation-invitation-card-body {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1fr);
          }
          .organisation-invitation-share-pane,
          .organisation-invitation-private-pane {
            gap: 8px;
            margin: 0;
            min-width: 0;
            padding: 12px;
          }
          .organisation-invitation-form .legend-pane legend {
            font-size: 13px;
          }
          .organisation-invitation-privacy-list {
            display: grid;
            gap: 8px;
          }
          .organisation-invitation-privacy-row {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: 24px minmax(0, 1fr);
            min-height: 52px;
            padding: 10px 12px;
          }
          .organisation-invitation-share-pane .organisation-identity-list {
            gap: 8px;
          }
          .organisation-invitation-share-pane .organisation-identity-row {
            padding: 10px;
          }
          .organisation-invitation-share-pane .organisation-identity-row strong {
            font-weight: 600;
          }
          .organisation-invitation-share-pane .organisation-identity-row span:not(.organisation-identity-type) {
            font-weight: 400;
          }
          .organisation-status,
          .organisation-role-badge,
          .organisation-identity-type {
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            flex: 0 0 auto;
            padding: 5px 9px;
          }
          .organisation-role-badge {
            background: #e8f2ff;
            border-color: #b9d8ff;
            color: var(--brand);
            font-size: 12px;
            font-weight: 900;
          }
          .organisation-access-form {
            display: grid;
            gap: 14px;
          }
          .organisation-identity-toggle {
            cursor: pointer;
            justify-content: start;
          }
          .organisation-identity-toggle input {
            flex: 0 0 auto;
            height: 18px;
            width: 18px;
          }
          .organisation-identity-toggle > div {
            flex: 1 1 auto;
          }
          .organisation-access-actions {
            align-items: center;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .organisation-invite-form {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(220px, 1fr) minmax(140px, 180px) auto;
            margin-bottom: 14px;
          }
          .organisation-invite-form label {
            display: grid;
            gap: 5px;
          }
          .organisation-members-grid .organisation-invite-form {
            align-items: stretch;
            grid-template-columns: 1fr;
          }
          .organisation-members-grid .organisation-invite-form .primary-button {
            width: 100%;
          }
          .organisation-directory-list {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(auto-fill, minmax(280px, 420px));
            justify-content: start;
          }
          .organisation-hierarchy-panel {
            margin-bottom: 0;
          }
          .organisation-hierarchy {
            display: grid;
            gap: 12px;
          }
          .organisation-hierarchy-tier {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 10px;
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .organisation-hierarchy-tier-heading {
            align-items: center;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .organisation-hierarchy-tier-heading h3,
          .organisation-hierarchy-tier-heading p {
            margin: 0;
          }
          .organisation-hierarchy-tier-heading h3 {
            color: rgb(var(--dark-grey));
            font-size: 17px;
          }
          .organisation-hierarchy-tier-heading p,
          .organisation-hierarchy-empty,
          .organisation-hierarchy-person p {
            color: var(--muted);
            font-size: 13px;
            margin: 2px 0 0;
          }
          .organisation-hierarchy-count {
            align-items: center;
            background: rgba(var(--blue), 0.1);
            border: 1px solid rgba(var(--blue), 0.3);
            border-radius: 999px;
            color: var(--accent);
            display: inline-flex;
            flex: 0 0 auto;
            font-size: 13px;
            font-weight: 900;
            justify-content: center;
            min-height: 28px;
            min-width: 28px;
            padding: 0 8px;
          }
          .organisation-hierarchy-people {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
          }
          .organisation-hierarchy-person {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: auto minmax(0, 1fr) auto;
            padding: 10px;
          }
          .organisation-hierarchy-person strong,
          .organisation-hierarchy-person p {
            overflow-wrap: anywhere;
          }
          .organisation-hierarchy-avatar {
            align-items: center;
            background: rgba(var(--blue), 0.12);
            border-radius: 50%;
            color: var(--accent);
            display: inline-flex;
            font-size: 13px;
            font-weight: 900;
            height: 36px;
            justify-content: center;
            width: 36px;
          }
          .organisation-hierarchy-you {
            background: rgba(var(--green), 0.12);
            border: 1px solid rgba(var(--green), 0.35);
            border-radius: 999px;
            color: rgb(31, 104, 53);
            font-size: 12px;
            font-weight: 900;
            padding: 4px 8px;
          }
          .organisation-hierarchy-empty {
            grid-column: 1 / -1;
          }
          .organisation-member-card {
            container-type: inline-size;
            display: grid;
            gap: 12px;
          }
          .organisation-member-card-row {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
            min-width: 0;
          }
          .organisation-member-profile {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .legend-pane,
          .organisation-member-legend-pane {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            margin: 0;
            min-width: 0;
            padding: 10px;
          }
          .legend-pane legend,
          .organisation-member-legend-pane legend {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            padding: 0 4px;
          }
          .legend-pane p,
          .organisation-member-legend-pane p {
            color: rgb(var(--dark-grey));
            font-size: 14px;
            font-weight: 800;
            line-height: 1.2;
            margin: 0;
            overflow-wrap: anywhere;
          }
          .organisation-invitation-form .legend-pane > p,
          .organisation-invitation-form .organisation-invitation-privacy-row p {
            color: var(--muted);
            font-size: 15px;
            font-weight: 400;
            line-height: 1.4;
            margin: 0;
          }
          .organisation-invitation-form .organisation-invitation-example-check {
            background: var(--surface-content);
            border: 1px solid #9ca3af;
            border-radius: 4px;
            box-sizing: border-box;
            color: transparent;
            display: inline-grid;
            height: 18px;
            place-items: center;
            width: 18px;
          }
          .organisation-invitation-form .organisation-invitation-example-check.is-ticked {
            background: rgb(var(--blue));
            border-color: rgb(var(--blue));
            color: #ffffff;
          }
          .organisation-invitation-form .organisation-invitation-example-check.is-ticked::before {
            color: #ffffff;
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m4%2012%205%205L20%206%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
            font-size: 14px;
            font-weight: 900;
            line-height: 1;
          }
          .organisation-inline-sharing-pane p.organisation-sharing-help {
            color: var(--muted);
            font-weight: 400;
            line-height: 1.4;
          }
          .person-details-status-row {
            display: flex;
            gap: 6px;
            justify-content: flex-end;
          }
          .person-details-pane-grid {
            display: grid;
            gap: 9px;
          }
          .person-details-legend-pane {
            background: rgb(var(--white));
            border-color: var(--contact-card-border);
            padding: 10px 12px;
          }
          .person-details-legend-pane legend {
            color: var(--muted);
            text-transform: uppercase;
          }
          .person-details-legend-pane p {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.3;
          }
          .person-details-legend-pane.is-long p {
            font-size: 15px;
            line-height: 1.35;
          }
          .person-details-legend-pane .organisation-grant-list {
            justify-content: flex-start;
          }
          .organisation-shared-email-list {
            display: grid;
            gap: 5px;
          }
          .organisation-shared-email-row {
            align-items: baseline;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-width: 0;
          }
          .organisation-shared-email-row span {
            overflow-wrap: anywhere;
          }
          .organisation-shared-email-row small {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .organisation-member-tag-row {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            margin-top: 4px;
          }
          .organisation-member-filter-bar {
            align-items: end;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(120px, 0.5fr)) auto;
            margin-bottom: 12px;
            padding: 10px;
          }
          .organisation-member-filter-bar label {
            display: grid;
            gap: 4px;
            min-width: 0;
          }
          .organisation-member-filter-bar input,
          .organisation-member-filter-bar select {
            min-height: 38px;
          }
          .organisation-member-tag {
            background: rgba(var(--blue), 0.08);
            border: 1px solid rgba(var(--blue), 0.26);
            border-radius: 999px;
            color: var(--accent);
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            line-height: 1.1;
            padding: 4px 8px;
          }
          .organisation-member-context-form,
          .organisation-member-role-form {
            display: grid;
            gap: 9px;
            margin-top: 10px;
          }
          .organisation-member-context-options {
            display: grid;
            gap: 6px;
          }
          .organisation-member-context-option {
            align-items: center;
            display: flex;
            gap: 8px;
            font-size: 14px;
            font-weight: 700;
          }
          .organisation-member-context-option input[type="checkbox"] {
            appearance: auto;
            height: 16px;
            min-height: 16px;
            min-width: 16px;
            padding: 0;
            width: 16px;
          }
          .organisation-member-tag-input,
          .organisation-member-role-form select {
            min-height: 38px;
          }
          .organisation-member-context-actions {
            display: flex;
            justify-content: flex-end;
          }
          .organisation-member-grants {
            border-top: 1px solid var(--line);
            padding-top: 10px;
          }
          @container (max-width: 360px) {
            .organisation-member-profile {
              grid-template-columns: 1fr;
            }
          }
          @media (max-width: 980px) {
            .organisation-member-filter-bar {
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .organisation-member-filter-bar .brand-light-button {
              justify-self: start;
            }
          }
          .organisation-directory-row {
            align-items: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(180px, 1fr) auto minmax(260px, 1.5fr);
            padding: 12px;
          }
          .organisation-directory-row > div {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .organisation-directory-row > div:first-child {
            display: grid;
            gap: 3px;
          }
          .organisation-directory-row > div:first-child span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
          }
          .organisation-grant-list {
            justify-content: flex-end;
          }
          .organisation-member-unit-list {
            align-content: start;
          }
          .organisation-grant-pill {
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            gap: 6px;
            max-width: 100%;
            overflow-wrap: anywhere;
            padding: 5px 9px;
          }
          .organisation-grant-pill small {
            color: var(--muted);
            font-weight: 800;
            text-transform: uppercase;
          }
          .organisation-unit-assignment-form {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            grid-column: 1 / -1;
            padding-top: 10px;
          }
          .organisation-unit-assignment-form label {
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            gap: 6px;
            padding: 5px 9px;
          }
          .organisation-dashboard-filter {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(260px, 1fr) auto auto;
            margin-bottom: 14px;
          }
          .organisation-dashboard-filter label {
            display: grid;
            gap: 5px;
          }
          .organisation-report-list {
            display: grid;
            gap: 8px;
          }
          .organisation-report-header,
          .organisation-report-row {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(220px, 1.4fr) minmax(120px, .7fr) minmax(180px, 1fr) minmax(220px, 1.2fr) minmax(110px, .6fr);
          }
          .organisation-report-header {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            padding: 0 12px;
            text-transform: uppercase;
          }
          .organisation-report-row {
            align-items: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .organisation-report-row > div {
            display: grid;
            gap: 3px;
            min-width: 0;
          }
          .organisation-report-row strong,
          .organisation-report-row span {
            overflow-wrap: anywhere;
          }
          .organisation-report-row span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
          }
          .grid-form {
            display: grid;
            grid-template-columns: repeat(6, minmax(120px, 1fr)) auto;
            gap: 12px;
            align-items: end;
          }
          
  :root {
    --field-border: #d8dce0;
    --field-hover-border: #a9b8c6;
    --field-radius: 8px;
    --field-text: #4d4d4d;
    --field-label: #626970;
    --field-muted: #686e75;
    --field-focus: #1680e7;
    --field-focus-ring: 0 0 0 2px #1680e71f;
    --field-error: #a33a3a;
    --field-error-border: #cc7474;
    --field-error-surface: #fffafa;
    --field-readonly-surface: #f7f9fb;
    --field-disabled-surface: #f5f6f7;
    --field-disabled-text: #858b91;
    --field-font: 400 14px/20px Montserrat, ui-sans-serif, system-ui, sans-serif;
  }
  label {
    display: grid;
    gap: 6px;
    color: var(--field-label);
    font-size: 13px;
    font-weight: 600;
  }
  :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea) {
    box-sizing: border-box;
    min-height: 38px;
    width: 100%;
    border: 1px solid var(--field-border);
    border-radius: var(--field-radius);
    background: #fff;
    color: var(--field-text);
    font: var(--field-font);
    padding: 8px 10px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }
  textarea { min-height: 180px; resize: vertical; }
  select[multiple] { min-height: 88px; }
  textarea.field-code { font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; }
  input:where([type="checkbox"], [type="radio"]) {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    accent-color: rgb(var(--blue));
  }
  input[type="file"] { max-width: 100%; font: var(--field-font); color: var(--field-text); }
  .field-help, .field-error {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin: 6px 0 0;
    color: var(--field-muted);
  }
  .field-error { color: var(--field-error); }
  .field-choice { display: flex; align-items: center; gap: 8px; cursor: pointer; }
  .field-choice input { flex: none; }
  @media (max-width: 600px) {
    :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea) { font-size: 16px; }
  }
  @media (prefers-reduced-motion: reduce) {
    :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea) { transition: none; }
  }


          button.queue-toggle-link {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: var(--muted);
          }
          button.queue-toggle-link:hover,
          button.queue-toggle-link.is-active {
            background: rgb(var(--white));
            border-color: var(--accent);
            color: var(--accent);
          }
          .table-wrap {
            border-radius: 8px;
            overflow-x: auto;
          }
          .paste-form {
            display: grid;
            gap: 12px;
          }
          .paste-form button {
            justify-self: start;
          }
          .csv-header-label {
            margin-bottom: -6px;
          }
          .import-source-options {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
          }
          .import-source-options label {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            cursor: pointer;
            display: inline-flex;
            font-weight: 800;
            gap: 8px;
            min-height: 36px;
            padding: 6px 12px;
          }
          .import-source-options input {
            width: auto;
          }
          [data-import-source-panel] {
            display: grid;
            gap: 12px;
          }
          [data-import-source-panel][hidden] {
            display: none;
          }
          .api-broker-fields {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(220px, 1fr));
          }
          .api-inspect-button {
            justify-self: start;
            margin-top: 10px;
          }
          .raw-json-preview {
            background: rgb(250, 252, 255);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--text);
            font-size: 12px;
            line-height: 1.55;
            max-height: 520px;
            overflow: auto;
            padding: 14px;
            white-space: pre-wrap;
            word-break: break-word;
          }
          .csv-header-example {
            align-items: center;
            background: rgb(var(--soft-blue));
            border: 1px solid rgb(190, 220, 245);
            border-radius: 8px;
            display: flex;
            gap: 8px;
            margin: 0;
            max-width: 100%;
            padding: 8px 10px;
          }
          .csv-header-example code {
            color: rgb(var(--dark-grey));
            flex: 1 1 auto;
            min-width: 0;
          }
          .paste-form .csv-header-copy {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 50%;
            color: var(--accent);
            display: inline-flex;
            flex: 0 0 auto;
            height: 34px;
            justify-content: center;
            justify-self: auto;
            min-height: 34px;
            padding: 0;
            width: 34px;
          }
          .csv-header-copy:hover {
            border-color: var(--accent);
          }
          .csv-header-copy svg {
            fill: none;
            height: 17px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2;
            width: 17px;
          }
          .import-data-summary {
            cursor: pointer;
            list-style: none;
          }
          .import-data-summary::-webkit-details-marker {
            display: none;
          }
          .import-data-toggle {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--accent);
            display: inline-flex;
            font-size: 13px;
            font-weight: 800;
            justify-content: center;
            min-height: 34px;
            min-width: 76px;
            padding: 6px 14px;
          }
          .import-data-toggle::before {
            content: "Show";
          }
          details.import-data-panel[open] .import-data-toggle::before {
            content: "Hide";
          }
          .import-data-summary:hover .import-data-toggle {
            border-color: var(--accent);
          }
          details.import-data-panel:not([open]) {
            padding-bottom: 14px;
          }
          details.import-data-panel[open] .import-data-summary {
            margin-bottom: 12px;
          }
          .manual-deal-form {
            display: grid;
            gap: 14px;
          }
          .manual-deal-page {
            overflow: hidden;
          }
          .manual-deal-page-header .manual-credit-summary { margin-left: auto; text-align: right; white-space: nowrap; }
          .manual-credit-reminder { color: var(--muted); font-size: 13px; }
          .manual-credit-reminder[hidden] { display: none; }
          @media (max-width: 700px) {
            .manual-deal-page-header { flex-wrap: wrap; gap: 10px; }
            .manual-deal-page-header .manual-credit-summary { margin-left: 0; text-align: left; }
          }
          .manual-deal-page-header {
            align-items: start;
            border-bottom: 1px solid var(--line);
            display: flex;
            padding-bottom: 14px;
          }
          .manual-deal-page-header h2,
          .manual-deal-page-header p {
            margin: 0;
          }
          .manual-deal-page-header p {
            color: var(--muted);
            font-size: 14px;
            margin-top: 4px;
          }
          .manual-deal-page-kicker {
            color: var(--accent);
            display: block;
            font-size: 12px;
            font-weight: 900;
            margin-bottom: 4px;
            text-transform: uppercase;
          }
          .manual-server-error {
            margin: 0;
          }
          .manual-deal-surface {
            display: grid;
            gap: 14px;
          }
          .manual-wizard-progress {
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 0;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            padding: 0 0 12px;
          }
          .manual-wizard-progress button {
            align-items: center;
            background: transparent;
            border: 0;
            border-radius: 6px;
            color: var(--muted);
            display: inline-flex;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 13px;
            font-weight: 500;
            gap: 8px;
            justify-content: center;
            min-height: 40px;
            padding: 8px 10px;
            text-align: center;
          }
          .manual-wizard-progress button:not(:disabled):hover {
            background: rgb(var(--soft-blue));
            color: var(--accent);
          }
          .manual-wizard-progress button:disabled {
            cursor: default;
            opacity: 0.48;
          }
          .manual-wizard-progress button.is-active {
            background: rgb(var(--soft-blue));
            box-shadow: inset 0 -2px 0 var(--accent);
            color: var(--accent);
            opacity: 1;
          }
          .manual-wizard-progress button.is-complete {
            color: rgb(var(--dark-grey));
            opacity: 1;
          }
          .manual-wizard-progress span {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            height: 22px;
            justify-content: center;
            min-width: 22px;
          }
          .manual-wizard-progress button.is-active span {
            background: var(--accent);
            border-color: var(--accent);
            color: rgb(var(--white));
          }
          .manual-wizard-progress button.is-complete span {
            background: var(--contact-card-added-surface);
            border-color: var(--contact-card-added-border);
          }
          .manual-wizard-mobile-progress {
            display: none;
          }
          .manual-wizard-frame {
            display: grid;
            min-height: 0;
            overflow: visible;
          }
          .manual-wizard-step {
            animation: manualStepIn 160ms ease;
            grid-column: 1;
            grid-row: 1;
          }
          .manual-wizard-step[hidden] {
            display: none;
          }
          @keyframes manualStepIn {
            from { opacity: 0; transform: translateX(14px); }
            to { opacity: 1; transform: translateX(0); }
          }
          .manual-role-zone {
            align-content: start;
            align-items: start;
          }
          .manual-role-choice-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .manual-role-choice-grid[data-role-choice-count="2"] .manual-role-choice:first-child {
            grid-column: 2;
          }
          .manual-role-choice-grid[data-role-choice-count="2"] .manual-role-choice:nth-child(2) {
            grid-column: 3;
          }
          .manual-role-choice-grid[data-role-choice-count="3"] {
            grid-template-columns: repeat(8, minmax(0, 1fr));
          }
          .manual-role-choice-grid[data-role-choice-count="3"] .manual-role-choice {
            grid-column: span 2;
          }
          .manual-role-choice-grid[data-role-choice-count="3"] .manual-role-choice:first-child {
            grid-column: 2 / span 2;
          }
          .manual-role-choice {
            align-content: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 12px;
            color: rgb(var(--dark-grey));
            display: grid;
            gap: 4px;
            min-height: 76px;
            padding: 12px 14px;
            text-align: left;
          }
          .manual-role-choice strong {
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 15px;
            font-weight: 900;
          }
          .manual-role-choice span {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.35;
          }
          .manual-role-choice:hover,
          .manual-role-choice.is-selected {
            background: rgb(var(--soft-blue));
            border-color: var(--accent);
            box-shadow: 0 0 0 1px rgba(var(--blue), 0.15);
          }
          .manual-party-details-zone,
          .manual-review-zone {
            background: var(--surface-outer);
          }
          .manual-party-details-grid {
            display: grid;
            gap: 14px;
            grid-template-columns: 1fr;
            justify-items: center;
          }
          .manual-party-company-panel,
          .manual-party-address-panel {
            align-content: start;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 12px;
            display: grid;
            gap: 10px;
            padding: 12px;
            width: min(620px, 100%);
          }
          .manual-party-address-panel { width: 100%; min-width: 0; }
          .manual-party-company-panel .manual-party-organisation-field {
            align-self: stretch;
            transform: none;
          }
          .manual-party-company-panel .manual-party-organisation-field input[readonly] {
            background: rgb(var(--soft-blue));
            color: var(--ink);
            cursor: default;
          }
          .manual-party-company-panel h4,
          .manual-party-address-panel h4 {
            margin: 0;
          }
          .manual-party-address-heading h4,
          .manual-party-address-heading p {
            margin: 0;
          }
          .manual-party-address-picker {
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            align-items: start;
          }
          @media (max-width: 800px) {
            .manual-party-address-picker { grid-template-columns: minmax(0, 1fr); }
          }
          .manual-party-address-list-pane,
          .manual-party-address-selected-pane {
            align-content: start;
            display: grid;
            gap: 8px;
          }
          .manual-party-address-list-pane {
            min-width: 0;
            min-height: 0;
          }
          .manual-party-address-selected-pane {
            min-width: 0;
            padding: 14px;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: var(--surface-content);
          }
          .manual-party-address-list-heading {
            display: grid;
            gap: 8px;
          }
          .manual-party-address-list-title {
            align-items: center;
            display: flex;
            gap: 8px;
            justify-content: space-between;
          }
          .manual-party-address-list-title h4 {
            margin: 0;
          }
          .brand-round-light-button.manual-new-address-button {
            height: 38px;
            min-height: 38px;
            min-width: 38px;
            width: 38px;
          }
          .manual-party-address-list-heading label {
            color: var(--muted);
            display: grid;
            font-size: 12px;
            font-weight: 800;
            gap: 4px;
          }
          .manual-party-address-list-heading input {
            min-height: 34px;
          }
          .manual-party-name-fallback {
            border-top: 1px solid var(--line);
            margin-top: 2px;
            padding-top: 8px;
          }
          .manual-party-name-fallback summary {
            color: var(--accent);
            cursor: pointer;
            font-size: 13px;
            font-weight: 800;
            width: fit-content;
          }
          .manual-party-name-fallback-fields {
            display: grid;
            gap: 6px;
            margin-top: 8px;
          }
          .manual-party-name-fallback-fields p {
            margin: 0;
          }
          .manual-party-address-list-pane h5,
          .manual-party-address-selected-pane h5 {
            margin: 0;
          }
          .manual-party-location-list {
            display: grid;
            gap: 8px;
            max-height: 330px;
            overflow: auto;
          }
          .manual-party-location-option {
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 8px;
          }
          .manual-party-location-option:hover {
            border-color: var(--accent);
            box-shadow: 0 0 0 2px rgba(var(--blue), 0.12);
          }
          .manual-party-location-option[hidden] {
            display: none;
          }
          .manual-party-location-option.is-selected {
            background: var(--contact-card-added-surface);
            border-color: var(--contact-card-added-border);
          }
          .manual-party-location-actions {
            align-content: start;
            display: grid;
            gap: 6px;
            justify-items: end;
          }
          .manual-party-location-select,
          .manual-party-location-toggle {
            align-items: center;
            background: var(--surface-content);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 12px;
            font-weight: 700;
            height: 20px;
            justify-content: center;
            line-height: 1;
            min-height: auto;
            min-width: 82px;
            padding: 0 8px;
            text-align: center;
          }
          .manual-party-location-option [data-party-location-address][hidden] {
            display: none !important;
          }
          .manual-new-address-dialog {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            max-width: min(620px, calc(100vw - 32px));
            padding: 16px;
            position: relative;
            width: 560px;
          }
          .manual-new-address-dialog::backdrop {
            background: rgba(0, 0, 0, 0.42);
          }
          .manual-new-address-dialog-heading {
            align-items: start;
            display: grid;
            gap: 12px;
            margin-bottom: 12px;
            padding-right: 56px;
          }
          .manual-new-address-dialog-heading h2,
          .manual-new-address-dialog-heading p {
            margin: 0;
          }
          .manual-new-address-dialog-heading .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .manual-new-address-dialog .manual-party-lookup {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .manual-new-address-dialog .manual-party-lookup[hidden] {
            display: none;
          }
          .manual-party-location-confirm {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 14px;
            margin-top: 14px;
            padding: 14px;
          }
          .manual-party-location-confirm[hidden] {
            display: none;
          }
          .manual-party-location-confirm > div:first-child {
            display: grid;
            gap: 4px;
          }
          .manual-dialog-kicker {
            color: var(--accent);
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.04em;
            text-transform: uppercase;
          }
          .manual-party-location-confirm label {
            display: grid;
            font-weight: 800;
            gap: 5px;
          }
          .manual-party-location-confirm p {
            margin: 0;
          }
          .manual-party-location-confirm-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-end;
          }
          .manual-party-selected-location {
            display: grid;
            gap: 8px;
          }
          .manual-party-selected-actions {
            align-content: start;
            display: grid;
            gap: 8px;
            justify-items: end;
          }
          .manual-party-selected-actions .brand-light-button {
            min-width: 82px;
          }
          .manual-contact-step-grid {
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(320px, 0.48fr) minmax(340px, 0.52fr);
          }
          .manual-contact-step-zone {
            background: var(--surface-outer);
          }
          .manual-review-grid {
            align-items: stretch;
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .manual-review-card {
            align-content: start;
            align-items: start;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 12px;
            display: grid;
            gap: 5px;
            grid-auto-rows: max-content;
            padding: 10px 12px 12px;
          }
          .manual-party-location-select {
            background: rgb(var(--soft-blue));
            color: var(--accent);
          }
          .manual-review-card-heading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
            margin-bottom: 5px;
            width: 100%;
          }
          .manual-review-card-heading span {
            color: rgb(var(--dark-grey));
            font-size: 12px;
            font-weight: 900;
            line-height: 1.2;
            text-transform: uppercase;
          }
          .manual-review-edit {
            border-radius: 999px;
            font-size: 12px;
            min-height: 26px;
            padding: 2px 10px;
          }
          .manual-review-card strong {
            line-height: 1.2;
            overflow-wrap: anywhere;
          }
          .manual-review-card small {
            color: var(--muted);
            display: block;
            line-height: 1.35;
            overflow-wrap: anywhere;
            white-space: pre-line;
          }
          .manual-deal-zone {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 12px;
            display: grid;
            gap: 14px;
            padding: 16px;
          }
          .manual-deal-zone h3 {
            margin: 0;
          }
          .manual-wizard-step > .manual-deal-zone {
            background: var(--surface-outer);
          }
          .manual-vehicle-zone,
          .manual-location-zone,
          .manual-people-zone {
            background: var(--surface-outer);
          }
          .manual-deal-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(260px, 1fr) minmax(120px, 0.45fr) minmax(180px, 0.7fr) minmax(140px, 0.45fr);
          }
          .manual-vehicle-form {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 12px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(170px, 0.8fr) minmax(110px, 0.45fr) minmax(260px, 1.35fr) minmax(170px, 0.8fr) minmax(90px, 0.4fr) minmax(210px, 1fr);
            padding: 12px;
          }
          .manual-form-fieldset {
            min-width: 0;
          }
          .manual-form-fieldset > legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            padding: 0 8px;
            text-transform: uppercase;
          }
          .manual-field-error {
            color: var(--danger);
            display: block;
            font-size: 12px;
            font-weight: 700;
            line-height: 1.3;
            margin-top: 2px;
          }
          .manual-field-error[hidden] {
            display: none;
          }
          .manual-currency-control {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            overflow: hidden;
          }
          .manual-currency-control > span {
            color: var(--muted);
            font-weight: 800;
            padding-left: 11px;
          }
          .manual-currency-control input {
            appearance: textfield;
            border: 0;
            border-radius: 0;
            min-width: 0;
          }
          .manual-currency-control input:focus {
            box-shadow: none;
            outline: 0;
          }
          .manual-currency-control input::-webkit-inner-spin-button,
          .manual-currency-control input::-webkit-outer-spin-button {
            appearance: none;
            margin: 0;
          }
          .manual-vrm-field {
            grid-column: 1 / span 2;
          }
          .manual-vehicle-field {
            grid-column: 3;
          }
          .manual-colour-field {
            grid-column: 4 / span 2;
          }
          .manual-vin-field {
            grid-column: 6;
          }
          .manual-odometer-field {
            grid-column: 1;
          }
          .manual-odometer-units-field {
            grid-column: 2;
          }
          .manual-sale-price-field {
            grid-column: 6;
          }
          .manual-vrm-lookup-control button {
            min-width: 118px;
          }
          .manual-mot-message {
            border-radius: 8px;
            font-weight: 700;
            margin: 0;
            padding: 9px 11px;
            width: fit-content;
          }
          .manual-mot-message[data-tone="success"] {
            background: #e9f8ef;
            border: 1px solid #98d9ad;
            color: #006b2d;
          }
          .manual-mot-message[data-tone="error"] {
            background: #fff1f1;
            border: 1px solid #ff9f9f;
            color: #9f1d1d;
          }
          .manual-mot-alerts {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .manual-mot-snapshot {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            margin-top: 4px;
            padding: 12px;
          }
          .manual-mot-snapshot[hidden] {
            display: none;
          }
          .manual-mot-snapshot .manual-section-heading h4 {
            font-size: 18px;
            margin: 0;
          }
          .manual-mot-alert {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
            min-height: 74px;
            padding: 10px 12px;
          }
          .manual-mot-alert span {
            color: var(--muted);
            display: block;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .manual-mot-alert strong {
            color: var(--text);
            display: block;
            margin-top: 4px;
            overflow-wrap: anywhere;
          }
          .manual-mot-alert.is-good {
            background: #e9f8ef;
            border-color: #98d9ad;
          }
          .manual-mot-alert.is-good strong {
            color: #006b2d;
          }
          .manual-mot-alert.is-warning {
            background: #fff8e7;
            border-color: #f2d37e;
          }
          .manual-mot-alert.is-warning strong {
            color: #815714;
          }
          .manual-mot-alert.is-danger {
            background: #fff1f1;
            border-color: #ff9f9f;
          }
          .manual-mot-alert.is-danger strong {
            color: #9f1d1d;
          }
          .manual-mot-details-button {
            min-height: 34px;
            width: auto;
          }
          .manual-mot-dialog .count-badge {
            align-items: center;
            background: #e4f6e9;
            border: 1px solid #b7e6c5;
            border-radius: 999px;
            color: #006b2d;
            display: inline-flex;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 800;
            justify-content: center;
            min-height: 24px;
            padding: 3px 10px;
            width: fit-content;
          }
          .manual-location-capture {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .manual-location-capture h4,
          .manual-location-capture p {
            margin: 0;
          }
          .manual-location-picker-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(280px, 0.52fr) minmax(300px, 0.48fr);
          }
          .manual-location-source,
          .manual-location-selected-panel {
            align-content: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 10px;
          }
          .manual-location-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
          }
          .manual-location-list {
            max-height: 360px;
            overflow: auto;
          }
          .manual-location-card.is-selected {
            background: rgb(241, 253, 246);
            border-color: rgba(var(--green), 0.45);
          }
          .manual-location-address {
            display: grid;
            gap: 2px;
          }
          .manual-location-address span {
            display: block;
          }
          .manual-location-selected-card {
            background: rgb(241, 253, 246);
            border-color: rgba(var(--green), 0.45);
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .manual-location-selected-card .person-remove-button {
            align-self: start;
          }
          .manual-location-empty-preview {
            background: rgba(var(--blue), 0.025);
            border: 1px dashed var(--line);
            border-radius: 8px;
            color: var(--muted);
            padding: 14px;
            text-align: center;
          }
          .manual-location-preview-map {
            border: 1px solid var(--line);
            border-radius: 8px;
            min-height: 190px;
            overflow: hidden;
            position: relative;
          }
          .manual-location-preview-map.is-empty {
            opacity: 0.55;
          }
          .manual-location-preview-canvas,
          .manual-location-preview-map what3words-map {
            display: block;
            height: 190px;
            min-height: 190px;
            width: 100%;
          }
          .manual-location-preview-overlay {
            inset: 0;
            position: absolute;
            z-index: 2;
          }
          .manual-location-preview-placeholder {
            align-items: center;
            background: rgba(var(--blue), 0.025);
            border: 1px dashed var(--line);
            border-radius: 8px;
            color: var(--muted);
            display: flex;
            justify-content: center;
            min-height: 190px;
            padding: 16px;
            text-align: center;
          }
          .manual-selected-location {
            background: rgba(var(--blue), 0.035);
            border: 1px dashed var(--line);
            border-radius: 8px;
            color: var(--muted);
            margin: 0;
            padding: 10px 12px;
          }
          .w3w-lookup,
          .swift-lookup {
            display: grid;
            position: relative;
          }
          .w3w-suggestions,
          .swift-suggestions {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 12px 28px rgba(var(--black), 0.16);
            display: grid;
            left: 0;
            max-height: 240px;
            overflow-y: auto;
            position: absolute;
            right: 0;
            top: calc(100% + 4px);
            z-index: 30;
          }
          .w3w-suggestions[hidden],
          .swift-suggestions[hidden] {
            display: none;
          }
          .w3w-suggestion,
          .swift-suggestion {
            background: rgb(var(--white));
            border: 0;
            border-bottom: 1px solid var(--line);
            border-radius: 0;
            color: var(--text);
            display: grid;
            gap: 2px;
            justify-items: start;
            min-height: 0;
            padding: 9px 10px;
            text-align: left;
          }
          .w3w-suggestion:last-child,
          .swift-suggestion:last-child {
            border-bottom: 0;
          }
          .w3w-suggestion:hover,
          .swift-suggestion:hover {
            background: rgba(var(--blue), 0.06);
          }
          .w3w-suggestion strong,
          .swift-suggestion strong {
            font-size: 13px;
            line-height: 1.25;
          }
          .w3w-suggestion span,
          .swift-suggestion span {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.25;
          }
          .location-test-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .location-test-results {
            align-content: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            min-height: 160px;
            padding: 10px;
          }
          .location-test-result {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            cursor: pointer;
            display: grid;
            gap: 3px;
            grid-template-rows: auto auto;
            min-height: 0;
            padding: 8px;
          }
          .location-test-result:hover,
          .location-test-result:focus {
            border-color: var(--accent);
            outline: none;
          }
          .location-test-result span {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.25;
          }
          .location-test-result strong {
            line-height: 1.25;
          }
          .location-test-address-form {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 10px;
          }
          .location-test-address-form h4 {
            margin: 0;
          }
          .location-test-address-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .location-test-raw pre {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            font-size: 12px;
            max-height: 320px;
            overflow: auto;
            padding: 10px;
            white-space: pre-wrap;
          }
          .location-test-map-shell {
            border: 1px solid var(--line);
            border-radius: 8px;
            height: 520px;
            overflow: hidden;
            position: relative;
          }
          .location-test-map-shell what3words-map,
          .location-test-map {
            display: block;
            height: 100%;
            width: 100%;
          }
          .location-test-map > div,
          .location-test-map .gm-style {
            height: 100% !important;
            min-height: 100% !important;
          }
          .location-test-map-status {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
          }
          .location-test-support-note {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 10px 12px;
          }
          .location-test-support-note p {
            color: var(--muted);
            margin: 4px 0 0;
          }
          .location-test-destination {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 10px 12px;
          }
          .location-test-destination div {
            display: grid;
            gap: 2px;
          }
          .location-test-destination span {
            color: var(--muted);
            font-size: 13px;
          }
          .location-test-map-readout {
            display: grid;
            gap: 10px;
            grid-template-columns: 1fr;
          }
          .location-test-map-missing {
            align-content: center;
            background: var(--surface-content);
            border: 1px dashed var(--line);
            border-radius: 8px;
            display: grid;
            min-height: 520px;
            padding: 18px;
            text-align: center;
          }
          .location-lab-page {
            display: grid;
            gap: 14px;
          }
          .location-lab-status {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-end;
          }
          .location-lab-status span {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            padding: 5px 9px;
          }
          .location-lab-status strong {
            color: var(--text);
            text-transform: uppercase;
          }
          .location-lab-workspace {
            align-items: start;
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(280px, 0.42fr) minmax(420px, 1fr);
          }
          .location-lab-main {
            align-content: start;
            display: grid;
            gap: 12px;
            min-width: 0;
          }
          .location-lab-search,
          .location-lab-map-panel,
          .location-lab-pins {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 12px;
          }
          .location-lab-search h2,
          .location-lab-map-heading h2,
          .location-lab-pins-heading h2 {
            font-size: 18px;
            margin: 0;
          }
          .location-lab-search label {
            display: grid;
            gap: 6px;
          }
          .location-lab-address-heading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .location-lab-saved {
            display: grid;
            gap: 8px;
          }
          .location-lab-saved-list,
          .location-lab-dialog-results {
            align-content: start;
            display: grid;
            gap: 8px;
          }
          .location-lab-saved-list {
            max-height: 360px;
            overflow: auto;
          }
          .location-lab-saved-address-row {
            display: block;
            position: relative;
          }
          .location-lab-saved-address-row.has-edit {
            display: block;
          }
          .location-lab-saved-address-row.has-edit .location-lab-saved-address {
            padding-right: 48px;
          }
          .location-lab-saved-address,
          .location-lab-result {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: var(--text);
            border-radius: 8px;
            cursor: pointer;
            display: grid;
            gap: 3px;
            min-height: 0;
            padding: 8px;
            text-align: left;
            transition: border-color 0.15s ease, color 0.15s ease;
          }
          .location-lab-saved-address {
            width: 100%;
          }
          .location-lab-saved-edit {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
          }
          .location-lab-saved-edit:hover,
          .location-lab-saved-edit:focus-visible {
            outline: none;
          }
          .location-lab-saved-address:hover,
          .location-lab-saved-address:focus-visible,
          .location-lab-result:hover,
          .location-lab-result:focus {
            background: rgb(var(--white));
            border-color: var(--accent);
            color: var(--accent);
            outline: none;
          }
          .location-lab-saved-address:hover strong,
          .location-lab-saved-address:focus-visible strong,
          .location-lab-saved-address:hover span,
          .location-lab-saved-address:focus-visible span {
            color: var(--accent);
          }
          .location-lab-saved-address.is-selected {
            background: rgba(var(--green), 0.11);
            border-color: rgba(var(--green), 0.55);
          }
          .location-lab-address-dialog .location-lab-result:hover,
          .location-lab-address-dialog .location-lab-result:focus {
            background: #f8fafc;
            border-color: var(--accent);
            color: var(--text);
          }
          .location-lab-address-dialog .location-lab-result:hover strong,
          .location-lab-address-dialog .location-lab-result:focus strong {
            color: var(--text);
          }
          .location-lab-address-dialog .location-lab-result:hover span,
          .location-lab-address-dialog .location-lab-result:focus span {
            color: var(--muted);
          }
          .location-lab-saved-address strong,
          .location-lab-result strong {
            color: var(--text);
            line-height: 1.25;
          }
          .location-lab-saved-address-title {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-width: 0;
          }
          .location-lab-saved-address span,
          .location-lab-result span,
          .location-lab-address span {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.25;
          }
          .location-lab-address {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            min-height: 42px;
            padding: 8px 10px;
          }
          .location-lab-address-title-row {
            align-items: start;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .location-lab-address-title {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-width: 0;
          }
          .location-lab-address-title strong {
            align-items: center;
            display: inline-flex;
            min-height: 24px;
          }
          .location-lab-address strong {
            line-height: 1.2;
          }
          .location-lab-address-chips {
            align-items: center;
            display: inline-flex;
            flex-wrap: wrap;
            gap: 5px;
          }
          .location-lab-address-chip {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
            min-height: 22px;
            padding: 0 8px;
          }
          .location-lab-address-lines {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 4px 10px;
          }
          .location-lab-address span {
            border-left: 0;
            padding-left: 0;
          }
          .location-lab-address .location-lab-address-chip,
          .location-lab-saved-address .location-lab-address-chip {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 11px;
            font-weight: 800;
            justify-content: center;
            line-height: 1;
            min-height: 22px;
            padding: 0 8px;
          }
          .location-lab-address-edit {
            align-items: center;
            appearance: none;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 50%;
            box-sizing: border-box;
            color: var(--muted);
            cursor: pointer;
            display: inline-flex;
            flex: 0 0 auto;
            height: 34px;
            justify-content: center;
            line-height: 1;
            min-height: 34px;
            min-width: 34px;
            padding: 0;
            place-items: center;
            width: 34px;
          }
          .location-lab-address-edit:hover,
          .location-lab-address-edit:focus-visible {
            background: rgb(var(--white));
            border-color: var(--accent);
            color: var(--accent);
            outline: none;
          }
          .location-lab-address-edit svg {
            fill: none;
            height: 17px;
            width: 17px;
          }
          .location-lab-edit-dialog {
            max-width: min(620px, calc(100vw - 32px));
          }
          .location-lab-address-dialog .modal-close-x,
          .location-lab-edit-dialog .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .location-lab-edit-form,
          .location-lab-edit-address {
            display: grid;
            gap: 12px;
          }
          .location-lab-readonly-address-grid {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .location-lab-readonly-address-grid label {
            display: grid;
            gap: 4px;
          }
          .location-lab-readonly-address-grid span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
          }
          .location-lab-readonly-address-grid input[readonly] {
            background: #f8fafc;
            color: var(--muted);
          }
          .location-lab-edit-form .checkbox-label {
            align-items: center;
            display: inline-flex;
            gap: 8px;
            justify-self: start;
            line-height: 1.2;
          }
          .location-lab-edit-form .checkbox-label input[type="checkbox"] {
            appearance: auto;
            flex: 0 0 auto;
            height: 18px;
            margin: 0;
            min-height: 18px;
            min-width: 18px;
            padding: 0;
            width: 18px;
          }
          .location-lab-edit-actions {
            display: flex;
            gap: 8px;
            justify-content: flex-end;
          }
          .location-lab-delete-address {
            margin-right: auto;
          }
          .location-lab-map-heading,
          .location-lab-pins-heading {
            align-items: flex-start;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .location-lab-w3w-logo {
            flex: 0 0 auto;
            height: 26px;
            max-width: min(180px, 34vw);
            object-fit: contain;
          }
          .location-lab-pin-actions {
            display: flex;
            gap: 8px;
          }
          .location-lab-pins-title-row {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .location-lab-save-status {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            min-height: 24px;
            padding: 0 10px;
          }
          .location-lab-save-status[hidden] {
            display: none;
          }
          .location-lab-save-status[data-state="saving"] {
            border-color: rgba(var(--blue), 0.35);
            color: var(--accent);
          }
          .location-lab-save-status[data-state="saved"] {
            background: rgba(var(--green), 0.12);
            border-color: rgba(var(--green), 0.36);
            color: rgb(27, 114, 52);
          }
          .location-lab-save-status[data-state="error"] {
            background: rgba(var(--red), 0.08);
            border-color: rgba(var(--red), 0.38);
            color: rgb(var(--red));
          }
          .location-lab-map-heading p,
          .location-lab-pins-heading p {
            color: var(--muted);
            font-size: 13px;
            margin: 3px 0 0;
          }
          .location-lab-map-frame {
            border: 1px solid var(--line);
            border-radius: 8px;
            overflow: hidden;
          }
          .location-lab-map-shell {
            border: 0;
            border-radius: 0;
            height: 560px;
            overflow: hidden;
            position: relative;
          }
          .location-lab-map {
            height: 100%;
            width: 100%;
          }
          .location-lab-map > div,
          .location-lab-map .gm-style {
            height: 100% !important;
            min-height: 100% !important;
          }
          .location-lab-map-empty {
            align-content: center;
            background: rgba(var(--white), 0.88);
            display: grid;
            gap: 4px;
            inset: 0;
            justify-items: center;
            padding: 18px;
            pointer-events: none;
            position: absolute;
            text-align: center;
            z-index: 5;
          }
          .location-lab-map-empty[hidden] {
            display: none;
          }
          .location-lab-map-empty span {
            color: var(--muted);
          }
          .location-lab-uprn-map-status {
            align-items: center;
            background: rgba(var(--white), 0.92);
            border: 1px solid #d7dde5;
            border-radius: 8px;
            bottom: 12px;
            box-shadow: 0 10px 22px rgba(var(--black), 0.12);
            display: flex;
            gap: 8px;
            left: 12px;
            max-width: calc(100% - 24px);
            padding: 8px 10px;
            pointer-events: none;
            position: absolute;
            z-index: 6;
          }
          .location-lab-uprn-map-status strong {
            color: #0A3049;
            font-family: "Montserrat", "Source Sans 3", Arial, sans-serif;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .location-lab-uprn-map-status span {
            color: var(--muted);
            font-size: 13px;
          }
          .location-lab-map-controls {
            align-items: center;
            background: rgb(var(--white));
            border-top: 1px solid var(--line);
            display: flex;
            gap: 10px;
            justify-content: space-between;
            min-height: 36px;
            padding: 5px 10px;
          }
          .location-lab-map-layer-controls {
            align-items: center;
            display: flex;
            gap: 10px;
            min-width: 0;
          }
          .location-lab-map-toggle {
            align-items: center;
            display: inline-flex;
            gap: 8px;
          }
          .location-lab-map-toggle input {
            accent-color: rgb(var(--blue));
            height: 16px;
            margin: 0;
            width: 16px;
          }
          .location-lab-map-toggle span {
            color: var(--text);
            font-size: 13px;
            font-weight: 800;
          }
          .location-lab-map-control-status {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
            white-space: nowrap;
          }
          .location-lab-map-zoom-controls {
            display: inline-flex;
            gap: 4px;
          }
          .location-lab-map-zoom-controls button {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 6px;
            color: var(--text);
            display: inline-flex;
            font-size: 18px;
            font-weight: 800;
            flex: 0 0 30px;
            height: 30px;
            justify-content: center;
            line-height: 1;
            min-height: 30px;
            min-width: 30px;
            padding: 0;
            width: 30px;
          }
          .location-lab-map-zoom-controls button:hover,
          .location-lab-map-zoom-controls button:focus-visible {
            background: #edf6ff;
            border-color: rgb(var(--blue));
            color: rgb(var(--blue));
          }
          .location-lab-pin-list {
            display: grid;
            gap: 8px;
          }
          .location-lab-pin {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: 34px minmax(280px, 1fr) 190px 112px 96px 34px;
            padding: 8px;
          }
          .location-lab-pin.is-primary {
            border-color: rgba(var(--green), 0.55);
            box-shadow: inset 0 0 0 1px rgba(var(--green), 0.2);
          }
          .location-lab-pin.is-uprn {
            border-color: rgba(var(--green), 0.55);
          }
          .location-lab-pin-index {
            align-items: center;
            appearance: none;
            background: #E11F26;
            border: 2px solid #E11F26;
            border-radius: 0;
            box-sizing: border-box;
            color: #FFFFFF;
            cursor: pointer;
            display: inline-flex;
            font-family: "Source Sans 3", Arial, sans-serif;
            font-size: 14px;
            font-weight: 400;
            height: 28px;
            justify-content: center;
            line-height: 1;
            min-height: 28px;
            min-width: 28px;
            padding: 0;
            width: 28px;
          }
          .location-lab-pin.is-primary .location-lab-pin-index {
            background: #E11F26;
            font-weight: 900;
          }
          .location-lab-pin.is-uprn .location-lab-pin-index,
          .location-lab-pin-index.is-uprn {
            background: #159947;
            border-color: #159947;
            color: #FFFFFF;
            font-weight: 900;
          }
          .location-lab-pin.is-hovered .location-lab-pin-index,
          .location-lab-pin-index:hover,
          .location-lab-pin-index:focus-visible {
            background: #E11F26;
            border-color: #E11F26;
            color: #0A3049;
          }
          .location-lab-pin.is-uprn.is-hovered .location-lab-pin-index,
          .location-lab-pin-index.is-uprn:hover,
          .location-lab-pin-index.is-uprn:focus-visible {
            background: #159947;
            border-color: #159947;
            color: #FFFFFF;
          }
          .location-lab-pin input {
            min-width: 0;
          }
          .location-lab-pin-title {
            min-width: 0;
            width: 100%;
          }
          .location-lab-pin-words,
          .location-lab-primary-button,
          .location-lab-visibility-button {
            border-radius: 999px;
            font-size: 12px;
            min-height: 32px;
            white-space: nowrap;
            width: 100%;
          }
          .location-lab-pin-words {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid #0A3049;
            border-radius: 0;
            color: #0A3049;
            cursor: pointer;
            display: flex;
            font-family: "Source Sans 3", Arial, sans-serif;
            font-size: 14px;
            font-weight: 400;
            justify-content: center;
            min-width: 0;
            overflow: hidden;
            padding: 0 10px;
            text-decoration: none;
            text-overflow: ellipsis;
          }
          .location-lab-pin-words:hover,
          .location-lab-pin-words:focus-visible {
            background: #0A3049;
            color: rgb(var(--white));
          }
          .location-lab-w3w-prefix {
            color: #E11F26;
          }
          .location-lab-primary-button {
            background: var(--control-primary-surface);
            border: 1px solid var(--control-primary-border);
            color: var(--control-primary-text);
            font-weight: 600;
          }
          .location-lab-primary-button:hover,
          .location-lab-primary-button:focus-visible {
            background: var(--control-primary-hover);
            border-color: var(--control-primary-hover-border);
            color: var(--control-primary-text);
          }
          .location-lab-primary-button.is-primary {
            font-weight: 600;
          }
          .location-lab-primary-button.is-building,
          .location-lab-primary-button.is-building:disabled,
          .location-lab-primary-button.is-building:disabled:hover {
            background: var(--control-primary-surface);
            border-color: var(--control-primary-border);
            color: var(--control-primary-text);
            font-weight: 600;
            opacity: 1;
          }
          .location-lab-visibility-button {
            background: rgb(var(--white));
            border: 1px solid var(--control-neutral-border);
            color: var(--control-neutral-text);
            font-weight: 400;
          }
          .location-lab-visibility-button:hover,
          .location-lab-visibility-button:focus-visible {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            color: var(--control-primary-text);
          }
          .location-lab-visibility-button.is-public {
            background: var(--control-primary-surface);
            border-color: var(--control-primary-border);
            font-weight: 600;
            color: var(--control-primary-text);
          }
          .location-lab-remove {
            justify-self: end;
            min-width: 28px;
          }
          .location-lab-remove-label {
            display: none;
          }
          .location-lab-nearby,
          .location-lab-uprns {
            background: rgba(150, 119, 219, 0.08);
            border: 1px solid rgba(150, 119, 219, 0.28);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .location-lab-uprns {
            background: #edf6ff;
            border-color: #d7dde5;
          }
          .location-lab-nearby-heading {
            align-items: end;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .location-lab-nearby-heading h3 {
            color: var(--text);
            font-family: "Montserrat", "Source Sans 3", Arial, sans-serif;
            font-size: 18px;
            font-weight: 900;
            letter-spacing: 0;
            margin: 0;
            text-transform: uppercase;
          }
          .location-lab-nearby-heading p {
            color: var(--muted);
            margin: 2px 0 0;
          }
          .location-lab-nearby-controls {
            align-items: end;
            display: grid;
            gap: 8px;
            grid-template-columns: 110px auto;
          }
          .location-lab-nearby-controls label {
            color: var(--muted);
            display: grid;
            font-size: 13px;
            font-weight: 700;
            gap: 4px;
          }
          .location-lab-nearby-list,
          .location-lab-uprn-list {
            display: grid;
            gap: 8px;
          }
          .location-lab-uprn-summary {
            color: var(--muted);
            font-size: 13px;
            margin: 0;
          }
          .location-lab-uprn-card {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid #d7dde5;
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: 170px minmax(0, 1fr);
            padding: 10px;
          }
          .location-lab-uprn-card strong {
            color: #0A3049;
            font-family: "Source Sans 3", Arial, sans-serif;
            font-size: 16px;
            font-weight: 800;
          }
          .location-lab-uprn-card span {
            color: var(--muted);
            font-size: 13px;
          }
          .location-lab-nearby-card {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid rgba(150, 119, 219, 0.28);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: 34px minmax(220px, 1fr) 190px 82px;
            padding: 10px;
          }
          .location-lab-nearby-card.is-hovered {
            border-color: #0A3049;
          }
          .location-lab-nearby-pin-button {
            align-items: center;
            appearance: none;
            background: rgba(150, 119, 219, 0.12);
            border: 1px solid rgba(150, 119, 219, 0.36);
            border-radius: 8px;
            cursor: pointer;
            display: inline-flex;
            height: 34px;
            justify-content: center;
            padding: 0;
            transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
            width: 34px;
          }
          .location-lab-nearby-pin-button img {
            display: block;
            height: 28px;
            width: 19px;
          }
          .location-lab-nearby-pin-button:hover,
          .location-lab-nearby-pin-button:focus-visible {
            background: rgba(150, 119, 219, 0.22);
            border-color: rgba(150, 119, 219, 0.68);
          }
          .location-lab-nearby-pin-button:hover img,
          .location-lab-nearby-pin-button:focus-visible img {
            transform: scale(1.08);
          }
          .location-lab-nearby-title {
            display: grid;
            gap: 4px;
            min-width: 0;
          }
          .location-lab-nearby-card strong {
            color: var(--text);
            font-size: 16px;
          }
          .location-lab-nearby-card span {
            color: var(--muted);
            font-size: 13px;
          }
          .location-lab-nearby-words {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid #0A3049;
            border-radius: 0;
            color: #0A3049;
            cursor: pointer;
            display: inline-flex;
            font-family: "Source Sans 3", Arial, sans-serif;
            font-size: 14px;
            font-weight: 400;
            justify-content: center;
            justify-self: start;
            min-height: 30px;
            min-width: 180px;
            padding: 0 10px;
            text-decoration: none;
          }
          .location-lab-pin-words[aria-disabled="true"],
          .location-lab-nearby-words[aria-disabled="true"] {
            border-color: var(--line);
            color: var(--muted);
            cursor: default;
          }
          .location-lab-nearby-words:hover,
          .location-lab-nearby-words:focus-visible {
            background: #0A3049;
            color: rgb(var(--white));
            outline: none;
          }
          .location-lab-duplicate-pin {
            min-height: 34px;
          }
          .manual-deal-split {
            align-items: start;
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(260px, 0.85fr) minmax(360px, 1.15fr);
          }
          .manual-deal-parties {
            display: grid;
            gap: 14px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .manual-deal-split .manual-deal-parties {
            grid-template-columns: 1fr;
          }
          .manual-clear-field {
            align-items: center;
            display: grid;
            gap: 6px;
            grid-template-columns: minmax(0, 1fr) 28px;
          }
          .manual-clear-field input {
            min-width: 0;
          }
          .manual-clear-field button,
          .manual-participant-remove {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--control-danger-border);
            border-radius: 999px;
            color: var(--control-danger-text);
            display: inline-flex;
            font-size: 0;
            font-weight: 700;
            height: 28px;
            justify-content: center;
            line-height: 1;
            min-height: 28px;
            min-width: 28px;
            padding: 0;
            place-items: center;
            position: relative;
            text-align: center;
            width: 28px;
          }
          .manual-clear-field button::before,
          .manual-clear-field button::after,
          .manual-participant-remove::before,
          .manual-participant-remove::after {
            background: currentColor;
            border-radius: 999px;
            content: "";
            height: 1.5px;
            left: 50%;
            position: absolute;
            top: 50%;
            width: 10px;
          }
          .manual-clear-field button::before,
          .manual-participant-remove::before {
            transform: translate(-50%, -50%) rotate(45deg);
          }
          .manual-clear-field button::after,
          .manual-participant-remove::after {
            transform: translate(-50%, -50%) rotate(-45deg);
          }
          .manual-clear-field button {
            color: var(--control-danger-text);
          }
          .manual-clear-field button[hidden] {
            display: inline-flex;
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
          }
          .manual-clear-field button:hover,
          .manual-participant-remove:hover {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          .joined-clear-control {
            align-items: stretch;
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 0;
            grid-template-columns: minmax(0, 1fr) 40px;
            overflow: hidden;
          }
          .joined-clear-control:has(button[hidden]) {
            grid-template-columns: minmax(0, 1fr) 0;
          }
          .joined-clear-control input {
            border: 0;
            border-radius: 0;
            min-height: 38px;
          }
          .joined-clear-control button {
            align-self: stretch;
            background: rgb(var(--white));
            border: 0;
            border-left: 1px solid var(--line);
            border-radius: 0;
            color: var(--control-danger-text);
            height: auto;
            min-height: 38px;
            min-width: 40px;
            width: 40px;
          }
          .joined-clear-control button[hidden] {
            display: inline-flex;
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
            width: 0;
          }
          .joined-clear-control button:hover {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          .joined-clear-control input:focus {
            outline: 0;
          }
          .manual-access-builder {
            display: grid;
            gap: 12px;
          }
          .manual-my-role-row {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .manual-add-me-button {
            align-items: center;
            display: inline-flex;
            justify-content: center;
            line-height: 1;
            min-height: 38px;
            padding-bottom: 0;
            padding-top: 0;
            white-space: nowrap;
          }
          .manual-secondary-action {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: var(--muted);
            display: inline-flex;
            justify-content: center;
            line-height: 1;
            min-height: 38px;
            padding-bottom: 0;
            padding-top: 0;
            white-space: nowrap;
          }
          .manual-secondary-action:hover {
            background: rgb(var(--white));
            border-color: var(--accent);
            color: var(--accent);
          }
          .manual-person-editor {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(240px, 1fr) minmax(170px, 0.45fr) auto;
          }
          .manual-person-editor button {
            min-height: 38px;
          }
          .manual-deal-form .form-error {
            background: rgb(255, 235, 235);
            border: 1px solid rgba(var(--red), 0.45);
            border-radius: 8px;
            color: var(--danger);
            font-weight: 800;
            padding: 8px 12px;
          }
          .manual-access-error {
            justify-self: stretch;
            margin: 4px 0 0;
            min-height: 0;
            text-align: center;
          }
          .manual-deal-form > .manual-access-error {
            align-items: center;
            display: flex;
            justify-content: center;
            min-height: 42px;
          }
          .manual-deal-form > .manual-access-error[hidden] {
            display: none;
          }
          .manual-participant-list {
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            max-height: 300px;
            overflow-y: auto;
            padding: 10px;
          }
          .manual-participant-list > .muted {
            margin: 0;
          }
          .manual-participant-row {
            align-items: center;
            background: rgb(var(--soft-blue));
            border: 1px solid rgb(190, 220, 245);
            border-radius: 8px;
            display: flex;
            gap: 10px;
            justify-content: space-between;
            padding: 9px 10px;
          }
          .manual-participant-row div {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .manual-participant-row strong,
          .manual-participant-row span {
            overflow-wrap: anywhere;
          }
          .manual-participant-row span {
            color: var(--muted);
            font-size: 0.9rem;
          }
          .manual-participant-remove {
            flex: 0 0 auto;
          }
          .manual-new-site-fields {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .manual-deal-actions {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: flex-end;
          }
          .manual-wizard-actions {
            border-top: 1px solid var(--line);
            padding: 12px 0 0;
          }
          .manual-section-heading {
            align-items: end;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(0, 1fr) minmax(220px, 0.35fr);
          }
          .manual-section-heading h3,
          .manual-section-heading p,
          .manual-party-subheading h4 {
            margin: 0;
          }
          .manual-section-heading p {
            color: var(--muted);
            font-size: 13px;
            margin-top: 4px;
          }
          .manual-section-heading.compact {
            display: block;
          }
          .manual-deal-columns {
            display: grid;
            gap: 14px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .manual-parties-surface {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 12px;
          }
          .manual-access-panel {
            align-content: start;
            background: transparent;
            border: 0;
            border-radius: 0;
            display: grid;
            gap: 12px;
            justify-self: stretch;
            padding: 0;
            width: 100%;
          }
          .manual-access-sides {
            align-items: start;
            display: grid;
            gap: 14px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .manual-access-side {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 12px;
            padding: 12px;
          }
          .manual-access-picker {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 10px;
            display: grid;
            gap: 10px;
            padding: 10px;
          }
          .manual-access-mode-tabs {
            background: rgb(244, 247, 250);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            padding: 4px;
          }
          .manual-access-mode-tabs button {
            background: transparent;
            border-radius: 6px;
            color: var(--control-neutral-text);
            min-height: 34px;
            border: 1px solid transparent;
            font-size: 12px;
            font-weight: 500;
            box-shadow: none;
          }
          .manual-access-mode-tabs button:hover {
            background: var(--control-primary-hover);
            color: var(--control-primary-text);
          }
          .manual-access-mode-tabs button.is-active {
            background: var(--control-primary-surface);
            border-color: var(--accent);
            box-shadow: 0 0 0 1px var(--accent);
            color: var(--control-primary-text);
            font-weight: 600;
          }
          .manual-access-pane {
            display: grid;
            gap: 10px;
          }
          .manual-access-pane[hidden] {
            display: none;
          }
          .manual-party-filter-bar {
            align-items: stretch;
            display: grid;
            gap: 14px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            min-height: 88px;
          }
          .people-filter-bar.manual-party-filter-bar label {
            display: grid;
            gap: 4px;
            grid-template-columns: 1fr;
            margin: 0;
          }
          .manual-party-role-field {
            align-self: start;
            transform: translateY(-2px);
          }
          .manual-party-organisation-field {
            align-self: end;
            transform: translateY(8px);
          }
          .manual-party-role-field select,
          .manual-party-organisation-field input {
            width: 100%;
          }
          .manual-party-zone {
            align-content: start;
            background: var(--surface-inner);
          }
          .manual-party-zone.is-own-side {
            box-shadow: none;
          }
          .manual-picker-heading {
            align-items: center;
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 12px;
          }
          .manual-picker-heading .manual-access-quick-filter {
            justify-self: end;
            width: min(100%, 360px);
            min-width: 0;
            min-height: 34px;
            font-size: 12px;
            font-weight: 500;
            line-height: 18px;
          }
          .manual-party-subsection {
            display: grid;
            gap: 10px;
          }
          .manual-party-subheading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .manual-party-subheading span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 900;
          }
          .manual-access-roster {
            align-content: start;
            background: var(--surface-inner);
            border-color: rgb(186, 221, 252);
            transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
          }
          .manual-access-roster.is-drag-over {
            background: rgb(231, 244, 255);
            border-color: var(--accent);
            box-shadow: 0 0 0 2px rgba(var(--blue), 0.14);
          }
          .manual-roster-groups {
            display: grid;
            gap: 10px;
          }
          .manual-review-roster-groups {
            align-items: stretch;
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .manual-roster-group {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-rows: 26px minmax(0, 1fr);
            padding: 10px;
          }
          .manual-roster-heading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .manual-roster-heading h4 {
            font-size: 16px;
            line-height: 1.2;
            margin: 0;
          }
          .manual-roster-heading span {
            align-items: center;
            background: rgb(244, 247, 250);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 12px;
            font-weight: 900;
            height: 22px;
            justify-content: center;
            min-width: 28px;
            padding: 0 8px;
          }
          .manual-selected-people {
            align-content: start;
            border-top: 1px solid var(--line);
            display: grid;
            gap: 8px;
            min-height: 62px;
            padding-top: 10px;
          }
          .manual-selected-person {
            align-items: start;
            background: var(--contact-card-added-surface);
            border: 1px solid var(--contact-card-added-border);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: auto minmax(0, 1fr) auto;
            padding: 10px;
            justify-self: stretch;
            width: 100%;
          }
          .manual-selected-person.is-seller-side {
            justify-self: stretch;
          }
          .manual-selected-person.is-buyer-side {
            justify-self: stretch;
          }
          .manual-selected-person.is-broker {
            background: var(--contact-card-added-surface);
            border-color: var(--contact-card-added-border);
          }
          .manual-selected-person-details {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .manual-selected-person strong,
          .manual-selected-person span,
          .manual-person-pick strong,
          .manual-person-pick span {
            overflow-wrap: anywhere;
          }
          .manual-selected-person span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 600;
            line-height: 1.25;
            min-height: 1.25em;
          }
          .manual-email-field .field-error[hidden],
          .manual-email-field .manual-email-success[hidden] {
            display: none;
          }
          .manual-email-field .manual-email-success {
            color: #287345;
            overflow-wrap: anywhere;
          }
          .manual-email-add {
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) minmax(128px, auto);
          }
          .manual-email-add input,
          .manual-email-add button {
            min-height: 38px;
          }
          .manual-email-add button {
            background: var(--control-primary-surface);
            border-color: var(--control-primary-border);
            color: var(--control-primary-text);
            font-weight: 600;
          }
          .manual-email-add button:hover {
            background: var(--control-primary-hover);
            border-color: var(--control-primary-hover-border);
            color: var(--control-primary-text);
          }
          .joined-add-control {
            align-items: stretch;
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 0;
            grid-template-columns: minmax(0, 1fr) auto;
            overflow: hidden;
          }
          .joined-add-control input {
            border: 0;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            min-height: 38px;
          }
          .joined-add-control button {
            border-bottom: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 8px;
            border-right: 0;
            border-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 8px;
            min-height: 38px;
            min-width: 118px;
            padding-left: 16px;
            padding-right: 16px;
          }
          .joined-add-control input:focus {
            outline: 0;
          }
          .manual-known-people {
            display: grid;
            gap: 8px;
          }
          .manual-picker-group {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 8px;
            padding-top: 8px;
          }
          .manual-picker-group[hidden] {
            display: none;
          }
          .manual-picker-label {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .manual-picker-list {
            display: grid;
            gap: 6px;
            max-height: 520px;
            overflow-y: auto;
          }
          .manual-picker-empty {
            margin: 0;
            padding: 8px 0;
          }
          .manual-person-pick {
            align-items: start;
            background: var(--contact-card-surface);
            border: 1px solid var(--contact-card-border);
            border-radius: 8px;
            color: var(--text);
            cursor: pointer;
            display: grid;
            gap: 8px;
            grid-template-columns: auto auto minmax(0, 1fr);
            justify-items: start;
            min-height: auto;
            padding: 10px;
            text-align: left;
            width: 100%;
          }
          .manual-person-pick:hover,
          .manual-person-pick:focus-visible {
            background: var(--contact-card-surface);
            border-color: var(--accent);
            box-shadow: 0 0 0 2px rgba(var(--blue), 0.12);
            outline: none;
          }
          .manual-person-pick[hidden] {
            display: none;
          }
          .manual-person-pick.is-selected {
            background: var(--contact-card-added-surface);
            border-color: var(--contact-card-added-border);
          }
          .manual-person-pick.is-locked {
            cursor: default;
          }
          .manual-person-pick.is-locked,
          .manual-person-pick:has(> .manual-card-status) {
            grid-template-columns: auto auto minmax(0, 1fr) auto;
          }
          .manual-person-pick > .manual-locked-pill {
            grid-column: 4;
            grid-row: 1;
            justify-self: end;
            white-space: nowrap;
          }
          .manual-person-check {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 5px;
            color: rgb(var(--white));
            display: inline-flex;
            font-weight: 900;
            height: 20px;
            justify-content: center;
            line-height: 1;
            margin-top: 1px;
            transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
            width: 20px;
          }
          .manual-person-check::before {
            content: "";
          }
          .manual-person-pick.is-selected .manual-person-check {
            background: rgb(231, 243, 255);
            border-color: rgb(170, 210, 245);
            box-shadow: none;
            color: var(--accent);
          }
          .manual-person-pick.is-selected .manual-person-check::before {
            border-bottom: 2px solid currentColor;
            border-right: 2px solid currentColor;
            content: "";
            height: 8px;
            margin-top: -2px;
            transform: rotate(45deg);
            width: 4px;
          }
          .manual-person-pick.is-locked .manual-person-check {
            background: rgb(231, 243, 255);
            border-color: rgb(170, 210, 245);
            color: var(--accent);
          }
          .manual-picker-card-details {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .manual-card-status {
            grid-row: 1;
            justify-self: end;
            align-self: end;
          }
          .manual-person-pick > .manual-card-status {
            grid-column: 4;
          }
          .manual-selected-person > .manual-card-status,
          .manual-selected-person > .person-card-actions,
          .manual-selected-person > .manual-locked-pill {
            grid-column: 3;
            grid-row: 1;
          }
          .manual-selected-person > .person-card-actions,
          .manual-selected-person > .manual-locked-pill {
            align-self: start;
            min-height: 0;
          }
          .person-name-line {
            align-items: center;
            display: flex;
            gap: 6px;
            min-width: 0;
          }
          .person-name-line strong {
            min-width: 0;
          }
          .person-details-button {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--control-neutral-text);
            cursor: pointer;
            display: inline-flex;
            flex: 0 0 auto;
            font-family: Georgia, serif;
            font-size: 12px;
            font-style: italic;
            font-weight: 700;
            height: 20px;
            justify-content: center;
            line-height: 1;
            min-height: 20px;
            min-width: 20px;
            padding: 0;
            width: 20px;
            border-color: var(--control-neutral-border);
          }
          .person-details-button:hover,
          .person-details-button:focus-visible {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            box-shadow: none;
            color: var(--control-primary-text);
          }
          .manual-person-pick span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 600;
            line-height: 1.25;
            min-height: 1.25em;
          }
          .manual-person-pick .deal-access-person-avatar,
          .manual-selected-person .deal-access-person-avatar {
            color: var(--accent-dark);
            font-size: 11px;
            font-weight: 900;
            line-height: 1;
          }
          .manual-add-pill {
            align-items: center;
            align-self: start;
            background: var(--control-primary-surface);
            border: 1px solid var(--accent);
            border-radius: 999px;
            color: var(--control-primary-text);
            display: inline-flex;
            font-size: 12px;
            font-weight: 600;
            height: 20px;
            justify-content: center;
            line-height: 1;
            min-height: auto;
            min-width: 82px;
            padding: 0 8px;
            text-align: center;
            border-color: var(--control-primary-border);
          }
          .manual-add-pill:hover {
            background: var(--control-primary-hover);
            border-color: var(--control-primary-hover-border);
            color: var(--control-primary-text);
          }
          .manual-person-pick strong {
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.2;
          }
          .manual-selected-person strong {
            font-size: 1rem;
            line-height: 1.2;
          }
          .manual-hidden-participants {
            display: none;
          }
          .import-resolution-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: flex-start;
            margin-top: 14px;
          }
          .import-resolution-actions button {
            justify-self: auto;
            line-height: 1.25;
            min-height: 40px;
            min-width: 190px;
            padding: 9px 14px;
            white-space: normal;
          }

          .unknown-broker-email {
            color: var(--danger);
            font-weight: 700;
            text-decoration-thickness: 2px;
          }
          .import-cell-error,
          .import-cell-pending {
            display: block;
            font-size: 11px;
            margin-top: 3px;
          }
          .import-cell-error {
            color: var(--danger);
          }
          .import-cell-pending {
            color: var(--muted);
          }
          .import-add-me {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: var(--accent);
            display: inline-flex;
            font-size: 11px;
            line-height: 1;
            margin-top: 5px;
            min-height: 26px;
            padding: 5px 8px;
          }
          .import-add-me:hover {
            background: rgb(var(--soft-blue));
            border-color: var(--accent);
          }
          .import-rewrite-row {
            background: var(--surface-outer);
            border: 1px solid rgb(190, 220, 245);
            border-radius: 8px;
            display: grid;
            gap: 6px;
            margin-top: 12px;
            padding: 12px;
          }
          .import-preview-cards {
            display: grid;
            gap: 12px;
          }
          .import-preview-filter-row {
            align-items: end;
            background: var(--surface-outer);
            border: 1px solid rgb(190, 220, 245);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(260px, 1fr) minmax(220px, 0.6fr) minmax(190px, auto);
            margin: 12px 0;
            padding: 12px;
          }
          .import-preview-filter-row > label:not(.import-existing-toggle) {
            display: grid;
            gap: 5px;
          }
          .import-preview-toggles {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .import-preview-toggles .import-existing-toggle {
            flex: 1 1 180px;
          }
          .import-existing-toggle {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            cursor: pointer;
            display: grid;
            gap: 2px 8px;
            grid-template-columns: auto minmax(0, 1fr);
            min-height: 42px;
            padding: 8px 10px;
          }
          .import-existing-toggle input {
            height: 18px;
            margin: 0;
            width: 18px;
          }
          .import-existing-toggle span {
            font-weight: 800;
            line-height: 1.1;
          }
          .import-existing-toggle small {
            color: var(--muted);
            font-size: 11px;
            grid-column: 2;
          }
          .import-existing-toggle:hover {
            border-color: var(--accent);
          }
          .import-preview-empty {
            margin: 0 0 12px;
          }
          .import-preview-card {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            overflow: hidden;
          }
          .import-preview-card.is-filter-hidden {
            display: none !important;
          }
          .import-preview-card.has-import-issue {
            border-color: rgba(var(--red), 0.38);
          }
          .import-preview-card.is-existing-import {
            opacity: 0.72;
          }
          .import-preview-card.is-existing-import[data-import-resale="1"] {
            opacity: 1;
          }
          .import-preview-card-header {
            align-items: start;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 12px;
          }
          .import-preview-expand {
            font-size: 12px;
            min-height: 30px;
            padding: 5px 12px;
          }
          .import-preview-card-body {
            background: var(--surface-inner);
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .import-preview-card.has-import-issue .import-preview-card-body {
            background: rgb(255, 239, 239);
          }
          .import-card-feedback {
            border: 1px solid rgba(var(--red), 0.3);
            border-radius: 8px;
            background: rgb(255, 239, 239);
            color: rgb(var(--dark-grey));
            font-size: 13px;
            margin: 0;
            padding: 10px 12px;
          }
          .import-card-feedback[hidden] {
            display: none;
          }
          .import-card-existing,
          .import-card-existing-inline {
            background: rgba(var(--green), 0.14);
            border: 1px solid rgba(var(--green), 0.3);
            border-radius: 8px;
            color: rgb(27, 114, 52);
            font-weight: 800;
            padding: 10px 12px;
          }
          .import-preview-card-header h3 {
            font-size: clamp(1rem, 1.1vw, 1.18rem);
            line-height: 1.25;
            margin: 0;
          }
          .import-preview-ticket {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0;
            margin: 0 0 3px;
            text-transform: uppercase;
          }
          .import-preview-card-actions {
            align-items: center;
            display: inline-flex;
            gap: 8px;
          }
          .import-preview-parties {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .import-preview-parties div {
            background: rgb(var(--white));
            border: 1px solid rgb(190, 220, 245);
            border-radius: 8px;
            display: grid;
            gap: 3px;
            min-width: 0;
            padding: 9px 10px;
          }
          .import-preview-parties span,
          .import-access-section h4 {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            margin: 0;
            text-transform: uppercase;
          }
          .import-preview-parties strong {
            overflow-wrap: anywhere;
          }
          .import-preview-access-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .import-preview-detail {
            display: grid;
            gap: 10px;
          }
          .import-preview-detail[hidden] {
            display: none;
          }
          .import-access-section {
            align-content: start;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            min-width: 0;
            padding: 10px;
          }
          .import-access-heading {
            align-items: center;
            display: flex;
            gap: 8px;
            justify-content: space-between;
          }
          .import-access-heading .import-remove-all {
            background: transparent;
            border: 0;
            box-shadow: none;
            color: var(--muted);
            font-size: 11px;
            font-weight: 500;
            line-height: 1.4;
            min-height: 0;
            min-width: 0;
            padding: 2px 0;
            white-space: nowrap;
          }
          .import-access-heading .import-remove-all:hover {
            color: var(--danger);
            text-decoration: underline;
          }
          .import-access-heading .import-remove-all[hidden] { display: none; }
          .import-contact-list {
            align-content: start;
            display: grid;
            gap: 8px;
            min-width: 190px;
            max-height: 220px;
            overflow-y: auto;
          }
          .import-contact-item {
            align-items: center;
            background: rgb(250, 252, 255);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto auto;
            min-height: 42px;
            overflow: hidden;
            padding: 6px 8px;
          }
          .import-contact-line {
            align-items: baseline;
            display: flex;
            gap: 4px;
            min-width: 0;
            overflow: hidden;
            white-space: nowrap;
          }
          .import-contact-line strong,
          .import-contact-item small {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .import-contact-line strong {
            flex: 0 1 auto;
            min-width: 0;
          }
          .import-contact-item small {
            color: var(--muted);
            font-size: 11px;
          }
          .import-contact-tag {
            border-radius: 999px;
            flex: 0 0 auto;
            font-size: 10px;
            font-weight: 900;
            padding: 3px 7px;
            text-transform: uppercase;
            white-space: nowrap;
          }
          .import-contact-tag-pending,
          .import-contact-tag-ready {
            background: rgba(var(--green), 0.16);
            color: rgb(27, 114, 52);
          }
          .import-contact-tag-error {
            background: rgba(var(--red), 0.12);
            color: var(--danger);
            max-width: 190px;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .import-delete-contact,
          .import-delete-row {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--control-danger-border);
            border-radius: 999px;
            color: var(--control-danger-text);
            display: inline-flex;
            font-size: 0;
            height: 22px;
            justify-content: center;
            line-height: 1;
            min-height: 22px;
            min-width: 22px;
            padding: 0;
            position: relative;
            width: 22px;
          }
          .import-delete-row {
            height: 26px;
            min-height: 26px;
            min-width: 26px;
            width: 26px;
          }
          .import-delete-contact::before,
          .import-delete-contact::after,
          .import-delete-row::before,
          .import-delete-row::after {
            background: currentColor;
            border-radius: 999px;
            content: "";
            height: 1.5px;
            left: 50%;
            position: absolute;
            top: 50%;
            width: 9px;
          }
          .import-delete-row::before,
          .import-delete-row::after {
            width: 11px;
          }
          .import-delete-contact::before,
          .import-delete-row::before {
            transform: translate(-50%, -50%) rotate(45deg);
          }
          .import-delete-contact::after,
          .import-delete-row::after {
            transform: translate(-50%, -50%) rotate(-45deg);
          }
          .import-delete-contact:hover,
          .import-delete-row:hover {
            background: rgb(255, 236, 236);
            border-color: rgb(var(--red));
            color: rgb(var(--red));
          }
          .import-ready,
          .import-warning,
          .import-error {
            border-radius: 999px;
            display: inline-flex;
            font-size: 11px;
            font-weight: 900;
            padding: 3px 8px;
            text-transform: uppercase;
          }
          .import-ready {
            background: rgba(var(--green), 0.16);
            color: rgb(27, 114, 52);
          }
          .import-warning {
            background: rgba(var(--red), 0.12);
            color: var(--danger);
          }
          .import-error {
            background: rgba(var(--red), 0.12);
            color: var(--danger);
          }
          .import-card-form {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px 12px;
          }
          .import-card-broker-hint {
            align-items: center;
            background: rgba(var(--white), 0.65);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            display: inline-flex;
            font-size: 12px;
            font-weight: 500;
            gap: 6px;
            line-height: 1.4;
            padding: 4px 9px;
          }
          .import-card-broker-hint svg {
            flex: 0 0 14px;
          }
          .import-card-broker-hint[hidden] {
            display: none;
          }
          .import-card-broker-edit {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .import-card-broker-edit label {
            display: grid;
            gap: 5px;
          }
          .import-card-broker-edit small {
            color: var(--muted);
            font-size: 11px;
          }
          .import-broker-add-control {
            align-items: center;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto auto;
          }
          .import-broker-add-control input {
            min-width: 0;
          }
          .import-broker-add-control .brand-action-button,
          .import-broker-add-control .brand-light-button {
            min-height: 38px;
            padding-inline: 16px;
            white-space: nowrap;
          }
          .import-card-form > button {
            justify-self: end;
          }
          .import-confirm-dialog {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 20px 60px rgba(var(--black), 0.24);
            max-width: min(880px, calc(100vw - 28px));
            padding: 0;
            width: 880px;
          }
          .import-confirm-dialog::backdrop {
            background: rgba(var(--black), 0.42);
          }
          .import-confirm-dialog > .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .import-confirm-header {
            border-bottom: 1px solid var(--line);
            padding: 20px 68px 18px 20px;
          }
          .import-confirm-header h2,
          .import-confirm-header p {
            margin: 0;
          }
          .import-confirm-header h2 {
            margin-top: 4px;
          }
          .import-confirm-header > p:not(.eyebrow) {
            color: var(--muted);
            margin-top: 6px;
          }
          .import-confirm-body {
            background: var(--surface-outer);
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            padding: 14px;
          }
          .import-confirm-party {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-rows: auto minmax(140px, 1fr) minmax(120px, auto);
            padding: 12px;
          }
          .import-confirm-party > h3 {
            font-size: 14px;
            margin: 0;
          }
          .import-confirm-pane {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-rows: auto 1fr;
            min-height: 132px;
            padding: 10px;
          }
          .import-confirm-pane h4 {
            font-size: 12px;
            margin: 0;
          }
          .import-confirm-list {
            align-content: start;
            display: grid;
            gap: 8px;
          }
          .import-confirm-item {
            background: rgb(250, 252, 255);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 2px;
            min-width: 0;
            padding: 8px 10px;
          }
          .import-confirm-item strong,
          .import-confirm-item small {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .import-confirm-item small {
            color: var(--muted);
          }
          .import-confirm-actions {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            gap: 10px;
            justify-content: flex-end;
            padding: 14px;
          }
          @media (max-width: 820px) {
            .api-broker-fields,
            .import-card-broker-edit,
            .import-preview-filter-row,
            .import-preview-parties,
            .import-preview-access-grid {
              grid-template-columns: 1fr;
            }
            .import-confirm-body {
              grid-template-columns: 1fr;
            }
            .import-preview-card-header {
              grid-template-columns: 1fr;
            }
            .import-preview-card-actions {
              justify-content: space-between;
            }
          }
          .broker-cell {
            align-items: stretch;
            display: grid;
            gap: 8px;
            min-width: 260px;
          }
          .broker-cell-current {
            align-items: center;
            display: grid;
            gap: 6px;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .broker-cell-current > span {
            overflow-wrap: anywhere;
          }
          .broker-cell small {
            color: var(--muted);
            font-size: 11px;
            overflow-wrap: anywhere;
          }
          .broker-assign-form {
            display: grid;
            gap: 6px;
            grid-template-columns: minmax(150px, 1fr) auto;
            margin: 0;
          }
          .broker-assign-form select,
          .broker-assign-form button {
            min-height: 32px;
          }
          .broker-assign-form button {
            min-width: 64px;
            padding: 6px 10px;
          }
          .broker-clear-form {
            display: inline-flex;
            margin: 0;
          }
          .broker-clear-form .broker-clear-button {
            align-items: center;
            border-radius: 999px;
            display: inline-flex;
            font-size: 18px;
            height: 24px;
            justify-content: center;
            line-height: 1;
            min-height: 24px;
            min-width: auto;
            padding: 0;
            width: 24px;
          }
          .table-filter {
            margin-bottom: 12px;
            max-width: 520px;
          }
          .create-group-form {
            align-items: end;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(220px, 420px) auto;
            margin-bottom: 16px;
          }
          .group-workspace {
            align-items: start;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr);
          }
          .available-sites,
          .dealer-group-card {
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .dealer-group-card {
            background: rgba(var(--blue), 0.035);
          }
          .group-section-header {
            align-items: center;
            display: flex;
            gap: 8px;
            justify-content: space-between;
            margin-bottom: 10px;
          }
          .group-section-header span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
          }
          .site-list,
          .group-list {
            align-content: start;
            display: grid;
            gap: 10px;
          }
          .group-picker {
            align-items: center;
            display: grid;
            gap: 10px;
            grid-template-columns: auto minmax(220px, 420px);
            margin-bottom: 10px;
          }
          .group-picker select {
            min-height: 36px;
          }
          .site-card {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            cursor: grab;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 10px;
          }
          .site-card:active {
            cursor: grabbing;
          }
          .site-card span {
            overflow-wrap: anywhere;
          }
          .site-card button {
            min-height: 32px;
            padding: 6px 10px;
          }
          .group-name-form {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto;
            margin-bottom: 12px;
          }
          .delete-group-form {
            display: flex;
            justify-content: flex-end;
            margin: -4px 0 12px;
          }
          .delete-group-form button {
            background: rgb(var(--white));
            border: 1px solid var(--control-danger-border);
            color: var(--control-danger-text);
            min-height: 32px;
            padding: 5px 10px;
          }
          .delete-group-form button:hover {
            background: var(--control-danger-hover);
            color: var(--control-danger-text);
            border-color: var(--control-danger-hover-border);
          }
          .group-drop-zone {
            background: rgba(var(--white), 0.72);
            border: 2px dashed var(--line);
            border-radius: 8px;
            display: block;
            min-height: 94px;
            padding: 12px;
          }
          .group-drop-zone.drag-over {
            background: rgba(var(--blue), 0.08);
            border-color: var(--accent);
          }
          .hidden-form {
            display: none;
          }
          .group-sites {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .site-pill {
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            gap: 8px;
            font-size: 13px;
            padding: 5px 9px;
          }
          .site-pill form {
            display: inline-flex;
          }
          .site-pill button {
            background: transparent;
            color: var(--danger);
            font-size: 12px;
            min-height: auto;
            padding: 0;
          }
          .site-pill button:hover {
            background: transparent;
            color: rgb(var(--dark-grey));
          }
          table {
            width: 100%;
            border-collapse: collapse;
            min-width: 1180px;
          }
          .data-table {
            min-width: 1280px;
          }
          .data-table td {
            font-size: 13px;
          }
          th, td {
            border-top: 1px solid var(--line);
            padding: 10px 8px;
            text-align: left;
            vertical-align: middle;
          }
          th {
            background: rgb(var(--dark-grey));
            color: rgb(var(--white));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
          }
          .inline-form { display: contents; }
          .user-admin-page {
            background: var(--surface-outer);
          }
          .user-admin-page-header {
            align-items: end;
            grid-template-columns: minmax(180px, 1fr) minmax(260px, 460px);
          }
          .user-admin-list {
            display: grid;
            gap: 12px;
          }
          .user-admin-filter-row {
            align-items: center;
            display: flex;
            flex: 1;
            justify-content: center;
          }
          .user-admin-header-actions {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: auto minmax(220px, 1fr);
          }
          .user-admin-header-actions.is-filter-only {
            grid-template-columns: minmax(220px, 1fr);
          }
          .user-admin-header-actions .brand-action-button {
            white-space: nowrap;
          }
          .user-admin-filter-row input {
            width: 100%;
          }
          .user-admin-tabs {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin: 12px 0;
          }
          .user-admin-tabs a {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: rgb(var(--dark-grey));
            display: inline-flex;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 14px;
            font-weight: 500;
            justify-content: center;
            min-height: 42px;
            padding: 8px 12px;
            text-decoration: none;
          }
          .user-admin-tabs a.is-active {
            border-color: var(--accent);
            box-shadow: inset 0 0 0 1px var(--accent);
            color: var(--accent);
          }
          .user-admin-view-note,
          .user-admin-config-warning {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 3px;
            margin: 0 0 12px;
            padding: 10px 12px;
          }
          .user-admin-view-note strong,
          .user-admin-config-warning strong {
            color: rgb(var(--dark-grey));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 13px;
            text-transform: uppercase;
          }
          .user-admin-view-note span,
          .user-admin-config-warning span {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.35;
          }
          .user-admin-config-warning {
            background: #fff7e6;
            border-color: #f2c36b;
          }
          .user-role-guide {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin: 0 0 14px;
          }
          .user-role-guide article {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 5px;
            padding: 12px;
          }
          .user-role-guide strong {
            color: rgb(var(--dark-grey));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 13px;
            text-transform: uppercase;
          }
          .user-role-guide span {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.35;
          }
          .user-admin-stats {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            margin: 12px 0 14px;
          }
          .user-admin-stats span {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--muted);
            display: grid;
            gap: 2px;
            min-height: 58px;
            padding: 10px 12px;
          }
          .user-admin-stats strong {
            color: rgb(var(--dark-grey));
            font-size: 20px;
            line-height: 1;
          }
          .user-admin-card {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 14px;
          }
          .user-admin-table-wrap {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            overflow-x: auto;
          }
          .user-admin-table {
            border-collapse: collapse;
            min-width: 1120px;
            width: 100%;
          }
          .user-admin-table th,
          .user-admin-table td {
            border-bottom: 1px solid var(--line);
            padding: 10px 12px;
            text-align: left;
            vertical-align: middle;
          }
          .user-admin-table tbody tr:last-child td {
            border-bottom: 0;
          }
          .user-admin-table th {
            color: rgb(var(--white));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .user-admin-table td {
            color: rgb(var(--dark-grey));
            font-size: 13px;
          }
          .user-admin-table td:first-child {
            min-width: 220px;
          }
          .user-admin-table td:first-child strong {
            display: inline;
            font-size: 14px;
          }
          .user-admin-table td:first-child > span:not(.tag) {
            color: var(--muted);
            display: block;
            font-size: 12px;
            margin-top: 3px;
          }
          .user-admin-details-button {
            min-width: 86px;
          }
          .user-admin-invite-cell {
            align-items: start;
            display: grid;
            gap: 6px;
            min-width: 190px;
          }
          .user-admin-invite-cell small {
            color: var(--muted);
            display: block;
            font-size: 11px;
          }
          .user-admin-invite-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
          }
          .user-admin-invite-actions form {
            margin: 0;
          }
          .user-admin-invite-actions .brand-light-button {
            font-size: 12px;
            min-height: 30px;
            padding: 5px 10px;
          }
          .user-admin-api-cell {
            align-items: start;
            display: grid;
            gap: 6px;
            min-width: 150px;
          }
          .user-admin-api-cell small {
            color: var(--muted);
            font-size: 11px;
          }
          .user-admin-api-button {
            border: 1px solid currentColor;
            cursor: pointer;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            min-height: 28px;
            min-width: 120px;
            width: fit-content;
          }
          .user-admin-api-button:hover {
            filter: brightness(0.96);
            transform: translateY(-1px);
          }
          .user-admin-revoke-invite {
            border-color: #FFB3B3 !important;
            color: #A33A3A !important;
          }
          .user-admin-revoke-invite:hover {
            background: #FDECEC !important;
            color: #8F2525 !important;
          }
          .user-admin-dialog {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 16px 44px rgba(var(--black), 0.2);
            color: rgb(var(--dark-grey));
            max-height: calc(100dvh - 48px);
            max-width: 760px;
            overflow: auto;
            padding: 18px;
            width: min(760px, calc(100vw - 32px));
          }
          .user-admin-create-dialog {
            background: var(--surface-panel);
          }
          .user-admin-dialog::backdrop {
            background: rgba(var(--black), 0.42);
          }
          .user-admin-dialog > .modal-close-x {
            position: absolute;
            right: 10px;
            top: 10px;
          }
          .organisation-details-dialog {
            width: min(520px, calc(100vw - 32px));
          }
          .user-admin-dialog-header {
            align-items: center;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 12px;
            grid-template-columns: 54px minmax(0, 1fr);
            margin-bottom: 14px;
            padding: 0 48px 14px 0;
          }
          .user-admin-dialog-header .user-admin-avatar {
            height: 54px;
            width: 54px;
          }
          .user-admin-dialog-header h2,
          .user-admin-dialog-header p {
            margin: 0;
            overflow-wrap: anywhere;
          }
          .user-admin-dialog-header p {
            color: var(--muted);
            font-size: 13px;
          }
          .organisation-details-dialog .user-admin-dialog-header {
            display: block;
            padding-right: 58px;
          }
          .organisation-details-dialog .user-admin-dialog-header h2 {
            overflow-wrap: normal;
          }
          .organisation-details-dialog .user-admin-dialog-fields {
            grid-template-columns: 1fr;
          }
          .user-admin-dialog-form {
            display: grid;
            gap: 14px;
          }
          .user-admin-create-intro {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            padding: 12px;
          }
          .user-admin-create-intro strong {
            color: rgb(var(--dark-grey));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 13px;
            text-transform: uppercase;
          }
          .user-admin-create-intro span {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.35;
          }
          .user-admin-dialog-fields {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .user-admin-invite-option {
            align-items: start;
            background: var(--person-card-added-bg);
            border: 1px solid var(--person-card-added-border);
            border-radius: 8px;
            color: rgb(var(--dark-grey));
            display: grid;
            gap: 10px;
            grid-template-columns: auto minmax(0, 1fr);
            padding: 12px;
          }
          .user-admin-invite-option input {
            height: 18px;
            margin-top: 3px;
            min-height: 18px;
            width: 18px;
          }
          .user-admin-invite-option span {
            display: grid;
            gap: 3px;
          }
          .user-admin-invite-option small {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.35;
          }
          .user-admin-dialog-meta {
            display: grid;
            gap: 8px 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin: 0;
          }
          .user-admin-dialog-meta div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 9px 10px;
          }
          .user-admin-dialog-meta dt {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            margin: 0 0 4px;
            text-transform: uppercase;
          }
          .user-admin-dialog-meta dd {
            color: rgb(var(--dark-grey));
            font-size: 13px;
            margin: 0;
            overflow-wrap: anywhere;
            white-space: pre-line;
          }
          .user-admin-dialog-actions {
            display: flex;
            gap: 10px;
            justify-content: flex-end;
          }
          .empty-state {
            background: var(--surface-content);
            border: 1px dashed var(--line);
            border-radius: 8px;
            color: var(--muted);
            padding: 14px;
            text-align: center;
          }
          .user-admin-form {
            align-items: start;
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.45fr) minmax(220px, 0.85fr);
          }
          .user-admin-identity {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 46px minmax(0, 1fr);
          }
          .user-admin-avatar {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--accent);
            display: inline-flex;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 14px;
            font-weight: 900;
            height: 46px;
            justify-content: center;
            width: 46px;
          }
          .user-admin-title-row {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-bottom: 4px;
          }
          .user-admin-title-row strong {
            font-size: 16px;
            overflow-wrap: anywhere;
          }
          .user-admin-identity span {
            color: var(--muted);
            display: block;
            font-size: 12px;
            line-height: 1.35;
            overflow-wrap: anywhere;
          }
          .user-admin-fields {
            display: grid;
            gap: 8px 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .user-admin-controls {
            align-content: start;
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .user-admin-controls button {
            grid-column: 1 / -1;
            justify-self: end;
            min-width: 96px;
          }
          .user-admin-note {
            color: var(--muted);
            font-size: 12px;
            grid-column: 1 / -1;
            line-height: 1.3;
            margin: 0;
          }
          .user-admin-status-pill {
            align-items: center;
            border-radius: 8px;
            display: inline-flex !important;
            font-size: 11px !important;
            font-weight: 600;
            height: 22px;
            justify-content: center;
            margin-left: 0 !important;
            min-width: 72px;
            padding: 0 8px;
            text-transform: capitalize;
          }
          .user-admin-status-pill.is-active {
            background: #E9FBEF;
            border: 1px solid #9BD8AD;
            color: #237144;
          }
          .user-admin-status-pill.is-disabled {
            background: #FDECEC;
            border: 1px solid #F2A6A6;
            color: #9F2F2F;
          }
          .user-admin-status-pill.is-warning {
            background: #FFF5E5;
            border: 1px solid #F2B85E;
            color: #9A6400;
          }
          .user-admin-cloudflare-row {
            align-items: start;
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(220px, 1fr) minmax(340px, 1.3fr) minmax(180px, 0.6fr);
          }
          .user-admin-cloudflare-profile {
            display: grid;
            gap: 8px 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin: 0;
          }
          .user-admin-cloudflare-profile div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 8px 10px;
          }
          .user-admin-cloudflare-profile dt {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            margin: 0 0 3px;
            text-transform: uppercase;
          }
          .user-admin-cloudflare-profile dd {
            color: rgb(var(--dark-grey));
            font-size: 13px;
            margin: 0;
            overflow-wrap: anywhere;
          }
          .user-admin-cloudflare-status {
            align-content: start;
            display: grid;
            gap: 10px;
            justify-items: end;
          }
          .user-admin-cloudflare-status > span {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.35;
            text-align: right;
            text-transform: capitalize;
          }
          .user-admin-cloudflare-create {
            margin: 0;
          }
          .user-admin-cloudflare-create button {
            min-width: 132px;
          }
          .user-admin-alias-list {
            display: grid;
            gap: 6px;
          }
          .user-admin-alias-row {
            align-items: center;
            display: flex;
            gap: 8px;
            justify-content: space-between;
          }
          .user-admin-alias-row span {
            overflow-wrap: anywhere;
          }
          .user-admin-alias-row small {
            color: var(--muted);
            margin-left: 4px;
          }
          .user-admin-alias-row form {
            margin: 0;
          }
          .tag {
            display: inline-flex;
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            margin-left: 6px;
            padding: 1px 7px;
          }
          .email-test-grid {
            align-items: start;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(0, 1fr) minmax(280px, 0.55fr);
          }
          .email-test-form,
          .email-config-panel {
            display: grid;
            gap: 12px;
          }
          .email-test-form h2,
          .email-config-panel h2,
          .email-preview-panel h2 {
            font-size: 18px;
            margin: 0;
          }
          .email-test-form button:disabled {
            cursor: not-allowed;
            opacity: 0.55;
          }
          .activity-page {
            display: grid;
            gap: 14px;
          }
          .activity-page > .panel-header {
            flex-wrap: wrap;
            margin-bottom: 0;
          }
          .activity-page > .panel-header .muted {
            margin-bottom: 0;
          }
          .activity-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: space-between;
          }
          .activity-filters {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .activity-actions > form {
            margin: 0;
          }
          .activity-actions > form > button {
            min-height: 36px;
          }
          .activity-hide-read {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            cursor: pointer;
            display: inline-flex;
            gap: 8px;
            min-height: 36px;
            padding: 6px 12px;
          }
          .activity-hide-read:hover,
          .activity-hide-read:focus-within {
            border-color: var(--accent);
          }
          .activity-hide-read input {
            accent-color: var(--accent);
            margin: 0;
            min-height: auto;
            width: auto;
          }
          .activity-hide-read span {
            font-size: 13px;
            font-weight: 800;
          }
          .activity-list {
            display: grid;
            gap: 18px;
          }
          .activity-day-group {
            display: grid;
            gap: 7px;
          }
          .activity-day-group[hidden] {
            display: none;
          }
          .activity-day-divider {
            align-items: baseline;
            border-bottom: 1px solid var(--line);
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 0 2px 6px;
          }
          .activity-day-divider h2 {
            color: var(--accent);
            font-size: 14px;
            line-height: 1.2;
            margin: 0;
          }
          .activity-day-divider span {
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
          }
          .activity-card {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
            margin: 0;
            min-inline-size: 0;
            padding: 8px 12px 10px;
          }
          .activity-card[hidden],
          .activity-list .empty-state[hidden] {
            display: none;
          }
          .activity-card.is-unread {
            background: var(--contact-card-added-surface);
            border-color: var(--contact-card-added-border);
          }
          .activity-card-header {
            align-items: baseline;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr);
          }
          .activity-card-main {
            display: grid;
            gap: 3px;
            min-width: 0;
          }
          .activity-legend {
            align-items: center;
            color: var(--muted);
            display: inline-flex;
            font-size: 11px;
            font-weight: 800;
            gap: 5px;
            padding: 0 4px;
          }
          .activity-card h2 {
            color: var(--text);
            font-size: 16px;
            line-height: 1.2;
            margin: 0;
          }
          .activity-time,
          .activity-read {
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
          }
          .activity-unread-marker {
            background: transparent;
            border-radius: 50%;
            flex: 0 0 7px;
            height: 7px;
            width: 7px;
          }
          .activity-unread-marker.is-unread {
            background: rgb(var(--blue));
            box-shadow: 0 0 0 2px rgba(var(--blue), 0.12);
          }
          .activity-card-content {
            min-width: 0;
            display: grid;
            gap: 3px;
          }
          .activity-card-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            justify-content: flex-end;
          }
          .activity-card-actions form {
            margin: 0;
          }
          .activity-card-actions .brand-light-button {
            min-height: 32px;
            padding: 6px 10px;
            white-space: nowrap;
          }
          .activity-card-content p,
          .activity-card-content li {
            color: var(--text);
            font-size: 14px;
            line-height: 1.35;
            margin: 0;
          }
          @media (max-width: 760px) {
            .activity-card {
              grid-template-columns: 1fr;
            }
            .activity-card-actions {
              justify-content: flex-start;
            }
          }
          .ai-knowledge-page {
            display: grid;
            gap: 16px;
          }
          .ai-knowledge-guidance {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid rgba(var(--blue), 0.28);
            border-radius: 10px;
            display: flex;
            gap: 16px;
            justify-content: space-between;
            padding: 12px 14px;
          }
          .ai-knowledge-guidance > div {
            display: grid;
            gap: 3px;
          }
          .ai-knowledge-guidance strong {
            color: var(--accent-dark);
          }
          .ai-knowledge-guidance span {
            color: var(--muted);
            font-size: 13px;
          }
          .ai-knowledge-guidance a {
            flex: 0 0 auto;
            text-decoration: none;
          }
          .ai-knowledge-meta {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: flex;
            font-size: 12px;
            gap: 10px;
            justify-content: space-between;
            padding: 9px 12px;
          }
          .ai-knowledge-meta span {
            color: var(--muted);
          }
          .ai-knowledge-area-nav {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
          }
          .ai-knowledge-area-nav a {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--text);
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            gap: 7px;
            padding: 6px 10px;
            text-decoration: none;
          }
          .ai-knowledge-area-nav a:hover {
            border-color: var(--accent);
            color: var(--accent);
          }
          .ai-knowledge-area-nav span {
            align-items: center;
            background: var(--surface-inner);
            border-radius: 999px;
            display: inline-flex;
            font-size: 10px;
            height: 18px;
            justify-content: center;
            min-width: 18px;
            padding: 0 5px;
          }
          .ai-knowledge-areas,
          .ai-knowledge-area {
            display: grid;
            gap: 14px;
          }
          .ai-knowledge-area {
            scroll-margin-top: 70px;
          }
          .ai-knowledge-area > header {
            align-items: baseline;
            border-bottom: 1px solid var(--line);
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding-bottom: 7px;
          }
          .ai-knowledge-area > header h2 {
            color: var(--accent-dark);
            font-size: 18px;
            margin: 0;
          }
          .ai-knowledge-area > header span {
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
          }
          .ai-knowledge-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .ai-knowledge-card {
            align-content: start;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 10px;
            display: grid;
            gap: 10px;
            padding: 14px;
          }
          .ai-knowledge-card > header {
            align-items: start;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .ai-knowledge-card > header > div {
            min-width: 0;
          }
          .ai-knowledge-card h3 {
            font-size: 16px;
            line-height: 1.25;
            margin: 0 0 3px;
          }
          .ai-knowledge-card code {
            color: var(--muted);
            font-size: 10px;
            overflow-wrap: anywhere;
          }
          .ai-knowledge-card > p {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.45;
            margin: 0;
          }
          .ai-knowledge-card details {
            border-top: 1px solid var(--line);
            padding-top: 9px;
          }
          .ai-knowledge-card summary {
            color: var(--accent);
            cursor: pointer;
            font-size: 12px;
            font-weight: 900;
          }
          .ai-knowledge-section {
            display: grid;
            gap: 5px;
            margin-top: 12px;
          }
          .ai-knowledge-section > strong,
          .ai-knowledge-sources > strong {
            color: var(--text);
            font-size: 11px;
            letter-spacing: 0.02em;
            text-transform: uppercase;
          }
          .ai-knowledge-section ul {
            color: var(--text);
            display: grid;
            font-size: 12px;
            gap: 5px;
            line-height: 1.45;
            margin: 0;
            padding-left: 18px;
          }
          .ai-knowledge-section.is-boundary {
            background: var(--collection-amber-surface);
            border: 1px solid rgba(var(--orange), 0.55);
            border-radius: 8px;
            padding: 9px 10px;
          }
          .ai-knowledge-sources {
            border-top: 1px dashed var(--line);
            display: grid;
            gap: 6px;
            margin-top: 12px;
            padding-top: 10px;
          }
          .ai-knowledge-sources > div {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
          }
          .ai-knowledge-sources code {
            background: var(--surface-inner);
            border-radius: 5px;
            color: var(--accent-dark);
            padding: 3px 5px;
          }
          @media (max-width: 820px) {
            .ai-knowledge-grid {
              grid-template-columns: 1fr;
            }
            .ai-knowledge-guidance {
              align-items: stretch;
              flex-direction: column;
            }
            .ai-knowledge-guidance a {
              justify-content: center;
            }
          }
          .quick-tips-admin-page {
            display: grid;
            gap: 16px;
          }
          .quick-tips-admin-guidance {
            background: var(--surface-inner);
            border: 1px solid rgba(var(--blue), 0.28);
            border-radius: 10px;
            display: grid;
            gap: 3px;
            padding: 12px 14px;
          }
          .quick-tips-admin-guidance strong {
            color: var(--accent-dark);
          }
          .quick-tips-admin-guidance span {
            color: var(--muted);
            font-size: 13px;
          }
          .quick-tips-ai-knowledge-note {
            align-items: center;
            background: rgba(var(--green), 0.08);
            border: 1px solid rgba(var(--green), 0.32);
            border-radius: 10px;
            display: flex;
            gap: 14px;
            justify-content: space-between;
            padding: 12px 14px;
          }
          .quick-tips-ai-knowledge-note > div {
            display: grid;
            gap: 3px;
          }
          .quick-tips-ai-knowledge-note strong {
            color: var(--text);
          }
          .quick-tips-ai-knowledge-note span {
            color: var(--muted);
            font-size: 13px;
          }
          .quick-tips-ai-knowledge-note a {
            flex: 0 0 auto;
            text-decoration: none;
          }
          .quick-tips-ai-knowledge-actions {
            align-items: center;
            display: flex !important;
            flex: 0 0 auto;
            gap: 8px !important;
          }
          .quick-tips-ai-knowledge-actions button {
            align-items: center;
            display: inline-flex;
            gap: 6px;
          }
          .quick-tips-ai-knowledge-actions button span {
            color: rgb(var(--blue));
            font-size: 15px;
            line-height: 1;
          }
          .quick-tip-suggestion-status {
            font-size: 12px !important;
            font-weight: 800;
          }
          .quick-tip-suggestion-status:empty {
            display: none;
          }
          .quick-tip-suggestion-status.is-success {
            color: rgb(var(--green));
          }
          .quick-tip-suggestion-status.is-error {
            color: rgb(var(--red));
          }
          .quick-tip-review-status {
            font-size: 12px !important;
            font-weight: 800;
          }
          .quick-tip-review-status:empty {
            display: none;
          }
          .quick-tip-review-status.is-success {
            color: rgb(var(--green));
          }
          .quick-tip-review-status.is-error {
            color: rgb(var(--red));
          }
          .quick-tip-knowledge-review-summary {
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 10px;
            display: flex;
            gap: 16px;
            justify-content: space-between;
            padding: 11px 13px;
          }
          .quick-tip-knowledge-review-summary > div {
            display: grid;
            gap: 3px;
          }
          .quick-tip-knowledge-review-summary strong {
            color: var(--text);
            font-size: 14px;
          }
          .quick-tip-knowledge-review-summary span {
            color: var(--muted);
            font-size: 12px;
          }
          .quick-tip-knowledge-review-summary > span {
            flex: 0 0 auto;
            font-weight: 800;
          }
          .quick-tip-knowledge-review-summary.is-due {
            background: var(--collection-amber-surface);
            border-color: rgba(var(--orange), 0.5);
          }
          .quick-tip-knowledge-review-summary.has-issues {
            background: rgba(var(--red), 0.06);
            border-color: rgba(var(--red), 0.35);
          }
          .quick-tip-knowledge-review-summary.is-current {
            background: rgba(var(--green), 0.08);
            border-color: rgba(var(--green), 0.35);
          }
          @media (max-width: 820px) {
            .quick-tips-ai-knowledge-note {
              align-items: stretch;
              flex-direction: column;
            }
            .quick-tips-ai-knowledge-note a {
              justify-content: center;
            }
            .quick-tips-ai-knowledge-actions {
              align-items: stretch;
              flex-direction: column;
            }
            .quick-tips-ai-knowledge-actions button {
              justify-content: center;
            }
            .quick-tip-knowledge-review-summary {
              align-items: stretch;
              flex-direction: column;
            }
          }
          .quick-tip-create {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 12px 14px;
          }
          .quick-tip-create summary {
            cursor: pointer;
            font-size: 15px;
            font-weight: 900;
          }
          .quick-tip-create form,
          .quick-tip-admin-card form {
            display: grid;
            gap: 12px;
            margin-top: 12px;
          }
          .quick-tip-create label,
          .quick-tip-admin-card label {
            display: grid;
            font-size: 13px;
            font-weight: 800;
            gap: 5px;
          }
          .quick-tip-create label small {
            color: var(--muted);
            font-size: 11px;
            font-weight: 600;
          }
          .quick-tip-create textarea,
          .quick-tip-admin-card textarea {
            min-height: 82px;
            resize: vertical;
          }
          .quick-tip-idea-drafter {
            background: rgba(var(--green), 0.06);
            border: 1px solid rgba(var(--green), 0.28);
            border-radius: 9px;
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .quick-tip-idea-drafter > div:first-child {
            display: grid;
            gap: 3px;
          }
          .quick-tip-idea-drafter strong {
            color: var(--accent-dark);
            font-size: 14px;
          }
          .quick-tip-idea-drafter p {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.4;
            margin: 0;
          }
          .quick-tip-create .quick-tip-idea-drafter textarea {
            min-height: 72px;
          }
          .quick-tip-idea-footer {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
          }
          .quick-tip-idea-footer .brand-light-button {
            align-items: center;
            display: inline-flex;
            gap: 7px;
            margin-left: auto;
          }
          .quick-tip-idea-footer .brand-light-button svg {
            height: 15px;
            width: 15px;
          }
          .quick-tip-idea-status {
            flex: 1 1 180px;
            font-size: 12px;
            font-weight: 800;
          }
          .quick-tip-idea-status.is-success {
            color: rgb(var(--green));
          }
          .quick-tip-idea-status.is-error {
            color: rgb(var(--red));
          }
          .quick-tip-idea-count {
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
          }
          .quick-tip-idea-count.is-limit {
            color: rgb(var(--red));
          }
          .quick-tip-ai-field {
            display: grid;
            gap: 7px;
          }
          .quick-tip-ai-tools {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
          }
          .quick-tip-ai-button {
            align-items: center;
            display: inline-flex;
            font-size: 12px;
            gap: 6px;
            min-height: 34px;
            padding: 7px 11px;
          }
          .quick-tip-ai-button span {
            color: rgb(var(--blue));
            font-size: 15px;
            line-height: 1;
          }
          .quick-tip-ai-status {
            font-size: 12px;
            font-weight: 700;
          }
          .quick-tip-ai-status.is-success {
            color: rgb(var(--green));
          }
          .quick-tip-ai-status.is-error {
            color: rgb(var(--red));
          }
          .quick-tip-character-count {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            margin-left: auto;
            white-space: nowrap;
          }
          .quick-tip-character-count.is-warning {
            color: rgb(var(--orange));
          }
          .quick-tip-character-count.is-limit {
            color: rgb(var(--red));
          }
          .quick-tip-ai-guidance {
            background: rgba(var(--blue), 0.04);
            border: 1px solid rgba(var(--blue), 0.2);
            border-radius: 8px;
            padding: 9px 11px;
          }
          .quick-tip-ai-guidance summary {
            color: rgb(var(--blue));
            cursor: pointer;
            font-size: 12px;
            font-weight: 900;
          }
          .quick-tip-ai-guidance[open] {
            display: grid;
            gap: 7px;
          }
          .quick-tip-ai-guidance label {
            margin-top: 3px;
          }
          .quick-tip-create .quick-tip-ai-guidance textarea,
          .quick-tip-admin-card .quick-tip-ai-guidance textarea {
            min-height: 62px;
          }
          .quick-tip-ai-guidance-count {
            font-size: 11px;
            font-weight: 800;
            justify-self: end;
          }
          .quick-tip-ai-guidance-count.is-limit {
            color: rgb(var(--red));
          }
          .quick-tip-ai-guidance > small {
            color: var(--muted);
            font-size: 11px;
            font-weight: 600;
          }
          .quick-tip-ai-review-dialog {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 10px;
            box-shadow: 0 18px 52px rgba(var(--black), 0.24);
            color: var(--text);
            max-height: calc(100dvh - 40px);
            max-width: 860px;
            overflow: auto;
            padding: 20px;
            width: min(860px, calc(100vw - 32px));
          }
          .quick-tip-ai-review-dialog::backdrop {
            background: rgba(var(--black), 0.44);
          }
          .quick-tip-ai-review-dialog > .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .quick-tip-ai-review-header {
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 4px;
            margin-bottom: 16px;
            padding: 0 54px 14px 0;
          }
          .quick-tip-ai-review-header h2,
          .quick-tip-ai-review-header p {
            margin: 0;
          }
          .quick-tip-ai-review-header h2 {
            font-size: 21px;
          }
          .quick-tip-ai-review-header p {
            color: var(--muted);
            font-size: 13px;
          }
          .quick-tip-ai-review-guidance {
            background: rgba(var(--blue), 0.06);
            border: 1px solid rgba(var(--blue), 0.24);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            margin-bottom: 14px;
            padding: 10px 12px;
          }
          .quick-tip-ai-review-guidance[hidden] {
            display: none;
          }
          .quick-tip-ai-review-guidance span {
            color: rgb(var(--blue));
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .quick-tip-ai-review-guidance p {
            color: var(--text);
            font-size: 13px;
            margin: 0;
            white-space: pre-wrap;
          }
          .quick-tip-ai-review-grid {
            display: grid;
            gap: 14px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .quick-tip-ai-review-grid label {
            display: grid;
            font-size: 13px;
            font-weight: 900;
            gap: 6px;
          }
          .quick-tip-ai-review-grid textarea {
            box-sizing: border-box;
            min-height: 210px;
            resize: vertical;
            width: 100%;
          }
          .quick-tip-ai-review-grid textarea[readonly] {
            background: rgb(var(--light-grey));
            color: var(--muted);
          }
          .quick-tip-ai-review-grid small {
            color: var(--muted);
            font-size: 11px;
            font-weight: 600;
          }
          .quick-tip-ai-review-footer {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            gap: 12px;
            justify-content: space-between;
            margin-top: 16px;
            padding-top: 14px;
          }
          .quick-tip-ai-review-count {
            font-size: 11px;
            font-weight: 700;
          }
          .quick-tip-ai-review-footer > div {
            display: flex;
            gap: 8px;
          }
          .quick-tip-suggestion-dialog {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 10px;
            box-shadow: 0 18px 52px rgba(var(--black), 0.24);
            color: var(--text);
            max-height: calc(100dvh - 40px);
            max-width: 780px;
            overflow: auto;
            padding: 20px;
            width: min(780px, calc(100vw - 32px));
          }
          .quick-tip-suggestion-dialog::backdrop {
            background: rgba(var(--black), 0.44);
          }
          .quick-tip-suggestion-dialog > .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .quick-tip-suggestion-dialog form {
            display: grid;
            gap: 14px;
          }
          .quick-tip-suggestion-header {
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 4px;
            padding: 0 54px 14px 0;
          }
          .quick-tip-suggestion-header h2,
          .quick-tip-suggestion-header p {
            margin: 0;
          }
          .quick-tip-suggestion-header h2 {
            font-size: 21px;
          }
          .quick-tip-suggestion-header p {
            color: var(--muted);
            font-size: 13px;
          }
          .quick-tip-suggestion-idea {
            background: rgba(var(--blue), 0.06);
            border: 1px solid rgba(var(--blue), 0.24);
            border-radius: 9px;
            display: grid;
            gap: 4px;
            padding: 10px 12px;
          }
          .quick-tip-suggestion-idea[hidden] {
            display: none;
          }
          .quick-tip-suggestion-idea span {
            color: rgb(var(--blue));
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .quick-tip-suggestion-idea p {
            color: var(--text);
            font-size: 13px;
            line-height: 1.4;
            margin: 0;
            white-space: pre-wrap;
          }
          .quick-tip-suggestion-rationale {
            background: rgba(var(--green), 0.08);
            border: 1px solid rgba(var(--green), 0.3);
            border-radius: 9px;
            display: grid;
            gap: 8px;
            padding: 11px 12px;
          }
          .quick-tip-suggestion-rationale > div {
            align-items: baseline;
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
          }
          .quick-tip-suggestion-rationale span {
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .quick-tip-suggestion-rationale strong {
            color: var(--accent-dark);
            font-size: 13px;
          }
          .quick-tip-suggestion-rationale p {
            font-size: 13px;
            line-height: 1.45;
            margin: 0;
          }
          .quick-tip-suggestion-form-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .quick-tip-suggestion-dialog label {
            display: grid;
            font-size: 13px;
            font-weight: 800;
            gap: 5px;
          }
          .quick-tip-suggestion-dialog textarea {
            box-sizing: border-box;
            resize: vertical;
            width: 100%;
          }
          .quick-tip-suggestion-count {
            color: var(--muted);
            font-size: 11px;
            font-weight: 700;
            justify-self: end;
          }
          .quick-tip-suggestion-count.is-warning {
            color: rgb(var(--orange));
          }
          .quick-tip-suggestion-count.is-limit {
            color: rgb(var(--red));
          }
          .quick-tip-suggestion-footer {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding-top: 14px;
          }
          .quick-tip-suggestion-footer > span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
          }
          .quick-tip-suggestion-footer > span.is-success {
            color: rgb(var(--green));
          }
          .quick-tip-suggestion-footer > span.is-error {
            color: rgb(var(--red));
          }
          .quick-tip-suggestion-footer > div {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-end;
          }
          .quick-tip-form-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .quick-tip-active-control {
            align-items: center;
            display: inline-flex !important;
            gap: 8px !important;
            justify-self: start;
          }
          .quick-tip-active-control input {
            height: 18px;
            margin: 0;
            min-height: 18px;
            width: 18px;
          }
          .quick-tip-form-actions {
            display: flex;
            justify-content: flex-end;
          }
          .quick-tip-admin-list {
            display: grid;
            gap: 14px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .quick-tip-admin-card {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 14px;
          }
          .quick-tip-admin-card.is-inactive {
            background: rgb(var(--light-grey));
          }
          .quick-tip-admin-card > header {
            align-items: start;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .quick-tip-admin-card > header > div {
            align-items: center;
            display: flex;
            gap: 10px;
            min-width: 0;
          }
          .quick-tip-card-badges {
            align-items: flex-end !important;
            flex: 0 0 auto;
            flex-direction: column;
            gap: 5px !important;
          }
          .quick-tip-review-finding {
            background: var(--collection-amber-surface);
            border: 1px solid rgba(var(--orange), 0.5);
            border-radius: 8px;
            display: grid;
            gap: 5px;
            margin-top: 11px;
            padding: 9px 10px;
          }
          .quick-tip-review-finding > strong {
            color: var(--collection-amber-text);
            font-size: 12px;
          }
          .quick-tip-review-finding > span {
            color: var(--text);
            font-size: 12px;
            line-height: 1.4;
          }
          .quick-tip-review-finding > div {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
          }
          .quick-tip-review-finding > div span {
            background: rgba(var(--orange), 0.12);
            border-radius: 999px;
            color: var(--collection-amber-text);
            font-size: 10px;
            font-weight: 800;
            padding: 3px 7px;
          }
          .quick-tip-admin-card h2 {
            font-size: 17px;
            line-height: 1.2;
            margin: 0 0 3px;
          }
          .quick-tip-admin-card code {
            color: var(--muted);
            font-size: 11px;
            overflow-wrap: anywhere;
          }
          .quick-tip-order {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 50%;
            color: var(--accent-dark);
            display: inline-flex;
            flex: 0 0 auto;
            font-size: 12px;
            font-weight: 900;
            height: 30px;
            justify-content: center;
            width: 30px;
          }
          .quick-tip-card-footer,
          .quick-tip-card-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: space-between;
          }
          .quick-tip-card-footer > span {
            font-size: 11px;
          }
          .quick-tip-card-actions > div {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
          }
          @media (max-width: 820px) {
            .quick-tip-admin-list,
            .quick-tip-form-grid,
            .quick-tip-ai-review-grid {
              grid-template-columns: 1fr;
            }
            .quick-tip-ai-review-grid textarea {
              min-height: 150px;
            }
            .quick-tip-ai-review-footer {
              align-items: stretch;
              flex-direction: column;
            }
            .quick-tip-ai-review-footer > div {
              justify-content: flex-end;
            }
            .quick-tip-suggestion-form-grid {
              grid-template-columns: 1fr;
            }
            .quick-tip-suggestion-footer {
              align-items: stretch;
              flex-direction: column;
            }
            .quick-tip-idea-footer {
              align-items: stretch;
              flex-direction: column;
            }
            .quick-tip-idea-status {
              flex-basis: auto;
            }
            .quick-tip-idea-footer .brand-light-button {
              justify-content: center;
              margin-left: 0;
            }
          }
          .email-template-page {
            display: grid;
            gap: 16px;
          }
          .email-template-grid {
            display: grid;
            gap: 16px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .email-template-card {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 14px;
          }
          .email-template-card header {
            align-items: start;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .email-template-card h2 {
            font-size: 18px;
            margin: 0;
          }
          .email-template-card code {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: rgb(var(--blue));
            font-size: 12px;
            font-weight: 800;
            padding: 4px 8px;
            white-space: nowrap;
          }
          .email-template-summary {
            display: grid;
            gap: 8px;
            margin: 0;
          }
          .email-template-summary div {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 9px 10px;
          }
          .email-template-summary dt {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .email-template-summary dd {
            margin: 2px 0 0;
            overflow-wrap: anywhere;
          }
          .email-template-status-row,
          .email-template-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .email-template-placeholders {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            padding: 10px;
          }
          .email-template-placeholders strong {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .email-template-placeholders span {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
          }
          .email-template-editor {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 10px;
          }
          .email-template-editor summary {
            cursor: pointer;
            font-weight: 800;
          }
          .email-template-editor form {
            display: grid;
            gap: 10px;
            margin-top: 10px;
          }
          .email-template-editor label {
            display: grid;
            gap: 5px;
            font-size: 13px;
            font-weight: 800;
          }
          .email-template-editor textarea {
            min-height: 110px;
            resize: vertical;
          }
          .email-template-editor-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .email-template-frame {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            min-height: 520px;
            width: 100%;
          }

  .image-check-lab { display: grid; gap: 18px; }
  .image-check-lab .section-header h1 { margin: 0 0 6px; }
  .image-check-lab p { line-height: 1.5; margin: 0; }
  .image-check-privacy { background: rgba(var(--blue), .06); border: 1px solid var(--line); border-radius: 10px; padding: 12px 16px; }
  .image-check-layout { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .image-check-card { background: var(--surface-content); border: 1px solid var(--line); border-radius: 12px; padding: 20px; display: grid; gap: 16px; min-width: 0; }
  .image-check-card h2 { font-size: 19px; margin: 0; }
  .image-check-form { display: grid; gap: 14px; }
  .image-check-form .file-add-card { margin-top: 7px; }
  .image-check-form .file-upload-action { max-width: 180px; }
  .image-check-preview { margin: 0; display: grid; gap: 8px; }
  .image-check-preview img { max-height: 350px; width: 100%; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: rgb(var(--white)); }
  .image-check-preview figcaption { font-size: 12px; color: var(--muted); text-align: center; }
  .image-check-page-control { display: grid; gap: 6px; font-size: 13px; }
  .image-check-page-control select { width: 100%; }
  .image-check-result [data-image-check-pages] { min-width: 0; }
  .image-check-page-table { overflow-x: auto; margin-top: 12px; max-width: 100%; min-width: 0; }
  .image-check-page-table table { width: 100%; min-width: 430px; font-size: 12px; border-collapse: collapse; }
  .image-check-page-table th, .image-check-page-table td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--line); }
  .image-check-page-table button { font-size: 12px; white-space: nowrap; }
  .image-check-result [data-image-check-pages] h3 { font-size: 15px; margin: 0 0 8px; }
  .image-check-status { font-size: 13px; min-height: 20px; }
  .image-check-status.is-error { color: rgb(var(--red)); }
  .image-check-actions { display: flex; gap: 10px; flex-wrap: wrap; }
  .image-check-result [data-image-check-result] { display: grid; gap: 16px; }
  .image-check-verdict { display: grid; gap: 6px; padding: 14px; border-radius: 8px; border: 1px solid var(--line); }
  .image-check-verdict strong { font-size: 20px; }
  .image-check-verdict span { font-size: 13px; }
  .image-check-verdict[data-recommendation="allow"] { background: rgba(var(--green), .08); border-color: rgba(var(--green), .3); }
  .image-check-verdict[data-recommendation="review"] { background: var(--collection-amber-surface); }
  .image-check-verdict[data-recommendation="block"] { background: rgba(var(--red), .06); border-color: rgba(var(--red), .3); }
  .image-check-scores { display: grid; gap: 18px; }
  .image-check-score { display: grid; gap: 7px; grid-template-columns: 1fr auto; align-items: center; }
  .image-check-score label { font-size: 13px; }
  .image-check-score meter { width: 100%; height: 16px; grid-column: 1 / -1; }
  .image-check-rules summary { cursor: pointer; font-weight: 800; }
  .image-check-rules[open] summary { margin-bottom: 12px; }
  .image-check-rules label { display: grid; gap: 7px; margin-top: 16px; font-size: 13px; font-weight: 700; }
  .image-check-rules textarea { width: 100%; min-height: 85px; resize: vertical; font-weight: 400; }
  .image-check-preview[hidden], .image-check-result [data-image-check-result][hidden], .image-check-page-control[hidden], [data-image-check-pages][hidden] { display: none; }
  @media (max-width: 820px) { .image-check-layout { grid-template-columns: 1fr; } .image-check-card { padding: 16px; } }
          .email-stats-page {
            display: grid;
            gap: 16px;
          }
          .email-stats-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: flex-end;
          }
          .email-stats-period {
            display: flex;
            flex-wrap: wrap;
            gap: 0;
          }
          .email-stats-filter {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: rgb(var(--dark-grey));
            display: inline-flex;
            font-weight: 700;
            min-height: 38px;
            padding: 8px 12px;
            text-decoration: none;
          }
          .email-stats-filter + .email-stats-filter {
            margin-left: -1px;
          }
          .email-stats-filter:first-child {
            border-radius: 8px 0 0 8px;
          }
          .email-stats-filter:last-child {
            border-radius: 0 8px 8px 0;
          }
          .email-stats-filter.is-active {
            background: rgb(var(--blue));
            border-color: rgb(var(--blue));
            color: #fff;
          }
          .email-stats-config {
            align-items: start;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
          }
          .email-stats-config h2,
          .email-stats-section h2 {
            font-size: 18px;
            margin: 0;
          }
          .email-stats-config p {
            color: var(--muted);
            margin: 6px 0 0;
          }
          .email-stats-config dl {
            display: grid;
            gap: 8px;
            margin: 0;
          }
          .email-stats-config dl div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            padding: 10px 12px;
          }
          .email-stats-config dt {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .email-stats-config dd {
            margin: 0;
            overflow-wrap: anywhere;
          }
          .email-stats-config code {
            color: rgb(var(--dark-grey));
            font-family: Consolas, "Liberation Mono", monospace;
            font-size: 13px;
          }
          .email-stats-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .email-stats-card {
            display: grid;
            gap: 4px;
            min-height: 112px;
          }
          .email-stats-card span {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .email-stats-card strong {
            color: rgb(var(--dark-grey));
            font-size: 30px;
            line-height: 1;
          }
          .email-stats-card small {
            color: var(--muted);
            font-size: 13px;
          }
          .email-stats-section {
            display: grid;
            gap: 12px;
          }
          .email-stats-section .section-title-row p {
            margin: 4px 0 0;
          }
          .email-stats-date-form {
            align-items: end;
            display: grid;
            gap: 10px;
            grid-template-columns: auto minmax(180px, auto) auto;
            justify-content: space-between;
            width: 100%;
          }
          .email-stats-date-form label {
            color: var(--muted);
            display: grid;
            font-size: 13px;
            gap: 4px;
            min-width: 190px;
            justify-self: center;
          }
          .email-stats-date-form input[type="date"] {
            min-height: 40px;
          }
          .email-stats-date-form > :first-child {
            justify-self: start;
          }
          .email-stats-date-form > :last-child {
            justify-self: end;
          }
          .email-stats-date-form > .brand-light-button {
            min-width: 118px;
            width: auto;
          }
          .email-stats-date-form .is-disabled {
            cursor: not-allowed;
            opacity: 0.55;
            pointer-events: none;
          }
          .email-stats-table-wrap {
            overflow-x: auto;
          }
          .email-stats-table {
            border-collapse: collapse;
            min-width: 860px;
            width: 100%;
          }
          .email-stats-table th,
          .email-stats-table td {
            border-bottom: 1px solid var(--line);
            padding: 10px 8px;
            text-align: left;
            vertical-align: top;
          }
          .email-stats-table th {
            background: rgb(var(--dark-grey));
            color: rgb(var(--white));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .email-stats-table td {
            color: rgb(var(--dark-grey));
            font-size: 13px;
          }
          .email-stats-table tbody tr[data-email-dialog-open] {
            cursor: pointer;
            transition: background-color 120ms ease, box-shadow 120ms ease;
          }
          .email-stats-table tbody tr[data-email-dialog-open]:hover,
          .email-stats-table tbody tr[data-email-dialog-open]:focus-visible {
            background: var(--surface-outer);
            box-shadow: inset 3px 0 0 var(--accent);
            outline: none;
          }
          .mot-lab-page {
            display: grid;
            gap: 16px;
          }
          .mot-lab-config,
          .mot-lab-search,
          .mot-lab-result {
            display: grid;
            gap: 14px;
          }
          .mot-lab-config {
            align-items: start;
            grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1.15fr);
          }
          .mot-lab-config h2,
          .mot-lab-search h2,
          .mot-lab-result h2 {
            font-size: 18px;
            margin: 0;
          }
          .mot-lab-config p {
            color: var(--muted);
            margin: 6px 0 0;
          }
          .mot-lab-config dl {
            display: grid;
            gap: 8px;
            margin: 0;
          }
          .mot-lab-config dl div,
          .mot-lab-summary-grid div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            padding: 10px 12px;
          }
          .mot-lab-config dt,
          .mot-lab-summary-grid span {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .mot-lab-config dd {
            margin: 0;
            overflow-wrap: anywhere;
          }
          .mot-lab-config code {
            color: rgb(var(--dark-grey));
            font-family: Consolas, "Liberation Mono", monospace;
            font-size: 13px;
          }
          .mot-lab-form {
            max-width: 560px;
          }
          .mot-lab-page .form-error {
            background: #fff1f1;
            border: 1px solid #ff9f9f;
            border-radius: 8px;
            color: #9f1d1d;
            font-weight: 700;
            margin: 0;
            padding: 10px 12px;
          }
          .mot-lab-page .count-badge {
            align-items: center;
            background: #e4f6e9;
            border: 1px solid #b7e6c5;
            border-radius: 999px;
            color: #006b2d;
            display: inline-flex;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 800;
            justify-content: center;
            min-height: 24px;
            padding: 3px 10px;
            width: fit-content;
          }
          .mot-lab-page .count-badge.is-warning {
            background: #fff4db;
            border-color: #ffc76f;
            color: #8a4d00;
          }
          .ai-lab-page {
            display: grid;
            gap: 16px;
          }
          .ai-lab-page .count-badge {
            align-items: center;
            background: #e4f6e9;
            border: 1px solid #b7e6c5;
            border-radius: 999px;
            color: #006b2d;
            display: inline-flex;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 800;
            justify-content: center;
            min-height: 24px;
            padding: 3px 10px;
            width: fit-content;
          }
          .ai-lab-workspace {
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
            align-items: start;
          }
          .ai-lab-form,
          .ai-lab-result-panel {
            display: grid;
            gap: 14px;
          }
          .ai-lab-result-panel h2 {
            font-size: 18px;
            margin: 0;
          }
          .ai-lab-field {
            display: grid;
            gap: 7px;
          }
          .ai-lab-field label {
            color: rgb(var(--dark-grey));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .ai-lab-field input,
          .ai-lab-field select,
          .ai-lab-field textarea {
            width: 100%;
          }
          .ai-lab-field textarea {
            min-height: 260px;
            resize: vertical;
          }
          .ai-lab-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px 14px;
          }
          .ai-lab-actions .brand-action-button {
            width: auto;
          }
          .ai-lab-actions p {
            margin: 0;
          }
          .ai-lab-page .form-error {
            background: #fff1f1;
            border: 1px solid #ff9f9f;
            border-radius: 8px;
            color: #9f1d1d;
            font-weight: 700;
            margin: 0;
            padding: 10px 12px;
          }
          .ai-lab-summary-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .ai-lab-summary-grid div,
          .ai-lab-result-card {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 5px;
            padding: 10px 12px;
          }
          .ai-lab-summary-grid span {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .ai-lab-summary-grid strong {
            color: rgb(var(--dark-grey));
            overflow-wrap: anywhere;
          }
          .ai-lab-result-card h3 {
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            margin: 0;
            text-transform: uppercase;
          }
          .ai-lab-result-card p {
            margin: 0;
            white-space: pre-wrap;
          }
          .ai-lab-result-card pre {
            color: rgb(var(--dark-grey));
            margin: 0;
            max-height: 420px;
            overflow: auto;
            white-space: pre-wrap;
          }
          .ai-lab-raw pre {
            background: rgb(var(--dark-grey));
            border-radius: 8px;
            color: rgb(var(--white));
            margin: 10px 0 0;
            max-height: 300px;
            overflow: auto;
            padding: 12px;
            white-space: pre-wrap;
          }
          .relay-lab-page {
            display: grid;
            gap: 16px;
          }
          .relay-lab-grid {
            display: grid;
            gap: 16px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .relay-lab-panel {
            display: grid;
            gap: 14px;
          }
          .relay-lab-panel h2 {
            font-size: 18px;
            margin: 0;
          }
          .relay-lab-form {
            display: grid;
            gap: 12px;
          }
          .relay-lab-form label,
          .relay-lab-supplier-picker legend {
            color: rgb(var(--dark-grey));
            display: grid;
            gap: 6px;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .relay-lab-form input,
          .relay-lab-form select,
          .relay-lab-form textarea {
            width: 100%;
          }
          .relay-lab-form .brand-action-button {
            width: fit-content;
          }
          .relay-lab-supplier-picker {
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            margin: 0;
            padding: 12px;
          }
          .relay-lab-supplier-picker label {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: flex;
            flex-direction: row;
            font-family: inherit;
            font-size: 14px;
            font-weight: 600;
            padding: 8px 10px;
            text-transform: none;
          }
          .relay-lab-supplier-picker input {
            width: auto;
          }
          .relay-lab-supplier-picker small {
            color: var(--muted);
            display: block;
            font-weight: 500;
          }
          .relay-lab-supplier-list,
          .relay-lab-job-list,
          .relay-lab-thread-list,
          .relay-lab-message-list {
            display: grid;
            gap: 10px;
          }
          .relay-lab-supplier-card,
          .relay-lab-job-card,
          .relay-lab-thread-card {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .relay-lab-supplier-card summary {
            align-items: center;
            cursor: pointer;
            display: grid;
            gap: 6px;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
          }
          .relay-lab-supplier-card summary strong,
          .relay-lab-job-card h3,
          .relay-lab-thread-card strong {
            color: rgb(var(--dark-grey));
            margin: 0;
          }
          .relay-lab-supplier-card summary span,
          .relay-lab-job-card p,
          .relay-lab-job-card small,
          .relay-lab-thread-card span {
            color: var(--muted);
          }
          .relay-lab-supplier-card summary em {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            font-style: normal;
            padding: 4px 8px;
          }
          .relay-lab-supplier-card[open] {
            display: grid;
            gap: 12px;
          }
          .relay-lab-job-card {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
          }
          .relay-lab-thread-card {
            display: grid;
            gap: 8px;
          }
          .relay-lab-thread-card summary {
            align-items: center;
            cursor: pointer;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .relay-lab-thread-card summary small {
            color: var(--muted);
            display: block;
            font-weight: 600;
            margin-top: 2px;
          }
          .relay-lab-thread-card em {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            font-style: normal;
            padding: 4px 8px;
            white-space: nowrap;
          }
          .relay-lab-thread-card code {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 6px;
            color: rgb(var(--dark-grey));
            font-size: 12px;
            overflow-wrap: anywhere;
            padding: 5px 7px;
          }
          .relay-lab-message-list {
            border-top: 1px solid var(--line);
            margin-top: 4px;
            padding-top: 10px;
          }
          .relay-lab-message-card {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-left: 4px solid rgb(var(--blue));
            border-radius: 8px;
            display: grid;
            gap: 8px;
            padding: 10px;
          }
          .relay-lab-message-card--supplier {
            border-left-color: rgb(var(--green));
          }
          .relay-lab-message-card--tradeboard {
            border-left-color: rgb(var(--orange));
          }
          .relay-lab-message-card--unknown {
            border-left-color: rgb(var(--mid-grey));
          }
          .relay-lab-message-card header {
            align-items: center;
            display: flex;
            gap: 8px;
            justify-content: space-between;
          }
          .relay-lab-message-card header strong {
            color: rgb(var(--dark-grey));
            text-transform: capitalize;
          }
          .relay-lab-message-card header span,
          .relay-lab-message-subject {
            color: var(--muted);
            font-size: 12px;
          }
          .relay-lab-message-card dl {
            display: grid;
            gap: 6px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin: 0;
          }
          .relay-lab-message-card dl div {
            min-width: 0;
          }
          .relay-lab-message-card dt {
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .relay-lab-message-card dd {
            color: rgb(var(--dark-grey));
            margin: 0;
            overflow-wrap: anywhere;
          }
          .relay-lab-message-card pre {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: rgb(var(--dark-grey));
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
            font-size: 12px;
            line-height: 1.5;
            margin: 0;
            max-height: 260px;
            overflow: auto;
            padding: 10px;
            white-space: pre-wrap;
          }
          .relay-lab-raw-message summary {
            color: var(--muted);
            cursor: pointer;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .relay-lab-raw-message pre {
            margin-top: 8px;
            max-height: 360px;
          }
          @media (max-width: 760px) {
            .activity-card-header {
              gap: 8px;
              grid-template-columns: minmax(0, 1fr);
            }
            .activity-card-actions {
              width: 100%;
            }
            .relay-lab-grid,
            .relay-lab-job-card,
            .relay-lab-message-card dl {
              grid-template-columns: 1fr;
            }
            .relay-lab-thread-card summary,
            .relay-lab-message-card header {
              align-items: flex-start;
              flex-direction: column;
            }
          }
          .mot-lab-summary-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .mot-lab-summary-grid strong {
            color: rgb(var(--dark-grey));
            font-size: 16px;
            overflow-wrap: anywhere;
          }
          .mot-lab-summary-grid .mot-lab-recall.is-good {
            background: #e9f8ef;
            border-color: #98d9ad;
          }
          .mot-lab-summary-grid .mot-lab-recall.is-good strong {
            color: #006b2d;
          }
          .mot-lab-summary-grid .mot-lab-recall.is-danger {
            background: #fff1f1;
            border-color: #ff9f9f;
          }
          .mot-lab-summary-grid .mot-lab-recall.is-danger strong {
            color: #9f1d1d;
          }
          .mot-lab-table-wrap {
            overflow-x: auto;
          }
          .mot-lab-table {
            border-collapse: collapse;
            min-width: 760px;
            width: 100%;
          }
          .mot-lab-table th,
          .mot-lab-table td {
            border-bottom: 1px solid var(--line);
            padding: 10px 8px;
            text-align: left;
            vertical-align: top;
          }
          .mot-lab-table th {
            background: rgb(var(--dark-grey));
            color: rgb(var(--white));
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .mot-lab-table td {
            background: rgb(var(--white));
            font-size: 13px;
          }
          .mot-lab-defects-button {
            min-height: 34px;
            width: auto;
          }
          .mot-defects-dialog {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 18px 48px rgba(var(--black), 0.22);
            color: rgb(var(--dark-grey));
            display: none;
            gap: 14px;
            max-height: calc(100dvh - 48px);
            max-width: 820px;
            overflow: auto;
            padding: 18px;
            width: min(820px, calc(100vw - 32px));
          }
          .mot-defects-dialog[open] {
            display: grid;
          }
          .mot-defects-dialog::backdrop {
            background: rgba(var(--black), 0.45);
          }
          .mot-defects-dialog > .modal-close-x {
            position: absolute;
            right: 10px;
            top: 10px;
            transform: none;
          }
          .mot-defects-list {
            display: grid;
            gap: 10px;
          }
          .mot-defects-list article {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .mot-defects-list strong {
            display: block;
            overflow-wrap: anywhere;
          }
          .mot-defects-list p {
            color: var(--muted);
            margin: 4px 0 0;
          }
          .mot-lab-raw {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .mot-lab-raw summary {
            cursor: pointer;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 13px;
            font-weight: 800;
          }
          .mot-lab-raw pre {
            background: #0f1720;
            border-radius: 8px;
            color: #f8fafc;
            font-family: Consolas, "Liberation Mono", monospace;
            font-size: 12px;
            line-height: 1.5;
            margin: 12px 0 0;
            max-height: 520px;
            overflow: auto;
            padding: 14px;
            white-space: pre-wrap;
          }
          .email-details-dialog {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 16px 44px rgba(var(--black), 0.2);
            color: rgb(var(--dark-grey));
            max-height: calc(100dvh - 48px);
            max-width: 900px;
            overflow: auto;
            padding: 18px;
            width: min(900px, calc(100vw - 32px));
          }
          .email-details-dialog::backdrop {
            background: rgba(var(--black), 0.42);
          }
          .email-details-dialog > .modal-close-x {
            position: absolute;
            right: 10px;
            top: 10px;
          }
          .email-details-header {
            align-items: start;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
            margin-bottom: 14px;
            padding: 0 48px 14px 0;
          }
          .email-details-header h2,
          .email-details-header p {
            margin: 0;
            overflow-wrap: anywhere;
          }
          .email-details-header p {
            color: var(--muted);
            font-size: 13px;
            margin-top: 4px;
          }
          .email-details-layout {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
          }
          .email-details-panel {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .email-details-panel h3 {
            font-size: 16px;
            margin: 0;
          }
          .email-details-timeline,
          .email-details-meta {
            display: grid;
            gap: 8px;
            margin: 0;
          }
          .email-details-timeline div,
          .email-details-meta div {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 3px;
            padding: 8px 10px;
          }
          .email-details-timeline div.is-present {
            border-color: rgb(var(--green));
          }
          .email-details-timeline dt,
          .email-details-meta dt {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .email-details-timeline dd,
          .email-details-meta dd {
            color: rgb(var(--dark-grey));
            font-size: 13px;
            margin: 0;
            overflow-wrap: anywhere;
          }
          .email-details-raw {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            margin-top: 12px;
            padding: 10px 12px;
          }
          .email-details-raw summary {
            cursor: pointer;
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .email-details-raw pre {
            background: rgb(var(--dark-grey));
            border-radius: 8px;
            color: rgb(var(--white));
            max-height: 320px;
            overflow: auto;
            padding: 12px;
            white-space: pre-wrap;
          }
          .email-event-pill {
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            padding: 5px 8px;
            text-transform: capitalize;
            white-space: nowrap;
          }
          .email-event-pill.is-success {
            background: rgba(var(--green), 0.14);
            border-color: rgb(var(--green));
            color: rgb(26, 121, 54);
          }
          .email-event-pill.is-problem {
            background: rgba(var(--red), 0.12);
            border-color: rgb(var(--red));
            color: rgb(var(--red));
          }
          .email-event-pill.is-neutral {
            background: var(--surface-inner);
            color: rgb(var(--dark-grey));
          }
          .server-error-panel {
            display: grid;
            gap: 10px;
            margin: 24px auto;
            max-width: 720px;
          }
          .server-error-panel h2 {
            margin: 0;
          }
          .server-error-panel p {
            color: var(--muted);
            margin: 0;
          }
          .server-error-details {
            display: grid;
            gap: 8px;
            margin: 8px 0 0;
          }
          .server-error-details div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 3px;
            padding: 10px 12px;
          }
          .server-error-details dt {
            color: var(--muted);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 11px;
            font-weight: 800;
            margin: 0;
            text-transform: uppercase;
          }
          .server-error-details dd {
            color: rgb(var(--dark-grey));
            margin: 0;
            overflow-wrap: anywhere;
          }
          .email-config-panel dl {
            display: grid;
            gap: 8px;
            margin: 0;
          }
          .email-config-panel dl div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            padding: 10px 12px;
          }
          .email-config-panel dt {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
          }
          .email-config-panel dd {
            margin: 0;
            overflow-wrap: anywhere;
          }
          .email-preview-panel {
            display: grid;
            gap: 12px;
          }
          .email-preview-frame {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            min-height: 620px;
            width: 100%;
          }
          .tracker-card-menu { position:fixed; z-index:1000; width:212px; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); overflow-y:auto; box-sizing:border-box; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--surface-content); box-shadow:0 6px 20px rgba(var(--dark-grey),.18); }
          .collected-archive-pill {
            background: var(--control-primary-surface);
            border-color: var(--control-primary-border);
            color: var(--control-primary-text);
            cursor:pointer;
            font-family:inherit;
            line-height:1;
            padding-inline:10px;
            text-transform:none;
            white-space:nowrap;
            font-weight: 600;
          }
          .collected-archive-pill:hover {
            background: var(--control-primary-hover);
            border-color: var(--control-primary-hover-border);
            color: var(--control-primary-text);
          }
          .collected-archive-pill.is-expiring { background:#fff3d6; border-color:#e6bd65; color:#805400; }
          #tracker-archive-dialog form { display:grid; gap:10px; }
          #tracker-archive-dialog textarea { width:100%; box-sizing:border-box; }
          #tracker-archive-dialog [hidden] { display:none !important; }
          #tracker-archive-dialog .archive-leave-confirmation { display:flex; align-items:flex-start; gap:8px; margin:12px 0 0; }
          #tracker-archive-dialog .archive-leave-confirmation input[type="checkbox"] { width:14px; min-width:14px; height:14px; min-height:14px; flex:0 0 14px; margin:3px 0 0; padding:0; }
          [data-quick-comment-error] { color:#b42318; }
          .tracker-card-menu[hidden] { display:none; }
          .tracker-card-menu button { display:block; width:100%; min-height:32px; padding:6px 10px; border:0; border-radius:4px; box-shadow:none; text-align:left; background:transparent; color:var(--text); font-size:13px; font-weight:500; }
          .tracker-card-menu button:hover,.tracker-card-menu button:focus-visible { background:rgba(var(--blue),.08); outline:2px solid transparent; color:var(--accent); }
          .tracker-card-menu button { display:flex; align-items:center; gap:8px; }
          .tracker-card-menu button > svg { width:20px; height:20px; flex:none; }
          .tracker-card-highlight-form { margin:4px 5px; padding:10px 5px; border-block:1px solid var(--line); }
          .tracker-card-highlight-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:9px; font-size:12px; font-weight:600; }
          [data-card-highlight-current] { color:var(--muted); font-size:11px; font-weight:400; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
          .tracker-card-highlight-heading > span:first-child { flex:none; }
          .tracker-card-highlight-swatches { display:grid; grid-template-columns:repeat(5,24px); justify-content:space-between; gap:10px; }
          .tracker-card-menu button.tracker-card-highlight-swatch { display:block; width:24px; height:24px; min-height:24px; padding:0; border:3px solid var(--surface-content); border-radius:50%; background:var(--swatch-colour); background-clip:padding-box; box-shadow:0 0 0 1px var(--line); }
          .tracker-card-menu button.tracker-card-highlight-swatch[aria-checked="true"] { box-shadow:0 0 0 2px var(--text); }
          .tracker-card-menu button.tracker-card-highlight-swatch:hover { background:var(--swatch-colour); background-clip:padding-box; }
          .tracker-card-menu button.tracker-card-highlight-swatch:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
          .tracker-card-highlight-form [data-tracker-form-error] { margin:10px 0 0; overflow-wrap:anywhere; font-size:12px; }
          .tracker-card-menu .tracker-card-menu-cancel { margin-top:4px; border-top:1px solid var(--line); color:#a33a3a; }
          .tracker-card-menu .tracker-card-highlight-form + .tracker-card-menu-cancel { margin-top:0; border-top:0; }
          .tracker-card-menu .tracker-card-menu-cancel:hover,.tracker-card-menu .tracker-card-menu-cancel:focus-visible { background:#fff1f1; color:#8f2525; }
          [data-cancel-deal-error] { color:#b42318; }
          [data-cancel-deal-dialog] [hidden] { display:none !important; }
          .push-permission-prompt {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            box-shadow: 0 18px 46px rgba(var(--dark-grey), 0.2);
            display: grid;
            gap: 14px;
            left: 50%;
            max-width: min(440px, calc(100vw - 32px));
            padding: 16px;
            position: fixed;
            top: 58px;
            transform: translateX(-50%);
            width: calc(100vw - 32px);
            z-index: 1001;
          }
          .push-permission-prompt[hidden] {
            display: none;
          }
          .push-permission-prompt strong {
            color: var(--text);
            display: block;
            font-size: 16px;
            line-height: 1.2;
            margin-bottom: 4px;
          }
          .push-permission-prompt p {
            color: var(--muted);
            font-size: 13px;
            margin: 0;
          }
          .push-permission-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .push-permission-actions button {
            min-width: 0;
          }
          .push-permission-status {
            font-weight: 800;
          }
          .welcome {
            background: var(--panel);
            border: 1px solid var(--line);
            border-radius: 0;
            margin: 0 auto;
            max-width: 860px;
            padding: 22px;
          }
          .welcome h2 {
            font-size: 28px;
            line-height: 1.1;
            margin-bottom: 8px;
          }
          .welcome p {
            color: var(--muted);
            font-family: Lora, Georgia, serif;
            font-size: 16px;
            max-width: 620px;
          }
          .public-home {
            align-items: stretch;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            display: grid;
            gap: 0;
            grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
            margin: 32px auto;
            max-width: 1040px;
            min-height: 420px;
          }
          .public-home-copy {
            align-content: center;
            display: grid;
            gap: 16px;
            padding: 42px;
          }
          .public-home h1 {
            font-size: clamp(34px, 6vw, 64px);
            line-height: 0.95;
            max-width: 720px;
            text-transform: uppercase;
          }
          .public-home p {
            color: var(--muted);
            font-family: Lora, Georgia, serif;
            font-size: 18px;
            margin: 0;
            max-width: 620px;
          }
          .public-home-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 6px;
          }
          .public-home-panel {
            background: rgb(237, 248, 255);
            border-left: 1px solid var(--line);
            display: grid;
            gap: 12px;
            padding: 28px;
          }
          .public-home-panel div {
            align-content: end;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            min-height: 112px;
            padding: 14px;
          }
          .public-home-panel span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .public-home-panel strong {
            color: rgb(var(--dark-grey));
            font-size: 18px;
            line-height: 1.15;
          }
          .user-profile-card {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            padding: 18px;
          }
          .user-profile-heading {
            display: grid;
            gap: 18px;
          }
          .user-profile-identity {
            display: grid;
            gap: 6px;
            align-content: start;
          }
          .user-profile-identity h3 {
            font-size: 24px;
            overflow-wrap: anywhere;
          }
          .user-profile-identity p {
            color: var(--muted);
            margin: 0;
          }
          .user-profile-contact {
            color: var(--text);
            display: flex;
            flex-wrap: wrap;
            gap: 8px 18px;
            font-size: 14px;
            font-weight: 700;
            margin-top: 4px;
          }
          .user-profile-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .user-profile-form {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr)) 194px;
          }
          .user-profile-actions {
            align-self: end;
            display: flex;
            gap: 8px;
            justify-content: flex-end;
            min-width: 194px;
          }
          .user-profile-actions button {
            min-width: 88px;
            width: 88px;
          }
          .user-profile-actions [data-profile-edit],
          .user-profile-actions [data-profile-cancel] {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            color: rgb(var(--dark-grey));
          }
          .user-profile-actions [data-profile-edit]:hover,
          .user-profile-actions [data-profile-cancel]:hover {
            border-color: var(--accent);
            color: var(--accent);
          }
          .profile-detail {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .profile-detail span {
            color: var(--muted);
            display: block;
            font-size: 12px;
            font-weight: 900;
            margin-bottom: 4px;
            text-transform: uppercase;
          }
          .profile-detail strong {
            overflow-wrap: anywhere;
          }
          .user-profile-sites {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .user-profile-group {
            color: var(--text);
            font-weight: 900;
            margin: 0 0 10px;
          }
          .profile-site-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .profile-site-pills span {
            border: 1px solid var(--line);
            border-radius: 999px;
            font-size: 13px;
            font-weight: 700;
            padding: 6px 10px;
          }
          .people-page {
            display: grid;
            gap: 12px;
          }
          .people-page .panel-header {
            margin-bottom: -4px;
          }
          .people-profile-compact {
            align-items: end;
            gap: 12px;
            grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr);
            padding: 12px;
          }
          .people-profile-compact .user-profile-heading {
            align-self: start;
          }
          .people-profile-compact .user-profile-heading {
            gap: 6px;
          }
          .people-profile-compact .user-profile-identity {
            gap: 3px;
          }
          .people-profile-compact .eyebrow {
            margin-bottom: 0;
          }
          .people-profile-compact .user-profile-identity h3 {
            font-size: 18px;
            line-height: 1.15;
          }
          .people-profile-compact .user-profile-identity p {
            font-size: 13px;
          }
          .people-profile-compact .user-profile-contact {
            display: none;
          }
          .people-profile-form {
            gap: 8px;
            grid-template-columns: repeat(4, minmax(0, 1fr)) 184px;
            padding: 10px;
          }
          .people-profile-form label {
            gap: 4px;
          }
          .people-profile-form input {
            min-height: 36px;
            padding: 7px 11px;
          }
          .people-profile-form .user-profile-actions {
            min-width: 184px;
          }
          .people-profile-form .user-profile-actions button {
            align-items: center;
            display: inline-flex;
            height: 36px;
            justify-content: center;
            line-height: 1;
            min-height: 36px;
            padding: 7px 12px;
          }
          .people-profile-form .user-profile-actions button[hidden] {
            display: none;
          }
          .onboarding-page {
            display: grid;
            gap: 16px;
          }
          .onboarding-header {
            align-items: end;
          }
          .onboarding-header p {
            color: var(--muted);
            margin: 4px 0 0;
            max-width: 760px;
          }
          .onboarding-progress {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            padding: 8px;
          }
          .onboarding-progress a,
          .onboarding-progress > span {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            color: rgb(var(--dark-grey));
            display: flex;
            font-weight: 900;
            gap: 8px;
            justify-content: center;
            min-height: 38px;
            padding: 7px 10px;
            text-decoration: none;
          }
          .onboarding-progress a span,
          .onboarding-progress > span span {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            font-size: 12px;
            height: 24px;
            justify-content: center;
            width: 24px;
          }
          .onboarding-progress a.is-active {
            border-color: var(--accent);
            box-shadow: 0 0 0 1px var(--accent);
            color: var(--accent);
          }
          .onboarding-progress a.is-complete span {
            background: var(--person-card-added-bg);
            border-color: var(--person-card-added-border);
            color: rgb(27, 114, 52);
          }
          .onboarding-progress .is-disabled {
            color: var(--muted);
            cursor: default;
            opacity: 0.55;
          }
          .onboarding-card {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
            padding: 16px;
          }
          .onboarding-copy,
          .onboarding-form,
          .onboarding-team-panel,
          .onboarding-finish-actions {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 14px;
          }
          .onboarding-copy {
            align-content: start;
            display: grid;
            gap: 8px;
          }
          .onboarding-copy h3 {
            font-size: 22px;
            margin: 0;
          }
          .onboarding-copy p {
            color: var(--muted);
            margin: 0;
          }
          .onboarding-form,
          .onboarding-team-panel {
            align-content: start;
            display: grid;
            gap: 12px;
          }
          .onboarding-form label {
            display: grid;
            gap: 6px;
          }
          .onboarding-profile-panel {
            align-items: start;
            display: grid;
            gap: 16px;
            grid-template-columns: minmax(180px, 0.38fr) minmax(0, 1fr);
          }
          .onboarding-profile-panel .profile-avatar-panel,
          .onboarding-profile-panel .onboarding-profile-form {
            min-width: 0;
          }
          .onboarding-profile-form {
            align-content: start;
          }
          .onboarding-profile-panel .profile-avatar-panel {
            align-content: start;
            max-width: 260px;
            width: 100%;
          }
          .onboarding-profile-form input[readonly] {
            background: #ffffff;
            color: var(--muted);
          }
          .onboarding-profile-actions {
            justify-content: flex-end;
          }
          .onboarding-location-form,
          .onboarding-location-existing {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 14px;
          }
          .onboarding-location-search {
            display: grid;
            gap: 10px;
          }
          .onboarding-location-search[hidden],
          .onboarding-location-selected[hidden] {
            display: none !important;
          }
          .onboarding-location-search label {
            display: grid;
            gap: 6px;
          }
          .onboarding-location-results {
            background: #ffffff;
            border: 1px dashed var(--line);
            border-radius: 8px;
            display: grid;
            gap: 6px;
            min-height: 68px;
            padding: 8px;
          }
          .onboarding-location-result {
            align-items: start;
            background: #ffffff;
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--text);
            display: grid;
            gap: 2px;
            justify-items: start;
            min-height: 42px;
            padding: 9px 10px;
            text-align: left;
            width: 100%;
          }
          .onboarding-location-result:hover,
          .onboarding-location-result:focus {
            background: #f8fafc;
            border-color: var(--action);
            outline: none;
          }
          .onboarding-location-result span {
            color: var(--muted);
            font-size: 13px;
          }
          .onboarding-location-selected {
            align-items: center;
            background: #ffffff;
            border: 1px solid var(--line);
            border-radius: 8px;
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 12px;
          }
          .onboarding-location-selected.is-saved {
            background: var(--surface-content);
          }
          .onboarding-location-selected strong {
            display: block;
            margin-top: 3px;
          }
          .onboarding-location-selected p {
            color: var(--muted);
            margin: 4px 0 0;
          }
          .onboarding-location-actions,
          .onboarding-location-existing-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: flex-end;
          }
          .onboarding-actions,
          .onboarding-finish-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: flex-end;
          }
          .onboarding-actions {
            grid-column: 1 / -1;
          }
          .onboarding-team-form {
            align-items: end;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr);
          }
          .onboarding-team-list {
            display: grid;
            gap: 8px;
          }
          .onboarding-finish-copy {
            min-height: 180px;
          }
          .onboarding-finish-actions {
            align-content: center;
            justify-content: center;
          }
          .profile-page {
            display: grid;
            gap: 12px;
          }
          .profile-page .panel-header {
            margin-bottom: 0;
          }
          .profile-workspace {
            align-items: start;
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(240px, 0.35fr) minmax(0, 1fr);
            padding: 12px;
          }
          .profile-account-grid {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .profile-page .profile-email-alias-panel { grid-column: auto; }
          .profile-page :is(.profile-avatar-panel, .profile-form, .profile-alias-panel) {
            min-width: 0;
            padding: 12px;
            gap: 12px;
          }
          .profile-account-grid > .profile-alias-panel > p { margin: 0; }
          .profile-page .profile-form > label { min-width: 0; }
          .profile-page .profile-form-actions { flex-wrap: wrap; }
          .profile-page .profile-push-state { flex-wrap: wrap; align-content: start; }
          .profile-page .profile-push-state p { min-width: 0; overflow-wrap: anywhere; }
          @media (max-width: 480px) {
            .profile-page .profile-alias-add { grid-template-columns: minmax(0, 1fr); }
            .profile-page .profile-alias-add input { border-radius: 8px 8px 0 0; }
            .profile-page .profile-alias-add button {
              border-top: 1px solid var(--line);
              border-radius: 0 0 8px 8px;
            }
            .profile-page .profile-alias-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
            .profile-page .profile-alias-row > div { grid-column: 1; }
            .profile-page .profile-alias-row > .user-admin-status-pill { grid-column: 1; justify-self: start; }
            .profile-page .profile-alias-row > form { grid-column: 2; grid-row: 1 / 3; }
          }
          .credits-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 16px; }
          .profile-detail-page {
            max-width: 1200px;
            margin: 0 auto;
            background: var(--surface-panel);
          }
          .profile-detail-page > .panel-header { flex-wrap: wrap; }
          .profile-detail-page > .panel-header > .brand-light-button { flex-shrink: 0; }
          .credits-overview {
            display: grid;
            grid-template-columns: minmax(150px, 0.65fr) minmax(0, 1.5fr) minmax(0, 1fr);
            gap: 8px;
            margin-bottom: 16px;
          }
          .credits-card {
            min-width: 0;
            padding: 12px;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
          }
          .credits-card h3 { margin-top: 0; }
          .credits-card > :last-child { margin-bottom: 0; }
          .credits-balance { background: var(--surface-inner); }
          .credits-balance-value {
            margin: 12px 0;
            color: var(--accent);
            font-size: 48px;
            font-weight: 700;
            line-height: 1.1;
            font-variant-numeric: tabular-nums;
          }
          @media (max-width: 900px) { .credits-overview { grid-template-columns: 1fr; } }
          .profile-credit-panel { min-width: 0; }
          .profile-credit-table-wrap {
            max-width: 100%;
            background: var(--surface-content);
            border: 1px solid var(--line);
          }
          .profile-credit-table {
            min-width: 0;
            width: 100%;
            table-layout: fixed;
          }
          .profile-credit-table th,
          .profile-credit-table td {
            border-top: 0;
            border-bottom: 1px solid var(--line);
            padding: 10px 8px;
            overflow-wrap: anywhere;
          }
          .profile-credit-table th { font-size: 11px; font-weight: 800; }
          .profile-credit-table td { font-size: 13px; }
          .profile-credit-table th:nth-child(2) { width: 34%; }
          .profile-credit-table th:nth-child(n+3),
          .profile-credit-table td:nth-child(n+3) {
            text-align: right;
            font-variant-numeric: tabular-nums;
          }
          .profile-credit-table tbody tr:last-child td { border-bottom: 0; }
          .profile-email-alias-panel {
            grid-column: 1 / -1;
          }
          .profile-avatar-panel,
          .profile-form,
          .profile-alias-panel {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 14px;
          }
          .profile-avatar-panel h3,
          .profile-form h3,
          .profile-alias-panel h3 {
            margin: 0;
          }
          .profile-form-heading {
            grid-column: 1 / -1;
          }
          .profile-highlight-panel form { position:relative; display:grid; gap:10px; min-width:0; }
          .profile-highlight-help { margin:0; }
          .profile-highlight-rows { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
          .profile-highlight-row { display:grid; grid-template-columns:minmax(0,1fr) 64px; align-items:center; gap:8px; min-width:0; }
          .profile-highlight-control { display:flex; align-items:center; min-width:0; min-height:42px; border:1px solid var(--line); border-radius:8px; background:var(--surface-content); }
          .profile-highlight-control:focus-within { border-color:rgb(var(--blue)); box-shadow:0 0 0 1px rgb(var(--blue)); }
          .profile-highlight-control > label { flex:0 0 44px; box-sizing:border-box; display:flex; align-items:center; align-self:stretch; padding:4px 10px; }
          .profile-highlight-row i { display:block; width:24px; height:24px; border:1px solid var(--line); border-radius:50%; flex:none; background:var(--swatch-colour); }
          .profile-highlight-input { flex:1; position:relative; min-width:0; }
          .profile-highlight-row input { width:100%; min-width:0; min-height:40px; padding:8px 34px 8px 10px; border:0; border-radius:0 8px 8px 0; background:transparent; box-shadow:none; }
          .profile-highlight-row input:focus { outline:none; box-shadow:none; }
          .profile-highlight-row input::placeholder { color:var(--muted); opacity:1; }
          .profile-highlight-row input:focus::placeholder { opacity:0; }
          .profile-highlight-input button { position:absolute; right:5px; top:50%; transform:translateY(-50%); width:24px; height:24px; min-height:24px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:50%; background:transparent; color:var(--control-danger-text,#bf3030); box-shadow:none; }
          .profile-highlight-input button:hover { background:rgba(var(--red),0.08); }
          .profile-highlight-input button[hidden],.profile-highlight-panel .profile-form-actions:not(:has(button:not([hidden]))) { display:none; }
          .profile-highlight-panel [data-highlight-names-status] { min-height:1.4em; margin:0; font-size:12px; }
          .profile-highlight-panel [data-highlight-names-status]:empty { position:absolute; min-height:0; }
          @media(max-width:600px) {
            .profile-highlight-row { grid-template-columns:minmax(0,1fr); row-gap:0; }
            .profile-highlight-control > label { flex-basis:40px; padding-inline:8px; }
            .profile-highlight-row i { width:22px; height:22px; }
            .profile-highlight-row input { font-size:16px; }
            .profile-highlight-row-status { min-height:14px; line-height:14px; text-align:right; }
          }
          .profile-form-heading p {
            margin: 4px 0 0;
          }
          .profile-details-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
          }
          .profile-details-heading > [hidden] { display: none; }
          .profile-details-summary {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-column: 1 / -1;
            gap: 20px 24px;
            margin: 0;
          }
          .profile-details-summary > div { min-width: 0; }
          .profile-details-summary dt { color: var(--muted); font-size: 12px; margin-bottom: 4px; }
          .profile-details-summary dd { margin: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
          .profile-details-phone { display: flex; align-items: center; gap: 8px; }
          .profile-details-phone .tb-icon { color: var(--control-primary-text); }
          .profile-details-phone a { color: var(--control-primary-text); text-underline-offset: 3px; }
          .profile-details-phone a:focus-visible { outline: 2px solid var(--control-focus); outline-offset: 3px; }
          .profile-form[data-editing="false"] > :is(label, .profile-phone-section, .profile-form-actions),
          .profile-form[data-editing="true"] > .profile-details-summary { display: none; }
          @media (max-width: 900px) { .profile-details-summary { grid-template-columns: minmax(0, 1fr); gap: 16px; } }
          .profile-credits-summary {
            grid-template-rows: auto 1fr auto;
          }
          .profile-credit-usage {
            font-variant-numeric: tabular-nums;
          }
          .profile-credits-summary > .brand-light-button {
            align-self: end;
          }
          .profile-push-state {
            align-items: center;
            display: flex;
            gap: 10px;
            min-width: 0;
          }
          .profile-security-email {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 3px;
            padding: 10px 12px;
          }
          .profile-security-email span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
          }
          .profile-security-email strong {
            overflow-wrap: anywhere;
          }
          .profile-security-panel form {
            align-self: end;
            margin: 0;
          }
          .profile-security-panel .brand-light-button {
            min-height: 38px;
          }
          .profile-push-state p {
            margin: 0;
          }
          [data-push-panel] .profile-form-actions {
            align-items: center;
            align-self: end;
          }
          [data-push-panel] .profile-form-actions .brand-light-button {
            height: 38px;
            min-height: 38px;
            padding-bottom: 0;
            padding-top: 0;
          }
          .profile-push-badge {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            flex: 0 0 auto;
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0;
            padding: 5px 9px;
            text-transform: uppercase;
          }
          .profile-push-badge[data-state="enabled"] {
            background: #e8f8ef;
            border-color: #7dd9a2;
            color: #157347;
          }
          .profile-push-badge[data-state="off"],
          .profile-push-badge[data-state="loading"] {
            background: #fff8df;
            border-color: #ead281;
            color: #8a6500;
          }
          .profile-push-badge[data-state="blocked"],
          .profile-push-badge[data-state="unsupported"] {
            background: #ffe7e7;
            border-color: #ffadad;
            color: rgb(var(--red));
          }
          .profile-alias-panel {
            background: var(--surface-outer);
          }
          .profile-alias-add {
            max-width: 620px;
          }
          .profile-alias-list {
            display: grid;
            gap: 8px;
          }
          .profile-alias-row {
            align-items: center;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto auto;
            padding: 10px 12px;
          }
          .profile-alias-row div {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .profile-alias-row strong,
          .profile-alias-row span {
            overflow-wrap: anywhere;
          }
          .profile-alias-row div span {
            color: var(--muted);
            font-size: 13px;
          }
          .profile-alias-row form {
            margin: 0;
          }
          .profile-avatar-preview {
            align-items: center;
            aspect-ratio: 1;
            background: var(--surface-content);
            border: 4px solid var(--surface-content);
            box-shadow: 0 0 0 1px var(--line);
            border-radius: 999px;
            color: var(--accent);
            display: flex;
            font-size: clamp(38px, 6vw, 72px);
            font-weight: 900;
            justify-content: center;
            justify-self: center;
            max-width: 160px;
            overflow: hidden;
            width: min(100%, 160px);
          }
          .profile-avatar-preview img {
            display: block;
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
          .profile-avatar-form,
          .profile-avatar-remove {
            display: grid;
            gap: 10px;
          }
          .profile-avatar-form label,
          .profile-form label {
            display: grid;
            gap: 6px;
          }
          .profile-form {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .profile-form-actions {
            grid-column: 1 / -1;
          }
          .profile-form-actions button[hidden] {
            display: none;
          }
          .profile-avatar-panel { background:var(--surface-content); min-width:0; align-content:start; gap:16px; }
          .profile-avatar-panel [hidden] { display:none !important; }
          .profile-avatar-form,.profile-avatar-remove { min-width:0; margin:0; }
          .profile-avatar-form > * { min-width:0; }
          .profile-avatar-form .profile-avatar-drop {
            display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:10px;
            position:relative; padding:12px; margin:0; border:1px dashed var(--control-primary-border);
            border-radius:10px; background:var(--control-primary-surface); cursor:pointer; text-align:left;
          }
          .profile-avatar-drop:hover,.profile-avatar-drop.drag-over { background:var(--control-primary-hover); border-color:var(--control-primary-hover-border); }
          .profile-avatar-drop:focus-within { outline:2px solid var(--control-focus); outline-offset:3px; }
          .profile-avatar-drop > svg { width:28px; height:28px; fill:none; stroke:var(--control-primary-text); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
          .profile-avatar-picker-copy { display:grid; gap:3px; min-width:0; }
          .profile-avatar-picker-copy strong { font-size:13px; font-weight:600; color:var(--control-primary-text); }
          .profile-avatar-picker-copy > span { font-size:11px; font-weight:400; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
          .profile-avatar-drop input[type="file"],.profile-avatar-camera input[type="file"] { position:absolute; width:1px; height:1px; min-width:0; min-height:0; padding:0; margin:-1px; border:0; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
          .profile-avatar-form .profile-avatar-camera { display:none; position:relative; align-items:center; justify-content:center; gap:8px; min-height:44px; margin:0; padding:8px 12px; border:1px solid var(--control-primary-border); border-radius:8px; background:var(--control-primary-surface); color:var(--control-primary-text); font-size:13px; font-weight:600; cursor:pointer; }
          .profile-avatar-camera:hover { background:var(--control-primary-hover); border-color:var(--control-primary-hover-border); }
          .profile-avatar-camera:focus-within { outline:2px solid var(--control-focus); outline-offset:3px; }
          .profile-avatar-camera > svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
          @media (any-pointer:coarse) { .profile-avatar-form .profile-avatar-camera { display:flex; } }
          .profile-avatar-hint { margin:0; color:var(--muted); font-size:11px; line-height:1.5; text-align:center; }
          .profile-avatar-error { margin:0; color:var(--danger); font-size:12px; line-height:1.5; }
          .profile-avatar-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
          .profile-avatar-actions button { min-width:0; }
          .profile-avatar-remove { justify-items:center; border-top:1px solid var(--line); padding-top:10px; }
          .profile-avatar-remove button { font-size:12px; font-weight:500; padding:4px 8px; min-height:28px; color:var(--muted); }
          .profile-avatar-remove button:hover { color:var(--control-danger-text); background:var(--control-danger-hover); }
          .profile-avatar-cropper {
            display: grid;
            gap: 10px;
            justify-items: center;
          }
          .profile-avatar-cropper[hidden] {
            display: none;
          }
          .profile-avatar-crop-frame {
            aspect-ratio: 1;
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 999px;
            cursor: grab;
            max-width: 160px;
            overflow: hidden;
            position: relative;
            touch-action: none;
            width: min(100%, 160px);
          }
          .profile-avatar-crop-frame:active {
            cursor: grabbing;
          }
          .profile-avatar-crop-frame img {
            display: block;
            left: 0;
            max-width: none;
            pointer-events: none;
            position: absolute;
            top: 0;
            transform-origin: top left;
            user-select: none;
          }
          .profile-avatar-cropper label {
            max-width: 160px;
            width: min(100%, 160px);
          }
          .profile-avatar-cropper input[type="range"] {
            margin: 0;
            width: 100%;
          }
          .profile-phone-section {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-column: 1 / -1;
            padding: 12px;
          }
          .onboarding-alias-section {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-column: 1 / -1;
            padding: 12px;
          }
          .onboarding-alias-add,
          .onboarding-phone-add {
            max-width: 620px;
          }
          .onboarding-alias-list,
          .onboarding-phone-list {
            display: grid;
            gap: 8px;
          }
          .onboarding-alias-row,
          .onboarding-phone-row {
            align-items: center;
            background: #ffffff;
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto auto;
            padding: 9px 10px;
          }
          .onboarding-alias-row span,
          .onboarding-phone-row span {
            overflow-wrap: anywhere;
          }
          .onboarding-phone-row small {
            color: var(--muted);
            font-size: 13px;
          }
          .profile-phone-heading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .profile-phone-heading span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
          }
          .profile-phone-section { min-width:0; container-type:inline-size; }
          .profile-phone-list { display:grid; gap:10px; min-width:0; }
          .profile-phone-row {
            display:grid; grid-template-columns:minmax(0,0.7fr) minmax(0,1.3fr) 32px;
            align-items:end; gap:10px; min-width:0; padding:12px;
            border:1px solid var(--line); border-radius:10px; background:var(--surface-content);
          }
          .profile-phone-row > label { min-width:0; margin:0; }
          .profile-phone-row input { width:100%; min-width:0; }
          .profile-phone-label { font-size:11px; color:var(--muted); font-weight:600; }
          .profile-phone-row .profile-phone-remove { grid-area:1 / 3; align-self:end; margin-bottom:4px; }
          .profile-phone-summary { display:none; align-items:center; gap:12px; min-width:0; }
          .profile-phone-summary > svg { width:20px; height:20px; flex:none; fill:none; stroke:var(--control-primary-text); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
          .profile-phone-summary > div { display:grid; gap:3px; min-width:0; }
          .profile-phone-summary span { font-size:11px; color:var(--muted); overflow-wrap:anywhere; }
          .profile-phone-summary strong,.profile-phone-summary a { font-size:14px; font-weight:600; overflow-wrap:anywhere; }
          .profile-phone-summary a { color:var(--control-primary-text); text-decoration:underline; text-decoration-color:var(--control-primary-border); text-underline-offset:3px; border-radius:3px; }
          .profile-phone-summary a:hover { text-decoration-color:currentColor; }
          .profile-phone-summary a:focus-visible { outline:2px solid var(--control-focus); outline-offset:3px; }
          .profile-form[data-editing="false"] .profile-phone-row { grid-template-columns:minmax(0,1fr); padding:10px 0; border:0; border-radius:0; }
          .profile-form[data-editing="false"] .profile-phone-row + .profile-phone-row { border-top:1px solid var(--line); }
          .profile-form[data-editing="false"] .profile-phone-summary { display:flex; }
          .profile-form[data-editing="false"] .profile-phone-row > label,
          .profile-form[data-editing="false"] .profile-phone-remove,
          .profile-form[data-editing="false"] [data-profile-add-phone] { display:none; }
          @container (max-width:420px) {
            .profile-phone-row { grid-template-columns:minmax(0,1fr) 32px; }
            .profile-phone-type { grid-column:1; grid-row:1; }
            .profile-phone-number { grid-column:1 / -1; grid-row:2; }
            .profile-phone-row .profile-phone-remove { grid-area:1 / 2; }
          }
          .profile-form-actions {
            display: flex;
            gap: 10px;
            justify-content: flex-end;
          }
          .people-directory-panel {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 12px;
          }
          .people-section-navigation {
            align-items: center;
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            gap: 3px;
            padding: 3px;
          }
          .people-section-navigation a {
            border-radius: 999px;
            color: var(--muted);
            font-size: 13px;
            font-weight: 800;
            padding: 7px 14px;
            text-decoration: none;
          }
          .people-section-navigation a[aria-current="page"] {
            background: rgb(var(--white));
            box-shadow: 0 1px 4px rgba(var(--black), 0.1);
            color: var(--accent);
          }
          .access-groups-page,
          .access-group-detail-page {
            display: grid;
            gap: 16px;
          }
          .access-groups-page-header,
          .access-group-detail-header {
            align-items: center;
            display: flex;
            gap: 16px;
            justify-content: space-between;
          }
          .access-groups-page-header p,
          .access-group-detail-header p {
            color: var(--muted);
            margin: 4px 0 0;
          }
          .access-group-detail-header-actions {
            align-items: center;
            display: flex;
            flex: 0 0 auto;
            gap: 10px;
          }
          .access-group-create-panel {
            align-items: center;
            background: rgba(var(--blue), 0.055);
            border: 1px solid rgba(var(--blue), 0.22);
            border-radius: 10px;
            display: grid;
            gap: 18px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 16px;
          }
          .access-group-create-panel h3,
          .access-group-create-panel p {
            margin: 0;
          }
          .access-group-create-panel p {
            color: var(--muted);
            font-size: 13px;
            margin-top: 4px;
          }
          .access-group-create-panel > button {
            min-width: 150px;
          }
          .access-group-create-dialog.access-group-checklist-dialog {
            max-width: 840px;
            width: min(840px, calc(100vw - 28px));
            height: min(650px, calc(100dvh - 40px));
            padding: 0;
            overflow: hidden;
          }
          .access-group-checklist-dialog[open] { display:flex; flex-direction:column; }
          .access-group-checklist-dialog [hidden] { display:none !important; }
          .access-group-checklist-dialog .access-group-create-dialog-header { display:flex; align-items:center; justify-content:space-between; flex:none; margin:0; padding:12px 18px; }
          .access-group-checklist-dialog .access-group-create-dialog-header > .modal-close-x { position:static; transform:none; flex:none; }
          .access-group-checklist-dialog .access-group-create-dialog-header h2 { font-size:20px; }
          .access-group-checklist-dialog .access-group-create-dialog-icon { display:none; }
          .access-group-checklist-dialog .access-group-create-form { display:flex; flex-direction:column; flex:1 1 auto; min-height:0; overflow:hidden; gap:0; }
          .access-group-create-form-body { flex:1 1 auto; min-height:0; overflow:hidden; padding:0; display:grid; grid-template-columns:220px minmax(0,1fr); }
          .access-group-create-setup { display:flex; flex-direction:column; min-height:0; min-width:0; padding:16px; background:rgba(var(--blue),.055); border-right:1px solid var(--line); }
          .access-group-create-admin { color:var(--muted); font-size:11px; margin:9px 0 0; overflow-wrap:anywhere; }
          .access-group-create-name input::placeholder { color:var(--muted); opacity:1; font-size:12px; font-weight:400; }
          .access-group-create-admin strong { display:block; color:rgb(var(--dark-grey)); font-weight:600; }
          .access-group-create-admin span { display:block; margin-top:2px; }
          .access-group-create-selection { min-height:0; overflow-y:auto; overscroll-behavior:contain; margin-top:20px; padding-top:12px; border-top:1px solid rgba(var(--blue),.25); }
          .access-group-create-selection .access-group-create-member-heading { display:block; }
          .access-group-create-selection .access-group-create-member-heading h3 { font-size:12px; }
          .access-group-create-selection .inline-people-picker-selected { display:grid; padding:0; border:0; background:transparent; gap:7px; }
          .access-group-create-selection .inline-people-picker-chip { padding:0; border:0; border-radius:0; background:transparent; justify-content:space-between; gap:8px; }
          .access-group-create-selection .inline-people-picker-chip button { border:1px solid var(--control-primary-border); border-radius:50%; background:var(--surface-panel); width:24px; height:24px; }
          .access-group-checklist-dialog .access-group-create-dialog-actions { flex:none; padding:13px 18px; background:var(--surface-panel); }
          .access-group-create-member-section { display:flex; flex-direction:column; min-height:0; min-width:0; padding:0 12px 8px; }
          .access-group-create-member-section > .inline-people-picker { display:flex; flex-direction:column; flex:1 1 auto; min-height:0; border:0; border-radius:0; }
          .access-group-create-member-section .inline-people-picker-top, .access-group-create-member-section .inline-people-picker-meta { flex:none; }
          .access-group-create-member-section .inline-people-picker-top { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
          .access-group-create-member-section .inline-people-picker-types { margin:0; flex:none; }
          .access-group-create-member-section .inline-people-picker-filter { flex:1 1 230px; min-width:0; }
          .access-group-create-member-section .inline-people-picker-person { min-height:46px; padding:6px; }
          .access-group-create-member-section .inline-people-picker-identity { line-height:1.3; }
          .access-group-create-member-section .inline-people-picker-list { flex:1 1 auto; min-height:0; max-height:none; }
          .access-group-create-member-section .inline-people-picker-more { flex:none; }
          .access-group-create-member-section .inline-people-picker-meta > [data-people-picker-clear] { display:none; }
          .access-group-create-member-section > .access-group-email-toggle { align-self:flex-start; flex:none; }
          .access-group-create-member-section > .access-group-additional-member, .access-group-create-member-section > .access-group-create-error { flex:none; }
          .access-group-create-footer-note { display:grid; gap:2px; font-size:11px; color:var(--muted); }
          .access-group-create-footer-note small { font-size:11px; }
          .access-group-create-member-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
          .access-group-create-member-heading h3 { font-size:14px; margin:0; }
          .access-group-create-member-heading > span { color:var(--muted); font-size:11px; }
          .access-group-create-member-note { color:var(--muted); font-size:11px; margin:10px 0 0; }
          .access-group-create-error, .inline-people-picker-error { color:rgb(var(--red)); font-size:12px; overflow-wrap:anywhere; margin:8px 0; }
          .access-group-email-toggle { background:transparent; border:0; border-radius:0; color:var(--accent); padding:8px 0; font-size:12px; }
          .access-group-additional-member[hidden] { display:none; }
          .inline-people-picker { background:var(--surface-panel); border:1px solid var(--line); border-radius:8px; min-width:0; overflow:hidden; }
          .inline-people-picker [hidden] { display:none !important; }
          .inline-people-picker-top { padding:10px; }
          .inline-people-picker-types { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:9px; }
          .inline-people-picker-types button { background:transparent; border-color:transparent; padding:6px 10px; min-height:32px; font-size:12px; }
          .inline-people-picker-types button[aria-pressed="true"] { background:var(--control-primary-surface); border-color:var(--control-primary-border); color:var(--control-primary-text); }
          .inline-people-picker-filter { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:6px; padding:0 10px; color:var(--muted); }
          .inline-people-picker-filter input { min-width:0; width:100%; border:0; background:transparent; padding:8px 0; box-shadow:none; font-size:13px; }
          .inline-people-picker-filter svg { flex:0 0 auto; }
          .inline-people-picker-selected { display:flex; flex-wrap:wrap; gap:5px; align-items:center; min-height:39px; padding:8px 10px; background:rgba(var(--blue),.055); border-block:1px solid var(--line); }
          .inline-people-picker-selected:empty::before { content:"No members selected"; color:var(--muted); font-size:11px; }
          .inline-people-picker-chip { display:inline-flex; align-items:center; gap:5px; max-width:100%; background:var(--surface-panel); border:1px solid var(--control-primary-border); border-radius:5px; padding:3px 5px 3px 7px; color:var(--control-primary-text); font-size:11px; }
          .inline-people-picker-chip > span { overflow-wrap:anywhere; min-width:0; }
          .inline-people-picker-chip button { display:inline-flex; align-items:center; justify-content:center; flex:none; border:0; background:transparent; color:inherit; padding:2px; min-height:20px; min-width:20px; }
          .inline-people-picker-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 11px 3px; font-size:11px; color:var(--muted); }
          .inline-people-picker-meta button, .inline-people-picker-more { border:0; background:transparent; color:var(--accent); font-size:11px; padding:4px 0; min-height:26px; }
          .inline-people-picker-meta [aria-pressed="true"] { text-decoration:underline; text-underline-offset:3px; font-weight:700; }
          .inline-people-picker-list { padding:0 6px 6px; max-height:290px; overflow-y:auto; overscroll-behavior:contain; }
          .inline-people-picker-person { display:flex; align-items:center; gap:9px; padding:8px 6px; border-radius:6px; min-width:0; min-height:52px; margin:2px 0 0; cursor:pointer; }
          .inline-people-picker-person.is-selected { background:rgba(var(--blue),.055); }
          .inline-people-picker-person > input { flex:none; width:16px; height:16px; margin:0; accent-color:var(--accent); }
          .inline-people-picker-person .access-group-create-avatar { width:29px; height:29px; flex:none; }
          .inline-people-picker-identity { display:grid; min-width:0; gap:2px; }
          .inline-people-picker-identity strong { font-size:13px; overflow-wrap:anywhere; }
          .inline-people-picker-identity small { font-size:11px; color:var(--muted); overflow-wrap:anywhere; }
          .inline-people-picker-empty { color:var(--muted); font-size:12px; text-align:center; padding:20px 8px; margin:0; }
          .inline-people-picker-more { display:block; width:100%; padding:8px; }
          .inline-people-picker-error { padding:0 10px; }
          @media(pointer:coarse) {
            .access-group-create-member-section .inline-people-picker-person { min-height:50px; }
            .inline-people-picker-person { min-height:55px; }
            .inline-people-picker-types button, .access-group-email-toggle { min-height:44px; }
            .inline-people-picker-filter input { font-size:16px; }
            .inline-people-picker-chip button { min-height:32px; min-width:32px; }
          }
          @media(max-width:640px) {
            .access-group-create-dialog.access-group-checklist-dialog { width:calc(100vw - 20px); height:calc(100dvh - 24px); max-height:calc(100dvh - 24px); }
            .access-group-create-form-body { display:flex; flex-direction:column; }
            .access-group-create-setup { flex:none; padding:11px 14px; border-right:0; border-bottom:1px solid var(--line); }
            .access-group-create-setup .access-group-create-name { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:8px; font-size:12px; }
            .access-group-create-admin { margin-top:5px; }
            .access-group-create-admin strong, .access-group-create-admin span { display:inline; }
            .access-group-create-admin span::before { content:" · "; }
            .access-group-create-selection { display:none; }
            .access-group-create-member-section { flex:1 1 auto; padding:0 6px 6px; }
            .access-group-create-member-section [data-people-picker-reviewing="true"] [data-people-picker-results] { display:none; }
            .access-group-create-member-section [data-people-picker-reviewing="true"] .inline-people-picker-meta > [data-people-picker-clear] { display:inline-flex; }
            .access-group-checklist-dialog .access-group-create-dialog-actions { flex-direction:column; align-items:stretch; gap:9px; padding:10px 14px; }
            .access-group-create-footer-note { display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:8px; }
          }
          .access-group-create-dialog {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 10px;
            box-shadow: 0 18px 48px rgba(var(--black), 0.22);
            color: rgb(var(--dark-grey));
            max-height: calc(100dvh - 40px);
            max-width: 760px;
            overflow: auto;
            padding: 18px;
            position: relative;
            width: min(760px, calc(100vw - 28px));
          }
          .access-group-create-dialog::backdrop {
            background: rgba(var(--black), 0.44);
          }
          .access-group-view-dialog {
            flex-direction: column;
            max-width: 900px;
            overflow: hidden;
            padding: 0;
            width: min(900px, calc(100vw - 28px));
          }
          .access-group-view-dialog[open] {
            display: flex;
          }
          .access-group-view-dialog > .access-group-create-dialog-header {
            flex: 0 0 auto;
            margin: 0;
            padding: 18px 62px 14px 18px;
          }
          .access-group-view-dialog-body {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            overscroll-behavior: contain;
            padding: 14px 18px;
            scrollbar-gutter: stable;
          }
          .access-group-create-dialog > .modal-close-x {
            position: absolute;
            right: 10px;
            top: 10px;
          }
          .access-group-create-dialog-header {
            align-items: center;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 12px;
            grid-template-columns: 52px minmax(0, 1fr);
            margin-bottom: 15px;
            padding: 0 52px 14px 0;
          }
          .access-group-create-dialog-header h2,
          .access-group-create-dialog-header p,
          .access-group-create-dialog-header .eyebrow {
            margin: 0;
          }
          .access-group-create-dialog-header p {
            color: var(--muted);
            font-size: 13px;
            margin-top: 2px;
          }
          .access-group-dialog-title {
            align-items: center;
            display: flex;
            gap: 8px;
            min-width: 0;
          }
          .access-group-dialog-title h2 {
            min-width: 0;
            overflow-wrap: anywhere;
          }
          .access-group-dialog-title .person-status {
            margin-left: auto;
          }
          .access-group-name-edit-button {
            align-items: center;
            aspect-ratio: 1;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 50%;
            color: var(--accent);
            display: inline-flex;
            flex: 0 0 auto;
            height: 30px;
            justify-content: center;
            line-height: 1;
            max-height: 30px;
            max-width: 30px;
            min-height: 30px;
            min-width: 30px;
            padding: 0;
            width: 30px;
          }
          .access-group-name-edit-button:hover {
            background: var(--control-neutral-hover);
            border-color: var(--control-neutral-hover-border);
            color: var(--control-primary-text);
            box-shadow: none;
          }
          .access-group-name-edit-button svg {
            fill: none;
            height: 15px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
            width: 15px;
          }
          .access-group-name-edit-form {
            align-items: center;
            display: grid;
            gap: 7px;
            grid-template-columns: minmax(0, 1fr) auto auto;
            margin-top: 4px;
          }
          .access-group-name-edit-form[hidden] {
            display: none;
          }
          .access-group-name-edit-form button {
            min-width: 76px;
          }
          .access-group-create-dialog-icon {
            align-items: center;
            background: rgba(var(--blue), 0.08);
            border: 1px solid rgba(var(--blue), 0.28);
            border-radius: 50%;
            color: var(--accent);
            display: inline-flex;
            height: 52px;
            justify-content: center;
            width: 52px;
          }
          .access-group-create-dialog-icon svg {
            fill: none;
            height: 27px;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.65;
            width: 27px;
          }
          .access-group-create-form {
            display: grid;
            gap: 14px;
          }
          .access-group-create-name {
            display: grid;
            gap: 5px;
          }
          .access-group-create-members {
            background: rgba(var(--blue), 0.04);
            border: 1px solid rgba(var(--blue), 0.19);
            border-radius: 9px;
            display: grid;
            gap: 10px;
            margin: 0;
            min-width: 0;
            padding: 12px;
          }
          .access-group-create-members > legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            padding: 0 5px;
            text-transform: uppercase;
          }
          .access-group-create-members > p {
            color: var(--muted);
            font-size: 12px;
            margin: 0;
          }
          .access-group-create-current-user {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: 38px minmax(0, 1fr) auto;
            padding: 9px 10px;
          }
          .access-group-create-avatar {
            align-items: center;
            background: rgb(231, 243, 255);
            border: 1px solid rgb(170, 210, 245);
            border-radius: 50%;
            color: var(--accent);
            display: inline-flex;
            font-size: 11px;
            font-weight: 900;
            height: 36px;
            justify-content: center;
            width: 36px;
          }
          .access-group-create-current-user > span:nth-child(2) {
            display: grid;
            gap: 1px;
            min-width: 0;
          }
          .access-group-create-current-user small {
            color: var(--muted);
            font-size: 11px;
            overflow-wrap: anywhere;
          }
          .access-group-additional-member {
            display: grid;
            gap: 5px;
          }
          .access-group-additional-member > label > span {
            color: var(--muted);
            font-weight: 600;
          }
          .access-group-email-add-control button {
            background: var(--control-primary-surface);
            border-color: var(--control-primary-border);
            color: var(--control-primary-text);
            font-weight: 600;
          }
          .access-group-email-add-control button:hover {
            background: var(--control-primary-hover);
            border-color: var(--control-primary-hover-border);
            color: var(--control-primary-text);
          }
          .access-group-additional-member > small,
          .access-group-create-dialog-actions > span {
            color: var(--muted);
            font-size: 11px;
          }
          .access-group-added-email-list {
            display: grid;
            gap: 6px;
            margin-top: 3px;
          }
          .access-group-added-email-list[hidden] {
            display: none;
          }
          .access-group-added-email {
            align-items: center;
            background: rgb(231, 243, 255);
            border: 1px solid rgba(var(--blue), 0.38);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: 36px minmax(0, 1fr) auto;
            padding: 8px 9px;
          }
          .access-group-added-email > span:nth-child(2) {
            display: grid;
            gap: 1px;
            min-width: 0;
          }
          .access-group-added-email strong {
            font-size: 12px;
            overflow-wrap: anywhere;
          }
          .access-group-added-email small {
            color: var(--muted);
            font-size: 11px;
          }
          .access-group-added-email .person-remove-button {
            min-height: 28px;
            min-width: 78px;
          }
          .access-group-create-dialog-actions {
            align-items: center;
            border-top: 1px solid var(--line);
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding-top: 13px;
          }
          .access-group-create-dialog-actions > div {
            display: flex;
            gap: 8px;
          }
          .access-group-create-dialog-actions button {
            min-width: 124px;
          }
          .access-group-card-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .access-group-card {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 10px;
            display: grid;
            gap: 14px;
            padding: 15px;
          }
          .access-group-card-heading {
            align-items: start;
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .access-group-card h3 {
            margin: 2px 0 0;
          }
          .access-group-card dl {
            display: grid;
            gap: 7px;
            margin: 0;
          }
          .access-group-card dl > div {
            align-items: baseline;
            display: grid;
            gap: 8px;
            grid-template-columns: 105px minmax(0, 1fr);
          }
          .access-group-card dt {
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .access-group-card dd {
            font-size: 13px;
            margin: 0;
            overflow-wrap: anywhere;
          }
          .access-group-card > a {
            justify-self: stretch;
            text-align: center;
          }
          .access-group-back-link {
            color: var(--accent);
            display: inline-block;
            font-size: 12px;
            font-weight: 800;
            margin-bottom: 8px;
            text-decoration: none;
          }
          .access-group-stat-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .access-group-stat-grid > div {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 9px;
            display: grid;
            gap: 2px;
            padding: 12px;
          }
          .access-group-stat-grid strong {
            color: var(--accent);
            font-size: 22px;
          }
          .access-group-stat-grid span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 700;
          }
          .access-group-dialog-stats {
            margin-bottom: 14px;
          }
          .access-group-dialog-roster {
            margin-bottom: 14px;
          }
          .access-group-dialog-roster .access-group-roster-list {
            max-height: none;
          }
          .access-group-dialog-add-member {
            background: rgba(var(--blue), 0.045);
            border: 1px solid rgba(var(--blue), 0.2);
            border-radius: 9px;
            margin: 0;
            min-width: 0;
            padding: 12px;
          }
          .access-group-dialog-add-member legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            padding: 0 5px;
            text-transform: uppercase;
          }
          .access-group-dialog-add-member > p {
            color: var(--muted);
            font-size: 12px;
            margin: 0 0 9px;
          }
          .access-group-admin-panel {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .access-group-edit-dialog .access-group-admin-panel {
            grid-template-columns: 1fr;
          }
          .access-group-admin-panel fieldset {
            background: rgba(var(--blue), 0.045);
            border: 1px solid rgba(var(--blue), 0.2);
            border-radius: 9px;
            margin: 0;
            min-width: 0;
            padding: 12px;
          }
          .access-group-admin-panel legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            padding: 0 5px;
            text-transform: uppercase;
          }
          .access-group-admin-panel fieldset > form {
            align-items: end;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .access-group-admin-panel fieldset > p {
            color: var(--muted);
            font-size: 12px;
            margin: 0 0 10px;
          }
          .access-group-archive-panel {
            align-items: center;
            border: 1px solid rgba(var(--red), 0.28);
            border-radius: 9px;
            display: flex;
            gap: 12px;
            grid-column: 1 / -1;
            justify-content: space-between;
            padding: 11px 12px;
          }
          .access-group-edit-dialog .access-group-archive-panel {
            grid-column: auto;
          }
          .access-group-edit-dialog-actions {
            margin-top: 14px;
          }
          .access-group-view-dialog-actions {
            background: var(--surface-panel);
            flex: 0 0 auto;
            margin: 0;
            padding: 13px 18px;
          }
          .access-group-dialog-destructive-actions {
            display: flex;
            gap: 8px;
          }
          .access-group-archive-panel > div {
            display: grid;
            gap: 2px;
          }
          .access-group-archive-panel span,
          .access-group-last-admin-note {
            color: var(--muted);
            font-size: 12px;
          }
          .access-group-roster {
            display: grid;
            gap: 10px;
          }
          .access-group-roster-list { display:grid; gap:8px; }
          .access-group-member-card {
            grid-template-columns:minmax(0,1fr); gap:12px;
          }
          .access-group-member-primary { grid-template-columns:auto minmax(0,1fr) auto; min-width:0; }
          .access-group-member-status { grid-column:3; grid-row:1; justify-self:end; }
          .access-group-member-you { grid-column:2; font-size:11px; color:var(--muted); }
          .access-group-member-badge {
            display:inline-block; font-size:11px; line-height:1.5; padding:2px 8px;
            border-radius:6px; background:var(--surface-outer); color:var(--control-primary-text);
          }
          .access-group-member-secondary {
            display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px;
            border-top:1px solid var(--contact-card-border); padding-top:8px;
          }
          .access-group-member-secondary[hidden] { display:none; }
          .access-group-member-secondary form { display:flex; margin:0; }
          .access-group-member-role-action { grid-column:1; }
          .access-group-member-remove-action { grid-column:2; }
          .access-group-member-secondary form button { width:100%; }
          .access-group-member-secondary button { min-height:32px; padding:6px 10px; font-size:12px; font-weight:500; border-radius:7px; white-space:nowrap; }
          .access-group-member-secondary .brand-toggle-switch {
            width: auto; padding: 0; background: transparent; border: 0; white-space:normal; text-align:left;
          }
          .access-group-member-secondary .brand-toggle-switch:disabled { opacity: .6; }
          @media (max-width:480px) {
            .access-group-member-primary { grid-template-columns:auto minmax(0,1fr); }
            .access-group-member-status { grid-column:1 / -1; }
          }
          .access-group-leave-panel {
            border-top: 1px solid var(--line);
            display: flex;
            justify-content: flex-end;
            padding-top: 12px;
          }
          .people-filter-bar {
            border-bottom: 1px solid var(--line);
            padding: 0 0 12px;
          }
          .people-filter-bar label {
            display: grid;
            gap: 4px;
            grid-template-columns: 120px minmax(0, 1fr);
            align-items: center;
            margin: 0;
          }
          .people-filter-bar input {
            min-height: 38px;
          }
          .legal-page {
            display: grid;
            gap: 14px;
          }
          .legal-page-header {
            margin-bottom: 0;
          }
          .legal-page-header p {
            margin: 4px 0 0;
          }
          .legal-page-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-end;
          }
          .legal-markdown-download-control {
            display: inline-flex;
          }
          .legal-callout,
          .legal-section {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 14px;
          }
          .legal-callout {
            background: var(--surface-inner);
          }
          .legal-callout p {
            margin: 0;
          }
          .legal-document-viewer {
            display: grid;
            gap: 12px;
          }
          .legal-document-picker {
            display: grid;
            gap: 6px;
            max-width: 420px;
          }
          .legal-document-picker select {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--text);
            font: inherit;
            min-height: 42px;
            padding: 8px 10px;
          }
          .legal-document-card,
          .legal-table-card,
          .legal-control-list div {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 12px;
          }
          .legal-document-card {
            display: grid;
            gap: 8px;
          }
          .legal-document-card[hidden] {
            display: none !important;
          }
          .legal-document-card-heading {
            align-items: start;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .legal-document-card span {
            align-self: start;
            background: rgb(231, 243, 255);
            border: 1px solid rgb(170, 210, 245);
            border-radius: 999px;
            color: var(--accent);
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            justify-self: end;
            padding: 2px 10px;
          }
          .legal-document-card h3,
          .legal-table-card h3 {
            font-size: 18px;
            margin: 0;
          }
          .legal-document-card p,
          .legal-table-card p {
            margin: 0;
          }
          .legal-document-meta {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 6px;
            margin: 4px 0 0;
            padding-top: 8px;
          }
          .legal-document-meta div {
            display: flex;
            gap: 10px;
            justify-content: space-between;
          }
          .legal-document-meta dt {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .legal-document-meta dd {
            font-weight: 800;
            margin: 0;
            text-align: right;
          }
          .legal-version-current {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 4px;
            padding: 10px;
          }
          .legal-version-current strong {
            font-size: 13px;
          }
          .legal-version-current p {
            font-size: 13px;
          }
          .legal-version-summary {
            display: grid;
            gap: 2px;
            margin: 0;
          }
          .legal-version-summary div {
            display: grid;
            gap: 6px;
            grid-template-columns: 76px minmax(0, 1fr);
          }
          .legal-version-summary dt {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
          }
          .legal-version-summary dd {
            font-size: 13px;
            font-weight: 700;
            margin: 0;
          }
          .legal-view-link {
            justify-self: start;
            margin-top: 4px;
          }
          .legal-version-current-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 4px;
          }
          .legal-version-current-actions .legal-view-link {
            margin-top: 0;
          }
          .legal-version-history {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 8px;
            margin-top: 2px;
            padding-top: 10px;
          }
          .legal-version-history-heading {
            align-items: center;
            display: flex;
            gap: 10px;
            justify-content: space-between;
            list-style: none;
          }
          .legal-history-pill {
            align-items: baseline;
            background: rgb(231, 243, 255);
            border: 1px solid rgb(170, 210, 245);
            border-radius: 999px;
            color: var(--accent);
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            padding: 4px 11px;
          }
          .legal-version-history > strong,
          .legal-history-pill strong,
          .legal-version-history-heading strong {
            font-size: 13px;
          }
          .legal-history-pill small {
            font-size: 12px;
            font-weight: 700;
          }
          .legal-version-history > p {
            color: var(--muted);
            font-size: 13px;
          }
          .legal-history-toggle {
            min-height: 32px;
            min-width: 112px;
            padding: 7px 12px;
          }
          .legal-version-history-list {
            display: grid;
            gap: 8px;
            padding-top: 2px;
          }
          .legal-version-history-list[hidden] {
            display: none;
          }
          .legal-version-history-row {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 5px;
            padding: 10px;
          }
          .legal-version-history-row > div {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: space-between;
          }
          .legal-version-history-row p {
            color: var(--muted);
            font-size: 13px;
            margin: 0;
          }
          .legal-status-pill {
            border: 1px solid var(--line);
            border-radius: 999px;
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            padding: 4px 9px;
            text-transform: uppercase;
          }
          .legal-status-pill.is-published {
            background: rgb(229, 250, 238);
            border-color: rgb(135, 214, 169);
            color: rgb(24, 116, 64);
          }
          .legal-status-pill.is-draft {
            background: rgb(255, 249, 219);
            border-color: rgb(242, 211, 126);
            color: rgb(129, 87, 20);
          }
          .legal-published-document {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 14px;
            padding: 16px;
          }
          .legal-document-body {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 18px;
          }
          .legal-document-body p {
            margin: 0;
          }
          .legal-document-body h2,
          .legal-document-body h3,
          .legal-document-body h4,
          .legal-document-body h5 {
            margin: 4px 0 0;
          }
          .legal-document-body ul,
          .legal-document-body ol {
            margin: 0;
            padding-left: 22px;
          }
          .legal-document-table-wrap {
            overflow-x: auto;
          }
          .legal-document-body table {
            border-collapse: collapse;
            font-size: 14px;
            width: 100%;
          }
          .legal-document-body th,
          .legal-document-body td {
            border: 1px solid var(--line);
            padding: 8px;
            text-align: left;
            vertical-align: top;
          }
          .legal-document-body th {
            background: var(--surface-inner);
            font-weight: 900;
          }
          .legal-version-form {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 10px;
            margin-top: 4px;
            padding-top: 10px;
          }
          .legal-markdown-import {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 10px;
          }
          .legal-markdown-import strong {
            font-size: 13px;
          }
          .legal-markdown-import p {
            color: var(--muted);
            font-size: 13px;
            margin: 2px 0 0;
          }
          .legal-markdown-drop {
            justify-items: center;
            min-height: 92px;
          }
          .legal-markdown-drop.has-file {
            background: rgba(var(--blue), 0.08);
          }
          .legal-markdown-drop .legal-markdown-prompt {
            align-items: baseline;
            color: var(--muted);
            display: flex;
            flex-wrap: wrap;
            font-size: 13px;
            gap: 4px;
            justify-content: center;
            max-width: 100%;
            width: 100%;
          }
          .legal-markdown-drop .legal-markdown-prompt strong {
            color: var(--text);
          }
          .legal-markdown-drop .legal-markdown-file-name {
            background: transparent;
            border: 0;
            border-radius: 0;
            color: var(--muted);
            display: inline-block;
            font-size: inherit;
            font-weight: 700;
            max-width: min(100%, 420px);
            overflow: hidden;
            padding: 0;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .legal-preview-button {
            justify-self: start;
          }
          .legal-preview-download {
            justify-self: start;
            margin-top: 2px;
          }
          .legal-preview-modal {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            max-height: min(880px, calc(100vh - 40px));
            max-width: min(940px, calc(100vw - 32px));
            overflow: hidden;
            padding: 0;
            width: 940px;
          }
          .legal-preview-modal::backdrop {
            background: rgba(var(--black), 0.35);
          }
          .legal-preview-modal .modal-content {
            display: grid;
            gap: 14px;
            max-height: calc(min(880px, calc(100vh - 40px)) - 2px);
            overflow: auto;
            padding: 18px;
            position: relative;
          }
          .legal-preview-modal .modal-close-x {
            position: absolute;
            right: 14px;
            top: 14px;
            transform: none;
          }
          .legal-preview-modal .modal-header {
            padding-right: 54px;
          }
          .legal-version-fields {
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          }
          .legal-version-form textarea {
            min-height: 150px;
          }

  .access-group-view-dialog.access-group-compact-dialog { width:min(760px,calc(100vw - 28px)); max-width:760px; max-height:calc(100dvh - 32px); padding:0; background:var(--surface-panel); }
  .access-group-compact-dialog [hidden] { display:none!important; }
  .access-group-view-header { flex:none; padding:12px 16px; border-bottom:1px solid var(--line); }
  .access-group-view-title { display:flex; align-items:center; gap:12px; }
  .access-group-view-heading { display:flex; align-items:center; gap:6px; flex:1; min-width:0; }
  .access-group-view-title h2 { min-width:0; margin:0; font-size:20px; overflow-wrap:anywhere; }
  .access-group-view-title .modal-close-x { position:static; transform:none; flex:none; margin:0; }
  .access-group-view-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:5px; font-size:12px; color:var(--muted); }
  .access-group-compact-dialog .access-group-view-link { background:transparent; border:0; border-radius:4px; color:var(--accent); min-height:30px; padding:4px 0; font-size:12px; text-align:left; box-shadow:none; }
  .access-group-view-layout { display:grid; grid-template-columns:175px minmax(0,1fr); min-height:0; }
  .access-group-view-sidebar { padding:14px 12px; background:var(--surface-inner); border-right:1px solid var(--line); display:flex; flex-direction:column; align-items:stretch; gap:12px; }
  .access-group-view-sidebar-main { display:flex; flex-direction:column; gap:12px; }
  .access-group-view-sidebar-main[hidden], .access-group-view-add-setup[hidden], .access-group-view-roster[hidden] { display:none; }
  .access-group-view-sidebar p { font-size:11px; color:var(--muted); line-height:1.5; margin:0; }
  .access-group-view-role { display:grid; gap:3px; font-size:12px; }
  .access-group-view-role span { color:var(--muted); font-size:11px; }
  .access-group-view-role strong { color:var(--accent); }
  .access-group-view-sidebar .brand-light-button { display:flex; align-items:center; gap:5px; justify-content:center; padding:8px; min-width:0; font-size:12px; }
  .access-group-compact-dialog .access-group-view-dialog-body { padding:0; scrollbar-gutter:auto; }
  .access-group-view-roster { padding:0 12px 10px; }
  .access-group-view-toolbar { display:flex; align-items:center; gap:8px; padding:12px 0 3px; }
  .access-group-view-toolbar:empty { display:none; }
  .access-group-view-search { flex:1; min-width:0; display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:6px; padding:0 9px; color:var(--muted); }
  .access-group-view-search svg { flex:none; }
  .access-group-view-search input { min-width:0; width:100%; border:0; background:transparent; padding:8px 0; min-height:34px; font-size:12px; }
  .access-group-view-search:focus-within { border-color:var(--accent); outline:2px solid rgba(var(--blue),.16); outline-offset:1px; }
  .access-group-view-search input:focus { border-color:transparent; box-shadow:none; outline:0; }
  .access-group-compact-dialog .access-group-mobile-settings, .access-group-compact-dialog .access-group-mobile-add { display:none; }
  .access-group-compact-dialog .access-group-roster-list { display:block; }
  .access-group-compact-dialog .access-group-member-card { display:block; position:relative; border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; background:transparent; padding:0; margin:0; }
  .access-group-compact-dialog .access-group-member-card[hidden] { display:none; }
  .access-group-compact-dialog .access-group-member-card:last-child { border-bottom:0; }
  .access-group-compact-dialog .access-group-member-primary { display:grid; grid-template-columns:32px minmax(0,1fr); gap:9px; padding:12px 38px 12px 0; align-items:start; }
  .access-group-compact-dialog .deal-access-person-avatar { width:32px; height:32px; font-size:11px; margin-top:2px; }
  .access-group-compact-dialog .person-name-line { gap:5px; align-items:center; flex-wrap:wrap; }
  .access-group-compact-dialog .person-name-line strong { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
  .access-group-compact-dialog .person-card-line { font-size:11px; color:var(--muted); margin:2px 0 0; line-height:1.5; overflow-wrap:anywhere; }
  .access-group-compact-dialog .person-card-line:empty { display:none; }
  .access-group-compact-dialog .access-group-member-you { font-size:11px; color:var(--muted); }
  .access-group-compact-dialog .access-group-member-badge { padding:0 5px; border:1px solid rgba(var(--blue),.28); border-radius:4px; background:var(--surface-inner); font-size:11px; line-height:1.5; }
  .access-group-member-controls > summary { position:absolute; top:12px; right:0; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid var(--line); border-radius:50%; color:var(--muted); cursor:pointer; list-style:none; }
  .access-group-member-controls > summary::-webkit-details-marker { display:none; }
  .access-group-member-controls[open] > summary { color:var(--accent); border-color:var(--accent); background:var(--surface-inner); }
  .access-group-compact-dialog .access-group-member-secondary { display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px 41px; padding:10px; gap:6px 10px; border:1px solid var(--line); border-radius:6px; background:var(--surface-inner); }
  .access-group-compact-dialog .access-group-member-role-action { flex:1 1 165px; min-width:0; }
  .access-group-compact-dialog .access-group-member-remove-action { margin-left:auto; flex:none; }
  .access-group-compact-dialog .access-group-member-secondary .person-remove-button { position:relative; width:auto; min-height:28px; border-radius:999px; padding:3px 10px; }
  .access-group-compact-dialog .access-group-member-protection { flex-basis:100%; }
  .access-group-member-protection { grid-column:1 / -1; font-size:11px; color:var(--muted); line-height:1.5; margin:0; }
  .access-group-view-settings, .access-group-view-add { margin:12px; padding:12px; border:1px solid var(--line); border-radius:6px; background:var(--surface-inner); display:grid; gap:10px; }
  .access-group-view-settings[hidden], .access-group-view-add[hidden], .access-group-view-empty[hidden] { display:none; }
  .access-group-view-settings form { margin:0; }
  .access-group-view-settings [data-access-group-name-form] { display:grid; gap:6px; }
  .access-group-settings-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .access-group-view-settings label { min-width:0; font-size:12px; font-weight:600; }
  .access-group-settings-name-row { display:flex; align-items:stretch; gap:8px; min-width:0; }
  .access-group-settings-name-row input { min-width:0; width:100%; flex:1; margin:0; }
  .access-group-settings-name-row .brand-light-button { flex:none; min-width:0; padding:8px 10px; font-size:12px; }
  .access-group-view-settings .access-group-settings-archive { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; border-top:1px solid var(--line); padding-top:12px; margin-top:2px; }
  .access-group-view-settings .access-group-settings-archive p { font-size:11px; color:var(--muted); line-height:1.45; }
  .access-group-settings-archive .person-remove-button { position:relative; width:auto; min-width:0; height:28px; min-height:28px; padding:3px 10px; white-space:nowrap; }
  .access-group-view-add h3 { font-size:14px; margin:0; }
  .access-group-view-settings p, .access-group-view-add p { font-size:12px; margin:0; line-height:1.5; }
  .access-group-view-settings .access-group-view-link, .access-group-view-add .access-group-view-link { justify-self:start; }
  .access-group-view-add .joined-add-control { display:flex; min-width:0; }
  .access-group-view-add .joined-add-control input { min-width:0; flex:1; }
  .access-group-compact-dialog[data-access-group-adding="true"] { height:min(650px,calc(100dvh - 32px)); }
  .access-group-compact-dialog[data-access-group-adding="true"] .access-group-view-layout { flex:1; }
  .access-group-compact-dialog[data-access-group-adding="true"] .access-group-view-dialog-body { display:flex; flex-direction:column; overflow:hidden; }
  .access-group-view-add-setup { display:flex; flex-direction:column; gap:9px; min-height:0; }
  .access-group-view-add-setup h3 { font-size:12px; margin:0; }
  .access-group-view-add-setup > span { font-size:11px; color:var(--muted); }
  .access-group-view-add-setup .inline-people-picker-selected { min-height:0; padding:0; border:0; background:transparent; flex-direction:column; align-items:stretch; overflow-y:auto; }
  .access-group-view-add-setup .inline-people-picker-chip { border:0; padding:0; background:transparent; justify-content:space-between; gap:8px; }
  .access-group-view-add-setup .inline-people-picker-chip button { border:1px solid var(--control-primary-border); border-radius:50%; width:24px; height:24px; background:var(--surface-panel); }
  .access-group-compact-dialog .access-group-view-add { display:flex; flex-direction:column; flex:1; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:var(--surface-panel); gap:0; }
  .access-group-add-intro { flex:none; padding:12px 12px 6px; }
  .access-group-add-intro p { color:var(--muted); margin-top:4px; font-size:11px; }
  [data-access-group-add-form] { display:flex; flex-direction:column; flex:1; min-height:0; margin:0; }
  .access-group-view-add .inline-people-picker { display:flex; flex-direction:column; flex:1; min-height:0; border:0; border-radius:0; }
  .access-group-view-add .inline-people-picker-list { flex:1; min-height:0; max-height:none; }
  .access-group-view-add .inline-people-picker-top, .access-group-view-add .inline-people-picker-meta, .access-group-view-add .inline-people-picker-more { flex:none; }
  .access-group-add-email-area { flex:none; padding:0 12px; }
  .access-group-add-email-area small { display:block; font-size:11px; color:var(--muted); margin-top:5px; }
  .access-group-add-actions { flex:none; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:10px 12px; border-top:1px solid var(--line); }
  .access-group-add-actions > span { font-size:11px; color:var(--muted); }
  .access-group-add-actions > div { display:flex; gap:8px; margin-left:auto; }
  .access-group-add-actions button { min-width:0; padding:8px 10px; font-size:12px; }
  .access-group-view-add .inline-people-picker-person { min-height:46px; padding:6px; }
  .access-group-view-add .inline-people-picker-meta > [data-people-picker-clear] { display:none; }
  .access-group-view-empty { text-align:center; font-size:12px; color:var(--muted); padding:16px 0; }
  .access-group-view-feedback { margin:12px; }
  .access-group-view-feedback > div { margin:0; font-size:12px; }
  @media(min-width:641px) {
    .access-group-compact-dialog .person-card-line { display:inline; }
    .access-group-compact-dialog .person-card-line + .person-card-line::before { content:" · "; }
  }
  @media(max-width:640px) {
    .access-group-view-dialog.access-group-compact-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 24px); }
    .access-group-view-layout { display:block; overflow-y:auto; overscroll-behavior:contain; }
    .access-group-view-sidebar { display:none; }
    .access-group-compact-dialog .access-group-view-dialog-body { overflow:visible; }
    .access-group-compact-dialog .access-group-mobile-settings { display:block; }
    .access-group-compact-dialog .access-group-mobile-add { display:inline-flex; align-items:center; gap:5px; min-width:0; padding:8px 10px; font-size:12px; }
    .access-group-compact-dialog .access-group-member-secondary form button { width:auto; }
    .access-group-compact-dialog[data-access-group-adding="true"] { height:calc(100dvh - 24px); }
    .access-group-compact-dialog[data-access-group-adding="true"] .access-group-view-layout { display:flex; flex-direction:column; overflow:hidden; }
    .access-group-compact-dialog[data-access-group-adding="true"] .access-group-view-dialog-body { flex:1; min-height:0; }
    .access-group-view-add [data-people-picker-reviewing="true"] [data-people-picker-results] { display:none; }
    .access-group-view-add [data-people-picker-reviewing="true"] .inline-people-picker-meta > [data-people-picker-clear] { display:inline-flex; }
  }
  @media(pointer:coarse) {
    .access-group-member-controls > summary { width:44px; height:44px; top:7px; right:-4px; }
    .access-group-compact-dialog .access-group-member-primary { padding-right:44px; }
    .access-group-compact-dialog .access-group-view-link { min-height:44px; }
    .access-group-view-title .modal-close-x { width:44px; height:44px; min-width:44px; min-height:44px; }
    .access-group-compact-dialog .access-group-member-secondary button:not(.person-remove-button) { min-height:44px; }
    .access-group-member-remove-action .person-remove-button::before { content:""; position:absolute; inset:-8px 0; }
    .access-group-settings-archive .person-remove-button::before { content:""; position:absolute; inset:-8px 0; }
    .access-group-settings-name-row .brand-light-button { min-height:44px; }
    .access-group-view-search input, .access-group-view-settings input, .access-group-view-add [data-access-group-add-email-input] { font-size:16px; min-height:44px; }
  }
          .legal-public-list,
          .legal-user-list,
          .legal-acceptance-list {
            display: grid;
            gap: 10px;
          }
          .legal-public-card {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .legal-public-card-heading {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .legal-public-card-heading span {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            padding: 3px 9px;
          }
          .legal-public-meta {
            display: grid;
            gap: 8px;
            grid-column: 1;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            margin: 0;
          }
          .legal-public-meta div {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 8px;
          }
          .legal-public-meta dt {
            color: var(--muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .legal-public-meta dd {
            font-size: 13px;
            margin: 0;
          }
          .legal-public-card .legal-view-link {
            align-self: start;
            grid-column: 2;
            grid-row: 1;
            justify-self: end;
          }
          .legal-user-card {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 12px;
          }
          .legal-user-card.is-accepted {
            background: var(--contact-card-added-bg);
            border-color: rgba(var(--green), 0.35);
          }
          .legal-user-card.is-pending {
            background: #fff0f1;
            border-color: rgba(var(--danger), 0.35);
          }
          .legal-user-card.is-notice {
            background: var(--surface-outer);
          }
          .legal-user-card-main {
            display: grid;
            gap: 6px;
          }
          .legal-user-card-main strong,
          .legal-user-card-main span,
          .legal-user-card-main p {
            display: block;
            margin: 0;
          }
          .legal-user-card-main span,
          .legal-user-card-main p {
            color: var(--muted);
            font-size: 13px;
          }
          .legal-user-card .legal-public-meta {
            grid-column: 1;
          }
          .legal-user-card .legal-view-link {
            align-self: start;
            grid-column: 2;
            grid-row: 1;
            justify-self: end;
          }
          .legal-acceptance-page {
            max-width: 900px;
          }
          .legal-acceptance-form {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 12px;
          }
          .legal-acceptance-fields {
            display: grid;
            gap: 12px;
          }
          .legal-acceptance-review {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
          }
          .legal-acceptance-item {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 12px;
          }
          .legal-acceptance-item.is-active {
            border-color: rgb(var(--blue));
            box-shadow: 0 0 0 2px rgba(var(--blue), 0.12);
          }
          .legal-acceptance-item strong,
          .legal-acceptance-item span {
            display: block;
          }
          .legal-acceptance-item span {
            color: var(--muted);
            font-size: 13px;
          }
          .legal-acceptance-preview {
            min-width: 0;
          }
          .legal-acceptance-document {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            max-height: min(68vh, 760px);
            min-height: 420px;
            overflow: auto;
            padding: 14px;
          }
          .legal-acceptance-document[hidden] {
            display: none !important;
          }
          .legal-acceptance-document-header {
            align-items: start;
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 10px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding-bottom: 10px;
          }
          .legal-acceptance-document-header h4 {
            font-size: 20px;
            margin: 0;
          }
          .legal-acceptance-document-header span {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            padding: 4px 9px;
          }
          .legal-acceptance-check {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: flex;
            gap: 10px;
            padding: 12px;
          }
          .legal-acceptance-check input {
            height: 18px;
            width: 18px;
          }
          .legal-form-note {
            color: var(--muted);
            font-size: 13px;
          }
          .legal-version-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-end;
          }
          .legal-control-list,
          .legal-table-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .legal-table-card {
            display: grid;
            gap: 8px;
          }
          .legal-table-card code {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: block;
            font-size: 13px;
            overflow-wrap: anywhere;
            padding: 8px;
          }
          .legal-build-list {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            margin: 0;
            padding: 14px 14px 14px 34px;
          }
          .people-directory-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .people-section {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 0;
            align-content: start;
            padding: 14px;
          }
          .people-section-header {
            align-items: start;
            display: flex;
            gap: 12px;
            justify-content: space-between;
          }
          .people-section-header p {
            color: var(--muted);
            font-size: 13px;
            margin: 4px 0 0;
          }
          .people-section-header > span {
            color: var(--muted);
            font-weight: 900;
          }
          .people-add-form {
            border-bottom: 1px solid var(--line);
            display: grid;
            padding: 12px 0 14px;
          }
          .people-add-controls {
            display: grid;
            gap: 8px;
            grid-template-rows: 38px;
          }
          .people-add-controls input {
            height: 38px;
            min-height: 38px;
          }
          .people-email-add button {
            min-width: 72px;
          }
          .people-add-actions {
            display: grid;
            gap: 8px;
            grid-template-columns: 1fr;
          }
          .people-add-actions:empty {
            display: none;
          }
          .people-add-actions.has-quick-add {
            grid-template-columns: 1fr;
          }
          .people-add-actions button {
            align-items: center;
            display: inline-flex;
            justify-content: center;
            line-height: 1;
            min-height: 38px;
            width: 100%;
          }
          .people-list {
            display: grid;
            gap: 8px;
            padding-top: 12px;
          }
          .people-locations-panel {
            background: var(--surface-outer);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            margin-top: 12px;
            padding: 14px;
          }
          .people-location-form {
            border-bottom: 1px solid var(--line);
            display: grid;
            gap: 12px;
            padding: 0 0 14px;
          }
          .location-workspace {
            align-items: stretch;
            display: grid;
            gap: 14px;
            grid-template-columns: minmax(320px, 0.8fr) minmax(420px, 1.2fr);
          }
          .location-address-pane,
          .location-map-pane {
            background: var(--surface-content);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 12px;
          }
          .location-map-pane {
            align-content: start;
            grid-auto-rows: max-content;
          }
          .location-map-pane > p {
            margin: 0;
          }
          .location-map-active {
            display: grid;
            gap: 10px;
          }
          .location-map-active[hidden] {
            display: none !important;
          }
          .location-map-placeholder {
            align-content: center;
            background: var(--surface-outer);
            border: 1px dashed var(--line);
            border-radius: 8px;
            color: var(--muted);
            display: grid;
            gap: 6px;
            min-height: 520px;
            padding: 24px;
            text-align: center;
          }
          .location-map-placeholder[hidden] {
            display: none !important;
          }
          .location-map-placeholder strong {
            color: var(--text);
            font-size: 18px;
          }
          .location-map-placeholder p {
            margin: 0;
          }
          .location-lookup-row {
            display: grid;
            gap: 8px;
            grid-template-columns: 1fr;
          }
          .location-lookup-results {
            background: #ffffff;
            border: 1px dashed var(--line);
            border-radius: 8px;
            display: grid;
            gap: 6px;
            min-height: 72px;
            padding: 8px;
          }
          .location-lookup-result {
            align-items: start;
            background: #ffffff;
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--text);
            display: grid;
            gap: 2px;
            justify-items: start;
            min-height: 38px;
            padding: 8px 10px;
            text-align: left;
            width: 100%;
          }
          .location-lookup-result:hover,
          .location-lookup-result:focus {
            background: #f8fafc;
            border-color: var(--action);
            outline: none;
          }
          .location-lookup-result span {
            color: var(--muted);
            font-size: 13px;
          }
          .location-form-grid {
            display: grid;
            column-gap: 10px;
            row-gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .location-form-grid label:nth-child(3),
          .location-form-grid label:nth-child(4),
          .location-form-grid label:nth-child(5) {
            grid-column: 1 / -1;
          }
          .location-notes-field {
            grid-column: 1 / -1;
          }
          .location-notes-field textarea {
            min-height: 92px;
          }
          .location-map-shell {
            border: 1px solid var(--line);
            border-radius: 8px;
            height: 520px;
            overflow: hidden;
            position: relative;
          }
          .location-map-shell what3words-map,
          .location-map-canvas {
            display: block;
            height: 100%;
            width: 100%;
          }
          .location-map-canvas > div,
          .location-map-canvas .gm-style {
            height: 100% !important;
            min-height: 100% !important;
          }
          .location-w3w-readout {
            margin-top: 10px;
          }
          .location-w3w-readout input {
            background: #ffffff;
            color: var(--muted);
          }
          .location-map-shell .gm-style button,
          .location-test-map-shell .gm-style button {
            background: revert !important;
            border: revert !important;
            border-radius: 8px !important;
            box-shadow: revert !important;
            color: revert !important;
            cursor: revert !important;
            font: revert !important;
            font-weight: revert !important;
            min-height: revert !important;
            padding: revert !important;
          }
          .location-map-shell .gm-bundled-control .gmnoprint > div,
          .location-test-map-shell .gm-bundled-control .gmnoprint > div {
            background: transparent !important;
            box-shadow: none !important;
          }
          .location-map-missing {
            align-content: center;
            background: #ffffff;
            border: 1px dashed var(--line);
            border-radius: 8px;
            display: grid;
            min-height: 520px;
            padding: 18px;
            text-align: center;
          }
          .location-form-actions {
            display: grid;
            grid-template-columns: minmax(320px, 0.8fr) minmax(420px, 1.2fr);
            gap: 14px;
          }
          .location-form-actions-inner {
            align-items: center;
            display: flex;
            gap: 12px;
            justify-content: flex-end;
          }
          .location-form-actions-inner .checkbox-label {
            align-items: center;
            display: inline-flex;
            gap: 6px;
          }
          .location-form-actions-inner .checkbox-label input[type="checkbox"] {
            border-radius: 4px;
            min-height: 0;
            width: auto;
          }
          .location-form-actions-inner button {
            min-height: 38px;
            min-width: 140px;
          }
          .people-location-list {
            display: grid;
            gap: 8px;
          }
          .location-card {
            background: var(--contact-card-surface);
            border: 1px solid var(--contact-card-border);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr) auto;
            padding: 10px;
          }
          .location-card-actions {
            align-items: end;
            display: grid;
            gap: 8px;
            justify-items: end;
          }
          .location-card-secondary-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-end;
          }
          .location-card-secondary-actions .brand-light-button {
            min-height: 32px;
            padding: 6px 10px;
          }
          .location-map-dialog {
            border: 1px solid var(--line);
            border-radius: 8px;
            max-width: min(920px, calc(100vw - 32px));
            padding: 16px;
            position: relative;
            width: 820px;
          }
          .location-map-dialog::backdrop {
            background: rgba(0, 0, 0, 0.42);
          }
          .location-map-dialog-heading {
            padding-right: 50px;
          }
          .location-map-dialog-heading h2 {
            margin: 0 0 4px;
          }
          .location-map-dialog-heading p {
            margin: 0;
          }
          .location-map-dialog-close {
            position: absolute;
            right: 12px;
            top: 12px;
            transform: none;
            z-index: 2;
          }
          .location-map-dialog .location-map-shell {
            height: min(620px, 68vh);
            margin-top: 12px;
          }
          .location-map-readonly-overlay {
            cursor: default;
            inset: 0;
            position: absolute;
            z-index: 3;
          }
          .location-map-dialog [data-location-map-words] {
            margin: 10px 0 0;
          }
          .location-card-heading {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .location-card-heading span {
            background: #ffffff;
            border: 1px solid var(--line);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            padding: 2px 8px;
          }
          .location-card p {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.3;
            margin: 4px 0 0;
          }
          .person-card,
          .quick-add-person {
            background: var(--contact-card-surface);
            border: 1px solid var(--contact-card-border);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            padding: 10px;
          }
          .person-card-main,
          .quick-add-person {
            align-items: start;
            grid-template-columns: minmax(0, 1fr) auto;
          }
          .person-card-main {
            display: grid;
            gap: 8px;
            grid-template-columns: auto minmax(0, 1fr) auto;
          }
          .person-card-main > div {
            min-width: 0;
          }
          .person-card-actions {
            align-self: stretch;
            align-items: flex-end;
            display: flex;
            flex-direction: column;
            gap: 6px;
            justify-content: flex-start;
            min-height: 100%;
          }
          .person-card-actions form {
            display: flex;
            justify-content: flex-end;
          }
          .person-card strong,
          .quick-add-person strong {
            overflow-wrap: anywhere;
          }
          .person-card p,
          .quick-add-person p {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.25;
            margin: 2px 0 0;
            overflow-wrap: anywhere;
          }
          .person-card-line {
            min-height: 1.25em;
          }
          .person-details-dialog {
            background: var(--contact-card-surface);
            border: 1px solid var(--contact-card-border);
            border-radius: 8px;
            box-sizing: border-box;
            max-width: min(480px, calc(100vw - 32px));
            overflow: visible;
            padding: 16px;
            position: relative;
            width: 460px;
          }
          .person-details-dialog > .modal-close-x {
            position: absolute;
            right: 10px;
            top: 10px;
            transform: none;
          }
          .person-details-dialog::backdrop {
            background: rgba(0, 0, 0, 0.42);
          }
          .person-details-layout {
            align-items: start;
            display: grid;
            gap: 14px;
            grid-template-columns: 82px minmax(0, 1fr);
            min-width: 0;
          }
          .person-details-avatar {
            align-items: center;
            aspect-ratio: 1;
            background: rgb(var(--white));
            border: 1px solid var(--contact-card-border);
            border-radius: 999px;
            color: var(--accent);
            display: flex;
            font-size: 26px;
            font-weight: 900;
            justify-content: center;
            overflow: hidden;
            width: 82px;
          }
          .person-details-avatar img {
            display: block;
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
          .person-details-main {
            display: grid;
            gap: 10px;
            min-width: 0;
          }
          .person-details-header {
            border-bottom: 1px solid var(--contact-card-border);
            display: grid;
            gap: 3px;
            min-width: 0;
            padding: 0 38px 9px 0;
          }
          .person-details-main h2,
          .person-details-main p {
            margin: 0;
          }
          .person-details-main h2 {
            font-size: 19px;
            line-height: 1.18;
            overflow-wrap: anywhere;
            text-transform: none;
          }
          .person-details-main p {
            color: var(--muted);
            overflow-wrap: anywhere;
          }
          .person-details-list {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin: 0;
          }
          .person-details-list div {
            background: rgb(var(--white));
            border: 1px solid var(--contact-card-border);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
            flex: 0 0 100%;
            padding: 7px 9px;
          }
          .person-details-list dt {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            line-height: 1.2;
            text-transform: uppercase;
          }
          .person-details-list dd {
            margin: 0;
            overflow-wrap: anywhere;
          }
          .person-details-list .person-details-pill-row {
            align-items: center;
            background: transparent;
            border: 0;
            display: inline-grid;
            flex: 0 0 auto;
            grid-template-columns: auto auto;
            justify-content: start;
            padding: 0;
          }
          .person-details-list div:not(.person-details-pill-row) + .person-details-pill-row,
          .person-details-list .person-details-pill-row:first-child {
            margin-left: auto;
          }
          .person-details-list .person-details-pill-row dt {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            white-space: nowrap;
            width: 1px;
          }
          .person-details-list .person-details-pill-row dd {
            border: 1px solid var(--contact-card-border);
            border-radius: 999px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            padding: 5px 8px;
          }
          .person-details-list .person-details-pill-row.is-pending dd {
            background: #FEF3C7;
            border-color: #F59E0B;
            color: #92400E;
          }
          .person-details-list .person-details-pill-row.is-acceptance-pending dd {
            background: #DBEAFE;
            border-color: #60A5FA;
            color: #1E40AF;
          }
          .person-details-list .person-details-pill-row.is-expired dd {
            background: #F3F4F6;
            border-color: #9CA3AF;
            color: #4B5563;
          }
          .quick-add-person span {
            color: var(--muted);
            display: block;
            font-size: 12px;
            font-weight: 900;
            margin-top: 4px;
            text-transform: uppercase;
          }
          .person-status,
          .manual-card-status .person-status,
          .person-last-seen,
          .manual-card-status .person-last-seen,
          .manual-locked-pill,
          .manual-person-pick .manual-locked-pill,
          .manual-selected-person .manual-locked-pill {
            align-items: center;
            border: 1px solid;
            border-radius: 999px;
            display: inline-flex;
            font-size: 11px;
            font-weight: 700;
            height: 18px;
            justify-content: center;
            line-height: 1;
            min-height: 0;
            min-width: 0;
            padding: 0 6px;
            text-align: center;
            text-transform: none;
            white-space: nowrap;
          }
          .person-status,
          .manual-card-status .person-status {
            background: #FEF3C7;
            border-color: #F59E0B;
            color: #92400E;
          }
          .manual-locked-pill,
          .manual-person-pick .manual-locked-pill,
          .manual-selected-person .manual-locked-pill {
            background: rgb(231, 243, 255);
            border-color: rgb(170, 210, 245);
            color: var(--accent);
          }
          .person-status.is-acceptance-pending {
            background: #DBEAFE;
            border-color: #60A5FA;
            color: #1E40AF;
          }
          .person-status.is-role {
            background: #EFF6FF;
            border-color: #93C5FD;
            color: #1D4ED8;
          }
          .person-status.is-active {
            background: #DCFCE7;
            border-color: #86EFAC;
            color: #166534;
          }
          .person-status.is-expired {
            background: #F3F4F6;
            border-color: #9CA3AF;
            color: #4B5563;
          }
          .person-card-actions .person-status,
          .person-card-actions .person-last-seen {
            align-self: flex-end;
            margin-top: auto;
          }
          .person-last-seen,
          .manual-card-status .person-last-seen {
            border-color: var(--line);
            color: var(--muted);
          }
          .person-remove-button {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid rgba(var(--red), 0.45);
            border-radius: 999px;
            color: var(--control-danger-text);
            display: inline-flex;
            font-size: 12px;
            font-weight: 500;
            height: 20px;
            justify-content: center;
            line-height: 1;
            min-height: auto;
            min-width: 82px;
            padding: 0 8px;
            text-align: center;
            border-color: var(--control-danger-border);
          }
          .person-remove-button:hover {
            background: var(--control-danger-hover);
            border-color: var(--control-danger-hover-border);
            color: var(--control-danger-text);
          }
          .person-add-button {
            align-items: center;
            background: var(--control-primary-surface);
            border: 1px solid rgba(var(--green), 0.5);
            border-radius: 999px;
            color: var(--control-primary-text);
            display: inline-flex;
            font-size: 12px;
            font-weight: 600;
            height: 20px;
            justify-content: center;
            line-height: 1;
            min-height: auto;
            min-width: 82px;
            padding: 0 8px;
            text-align: center;
            border-color: var(--control-primary-border);
          }
          .person-add-button:hover {
            background: var(--control-primary-hover);
            border-color: var(--control-primary-hover-border);
            color: var(--control-primary-text);
          }
          .people-empty {
            background: rgba(var(--blue), 0.025);
            border: 1px dashed var(--line);
            border-radius: 8px;
            margin: 0;
            padding: 12px;
            text-align: center;
          }
          .status-pill {
            align-items: center;
            border-radius: 999px;
            display: inline-flex;
            font-size: 12px;
            font-weight: 800;
            justify-content: center;
            line-height: 1;
            min-height: 22px;
            padding: 0 9px;
            text-transform: uppercase;
          }
          .status-pill.is-ready {
            background: rgb(230, 249, 237);
            color: rgb(31, 118, 62);
          }
          .status-pill.is-error {
            background: rgb(255, 235, 235);
            color: rgb(175, 32, 32);
          }

          .brand-icon-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
            gap: 10px;
          }
          .brand-icon-card {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
            padding: 12px;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: rgb(var(--white));
          }
          .brand-icon-preview { display: flex; flex: none; color: var(--accent); }
          .brand-icon-card strong { font-size: 12px; overflow-wrap: anywhere; }
          .brand-toolkit-hero {
            align-items: center;
            display: grid;
            gap: 24px;
            grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
          }
          .brand-toolkit-hero h2,
          .brand-toolkit-section h2 {
            margin: 0;
          }
          .brand-toolkit-hero p {
            color: var(--muted);
            margin: 7px 0 0;
            max-width: 760px;
          }
          .brand-token-callout,
          .brand-demo-card,
          .brand-swatch-card,
          .brand-card-swatch,
          .brand-name-grid div {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
          }
          .brand-token-callout {
            background: var(--surface-inner);
            border-color: rgba(var(--blue), 0.24);
            display: grid;
            gap: 5px;
            padding: 14px;
          }
          .brand-token-callout span {
            color: var(--accent);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .brand-token-callout strong {
            font-size: 15px;
            line-height: 1.35;
          }
          .brand-token-callout small,
          .brand-name-grid span {
            color: var(--muted);
          }
          .brand-token-callout small {
            font-size: 12px;
            line-height: 1.45;
          }
          .brand-toolkit-nav {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            padding: 10px;
          }
          .brand-toolkit-nav a {
            align-items: center;
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            color: var(--muted);
            display: inline-flex;
            font-size: 13px;
            font-weight: 700;
            min-height: 34px;
            padding: 6px 11px;
            text-decoration: none;
          }
          .brand-toolkit-nav a:hover,
          .brand-toolkit-nav a:focus-visible {
            background: rgba(var(--blue), 0.08);
            border-color: rgba(var(--blue), 0.42);
            color: var(--accent);
          }
          .brand-toolkit-section {
            background: var(--surface-panel);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 14px;
            margin: 0;
            min-width: 0;
            padding: 14px;
            scroll-margin-top: 16px;
          }
          .brand-toolkit-section > legend {
            color: var(--accent);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.015em;
            padding: 0 6px;
            text-transform: uppercase;
          }
          .brand-toolkit-section-intro {
            align-items: baseline;
            display: flex;
            gap: 10px;
            padding: 0 2px;
          }
          .brand-toolkit-section-intro > strong {
            color: var(--text);
            font-size: 13px;
            white-space: nowrap;
          }
          .brand-toolkit-section-intro > span {
            color: var(--muted);
            font-size: 12px;
          }
          .brand-demo-grid,
          .brand-swatch-grid,
          .brand-type-grid,
          .brand-layout-demo,
          .brand-control-grid,
          .brand-name-grid,
          .brand-pattern-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .brand-control-grid,
          .brand-name-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .brand-pattern-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .brand-demo-card,
          .brand-swatch-card,
          .brand-card-swatch {
            display: grid;
            gap: 10px;
            padding: 14px;
          }
          .brand-demo-card p,
          .brand-swatch-card p,
          .brand-card-swatch p {
            font-size: 13px;
            margin: 0;
          }
          .brand-pattern-card {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            min-width: 0;
            padding: 10px;
          }
          .brand-pattern-card > div:last-child {
            display: grid;
            gap: 4px;
          }
          .brand-pattern-card > div:last-child > strong {
            font-size: 13px;
          }
          .brand-pattern-card p {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.45;
            margin: 0;
          }
          .brand-pattern-preview {
            align-content: center;
            background: var(--surface-outer);
            border: 1px solid rgba(var(--blue), 0.2);
            border-radius: 8px;
            display: grid;
            min-height: 104px;
            padding: 10px;
          }
          .brand-pattern-intro {
            align-items: baseline;
            display: flex;
            gap: 7px;
          }
          .brand-pattern-intro strong,
          .brand-pattern-status > strong {
            font-size: 12px;
            white-space: nowrap;
          }
          .brand-pattern-intro span {
            color: var(--muted);
            font-size: 10px;
            line-height: 1.35;
          }
          .brand-pattern-facts {
            display: grid;
            gap: 6px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .brand-pattern-facts > span {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 7px;
            display: grid;
            gap: 3px;
            min-width: 0;
            padding: 8px;
          }
          .brand-pattern-facts small {
            color: var(--muted);
            font-size: 9px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .brand-pattern-facts strong {
            font-size: 11px;
            overflow-wrap: anywhere;
          }
          .brand-pattern-inbox {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 7px;
            display: grid;
            overflow: hidden;
          }
          .brand-pattern-inbox > span {
            display: flex;
            font-size: 10px;
            gap: 6px;
            justify-content: space-between;
            padding: 7px 8px;
          }
          .brand-pattern-inbox > span + span {
            border-top: 1px solid var(--line);
            color: var(--muted);
          }
          .brand-pattern-inbox small {
            color: var(--muted);
            font-size: 9px;
          }
          .brand-pattern-status {
            align-items: center;
            background: rgb(var(--white));
            border-bottom: 1px solid var(--line);
            border-top: 1px solid var(--line);
            display: flex;
            justify-content: space-between;
            padding: 9px 2px;
          }
          .brand-pattern-status .status-pill {
            font-size: 9px;
            min-height: 20px;
          }
          .brand-legend-pane-demo {
            background: var(--surface-inner);
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 8px;
            margin: 0;
            padding: 12px;
          }
          .brand-legend-pane-demo legend {
            color: var(--muted);
            font-size: 13px;
            font-weight: 800;
            padding: 0 4px;
          }
          .brand-demo-label {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
          }
          .brand-logo-demo {
            align-items: center;
            border: 1px dashed var(--line);
            border-radius: 8px;
            display: flex;
            gap: 10px;
            min-height: 96px;
            padding: 16px;
          }
          .brand-logo-demo.is-masthead {
            min-height: 64px;
          }
          .brand-logo-demo.is-masthead strong {
            font-family: "TradeBoard Gothic", Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 20px;
            line-height: 1;
            text-transform: uppercase;
          }
          .brand-logo-demo.is-landing {
            font-family: "TradeBoard Gothic", Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 34px;
            font-weight: 700;
            line-height: 0.95;
            text-transform: uppercase;
          }
          .brand-logo-demo.is-landing span {
            display: grid;
          }
          .brand-logo-demo.is-landing em {
            font-size: 0.48em;
            font-style: normal;
            font-weight: 400;
          }
          .brand-toolkit-logo-icon {
            height: 64px;
            width: 64px;
          }
          .brand-swatch {
            border: 1px solid var(--line);
            border-radius: 8px;
            display: block;
            height: 54px;
            width: 100%;
          }
          .brand-swatch-card code,
          .brand-card-swatch code,
          .brand-demo-card code {
            color: var(--muted);
            font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
            font-size: 12px;
            overflow-wrap: anywhere;
          }
          .brand-subsection {
            display: grid;
            gap: 8px;
          }
          .brand-subsection h3 {
            margin: 0;
          }
          .brand-card-swatch-row {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(5, minmax(0, 1fr));
          }
          .brand-card-swatch span {
            border: 1px solid var(--line);
            border-radius: 999px;
            display: block;
            height: 30px;
            width: 30px;
          }
          .brand-queue-scheme-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .brand-queue-scheme-card {
            background: rgb(var(--white));
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 12px;
            padding: 14px;
          }
          .brand-queue-scheme-card p {
            color: var(--muted);
            font-size: 13px;
            margin: 0;
          }
          .brand-queue-preview-card,
          .brand-queue-drop,
          .brand-queue-hidden {
            border-radius: 8px;
            display: grid;
            gap: 4px;
            min-height: 74px;
            padding: 12px;
          }
          .brand-queue-preview-card {
            background: var(--queue-card);
            border: 1px solid var(--queue-border);
          }
          .brand-queue-drop-row {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .brand-queue-drop {
            align-content: center;
            background: var(--queue-drop);
            border: 2px dashed var(--queue-drop-border);
            justify-items: center;
            text-align: center;
          }
          .brand-queue-drop.is-active {
            background: var(--queue-active-drop);
            border-color: var(--accent);
          }
          .brand-queue-hidden {
            background: rgba(var(--dark-grey), 0.04);
            border: 1px solid var(--line);
            opacity: 0.72;
          }
          .brand-queue-preview-card span,
          .brand-queue-drop span,
          .brand-queue-hidden span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 600;
          }
          .brand-type-sample {
            align-content: center;
            border: 1px dashed var(--line);
            border-radius: 8px;
            display: grid;
            min-height: 86px;
            padding: 12px;
          }
          .brand-type-sample h2,
          .brand-type-sample h3,
          .brand-type-sample p {
            margin: 0;
          }
          .brand-type-wordmark {
            font-family: "TradeBoard Gothic", Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 32px;
            font-weight: 700;
            line-height: 1;
          }
          .brand-surface-demo {
            margin: 0;
          }
          .brand-inline-header {
            margin: 0;
          }
          .brand-control-demo {
            width: 100%;
          }
          .brand-button-row,
          .brand-pill-row {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }

          .brand-button-row .manual-add-pill {
            align-self: center;
          }
          .brand-floating-close-demo {
            position: static;
            transform: none;
          }
          .brand-component-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .brand-added-contact-card-example {
            width: 100%;
          }
          .brand-guidance-list {
            background: rgb(248, 252, 255);
            border: 1px solid rgb(186, 221, 252);
            border-radius: 8px;
            display: grid;
            gap: 0;
            overflow: hidden;
          }
          .brand-guidance-list div,
          .brand-name-grid div {
            display: grid;
            gap: 6px;
            grid-template-columns: 180px minmax(0, 1fr);
            padding: 12px;
          }
          .brand-guidance-list div + div {
            border-top: 1px solid rgb(186, 221, 252);
          }
          .brand-guidance-list span {
            color: var(--muted);
          }
          .brand-surface-lab-controls {
            align-items: end;
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(220px, 0.35fr) minmax(0, 1fr);
          }
          #toolkit-fields .brand-demo-card { align-content: start; grid-template-columns: minmax(0, 1fr); }
          #toolkit-fields .field-help, #toolkit-fields .field-error { font-size: 12px; font-weight: 400; }
          .brand-field-compact select { min-height: 30px; padding: 4px 8px; }
          .brand-hex-fields {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .brand-hex-fields input {
            font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
            text-transform: uppercase;
          }
          .brand-surface-stack {
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 14px;
          }
          .brand-surface-stack {
            background: var(--bg);
          }
          .brand-surface-stack .eyebrow,
          .brand-surface-stack h2 {
            margin: 0;
          }
          .brand-surface-panel,
          .brand-surface-outer,
          .brand-surface-inner,
          .brand-surface-content {
            border: 1px solid var(--line);
            border-radius: 8px;
            display: grid;
            gap: 10px;
            padding: 14px;
          }
          .brand-surface-panel {
            background: var(--surface-panel);
          }
          .brand-surface-outer {
            background: var(--surface-outer);
          }
          .brand-surface-inner {
            background: var(--surface-inner);
          }
          .brand-surface-content {
            background: var(--surface-content);
            min-height: 52px;
          }
          .brand-surface-content span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 600;
          }
          .brand-surface-panel strong,
          .brand-surface-outer strong,
          .brand-surface-inner strong {
            color: var(--text);
            font-size: 13px;
            line-height: 1.2;
          }
          .people-quick-add-modal {
            border: 1px solid var(--line);
            border-radius: 8px;
            max-width: 860px;
            overflow: visible;
            padding: 0;
            position: relative;
            width: min(860px, calc(100vw - 32px));
          }
          .people-quick-add-modal > .modal-close-x {
            position: absolute;
            right: 10px;
            top: 10px;
            transform: none;
          }
          .people-quick-add-heading {
            align-items: center;
            border-bottom: 1px solid var(--line);
            display: flex;
            justify-content: space-between;
            padding: 14px 64px 14px 16px;
          }
          .people-quick-add-heading p {
            margin: 2px 0 0;
          }
          .people-quick-add-list {
            display: grid;
            gap: 8px;
            max-height: min(620px, calc(100dvh - 160px));
            overflow: auto;
            padding: 14px 16px 16px;
          }
          .eyebrow {
            color: var(--accent);
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0;
            margin-bottom: 8px;
            text-transform: uppercase;
          }
          .summary-grid {
            display: grid;
            gap: 12px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin: 18px 0;
          }
          .summary-grid div {
            border: 1px solid var(--line);
            border-radius: 0;
            padding: 14px;
          }
          .summary-grid span {
            color: var(--muted);
            display: block;
            font-size: 12px;
            font-weight: 700;
            margin-bottom: 4px;
            text-transform: uppercase;
          }
          .summary-grid strong {
            overflow-wrap: anywhere;
          }
          .primary-link {
            align-items: center;
            background: var(--control-primary-surface);
            border-radius: 50px;
            color: var(--control-primary-text);
            display: inline-flex;
            font-weight: 600;
            min-height: 40px;
            padding: 8px 14px;
            text-decoration: none;
            border: 1px solid var(--control-primary-border);
            font-size: 14px;
          }
          .primary-link:hover {
            background: var(--control-primary-hover);
            border-color: var(--control-primary-hover-border);
            color: var(--control-primary-text);
          }
          .muted { color: var(--muted); }
          .details-list {
            display: grid;
            gap: 12px;
            margin-top: 18px;
          }
          .details-list div {
            border-top: 1px solid var(--line);
            display: grid;
            gap: 8px;
            grid-template-columns: 160px 1fr;
            padding-top: 12px;
          }
          .details-list dt {
            color: var(--muted);
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
          }
          .details-list dd {
            margin: 0;
            overflow-wrap: anywhere;
          }
          .audit-list {
            display: grid;
            gap: 10px;
          }
          .audit-panel summary {
            align-items: center;
            cursor: pointer;
            display: flex;
            gap: 16px;
            justify-content: space-between;
            list-style: none;
          }
          .audit-panel summary::-webkit-details-marker {
            display: none;
          }
          .audit-panel summary::after {
            color: var(--accent);
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
            font-size: 24px;
            font-weight: 900;
            line-height: 1;
          }
          .audit-panel[open] summary {
            margin-bottom: 16px;
          }
          .audit-panel[open] summary::after {
            content: ""; display: inline-block; width: 1em; height: 1em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tb-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
          }
          .audit-panel summary span {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
            margin-left: auto;
            text-transform: uppercase;
          }
          .audit-list article {
            border-top: 1px solid var(--line);
            padding-top: 10px;
          }
          .audit-list span {
            color: var(--muted);
            float: right;
            font-size: 13px;
          }
          .audit-list p {
            margin: 4px 0;
            color: var(--muted);
          }
          code {
            display: block;
            white-space: pre-wrap;
            color: var(--danger);
            font-size: 12px;
          }
          @media (max-width: 900px) {
            .kanban-filters.kanban-filters-with-options { grid-template-columns:minmax(0,1fr) auto; }
            .kanban-filters-with-options > label { grid-column:1 / -1; }
            .kanban-filters-with-options > .kanban-filter-reset { grid-column:1; }
            .kanban-filters-with-options > .tracker-filter-actions { grid-column:2; }
            .organisation-overview,
            .organisation-role-guide,
            .organisation-step-list,
            .organisation-grid,
            .organisation-overview-grid,
            .organisation-member-privacy-grid,
            .organisation-value-grid,
            .organisation-members-grid,
            .organisation-invitation-card-body,
            .organisation-invitation-form,
            .organisation-invite-form,
            .organisation-dashboard-filter,
            .organisation-report-header,
            .organisation-report-row,
            .organisation-directory-row {
              grid-template-columns: 1fr;
            }
            .organisation-report-header {
              display: none;
            }
            .organisation-list-row,
            .organisation-identity-row,
            .organisation-access-actions,
            .organisation-row-actions {
              align-items: stretch;
              flex-direction: column;
            }
            .organisation-invitation-card-header {
              align-items: stretch;
              flex-direction: column;
            }
            .organisation-row-actions {
              width: 100%;
            }
            .organisation-workspace-header {
              align-items: stretch;
              flex-direction: column;
            }
            .organisation-tabs {
              flex-direction: column;
            }
            .organisation-workspace .organisation-tabs {
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;
              gap: 12px;
            }
            .organisation-workspace .organisation-tab {
              min-width: 0;
              width: auto;
            }
            .organisation-row-actions .brand-light-button,
            .organisation-access-actions .primary-button,
            .organisation-invitation-card-header .primary-button,
            .organisation-invite-form .primary-button,
            .organisation-dashboard-filter .primary-button,
            .organisation-dashboard-filter .brand-light-button {
              width: 100%;
            }
            .organisation-grant-list {
              justify-content: flex-start;
            }
            .grid-form { grid-template-columns: 1fr; }
            .summary-grid { grid-template-columns: 1fr; }
            .welcome { padding: 18px; }
            .welcome h2 { font-size: 24px; }
            .public-home {
              grid-template-columns: 1fr;
              margin: 16px auto;
              min-height: auto;
            }
            .public-home-copy {
              padding: 28px;
            }
            .public-home h1 {
              font-size: 36px;
            }
            .public-home-panel {
              border-left: 0;
              border-top: 1px solid var(--line);
              grid-template-columns: 1fr;
            }
            .landing,
            .auth-shell,
            .landing-section,
            .landing-feature-grid,
            .landing-permission-steps,
            .landing-preview-grid {
              grid-template-columns: 1fr;
            }
            .auth-shell {
              margin: 16px auto;
            }
            .auth-brand-panel {
              min-height: auto;
              padding: 24px;
            }
            .auth-brand-panel h1 {
              font-size: 34px;
            }
            .auth-logo-lockup img {
              height: 56px;
              width: 56px;
            }
            .auth-logo-lockup strong {
              font-size: 31px;
            }
            .auth-logo-lockup em {
              font-size: 14px;
            }
            .auth-card {
              padding: 18px;
            }
            .auth-code-form {
              grid-template-columns: 1fr;
            }
            .email-test-grid {
              grid-template-columns: 1fr;
            }
            .email-template-grid {
              grid-template-columns: 1fr;
            }
            .email-stats-config,
            .email-stats-grid,
            .email-details-layout,
            .mot-lab-config,
            .mot-lab-summary-grid {
              grid-template-columns: 1fr;
            }
            .email-stats-actions {
              justify-content: flex-start;
            }
            .email-stats-date-form {
              grid-template-columns: 1fr;
            }
            .email-stats-date-form > :first-child,
            .email-stats-date-form > :last-child,
            .email-stats-date-form label {
              justify-self: stretch;
            }
            .email-stats-date-form > .brand-light-button {
              width: 100%;
            }
            .landing {
              padding: 34px 0;
            }
            .landing-copy {
              justify-self: stretch;
              width: 100%;
            }
            .landing-copy h1 {
              font-size: clamp(38px, 8vw, 56px);
              max-width: 100%;
              width: 100%;
            }
            .landing-copy p {
              font-size: 17px;
            }
            .landing-product-preview {
              max-width: 680px;
              width: 100%;
            }
            .landing-final-cta {
              align-items: flex-start;
              flex-direction: column;
            }
            .landing-role-list div {
              grid-template-columns: 1fr;
            }
            .masthead { min-height: 44px; padding: 0; }
            .masthead > .menu,
            .masthead > .top-actions { display: none; }
            .push-permission-prompt {
              left: 12px;
              max-width: none;
              right: 12px;
              top: 54px;
              transform: none;
              width: auto;
            }
            .push-permission-actions {
              display: grid;
              grid-template-columns: 1fr;
            }
            .mobile-menu { display: block; }
            .brand-link { font-size: 18px; }
            .details-list div { grid-template-columns: 1fr; }
            .create-group-form,
            .kanban-filters,
            .cancelled-deal-card,
            .cancelled-deal-card dl,
            .invoice-queue-card,
            .invoice-queue-card dl,
            .user-profile-card,
            .user-profile-heading,
            .user-profile-grid,
            .user-profile-form,
            .profile-workspace,
            .profile-account-grid,
            .profile-form,
            .people-profile-compact,
            .people-profile-form,
            .onboarding-card,
            .onboarding-profile-panel,
            .onboarding-progress,
            .onboarding-team-form,
            .manual-wizard-progress,
            .manual-party-details-grid,
            .manual-party-address-picker,
            .manual-contact-step-grid,
            .manual-review-grid,
            .manual-vehicle-form,
            .manual-party-filter-bar,
            .people-filter-bar label,
            .people-directory-grid,
            .location-lookup-row,
            .location-form-grid,
            .location-card,
            .quick-add-person,
            .location-test-grid,
            .location-lab-workspace,
            .location-lab-main,
            .location-test-address-grid,
            .deal-modal-summary,
            .manual-deal-grid,
            .manual-location-grid,
            .manual-location-picker-grid,
            .manual-mot-alerts,
            .manual-deal-columns,
            .manual-deal-split,
            .manual-deal-parties,
            .manual-section-heading,
            .manual-my-role-row,
            .manual-person-editor,
            .manual-email-add,
            .manual-new-site-fields,
            .deal-modal-grid,
            .comments-panel,
            .timeline-panel,
            .collection-group-grid,
            .vehicle-location-layout,
            .deal-party-location-grid,
            .deal-party-location-form,
            .brand-toolkit-hero,
            .brand-demo-grid,
            .brand-swatch-grid,
            .brand-type-grid,
            .brand-layout-demo,
            .brand-control-grid,
            .brand-pattern-grid,
            .brand-card-swatch-row,
            .brand-queue-scheme-grid,
            .brand-queue-drop-row,
            .brand-component-grid,
            .brand-surface-lab-controls,
            .brand-hex-fields,
            .brand-name-grid,
            .brand-guidance-list div,
            .brand-name-grid div,
            .user-admin-form,
            .user-admin-header-actions,
            .user-admin-cloudflare-row,
            .user-admin-fields,
            .user-admin-dialog-fields,
            .user-admin-dialog-meta,
            .user-admin-invite-option,
            .user-identity-fields,
            .user-access-fields,
            .legal-document-viewer,
            .legal-acceptance-review,
            .legal-public-card,
            .legal-public-meta,
            .legal-user-card,
            .legal-control-list,
            .legal-table-grid,
            .access-group-create-panel,
            .access-group-create-form,
            .access-group-card-grid,
            .access-group-stat-grid,
            .access-group-admin-panel,
            .access-group-admin-panel fieldset > form,
            .location-card,
            .site-transfer-grid,
            .group-workspace,
            .group-name-form,
            .site-card {
              grid-template-columns: 1fr;
            }
            .access-groups-page-header,
            .access-group-detail-header {
              align-items: stretch;
              flex-direction: column;
            }
            .access-group-detail-header-actions {
              align-items: center;
              justify-content: space-between;
              width: 100%;
            }
            .access-group-create-panel > button {
              justify-self: stretch;
            }
            .access-group-create-dialog {
              padding: 14px;
            }
            .access-group-create-current-user {
              grid-template-columns: 38px minmax(0, 1fr);
            }
            .access-group-create-current-user .person-status {
              grid-column: 2;
              justify-self: start;
            }
            .access-group-dialog-title {
              align-items: flex-start;
              flex-wrap: wrap;
            }
            .access-group-dialog-title .person-status {
              margin-left: 0;
            }
            .access-group-name-edit-form {
              grid-template-columns: 1fr 1fr;
            }
            .access-group-name-edit-form input {
              grid-column: 1 / -1;
            }
            .access-group-create-dialog-actions {
              align-items: stretch;
              flex-direction: column;
            }
            .access-group-create-dialog-actions > div,
            .access-group-create-dialog-actions button {
              width: 100%;
            }
            .people-section-navigation {
              align-self: flex-start;
            }
            .tracker-quick-tip {
              align-items: start;
              bottom: 68px;
              grid-template-columns: 28px minmax(0, 1fr);
              width: calc(100vw - 24px);
            }
            .tracker-quick-tip-actions {
              grid-column: 2;
              justify-content: flex-end;
            }
            .manual-wizard-progress {
              display: none;
            }
            .manual-wizard-mobile-progress {
              background: var(--surface-inner);
              border: 1px solid var(--line);
              border-radius: 10px;
              display: grid;
              gap: 8px;
              padding: 10px 12px;
            }
            .manual-wizard-mobile-progress > div:first-child {
              align-items: center;
              display: flex;
              gap: 8px;
              justify-content: space-between;
            }
            .manual-wizard-mobile-progress strong {
              color: var(--accent);
              font-size: 12px;
            }
            .manual-wizard-mobile-progress span {
              color: var(--muted);
              font-size: 13px;
              font-weight: 800;
            }
            .manual-wizard-mobile-track {
              background: var(--line);
              border-radius: 999px;
              height: 4px;
              overflow: hidden;
            }
            .manual-wizard-mobile-track span {
              background: var(--accent);
              display: block;
              height: 100%;
              transition: width 160ms ease;
            }
            .manual-role-choice-grid,
            .manual-role-choice-grid[data-role-choice-count="2"],
            .manual-role-choice-grid[data-role-choice-count="3"],
            .manual-access-sides {
              grid-template-columns: 1fr;
            }
            .manual-role-choice-grid[data-role-choice-count="2"] .manual-role-choice:first-child,
            .manual-role-choice-grid[data-role-choice-count="2"] .manual-role-choice:nth-child(2),
            .manual-role-choice-grid[data-role-choice-count="3"] .manual-role-choice,
            .manual-role-choice-grid[data-role-choice-count="3"] .manual-role-choice:first-child {
              grid-column: auto;
            }
            .manual-deal-zone {
              padding: 12px;
            }
            .manual-vrm-field,
            .manual-vehicle-field,
            .manual-colour-field,
            .manual-vin-field,
            .manual-odometer-field,
            .manual-odometer-units-field,
            .manual-sale-price-field {
              grid-column: auto;
            }
            .location-lab-pin {
              column-gap: 8px;
              grid-template-columns: 42px minmax(0, 1fr) minmax(0, 1fr);
              row-gap: 8px;
            }
            .location-lab-pin-title,
            .location-lab-pin-words {
              grid-column: 2 / -1;
              width: 100%;
            }
            .location-lab-primary-button,
            .location-lab-visibility-button {
              justify-self: stretch;
            }
            .location-lab-primary-button,
            .location-lab-visibility-button {
              font-size: 12px;
              min-height: 32px;
              padding: 4px 8px;
              width: 100%;
            }
            .location-lab-primary-button {
              grid-column: 2;
              grid-row: 3;
            }
            .location-lab-visibility-button {
              grid-column: 3;
              grid-row: 3;
            }
            .location-lab-remove {
              grid-column: 3;
              grid-row: 4;
              height: 32px;
              justify-self: stretch;
              min-height: 32px;
              min-width: 0;
              padding: 0 8px;
              width: 100%;
            }
            .location-lab-remove-short {
              display: none;
            }
            .location-lab-remove-label {
              display: inline;
            }
            .location-lab-map-heading,
            .location-lab-pins-heading,
            .location-lab-nearby-heading {
              align-items: stretch;
              flex-direction: column;
            }
            .location-lab-nearby-controls,
            .location-lab-nearby-card,
            .location-lab-uprn-card {
              grid-template-columns: 1fr;
            }
            .location-lab-nearby-words {
              min-width: 0;
              width: 100%;
            }
            .invoice-queue-actions {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              justify-self: stretch;
            }
            .user-sites-field {
              grid-column: auto;
            }
            .comments-history {
              display: block;
            }
            .comments-title-row {
              display: flex;
              flex-direction: column;
              align-items: stretch;
              gap: 8px;
              margin-bottom: 12px;
            }
            .events-toggle {
              display: grid;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              width: 100%;
            }
            .events-toggle .queue-toggle-link {
              justify-content: center;
            }
            .comments-filter {
              justify-self: stretch;
              width: 100%;
            }
            .user-admin-page-header,
            .user-admin-form {
              grid-template-columns: 1fr;
            }
            .user-admin-stats {
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .user-admin-controls button {
              justify-self: stretch;
            }
            .user-admin-cloudflare-status {
              justify-items: stretch;
            }
            .user-admin-cloudflare-status > span {
              text-align: left;
            }
            .person-details-dialog {
              max-width: calc(100vw - 24px);
              width: calc(100vw - 24px);
            }
            .user-admin-dialog {
              max-width: calc(100vw - 24px);
              width: calc(100vw - 24px);
            }
            .email-details-dialog {
              max-width: calc(100vw - 24px);
              width: calc(100vw - 24px);
            }
            .email-details-header {
              grid-template-columns: 1fr;
            }
            .person-details-layout {
              grid-template-columns: 68px minmax(0, 1fr);
            }
            .person-details-avatar {
              font-size: 22px;
              width: 68px;
            }
            .person-details-list div {
              grid-template-columns: 1fr;
              gap: 2px;
            }
          }
          @media (max-width: 640px) {
            main {
              padding: 10px 0 24px;
            }
            .brand-toolkit-hero {
              gap: 14px;
            }
            .brand-toolkit-nav {
              flex-wrap: nowrap;
              margin-inline: -1px;
              overflow-x: auto;
              overscroll-behavior-x: contain;
              scrollbar-width: none;
              -webkit-overflow-scrolling: touch;
            }
            .brand-toolkit-nav::-webkit-scrollbar {
              display: none;
            }
            .brand-toolkit-nav a {
              flex: 0 0 auto;
            }
            .brand-toolkit-section {
              gap: 11px;
              padding: 10px;
            }
            .brand-toolkit-section-intro {
              align-items: start;
              flex-direction: column;
              gap: 2px;
            }
            .brand-toolkit-section-intro > strong {
              white-space: normal;
            }
            .landing {
              gap: 16px;
              padding: 22px 0 28px;
            }
            .landing-copy h1 {
              font-size: clamp(36px, 11vw, 48px);
            }
            .landing-wordmark {
              margin-bottom: 24px;
              width: 240px;
            }
            .landing-actions {
              align-items: stretch;
              display: grid;
              grid-template-columns: 1fr;
            }
            .landing-actions a {
              justify-content: center;
              text-align: center;
            }
            .landing-confidence {
              gap: 8px 12px;
            }
            .landing-preview-body {
              padding: 16px;
            }
            .landing-preview-body > header {
              align-items: flex-start;
              flex-direction: column;
            }
            .landing-preview-progress {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              row-gap: 14px;
            }
            .landing-outcome-strip {
              grid-template-columns: 1fr;
            }
            .landing-outcome-strip div,
            .landing-outcome-strip div:last-child {
              border-bottom: 1px solid #b9d9f4;
              border-right: 0;
            }
            .landing-outcome-strip div:last-child {
              border-bottom: 0;
            }
            .landing-final-cta {
              margin-bottom: 26px;
              padding: 24px;
            }
            .user-admin-stats,
            .user-role-guide,
            .user-admin-fields,
            .user-admin-controls,
            .user-admin-dialog-fields,
            .user-admin-dialog-meta,
            .user-admin-tabs,
            .user-admin-cloudflare-profile {
              grid-template-columns: 1fr;
            }
            .user-admin-card {
              padding: 10px;
            }
            .user-admin-identity {
              grid-template-columns: 38px minmax(0, 1fr);
            }
            .user-admin-avatar {
              height: 38px;
              width: 38px;
            }
            .deal-modal {
              border: 0;
              border-radius: 0;
              box-shadow: none;
              height: 100dvh;
              margin: 0;
              max-height: none;
              max-width: none;
              overflow: auto;
              width: 100vw;
            }
            .deal-mobile-header-origin { display: block; overflow-anchor: none; }
            .deal-mobile-header-host { display: block; position: sticky; top: 0; height: 0; z-index: 9; pointer-events: none; }
            .deal-mobile-header-host > .deal-modal-header { position: absolute; top: 0; left: 0; right: 0; pointer-events: auto; height: var(--deal-mobile-header-height); overflow: hidden; }
            .deal-mobile-header-host .deal-modal-identity { opacity: calc(1 - var(--deal-header-progress, 0)); }
            .deal-mobile-header-host .deal-modal-refresh,
            .deal-mobile-header-host .modal-close-x,
            .deal-mobile-header-host .deal-modal-status,
            .deal-mobile-header-host .deal-modal-refresh-slot { opacity: calc(1 - var(--deal-header-progress, 0)); }
            .deal-modal:has(.deal-modal-tools) .deal-mobile-header-host .deal-modal-identity h2 { font-size: calc(14px - 3px * var(--deal-header-progress, 0)); }
            .deal-mobile-compact-identity { display: grid; gap: 2px; position: absolute; top: 6px; left: 12px; right: 12px; opacity: var(--deal-header-progress, 0); pointer-events: none; }
            .deal-mobile-compact-identity > span { color: var(--accent); font-size: calc(11px + 1pt); font-weight: 900; line-height: 1; letter-spacing: 0.04em; }
            .deal-modal:has(.deal-modal-tools) .deal-mobile-compact-identity h2 { margin: 0; font-size: 11px; line-height: 1.25; white-space: normal; overflow-wrap: anywhere; }
            .deal-modal.is-mobile-header-compact .deal-modal-identity,
            .deal-modal.is-mobile-header-compact .deal-modal-tools { visibility: hidden; }
            .deal-modal-header {
              align-items: center;
              border-bottom: 1px solid var(--line);
              border-radius: 0;
              gap: 8px;
              padding: 10px 94px 10px 12px;
              position: relative;
              z-index: 7;
            }
            .deal-modal-header h2 {
              font-size: 15px;
            }
            .deal-modal-status {
              font-size: 9px;
              padding: 7px 8px;
            }
            .modal-close-x {
              height: 34px;
              line-height: 34px;
              min-height: 34px;
              right: 10px;
              top: 10px;
              transform: translateY(10px);
              width: 34px;
            }
            .deal-modal > .modal-close-x {
              position: absolute;
              right: 10px;
              top: 10px;
              transform: none;
            }
            .deal-modal:has(.deal-modal-tools) .deal-modal-header {
              grid-template-columns: auto minmax(0, 1fr);
              align-items: start;
              column-gap: 10px;
              row-gap: 2px;
              padding: 6px 12px;
            }
            .deal-modal:has(.deal-modal-tools) .deal-modal-identity {
              display: flow-root;
              grid-column: 1 / -1;
              grid-row: 1;
              min-height: 44px;
            }
            .deal-modal:has(.deal-modal-tools) .deal-modal-identity::before {
              content: "";
              float: right;
              width: 96px;
              height: 44px;
              margin-left: 10px;
            }
            .deal-modal-tools,
            .deal-modal-actions { display: contents; }
            .deal-modal:has(.deal-modal-tools) .deal-modal-identity > span {
              display: block;
              margin-bottom: 2px;
              overflow-wrap: anywhere;
            }
            .deal-modal:has(.deal-modal-tools) .deal-modal-identity h2 {
              font-size: 14px;
              overflow-wrap: anywhere;
            }
            .deal-modal-tools .deal-modal-refresh,
            .deal-modal-tools .modal-close-x {
              position: absolute;
              top: 6px;
              right: 12px;
              transform: none;
              width: 44px;
              height: 44px;
              min-height: 44px;
              line-height: 44px;
            }
            .deal-modal-tools .deal-modal-refresh { right: 64px; }
            .deal-modal-tools .deal-modal-status {
              grid-column: 1;
              grid-row: 2;
              justify-self: start;
              padding: 4px 8px;
              margin: 0;
            }
            .deal-modal-refresh-slot {
              grid-column: 2;
              grid-row: 2;
              align-self: center;
              min-width: 0;
              height: 14px;
              font-size: 10px;
              line-height: 14px;
            }
            .deal-colour-picker summary {
              height: 34px;
              width: 34px;
            }
            .deal-colour-picker summary span {
              height: 50%;
              width: 50%;
            }
            .deal-access-columns {
              grid-template-columns: 1fr;
            }
            .deal-group-access-list {
              grid-template-columns: 1fr;
            }
            .deal-group-access-heading {
              align-items: start;
            }
            .deal-group-access-card-topline {
              grid-template-columns: 34px minmax(0, 1fr);
            }
            .deal-group-access-card-actions {
              align-items: flex-start;
              grid-column: 2;
              justify-self: start;
            }
            .deal-people-intro {
              align-items: start;
              flex-direction: column;
              gap: 2px;
            }
            .deal-access-person {
              grid-template-columns: 32px minmax(0, 1fr);
            }
            .deal-access-person-meta {
              align-items: center;
              flex-direction: row;
              grid-column: 2;
              justify-content: flex-start;
            }
            .deal-mobile-section-title { display: block; margin: 0; color: var(--accent); font-size: 12px; font-weight: 900; text-transform: uppercase; }
            .deal-modal-overview > .deal-mobile-section-title { padding: 10px 10px 0; }
            .deal-flow > legend { padding: 0 4px; text-align: left; }
            .deal-details-overview-slot .deal-flow { display: grid; gap: 8px; text-align: left; }
            .deal-flow-content { display: grid; gap: 8px; }
            .deal-details-overview-slot .deal-flow strong { font-size: 14px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
            .deal-details-overview-slot .deal-summary-vrm-display { font-size: 14px; }
            .deal-flow-party { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 8px; align-items: baseline; }
            .deal-flow-label { color: var(--muted); font-size: 11px; }
            .deal-flow-desktop-label { display: none; }
            .deal-flow-mobile-label { display: inline; }
            .deal-details-overview-slot, .deal-details-overview-slot > .deal-modal-overview { display: block; }
            .deal-details-overview-slot .deal-modal-summary { padding: 10px; }
            .deal-details-overview-slot .deal-flow { margin: 0 10px 10px; }
            .deal-modal-summary {
              gap: 6px;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              padding: 8px 12px;
            }
            .deal-party-location-form,
            .deal-party-location-empty-row {
              grid-template-columns: minmax(0, 1fr) auto;
            }
            .deal-summary-field,
            .deal-flow {
              padding: 8px;
            }
            .deal-summary-field {
              padding: 7px 8px 8px;
            }
            .deal-flow {
              margin: 0 12px 8px;
            }
            .organisation-tracker-modal-context {
              margin: 0 12px 8px;
            }
            .organisation-tracker-context-row {
              align-items: start;
              grid-template-columns: 1fr;
            }
            .organisation-deal-file-row {
              align-items: start;
              grid-template-columns: 1fr;
            }
            .deal-modal-grid {
              display: flex;
              flex-direction: column;
              gap: 8px;
              padding: 10px 12px 12px;
            }
            .document-panel,
            .deal-detail-tabs,
            .finance-panel,
            .collection-panel,
            .documents-panel,
            .files-panel,
            .location-panel,
            .timeline-panel,
            .comments-panel {
              padding: 10px;
            }
            .documents-panel {
              grid-template-columns: 1fr;
              padding: 0;
            }
            .documents-panel-intro {
              align-items: start;
              flex-direction: column;
              gap: 2px;
            }
            .comments-history .comments-title-row,
            .timeline-history .comments-title-row {
              align-items: stretch;
              grid-template-columns: 1fr;
            }
            .timeline-panel {
              padding: 0;
            }
            .location-panel {
              padding: 0;
            }
            .location-panel-intro {
              align-items: start;
              flex-direction: column;
              gap: 2px;
            }
            .files-panel {
              grid-template-columns: 1fr;
              padding: 0;
            }
            .files-panel-intro {
              align-items: start;
              flex-direction: column;
              gap: 2px;
            }
            .files-panel h3 {
              grid-column: auto;
            }
            .file-upload-queue {
              grid-column: 1;
              grid-row: auto;
            }
            .deal-detail-tabs,
            .comments-panel {
              grid-column: 1;
            }
            .deal-detail-tabs {
              order: -1;
              padding: 0;
              border: 0;
              border-radius: 0;
            }
            .deal-modal-grid > .document-panel {
              display: none;
            }
            .deal-detail-tab[data-detail-tab="documents"] {
              display: inline-flex;
            }
            .deal-detail-tab-list {
              display: flex;
              flex-wrap: nowrap;
              gap: 8px;
              margin: 0;
              overflow-x: auto;
              overscroll-behavior-x: contain;
              padding: 0 4px;
              scrollbar-width: none;
              scroll-snap-type: x proximity;
              -webkit-overflow-scrolling: touch;
            }
            .deal-detail-tab-list::-webkit-scrollbar {
              display: none;
            }
            .deal-detail-tab-toolbar {
              align-items: center;
              background: var(--surface-panel);
              border-top: 1px solid var(--line);
              border-bottom: 0;
              border-radius: 0;
              box-shadow: 0 -3px 12px rgba(var(--black), .06);
              gap: 4px;
              grid-template-columns: minmax(0, 1fr) auto;
              padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
              position: fixed;
              inset: auto 0 0;
              z-index: 10;
            }
            .deal-detail-tab-toolbar::before,
            .deal-detail-tab-toolbar::after {
              content: "";
              height: calc(100% - 12px);
              pointer-events: none;
              position: absolute;
              top: 6px;
              opacity: 0;
              transition: opacity 140ms ease;
              width: 24px;
              z-index: 2;
            }
            .deal-detail-tab-toolbar.can-scroll-tabs-left::before,
            .deal-detail-tab-toolbar.can-scroll-tabs-right::after {
              opacity: 1;
            }
            .deal-detail-tab-toolbar::before {
              background: linear-gradient(90deg, var(--surface-panel), rgba(var(--white), 0));
              left: 0;
            }
            .deal-detail-tab-toolbar::after {
              background: linear-gradient(270deg, var(--surface-panel), rgba(var(--white), 0));
              right: 0;
            }
            .deal-detail-tab-toolbar.has-tab-colour-action::after {
              right: 44px;
            }
            .deal-modal { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); scroll-padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
            .deal-modal .deal-detail-colour-action .deal-colour-menu { top: auto; bottom: calc(100% + 8px); }
            .deal-modal.is-mobile-keyboard-open .deal-detail-tab-toolbar { display: none; }
            .deal-modal .deal-detail-tab {
              flex-direction: column;
              justify-content: center;
              gap: 3px;
              min-width: 64px;
              min-height: 54px;
              padding: 5px 7px;
              border-color: transparent;
              font-size: 10px;
              line-height: 1.2;
              position: relative;
            }
            .deal-modal .deal-detail-tab.is-active { background: rgba(var(--blue), .08); border-color: transparent; box-shadow: none; color: var(--accent); }
            .deal-modal .deal-detail-tab-unread { position: absolute; top: 0; right: 2px; }
            .vehicle-location-layout {
              min-height: 300px;
            }
            .deal-route-panel {
              grid-template-rows: auto auto minmax(280px, 46dvh) auto;
              height: auto;
            }
            .deal-route-intro,
            .deal-route-intro > div {
              align-items: start;
              flex-direction: column;
            }
            .deal-route-intro,
            .deal-route-intro > div {
              gap: 3px;
            }
            .deal-route-open-map {
              margin-top: 5px;
            }
            .deal-route-summary {
              align-items: start;
              grid-template-columns: 1fr;
            }
            .deal-route-endpoint strong {
              overflow: visible;
              white-space: normal;
            }
            .deal-route-direction {
              margin: -1px 0;
              transform: rotate(90deg);
            }
            .deal-route-metrics {
              border-left: 0;
              border-top: 1px solid var(--line);
              grid-template-columns: repeat(2, minmax(0, 1fr));
              padding-left: 0;
              padding-top: 9px;
              width: 100%;
            }
            .deal-route-map-card {
              min-height: 280px;
            }
            .deal-route-panel iframe {
              min-height: 280px;
            }
            .delivery-quote-workspace,
            .delivery-quote-pane-grid,
            .delivery-message-grid,
            .delivery-supplier-fields,
            .delivery-quote-form-grid,
            .delivery-date-option {
              grid-template-columns: 1fr;
            }
            .delivery-panel-intro,
            .delivery-quote-heading,
            .delivery-request-list-heading:not(:has(> strong)) {
              align-items: start;
              flex-direction: column;
              gap: 2px;
            }
            .delivery-quote-heading p,
            .delivery-request-list-heading p {
              max-width: none;
              text-align: left;
            }
            .delivery-journey-card {
              align-items: stretch;
              grid-template-columns: 1fr;
            }
            .delivery-journey-route {
              align-items: start;
              grid-template-columns: 1fr;
            }
            .delivery-journey-route svg {
              margin: -2px 0;
              transform: rotate(90deg);
            }
            .delivery-journey-route strong {
              overflow: visible;
              white-space: normal;
            }
            .delivery-journey-meta {
              display: grid;
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .delivery-request-open {
              width: 100%;
            }
            .delivery-thread-dialog {
              max-height: calc(100dvh - 18px);
              max-width: calc(100vw - 18px);
              padding: 14px;
            }
            .delivery-quote-outer-pane {
              padding: 10px;
            }
            .delivery-address-pane,
            .delivery-movement-option,
            .delivery-mot-expiry-pane,
            .delivery-route-summary-pane {
              grid-column: 1;
            }
            .delivery-address-pane,
            .delivery-movement-option,
            .delivery-mot-expiry-pane,
            .delivery-route-summary-pane {
              min-height: 0;
            }
            .delivery-supplier-fields textarea,
            .delivery-supplier-fields button {
              grid-column: 1;
            }
            .delivery-supplier-row {
              grid-template-columns: minmax(0, 1fr) auto;
            }
            .delivery-supplier-select {
              grid-template-columns: 22px minmax(0, 1fr);
            }
            .delivery-supplier-select input {
              grid-row: 1 / span 4;
            }
            .delivery-supplier-company,
            .delivery-supplier-email,
            .delivery-supplier-phone,
            .delivery-supplier-notes {
              grid-column: 2;
            }
            .delivery-supplier-company {
              grid-row: 1;
            }
            .delivery-supplier-email {
              grid-row: 2;
            }
            .delivery-supplier-phone {
              grid-row: 3;
            }
            .delivery-supplier-notes {
              grid-row: 4;
            }
            .delivery-supplier-toolbar {
              display: grid;
              grid-template-columns: minmax(0, 1fr) auto;
            }
            .delivery-supplier-search {
              grid-column: 1 / -1;
              max-width: none;
              width: 100%;
            }
            .delivery-supplier-selection {
              margin-left: 0;
            }
            .delivery-supplier-picker-list {
              max-height: min(42vh, 340px);
            }
            .delivery-attachment-dialog {
              max-width: calc(100vw - 18px);
              padding: 18px;
            }
            .delivery-attachment-grid {
              grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
            }
            .delivery-thread-card-grid {
              grid-template-columns: 1fr;
            }
            .delivery-conversation-row { padding: 10px; }
            .delivery-journey-card { padding: 10px; }
            .delivery-journey-route { gap: 8px; }
            .delivery-journey-route > svg { display: none; }
            .delivery-journey-meta { grid-template-columns: minmax(0, 1fr) auto; }
            .delivery-quote-actions {
              align-items: stretch;
              flex-direction: column;
            }
            .delivery-quote-actions > button {
              width: 100%;
            }
            .delivery-quote-check {
              min-height: 0;
              padding-top: 0;
            }
            .deal-detail-tab {
              justify-content: center;
              min-width: max-content;
              padding-inline: 14px;
              scroll-snap-align: start;
              width: auto;
            }
            .deal-detail-tab-panels,
            .deal-detail-panel {
              height: auto;
              min-height: min(460px, calc(100dvh - 180px));
            }
            .deal-detail-panel > section {
              min-height: min(460px, calc(100dvh - 180px));
            }
            .deal-detail-panel:is([data-detail-panel="details"], [data-detail-panel="documents"], [data-detail-panel="mot"], [data-detail-panel="files"], [data-detail-panel="people"], [data-detail-panel="location"], [data-detail-panel="route"], [data-detail-panel="delivery"], [data-detail-panel="timeline"], [data-detail-panel="reminders"]) > :is(section, .deal-people-panel, .delivery-quote-panel) {
              padding-inline: 10px;
              padding-bottom: 10px;
            }
            .deal-detail-panel > .comments-panel {
              height: auto;
              min-height: 0;
              overflow: visible;
            }
            .comments-panel .comments-compose-column {
              height: auto;
              overflow: visible;
            }
            .comments-panel .comments-history {
              height: auto;
              min-height: 0;
              grid-template-rows: none;
              grid-auto-rows: max-content;
            }
            .comments-history .deal-events-list {
              height: auto;
              min-height: 0;
              max-height: none;
              overflow: visible;
            }
            .deal-details-intro {
              align-items: start;
              flex-direction: column;
              gap: 2px;
            }
            .deal-details-layout {
              grid-template-columns: 1fr;
            }
            .deal-details-grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .deal-detail-fact.is-featured {
              grid-column: 1 / -1;
            }
            .deal-mot-summary-grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .deal-mot-summary-grid > div {
              padding: 8px;
            }
            .deal-mot-summary-grid strong { font-size:13px; }
            .deal-mot-summary-grid > .is-vehicle {
              grid-column: auto;
            }
            .deal-mot-summary-grid > div:last-child {
              grid-column: auto;
            }
            .deal-mot-table-wrap {
              background: transparent;
              border: 0;
              overflow: visible;
            }
            .deal-mot-table {
              border-collapse: collapse;
              min-width: 0;
            }
            .deal-mot-table thead {
              clip: rect(0 0 0 0);
              clip-path: inset(50%);
              height: 1px;
              overflow: hidden;
              position: absolute;
              white-space: nowrap;
              width: 1px;
            }
            .deal-mot-table,
            .deal-mot-table tbody,
            .deal-mot-table tr,
            .deal-mot-table td {
              display: block;
              width: 100%;
            }
            .deal-mot-table tbody {
              display: grid;
              gap: 18px;
            }
            .deal-mot-table tr {
              background: var(--surface-content);
              border: 1px solid var(--line);
              border-radius: 8px;
              box-shadow: 0 6px 16px rgba(var(--black), 0.07);
              overflow: hidden;
            }
            .deal-mot-table td {
              align-items: center;
              border-bottom: 1px solid var(--line);
              display: grid;
              gap: 8px;
              grid-template-columns: minmax(92px, 0.42fr) minmax(0, 1fr);
              min-height: 42px;
              padding: 8px 10px;
            }
            .deal-mot-table td::before {
              color: var(--muted);
              content: "";
              font-size: 11px;
              font-weight: 900;
              text-transform: uppercase;
            }
            .deal-mot-table td:nth-child(1)::before {
              content: "Date";
            }
            .deal-mot-table td:nth-child(2)::before {
              content: "Result";
            }
            .deal-mot-table td:nth-child(3)::before {
              content: "Expiry";
            }
            .deal-mot-table td:nth-child(4)::before {
              content: "Odometer";
            }
            .deal-mot-table td:nth-child(5)::before {
              content: "Issues";
            }
            .deal-mot-table tr:last-child td {
              border-bottom: 1px solid var(--line);
            }
            .deal-mot-table tr td:last-child {
              border-bottom: 0;
            }
            .deal-mot-defects-button {
              justify-self: start;
              min-height: 32px;
            }
            .comments-list {
              max-height: 260px;
              min-height: 220px;
            }
            .deal-comment {
              grid-template-columns: 1fr;
            }
            .timeline-panel .deal-comment {
              gap: 4px;
              grid-template-columns: 1fr;
              padding-left: 18px;
            }
            .deal-file-grid {
              grid-template-columns: 1fr;
              max-height: none;
            }
            .file-add-card {
              align-items: stretch;
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .file-add-card .file-drop-zone {
              height: 100%;
              min-height: 96px;
            }
            .file-camera-button {
              align-items: center;
              background: rgba(var(--blue), 0.06);
              border-color: rgba(var(--blue), 0.28);
              border-radius: 8px;
              color: var(--accent);
              display: inline-flex;
              flex-direction: column;
              font-size: 12px;
              gap: 7px;
              justify-content: center;
              min-height: 96px;
              padding: 8px;
              width: 100%;
            }
            .file-camera-button svg {
              height: 24px;
              width: 24px;
            }
            .file-camera-button:hover,
            .file-camera-button:focus-visible {
              background: rgba(var(--blue), 0.1);
              border-color: rgba(var(--blue), 0.4);
              color: var(--accent);
            }
            .file-camera-button:focus-visible {
              outline: 2px solid rgba(var(--blue), 0.5);
              outline-offset: 2px;
            }
            .file-upload-camera {
              display: inline-flex;
            }
            .file-paste-hint {
              display: none;
            }
            .file-upload-zone {
              padding-bottom: 10px;
            }
            .file-upload-form .file-add-card {
              grid-template-columns: 1fr;
            }
            .file-preview {
              grid-template-columns: 64px minmax(0, 1fr) auto;
            }
            .file-local-preview-dialog {
              max-height: calc(100dvh - 12px);
              width: calc(100vw - 12px);
            }
            .file-local-preview-shell {
              grid-template-rows: auto minmax(0, 1fr) auto;
              max-height: calc(100dvh - 12px);
              min-height: calc(100dvh - 12px);
            }
            .file-local-preview-header {
              padding: 12px;
            }
            .file-local-preview-body {
              padding: 10px;
            }
            .file-local-preview-footer {
              padding: 9px 12px;
            }
            .file-local-preview-footer span {
              max-width: 68%;
            }
            .file-lightbox {
              height: 100dvh;
              width: 100vw;
            }
            .file-lightbox-body img,
            .file-lightbox-body iframe {
              max-height: calc(100dvh - 108px);
            }
          }
  :is(button, .brand-action-button, .primary-button, .primary-link, .brand-light-button, .brand-round-light-button, .organisation-tab):focus-visible {
    outline: 2px solid var(--control-focus);
    outline-offset: 3px;
  }
  :is(button, .brand-action-button, .primary-button, .primary-link, .brand-light-button, .brand-round-light-button):is(:disabled, [aria-disabled="true"], .is-disabled),
  :is(button, .brand-action-button, .primary-button, .primary-link, .brand-light-button, .brand-round-light-button):is(:disabled, [aria-disabled="true"], .is-disabled):hover {
    background: var(--control-disabled-surface);
    border-color: var(--control-disabled-border);
    box-shadow: none;
    color: var(--control-disabled-text);
    cursor: default;
    opacity: 1;
  }
  :is(button, .brand-action-button)[aria-busy="true"], :is(button, .brand-action-button)[aria-busy="true"]:hover,
  .brand-round-light-button[aria-busy="true"], .brand-round-light-button[aria-busy="true"]:hover {
    background: var(--control-primary-surface);
    border-color: var(--control-primary-border);
    color: var(--control-primary-text);
    cursor: progress;
    box-shadow: none;
    opacity: 1;
  }
  .import-delete-contact:hover, .import-delete-row:hover {
    background: var(--control-danger-hover);
    border-color: var(--control-danger-hover-border);
    color: var(--control-danger-text);
  }
  .reminder-filters button:focus-visible, .brand-control-segments button:focus-visible { outline-offset: -3px; }
  @media (prefers-reduced-motion: reduce) {
    button, .primary-link, .brand-light-button, .brand-action-button { transition: none; }
    .brand-control-spinner { animation: none; }
  }

  :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea):where(:hover:not(:disabled):not(:focus):not([readonly]):not(.is-invalid):not([aria-invalid="true"])) {
    border-color: var(--field-hover-border);
  }
  :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea):focus {
    border-color: var(--field-focus);
    box-shadow: var(--field-focus-ring);
    outline: none;
  }
  :is(.joined-add-control, .joined-clear-control, .manual-currency-control, .delivery-supplier-search, .vehicle-service-odometer-control):focus-within {
    border-color: var(--field-focus);
    box-shadow: var(--field-focus-ring);
  }
  :is(.joined-add-control, .joined-clear-control, .manual-currency-control, .delivery-supplier-search, .vehicle-service-odometer-control) :is(input, select):focus { box-shadow: none; outline: none; }
  :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea):is(.is-invalid, [aria-invalid="true"]) {
    background: var(--field-error-surface);
    border-color: var(--field-error-border);
  }
  :is(.joined-add-control, .joined-clear-control, .manual-currency-control, .delivery-supplier-search, .vehicle-service-odometer-control).is-invalid,
  :is(.joined-add-control, .joined-clear-control, .manual-currency-control, .delivery-supplier-search, .vehicle-service-odometer-control):has(:is(input, select):is(.is-invalid, [aria-invalid="true"])) {
    border-color: var(--field-error-border);
    background: var(--field-error-surface);
  }
  :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea)[readonly] { background: var(--field-readonly-surface); }
  :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea):disabled {
    background: var(--field-disabled-surface);
    border-color: #e0e3e6;
    color: var(--field-disabled-text);
    cursor: not-allowed;
  }
  input:where([type="checkbox"], [type="radio"]):focus-visible {
    outline: 2px solid var(--field-focus);
    outline-offset: 3px;
  }
  @media (forced-colors: active) {
    :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea):focus, :is(.joined-add-control, .joined-clear-control, .manual-currency-control, .delivery-supplier-search, .vehicle-service-odometer-control):focus-within { outline: 2px solid Highlight; outline-offset: 2px; }
    :is(input:not(:where([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"], [type="hidden"], [type="button"], [type="submit"], [type="reset"], [type="image"])), select, textarea):is(.is-invalid, [aria-invalid="true"]) { border-color: Mark; }
  }

  .feedback-message, .error-notice, .notice.error, .import-card-feedback {
    background:#fff6f6; border:1px solid #edcccc; border-left:3px solid #cc8585;
    border-radius:8px; color:#a33a3a; font-size:13px; font-weight:500;
    grid-column:1 / -1; line-height:1.55; margin:10px 0; padding:10px 12px; overflow-wrap:anywhere;
  }
  .feedback-warning, .feedback-message.feedback-warning {
    background:#fffbf0; border-color:#ebdfbc; border-left-color:#c7a35a; color:#805c16;
  }
  .feedback-info, .feedback-message.feedback-info {
    background:#f4f9fe; border-color:#d6e5ef; border-left-color:#86b9e7; color:#426079;
  }
  .feedback-success, .notice:not(.error) {
    background:#f3faf5; border:1px solid #cce3d3; border-left:3px solid #83b695;
    border-radius:8px; color:#287345; font-size:13px; font-weight:500; line-height:1.55; padding:10px 12px;
  }
  .feedback-toast {
    align-items:center; background:#fff; border:1px solid #cce3d3; border-radius:8px;
    bottom:max(24px, env(safe-area-inset-bottom)); box-shadow:0 4px 14px #344c3c12;
    color:#287345; display:flex; font-size:13px; font-weight:500; gap:10px;
    left:50%; line-height:1.5; margin:0; max-width:calc(100vw - 32px);
    padding:10px 12px; position:fixed; transform:translateX(-50%); width:max-content;
    z-index:1100; transition:opacity 250ms ease; overflow-wrap:anywhere;
  }
  .feedback-toast > [role="status"] { min-width:0; }
  .feedback-success-icon { font-size:18px; flex:none; line-height:1; }
  .feedback-toast .feedback-dismiss {
    align-items:center; background:#fff; border:1px solid #cce3d3; border-radius:50%;
    color:#287345; display:inline-flex; flex:none; font-size:18px; font-weight:400;
    height:24px; justify-content:center; line-height:1; margin:0; min-height:0; min-width:0;
    padding:0; width:24px;
  }
  .feedback-toast .feedback-dismiss:hover { background:#f3faf5; border-color:#83b695; color:#287345; }
  .feedback-toast.is-leaving { opacity:0; }
  .feedback-message[hidden], .error-notice[hidden], .import-card-feedback[hidden] { display:none; }
  .form-error, .manual-field-error, .reminder-status.is-error {
    color:#a33a3a; font-size:13px; font-weight:500; line-height:1.55;
  }
  .auth-feedback { border-left-width:3px; font-size:13px; }
  .auth-feedback.is-error { background:#fff6f6; border-color:#edcccc; border-left-color:#cc8585; color:#a33a3a; }
  .auth-feedback.is-success { background:#f3faf5; border-color:#cce3d3; border-left-color:#83b695; color:#287345; }
  .auth-feedback strong { font-size:13px; font-weight:600; }
  .auth-feedback p { color:inherit; font-size:13px; }
  .auth-feedback.is-error .auth-feedback-icon, .auth-feedback.is-success .auth-feedback-icon { background:transparent; color:inherit; font-weight:500; }
  @media (prefers-reduced-motion:reduce) { .feedback-toast { transition:none; } }

  html:not(.customer-help-ready) .customer-help-trigger { display:none; }
  dialog.customer-help-dialog .compact-modal-title-row h2 { text-transform:none; letter-spacing:normal; font-weight:700; }
  :is(h2,h3,legend):has(> .customer-help-trigger) { display:flex; align-items:center; gap:6px; }
  :is(h2,h3,legend) > .customer-help-trigger { margin-left:0; }
  .customer-help-dialog ul, .customer-help-dialog ol { padding-left:22px; margin:0 0 14px; }
  .customer-help-dialog li { margin:0 0 8px; }
  .customer-help-dialog [data-customer-help-body] > :last-child { margin-bottom:0; }
  dialog.compact-modal {
    box-sizing:border-box; width:min(460px,calc(100vw - 32px)); max-width:calc(100vw - 32px);
    max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:auto;
    background:var(--surface-content); color:var(--text); border:1px solid var(--line);
    border-radius:14px; box-shadow:0 24px 60px rgba(32,49,67,.2);
  }
  dialog.compact-modal[data-modal-size="small"] { width:min(380px,calc(100vw - 32px)); }
  dialog.compact-modal[data-modal-size="wide"] { width:min(560px,calc(100vw - 32px)); }
  dialog.compact-modal::backdrop { background:rgba(33,45,58,.35); }
  .compact-modal [hidden] { display:none !important; }
  .compact-modal .compact-modal-header { display:block; padding:20px 22px 0; }
  .compact-modal .compact-modal-title-row { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:36px; }
  .compact-modal .compact-modal-title-row h2 {
    font-family:Montserrat,ui-sans-serif,system-ui,sans-serif; font-size:18px; font-weight:900;
    line-height:1.3; text-transform:uppercase; margin:0; color:var(--text); overflow-wrap:anywhere;
  }
  .compact-modal .compact-modal-title-row > .modal-close-x {
    position:static; transform:none; float:none; margin:0; flex:0 0 36px;
    width:36px; height:36px; min-height:36px;
  }
  .compact-modal .compact-modal-identity { display:grid; gap:5px; border-left:2px solid var(--control-primary-border); padding-left:11px; margin-top:14px; }
  .compact-modal-identity strong { font-size:13px; line-height:1.55; font-weight:600; color:var(--text); overflow-wrap:anywhere; }
  .compact-modal-identity span { font-size:12px; line-height:1.5; color:var(--muted); letter-spacing:.035em; }
  .compact-modal-identity [data-reply-quote] { max-height:72px; overflow-y:auto; overflow-wrap:anywhere; white-space:pre-wrap; }
  .compact-modal .compact-modal-body { padding:20px 22px; font-size:13px; line-height:1.6; }
  .compact-modal .compact-modal-body > form { margin:0; }
  .compact-modal .compact-modal-body fieldset { min-width:0; }
  .compact-modal .compact-modal-body p { margin:0 0 14px; font-size:13px; line-height:1.6; }
  .compact-modal .compact-modal-body label { color:var(--muted); font-size:12px; font-weight:600; }
  .compact-modal .compact-modal-body textarea { font-family:inherit; font-size:13px; min-height:102px; }
  .compact-modal .compact-modal-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:8px; margin-top:18px; }
  .compact-modal .compact-modal-actions button { font-size:12px; font-weight:500; min-height:36px; padding:9px 12px; }
  .compact-modal .collection-prompt-fields { padding:0; }
  .compact-modal .collection-booking-form { margin:0; }
  .compact-modal .collected-settings-form { padding:0; }
  .compact-modal .collected-custom-range input { min-width:0; width:100%; }
  .compact-modal .tracker-confirm-details { margin:0 0 14px; }
  .person-contact-profile { display:flex; align-items:center; gap:14px; padding:14px; margin-bottom:18px; background:var(--surface-outer); border:1px solid var(--line); border-radius:10px; }
  .person-contact-avatar { flex:0 0 56px; width:56px; height:56px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:var(--surface-content); color:var(--accent); font-size:20px; font-weight:800; }
  .person-contact-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
  .person-contact-identity { min-width:0; }
  .person-contact-identity h3 { margin:0; font-size:15px; line-height:1.4; font-weight:700; text-transform:none; overflow-wrap:anywhere; }
  .compact-modal .person-contact-identity p { margin:4px 0 0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
  .person-contact-details { margin:0; }
  .person-contact-row { display:grid; grid-template-columns:90px minmax(0,1fr); gap:14px; padding:12px 0; border-bottom:1px solid var(--line); }
  .person-contact-row:first-child { padding-top:0; }
  .person-contact-row:last-child { border-bottom:0; padding-bottom:0; }
  .person-contact-row dt { color:var(--muted); font-size:12px; font-weight:500; }
  .person-contact-row dd { margin:0; font-size:13px; color:var(--text); overflow-wrap:anywhere; }
  @media(max-width:400px) { .person-contact-row { grid-template-columns:74px minmax(0,1fr); gap:10px; } }

.comment-reaction-slot { position:relative; display:inline-flex; width:24px; height:0; flex:0 0 24px; }
.comment-reactions { display:flex; gap:5px; margin-top:5px; }
.comment-reactions[hidden], .comment-reaction-popup[hidden], .comment-reaction-slot button[hidden] { display:none; }
.comment-reaction-pill { display:inline-flex; align-items:center; gap:3px; min-height:24px; padding:0 4px; border:1px solid rgba(var(--blue),.10); border-radius:14px; background:transparent; color:var(--text); font-size:12px; line-height:1; }
.deal-comment .comment-reaction-pill > span { color:inherit; font-size:12px; line-height:1; }
.deal-comment .comment-reaction-pill > .comment-reaction-emoji { width:15px; height:15px; display:block; flex:none; }
.comment-reaction-popup .comment-reaction-emoji { width:22px; height:22px; display:block; margin:auto; }
.comment-reaction-pill.is-mine { border-color:rgba(var(--blue),.24); background:rgba(var(--blue),.025); }
.comment-reaction-popup { position:fixed; inset:auto; margin:0; padding:6px; border:1px solid var(--line); border-radius:10px; background:rgb(var(--white)); color:var(--text); box-shadow:0 4px 18px rgba(0,0,0,.15); max-width:calc(100vw - 16px); max-height:240px; overflow:auto; }
.comment-reaction-popup > button { width:38px; height:36px; border:1px solid transparent; border-radius:7px; background:transparent; font-size:22px; padding:3px; }
.comment-reaction-popup > button:hover, .comment-reaction-popup > button[aria-pressed="true"] { border-color:var(--accent); background:rgba(var(--blue),.08); }
.comment-reaction-names { padding:6px 8px; min-width:150px; max-width:260px; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.comment-reaction-people-heading { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.comment-reaction-people-heading .comment-reaction-emoji { width:32px; height:32px; margin:0; flex:none; }
.comment-reaction-people-heading strong { font-size:12px; line-height:1.4; }
.comment-reaction-slot .brand-control-spinner { margin:0; flex:none; }

.comment-form textarea[hidden] { display:none; }
.comment-mention-editor { box-sizing:border-box; width:100%; min-height:112px; max-height:320px; overflow:auto; resize:vertical; border:1px solid var(--line); border-radius:8px; padding:10px; background:rgb(var(--white)); color:var(--text); font:inherit; font-weight:400; white-space:pre-wrap; overflow-wrap:anywhere; cursor:text; }
.comment-mention-editor:focus { outline:2px solid var(--accent); outline-offset:-1px; }
.comment-mention-editor:empty::before { content:attr(data-placeholder); color:var(--muted); pointer-events:none; }
.comment-mention-tag { display:inline; border-radius:4px; padding:1px 3px; background:rgba(var(--blue),.1); color:var(--accent); box-decoration-break:clone; }
.deal-comment .comment-mention-tag { display:inline; color:var(--accent); font-size:inherit; }

.comment-mention-picker { position:fixed; inset:auto; z-index:2000; box-sizing:border-box; padding:0; border:1px solid var(--line); border-radius:8px; background:rgb(var(--white)); max-height:220px; overflow:auto; margin:0; box-shadow:0 6px 24px rgba(0,0,0,.16); }
.comment-mention-picker[hidden], .comment-mention-hint[hidden] { display:none; }
.comment-mention-picker button { display:flex; flex-direction:column; align-items:flex-start; width:100%; border:0; border-radius:0; margin:0; padding:8px 10px; background:transparent; color:var(--text); text-align:left; }
.comment-mention-picker button[aria-selected="true"] { background:rgba(var(--blue),.08); }
.comment-mention-picker small, .comment-mention-hint { display:block; color:var(--muted); font-size:11px; font-weight:400; overflow-wrap:anywhere; }
.comment-mention-hint { margin:4px 0 8px; }
.comment-wording-trigger, .comment-wording-checks button, [data-wording-apply] { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.comment-wording-trigger svg, .comment-wording-dialog svg { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.comment-wording-compose-actions { display:flex; flex-wrap:wrap; gap:8px; }
.comment-form-actions .comment-wording-compose-actions button { flex:1 1 auto; width:auto; }
.comment-wording-dialog { width:min(720px, calc(100vw - 24px)); max-width:none; max-height:calc(100dvh - 24px); border:1px solid var(--line); border-radius:12px; padding:0; color:var(--text); background:rgb(var(--white)); }
.comment-wording-dialog::backdrop { background:rgba(0,0,0,.48); }
.comment-wording-shell { padding:20px; }
.comment-wording-shell header { position:relative; padding-right:44px; margin-bottom:20px; }
.comment-wording-shell header h2 { margin:0 0 6px; font-size:22px; text-transform:none; }
.comment-wording-shell header p { margin:0; color:var(--muted); font-size:13px; }
.comment-wording-dialog .modal-close-x { position:absolute; right:0; top:0; transform:none; }
.comment-wording-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.comment-wording-fields label { display:block; min-width:0; font-size:13px; font-weight:700; }
.comment-wording-fields small { color:var(--muted); font-weight:400; margin-left:6px; }
.comment-wording-fields textarea { display:block; width:100%; margin-top:8px; min-height:150px; resize:vertical; font-size:14px; line-height:1.5; font-weight:400; }
.comment-wording-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
.comment-wording-checks button { min-height:44px; padding:8px; color:var(--accent); font-size:13px; }
.comment-wording-checks button[aria-pressed="true"] { background:rgba(var(--blue),.08); border-color:var(--accent); }
.comment-wording-help, .comment-wording-status { font-size:12px; line-height:1.5; color:var(--muted); margin:12px 0; }
.comment-wording-status:empty { display:none; }
.comment-wording-shell footer { border-top:1px solid var(--line); margin-top:20px; padding-top:16px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.comment-wording-shell footer small { font-size:11px; color:var(--muted); max-width:290px; }
.comment-wording-shell footer > div { display:flex; gap:8px; flex-shrink:0; }
.comment-wording-dialog [data-wording-apply]:not(:disabled) { background:var(--accent); border-color:var(--accent); color:white; }
.comment-wording-shell footer button { min-height:40px; font-size:13px; }
@media(max-width:600px) {
  .comment-wording-shell { padding:16px; }
  .comment-wording-fields { grid-template-columns:minmax(0,1fr); }
  .comment-wording-fields textarea { min-height:100px; height:110px; }
  .comment-wording-checks { gap:8px; }
  .comment-wording-checks button { font-size:12px; gap:5px; }
  .comment-wording-shell footer { flex-wrap:wrap; }
  .comment-wording-shell footer > div { margin-left:auto; }
}

  .storage-page [hidden] { display: none !important; }
  .storage-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
  .storage-stats > div { display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--control-neutral-border); border-radius: 8px; background: #f7f9fb; }
  .storage-stats strong { font-size: 20px; color: var(--control-primary-text); }
  .storage-stats span, .storage-row small { color: #53677a; font-size: 12px; }
  .storage-filters { display: flex; align-items: center; gap: 10px; margin: 12px 0; }
  .storage-toolbar { display: flex; align-items: center; gap: 16px; padding: 10px; margin: 12px 0; border: 1px solid var(--control-neutral-border); border-radius: 8px; background: #f7f9fb; }
  .storage-select { display: flex; align-items: center; gap: 10px; margin-left: auto; white-space: nowrap; font-size: 12px; }
  .storage-checkbox input { width: 18px; height: 18px; margin: 0; }
  .storage-list { display: grid; gap: 6px; }
  .storage-row { display: grid; grid-template-columns: 20px minmax(0, 1fr) minmax(155px, .65fr) 150px; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--control-neutral-border); border-left: 3px solid #70b6fa; border-radius: 8px; background: #fff; }
  .storage-identity, .storage-expiry { display: grid; gap: 3px; font-size: 13px; overflow-wrap: anywhere; }
  .storage-actions { display: flex; flex-direction: column; gap: 4px; }
  .storage-actions .brand-light-button { min-height: 26px; padding: 4px 8px; font-size: 11px; line-height: 1.25; text-align: center; justify-content: center; }
  .storage-bulk-actions { display: flex; gap: 8px; max-width: 100%; }
  .storage-search { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; margin: 0; }
  .storage-search input[type="search"] { width: 200px; flex: 1; min-width: 100px; margin: 0; }
  .storage-search select { width: 195px; margin: 0; }
  .storage-toolbar .brand-light-button, .storage-toolbar .brand-action-button, .storage-search input[type="search"], .storage-search select { height: 34px; min-height: 34px; box-sizing: border-box; font-size: 12px; }
  .storage-toolbar button, .storage-toolbar a { padding: 6px 10px; white-space: nowrap; }
  @media (max-width: 1100px) {
    .storage-toolbar { flex-wrap: wrap; gap: 10px; }
    .storage-search { flex-basis: 100%; }
    .storage-select { margin-left: 0; flex-wrap: wrap; }
  }
  #storage-renew-dialog textarea { width: 100%; box-sizing: border-box; min-height: 90px; }
  .storage-empty { padding: 32px 16px; text-align: center; border: 1px dashed #c4d3df; border-radius: 12px; }
  .storage-help { margin-top: 16px; color: #53677a; }
  .storage-help summary { cursor: pointer; font-weight: 600; }
  .storage-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .storage-guide > div, .storage-shared-guide { padding: 12px; border: 1px solid var(--control-neutral-border); border-radius: 8px; background: #f7f9fb; }
  .storage-help h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; color: var(--control-primary-text); }
  .storage-help .tb-icon { flex-shrink: 0; }
  .storage-guide p, .storage-shared-guide p { margin: 8px 0 0; font-size: 13px; line-height: 1.5; }
  .storage-shared-guide { margin-top: 8px; background: #fff; }
  .storage-shared-example { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; font-size: 13px; }
  .storage-shared-example span, .storage-shared-example strong { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 6px; background: #edf3f8; color: var(--control-primary-text); }
  .storage-shared-guide .storage-guide-note { font-size: 12px; }
  .storage-leave-list { max-height: 180px; overflow-y: auto; padding-left: 20px; overflow-wrap: anywhere; }
  .storage-leave-list li + li { margin-top: 5px; }
  @media (max-width: 720px) {
    .storage-search { flex-wrap: wrap; }
    .storage-search select { width: 100%; }
    .storage-guide { grid-template-columns: 1fr; }
    .storage-shared-example { flex-direction: column; align-items: flex-start; }
    .storage-shared-example > .tb-icon { transform: rotate(90deg); margin-left: 12px; }
    .storage-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .storage-row { grid-template-columns: 18px minmax(0, 1fr) 116px; gap: 6px 8px; padding: 10px 8px; }
    .storage-checkbox { grid-column: 1; grid-row: 1 / 3; }
    .storage-identity { grid-column: 2; grid-row: 1; }
    .storage-expiry { grid-column: 2; grid-row: 2; }
    .storage-actions { grid-column: 3; grid-row: 1 / 3; }
    .storage-bulk-actions button { padding: 6px 8px; font-size: 12px; }
  }

.usage-page { max-width: 1180px; margin-inline: auto; }
.usage-page .section-title-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.usage-page small { display: block; color: var(--muted); font-size: .8rem; overflow-wrap: anywhere; }
.usage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block: 20px; }
.usage-card, .usage-analytics, .usage-links { padding: 20px; background: var(--surface-panel); border: 1px solid var(--line); border-radius: 12px; }
.usage-card-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.usage-card h2, .usage-analytics h2, .usage-links h2 { margin: 0; font-size: 1.1rem; }
.usage-state { font-size: .8rem; font-weight: 700; border: 1px solid var(--line); border-radius: 6px; padding: 4px 8px; }
.usage-state-near { color: #8b5800; background: #fff3d6; }
.usage-state-reached, .usage-state-paused { color: #922628; background: #ffe8e8; }
.usage-total { margin-block: 18px 8px; }
.usage-total strong { font-size: 1.8rem; }
.usage-page progress { display: block; width: 100%; height: 10px; accent-color: var(--accent); }
.usage-time-period { min-width: 0; }
.usage-time-period h3 { font-size: 1rem; margin: 0; }
.usage-time-period .usage-total strong { font-size: 1.5rem; }
.usage-details { margin: 14px 0 0; }
.usage-details > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 12px; padding-block: 10px; border-bottom: 1px solid var(--line); }
.usage-details > div:last-child { border: 0; }
.usage-details dt, .usage-metrics dt { color: var(--muted); font-size: .9rem; }
.usage-details dd, .usage-metrics dd { margin: 0; overflow-wrap: anywhere; }
.usage-analytics, .usage-links { margin-top: 20px; }
.usage-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; }
.usage-metrics dd { font-size: 1.35rem; font-weight: 700; margin-top: 6px; }
.usage-links li { margin-block: 10px; }
.usage-checked { color: var(--muted); font-size: .9rem; }
@media (max-width: 720px) { .usage-grid { grid-template-columns: 1fr; } .usage-card, .usage-analytics, .usage-links { padding: 16px; } }
/* One heading treatment for every tracker workspace tab. */
  .deal-modal .deal-tab-heading { display: grid; align-content: start; gap: 4px; padding: 10px 10px 12px; min-width: 0; }
  .deal-modal .deal-tab-heading > h3 { color: var(--text); font-size: 15px; font-weight: 700; line-height: 1.3; text-transform: none; letter-spacing: normal; margin: 0; }
  .deal-modal .deal-tab-heading > p { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.4; margin: 0; }
  .deal-modal .deal-detail-panel:has(> .deal-tab-heading) { grid-template-rows: auto minmax(0, 1fr); }
  .deal-modal .deal-detail-panel:has(> .deal-tab-heading) > section { min-height: 0; }
  .deal-modal .deal-detail-tab-panels:has(> [data-detail-panel="details"]:not([hidden])) { height: auto; }
  .deal-modal .deal-detail-panel[data-detail-panel="details"] { height: auto; grid-template-rows: max-content; align-content: start; }
  .deal-modal .deal-detail-panel[data-detail-panel="details"] > .deal-details-panel { height: auto; padding-bottom: 10px; }
  .deal-modal .deal-detail-panel :is(.documents-panel-intro, .files-panel-intro, .location-panel-intro, .deal-people-intro, .delivery-panel-intro),
  .deal-modal .deal-route-intro > div,
  .deal-modal .timeline-history > h3,
  .deal-modal .finance-panel > h3,
  .deal-modal .comments-history > legend { display: none; }
  .deal-modal .timeline-history { grid-template-rows: auto minmax(0, 1fr); }
  @media (max-width: 640px) {
    .deal-modal .deal-detail-panel:has(> .deal-tab-heading) { grid-template-rows: auto; }
    .deal-modal .deal-details-overview-slot .deal-modal-summary { padding-top: 0; }
  }  .deal-modal .deal-route-panel { grid-template-rows: auto minmax(260px, 1fr) auto; height: auto; }
  .deal-modal .deal-detail-tab-panels:has(> [data-detail-panel="route"]:not([hidden])),
  .deal-modal [data-detail-panel="route"] { height: auto; }
  .deal-modal .deal-detail-panel:is([data-detail-panel="route"], [data-detail-panel="delivery"]):has(> .deal-tab-heading) { grid-template-rows: max-content minmax(0, 1fr); }
  .deal-journey-card p { margin: 0; }
  .deal-journey-card > a { display: flex; align-items: center; justify-content: center; text-decoration: none; }
  .deal-journey-card > [hidden] { display: none; }
  .deal-journey-card .delivery-journey-meta { border-top: 1px solid var(--line); padding-top: 9px; }
  @media (max-width: 640px) {
    .deal-modal .deal-route-panel { grid-template-rows: auto minmax(280px, 46dvh) auto; }
  }
.deal-modal .deal-detail-panel[data-detail-panel="location"]:has(> .deal-tab-heading) { grid-template-rows:max-content minmax(0,1fr); }
.deal-modal .location-panel { display:block; height:auto; overflow:visible; }
.deal-modal .deal-party-location-grid { height:auto; align-items:start; }
.deal-modal .deal-party-location-column { background:transparent; border:0; padding:0; display:block; }
.deal-party-location-column .deal-party-location-form[hidden] { display:none; }
.deal-location-card { background:rgba(var(--blue),.06); border:1px solid var(--line); border-radius:8px; padding:12px; display:grid; gap:6px; min-width:0; }
.deal-location-card-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:32px; }
.deal-location-card-heading h3 { margin:0; color:var(--accent); font-size:12px; font-weight:900; text-transform:uppercase; }
.deal-location-change { display:inline-flex; align-items:center; gap:4px; padding:4px 0 4px 6px; min-height:32px; border:0; box-shadow:none; background:transparent; color:var(--accent); font-size:12px; }
.deal-location-change svg { width:16px; height:16px; }
.deal-location-name { font-size:14px; line-height:1.35; overflow-wrap:anywhere; }
.deal-location-card address { display:grid; gap:1px; font-style:normal; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.deal-location-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; border-top:1px solid var(--line); padding-top:8px; margin-top:4px; }
.deal-location-card-actions > a, .deal-location-card-actions .deal-location-copy { display:inline-flex; align-items:center; gap:5px; color:var(--accent); font-size:11px; font-weight:700; text-decoration:none; width:auto; height:auto; min-height:28px; padding:0; background:transparent; border:0; border-radius:4px; box-shadow:none; }
.deal-location-card-actions svg { width:16px; height:16px; }
.deal-location-details { font-size:11px; color:var(--muted); }
.deal-location-details summary { color:var(--accent); cursor:pointer; padding:4px 0; }
.deal-location-details p { margin:5px 0; white-space:pre-line; overflow-wrap:anywhere; }
.deal-location-editor { max-height:calc(100dvh - 24px); overflow:auto; display:none; }
.deal-location-editor[open] { display:grid; gap:12px; }
.deal-location-editor [hidden] { display:none; }
.deal-location-editor h2 { font-size:18px; font-weight:700; text-transform:none; letter-spacing:normal; margin:0; }
.deal-location-editor .manual-new-address-dialog-heading p { font-size:12px; }
.deal-location-current, .deal-location-preview { background:var(--surface-outer); border:1px solid var(--line); border-radius:8px; padding:10px; font-size:12px; overflow-wrap:anywhere; }
.deal-location-current > small { display:block; color:var(--muted); margin-bottom:5px; }
.deal-location-current p, .deal-location-preview p { margin:5px 0 0; }
.deal-location-modes { display:flex; border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.deal-location-modes > button { flex:1; border:0; border-radius:0; box-shadow:none; background:transparent; color:var(--muted); padding:8px; font-size:12px; }
.deal-location-modes > button[aria-pressed="true"] { background:var(--surface-inner); color:var(--accent); }
.deal-location-editor > label { display:grid; gap:5px; font-size:12px; }
.deal-location-editor input, .deal-location-editor select { width:100%; }
.deal-location-apply-row { display:flex; justify-content:flex-end; }
.deal-location-editor [data-location-error] { margin:0; font-size:12px; }
@media(max-width:640px) { .deal-modal .deal-party-location-grid { grid-template-columns:1fr; } .deal-location-editor { max-width:calc(100vw - 24px); padding:16px; } }

  .tracker-mobile-filter-open { display:none; }
  dialog.tracker-filter-dialog:not([open]) { display:none; }
  .tracker-filter-dialog .compact-modal-title-row h2 { text-transform:none; font-weight:700; }
  .tracker-filter-fields { display:grid; gap:14px; }
  .tracker-filter-fields > label { display:grid; gap:6px; min-width:0; }
  .tracker-filter-fields select { width:100%; }
  .tracker-filter-dialog .compact-modal-actions { justify-content:space-between; flex-wrap:nowrap; }
  .tracker-filter-dialog .colour-filter-options { position:static; margin-top:8px; box-shadow:none; width:100%; box-sizing:border-box; }
  @media(max-width:640px) {
    .kanban-filters.tracker-mobile-filters-ready {
      grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px; align-items:center;
    }
    .tracker-mobile-filters-ready > .tracker-quick-filter { grid-column:1; min-width:0; gap:0; }
    .tracker-mobile-filters-ready .tracker-quick-filter > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    .tracker-mobile-filters-ready .tracker-quick-filter input { width:100%; min-width:0; height:40px; padding:8px 10px; }
    .tracker-mobile-filters-ready > .tracker-filter-actions { grid-column:2; align-self:center; margin:0; gap:6px; }
    .tracker-mobile-filters-ready .tracker-filter-actions :is(button, summary).brand-round-light-button {
      width:36px; height:36px; min-height:36px; flex:0 0 36px; padding:0;
    }
    .tracker-mobile-filters-ready .tracker-filter-actions svg { width:18px; height:18px; }
    .tracker-mobile-filters-ready .tracker-mobile-filter-open { display:inline-flex; position:relative; }
    .tracker-mobile-filter-open[data-active] { background:var(--control-primary-surface); color:var(--control-primary-text); border-color:var(--control-primary-border); }
    dialog.compact-modal.tracker-filter-dialog {
      position:fixed; top:auto; bottom:0; margin:0 auto; width:100%; max-width:100%; max-height:calc(100dvh - 24px);
      border-radius:16px 16px 0 0; padding-bottom:env(safe-area-inset-bottom);
    }
    .tracker-filter-dialog.compact-modal .compact-modal-header { padding:16px 16px 0; }
    .tracker-filter-dialog.compact-modal .compact-modal-body { padding:16px; }
  }

  .deal-sidebar-colour-label { display:none; }
  @media(min-width:641px) {
    .deal-modal { height:min(820px,calc(100dvh - 40px)); overflow:hidden; }
    .deal-modal[open] { display:flex; flex-direction:column; }
    .deal-modal > .deal-modal-header, .deal-modal > .organisation-tracker-modal-context { flex:none; }
    .deal-modal .deal-modal-header { flex:none; padding:12px 70px 12px 16px; }
    .deal-modal:has(.deal-modal-tools) .deal-modal-header { padding-right:16px; }
    .deal-modal .deal-modal-header h2 { font-size:16px; line-height:1.3; }
    .deal-modal .deal-modal-refresh, .deal-modal .modal-close-x { width:32px; height:32px; min-height:32px; }
    .deal-modal .deal-modal-grid { flex:1; min-height:0; padding:0; display:block; }
    .deal-modal .deal-detail-tabs { display:grid; grid-template-columns:140px minmax(0,1fr); gap:0; height:100%; min-height:0; padding:0; border:0; border-radius:0; }
    .deal-modal .deal-detail-tab-toolbar { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; gap:0; min-height:0; align-items:stretch; background:var(--surface-outer); border-right:1px solid var(--line); z-index:2; }
    .deal-modal .deal-detail-tab-toolbar::before, .deal-modal .deal-detail-tab-toolbar::after { display:none; }
    .deal-modal .deal-detail-tab-list { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:3px; min-height:0; overflow-x:hidden; overflow-y:auto; padding:10px 6px; scroll-snap-type:none; scrollbar-width:thin; overscroll-behavior:contain; }
    .deal-modal .deal-detail-tab-list.has-scrollable-tabs { cursor:default; }
    .deal-modal .deal-detail-tab { display:flex; width:100%; min-width:0; min-height:36px; justify-content:flex-start; gap:7px; padding:8px 7px; border:0; border-left:3px solid transparent; border-radius:4px; box-shadow:none; background:transparent; color:var(--text); font-size:12px; font-weight:500; text-align:left; }
    .deal-modal .deal-detail-tab[data-detail-tab="comments"] { gap:4px; padding-right:4px; }
    .deal-modal .deal-detail-tab > svg { width:18px; height:18px; }
    .deal-modal .deal-detail-tab > span:first-of-type { min-width:0; }
    .deal-modal .deal-detail-tab:hover { background:var(--control-primary-hover); }
    .deal-modal .deal-detail-tab.is-active { border-left-color:var(--accent); background:var(--control-primary-surface); color:var(--control-primary-text); font-weight:700; box-shadow:none; }
    .deal-modal .deal-detail-tab[hidden], .deal-modal .deal-detail-tab-unread[hidden] { display:none; }
    .deal-modal .deal-detail-tab-unread { font-size:9px; min-width:16px; min-height:16px; padding:2px 3px; flex:none; }
    .deal-modal .deal-detail-colour-action { justify-content:flex-start; gap:8px; padding:12px 8px; border-top:1px solid var(--line); min-width:0; }
    .deal-modal .deal-sidebar-colour-label { display:inline; font-size:11px; color:var(--muted); }
    .deal-modal .deal-detail-colour-action .deal-colour-picker summary { width:30px; height:30px; }
    .deal-modal .deal-detail-colour-action .deal-colour-menu { top:auto; bottom:0; left:calc(100% + 8px); right:auto; }
    .deal-modal .deal-detail-tab-panels { display:block; height:100%; min-height:0; min-width:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; padding:12px; box-sizing:border-box; background:var(--surface-panel); container-type:inline-size; }
    .deal-modal .deal-detail-tab-panels:has(> [data-detail-panel="details"]:not([hidden])), .deal-modal .deal-detail-tab-panels:has(> [data-detail-panel="route"]:not([hidden])) { height:100%; }
    .deal-modal .deal-detail-panel { height:auto; min-height:100%; min-width:0; align-content:start; padding:12px; background:transparent; border:0; border-radius:0; box-sizing:border-box; }
    .deal-modal .deal-detail-panel:has(> .deal-tab-heading), .deal-modal .deal-detail-panel[data-detail-panel="details"] { grid-template-rows:max-content; }
    .deal-modal .deal-tab-heading { padding:0 0 12px; }
    .deal-modal .deal-detail-panel > section { height:auto; min-height:0; }
    .deal-modal .deal-detail-panel:is([data-detail-panel="comments"],[data-detail-panel="timeline"],[data-detail-panel="files"],[data-detail-panel="reminders"]) { height:100%; grid-template-rows:max-content minmax(0,1fr); }
    .deal-modal .deal-detail-panel:is([data-detail-panel="comments"],[data-detail-panel="timeline"],[data-detail-panel="files"],[data-detail-panel="reminders"]) > section { height:100%; }
    .deal-modal .files-panel { grid-template-rows:minmax(0,1fr); }
    .deal-modal .files-panel.has-document-checks { grid-template-rows:minmax(0,1fr) max-content; gap:8px; }
    .deal-modal .files-panel.has-document-checks .files-library-section { height:auto; }
    .deal-modal .files-library-section { height:100%; min-height:0; grid-template-rows:minmax(0,1fr); }
    .deal-modal .files-library-section .deal-file-grid { height:100%; max-height:none; min-height:0; }
    .deal-modal .deal-detail-tab-list::-webkit-scrollbar { display:block; width:6px; }
    .deal-modal .deal-details-overview-slot .deal-modal-summary { padding:0 0 12px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .deal-modal .deal-details-overview-slot .deal-flow { margin:0 0 14px; text-align:left; }
    .deal-modal .deal-flow > legend { display:block; margin:0; padding:0 4px; color:var(--accent); font-size:12px; font-weight:900; text-transform:uppercase; }
    .deal-modal .deal-flow-content { display:grid; gap:8px; }
    .deal-modal .deal-flow-party { display:grid; grid-template-columns:48px minmax(0,1fr); gap:8px; align-items:baseline; }
    .deal-modal .deal-flow-label { color:var(--muted); font-size:11px; }
    .deal-modal .deal-flow-desktop-label { display:none; }
    .deal-modal .deal-flow-mobile-label { display:inline; }
    .deal-modal .deal-flow strong { font-size:14px; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
    .deal-modal .documents-panel { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @container(max-width:680px) {
    @media(min-width:641px) {
      .deal-modal .deal-details-overview-slot .deal-modal-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .deal-modal .documents-panel { grid-template-columns:minmax(0,1fr); }
    }
  }

  .deal-tab-order-controls {display:grid;gap:8px;padding:10px 8px;border-top:1px solid var(--line);background:var(--surface-outer);min-width:0;box-sizing:border-box;}
  .deal-tab-order-controls button {width:100%;min-width:0;min-height:28px;padding:5px 2px;font-size:11px;box-sizing:border-box;}
  .deal-tab-order-controls [data-tab-order-edit] {display:flex;align-items:center;justify-content:center;gap:6px;}
  .deal-tab-order-controls [data-tab-order-heading] {margin:0;font-size:11px;font-weight:700;color:var(--text);}
  .deal-tab-order-controls [data-tab-order-actions] {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;min-width:0;}
  .deal-tab-order-controls [data-tab-order-conflict] {display:grid;gap:5px;min-width:0;}
  .deal-tab-order-controls [data-tab-order-conflict] button {white-space:normal;overflow-wrap:anywhere;min-height:32px;padding:5px 6px;}
  .deal-tab-order-controls [data-tab-order-actions][hidden],.deal-tab-order-controls [hidden] {display:none;}
  .deal-tab-order-controls [data-tab-order-reset] {grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border-color:transparent;color:var(--muted);min-height:24px;}
  .deal-tab-order-controls [data-tab-order-reset]:hover {color:var(--accent);background:var(--control-primary-hover);}
  .deal-tab-order-controls [data-tab-order-status] {font-size:11px;line-height:1.4;margin:0;color:var(--muted);text-align:center;overflow-wrap:anywhere;}
  .workspace-tab-grip {display:none;align-items:center;margin-left:auto;color:var(--muted);}
  @media(min-width:641px) {
    .deal-modal .deal-detail-tab-toolbar {grid-template-rows:minmax(0,1fr) auto auto;}
    .is-editing-tabs .workspace-tab-grip {display:inline-flex;}
    .is-editing-tabs .deal-detail-tab {cursor:grab;touch-action:none;}
    .is-editing-tabs .deal-detail-tab > svg:first-child {display:none;}
  }
  @media(max-width:640px) {
    .deal-tab-order-controls {display:none;}
  }

  .delivery-request-view[hidden] { display:none; }
  .deal-detail-panel.is-delivery-requesting > .deal-tab-heading,
  .delivery-quote-panel.is-delivery-requesting .delivery-company-section > .deal-journey-card,
  .delivery-quote-panel.is-delivery-requesting .delivery-thread-list { display:none; }
  .delivery-request-view { min-width:0; }
  .delivery-request-view .delivery-quote-outer-pane { border:0; padding:0; border-radius:0; }
  .delivery-request-heading { display:grid; gap:10px; min-width:0; }
  .delivery-request-back { justify-self:start; gap:6px; font-size:12px; min-height:32px; padding:5px 8px; }
  .delivery-request-heading .deal-tab-heading { padding:0 0 4px; }
  .delivery-request-body { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:14px; min-width:0; min-height:0; }
  .delivery-request-planning { display:grid; align-content:start; gap:12px; min-width:0; min-height:0; }
  .delivery-request-view .delivery-quote-pane-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .delivery-request-view .delivery-address-pane,
  .delivery-request-view .delivery-movement-option { grid-column:1 / -1; min-height:0; }
  .delivery-request-view .delivery-address-pane { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px; padding:8px 10px 10px; }
  .delivery-request-view .delivery-address-pane > strong { grid-column:1 / -1; }
  .delivery-request-view .delivery-address-pane > small { color:var(--muted); font-size:11px; }
  .delivery-request-address { font-size:11px; margin:0; }
  .delivery-request-address[open] { grid-column:1 / -1; }
  .delivery-request-address summary { cursor:pointer; color:var(--accent); }
  .delivery-request-address p { margin-top:4px; overflow-wrap:anywhere; }
  .delivery-request-view .delivery-date-option { display:grid; grid-column:1 / -1; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; margin-top:4px; }
  .delivery-request-view .delivery-date-option > label:first-child { min-width:0; font-size:12px; }
  .delivery-request-view .delivery-quote-check { font-size:11px; white-space:nowrap; }
  .delivery-request-view .delivery-mot-expiry-pane,
  .delivery-request-view .delivery-route-summary-pane { grid-column:auto; min-height:0; }
  .delivery-request-view :is(.delivery-mot-expiry-pane,.delivery-route-summary-pane) strong { font-size:13px; min-height:0; line-height:1.4; }
  .delivery-request-view .delivery-message-grid { grid-template-columns:minmax(0,1fr); }
  .delivery-request-view .delivery-quote-options > summary { flex-wrap:wrap; gap:3px 8px; }
  .delivery-request-view .delivery-supplier-picker { min-width:0; min-height:0; margin:0; }
  .delivery-request-view .delivery-supplier-toolbar { display:flex; flex-wrap:wrap; gap:8px; }
  .delivery-request-view .delivery-supplier-search { flex:1 1 160px; min-width:0; }
  .delivery-request-view .delivery-supplier-add { font-size:11px; min-height:32px; padding:5px 7px; }
  .delivery-request-view .delivery-supplier-select { grid-template-columns:20px minmax(0,1fr); }
  .delivery-request-view .delivery-supplier-select input { grid-column:1; grid-row:1 / span 4; }
  .delivery-request-view .delivery-supplier-select :is(.delivery-supplier-company,.delivery-supplier-email,.delivery-supplier-phone,.delivery-supplier-notes) { grid-column:2; grid-row:auto; overflow-wrap:anywhere; }
  .delivery-request-view .delivery-supplier-company { font-size:12px; }
  .delivery-request-view .delivery-supplier-row { align-items:start; }
  .delivery-request-view .delivery-quote-actions { background:var(--surface-panel); padding:10px 0 0; margin:0; min-width:0; }
  .delivery-request-view .delivery-supplier-selection { margin:0; white-space:normal; }
  .delivery-request-view .delivery-sharing-notice { margin:10px 0 0; font-size:11px; line-height:1.4; }
  @media(min-width:641px) {
    .deal-modal .deal-detail-panel[data-detail-panel="delivery"].is-delivery-requesting:not([hidden]) { display:flex; flex-direction:column; height:100%; min-height:0; }
    .deal-modal .delivery-quote-panel.is-delivery-requesting { flex:1; height:100%; min-height:0; grid-template-rows:minmax(0,1fr); overflow:hidden; padding:0; }
    .delivery-quote-panel.is-delivery-requesting :is(.delivery-quote-workspace,.delivery-company-section,.delivery-request-view) { height:100%; min-height:0; }
    .delivery-quote-panel.is-delivery-requesting .delivery-quote-workspace { grid-template-rows:minmax(0,1fr); }
    .delivery-quote-panel.is-delivery-requesting .delivery-company-section { grid-template-rows:minmax(0,1fr); }
    .delivery-request-view .delivery-quote-form { height:100%; min-height:0; grid-template-rows:max-content minmax(0,1fr) max-content max-content; }
    .delivery-request-planning { overflow-y:auto; padding:2px 4px 2px 0; }
    .delivery-request-view .delivery-supplier-picker { grid-template-rows:max-content minmax(0,1fr); }
    .delivery-request-view .delivery-supplier-picker-list { max-height:none; min-height:0; align-content:start; }
  }
  @container(max-width:680px) {
    .delivery-request-body { grid-template-columns:minmax(0,1fr); align-content:start; overflow-y:auto; }
    .delivery-request-planning { overflow:visible; padding:0; }
    .delivery-request-view .delivery-supplier-picker { height:320px; }
  }
  @media(max-width:640px) {
    .deal-modal .delivery-quote-panel.is-delivery-requesting { overflow:visible; }
    .deal-modal.is-mobile-keyboard-open .delivery-quote-actions { bottom:0; }
    .delivery-request-body { grid-template-columns:minmax(0,1fr); overflow:visible; }
    .delivery-request-view .delivery-supplier-picker { height:auto; }
    .delivery-request-view .delivery-quote-actions { position:sticky; bottom:0; z-index:3; flex-direction:row; margin-inline:-22px; padding:10px 22px 8px; box-shadow:0 -6px 10px var(--surface-panel); }
    /* Cover the modal's bottom clearance; the fixed tab bar stays above this surface. */
    .delivery-request-view .delivery-quote-actions::after { content:""; position:absolute; top:100%; left:0; right:0; height:calc(80px + env(safe-area-inset-bottom, 0px)); background:var(--surface-panel); }
    .delivery-request-view .delivery-quote-actions > button { width:auto; font-size:12px; }
    .delivery-request-view .delivery-quote-actions > div { flex:1; }
  }

  .files-document-checks { border-top:1px solid var(--line); padding-top:6px; display:grid; gap:4px; min-width:0; }
  .files-document-checks-heading { display:flex; justify-content:space-between; gap:8px; font-size:10px; line-height:14px; color:var(--muted); }
  .files-document-checks-heading strong { font-weight:600; }
  .files-document-checks-row { display:grid; grid-template-columns:42px repeat(5,minmax(0,1fr)); align-items:start; gap:5px; min-width:0; }
  .files-document-checks-row > strong { align-self:center; font-size:11px; color:var(--accent); }
  .files-document-checks [data-card-document] { display:block; min-width:0; border:1px solid var(--line); border-radius:5px; }
  .files-document-checks :is(.document-check, .broker-document-check) { margin:0; }
  .files-document-checks .document-check-confirmation { display:block; min-height:0; }
  .files-document-checks :is(.document-check, .broker-document-check) label { padding:4px 6px; min-height:28px; box-sizing:border-box; justify-content:flex-start; font-size:11px; font-weight:500; line-height:18px; color:var(--text); cursor:pointer; gap:5px; }
  .files-document-checks label input[type="checkbox"] { flex:none; width:14px; height:14px; accent-color:var(--accent); }
  .files-document-checks [data-document-short-label] { min-width:0; overflow-wrap:anywhere; }
  .files-document-checks [data-card-document]:focus-within { outline:2px solid var(--accent); outline-offset:1px; }
  .files-document-checks :is(.feedback-message, .form-error) { font-size:11px; margin:4px; white-space:normal; }
  @container(max-width:520px) {
    .files-document-checks-row { gap:3px; grid-template-columns:36px repeat(5,minmax(0,1fr)); }
    .files-document-checks :is(.document-check, .broker-document-check) label { padding:4px 2px; gap:3px; font-size:10px; }
  }
  @media(max-width:640px) {
    .files-document-checks-row { grid-template-columns:36px repeat(5,minmax(0,1fr)); gap:3px; }
    .files-document-checks :is(.document-check, .broker-document-check) label { flex-direction:column; justify-content:center; padding:5px 1px; min-height:44px; gap:1px; font-size:10px; line-height:14px; }
    .files-document-checks [data-document-short-label] { text-align:center; }
  }
  .deal-document-status-summary { grid-column:1 / -1; background:#f7f9fb; border:1px solid var(--line); border-radius:8px; padding:12px; display:grid; gap:8px; min-width:0; }
  .deal-document-status-row { display:grid; grid-template-columns:55px minmax(0,1fr); align-items:center; gap:8px; }
  .deal-document-status-row > strong { font-size:12px; color:var(--text); }
  .deal-document-status-row .kanban-card-doc-grid { margin:0; gap:6px; }
  .deal-document-status-row .kanban-card-doc-grid span { font-size:12px; padding:7px 3px; }
  .deal-document-status-key { display:flex; justify-content:center; gap:4px 14px; flex-wrap:wrap; font-size:11px; color:var(--muted); margin:2px 0 0; }
  .deal-document-status-key span:nth-child(1) { color:#35704a; }
  .deal-document-status-key span:nth-child(2) { color:#8a6500; }
  .deal-document-status-key span:nth-child(3) { color:#a94444; }
  @media(max-width:640px) {
    .deal-document-status-summary { padding:10px; }
    .deal-document-status-row { grid-template-columns:42px minmax(0,1fr); gap:5px; }
    .deal-document-status-row > strong { font-size:11px; }
    .deal-document-status-row .kanban-card-doc-grid { gap:4px; }
    .deal-document-status-row .kanban-card-doc-grid span { font-size:10px; padding:6px 1px; }
    .deal-document-status-key { gap:4px 10px; font-size:10px; }
  }
  @media(max-width:360px) {
    .deal-document-status-row { grid-template-columns:minmax(0,1fr); gap:4px; }
    .deal-document-status-row .kanban-card-doc-grid { gap:3px; }
  }

  .deal-mot-table:has([data-mot-summary]) { min-width:0; }
  .deal-mot-test-summary[data-mot-summary] { cursor:pointer; }
  .deal-mot-test-summary[data-mot-summary]:hover { background:#f7faff; }
  .deal-mot-test-summary.is-expanded { background:var(--surface-outer); }
  .deal-mot-history-toggle { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:0; border:0; background:transparent; box-shadow:none; min-height:28px; color:var(--accent); font-size:12px; }
  .deal-mot-history-toggle:is(:hover,:active) { background:transparent; color:var(--accent); }
  .deal-mot-history-toggle svg { color:var(--muted); flex:none; transition:transform .15s; }
  .deal-mot-history-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
  .deal-mot-history-toggle:focus-visible { outline:2px solid var(--control-focus); outline-offset:3px; }
  .deal-mot-table .deal-mot-test-detail[hidden] { display:none; }
  .deal-mot-table .deal-mot-test-detail > td { padding:0; background:var(--surface-outer); }
  .deal-mot-test-detail-body { padding:10px 12px; display:grid; gap:7px; }
  .deal-mot-test-issue { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--line); border-left:3px solid var(--control-primary-border); border-radius:6px; background:var(--surface-panel); }
  .deal-mot-test-issue > span { background:var(--surface-inner); color:var(--text); border-radius:4px; padding:3px 7px; font-size:10px; font-weight:700; text-align:center; overflow-wrap:anywhere; }
  .deal-mot-test-issue p { margin:0; font-size:12px; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
  .deal-mot-test-issue.is-major { border-left-color:#df7676; }
  .deal-mot-test-issue.is-major > span { background:#fde3e3; color:#7c2525; }
  .deal-mot-test-issue.is-advisory { border-left-color:#e0b64f; }
  .deal-mot-test-issue.is-advisory > span { background:#fff0c2; color:#594000; }
  .deal-mot-no-issues { display:flex; align-items:center; min-height:28px; font-size:12px; color:var(--muted); }
  @media(max-width:640px) {
    .deal-mot-table tbody { gap:0; }
    .deal-mot-table .deal-mot-test-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 10px; padding:10px; border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; }
    .deal-mot-table .deal-mot-test-summary > td { display:block; width:auto; min-height:0; padding:0; border:0; font-size:11px; }
    .deal-mot-table .deal-mot-test-summary > td::before { content:none; }
    .deal-mot-table .deal-mot-test-summary > td:nth-child(1) { font-size:12px; font-weight:700; }
    .deal-mot-table .deal-mot-test-summary > td:nth-child(2) { justify-self:end; }
    .deal-mot-table .deal-mot-test-summary > td:is(:nth-child(3),:nth-child(4)) { display:flex; align-items:baseline; gap:4px; }
    .deal-mot-table .deal-mot-test-summary > td:nth-child(3)::before { content:'Expiry'; text-transform:none; font-size:10px; font-weight:400; }
    .deal-mot-table .deal-mot-test-summary > td:nth-child(4)::before { content:'Odometer'; text-transform:none; font-size:10px; font-weight:400; }
    .deal-mot-table .deal-mot-test-summary > td:nth-child(5) { grid-column:1 / -1; }
    .deal-mot-history-toggle, .deal-mot-no-issues { min-height:32px; font-size:11px; }
    .deal-mot-table .deal-mot-test-detail { display:block; border:0; border-radius:0; box-shadow:none; }
    .deal-mot-table .deal-mot-test-detail > td { display:block; min-height:0; border:0; padding:0; }
    .deal-mot-table .deal-mot-test-detail > td::before { content:none; }
    .deal-mot-test-detail-body { padding:8px; }
    .deal-mot-test-issue { grid-template-columns:70px minmax(0,1fr); gap:7px; padding:8px; }
    .deal-mot-test-issue p { font-size:11px; }
  }

  .comments-panel .comment-author { align-items:center; flex:1 1 auto; }
  .comments-panel .comment-author > strong { flex:0 1 auto; min-width:0; }
  .comments-panel .comment-avatar { position:relative; display:flex; align-items:center; justify-content:center; width:28px; height:28px; min-height:28px; padding:0; flex:0 0 28px; overflow:hidden; border-radius:50%; background:var(--surface-outer); border:1px solid var(--line); color:var(--control-primary-text); align-self:center; box-shadow:none; }
  .comments-panel button.comment-avatar:is(:hover,[aria-expanded="true"]) { border-color:var(--control-primary-border); background:var(--control-primary-hover); }
  .comments-panel .comment-avatar > span { font-size:10px; font-weight:700; line-height:1; color:inherit; }
  .comments-panel .comment-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .comments-panel .deal-comment-meta { align-items:center; }
  .comment-avatar-preview { position:fixed; inset:auto; margin:0; width:min(304px,calc(100vw - 16px)); max-height:calc(100dvh - 16px); overflow:auto; padding:14px; display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:14px; border:1px solid var(--line); border-radius:10px; background:var(--surface-panel); color:var(--text); box-shadow:0 8px 25px rgba(var(--black),.16); }
  .comment-avatar-preview:not(:popover-open) { display:none; }
  .comment-avatar-preview-photo { position:relative; display:flex; align-items:center; justify-content:center; width:80px; height:80px; flex:none; border:1px solid var(--line); border-radius:50%; overflow:hidden; background:var(--surface-outer); color:var(--control-primary-text); font-size:24px; font-weight:700; }
  .comment-avatar-preview-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .comment-avatar-preview-identity { display:grid; gap:4px; min-width:0; overflow-wrap:anywhere; }
  .comment-avatar-preview-identity strong { font-size:14px; line-height:1.4; }
  .comment-avatar-preview-identity span { font-size:12px; line-height:1.4; color:var(--muted); }
  .comment-avatar-preview-identity .is-company { color:var(--text); }
  .comment-avatar-preview-identity .is-status { font-size:11px; }
  @media(max-width:640px) {
    .comments-panel .deal-comment-meta { flex-wrap:wrap; gap:3px 8px; }
    .comments-panel .comment-author { flex-basis:140px; }
    .comments-panel .comment-date-actions { margin-left:auto; }
  }

  :root { --information-button-text:#587da1; --information-button-border:#c0d0df; }
  button.information-button {
    position:relative; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
    box-sizing:border-box; flex:0 0 28px; width:28px; height:28px; min-height:28px; padding:0; margin:0;
    border:0; border-radius:50%; background:transparent; color:var(--information-button-text); box-shadow:none; cursor:pointer;
  }
  .information-button-mark {
    display:grid; place-items:center; box-sizing:border-box; width:18px; height:18px;
    border:1px solid var(--information-button-border); border-radius:50%; background:transparent; pointer-events:none;
  }
  .information-button-mark .tb-icon { display:block; width:16px; height:16px; }
  button.information-button:hover, button.information-button:focus-visible { background:transparent; color:var(--accent); box-shadow:none; }
  button.information-button:hover .information-button-mark, button.information-button:focus-visible .information-button-mark {
    border-color:var(--accent); background:var(--control-primary-surface);
  }
  button.information-button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
  @media(pointer:coarse) {
    button.information-button::after { content:""; position:absolute; width:44px; height:44px; top:50%; left:50%; transform:translate(-50%,-50%); }
  }