/* [project]/node_modules/.pnpm/@fontsource-variable+inter@5.3.0/node_modules/@fontsource-variable/inter/index.css [app-client] (css) */
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2") format("woff2-variations");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/packages/ui/src/tokens.css [app-client] (css) */
:root {
  --hx-drawer-scrollbar-compensation: 0px;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --hx-color-canvas: #f8fafc;
  --hx-color-surface: #fff;
  --hx-color-surface-muted: #f8fafc;
  --hx-color-ink: #101828;
  --hx-color-muted: #667085;
  --hx-color-border: #d8e0eb;
  --hx-color-border-strong: #aab6c8;
  --hx-color-table-header: color-mix(in srgb, var(--hx-color-brand) 10%, #fff);
  --hx-color-table-header-ink: #334155;
  --hx-color-table-header-border: color-mix(in srgb, var(--hx-color-brand) 10%, var(--hx-color-border));
  --hx-color-table-row-hover: #f2f9ff;
  --hx-color-brand: #355efc;
  --hx-color-brand-rgb: 53 94 252;
  --hx-color-brand-hover: #1e40af;
  --hx-color-brand-active: #1e40af;
  --hx-color-brand-subtle: #dbeafe;
  --hx-color-brand-strong: #355efc;
  --hx-color-on-brand: #fff;
  --hx-color-success: #147a4b;
  --hx-color-success-subtle: #e2f7ec;
  --hx-color-warning: #8a5200;
  --hx-color-warning-subtle: #fff1d6;
  --hx-color-danger: #b42318;
  --hx-color-danger-hover: #8f1c13;
  --hx-color-danger-subtle: #ffebe9;
  --hx-color-disabled: #e7eaf1;
  --hx-color-disabled-ink: #7a8497;
  --hx-color-empty-value: #98a2b3;
  --hx-focus-ring: rgb(var(--hx-color-brand-rgb) / 18%);
  --hx-adaptive-table-max-height: 30rem;
  --hx-focus-ring-offset: .125rem;
  --hx-color-nav: #0b1220;
  --hx-color-nav-muted: #8f9bb0;
  --hx-color-positive: #0b7a53;
  --hx-text: var(--hx-color-ink);
  --hx-text-muted: var(--hx-color-muted);
  --hx-border-subtle: var(--hx-color-border);
  --hx-surface-raised: var(--hx-color-surface);
  --hx-surface-muted: var(--hx-color-surface-muted);
  --hx-radius-xs: .5rem;
  --hx-radius-sm: .5rem;
  --hx-radius-md: .5rem;
  --hx-radius-lg: .5rem;
  --hx-radius-pill: 999px;
  --hx-radius-control: .5rem;
  --hx-radius-surface: .5rem;
  --hx-checkbox-size: 1.125rem;
  --hx-checkbox-radius: .25rem;
  --hx-shadow-sm: 0 1px 2px #1018280a;
  --hx-shadow-lg: 0 4px 12px #10182817;
  --hx-shadow-focus: 0 0 0 .125rem var(--hx-focus-ring);
  --hx-shadow-menu: 0 4px 12px #10182817;
  --hx-shadow-dialog: 0 12px 32px #10182824;
  --hx-sidebar-width: 15rem;
  --hx-sidebar-collapsed-width: 4.25rem;
  --hx-topbar-height: 4.25rem;
  --hx-page-sticky-offset: calc(var(--hx-topbar-height) + .35rem);
  --hx-control-height: 2.75rem;
  --hx-form-control-height: 2.5rem;
  --hx-mobile-form-control-height: 2.6rem;
  --hx-heading-glyph-size: 1.3125rem;
  --hx-page-title-size: 1.2rem;
  --hx-grid-header-height: 2.5rem;
  --hx-grid-row-height: 2.6rem;
  --hx-grid-footer-height: 2.4rem;
  --hx-data-grid-track-width: 100%;
  --hx-drawer-footer-height: 4.2rem;
  --hx-grid-action-width: 2rem;
  --hx-overlay-circle-size: var(--hx-control-height);
  --hx-overlay-circle-glyph-size: 1.25rem;
  --hx-overlay-circle-hit-slop: 0;
  --hx-overlay-header-action-gap: .5rem;
  --hx-compact-control-height: 2rem;
  --hx-mobile-compact-control-height: 2rem;
  --hx-button-height: var(--hx-compact-control-height);
  --hx-mobile-button-height: var(--hx-mobile-compact-control-height);
  --hx-space-0: 0;
  --hx-space-1: .25rem;
  --hx-space-2: .5rem;
  --hx-space-3: .75rem;
  --hx-space-4: 1rem;
  --hx-space-5: 1.25rem;
  --hx-space-6: 1.5rem;
  --hx-space-8: 2rem;
  --hx-font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --hx-font-size-xs: .8125rem;
  --hx-font-size-sm: .875rem;
  --hx-font-size-md: 1rem;
  --hx-font-size-lg: 1.125rem;
  --hx-font-size-xl: 1.25rem;
  --hx-line-height-tight: 1.25;
  --hx-font-weight-medium: 550;
  --hx-font-weight-semibold: 650;
  --hx-font-weight-bold: 750;
  --hx-transition-fast: .15s ease;
  --hx-density-compact-row: 2.25rem;
  --hx-density-standard-row: 2.75rem;
  --hx-density-comfortable-row: 3.25rem;
  --hx-scrollbar-size: 12px;
  --hx-scrollbar-thumb: color-mix(in srgb, var(--hx-color-brand) 82%, transparent);
  --hx-scrollbar-thumb-hover: var(--hx-color-brand-strong);
  --hx-scrollbar-track: transparent;
  --hx-layer-sticky: 30;
  --hx-layer-site-nav: 50;
  --hx-layer-menu: 80;
  --hx-layer-mobile-nav: 90;
  --hx-layer-dialog: 100;
  --hx-layer-popover: 110;
  --hx-layer-toast: 120;
  --hx-module-surface-people: color-mix(in srgb, var(--hx-color-brand) 2.25%, var(--hx-color-surface-muted));
  --hx-people-drawer-width: 36rem;
}

.hx-empty-value, .hx-data-grid-empty-value {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  color: var(--hx-color-empty-value);
  font: inherit;
  font-size: .75rem;
  font-weight: 500;
  line-height: inherit;
  letter-spacing: 0;
  vertical-align: baseline;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline;
}

* {
  box-sizing: border-box;
}

html {
  scrollbar-gutter: stable;
}

html, body {
  min-height: 100%;
}

body {
  background: var(--hx-color-canvas);
  color: var(--hx-color-ink);
  font-family: var(--hx-font-sans);
  font-size: var(--hx-font-size-md);
  font-synthesis: none;
  text-rendering: optimizelegibility;
  margin: 0;
  line-height: 1.5;
}

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

::selection {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-ink);
}

.hx-shell {
  width: min(72rem, 100%);
  padding: clamp(var(--hx-space-4), 4vw, var(--hx-space-8));
  margin-inline: auto;
}

.hx-shell--wide {
  width: min(96rem, 100%);
}

.hx-grid {
  gap: var(--hx-space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  display: grid;
}

.hx-stack {
  gap: var(--hx-space-3);
  display: grid;
}

.hx-row {
  align-items: center;
  gap: var(--hx-space-3);
  flex-wrap: wrap;
  display: flex;
}

.hx-hero {
  align-content: center;
  gap: var(--hx-space-6);
  min-height: min(42rem, 80vh);
  display: grid;
}

.hx-hero h1 {
  letter-spacing: -.055em;
  max-width: 18ch;
  margin: 0;
  font-size: clamp(2.25rem, 8vw, 5rem);
  line-height: .98;
}

.hx-muted {
  color: var(--hx-color-muted);
}

.hx-link {
  color: var(--hx-color-brand-strong);
  font-weight: var(--hx-font-weight-bold);
  text-underline-offset: .2em;
  text-decoration-thickness: .1em;
}

.hx-link:hover {
  color: var(--hx-color-brand-hover);
}

.hx-link:focus-visible {
  border-radius: var(--hx-radius-xs);
  box-shadow: var(--hx-shadow-focus);
  outline: 0;
}

.hx-message {
  border-left: .25rem solid var(--hx-color-brand);
  background: var(--hx-color-brand-subtle);
  border-radius: var(--hx-radius-sm);
  padding: var(--hx-space-3) var(--hx-space-4);
  white-space: pre-wrap;
}

.hx-card {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  box-shadow: var(--hx-shadow-sm);
  padding: clamp(var(--hx-space-4), 3vw, var(--hx-space-6));
}

.hx-card__title {
  margin: 0 0 var(--hx-space-4);
  font-size: var(--hx-font-size-lg);
  letter-spacing: -.012em;
}

.hx-badge {
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-disabled);
  width: fit-content;
  color: var(--hx-color-ink);
  font-size: .8125rem;
  font-weight: var(--hx-font-weight-bold);
  padding: var(--hx-space-1) var(--hx-space-3);
  align-items: center;
  display: inline-flex;
}

.hx-badge--success {
  background: var(--hx-color-success-subtle);
  color: var(--hx-color-success);
}

.hx-badge--warning {
  background: var(--hx-color-warning-subtle);
  color: var(--hx-color-warning);
}

.hx-badge--danger {
  background: var(--hx-color-danger-subtle);
  color: var(--hx-color-danger);
}

.hx-field {
  gap: .4rem;
  display: grid;
  position: relative;
}

.hx-field__label-row {
  align-items: center;
  gap: .2rem;
  min-width: 0;
  display: flex;
}

.hx-field__label {
  min-width: 0;
  color: var(--hx-color-ink);
  font-size: .8125rem;
  font-weight: var(--hx-font-weight-bold);
}

.hx-field__required {
  color: var(--hx-color-danger);
  font-weight: var(--hx-font-weight-semibold);
  margin-left: .2rem;
}

.hx-field__hint {
  color: var(--hx-color-muted);
  font-size: .8125rem;
  font-weight: var(--hx-font-weight-medium);
  overflow-wrap: anywhere;
  line-height: 1.5;
}

.hx-field__error {
  color: var(--hx-color-danger);
  font-size: .8125rem;
  font-weight: var(--hx-font-weight-medium);
  overflow-wrap: anywhere;
  align-items: flex-start;
  gap: .4rem;
  line-height: 1.35;
  display: flex;
}

.hx-field__error:before {
  content: "!";
  background: var(--hx-color-danger-subtle);
  border-radius: 50%;
  flex: 0 0 1rem;
  place-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: .05rem;
  font-size: .7rem;
  font-weight: 800;
  display: inline-grid;
}

.hx-control {
  width: 100%;
  min-height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background-color: var(--hx-color-surface);
  color: var(--hx-color-ink);
  padding: var(--hx-space-2) .85rem;
  box-shadow: none;
  transition: border-color var(--hx-transition-fast), outline-color var(--hx-transition-fast);
}

.hx-control::placeholder {
  color: var(--hx-color-disabled-ink);
}

.hx-control:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 28%, var(--hx-color-border));
}

.hx-control:focus-visible, .hx-select:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 1px solid var(--hx-color-brand);
  outline-offset: -1px;
  box-shadow: none;
}

.hx-control[aria-invalid="true"] {
  border-color: var(--hx-color-danger);
}

.hx-control[aria-invalid="true"]:focus-visible {
  box-shadow: none;
  outline-color: #b4231838;
}

.hx-control:disabled {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-disabled-ink);
  cursor: not-allowed;
}

.hx-control[readonly], .hx-control[aria-readonly="true"] {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-muted);
}

.hx-input, .hx-select {
  height: var(--hx-form-control-height);
}

.hx-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23526078' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right var(--hx-space-3) center;
  background-repeat: no-repeat;
  padding-right: 2.5rem;
}

.hx-textarea {
  resize: none;
  min-height: 6.75rem;
  max-height: 18rem;
  line-height: 1.5;
  overflow-y: hidden;
}

.hx-button {
  box-sizing: border-box;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  border-radius: var(--hx-radius-sm);
  cursor: pointer;
  letter-spacing: -.01em;
  padding: 0 var(--hx-space-4);
  transition: background-color var(--hx-transition-fast),
    color var(--hx-transition-fast),
    border-color var(--hx-transition-fast);
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  font-weight: 650;
  display: inline-flex;
  position: relative;
}

.hx-button--sm {
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  padding: 0 var(--hx-space-3);
  font-size: .85rem;
}

.hx-button--primary {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand);
  color: var(--hx-color-on-brand);
  box-shadow: none;
}

.hx-button--primary:hover:not(:disabled), .hx-button--primary:active:not(:disabled) {
  border-color: var(--hx-color-brand-hover);
  background: var(--hx-color-brand-hover);
}

.hx-button--secondary {
  border-color: var(--hx-color-border);
  color: var(--hx-color-ink);
  box-shadow: none;
  background: #fff;
}

.hx-button--secondary:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 42%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 5%, #fff);
  color: var(--hx-color-brand);
}

.hx-button--secondary:active:not(:disabled) {
  border-color: var(--hx-color-brand);
  background: color-mix(in srgb, var(--hx-color-brand) 8%, #fff);
  color: var(--hx-color-brand);
}

.hx-dropdown-add-button.hx-button {
  box-sizing: border-box;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  white-space: nowrap;
  align-self: center;
  padding-block: 0;
}

.hx-import-action.hx-button--secondary {
  border-color: color-mix(in srgb, var(--hx-color-brand) 26%, var(--hx-color-border));
  color: var(--hx-color-brand-active);
  box-shadow: none;
  background: #fff;
}

.hx-import-action.hx-button--secondary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--hx-color-brand) 4%, #fff);
  border-color: color-mix(in srgb, var(--hx-color-brand) 36%, var(--hx-color-border));
  color: var(--hx-color-brand-active);
  box-shadow: none;
  transform: none;
}

.hx-button--ghost:hover:not(:disabled) {
  color: var(--hx-color-brand-hover);
  background: none;
  border-color: #0000;
}

.hx-button--ghost {
  color: var(--hx-color-brand-strong);
  background: none;
  border-color: #0000;
}

.hx-button--danger {
  border-color: var(--hx-color-danger);
  background: var(--hx-color-danger);
  color: var(--hx-color-on-brand);
}

.hx-button--danger:hover:not(:disabled) {
  border-color: var(--hx-color-danger-hover);
  background: var(--hx-color-danger-hover);
}

.hx-button:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-button:active:not(:disabled) {
  transform: none;
}

.hx-button:disabled {
  background: var(--hx-color-disabled);
  color: var(--hx-color-disabled-ink);
  cursor: not-allowed;
  border-color: #0000;
  transform: none;
}

.hx-token-swatch {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-swatch-color);
  align-content: end;
  min-height: 6rem;
  display: grid;
  overflow: hidden;
}

.hx-token-swatch__label {
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font-size: var(--hx-font-size-sm);
  font-weight: var(--hx-font-weight-semibold);
  padding: var(--hx-space-2) var(--hx-space-3);
}

.hx-token-swatch--brand {
  --hx-swatch-color: var(--hx-color-brand-strong);
}

.hx-token-swatch--canvas {
  --hx-swatch-color: var(--hx-color-canvas);
}

.hx-token-swatch--ink {
  --hx-swatch-color: var(--hx-color-ink);
}

.hx-token-swatch--success {
  --hx-swatch-color: var(--hx-color-success);
}

.hx-token-swatch--warning {
  --hx-swatch-color: var(--hx-color-warning);
}

.hx-token-swatch--danger {
  --hx-swatch-color: var(--hx-color-danger);
}

@media (max-width: 47.99rem) {
  .hx-shell {
    padding-inline: var(--hx-space-4);
  }
}

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

body {
  overflow-x: hidden;
}

a {
  color: inherit;
}

.hx-app-frame {
  grid-template-columns: var(--hx-sidebar-width) minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.hx-sidebar {
  background: var(--hx-color-nav);
  color: #fff;
  height: 100vh;
  z-index: var(--hx-layer-sticky);
  flex-direction: column;
  padding: 1.15rem .9rem;
  display: flex;
  position: sticky;
  top: 0;
}

.hx-brand {
  color: #fff;
  letter-spacing: -.025em;
  align-items: center;
  gap: .7rem;
  padding: .4rem .55rem 1.15rem;
  font-weight: 760;
  text-decoration: none;
  display: inline-flex;
}

.hx-brand__mark {
  border-radius: var(--hx-radius-md);
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-nav);
  background: #fff;
  place-items: center;
  font-weight: 800;
  display: grid;
}

.hx-nav {
  gap: .15rem;
  display: grid;
}

.hx-nav__eyebrow {
  color: var(--hx-color-nav-muted);
  letter-spacing: .11em;
  text-transform: uppercase;
  margin: 1rem .65rem .35rem;
  font-size: .69rem;
  font-weight: 760;
}

.hx-nav__link {
  border-radius: var(--hx-radius-md);
  color: #dbe4f0;
  transition: border-color var(--hx-transition-fast);
  border: 1px solid #0000;
  padding: .63rem .7rem;
  font-size: .91rem;
  font-weight: 600;
  text-decoration: none;
}

.hx-nav__link:hover {
  border-color: #ffffff47;
}

.hx-nav__link:focus-visible {
  color: #fff;
  box-shadow: 0 0 0 var(--hx-focus-ring-offset) #ffffff38;
  border-color: #ffffff59;
  outline: none;
}

.hx-sidebar__footer {
  border-top: 1px solid #ffffff1a;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  margin-top: auto;
  padding: 1rem .55rem .2rem;
  display: grid;
  position: relative;
}

.hx-sidebar__footer span:last-child {
  min-width: 0;
  display: grid;
}

.hx-sidebar__footer small {
  color: var(--hx-color-nav-muted);
  font-size: .72rem;
}

.hx-sidebar__identity {
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-sidebar__identity strong, .hx-sidebar__identity small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-sidebar__company-picker, .hx-sidebar__signout {
  grid-column: 1 / -1;
}

.hx-sidebar__company-picker {
  min-width: 0;
}

.hx-sidebar__signout {
  min-height: var(--hx-control-height);
  border-radius: var(--hx-radius-sm);
  color: #dbe4f0;
  cursor: pointer;
  font-weight: var(--hx-font-weight-semibold);
  text-align: left;
  padding: 0 var(--hx-space-3);
  background: none;
  border: 1px solid #ffffff29;
}

.hx-sidebar__signout:hover {
  border-color: #ffffff52;
}

.hx-sidebar__signout:focus-visible {
  color: #fff;
  box-shadow: 0 0 0 var(--hx-focus-ring-offset) #ffffff38;
  border-color: #ffffff59;
  outline: 0;
}

.hx-sidebar__signout:disabled {
  cursor: wait;
  opacity: .65;
}

.hx-avatar {
  background: #29364b;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 2rem;
  height: 2rem;
  font-size: .7rem;
  font-weight: 750;
  display: grid;
}

.hx-app-main {
  min-width: 0;
}

.hx-topbar {
  z-index: var(--hx-layer-sticky);
  min-height: var(--hx-topbar-height);
  border-bottom: 1px solid var(--hx-color-border);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffeb;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .7rem clamp(1rem, 3vw, 2rem);
  display: flex;
  position: sticky;
  top: 0;
}

@media (min-width: 52.001rem) {
  .hx-app-main:has(.hx-access-workflow) > .hx-topbar {
    z-index: calc(var(--hx-layer-sticky) + 4);
  }
}

.hx-global-search {
  width: min(42rem, 68%);
  height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #f8fafc;
  align-items: center;
  gap: .55rem;
  padding: 0 .72rem;
  display: flex;
}

.hx-global-search:focus-within {
  border-color: var(--hx-color-brand-strong);
  box-shadow: var(--hx-shadow-focus);
  background: #fff;
}

.hx-global-search input {
  min-width: 0;
  color: var(--hx-color-ink);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.hx-global-search {
  position: relative;
}

.hx-global-search__suggestions {
  z-index: calc(var(--hx-layer-sticky) + 3);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  max-height: min(22rem, 55vh);
  box-shadow: var(--hx-shadow-menu);
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  position: absolute;
  top: calc(100% + .45rem);
  left: 0;
  right: 0;
  overflow: hidden;
}

.hx-global-search__results > a {
  border-radius: var(--hx-radius-control);
  min-height: 2.75rem;
  color: var(--hx-color-ink);
  align-items: center;
  gap: .65rem;
  min-width: 0;
  padding: .4rem .55rem;
  text-decoration: none;
  display: flex;
}

.hx-global-search__results > a.is-active, .hx-global-search__results > a:hover, .hx-global-search__results > a:focus-visible {
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  outline-offset: -2px;
}

.hx-global-search__results > a > span:last-child {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-global-search__results > a strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  font-weight: 650;
  overflow: hidden;
}

.hx-global-search__results > a small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .72rem;
  overflow: hidden;
}

.hx-global-search__person-mark {
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 10%, var(--hx-color-surface));
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-brand-strong);
  flex: none;
  place-items: center;
  font-size: .7rem;
  font-weight: 700;
  display: inline-grid;
}

.hx-global-search__message {
  color: var(--hx-color-muted);
  margin: 0;
  padding: .65rem;
  font-size: .76rem;
}

.hx-global-search__suggestions > .hx-global-search__view-all {
  color: var(--hx-color-brand-strong);
  border-top: 1px solid var(--hx-color-border);
  border-radius: 0;
  margin-top: 0;
  font-size: .78rem;
  font-weight: 650;
}

.hx-global-search__view-all.is-active, .hx-global-search__view-all:hover, .hx-global-search__view-all:focus-visible {
  background: var(--hx-color-brand-subtle);
  outline-offset: -2px;
}

.hx-global-search kbd {
  border: 1px solid var(--hx-color-border);
  border-bottom-color: var(--hx-color-border-strong);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-muted);
  background: #fff;
  padding: .1rem .35rem;
  font-size: .7rem;
}

.hx-topbar__actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-quiet-action {
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-brand);
  border: 1px solid #0000;
  padding: .55rem .75rem;
  font-size: .86rem;
  font-weight: 700;
  text-decoration: none;
}

.hx-quiet-action:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-mobile-nav {
  display: none;
}

.hx-mobile-nav__more {
  position: relative;
}

.hx-mobile-nav__more > button {
  width: 100%;
  min-height: 2.75rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-content: center;
  justify-items: center;
  gap: .05rem;
  font-size: .68rem;
  font-weight: 700;
  display: grid;
}

.hx-mobile-nav__more > button.is-active, .hx-mobile-nav__more > button[aria-expanded="true"] {
  color: var(--hx-color-brand-strong);
}

.hx-mobile-nav__more-panel {
  right: max(.75rem, env(safe-area-inset-right));
  bottom: calc(4.5rem + env(safe-area-inset-bottom));
  left: max(.75rem, env(safe-area-inset-left));
  z-index: var(--hx-layer-mobile-nav);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  max-height: min(65vh, 30rem);
  box-shadow: var(--hx-shadow-menu);
  background: #fff;
  gap: .2rem;
  padding: .45rem;
  display: grid;
  position: fixed;
  overflow: auto;
}

.hx-mobile-nav__more-panel[hidden] {
  display: none;
}

.hx-mobile-nav__more-panel a {
  border-radius: var(--hx-radius-md);
  min-height: 2.75rem;
  color: var(--hx-color-ink);
  text-align: left;
  border: 1px solid #0000;
  align-items: center;
  gap: .7rem;
  padding: .65rem .75rem;
  display: flex;
}

.hx-mobile-nav__more-panel a:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-mobile-nav__more-panel a:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: var(--hx-focus-ring);
  outline-offset: var(--hx-focus-ring-offset);
}

.hx-mobile-nav__more-panel a.is-active {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
}

.hx-shell {
  width: min(92rem, 100%);
  padding: clamp(0rem, .5vw, 1rem);
}

.hx-shell.hx-shell--wide {
  width: min(120rem, 100%);
  padding-inline: clamp(0rem, .5vw, 1rem);
}

.hx-page-header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  padding: .4rem 0 .8rem;
  display: flex;
}

.hx-page-header h1 {
  font-size: var(--hx-page-title-size);
  letter-spacing: -.04em;
  margin: .25rem 0 0;
  line-height: 1.08;
}

.hx-page-header p {
  max-width: 52rem;
  color: var(--hx-color-muted);
  margin: .55rem 0 0;
}

.hx-page-header__eyebrow {
  color: var(--hx-color-brand-strong);
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: .73rem;
  font-weight: 780;
}

.hx-page-header__actions {
  flex: none;
  gap: .55rem;
  display: flex;
}

.hx-page-stack--data-workspace {
  gap: .8rem;
}

.hx-page-stack--data-workspace > .hx-page-header {
  padding: .15rem 0 .25rem;
}

.hx-page-stack--data-workspace > .hx-page-header h1 {
  font-size: var(--hx-page-title-size);
  margin-top: 0;
}

.hx-page-stack--data-workspace > .hx-page-header p {
  margin-top: .38rem;
  font-size: .9rem;
  line-height: 1.45;
}

.hx-card--flat {
  box-shadow: none;
}

.hx-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  display: grid;
}

.hx-metric {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  align-content: space-between;
  gap: .25rem;
  min-height: 7.5rem;
  padding: 1rem 1.05rem;
  display: grid;
}

.hx-metric > span {
  color: var(--hx-color-muted);
  font-size: .78rem;
  font-weight: 650;
}

.hx-metric > strong {
  letter-spacing: -.045em;
  font-size: clamp(1.45rem, 2.8vw, 2rem);
}

.hx-metric > small {
  color: var(--hx-color-muted);
}

.hx-dashboard-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .75fr);
  gap: 1rem;
  display: grid;
}

.hx-section-heading {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: .85rem;
  display: flex;
}

.hx-section-heading h2, .hx-section-heading h3 {
  margin: 0;
  font-size: 1.05rem;
}

.hx-list {
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-list-item {
  border-top: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .85rem 0;
  display: flex;
}

.hx-list-item:first-child {
  border-top: 0;
  padding-top: .15rem;
}

.hx-list-item__main {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-list-item__main small {
  color: var(--hx-color-muted);
}

.hx-pill {
  border: 1px solid var(--hx-color-border);
  width: fit-content;
  color: var(--hx-color-muted);
  background: #fff;
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: .28rem .55rem;
  font-size: .75rem;
  font-weight: 650;
  display: inline-flex;
}

.hx-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-toolbar__group {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-segmented {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  display: inline-flex;
  overflow: hidden;
}

.hx-segmented button, .hx-segmented a {
  border: 0;
  border-right: 1px solid var(--hx-color-border);
  color: var(--hx-color-muted);
  font: inherit;
  cursor: pointer;
  background: #fff;
  padding: .48rem .7rem;
  font-size: .78rem;
  font-weight: 650;
  text-decoration: none;
}

.hx-segmented :last-child {
  border-right: 0;
}

.hx-segmented .is-active {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
}

.hx-table-wrap {
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: auto;
}

.hx-table-wrap:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 100%;
}

.hx-table th {
  z-index: 1;
  color: var(--hx-color-table-header-ink);
  background: var(--hx-color-table-header);
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: .72rem;
  position: sticky;
  top: 0;
}

.hx-table th, .hx-table td {
  border-bottom: 1px solid var(--hx-color-border);
  vertical-align: middle;
  padding: .72rem .85rem;
}

.hx-table tbody tr:last-child td {
  border-bottom: 1px solid var(--hx-color-border);
}

.hx-empty-state {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: 100%;
  min-height: 12rem;
  box-shadow: none;
  text-align: center;
  color: var(--hx-color-muted);
  align-content: center;
  place-items: center;
  gap: .4rem;
  padding: 1.5rem;
  display: grid;
}

.hx-empty-state strong {
  color: var(--hx-color-ink);
  font-size: .92rem;
  font-weight: 650;
}

.hx-empty-state p {
  max-width: 32rem;
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
}

.hx-empty-state__action {
  justify-content: center;
  margin-top: .65rem;
  display: flex;
}

.hx-empty-state__actions {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-empty-state--filtered {
  background: none;
  border: 0;
  border-radius: 0;
  min-height: 8rem;
  padding: 1rem;
}

.hx-empty-state__mark {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--hx-color-brand-strong);
  place-items: center;
  font-size: 1.35rem;
  font-weight: 700;
  display: grid;
}

.hx-screen-loader {
  align-content: center;
  place-items: center;
  gap: var(--hx-space-4);
  min-height: min(34rem, 100dvh - 9rem);
  padding: clamp(2rem, 8vw, 5rem) var(--hx-space-5);
  text-align: center;
  color: var(--hx-color-ink);
  display: grid;
}

.hx-screen-loader__spinner {
  border: 3px solid color-mix(in srgb, var(--hx-color-brand) 18%, transparent);
  border-top-color: var(--hx-color-brand-strong);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  animation: .72s linear infinite hx-spin;
}

.hx-screen-loader__copy {
  gap: var(--hx-space-2);
  max-width: 30rem;
  display: grid;
}

.hx-screen-loader__copy strong {
  font-size: 1.02rem;
  line-height: 1.35;
}

.hx-screen-loader__copy small {
  color: var(--hx-color-muted);
  font-size: .84rem;
  line-height: 1.5;
}

.hx-skeleton {
  gap: .7rem;
  display: grid;
}

.hx-skeleton span {
  border-radius: var(--hx-radius-md);
  background: linear-gradient(90deg, #eef2f7, #f8fafc, #eef2f7) 0 0 / 220% 100%;
  height: 1rem;
  animation: 1.4s infinite hx-shimmer;
  display: block;
}

.hx-skeleton span:nth-child(2n) {
  width: 72%;
}

@keyframes hx-shimmer {
  to {
    background-position: -220% 0;
  }
}

.hx-error-panel {
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-danger);
  background: #fff8f7;
  border: 1px solid #f6c7c3;
  padding: 1rem;
}

.hx-split {
  grid-template-columns: minmax(16rem, .72fr) minmax(0, 1.55fr);
  align-items: start;
  gap: 1rem;
  display: grid;
}

.hx-panel-nav {
  top: calc(var(--hx-topbar-height) + 1rem);
  position: sticky;
}

.hx-stat-line {
  border-top: 1px solid var(--hx-color-border);
  justify-content: space-between;
  gap: 1rem;
  padding: .58rem 0;
  font-size: .86rem;
  display: flex;
}

.hx-stat-line:first-child {
  border-top: 0;
}

.hx-stat-line span {
  color: var(--hx-color-muted);
}

.hx-code-label {
  color: var(--hx-color-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .74rem;
}

.hx-compact-grid {
  gap: var(--hx-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hx-form-grid {
  gap: var(--hx-space-3);
  min-width: 0;
  display: grid;
}

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

.hx-form-grid__wide {
  grid-column: 1 / -1;
}

.hx-timeline {
  gap: 0;
  display: grid;
}

.hx-timeline__item {
  grid-template-columns: 1rem minmax(0, 1fr);
  gap: .75rem;
  padding-bottom: 1rem;
  display: grid;
  position: relative;
}

.hx-timeline__item:before {
  content: "";
  background: var(--hx-color-border);
  width: 1px;
  position: absolute;
  top: .7rem;
  bottom: -.25rem;
  left: .37rem;
}

.hx-timeline__item:last-child:before {
  display: none;
}

.hx-timeline__dot {
  background: var(--hx-color-brand);
  z-index: 1;
  width: .75rem;
  height: .75rem;
  box-shadow: 0 0 0 3px var(--hx-color-brand-subtle);
  border-radius: 50%;
  margin-top: .32rem;
}

.hx-timeline__body {
  gap: .15rem;
  display: grid;
}

.hx-timeline__body small {
  color: var(--hx-color-muted);
}

.hx-search-results {
  gap: .55rem;
  display: grid;
}

.hx-search-result {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem;
  display: grid;
}

.hx-search-result__icon {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  width: 2.25rem;
  height: 2.25rem;
  color: var(--hx-color-brand-strong);
  place-items: center;
  font-weight: 760;
  display: grid;
}

.hx-search-result__content {
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-search-result__content small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-calendar-grid {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  grid-template-columns: repeat(7, minmax(8rem, 1fr));
  display: grid;
  overflow: auto;
}

.hx-calendar-day {
  border-right: 1px solid var(--hx-color-border);
  border-bottom: 1px solid var(--hx-color-border);
  min-height: 9rem;
  padding: .6rem;
}

.hx-calendar-day:nth-child(7n) {
  border-right: 0;
}

.hx-calendar-day__number {
  color: var(--hx-color-muted);
  font-size: .78rem;
  font-weight: 700;
}

.hx-event-chip {
  border-left: 3px solid var(--hx-color-brand);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .35rem;
  padding: .28rem .38rem;
  font-size: .72rem;
  overflow: hidden;
}

@media (max-width: 70rem) {
  :root {
    --hx-sidebar-width: 12.5rem;
  }

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

  .hx-dashboard-grid, .hx-split {
    grid-template-columns: 1fr;
  }

  .hx-panel-nav {
    position: static;
  }
}

@media (max-width: 52rem) {
  .hx-app-frame {
    padding-bottom: 3.55rem;
    display: block;
  }

  .hx-sidebar {
    display: none;
  }

  .hx-topbar {
    min-height: 3.8rem;
    padding: .6rem .9rem;
  }

  .hx-global-search {
    width: 100%;
  }

  .hx-global-search kbd, .hx-topbar .hx-quiet-action {
    display: none;
  }

  .hx-create-action {
    white-space: nowrap;
  }

  .hx-mobile-nav {
    z-index: var(--hx-layer-site-nav);
    border-top: 1px solid var(--hx-color-border);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    padding: .35rem max(.4rem, env(safe-area-inset-right))
      calc(.35rem + env(safe-area-inset-bottom)) max(.4rem, env(safe-area-inset-left));
    background: #fffffff5;
    grid-template-columns: repeat(5, 1fr);
    display: grid;
    position: fixed;
    inset: auto 0 0;
  }

  .hx-mobile-nav a {
    color: var(--hx-color-muted);
    text-align: center;
    padding: .48rem .1rem;
    font-size: .68rem;
    font-weight: 700;
    text-decoration: none;
  }

  .hx-shell {
    padding: 1rem;
  }

  .hx-page-header {
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
  }

  .hx-page-header__actions {
    flex-wrap: wrap;
    width: 100%;
  }

  .hx-page-header__actions .hx-button {
    flex: auto;
  }

  .hx-compact-grid, .hx-form-grid--2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 34rem) {
  .hx-metrics {
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
  }

  .hx-metric {
    min-height: 6.4rem;
    padding: .78rem;
  }

  .hx-global-search input::placeholder {
    color: #0000;
  }

  .hx-create-action {
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 0;
    display: grid;
  }
}

.hx-check {
  color: var(--hx-color-muted);
  cursor: pointer;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  font-weight: 600;
  display: inline-flex;
}

.hx-check input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--hx-color-brand-strong);
}

.hx-field-label {
  color: var(--hx-color-ink);
  margin-bottom: .45rem;
  font-size: .78rem;
  font-weight: 700;
  display: block;
}

.hx-checkbox-row {
  flex-wrap: wrap;
  gap: .65rem 1rem;
  display: flex;
}

.hx-profile-hero {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.hx-avatar-xl {
  border-radius: var(--hx-radius-md);
  border: 1px solid var(--hx-color-border);
  width: 4.2rem;
  height: 4.2rem;
  color: var(--hx-color-brand-strong);
  background: linear-gradient(145deg, #eef2ff, #f8fafc);
  flex: none;
  place-items: center;
  font-size: 1.15rem;
  font-weight: 800;
  display: grid;
}

.hx-profile-hero__main {
  gap: .25rem;
  min-width: 0;
  display: grid;
}

.hx-profile-hero__main h2 {
  letter-spacing: -.035em;
  margin: 0;
  font-size: 1.55rem;
}

.hx-profile-hero__main p {
  color: var(--hx-color-muted);
  margin: 0;
}

.hx-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  display: grid;
}

.hx-detail-grid > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fbfcfe;
  gap: .15rem;
  min-width: 0;
  padding: .72rem .8rem;
  display: grid;
}

.hx-detail-grid span, .hx-detail-grid small {
  color: var(--hx-color-muted);
  font-size: .73rem;
}

.hx-detail-grid strong {
  overflow-wrap: anywhere;
}

.hx-select-row {
  width: 100%;
  min-height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-md);
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .55rem .65rem;
  display: flex;
}

.hx-select-row:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
  color: var(--hx-color-ink);
}

.hx-select-row.is-active {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-ink);
}

.hx-select-row:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-select-row > span:first-child {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-select-row small {
  color: var(--hx-color-muted);
}

.hx-org-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.hx-org-node {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  min-width: 0;
  padding: .85rem;
}

.hx-org-node__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.hx-org-node__head > div {
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-org-node__head small {
  color: var(--hx-color-muted);
}

.hx-org-node__people {
  border-top: 1px solid var(--hx-color-border);
  gap: .35rem;
  margin-top: .7rem;
  padding-top: .65rem;
  display: grid;
}

.hx-org-node__people > span {
  justify-content: space-between;
  gap: .5rem;
  font-size: .8rem;
  display: flex;
}

.hx-org-node__people small {
  color: var(--hx-color-muted);
}

.hx-search-workspace {
  gap: .8rem;
  display: grid;
}

.hx-search-workspace__query {
  min-height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border-strong);
  border-radius: var(--hx-radius-md);
  background: #fff;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  padding: .4rem .45rem .4rem .8rem;
  display: flex;
}

.hx-search-workspace__query:focus-within {
  border-color: var(--hx-color-brand-strong);
  box-shadow: var(--hx-shadow-focus);
}

.hx-search-workspace__query > span {
  color: var(--hx-color-muted);
  font-size: 1.35rem;
}

.hx-search-workspace__query input {
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 1rem;
}

.hx-pill-button {
  cursor: pointer;
  font: inherit;
}

.hx-pill-button.is-active {
  border-color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
}

.hx-calendar-layout {
  grid-template-columns: minmax(0, 1.7fr) minmax(19rem, .62fr);
  align-items: start;
  gap: 1rem;
  display: grid;
}

.hx-calendar-day.is-outside {
  color: #9aa4b2;
  background: #fafbfc;
}

.hx-event-chip {
  text-align: left;
  width: 100%;
  color: var(--hx-color-ink);
  cursor: pointer;
  border: 1px solid #0000;
}

.hx-event-chip:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-time-grid {
  gap: .65rem;
  display: grid;
  overflow: auto;
}

.hx-time-grid--week {
  grid-template-columns: repeat(7, minmax(9rem, 1fr));
}

.hx-time-grid--day {
  grid-template-columns: 1fr;
}

.hx-time-column {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  min-height: 28rem;
  padding: .7rem;
}

.hx-time-column header {
  border-bottom: 1px solid var(--hx-color-border);
  margin-bottom: .65rem;
  padding-bottom: .55rem;
}

.hx-time-event {
  border-left: 3px solid var(--hx-color-brand);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  gap: .15rem;
  margin-bottom: .5rem;
  padding: .55rem;
  display: grid;
}

.hx-time-event small {
  color: var(--hx-color-muted);
}

.hx-segmented--wrap {
  flex-wrap: wrap;
}

@media (max-width: 78rem) {
  .hx-org-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-calendar-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 52rem) {
  .hx-detail-grid, .hx-org-grid {
    grid-template-columns: 1fr;
  }

  .hx-profile-hero {
    align-items: flex-start;
  }

  .hx-search-workspace__query {
    align-items: stretch;
  }

  .hx-time-grid--week {
    grid-template-columns: repeat(7, minmax(12rem, 1fr));
  }
}

@media (max-width: 34rem) {
  .hx-profile-hero {
    display: grid;
  }

  .hx-search-workspace__query {
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .hx-search-workspace__query .hx-button {
    grid-column: 1 / -1;
  }

  .hx-checkbox-row {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
}

.hx-app-frame {
  background: radial-gradient(circle at 76% -10%, rgb(var(--hx-color-brand-rgb) / 6%), transparent 25rem),
    var(--hx-color-canvas);
}

.hx-sidebar {
  border-right: 1px solid #ffffff0d;
  padding: 1rem .8rem;
}

.hx-brand {
  gap: .65rem;
  padding: .35rem .5rem 1rem;
}

.hx-brand__mark {
  border-radius: var(--hx-radius-md);
  width: 2.15rem;
  height: 2.15rem;
  box-shadow: none;
}

.hx-brand__name {
  font-size: .96rem;
  font-weight: 650;
}

.hx-brand__name strong {
  font-weight: 820;
}

.hx-nav__eyebrow {
  color: #8290a7;
  margin-top: 1.15rem;
  font-size: .64rem;
}

.hx-nav__link {
  color: #b9c4d5;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  align-items: center;
  gap: .2rem;
  min-height: 2.7rem;
  padding: .42rem .55rem;
  display: grid;
}

.hx-nav__link.is-active {
  color: #fff;
  background: linear-gradient(90deg, #ffffff1c, #ffffff0a);
  box-shadow: inset 2px 0 #7f9bff;
}

.hx-nav__icon {
  border-radius: var(--hx-radius-md);
  color: #8ea2bf;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  font-size: .92rem;
  display: grid;
}

.hx-nav__link.is-active .hx-nav__icon {
  color: #fff;
  background: #ffffff17;
}

.hx-sidebar__status {
  background: #4ade80;
  border-radius: 50%;
  width: .48rem;
  height: .48rem;
  position: absolute;
  right: .45rem;
  box-shadow: 0 0 0 3px #4ade801f;
}

.hx-topbar {
  background: #ffffffe0;
  box-shadow: 0 1px #10182805;
}

.hx-mobile-brand {
  text-decoration: none;
  display: none;
}

.hx-global-search {
  background: #f8fafc;
  border-color: #d8deea;
  max-width: 44rem;
}

.hx-global-search__icon {
  color: #667085;
}

.hx-page-stack--wide {
  gap: 1.15rem;
}

.hx-page-header {
  padding: .3rem 0 .65rem;
}

.hx-page-header h1 {
  max-width: 24ch;
  font-size: var(--hx-page-title-size);
  letter-spacing: -.052em;
}

.hx-page-header p {
  max-width: 62rem;
  font-size: 1rem;
}

.hx-card--feature {
  box-shadow: var(--hx-shadow-sm);
  border-color: #dce2ec;
}

.hx-section-kicker {
  color: var(--hx-color-brand-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .2rem;
  font-size: .67rem;
  font-weight: 800;
  display: block;
}

.hx-product-notice {
  border-radius: var(--hx-radius-md);
  color: #344054;
  background: #f5f7ff;
  border: 1px solid #cfd8ff;
  margin: 0;
  padding: .72rem .85rem;
  font-size: .85rem;
}

.hx-auth-stage {
  border-radius: var(--hx-radius-md);
  min-height: 39rem;
  box-shadow: none;
  background: #fff;
  border: 1px solid #dfe5ee;
  grid-template-columns: minmax(0, 1.04fr) minmax(24rem, .96fr);
  display: grid;
  overflow: hidden;
}

.hx-auth-panel__heading {
  gap: .45rem;
  display: grid;
}

.hx-auth-panel__heading-actions {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-auth-panel__heading h2 {
  color: #101828;
  letter-spacing: -.045em;
  margin: .55rem 0 0;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.05;
}

.hx-auth-panel__heading p, .hx-auth-story p {
  color: var(--hx-color-muted);
  margin: 0;
}

.hx-auth-tabs {
  border-radius: var(--hx-radius-md);
  background: #f5f7fa;
  border: 1px solid #e1e7ef;
  grid-template-columns: 1fr 1fr;
  gap: .3rem;
  margin: 1.6rem 0 1.35rem;
  padding: .25rem;
  display: grid;
}

.hx-auth-tabs button {
  border-radius: var(--hx-radius-md);
  color: #667085;
  cursor: pointer;
  min-height: 2.35rem;
  font: inherit;
  background: none;
  border: 0;
  font-size: .84rem;
  font-weight: 700;
}

.hx-auth-tabs button.is-active {
  color: #182230;
  box-shadow: var(--hx-shadow-sm);
  background: #fff;
}

.hx-auth-form {
  gap: .95rem;
  display: grid;
}

.hx-auth-form > .hx-button {
  width: 100%;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  margin-top: .2rem;
}

.hx-auth-notice {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  color: #263b85;
  margin: 0;
  padding: .72rem .8rem;
  font-size: .83rem;
}

.hx-auth-notice.is-error {
  background: var(--hx-color-danger-subtle);
  color: var(--hx-color-danger);
}

.hx-auth-text-action {
  width: fit-content;
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: .15rem 0;
  font-size: .83rem;
  font-weight: 700;
}

.hx-auth-story:after {
  content: "";
  border: 1px solid #ffffff1c;
  border-radius: 50%;
  width: 18rem;
  height: 18rem;
  position: absolute;
  top: -6rem;
  right: -6rem;
  box-shadow: 0 0 0 3rem #ffffff05, 0 0 0 6rem #ffffff05;
}

.hx-auth-story__eyebrow {
  color: #9fb2ff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 800;
}

.hx-auth-story h3 {
  z-index: 1;
  letter-spacing: -.055em;
  max-width: 15ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.3rem);
  line-height: .98;
  position: relative;
}

.hx-auth-story p {
  z-index: 1;
  color: #b9c4d5;
  max-width: 42rem;
  position: relative;
}

.hx-auth-proof-grid {
  z-index: 1;
  grid-template-columns: repeat(3, 1fr);
  gap: .55rem;
  margin-top: .6rem;
  display: grid;
  position: relative;
}

.hx-auth-proof-grid > div {
  border-top: 1px solid #ffffff2b;
  gap: .2rem;
  padding-top: .75rem;
  display: grid;
}

.hx-auth-proof-grid strong {
  font-size: .82rem;
}

.hx-auth-proof-grid span {
  color: #93a1b7;
  font-size: .7rem;
}

.hx-auth-story__footnote {
  font-size: .78rem;
  margin-top: 1.4rem !important;
}

.hx-auth-story__footnote a {
  color: #fff;
  font-weight: 700;
}

.hx-home-context {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #ffffffc2;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .8rem 1rem;
  display: flex;
}

.hx-home-context > div {
  grid-template-columns: auto auto;
  align-items: baseline;
  gap: .05rem .6rem;
  display: grid;
}

.hx-home-context__label {
  color: var(--hx-color-muted);
  font-size: .74rem;
}

.hx-home-context strong {
  font-size: .9rem;
}

.hx-home-context small {
  color: #778195;
  grid-column: 1 / -1;
}

.hx-metrics--product .hx-metric {
  min-height: 8.3rem;
  box-shadow: var(--hx-shadow-sm);
  border-color: #dce2ec;
}

.hx-metrics--product .hx-metric > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12ch;
  font-size: clamp(1.5rem, 2.4vw, 2.15rem);
  overflow: hidden;
}

.hx-action-stream {
  display: grid;
}

.hx-action-stream__item {
  border-top: 1px solid var(--hx-color-border);
  color: inherit;
  grid-template-columns: 2.3rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: 1rem 0;
  text-decoration: none;
  display: grid;
}

.hx-action-stream__item:first-child {
  border-top: 0;
}

.hx-action-stream__item:hover strong {
  color: var(--hx-color-brand-strong);
}

.hx-action-stream__item > span:nth-child(2) {
  gap: .18rem;
  display: grid;
}

.hx-action-stream__item small {
  color: var(--hx-color-muted);
}

.hx-action-stream__index {
  color: #98a2b3;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .7rem;
}

.hx-action-stream__item b {
  color: #98a2b3;
  font-size: 1.1rem;
}

.hx-pulse-list {
  display: grid;
}

.hx-pulse-list > div {
  border-top: 1px solid var(--hx-color-border);
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem 0;
  display: flex;
}

.hx-pulse-list > div:first-child {
  border-top: 0;
}

.hx-pulse-list span {
  color: var(--hx-color-muted);
  font-size: .83rem;
}

.hx-pulse-list strong {
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 13rem;
  overflow: hidden;
}

.hx-pulse-footer {
  border-radius: var(--hx-radius-md);
  background: #f5f7fa;
  margin-top: .4rem;
  padding: .8rem;
}

.hx-pulse-footer a {
  color: var(--hx-color-ink);
  justify-content: space-between;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.hx-welcome-panel {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  box-shadow: var(--hx-shadow-sm);
  background: #fff;
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
  gap: 1.2rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  display: grid;
  overflow: hidden;
}

.hx-welcome-panel__copy h2 {
  letter-spacing: -.05em;
  max-width: 17ch;
  margin: .6rem 0;
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1;
}

.hx-welcome-panel__copy p {
  max-width: 44rem;
  color: var(--hx-color-muted);
}

.hx-welcome-panel__signal {
  align-content: center;
  gap: .5rem;
  display: grid;
}

.hx-welcome-panel__signal > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #f8fafc;
  gap: .18rem;
  padding: .85rem;
  display: grid;
}

.hx-welcome-panel__signal span {
  color: var(--hx-color-muted);
  font-size: .76rem;
}

.hx-context-strip {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .8rem;
  display: flex;
}

.hx-context-strip__identity {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-context-strip__identity > div {
  gap: .04rem;
  display: grid;
}

.hx-context-strip__identity span, .hx-context-strip__identity small {
  color: var(--hx-color-muted);
  font-size: .72rem;
}

.hx-context-strip__mark {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  display: grid;
  color: var(--hx-color-brand) !important;
  font-size: 1.1rem !important;
}

.hx-context-strip__actions {
  align-items: end;
  gap: .55rem;
  display: flex;
}

.hx-context-strip__actions .hx-field {
  min-width: 15rem;
}

.hx-context-strip__actions .hx-field__label {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.hx-org-overview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  display: grid;
}

.hx-org-overview > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  gap: .16rem;
  padding: .9rem 1rem;
  display: grid;
}

.hx-org-overview span, .hx-org-overview small {
  color: var(--hx-color-muted);
  font-size: .73rem;
}

.hx-org-overview strong {
  letter-spacing: -.04em;
  margin: .08rem 0;
  font-size: 1.6rem;
}

.hx-workspace-surface {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  box-shadow: var(--hx-shadow-sm);
  background: #fff;
  overflow: hidden;
}

.hx-workspace-toolbar {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem .85rem;
  display: flex;
}

.hx-workspace-tabs {
  align-items: center;
  gap: .2rem;
  display: flex;
  overflow-x: auto;
}

.hx-workspace-tabs button {
  border-radius: var(--hx-radius-md);
  min-height: 2.35rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  align-items: center;
  gap: .4rem;
  padding: 0 .68rem;
  font-size: .82rem;
  font-weight: 700;
  display: inline-flex;
}

.hx-workspace-tabs button span {
  color: #667085;
  background: #eef1f5;
  border-radius: 999px;
  place-items: center;
  min-width: 1.35rem;
  height: 1.35rem;
  font-size: .67rem;
  display: grid;
}

.hx-workspace-tabs button.is-active {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
}

.hx-workspace-tabs button.is-active span {
  color: var(--hx-color-brand-strong);
  background: #dfe6ff;
}

.hx-workspace-content {
  min-height: 25rem;
  padding: .9rem;
}

.hx-composer {
  border-bottom: 1px solid var(--hx-color-border);
  background: linear-gradient(#fbfcff, #f7f9fd);
  padding: 1rem;
}

.hx-composer__head {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.hx-composer__head h3 {
  margin: .1rem 0;
  font-size: 1.1rem;
}

.hx-composer__head p {
  max-width: 54rem;
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .82rem;
}

.hx-composer-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: .75rem;
  display: grid;
}

.hx-composer-form--wide {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hx-composer-form__actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
  gap: .5rem;
  margin-top: .1rem;
  display: flex;
}

.hx-org-directory {
  display: grid;
}

.hx-org-directory__row {
  border-top: 1px solid var(--hx-color-border);
  grid-template-columns: minmax(16rem, 1.5fr) auto minmax(7rem, .45fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .85rem .3rem;
  display: grid;
}

.hx-org-directory__row:first-child {
  border-top: 0;
}

.hx-org-directory__identity {
  align-items: center;
  gap: .7rem;
  min-width: 0;
  display: flex;
}

.hx-org-directory__identity > div {
  min-width: 0;
  display: grid;
}

.hx-org-directory__identity small, .hx-org-directory__meta {
  color: var(--hx-color-muted);
  font-size: .75rem;
}

.hx-org-directory__icon {
  border-radius: var(--hx-radius-md);
  color: #667085;
  background: #f1f4f9;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.hx-table-wrap--clean {
  border: 0;
  border-radius: 0;
}

.hx-table-wrap--clean .hx-table {
  min-width: 42rem;
}

.hx-table-subline {
  color: var(--hx-color-muted);
  margin-top: .1rem;
  display: block;
}

.hx-position-board {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  display: grid;
}

.hx-position-card {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  padding: .9rem;
}

.hx-position-card__head {
  justify-content: space-between;
  align-items: start;
  gap: .7rem;
  display: flex;
}

.hx-position-card h3 {
  margin: .1rem 0 0;
  font-size: 1rem;
}

.hx-position-card dl {
  grid-template-columns: 1fr 1fr;
  gap: .55rem;
  margin: 1rem 0 0;
  display: grid;
}

.hx-position-card dl div {
  gap: .08rem;
  display: grid;
}

.hx-position-card dt {
  color: var(--hx-color-muted);
  font-size: .68rem;
}

.hx-position-card dd {
  margin: 0;
  font-size: .8rem;
  font-weight: 650;
}

.hx-site {
  color: #111827;
  background: #fff;
  min-height: 100vh;
}

.hx-site-nav {
  z-index: var(--hx-layer-site-nav);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffe6;
  border-bottom: 1px solid #11182712;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  max-width: 82rem;
  min-height: 4.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
  display: flex;
  position: sticky;
  top: 0;
}

.hx-site-brand {
  color: #111827;
  align-items: center;
  gap: .6rem;
  font-weight: 760;
  text-decoration: none;
  display: inline-flex;
}

.hx-site-brand .hx-brand__mark {
  color: #fff;
  box-shadow: none;
  background: #111827;
}

.hx-site-nav__links {
  gap: 1.35rem;
  display: flex;
}

.hx-site-nav__links a {
  color: #5b6576;
  font-size: .82rem;
  font-weight: 650;
  text-decoration: none;
}

.hx-site-nav__actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-site-button, .hx-site-button--quiet {
  border-radius: var(--hx-radius-md);
  justify-content: center;
  align-items: center;
  min-height: 2.55rem;
  padding: 0 .85rem;
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.hx-site-button {
  color: #fff;
  background: #111827;
}

.hx-site-button--quiet {
  color: #111827;
}

.hx-site-hero {
  grid-template-columns: minmax(0, 1.03fr) minmax(24rem, .97fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
  max-width: 82rem;
  margin: 0 auto;
  padding: clamp(4.5rem, 10vw, 8.5rem) 1.25rem 5rem;
  display: grid;
  position: relative;
}

.hx-site-hero__copy {
  gap: 1.2rem;
  display: grid;
}

.hx-site-eyebrow {
  width: fit-content;
  color: var(--hx-color-brand-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  background: #f5f7ff;
  border: 1px solid #d8e0ff;
  border-radius: 999px;
  padding: .35rem .65rem;
  font-size: .7rem;
  font-weight: 800;
}

.hx-site-hero h1 {
  letter-spacing: -.07em;
  max-width: 12ch;
  margin: 0;
  font-size: clamp(3.1rem, 7vw, 6.2rem);
  line-height: .91;
}

.hx-site-hero__copy > p {
  color: #5d687b;
  max-width: 42rem;
  margin: 0;
  font-size: clamp(1rem, 1.7vw, 1.2rem);
}

.hx-site-hero__actions {
  flex-wrap: wrap;
  gap: .6rem;
  display: flex;
}

.hx-site-hero__trust {
  color: #6b7280;
  flex-wrap: wrap;
  gap: .9rem;
  font-size: .73rem;
  display: flex;
}

.hx-site-preview {
  min-height: 33rem;
  position: relative;
}

.hx-site-preview:before {
  content: "";
  background: radial-gradient(circle,
    rgb(var(--hx-color-brand-rgb) / 15%),
    rgb(var(--hx-color-brand-rgb) / 3%) 50%,
    transparent 70%);
  filter: blur(10px);
  border-radius: 50%;
  position: absolute;
  inset: 3rem 0 0 3rem;
}

.hx-site-preview__frame {
  border-radius: var(--hx-radius-md);
  box-shadow: var(--hx-shadow-lg);
  background: #f6f8fb;
  border: 1px solid #dbe1eb;
  position: relative;
  overflow: hidden;
  transform: rotate(1.2deg);
}

.hx-site-preview__top {
  background: #fff;
  border-bottom: 1px solid #e1e6ee;
  justify-content: space-between;
  align-items: center;
  height: 3.2rem;
  padding: 0 .8rem;
  display: flex;
}

.hx-site-preview__dots {
  gap: .25rem;
  display: flex;
}

.hx-site-preview__dots span {
  background: #d4dae4;
  border-radius: 50%;
  width: .45rem;
  height: .45rem;
}

.hx-site-preview__body {
  grid-template-columns: 7.5rem minmax(0, 1fr);
  min-height: 29rem;
  display: grid;
}

.hx-site-preview__rail {
  background: #111827;
  align-content: start;
  gap: .45rem;
  padding: .8rem;
  display: grid;
}

.hx-site-preview__rail span {
  border-radius: var(--hx-radius-md);
  background: #ffffff0f;
  height: 1.75rem;
}

.hx-site-preview__rail span:first-child, .hx-site-preview__rail span:nth-child(3) {
  background: #ffffff21;
}

.hx-site-preview__content {
  padding: 1rem;
}

.hx-site-preview__heading {
  border-radius: var(--hx-radius-md);
  background: #111827;
  width: 58%;
  height: 1.3rem;
}

.hx-site-preview__subheading {
  border-radius: var(--hx-radius-md);
  background: #cdd4df;
  width: 76%;
  height: .6rem;
  margin-top: .45rem;
}

.hx-site-preview__metrics {
  grid-template-columns: repeat(3, 1fr);
  gap: .45rem;
  margin-top: 1rem;
  display: grid;
}

.hx-site-preview__metrics div {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e1e6ee;
  height: 5rem;
}

.hx-site-preview__panel {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e1e6ee;
  gap: .55rem;
  margin-top: .65rem;
  padding: .8rem;
  display: grid;
}

.hx-site-preview__panel span {
  border-radius: var(--hx-radius-md);
  background: #f0f3f8;
  height: 2.5rem;
}

.hx-site-section {
  max-width: 82rem;
  margin: 0 auto;
  padding: clamp(4rem, 8vw, 7rem) 1.25rem;
}

.hx-site-section__head {
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  align-items: end;
  gap: 2rem;
  margin-bottom: 2rem;
  display: grid;
}

.hx-site-section__head h2 {
  letter-spacing: -.06em;
  max-width: 15ch;
  margin: 0;
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  line-height: .96;
}

.hx-site-section__head p {
  color: #626d7f;
  max-width: 45rem;
  margin: 0;
}

.hx-site-capabilities {
  border-top: 1px solid #dfe4ec;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.hx-site-capability {
  border-bottom: 1px solid #dfe4ec;
  border-right: 1px solid #dfe4ec;
  min-height: 15rem;
  padding: 1.25rem;
}

.hx-site-capability:nth-child(3n) {
  border-right: 0;
}

.hx-site-capability span {
  color: var(--hx-color-brand-strong);
  letter-spacing: .08em;
  font-size: .68rem;
  font-weight: 800;
}

.hx-site-capability h3 {
  letter-spacing: -.035em;
  margin: 2.5rem 0 .5rem;
  font-size: 1.35rem;
}

.hx-site-capability p {
  color: #667085;
  margin: 0;
  font-size: .88rem;
}

.hx-site-dark {
  color: #fff;
  background: #0d1524;
}

.hx-site-dark__inner {
  grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr);
  gap: 3rem;
  max-width: 82rem;
  margin: 0 auto;
  padding: clamp(4rem, 8vw, 7rem) 1.25rem;
  display: grid;
}

.hx-site-dark h2 {
  letter-spacing: -.06em;
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4.6rem);
  line-height: .95;
}

.hx-site-dark p {
  color: #aab6c8;
}

.hx-site-dark__list {
  gap: .6rem;
  display: grid;
}

.hx-site-dark__list div {
  border-top: 1px solid #ffffff1f;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  gap: .75rem;
  padding-top: .9rem;
  display: grid;
}

.hx-site-dark__list b {
  color: #8ea6ff;
  font-size: .72rem;
}

.hx-site-dark__list strong {
  font-size: .9rem;
  display: block;
}

.hx-site-dark__list small {
  color: #8f9db2;
}

.hx-site-cta {
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  max-width: 82rem;
  margin: 0 auto;
  padding: clamp(4rem, 8vw, 7rem) 1.25rem;
  display: flex;
}

.hx-site-cta h2 {
  letter-spacing: -.055em;
  max-width: 18ch;
  margin: 0;
  font-size: clamp(2.3rem, 5vw, 4rem);
  line-height: .97;
}

.hx-site-footer {
  color: #667085;
  border-top: 1px solid #e1e6ed;
  justify-content: space-between;
  gap: 1rem;
  max-width: 82rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 2.2rem;
  font-size: .76rem;
  display: flex;
}

@media (max-width: 70rem) {
  .hx-auth-stage, .hx-site-hero, .hx-site-dark__inner {
    grid-template-columns: 1fr;
  }

  .hx-auth-story h3 {
    max-width: 20ch;
  }

  .hx-org-overview, .hx-composer-form, .hx-composer-form--wide, .hx-position-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-site-preview {
    max-width: 44rem;
  }
}

@media (max-width: 52rem) {
  .hx-mobile-brand {
    display: inline-flex;
  }

  .hx-mobile-brand .hx-brand__mark {
    width: 2.3rem;
    height: 2.3rem;
    box-shadow: none;
  }

  .hx-mobile-nav a {
    justify-items: center;
    gap: .05rem;
    display: grid;
  }

  .hx-mobile-nav a > span {
    font-size: 1rem;
  }

  .hx-mobile-nav a.is-active {
    color: var(--hx-color-brand-strong);
  }

  .hx-global-search {
    width: min(100%, 30rem);
  }

  .hx-home-context, .hx-context-strip, .hx-workspace-toolbar, .hx-site-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-context-strip__actions {
    width: 100%;
  }

  .hx-context-strip__actions .hx-field {
    flex: 1;
    min-width: 0;
  }

  .hx-org-directory__row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hx-org-directory__meta, .hx-org-directory__row > .hx-code-label {
    display: none;
  }

  .hx-position-board {
    grid-template-columns: 1fr;
  }

  .hx-site-nav__links {
    display: none;
  }

  .hx-site-section__head {
    grid-template-columns: 1fr;
  }

  .hx-site-capabilities {
    grid-template-columns: 1fr 1fr;
  }

  .hx-site-capability:nth-child(3n) {
    border-right: 1px solid #dfe4ec;
  }

  .hx-site-capability:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 40rem) {
  .hx-auth-stage {
    border-radius: var(--hx-radius-md);
  }

  .hx-auth-proof-grid, .hx-composer-form, .hx-composer-form--wide, .hx-org-overview, .hx-site-capabilities, .hx-welcome-panel {
    grid-template-columns: 1fr;
  }

  .hx-workspace-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-workspace-toolbar > .hx-button {
    width: 100%;
  }

  .hx-site-nav__actions .hx-site-button--quiet {
    display: none;
  }

  .hx-site-hero {
    padding-top: 3.5rem;
  }

  .hx-site-preview {
    min-height: 24rem;
  }

  .hx-site-preview__body {
    grid-template-columns: 4.7rem minmax(0, 1fr);
    min-height: 22rem;
  }

  .hx-site-preview__metrics {
    grid-template-columns: 1fr 1fr;
  }

  .hx-site-footer {
    flex-direction: column;
  }
}

.hx-account-header {
  border-bottom: 1px solid var(--hx-color-border);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffeb;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 4.5rem;
  padding: .8rem clamp(1rem, 4vw, 2.5rem);
  display: flex;
}

.hx-account-header .hx-brand {
  color: var(--hx-color-ink);
}

.hx-account-content {
  align-items: center;
  width: 100%;
  min-height: calc(100dvh - 4.65rem);
  display: grid;
}

@media (max-width: 40rem) {
  .hx-account-header .hx-quiet-action {
    font-size: .78rem;
  }
}

body {
  background: var(--hx-color-canvas);
}

.hx-sidebar {
  background: linear-gradient(#0b1220 0%, #0d1627 100%);
  border-right: 1px solid #ffffff0d;
  padding: 1.05rem .85rem;
}

.hx-brand__mark {
  border-radius: var(--hx-radius-md);
  color: #101828;
  background: #fff;
  box-shadow: inset 0 0 0 1px #10182814;
}

.hx-nav__link {
  border-radius: var(--hx-radius-md);
  color: #c8d1df;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  align-items: center;
  gap: .35rem;
  min-height: 2.65rem;
  padding: .5rem .62rem;
  display: grid;
  position: relative;
}

.hx-nav__link:before {
  content: "";
  background: none;
  border-radius: 999px;
  width: .16rem;
  height: 1.3rem;
  position: absolute;
  left: -.2rem;
}

.hx-nav__link.is-active {
  color: #fff;
  background: #ffffff17;
}

.hx-nav__link.is-active:before {
  background: #8192ff;
}

.hx-nav__icon {
  color: #8f9bb0;
  place-items: center;
  width: 1.45rem;
  display: grid;
}

.hx-nav__link.is-active .hx-nav__icon {
  color: #c7d0ff;
}

.hx-topbar {
  background: #fffffff0;
  border-bottom-color: #e5eaf1;
  min-height: 4.2rem;
  box-shadow: 0 1px #10182805;
}

.hx-global-search {
  border-radius: var(--hx-radius-md);
  background: #f8fafc;
  border-color: #dfe5ee;
}

.hx-global-search:hover {
  border-color: #c7d0dd;
}

.hx-icon-action {
  width: var(--hx-control-height);
  height: var(--hx-control-height);
  border-radius: var(--hx-radius-md);
  color: #475467;
  transition: border-color var(--hx-transition-fast),
    background var(--hx-transition-fast),
    color var(--hx-transition-fast);
  background: #fff;
  border: 1px solid #e0e6ef;
  place-items: center;
  text-decoration: none;
  display: grid;
}

.hx-icon-action:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-icon-action:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: var(--hx-focus-ring);
  outline-offset: var(--hx-focus-ring-offset);
}

.hx-action-menu {
  position: relative;
}

.hx-create-action {
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  border: 1px solid var(--hx-color-brand);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand);
  color: #fff;
  cursor: pointer;
  font: inherit;
  transition: border-color var(--hx-transition-fast);
  align-items: center;
  gap: .35rem;
  padding: 0 .9rem;
  font-size: .84rem;
  font-weight: 720;
  display: inline-flex;
}

.hx-create-action:hover {
  border-color: var(--hx-color-brand-hover);
  background: var(--hx-color-brand-hover);
}

.hx-action-menu:focus-within .hx-create-action {
  border-color: var(--hx-color-brand-strong);
  box-shadow: none;
}

.hx-action-menu__chevron {
  opacity: .8;
  transition: transform var(--hx-transition-fast);
  font-size: .72rem;
}

.hx-action-menu.is-open .hx-action-menu__chevron {
  transform: rotate(180deg);
}

.hx-action-menu__panel {
  z-index: var(--hx-layer-menu);
  border-radius: var(--hx-radius-md);
  width: 20rem;
  box-shadow: var(--hx-shadow-menu);
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border: 1px solid #dfe5ee;
  gap: .2rem;
  padding: .45rem;
  transition: opacity .14s, transform .14s, visibility .14s;
  display: grid;
  position: absolute;
  top: calc(100% + .7rem);
  right: 0;
  transform: translateY(-.3rem);
}

.hx-action-menu__panel:before {
  content: "";
  height: .8rem;
  position: absolute;
  inset: -.75rem 0 auto;
}

.hx-action-menu.is-open .hx-action-menu__panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hx-action-menu__panel[hidden] {
  display: none;
}

.hx-action-menu__panel a {
  border-radius: var(--hx-radius-md);
  color: #1d2939;
  border: 1px solid #0000;
  gap: .12rem;
  padding: .72rem .75rem;
  text-decoration: none;
  display: grid;
}

.hx-action-menu__panel a:hover, .hx-action-menu__panel a:focus-visible {
  border-color: var(--hx-color-border-strong);
}

.hx-action-menu__panel a:focus-visible {
  outline: var(--hx-focus-ring);
  outline-offset: var(--hx-focus-ring-offset);
}

.hx-action-menu__panel strong {
  font-size: .83rem;
}

.hx-action-menu__panel small {
  color: #667085;
  font-size: .72rem;
}

.hx-page-header {
  padding-block: .2rem .7rem;
}

.hx-page-header__eyebrow, .hx-section-kicker {
  color: var(--hx-color-brand-strong);
}

.hx-workspace-toolbar {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e0e6ef;
  padding: .8rem;
  box-shadow: 0 1px 2px #10182808;
}

.hx-product-notice {
  color: #46526a;
  background: #f7f8ff;
  border-color: #d8e0ff;
}

.hx-account-frame {
  background: radial-gradient(circle at 16% 0%, rgb(var(--hx-color-brand-rgb) / 10%), transparent 34rem),
    var(--hx-color-canvas);
  min-height: 100dvh;
}

.hx-account-header {
  background: #fffffff0;
  border-bottom-color: #e3e8f0;
  min-height: 4.65rem;
}

.hx-account-header__actions {
  color: #7a8699;
  align-items: center;
  gap: 1rem;
  font-size: .76rem;
  display: flex;
}

.hx-auth-page {
  width: min(76rem, 100% - 2rem);
  margin: 0 auto;
  padding: clamp(.75rem, 2vh, 1.5rem) 0;
}

.hx-auth-inline-feedback {
  min-width: 0;
}

.hx-auth-inline-feedback .hx-action-feedback {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
  gap: .55rem .7rem;
}

.hx-auth-inline-feedback .hx-action-feedback__copy {
  gap: .2rem;
  min-width: 0;
}

.hx-auth-inline-feedback .hx-action-feedback__copy > strong {
  font-size: .875rem;
  line-height: 1.25;
}

.hx-auth-inline-feedback .hx-action-feedback__copy > span {
  color: var(--hx-color-muted);
  font-size: .8125rem;
  line-height: 1.45;
}

.hx-auth-inline-feedback .hx-action-feedback__action {
  grid-area: auto / 2;
  justify-self: start;
  width: auto;
  max-width: 100%;
}

.hx-auth-inline-feedback .hx-action-feedback__action .hx-button {
  white-space: nowrap;
  width: auto;
  max-width: 100%;
  padding-inline: .8rem;
}

.hx-auth-inline-feedback--account-not-found .hx-action-feedback {
  border-color: color-mix(in srgb, var(--hx-color-danger) 22%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-danger-subtle) 58%, var(--hx-color-surface));
  padding: .7rem .75rem;
}

.hx-auth-notice-email {
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  display: inline !important;
}

.hx-auth-story:after {
  display: none;
}

.hx-auth-story__brandline {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.hx-auth-story__signal {
  color: #aeb8ca;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  padding: .3rem .55rem;
  font-size: .68rem;
}

.hx-auth-story__visual[data-kind="verify"] > span:nth-child(2) {
  border-radius: 50% 50% 42% 42%;
  width: 38%;
  height: 66%;
}

.hx-auth-story__visual[data-kind="recover"] > span:nth-child(2) {
  width: 44%;
  height: 54%;
  top: 2%;
}

.hx-auth-story__visual[data-kind="create"] > span:first-child {
  border-radius: 1.6rem 1.6rem .6rem .6rem;
  inset: 8% 34% 8% 0;
}

.hx-auth-proof-list {
  grid-template-columns: repeat(3, 1fr);
  gap: .9rem;
  display: grid;
}

.hx-auth-proof-list > div {
  border-top: 1px solid #ffffff21;
  gap: .25rem;
  padding-top: .8rem;
  display: grid;
}

.hx-auth-proof-list > div > span {
  color: #8294ff;
  font-size: .68rem;
  font-weight: 760;
}

.hx-auth-proof-list strong {
  color: #fff;
  font-size: .82rem;
}

.hx-auth-proof-list small {
  color: #8290a6;
  font-size: .7rem;
  line-height: 1.45;
}

.hx-auth-panel {
  align-self: center;
  width: min(31rem, 100%);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4rem);
}

.hx-auth-company-context {
  width: fit-content;
  max-width: 100%;
  color: var(--hx-color-muted);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: .35rem .55rem;
  margin-top: .2rem;
  font-size: .76rem;
  display: grid;
}

.hx-auth-company-context strong {
  min-width: 0;
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  font-size: .82rem;
}

.hx-auth-code-field {
  gap: .45rem;
  min-width: 0;
  display: grid;
}

.hx-auth-code-field__header {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-auth-code-field__header label {
  color: var(--hx-color-ink);
  font-size: .78rem;
  font-weight: 700;
}

.hx-auth-code-field__header label span {
  color: var(--hx-color-danger);
}

.hx-auth-code-boxes {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .5rem;
  max-width: 23rem;
  display: grid;
}

.hx-auth-code-box {
  width: 100%;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font: inherit;
  text-align: center;
  caret-color: var(--hx-color-brand);
  font-size: 1rem;
  font-weight: 750;
}

.hx-auth-code-field__hint, .hx-auth-code-field__error {
  min-height: 1.05rem;
  color: var(--hx-color-muted);
  font-size: .74rem;
  line-height: 1.4;
}

.hx-auth-code-field__error {
  color: var(--hx-color-danger);
}

.hx-auth-panel__footer {
  color: #7a8699;
  border-top: 1px solid #e7ebf1;
  margin-top: 1.4rem;
  padding-top: 1rem;
  font-size: .76rem;
}

.hx-auth-panel__footer a {
  color: var(--hx-color-brand-strong);
  font-weight: 700;
  text-decoration: none;
}

.hx-dev-token {
  border-radius: var(--hx-radius-md);
  background: #f7f8ff;
  border: 1px dashed #aeb9ff;
  gap: .35rem;
  padding: .85rem;
  display: grid;
}

.hx-dev-token span {
  color: #536079;
  font-size: .72rem;
  font-weight: 700;
}

.hx-dev-token code {
  overflow-wrap: anywhere;
  color: #293ea8;
  font-size: .78rem;
}

.hx-dev-token__input {
  width: 100%;
  min-height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-sm);
  color: #293ea8;
  font: inherit;
  background: #fff;
  border: 1px solid #c9d0e4;
  padding: .65rem .75rem;
  font-size: .78rem;
}

.hx-dev-token__input:focus {
  outline: 3px solid color-mix(in srgb, var(--hx-color-brand) 24%, transparent);
  outline-offset: 1px;
}

.hx-dev-token small {
  color: #7b8496;
  font-size: .68rem;
}

.hx-site-nav {
  border-bottom-color: #e7ebf1;
}

.hx-site-menu {
  position: relative;
}

.hx-site-menu > button {
  color: #5b6576;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: .3rem;
  padding: .65rem 0;
  font-size: .82rem;
  font-weight: 650;
  display: inline-flex;
}

.hx-site-menu > button span {
  transition: transform .15s;
}

.hx-site-menu:hover > button, .hx-site-menu:focus-within > button {
  color: #111827;
}

.hx-site-menu:hover > button span, .hx-site-menu:focus-within > button span {
  transform: rotate(180deg);
}

.hx-site-menu__panel {
  z-index: var(--hx-layer-menu);
  border-radius: var(--hx-radius-md);
  width: min(46rem, 100vw - 2rem);
  box-shadow: var(--hx-shadow-menu);
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border: 1px solid #dfe5ee;
  grid-template-columns: repeat(3, 1fr);
  gap: .45rem;
  padding: .6rem;
  transition: opacity .14s, transform .14s, visibility .14s;
  display: grid;
  position: absolute;
  top: calc(100% + .6rem);
  left: 50%;
  transform: translate(-50%, -.35rem);
}

.hx-site-menu__panel:before {
  content: "";
  height: .8rem;
  position: absolute;
  inset: -.75rem 0 auto;
}

.hx-site-menu:hover .hx-site-menu__panel, .hx-site-menu:focus-within .hx-site-menu__panel {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%);
}

.hx-site-menu__panel > div {
  border-radius: var(--hx-radius-md);
  align-content: start;
  gap: .2rem;
  padding: .55rem;
  display: grid;
}

.hx-site-menu__panel > div > small {
  color: #98a2b3;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .25rem .45rem .45rem;
  font-size: .65rem;
  font-weight: 760;
}

.hx-site-menu__panel a {
  border-radius: var(--hx-radius-md);
  border: 1px solid #0000;
  gap: .12rem;
  padding: .55rem .45rem;
  display: grid;
}

.hx-site-menu__panel a:hover, .hx-site-menu__panel a:focus-visible {
  border-color: var(--hx-color-border-strong);
}

.hx-site-menu__panel a:focus-visible {
  outline: var(--hx-focus-ring);
  outline-offset: var(--hx-focus-ring-offset);
}

.hx-site-menu__panel strong {
  color: #1d2939;
  font-size: .78rem;
}

.hx-site-menu__panel span {
  color: #7a8699;
  font-size: .68rem;
  line-height: 1.4;
}

.hx-site-button {
  border: 1px solid var(--hx-color-brand);
  background: var(--hx-color-brand);
}

.hx-site-button:hover {
  border-color: var(--hx-color-brand-hover);
  background: var(--hx-color-brand-hover);
}

.hx-people-workspace {
  gap: .9rem;
  display: grid;
}

.hx-people-toolbar {
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  display: flex;
}

.hx-people-toolbar__context {
  flex: 1;
  grid-template-columns: minmax(13rem, .42fr) minmax(18rem, 1fr);
  gap: .75rem;
  display: grid;
}

.hx-people-summary {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e0e6ef;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}

.hx-people-summary > div {
  border-right: 1px solid #e7ebf1;
  gap: .15rem;
  padding: .78rem .95rem;
  display: grid;
}

.hx-people-summary > div:last-child {
  border-right: 0;
}

.hx-people-summary span {
  color: #7a8699;
  font-size: .7rem;
}

.hx-people-summary strong {
  color: #182230;
  letter-spacing: -.03em;
  font-size: 1.25rem;
}

.hx-people-layout {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e0e6ef;
  grid-template-columns: minmax(20rem, .72fr) minmax(0, 1.28fr);
  min-height: 38rem;
  display: grid;
  overflow: hidden;
}

.hx-people-directory {
  background: #fbfcfe;
  border-right: 1px solid #e5eaf1;
  min-width: 0;
}

.hx-panel-heading {
  border-bottom: 1px solid #e7ebf1;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 4.3rem;
  padding: .8rem 1rem;
  display: flex;
}

.hx-panel-heading > div {
  min-width: 0;
}

.hx-panel-heading h2, .hx-panel-heading h3 {
  color: #182230;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 1rem;
}

.hx-panel-heading > small, .hx-panel-heading div > small {
  color: #8a95a7;
  font-size: .7rem;
}

.hx-panel-heading--compact {
  border-bottom: 0;
  min-height: auto;
  padding: 0;
}

.hx-person-list {
  max-height: 43rem;
  display: grid;
  overflow: auto;
}

.hx-person-row {
  width: 100%;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 1px solid #0000;
  border-bottom-color: #edf0f4;
  grid-template-columns: 2.45rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .76rem .9rem;
  transition: border-color .12s;
  display: grid;
}

.hx-person-row:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-person-row.is-active {
  box-shadow: inset .18rem 0 var(--hx-color-brand);
  background: #f2f4ff;
}

.hx-person-avatar {
  border-radius: var(--hx-radius-md);
  color: #4054c8;
  background: #fff;
  border: 1px solid #dfe5ee;
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  font-size: .72rem;
  font-weight: 760;
  display: grid;
}

.hx-person-avatar--xl {
  border-radius: var(--hx-radius-md);
  background: linear-gradient(145deg, #eef1ff, #fff);
  width: 4.5rem;
  height: 4.5rem;
  font-size: 1rem;
}

.hx-person-row__main, .hx-person-row__meta {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-person-row__main strong {
  color: #1d2939;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .82rem;
  overflow: hidden;
}

.hx-person-row__main small, .hx-person-row__meta small {
  color: #7a8699;
  font-size: .68rem;
}

.hx-person-row__meta {
  justify-items: end;
}

.hx-person-detail {
  background: #fff;
  min-width: 0;
}

.hx-person-detail__hero {
  align-items: flex-start;
  gap: 1rem;
  padding: 1.35rem;
  display: flex;
}

.hx-person-detail__identity {
  gap: .35rem;
  min-width: 0;
  display: grid;
}

.hx-person-detail__identity h2 {
  color: #101828;
  letter-spacing: -.035em;
  margin: 0;
  font-size: 1.5rem;
}

.hx-person-detail__identity p {
  color: #667085;
  margin: 0;
  font-size: .82rem;
}

.hx-person-detail__actions {
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .35rem;
  display: flex;
}

.hx-detail-tabs {
  border-top: 1px solid #edf0f4;
  border-bottom: 1px solid #e5eaf1;
  gap: 1.35rem;
  padding: 0 1.35rem;
  display: flex;
  overflow-x: auto;
}

.hx-detail-tabs button {
  color: #667085;
  cursor: pointer;
  min-height: 3rem;
  font: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  font-size: .77rem;
  font-weight: 680;
  position: relative;
}

.hx-detail-tabs button:after {
  content: "";
  background: none;
  height: 2px;
  position: absolute;
  inset: auto 0 -1px;
}

.hx-detail-tabs button.is-active {
  color: #293ea8;
}

.hx-detail-tabs button.is-active:after {
  background: var(--hx-color-brand);
}

.hx-person-overview, .hx-person-section {
  padding: 1.35rem;
}

.hx-person-overview {
  gap: 1rem;
  display: grid;
}

.hx-detail-grid--quiet > div {
  border-radius: var(--hx-radius-md);
  background: #fafbfc;
  border-color: #e8ecf2;
}

.hx-person-callout {
  background: #f7f8ff;
  border-left: 3px solid #7f90ff;
  gap: .35rem;
  padding: .8rem .9rem;
  display: grid;
}

.hx-person-callout p {
  color: #667085;
  max-width: 46rem;
  margin: 0;
  font-size: .78rem;
}

.hx-section-heading > div {
  gap: .12rem;
  display: grid;
}

.hx-section-heading small {
  color: #7a8699;
  font-size: .7rem;
}

.hx-record-list {
  border-top: 1px solid #e7ebf1;
  display: grid;
}

.hx-record-list article {
  border-bottom: 1px solid #edf0f4;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 3.6rem;
  padding: .65rem 0;
  display: flex;
}

.hx-record-list article > div {
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-record-list strong {
  color: #344054;
  font-size: .8rem;
}

.hx-record-list small {
  color: #7a8699;
  font-size: .69rem;
}

.hx-record-list--compact article {
  min-height: 3.1rem;
}

.hx-person-mini {
  border-bottom: 1px solid #e7ebf1;
  align-items: center;
  gap: .7rem;
  padding-bottom: .85rem;
  display: flex;
}

.hx-person-mini > div {
  gap: .1rem;
  display: grid;
}

.hx-person-mini small {
  color: #7a8699;
  font-size: .7rem;
}

.hx-form-guidance {
  color: #667085;
  background: #f8f9ff;
  border-left: 2px solid #b8c5ff;
  margin: 0;
  padding: .7rem .8rem;
  font-size: .75rem;
}

.hx-page-title {
  font-size: var(--hx-page-title-size);
  align-items: center;
  gap: var(--hx-space-3);
  min-width: 0;
  display: flex;
}

.hx-page-title__icon {
  border-radius: var(--hx-radius-control);
  width: 1em;
  height: 1em;
  color: var(--hx-color-brand);
  background: color-mix(in srgb, var(--hx-color-brand) 8%, transparent);
  flex: 0 0 1em;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.hx-page-title__icon > svg {
  width: min(.84em, var(--hx-heading-glyph-size));
  height: min(.84em, var(--hx-heading-glyph-size));
  display: block;
}

.hx-page-title__text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hx-tabs-underline {
  gap: var(--hx-space-2);
  border-bottom: 1px solid var(--hx-color-border);
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.hx-tab-option {
  flex: none;
  align-items: center;
  min-width: 0;
  display: inline-flex;
}

.hx-tabs-underline > button[role="tab"], .hx-tabs-underline > .hx-tab-option > button[role="tab"] {
  appearance: none;
  padding: var(--hx-space-3) var(--hx-space-4);
  color: var(--hx-color-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 3px solid #0000;
  border-radius: 0;
  flex: none;
}

.hx-tabs-underline > .hx-tab-option > button[role="tab"] {
  padding-right: .25rem;
}

.hx-tabs-underline > .hx-tab-option > .hx-tab-option__help {
  margin-right: .45rem;
}

.hx-tabs-underline > button[role="tab"].is-active, .hx-tabs-underline > .hx-tab-option > button[role="tab"].is-active {
  border-bottom-color: var(--hx-color-brand);
  color: var(--hx-color-brand);
  font-weight: 600;
}

.hx-tabs-underline > button[role="tab"]:hover, .hx-tabs-underline > .hx-tab-option > button[role="tab"]:hover {
  color: var(--hx-color-brand);
}

.hx-tabs-underline > button[role="tab"]:focus-visible, .hx-tabs-underline > .hx-tab-option > button[role="tab"]:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-tabs-underline > button[role="tab"]:disabled, .hx-tabs-underline > .hx-tab-option > button[role="tab"]:disabled {
  opacity: .5;
  cursor: default;
}

.hx-metric--with-icon {
  align-content: center;
  align-items: start;
  gap: var(--hx-space-4);
  grid-template-columns: auto minmax(0, 1fr);
}

.hx-metric__icon, .hx-metric > .hx-metric__icon {
  background: color-mix(in srgb, var(--hx-color-brand) 8%, var(--hx-color-surface));
  width: 3rem;
  height: 3rem;
  color: var(--hx-color-brand);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.hx-metric__icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.hx-metric__body {
  gap: var(--hx-space-1);
  min-width: 0;
  display: grid;
}

.hx-metric__body > strong {
  letter-spacing: -.045em;
  font-size: clamp(1.45rem, 2.8vw, 2rem);
}

.hx-metric__body > span, .hx-metric__body > small {
  color: var(--hx-color-muted);
}

.hx-action-card {
  align-content: start;
  gap: var(--hx-space-2);
  min-width: 0;
  padding: var(--hx-space-3);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  display: grid;
}

.hx-action-card:hover {
  border-color: var(--hx-color-brand);
}

.hx-action-card:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-action-card__icon {
  color: var(--hx-color-brand);
}

.hx-action-card__icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.hx-action-card > span:last-child {
  color: var(--hx-color-muted);
  font-size: .8rem;
  line-height: 1.5;
}

.hx-access-workspace {
  width: 100%;
  max-width: none;
}

.hx-access-workspace .hx-metrics {
  align-items: stretch;
}

.hx-access-workspace .hx-card, .hx-access-workspace .hx-table-region {
  min-width: 0;
}

.hx-access-policy-copy {
  gap: var(--hx-space-1);
  min-width: 0;
  display: grid;
}

.hx-access-template-list, .hx-access-role-builder, .hx-access-builder-group, .hx-access-builder-group > .hx-stack {
  gap: var(--hx-space-3);
  display: grid;
}

.hx-access-builder-steps button > strong, .hx-access-review-grid strong, .hx-access-policy-copy strong, .hx-access-policy-copy span, .hx-access-policy-copy small {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hx-access-review-grid {
  gap: var(--hx-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hx-access-review-grid > div {
  gap: var(--hx-space-1);
  min-width: 0;
  display: grid;
}

.hx-access-review-grid span {
  font-size: .75rem;
}

.hx-access-permission-layout {
  align-items: start;
}

.hx-access-editor-actions, .hx-access-section-actions {
  justify-content: flex-end;
}

.hx-access-user-summary {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.hx-access-user-summary > div {
  min-width: 0;
}

.hx-access-quick-actions {
  gap: var(--hx-space-3);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.hx-access-role-readiness {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  flex-wrap: wrap;
  display: flex;
}

.hx-access-echart {
  width: 100%;
  min-height: 10rem;
  color: var(--hx-color-brand);
}

.hx-access-echart--loading, .hx-access-echart--empty, .hx-access-role-bars--empty {
  min-height: 11rem;
  color: var(--hx-color-muted);
  place-items: center;
  display: grid;
}

.hx-access-role-bars {
  gap: .65rem;
  min-width: 0;
  padding-block: .25rem;
  display: grid;
}

.hx-access-role-bars__row {
  grid-template-columns: minmax(6.5rem, 7.5rem) minmax(5rem, 1fr) 4.5rem;
  align-items: center;
  gap: .75rem;
  min-height: 1.65rem;
  display: grid;
}

.hx-access-role-bars__label {
  min-width: 0;
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  overflow: hidden;
}

.hx-access-role-bars__track {
  background: var(--hx-color-border);
  border-radius: 999px;
  height: .55rem;
  display: block;
  position: relative;
  overflow: visible;
}

.hx-access-role-bars__fill {
  --hx-access-role-fill: 0%;
  width: var(--hx-access-role-fill, 0%);
  border-radius: inherit;
  background: var(--hx-color-brand);
  transform-origin: center;
  min-width: 0;
  transition: transform .16s, background-color .16s;
  position: absolute;
  inset: 0 auto 0 0;
  transform: scale(1);
}

.hx-access-role-bars__count {
  width: 100%;
  color: var(--hx-color-muted);
  font-variant-numeric: tabular-nums;
  text-align: right;
  transform-origin: center;
  font-size: .75rem;
  font-weight: 600;
  transition: transform .16s, color .16s, font-weight .16s;
  display: block;
  transform: scale(1);
}

.hx-access-role-bars__row:hover .hx-access-role-bars__fill, .hx-access-role-bars__row:focus-within .hx-access-role-bars__fill {
  background: color-mix(in srgb, var(--hx-color-brand) 84%, #000);
  transform: scale(1.02);
}

.hx-access-role-bars__row:hover .hx-access-role-bars__count, .hx-access-role-bars__row:focus-within .hx-access-role-bars__count {
  color: var(--hx-color-ink);
  font-weight: 700;
  transform: scale(1.02);
}

@media (max-width: 40rem) {
  .hx-access-role-bars__row {
    grid-template-columns: minmax(5.75rem, 6.5rem) minmax(4rem, 1fr) 3.25rem;
    gap: .55rem;
  }
}

.hx-access-overview-grid {
  gap: var(--hx-space-4);
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: stretch;
  display: grid;
}

.hx-access-account-summary {
  gap: var(--hx-space-4);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.hx-access-account-summary > div {
  gap: var(--hx-space-2);
  display: grid;
}

.hx-access-check {
  gap: var(--hx-space-6);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.hx-access-result {
  gap: var(--hx-space-3);
  padding: var(--hx-space-4);
  border-radius: var(--hx-radius-md);
  display: grid;
}

.hx-access-result--allowed {
  background: var(--hx-color-success-subtle);
}

.hx-access-result--denied {
  background: var(--hx-color-danger-subtle);
}

.hx-access-role-toolbar {
  gap: var(--hx-space-4);
  grid-template-columns: minmax(16rem, 28rem) minmax(10rem, 12rem) minmax(12rem, 14rem);
  justify-content: start;
  align-items: end;
  display: grid;
}

.hx-access-person-filter {
  gap: var(--hx-space-4);
  grid-template-columns: minmax(0, 3fr) minmax(12rem, 1fr);
  display: grid;
}

.hx-access-editor-section {
  gap: var(--hx-space-3);
  border-top: 1px solid var(--hx-color-border);
  padding-top: var(--hx-space-4);
  display: grid;
}

.hx-access-editor-section h3, .hx-access-editor-section p {
  margin: 0;
}

.hx-access-history-filters {
  gap: var(--hx-space-3);
  margin-bottom: var(--hx-space-4);
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
  display: grid;
}

.hx-access-history-filters--primary {
  grid-template-columns: minmax(11rem, 1.5fr) minmax(8rem, 1fr) minmax(8rem, 1fr) auto;
  align-items: end;
}

.hx-access-history-filters--primary > .hx-button {
  box-sizing: border-box;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  white-space: nowrap;
  align-items: center;
  gap: .45rem;
  display: inline-flex;
}

.hx-access-history-filters--primary > button svg {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.hx-access-history-filters > .hx-field > label, .hx-access-history-filters > .hx-searchable-select > label {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.hx-access-rule-remove {
  width: 2.375rem;
  min-width: 2.375rem;
  color: var(--hx-color-muted);
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.hx-access-rule-remove svg {
  display: block;
}

.hx-access-empty-assignment {
  align-items: center;
  gap: var(--hx-space-4);
  padding-block: var(--hx-space-4);
  color: var(--hx-color-muted);
  display: flex;
}

.hx-access-role-identity {
  align-items: center;
  gap: var(--hx-space-4);
  display: flex;
}

.hx-access-role-identity h3, .hx-access-role-identity p {
  margin: 0;
}

.hx-access-support-summary {
  gap: var(--hx-space-4);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  display: grid;
}

@media (max-width: 52rem) {
  .hx-access-person-filter, .hx-access-history-filters, .hx-access-support-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hx-access-module-fields > .hx-field {
  gap: var(--hx-space-3);
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 1fr);
  align-items: center;
  display: grid;
}

@media (max-width: 70rem) {
  .hx-access-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 56rem) {
  .hx-access-review-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 52rem) {
  .hx-access-overview-grid, .hx-access-check, .hx-access-role-toolbar, .hx-access-module-fields > .hx-field {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-access-quick-actions {
    grid-template-columns: 1fr;
  }

  .hx-access-account-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-metric--with-icon {
    gap: var(--hx-space-2);
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-access-echart {
    min-height: 13rem;
  }

  .hx-access-section-actions {
    justify-content: stretch;
  }
}

.hx-access-support-fields {
  gap: var(--hx-space-4);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  display: grid;
}

:is(.hx-access-support-fields > .hx-feedback, .hx-access-support-fields > .hx-field:has(textarea)) {
  grid-column: 1 / -1;
}

.hx-drawer .hx-access-support-fields {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 52rem) {
  .hx-access-support-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hx-access-rule-condition {
  gap: var(--hx-space-3);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  display: grid;
}

.hx-access-rule-preview {
  gap: var(--hx-space-3);
  padding: var(--hx-space-4);
  background: var(--hx-color-success-subtle);
  border-radius: var(--hx-radius-md);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  display: grid;
}

.hx-access-rule-preview p {
  margin-bottom: 0;
}

@media (max-width: 52rem) {
  .hx-access-rule-preview {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hx-action-card > strong {
  font-size: .875rem;
}

@media (max-width: 52rem) {
  .hx-action-card {
    grid-template-columns: 1.5rem minmax(0, 1fr);
    align-items: center;
  }

  .hx-action-card__icon {
    grid-row: 1 / 3;
  }

  .hx-action-card > strong, .hx-action-card > span:last-child {
    grid-column: 2;
  }
}

.hx-access-activity-row {
  align-items: center;
  gap: var(--hx-space-3);
  padding-block: var(--hx-space-3);
  border-bottom: 1px solid var(--hx-color-border);
  grid-template-columns: auto minmax(0, 1fr) auto;
  display: grid;
}

.hx-access-activity-row:last-child {
  border-bottom: 0;
}

.hx-access-activity-row > svg {
  color: var(--hx-color-brand);
}

.hx-access-activity-row strong {
  font-size: .875rem;
}

.hx-access-activity-row small {
  font-size: .75rem;
}

.hx-access-attention-list {
  min-width: 0;
  margin-top: .15rem;
  display: grid;
}

.hx-access-attention-item {
  appearance: none;
  align-items: center;
  gap: var(--hx-space-3);
  border: 0;
  border-top: 1px solid var(--hx-color-border);
  width: 100%;
  min-width: 0;
  min-height: 3.65rem;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border-radius: 0;
  grid-template-columns: 2.25rem minmax(0, 1fr) minmax(4.5rem, auto) auto;
  padding: .65rem .25rem;
  display: grid;
}

.hx-access-attention-item:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 3%, transparent);
}

.hx-access-attention-item:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-access-attention-item__icon {
  background: color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-surface));
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-brand-strong);
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.hx-access-attention-item__copy {
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-access-attention-item__copy strong {
  color: var(--hx-color-ink);
  font-size: .8125rem;
  font-weight: 650;
}

.hx-access-attention-item__copy small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.hx-access-attention-item__metric {
  font-variant-numeric: tabular-nums;
  justify-items: end;
  gap: .05rem;
  min-width: 4.5rem;
  display: grid;
}

.hx-access-attention-item__metric strong {
  color: var(--hx-color-ink);
  font-size: 1.05rem;
  line-height: 1;
}

.hx-access-attention-item__metric small {
  color: var(--hx-color-muted);
  font-size: .65rem;
}

.hx-access-attention-item__action {
  border: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  min-width: 4.25rem;
  min-height: 2rem;
  color: var(--hx-color-brand-strong);
  white-space: nowrap;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .3rem .65rem;
  font-size: .72rem;
  font-weight: 700;
  display: inline-flex;
}

.hx-access-attention-empty {
  margin: 0;
  padding: .85rem .25rem .5rem;
}

@media (max-width: 40rem) {
  .hx-access-attention-item {
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  }

  .hx-access-attention-item__metric {
    grid-area: 2 / 2;
    grid-auto-flow: column;
    justify-content: start;
    place-items: baseline start;
    gap: .35rem;
  }

  .hx-access-attention-item__action {
    grid-area: 1 / 3 / span 2;
  }
}

.hx-invite-experience {
  grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.25rem, 4vw, 3rem);
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  display: grid;
}

.hx-invite-marketing {
  gap: var(--hx-space-4);
  align-content: center;
  min-width: 0;
  display: grid;
}

.hx-invite-marketing h2 {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  line-height: 1.3;
}

.hx-invite-marketing > p {
  color: var(--hx-color-muted);
  margin: 0;
  line-height: 1.6;
}

.hx-invite-marketing ul {
  gap: 1.25rem;
  margin: .75rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-invite-marketing li {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-invite-marketing li > span {
  background: rgb(var(--hx-color-brand-rgb) / 9%);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--hx-color-brand);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 1.25rem;
  display: grid;
}

.hx-invite-marketing li > div {
  gap: .1rem;
  display: grid;
}

.hx-invite-marketing li strong {
  font-size: .9rem;
}

.hx-invite-marketing li small {
  color: var(--hx-color-muted);
  font-size: .8rem;
}

.hx-invite-experience > .hx-card {
  background: var(--hx-color-surface);
  width: 100%;
  min-width: 0;
  max-width: 42rem;
  margin-inline: auto;
  padding: clamp(1rem, 2.3vw, 2rem);
}

.hx-invite-content {
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.hx-invite-content > .hx-eyebrow {
  margin: 0;
}

.hx-invite-heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-invite-heading h1 {
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  line-height: 1.3;
}

.hx-invite-heading > .hx-badge {
  flex: none;
}

.hx-invite-description {
  color: var(--hx-color-muted);
  margin: 0;
  line-height: 1.5;
}

.hx-invite-progress {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: .35rem 0 .5rem;
  list-style: none;
  display: grid;
}

.hx-invite-progress li {
  text-align: center;
  min-width: 0;
  color: var(--hx-color-muted);
  grid-template-rows: 2rem auto;
  place-items: start center;
  gap: .35rem;
  font-size: .75rem;
  line-height: 1.25;
  display: grid;
  position: relative;
}

.hx-invite-progress li:not(:last-child):after {
  content: "";
  background: var(--hx-color-border);
  width: calc(100% - 2rem);
  height: 2px;
  position: absolute;
  top: 1rem;
  left: calc(50% + 1rem);
}

.hx-invite-progress li.is-complete:after {
  background: var(--hx-color-brand);
}

.hx-invite-progress__number {
  z-index: 1;
  border: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  font-size: .8rem;
  font-weight: 700;
  display: grid;
  position: relative;
}

.hx-invite-progress li.is-current {
  color: var(--hx-color-brand-strong);
  font-weight: 700;
}

.hx-invite-progress li.is-current .hx-invite-progress__number, .hx-invite-progress li.is-complete .hx-invite-progress__number {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand);
  color: #fff;
}

.hx-invite-actions, .hx-invite-form {
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.hx-invite-actions > .hx-button, .hx-invite-form > .hx-button {
  width: 100%;
}

.hx-invite-secondary-copy {
  text-align: center;
  color: var(--hx-color-muted);
  margin: .25rem 0 0;
  font-size: .8rem;
  line-height: 1.5;
}

.hx-invite-text-action {
  color: var(--hx-color-brand-strong);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 650;
  display: inline;
}

.hx-invite-text-action:hover {
  text-decoration: underline;
}

.hx-invite-text-action:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 3px;
  border-radius: 2px;
}

.hx-invite-text-action:disabled {
  opacity: .5;
  cursor: wait;
}

.hx-invite-form__secondary {
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  display: flex;
}

.hx-invite-form__secondary > .hx-button {
  flex: 9rem;
}

.hx-invite-password-rules {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-invite-password-rules li {
  color: var(--hx-color-muted);
  align-items: baseline;
  gap: .35rem;
  font-size: .75rem;
  line-height: 1.4;
  display: flex;
}

.hx-invite-password-rules li span {
  color: var(--hx-color-muted);
}

.hx-invite-password-rules li.is-met span {
  color: var(--hx-color-success);
}

@media (max-width: 55rem) {
  .hx-invite-experience {
    grid-template-columns: minmax(0, 1fr);
    max-width: 42rem;
  }

  .hx-invite-marketing {
    display: none;
  }
}

@media (max-width: 40rem) {
  .hx-invite-experience > .hx-card {
    padding: 1rem;
  }

  .hx-invite-progress li {
    font-size: .65rem;
  }

  .hx-invite-password-rules {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hx-invitation-details {
  min-width: 0;
}

.hx-invitation-summary {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, 12px);
  background: var(--hx-color-surface);
  gap: 0;
  margin: 0;
  display: grid;
  overflow: hidden;
}

.hx-invitation-summary > div {
  gap: var(--hx-space-3, .75rem);
  padding: var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);
  border-bottom: 1px solid var(--hx-border-subtle, #edf0f5);
  grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.hx-invitation-summary > div:last-child {
  border-bottom: 0;
}

.hx-invitation-summary dt {
  color: var(--hx-text-muted, #667085);
  margin: 0;
  font-size: .875rem;
  font-weight: 600;
}

.hx-invitation-summary dd {
  overflow-wrap: anywhere;
  min-width: 0;
  color: var(--hx-text, #172033);
  margin: 0;
  font-weight: 600;
}

@media (max-width: 40rem) {
  .hx-invitation-summary > div {
    grid-template-columns: 1fr;
    gap: .25rem;
  }
}

.hx-access-custom-range {
  gap: var(--hx-space-3);
  padding: var(--hx-space-3);
  margin-bottom: var(--hx-space-3);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, 8px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hx-access-custom-range__actions {
  justify-content: end;
  align-items: center;
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  grid-column: 1 / -1;
  display: flex;
}

.hx-access-custom-range__actions small {
  color: var(--hx-color-muted);
  margin-right: auto;
}

.hx-access-custom-range > p {
  grid-column: 1 / -1;
  margin: 0;
}

@media (max-width: 52rem) {
  .hx-access-custom-range {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hx-global-search__clear {
  color: var(--hx-color-muted);
  border-radius: var(--hx-radius-sm);
  width: 1.75rem;
  height: 1.75rem;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 0 0 1.75rem;
  place-items: center;
  padding: 0;
  font-size: 1.25rem;
  display: grid;
}

.hx-global-search__clear:hover {
  color: var(--hx-color-ink);
  box-shadow: none;
  background: none;
  transform: none;
}

.hx-global-search__clear:focus-visible {
  outline: 2px solid var(--hx-color-brand-strong);
  outline-offset: 1px;
}

.hx-global-search__results {
  overscroll-behavior: contain;
  gap: 0;
  min-height: 0;
  padding: .3rem;
  display: grid;
  overflow-y: auto;
}

.hx-global-search__suggestions > .hx-global-search__view-all {
  text-align: left;
  border-top: 1px solid var(--hx-color-border);
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  width: 100%;
  min-height: 2.75rem;
  margin: 0;
  padding: .6rem .75rem;
  font-size: .78rem;
  text-decoration: none;
  display: flex;
}

.hx-global-search__view-all > span:last-child {
  flex: none;
  font-size: .95rem;
  line-height: 1;
}

.hx-global-search__retry {
  color: var(--hx-color-brand-strong);
  border-radius: var(--hx-radius-sm);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: .15rem .4rem;
  font-weight: 700;
  text-decoration: underline;
}

.hx-global-search__retry:focus-visible {
  outline: 2px solid var(--hx-color-brand-strong);
  outline-offset: 1px;
}

.hx-customize-page {
  gap: .55rem;
  display: grid;
}

.hx-customize-page-heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-height: 2.75rem;
  padding: 0 .05rem;
  display: flex;
}

.hx-customize-page-heading h1 {
  color: var(--hx-color-ink);
  font-size: var(--hx-page-title-size);
  letter-spacing: -.025em;
  margin: 0;
  font-weight: 700;
  line-height: 1.15;
}

.hx-customize-workspace {
  gap: 1.15rem;
  min-width: 0;
  display: grid;
}

.hx-customize-navigation {
  top: var(--hx-topbar-height, 4.25rem);
  z-index: 12;
  background: color-mix(in srgb, var(--hx-color-canvas) 94%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  min-width: 0;
  position: sticky;
}

.hx-customize-navigation .hx-tabs-underline {
  background: none;
}

.hx-customize-navigation .hx-tabs-underline > button[role="tab"], .hx-customize-navigation .hx-tabs-underline > .hx-tab-option > button[role="tab"] {
  min-height: 2.75rem;
  padding-inline: .9rem;
}

.hx-customize-navigation .hx-tabs-underline > .hx-tab-option > button[role="tab"] {
  padding-right: .25rem;
}

.hx-customize-overview, .hx-customize-domain {
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.hx-customize-overview__intro, .hx-customize-section-heading, .hx-customize-panel__heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
  display: flex;
}

.hx-customize-overview__intro > div:first-child, .hx-customize-section-heading > div:first-child, .hx-customize-panel__heading > div:first-child {
  min-width: 0;
}

.hx-customize-overview__intro h2, .hx-customize-section-heading h2, .hx-customize-section-heading h3, .hx-customize-panel__heading h3, .hx-customize-model-map h3 {
  color: var(--hx-color-ink);
  letter-spacing: -.015em;
  margin: .2rem 0 0;
}

.hx-customize-overview__intro h2 {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.hx-customize-section-heading h2 {
  font-size: 1.35rem;
}

.hx-customize-section-heading h3, .hx-customize-panel__heading h3, .hx-customize-model-map h3 {
  font-size: 1rem;
}

.hx-customize-overview__intro p, .hx-customize-section-heading p, .hx-customize-panel__heading p, .hx-customize-attention p {
  max-width: 62rem;
  color: var(--hx-color-muted);
  margin: .35rem 0 0;
  font-size: .86rem;
  line-height: 1.5;
}

.hx-customize-overview__actions {
  flex: none;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-customize-capability-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.hx-customize-capability {
  appearance: none;
  text-align: left;
  min-width: 0;
  min-height: 9rem;
  color: var(--hx-color-ink);
  background: var(--hx-color-surface);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-lg, .75rem);
  cursor: pointer;
  font: inherit;
  grid-template-columns: 2.6rem minmax(0, 1fr) auto;
  align-items: start;
  gap: .8rem;
  padding: 1rem;
  transition: border-color .12s, background .12s;
  display: grid;
}

.hx-customize-capability:hover {
  border-color: color-mix(in srgb, var(--hx-color-brand) 42%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand-subtle) 38%, var(--hx-color-surface));
}

.hx-customize-capability:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 2px;
}

.hx-customize-capability__icon {
  background: var(--hx-color-brand-subtle);
  width: 2.6rem;
  height: 2.6rem;
  color: var(--hx-color-brand-strong);
  border-radius: .65rem;
  place-items: center;
  font-size: .82rem;
  font-weight: 800;
  display: grid;
}

.hx-customize-capability__body {
  gap: .35rem;
  min-width: 0;
  display: grid;
}

.hx-customize-capability__top {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-customize-capability__top strong {
  font-size: .95rem;
}

.hx-customize-capability__top b {
  color: var(--hx-color-brand-strong);
  font-size: 1.35rem;
  line-height: 1;
}

.hx-customize-capability__body > span:not(.hx-customize-capability__top) {
  color: var(--hx-color-ink);
  font-size: .82rem;
  line-height: 1.45;
}

.hx-customize-capability__body small {
  color: var(--hx-color-muted);
  font-size: .74rem;
  line-height: 1.4;
}

.hx-customize-capability__arrow {
  color: var(--hx-color-muted);
  font-size: 1.1rem;
}

.hx-customize-overview__lower {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: .75rem;
  display: grid;
}

.hx-customize-attention, .hx-customize-model-map, .hx-customize-quota-note, .hx-customize-panel, .hx-customize-object-empty {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-lg, .75rem);
  background: var(--hx-color-surface);
  min-width: 0;
}

.hx-customize-attention, .hx-customize-model-map {
  padding: 1rem;
}

.hx-customize-attention.has-issues {
  border-color: color-mix(in srgb, #d97706 35%, var(--hx-color-border));
  background: color-mix(in srgb, #fff7ed 46%, var(--hx-color-surface));
}

.hx-customize-attention.is-clear {
  border-color: color-mix(in srgb, #16a34a 25%, var(--hx-color-border));
}

.hx-customize-attention__items {
  gap: .55rem;
  margin-top: .75rem;
  display: grid;
}

.hx-customize-attention__item {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 75%, transparent);
  grid-template-columns: 1.8rem minmax(0, 1fr);
  align-items: start;
  gap: .6rem;
  padding-top: .55rem;
  display: grid;
}

.hx-customize-attention__item > span {
  color: #9a5b00;
  background: #fff1d6;
  border-radius: 999px;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  font-size: .72rem;
  font-weight: 800;
  display: grid;
}

.hx-customize-attention__item strong {
  font-size: .78rem;
}

.hx-customize-attention__item p {
  margin-top: .15rem;
  font-size: .78rem;
}

.hx-customize-model-map__flow {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: .55rem;
  margin-top: .8rem;
  display: grid;
}

.hx-customize-model-map__flow > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, .5rem);
  background: var(--hx-color-canvas);
  gap: .2rem;
  min-width: 0;
  padding: .7rem;
  display: grid;
}

.hx-customize-model-map__flow > div strong {
  font-size: .78rem;
}

.hx-customize-model-map__flow > div span {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.hx-customize-model-map__flow > span {
  color: var(--hx-color-muted);
  font-weight: 700;
}

.hx-customize-quota-note {
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  padding: .7rem .85rem;
  font-size: .76rem;
  display: grid;
}

.hx-customize-quota-note > span, .hx-customize-quota-note > small {
  color: var(--hx-color-muted);
}

.hx-customize-quota-note > small {
  text-align: right;
  justify-self: end;
}

.hx-customize-domain > .hx-data-grid-toolbar {
  margin-top: -.15rem;
}

.hx-customize-domain > .hx-table-region {
  margin-top: -.2rem;
}

.hx-customize-cell-title {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-customize-cell-title strong {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hx-customize-cell-title small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  line-height: 1.3;
}

.hx-customize-list-layout {
  grid-template-columns: minmax(22rem, .85fr) minmax(30rem, 1.35fr);
  align-items: start;
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.hx-customize-panel {
  overflow: hidden;
}

.hx-customize-panel__heading {
  border-bottom: 1px solid var(--hx-color-border);
  padding: .9rem 1rem;
}

.hx-customize-panel__heading--actions {
  align-items: center;
}

.hx-customize-panel > .hx-empty, .hx-customize-panel > .hx-empty-state {
  margin: .75rem;
}

.hx-customize-panel > .hx-table-region {
  border: 0;
  border-radius: 0;
}

.hx-customize-panel > .hx-table-region .hx-table th:first-child, .hx-customize-panel > .hx-table-region .hx-table td:first-child {
  border-left: 0;
}

.hx-customize-panel > .hx-table-region .hx-table th:last-child, .hx-customize-panel > .hx-table-region .hx-table td:last-child {
  border-right: 0;
}

.hx-customize-usage-strip {
  background: var(--hx-color-brand-subtle);
  border-bottom: 1px solid var(--hx-color-border);
  align-items: center;
  gap: .45rem;
  min-width: 0;
  padding: .6rem 1rem;
  font-size: .74rem;
  display: flex;
}

.hx-customize-usage-strip strong {
  flex: none;
}

.hx-customize-usage-strip span {
  min-width: 0;
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-customize-usage-strip small {
  color: var(--hx-color-brand-strong);
  margin-left: auto;
  font-weight: 700;
}

.hx-customize-usage-strip.is-muted {
  background: var(--hx-color-canvas);
}

.hx-customize-object-empty {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

.hx-customize-object-examples {
  align-content: center;
  gap: .55rem;
  display: grid;
}

.hx-customize-object-examples > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, .5rem);
  background: var(--hx-color-canvas);
  gap: .15rem;
  padding: .65rem .75rem;
  display: grid;
}

.hx-customize-object-examples strong {
  font-size: .78rem;
}

.hx-customize-object-examples span {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.hx-m6-editor-progress {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .35rem;
  margin-bottom: .2rem;
  display: grid;
}

.hx-m6-editor-progress > span {
  min-width: 0;
  color: var(--hx-color-muted);
  background: var(--hx-color-canvas);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, .5rem);
  gap: .15rem;
  padding: .55rem .6rem;
  font-size: .7rem;
  display: grid;
}

.hx-m6-editor-progress > span strong {
  color: inherit;
  font-size: .76rem;
}

.hx-m6-editor-progress > span.is-active {
  color: var(--hx-color-brand-strong);
  border-color: color-mix(in srgb, var(--hx-color-brand) 48%, var(--hx-color-border));
  background: var(--hx-color-brand-subtle);
}

.hx-m6-editor-section {
  gap: var(--hx-space-3);
  align-content: start;
  display: grid;
}

.hx-m6-editor-section[hidden] {
  display: none !important;
}

.hx-m6-editor-section__intro {
  gap: .2rem;
  padding-bottom: .25rem;
  display: grid;
}

.hx-m6-editor-section__intro h3 {
  margin: 0;
  font-size: 1rem;
}

.hx-m6-editor-section__intro p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
}

.hx-m6-editor-summary {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, .5rem);
  background: var(--hx-color-canvas);
  gap: .55rem;
  padding: .8rem;
  display: grid;
}

.hx-m6-editor-summary > div {
  justify-content: space-between;
  gap: .75rem;
  font-size: .78rem;
  display: flex;
}

.hx-m6-editor-summary span {
  color: var(--hx-color-muted);
}

.hx-m6-inline-create {
  border: 1px dashed var(--hx-color-border-strong);
  border-radius: var(--hx-radius-md, .5rem);
  background: var(--hx-color-canvas);
  gap: .55rem;
  padding: .75rem;
  display: grid;
}

.hx-m6-object-field-row {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, .5rem);
  background: var(--hx-color-canvas);
  grid-template-columns: minmax(0, 1.5fr) minmax(9rem, .8fr) auto auto;
  align-items: end;
  gap: .6rem;
  min-width: 0;
  padding: .7rem;
  display: grid;
}

.hx-m6-object-field-row > * {
  min-width: 0;
}

@media (max-width: 72rem) {
  .hx-customize-capability-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-customize-capability {
    min-height: 0;
  }

  .hx-customize-list-layout, .hx-customize-overview__lower {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 52rem) {
  .hx-m6-object-field-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .hx-m6-object-field-row > .hx-button {
    width: 100%;
  }

  .hx-customize-navigation {
    top: var(--hx-topbar-height, 3.8rem);
  }

  .hx-customize-overview__intro, .hx-customize-section-heading, .hx-customize-panel__heading--actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-customize-overview__actions, .hx-customize-section-heading > .hx-button, .hx-customize-panel__heading--actions > .hx-button {
    width: 100%;
  }

  .hx-customize-overview__actions > .hx-button {
    flex: 1 1 0;
  }

  .hx-customize-section-heading > .hx-button, .hx-customize-panel__heading--actions > .hx-button {
    min-height: var(--hx-button-height);
  }

  .hx-customize-model-map__flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-customize-model-map__flow > span {
    display: none;
  }

  .hx-customize-quota-note {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hx-customize-quota-note > small {
    text-align: left;
    grid-column: 1 / -1;
    justify-self: start;
  }

  .hx-customize-object-empty {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 47.999rem) {
  .hx-customize-page {
    gap: .5rem;
  }

  .hx-customize-workspace {
    gap: .8rem;
  }

  .hx-customize-navigation {
    margin-inline: calc(var(--hx-space-2) * -1);
    padding-inline: var(--hx-space-2);
  }

  .hx-customize-overview, .hx-customize-domain {
    gap: .75rem;
  }

  .hx-customize-overview__intro h2 {
    font-size: 1.2rem;
  }

  .hx-customize-overview__intro p, .hx-customize-section-heading p {
    font-size: .8rem;
  }

  .hx-customize-capability {
    border-radius: var(--hx-radius-md, .5rem);
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
    gap: .65rem;
    padding: .8rem;
  }

  .hx-customize-capability__icon {
    width: 2.4rem;
    height: 2.4rem;
  }

  .hx-customize-overview__actions {
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .hx-customize-overview__actions > .hx-button {
    width: 100%;
    min-height: var(--hx-button-height);
  }

  .hx-customize-attention, .hx-customize-model-map {
    padding: .8rem;
  }

  .hx-customize-panel__heading {
    padding: .75rem;
  }

  .hx-customize-usage-strip {
    grid-template-columns: auto minmax(0, 1fr);
    padding: .55rem .75rem;
    display: grid;
  }

  .hx-customize-usage-strip small {
    grid-column: 1 / -1;
    margin-left: 0;
  }

  .hx-customize-object-empty {
    padding: .75rem;
  }

  .hx-m6-editor-progress {
    z-index: 2;
    background: var(--hx-color-surface);
    padding-bottom: .35rem;
    position: sticky;
    top: 0;
  }

  .hx-m6-editor-progress > span {
    padding: .45rem;
    font-size: .62rem;
  }

  .hx-m6-editor-progress > span strong {
    font-size: .68rem;
  }
}

.hx-customize-workspace, .hx-customize-overview, .hx-customize-domain {
  gap: .65rem;
}

.hx-customize-capability:not(button) {
  cursor: default;
}

.hx-customize-capability:not(button):hover {
  border-color: var(--hx-color-border);
  background: var(--hx-color-surface);
}

.hx-m6-simple-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  display: grid;
}

.hx-m6-simple-section {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 42%, var(--hx-color-surface));
  gap: .65rem;
  min-width: 0;
  padding: .8rem;
  display: grid;
}

.hx-m6-simple-section__heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.hx-m6-simple-section__heading > div {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-m6-simple-section__heading strong {
  color: var(--hx-color-ink);
  font-size: .84rem;
  font-weight: 680;
}

.hx-m6-simple-section__heading small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.4;
}

.hx-m6-choice-add {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto var(--hx-form-control-height) auto;
  align-items: start;
  gap: .35rem .6rem;
  display: grid;
}

.hx-m6-choice-add > .hx-field {
  grid-area: 1 / 1 / span 3;
  grid-template-rows: subgrid;
  display: grid;
}

.hx-m6-choice-add > .hx-field > .hx-field__label {
  grid-row: 1;
}

.hx-m6-choice-add > .hx-field > .hx-control {
  grid-row: 2;
}

.hx-m6-choice-add > .hx-field > .hx-field__error {
  grid-row: 3;
}

.hx-m6-choice-add > .hx-button {
  box-sizing: border-box;
  min-width: 5.5rem;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  grid-area: 2 / 2;
  align-self: center;
  padding-block: 0;
}

.hx-m6-choice-list {
  gap: .35rem;
  max-height: 13rem;
  padding: .15rem;
  display: grid;
  overflow: auto;
}

.hx-m6-choice-row {
  min-width: 0;
  min-height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  justify-content: space-between;
  align-items: center;
  gap: .65rem;
  padding: .35rem .4rem .35rem .65rem;
  display: flex;
}

.hx-m6-choice-row > span {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-m6-choice-row strong, .hx-m6-choice-row small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-m6-choice-row strong {
  font-size: .78rem;
  font-weight: 620;
}

.hx-m6-choice-row small {
  color: var(--hx-color-muted);
  font-size: .66rem;
}

.hx-m6-simple-advanced {
  border-top: 1px solid var(--hx-color-border);
  padding-top: .2rem;
}

.hx-m6-simple-advanced > summary {
  min-height: var(--hx-control-height);
  color: var(--hx-color-ink);
  cursor: pointer;
  align-items: center;
  gap: .45rem;
  font-size: .8rem;
  font-weight: 650;
  list-style: none;
  display: flex;
}

.hx-m6-simple-advanced > summary::-webkit-details-marker {
  display: none;
}

.hx-m6-simple-advanced > summary:before {
  content: "›";
  color: var(--hx-color-muted);
  transition: transform var(--hx-transition-fast);
  font-size: 1rem;
  transform: rotate(0);
}

.hx-m6-simple-advanced[open] > summary:before {
  transform: rotate(90deg);
}

.hx-m6-simple-advanced > .hx-stack {
  padding-top: .35rem;
}

@media (max-width: 52rem) {
  .hx-m6-simple-field-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-m6-choice-row {
    align-items: flex-start;
  }
}

.hx-m6-field-basics {
  gap: .72rem;
  min-width: 0;
  display: grid;
}

.hx-m6-placement-card {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 36%, var(--hx-color-surface));
  gap: .72rem;
  min-width: 0;
  padding: .85rem;
  display: grid;
}

.hx-m6-placement-path {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
  min-width: 0;
  color: var(--hx-color-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  padding: .58rem .65rem;
  font-size: .74rem;
  display: flex;
}

.hx-m6-placement-path strong {
  color: var(--hx-color-ink);
  font-weight: 650;
}

.hx-m6-placement-summary {
  color: var(--hx-color-muted);
  align-items: center;
  gap: .35rem;
  font-size: .7rem;
  display: flex;
}

.hx-m6-placement-summary span:first-child, .hx-m6-placement-summary span:last-child {
  color: var(--hx-color-ink);
  font-weight: 620;
}

@media (max-width: 52rem) {
  .hx-m6-placement-card {
    padding: .72rem;
  }
}

.hx-m6-step-heading {
  align-items: flex-start;
  gap: .58rem;
  min-width: 0;
  display: flex;
}

.hx-m6-step-heading__badge {
  background: color-mix(in srgb, var(--hx-color-brand) 88%, #fff);
  color: #fff;
  width: 1.45rem;
  height: 1.45rem;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hx-color-brand) 10%, transparent);
  border-radius: 999px;
  flex: 0 0 1.45rem;
  place-items: center;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1;
  display: inline-grid;
}

.hx-m6-step-heading > div, .hx-m6-simple-advanced > summary > span:last-child {
  gap: .06rem;
  min-width: 0;
  display: grid;
}

.hx-m6-step-heading strong, .hx-m6-simple-advanced > summary strong {
  color: var(--hx-color-ink);
  font-size: .84rem;
  font-weight: 700;
}

.hx-m6-step-heading small, .hx-m6-simple-advanced > summary small {
  color: var(--hx-color-muted);
  font-size: .69rem;
  font-weight: 500;
  line-height: 1.35;
}

.hx-m6-field-placement-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(10.5rem, .92fr);
  align-items: start;
  gap: .75rem;
  display: grid;
}

.hx-m6-placement-controls {
  gap: .8rem;
  min-width: 0;
  display: grid;
}

.hx-m6-profile-preview, .hx-m6-section-preview {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  overflow: hidden;
}

.hx-m6-profile-preview__chrome, .hx-m6-section-preview__chrome {
  border-bottom: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 72%, var(--hx-color-surface));
  min-height: 2rem;
  color: var(--hx-color-muted);
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .42rem .58rem;
  font-size: .65rem;
  font-weight: 650;
  display: flex;
}

.hx-m6-profile-preview__person {
  align-items: center;
  gap: .5rem;
  padding: .62rem .65rem .48rem;
  display: flex;
}

.hx-m6-profile-preview__avatar {
  background: color-mix(in srgb, var(--hx-color-brand) 12%, var(--hx-color-surface));
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-brand-strong);
  border-radius: 999px;
  flex: 0 0 2rem;
  place-items: center;
  font-size: .7rem;
  font-weight: 750;
  display: inline-grid;
}

.hx-m6-profile-preview__person > span:last-child {
  gap: .03rem;
  min-width: 0;
  display: grid;
}

.hx-m6-profile-preview__person strong {
  font-size: .72rem;
  font-weight: 700;
}

.hx-m6-profile-preview__person small {
  color: var(--hx-color-muted);
  font-size: .62rem;
}

.hx-m6-profile-preview__section {
  border-left: 2px solid var(--hx-color-brand);
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
  gap: .03rem;
  margin: 0 .62rem .52rem;
  padding: .42rem .52rem;
  display: grid;
}

.hx-m6-profile-preview__section strong {
  font-size: .65rem;
}

.hx-m6-profile-preview__section small {
  color: var(--hx-color-muted);
  font-size: .6rem;
}

.hx-m6-profile-preview__fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .38rem;
  padding: 0 .62rem .62rem;
  display: grid;
}

.hx-m6-profile-preview__fields > span {
  border: 1px solid var(--hx-color-border);
  border-radius: calc(var(--hx-radius-md) - 2px);
  background: var(--hx-color-surface);
  gap: .12rem;
  min-width: 0;
  padding: .38rem .42rem;
  display: grid;
}

.hx-m6-profile-preview__fields > span small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .56rem;
  overflow: hidden;
}

.hx-m6-profile-preview__fields > span b {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .61rem;
  font-weight: 600;
  overflow: hidden;
}

.hx-m6-profile-preview__fields > span.is-new {
  border-color: color-mix(in srgb, var(--hx-color-brand) 62%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hx-color-brand) 8%, transparent);
}

.hx-m6-profile-preview__fields > span.is-new[data-width="FULL"] {
  grid-column: 1 / -1;
}

.hx-m6-option-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .35rem;
  margin-top: .35rem;
  display: grid;
}

.hx-m6-option-cards > button {
  min-width: 0;
  min-height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  text-align: left;
  cursor: pointer;
  align-content: center;
  gap: .08rem;
  padding: .42rem .5rem;
  display: grid;
}

.hx-m6-option-cards > button:hover {
  border-color: color-mix(in srgb, var(--hx-color-brand) 38%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
}

.hx-m6-option-cards > button.is-selected {
  border-color: var(--hx-color-brand);
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hx-color-brand) 20%, transparent);
}

.hx-m6-option-cards > button strong {
  font-size: .7rem;
  font-weight: 680;
}

.hx-m6-option-cards > button small {
  color: var(--hx-color-muted);
  font-size: .61rem;
  line-height: 1.25;
}

.hx-m6-option-cards--layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hx-m6-option-cards--layout > button {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .42rem;
}

.hx-m6-option-cards--layout > button > span:last-child {
  gap: .03rem;
  min-width: 0;
  display: grid;
}

.hx-m6-layout-icon {
  border-radius: calc(var(--hx-radius-md) - 2px);
  background: color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-surface));
  gap: .15rem;
  width: 1.7rem;
  height: 1.7rem;
  padding: .28rem;
  display: grid;
}

.hx-m6-layout-icon i {
  background: color-mix(in srgb, var(--hx-color-brand) 70%, var(--hx-color-border));
  border-radius: 2px;
  display: block;
}

.hx-m6-layout-icon.is-one {
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: 1fr;
}

.hx-m6-layout-icon.is-two {
  grid-template-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
}

.hx-m6-layout-icon.is-two i {
  grid-row: 1;
}

.hx-m6-section-preview__card {
  gap: .16rem;
  padding: .72rem;
  display: grid;
}

.hx-m6-section-preview__card > strong {
  font-size: .78rem;
  font-weight: 700;
}

.hx-m6-section-preview__card > small {
  color: var(--hx-color-muted);
  font-size: .66rem;
}

.hx-m6-section-preview__fields {
  grid-template-columns: 1fr;
  gap: .35rem;
  margin-top: .45rem;
  display: grid;
}

.hx-m6-section-preview__fields.is-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hx-m6-section-preview__fields > span {
  border: 1px dashed var(--hx-color-border-strong);
  border-radius: calc(var(--hx-radius-md) - 2px);
  min-height: 2.1rem;
  color: var(--hx-color-muted);
  place-items: center start;
  padding: .35rem .45rem;
  font-size: .62rem;
  display: grid;
}

.hx-m6-placement-path > span {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.hx-m6-placement-path > span.is-current strong {
  color: var(--hx-color-brand-strong);
}

.hx-m6-simple-advanced > summary {
  gap: .58rem;
}

.hx-m6-simple-advanced > summary:before {
  content: none;
}

.hx-m6-simple-advanced > summary:after {
  content: "›";
  color: var(--hx-color-muted);
  transition: transform var(--hx-transition-fast);
  margin-left: auto;
  font-size: 1rem;
  transform: rotate(0);
}

.hx-m6-simple-advanced[open] > summary:after {
  transform: rotate(90deg);
}

@media (max-width: 52rem) {
  .hx-m6-field-placement-layout, .hx-m6-option-cards, .hx-m6-option-cards--layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hx-m6-section-details-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(11rem, .75fr);
  align-items: start;
  gap: .7rem;
  display: grid;
}

.hx-m6-section-layout-step {
  gap: .72rem;
  min-width: 0;
  padding-top: .15rem;
  display: grid;
}

.hx-m6-placement-path--section {
  grid-template-columns: repeat(7, auto);
  justify-content: start;
  align-items: center;
  display: grid;
}

.hx-m6-placement-path--section > small {
  color: var(--hx-color-muted);
  grid-column: 1 / -1;
  margin-top: .12rem;
  font-size: .66rem;
}

.hx-m6-profile-preview__workspace {
  border-top: 1px solid var(--hx-color-border);
  grid-template-columns: minmax(6rem, .82fr) minmax(0, 1.4fr);
  min-width: 0;
  display: grid;
}

.hx-m6-profile-preview__rail {
  border-right: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 58%, var(--hx-color-surface));
  align-content: start;
  gap: .18rem;
  min-width: 0;
  padding: .55rem .45rem;
  display: grid;
}

.hx-m6-profile-preview__rail > strong {
  color: var(--hx-color-ink);
  padding: .28rem .36rem;
  font-size: .66rem;
}

.hx-m6-profile-preview__rail > span {
  border-radius: calc(var(--hx-radius-md) - 3px);
  min-width: 0;
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .3rem .36rem;
  font-size: .61rem;
  overflow: hidden;
}

.hx-m6-profile-preview__rail > span.is-current {
  color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand-subtle);
  font-weight: 680;
}

.hx-m6-profile-preview__content {
  align-content: start;
  gap: .48rem;
  min-width: 0;
  padding: .55rem;
  display: grid;
}

.hx-m6-profile-preview__content > strong {
  font-size: .69rem;
}

.hx-m6-section-profile-preview {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  overflow: hidden;
}

.hx-m6-section-profile-preview__heading {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .08rem;
  padding: .58rem .68rem;
  display: grid;
}

.hx-m6-section-profile-preview__heading strong {
  font-size: .7rem;
}

.hx-m6-section-profile-preview__heading small {
  color: var(--hx-color-muted);
  font-size: .62rem;
}

.hx-m6-section-profile-preview__workspace {
  grid-template-columns: minmax(8rem, .78fr) minmax(0, 1.55fr);
  min-width: 0;
  min-height: 13rem;
  display: grid;
}

.hx-m6-section-profile-preview__rail {
  border-right: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 58%, var(--hx-color-surface));
  align-content: start;
  gap: .18rem;
  min-width: 0;
  padding: .55rem;
  display: grid;
}

.hx-m6-section-profile-preview__rail .hx-m6-profile-preview__person {
  border-bottom: 1px solid var(--hx-color-border);
  margin: 0 0 .3rem;
  padding: 0 0 .48rem;
}

.hx-m6-section-profile-preview__rail > span {
  border-radius: calc(var(--hx-radius-md) - 3px);
  color: var(--hx-color-muted);
  padding: .33rem .4rem;
  font-size: .62rem;
}

.hx-m6-section-profile-preview__rail > span.is-current {
  color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand-subtle);
  font-weight: 680;
}

.hx-m6-section-profile-preview__content {
  align-content: start;
  gap: .4rem;
  min-width: 0;
  padding: .55rem;
  display: grid;
}

.hx-m6-section-preview-card {
  border: 1px solid var(--hx-color-border);
  border-radius: calc(var(--hx-radius-md) - 1px);
  background: var(--hx-color-surface);
  gap: .16rem;
  min-width: 0;
  padding: .48rem .55rem;
  display: grid;
}

.hx-m6-section-preview-card > strong {
  font-size: .66rem;
}

.hx-m6-section-preview-card > small {
  color: var(--hx-color-muted);
  font-size: .59rem;
}

.hx-m6-section-preview-card > i {
  background: var(--hx-color-border);
  border-radius: 999px;
  width: min(82%, 12rem);
  height: .28rem;
  display: block;
}

.hx-m6-section-preview-card > i + i {
  width: min(58%, 8rem);
}

.hx-m6-section-preview-card.is-new {
  border-color: var(--hx-color-brand);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hx-color-brand) 15%, transparent);
}

.hx-m6-section-layout-step .hx-m6-option-cards--layout > button {
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 4.35rem;
  padding: .58rem .65rem;
}

.hx-m6-layout-choice-mark {
  border: 1px solid var(--hx-color-border-strong);
  color: #fff;
  border-radius: 999px;
  align-self: start;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
}

.hx-m6-option-cards > button.is-selected .hx-m6-layout-choice-mark {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand);
}

.hx-customize-domain > .hx-data-grid-toolbar {
  min-height: var(--hx-control-height);
  gap: .5rem;
}

.hx-customize-domain > .hx-data-grid-toolbar .hx-button {
  min-height: var(--hx-button-height);
  flex: none;
}

.hx-customize-workspace.hx-company-structure {
  gap: .65rem !important;
}

.hx-customize-workspace .hx-company-structure__page-header, .hx-customize-workspace .hx-company-structure__section-bar {
  margin: 0;
}

@media (max-width: 52rem) {
  .hx-m6-section-details-grid, .hx-m6-profile-preview__workspace, .hx-m6-section-profile-preview__workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-m6-profile-preview__rail, .hx-m6-section-profile-preview__rail {
    border-right: 0;
    border-bottom: 1px solid var(--hx-color-border);
  }

  .hx-m6-placement-path--section {
    grid-template-columns: 1fr;
  }

  .hx-m6-placement-path--section > span {
    display: flex;
  }
}

.hx-m6-counted-field {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.hx-m6-character-count {
  color: var(--hx-color-muted);
  justify-self: end;
  font-size: .64rem;
  line-height: 1;
}

.hx-m6-choice-list--advanced {
  gap: .42rem;
  max-height: 18rem;
}

.hx-m6-choice-row--advanced {
  transition: border-color var(--hx-transition-fast), box-shadow var(--hx-transition-fast), transform var(--hx-transition-fast);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .45rem;
  padding: .34rem .42rem;
  display: grid;
  position: relative;
}

.hx-m6-choice-row--advanced.is-dragging {
  opacity: .62;
  transform: scale(.995);
}

.hx-m6-choice-row--advanced.is-drop-target {
  border-color: var(--hx-color-brand);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hx-color-brand) 13%, transparent);
}

.hx-m6-choice-drag {
  cursor: grab;
  touch-action: none;
}

.hx-m6-choice-drag:active {
  cursor: grabbing;
}

.hx-m6-choice-row__input {
  width: 100%;
  min-width: 0;
  height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-ink);
  font: inherit;
  background: none;
  border: 1px solid #0000;
  padding: 0 .6rem;
}

.hx-m6-choice-row__input:hover, .hx-m6-choice-row__input:focus {
  border-color: var(--hx-color-border);
  background: var(--hx-color-surface);
  outline: none;
}

.hx-m6-choice-row__actions {
  align-items: center;
  gap: .28rem;
  display: inline-flex;
}

.hx-m6-choice-trash {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-muted);
  place-items: center;
  display: grid;
}

.hx-m6-choice-trash:hover, .hx-m6-choice-trash:focus-visible {
  border-color: color-mix(in srgb, var(--hx-color-danger) 45%, var(--hx-color-border));
  color: var(--hx-color-danger);
  background: color-mix(in srgb, var(--hx-color-danger) 5%, var(--hx-color-surface));
}

.hx-m6-choice-trash:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.hx-m6-placement-editor__fixed {
  min-height: var(--hx-control-height);
  border-bottom: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 64%, var(--hx-color-surface));
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .5rem;
  padding: .42rem .55rem;
  display: grid;
}

.hx-m6-placement-editor__fixed > span:last-child {
  gap: .04rem;
  display: grid;
}

.hx-m6-placement-editor__fixed strong {
  font-size: .72rem;
}

.hx-m6-placement-editor__fixed small {
  color: var(--hx-color-muted);
  font-size: .62rem;
}

.hx-m6-placement-editor__row.is-drop-target {
  border-color: var(--hx-color-brand);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hx-color-brand) 20%, transparent);
}

.hx-account-frame--auth {
  --hx-auth-header-height: 4.5rem;
  background: radial-gradient(circle at 12% 4%, #2c91ff14, #0000 32rem), linear-gradient(#f5faff 0%, #fbfdff 52%, #f4faff 100%);
  min-height: 100dvh;
}

.hx-account-content--auth {
  min-height: calc(100dvh - var(--hx-auth-header-height));
  align-items: center;
  padding: clamp(1rem, 3.5vh, 2.5rem);
  display: grid;
}

.hx-account-content--auth .hx-auth-page {
  width: min(62rem, 100%);
  margin: 0 auto;
  padding: 0;
}

.hx-account-content--auth .hx-auth-stage {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #dbe8f5;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 48rem;
  min-height: 48rem;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px #1e4e791a;
}

.hx-account-content--auth .hx-auth-story {
  color: #fff;
  background: #0b1220;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: stretch;
  gap: 1rem;
  min-height: 0;
  padding: clamp(1.5rem, 3vw, 2.35rem);
  display: grid;
  overflow: hidden;
}

.hx-account-content--auth .hx-auth-story:after {
  display: none;
}

.hx-auth-story__security {
  color: #e8eeff;
  align-items: center;
  gap: .55rem;
  font-size: .75rem;
  line-height: 1.4;
  display: flex;
}

.hx-auth-story__security svg {
  color: #54d9a3;
  flex: none;
}

.hx-auth-story__brandline {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  min-height: 2.25rem;
  display: flex;
  position: relative;
}

.hx-auth-story__brand {
  color: #fff;
  letter-spacing: -.035em;
  align-items: center;
  gap: .5rem;
  font-size: 1.03rem;
  font-weight: 760;
  display: inline-flex;
}

.hx-auth-story__brand strong {
  color: #9aaffe;
  font-weight: 780;
}

.hx-auth-story__mobile-menu, .hx-auth-story__mobile-copy, .hx-auth-story__mobile-eyebrow {
  display: none;
}

.hx-auth-story__brandmark {
  flex: none;
  width: 1.7rem;
  height: 1.7rem;
  display: inline-block;
  position: relative;
}

.hx-auth-story__brandmark:before, .hx-auth-story__brandmark:after, .hx-auth-story__brandmark > i {
  content: "";
  background: linear-gradient(145deg, #16b7ec, #1378f2);
  display: block;
  position: absolute;
}

.hx-auth-story__brandmark:before {
  border-radius: 80% 14% 80% 16%;
  width: .85rem;
  height: 1.15rem;
  top: .34rem;
  left: .1rem;
  transform: rotate(-18deg);
}

.hx-auth-story__brandmark:after {
  border-radius: 18% 82%;
  width: .82rem;
  height: 1.08rem;
  top: .05rem;
  right: .06rem;
  transform: rotate(24deg);
}

.hx-auth-story__brandmark > i:first-child {
  border-radius: 75% 18% 75% 20%;
  width: .75rem;
  height: .75rem;
  bottom: .02rem;
  left: .73rem;
  transform: rotate(45deg);
}

.hx-auth-story__brandmark > i:last-child {
  display: none;
}

.hx-account-content--auth .hx-auth-story__copy {
  z-index: 2;
  align-content: start;
  gap: .55rem;
  display: grid;
  position: relative;
}

.hx-account-content--auth .hx-auth-story__copy h1 {
  color: #fff;
  letter-spacing: -.045em;
  max-width: 19ch;
  margin: 0;
  font-size: clamp(1.8rem, 2.7vw, 2.45rem);
  line-height: 1.12;
}

.hx-account-content--auth .hx-auth-story__copy p {
  color: #e8eeff;
  max-width: 31rem;
  margin: 0;
  font-size: .94rem;
  line-height: 1.55;
}

.hx-account-content--auth .hx-auth-story__visual {
  --auth-art-ratio: var(--auth-desktop-ratio);
  z-index: 1;
  width: min(100%, calc(27rem * var(--auth-art-ratio)));
  max-height: 100%;
  aspect-ratio: var(--auth-art-ratio);
  pointer-events: none;
  place-self: center;
  margin: 0;
  position: relative;
  container-type: inline-size;
}

.hx-auth-story__visual picture, .hx-auth-story__visual img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

@media (min-width: 52.001rem) {
  .hx-auth-stage[data-alternatives-open="true"] .hx-auth-factor > .hx-auth-code-field, .hx-auth-stage[data-alternatives-open="true"] .hx-auth-factor > .hx-field, .hx-auth-stage[data-alternatives-open="true"] .hx-auth-factor > .hx-auth-text-action, .hx-auth-stage[data-alternatives-open="true"] .hx-auth-form > .hx-button, .hx-auth-stage[data-alternatives-open="true"] .hx-auth-panel__heading > h2, .hx-auth-stage[data-alternatives-open="true"] .hx-auth-panel__heading > p {
    display: none;
  }
}

.hx-account-content--auth .hx-auth-panel {
  scrollbar-gutter: stable;
  background: #fff;
  align-content: safe center;
  place-self: stretch center;
  width: min(31rem, 100%);
  min-width: 0;
  min-height: 0;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: grid;
  overflow-y: auto;
}

.hx-account-content--auth .hx-auth-panel__heading {
  gap: .42rem;
  margin-bottom: 1.05rem;
  display: grid;
}

.hx-account-content--auth .hx-auth-panel__heading-actions, .hx-account-content--auth .hx-auth-company-context {
  display: none !important;
}

.hx-account-content--auth .hx-auth-workspace-welcome {
  border-bottom: 1px solid #e8edf5;
  gap: .65rem;
  margin-bottom: .75rem;
  padding-bottom: 1.25rem;
  display: grid;
}

.hx-account-content--auth .hx-auth-workspace-welcome > span {
  color: #526078;
  align-items: center;
  gap: .5rem;
  font-size: .82rem;
  line-height: 1.3;
  display: flex;
}

.hx-account-content--auth .hx-auth-workspace-welcome > strong {
  min-block-size: 1.4em;
  color: #0b1220;
  overflow-wrap: anywhere;
  letter-spacing: -.025em;
  max-width: 22rem;
  font-size: 1.15rem;
  line-height: 1.4;
}

.hx-auth-greeting svg {
  color: var(--hx-color-brand);
  flex: none;
}

.hx-account-content--auth .hx-auth-panel__heading h2 {
  color: #0b1220;
  letter-spacing: -.035em;
  margin: 0;
  font-size: clamp(1.45rem, 2.2vw, 1.75rem);
  line-height: 1.08;
}

.hx-account-content--auth .hx-auth-panel__heading p {
  color: #61738d;
  max-width: 29rem;
  margin: 0;
  font-size: .9rem;
  line-height: 1.48;
}

.hx-account-content--auth .hx-auth-form {
  gap: .78rem;
}

.hx-account-content--auth .hx-field {
  gap: .35rem;
}

.hx-account-content--auth .hx-field__label {
  color: #0b1220;
  font-size: .78rem;
  font-weight: 700;
}

.hx-account-content--auth .hx-auth-form > .hx-button {
  margin-top: .18rem;
}

.hx-account-content--auth .hx-auth-panel .hx-button--primary {
  box-shadow: none;
}

.hx-account-content--auth .hx-auth-text-action, .hx-account-content--auth .hx-auth-inline-link {
  color: var(--hx-color-brand);
  font-weight: 700;
}

.hx-account-content--auth .hx-auth-help-actions {
  gap: .75rem;
}

.hx-account-content--auth .hx-auth-discovered-email {
  background: #fff;
  border-color: #d5e1ef;
  border-radius: .5rem;
}

.hx-account-content--auth .hx-auth-code-boxes {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .5rem;
  width: 100%;
}

.hx-account-content--auth .hx-auth-code-box {
  width: 100%;
  min-width: 0;
}

.hx-auth-login-id-success {
  align-content: start;
  gap: 1rem;
  display: grid;
}

.hx-auth-success-symbol {
  color: #fff;
  background: #23b98a;
  border-radius: 50%;
  place-items: center;
  width: 3.8rem;
  height: 3.8rem;
  margin: .2rem auto 1.5rem;
  font-size: 2rem;
  font-weight: 800;
  display: grid;
  box-shadow: 0 0 0 .75rem #23b98a1a;
}

.hx-auth-support-note {
  display: none;
}

.hx-auth-stage:is([data-auth-visual="b-success"], [data-auth-visual="c-success"]) .hx-auth-panel__heading {
  text-align: center;
}

.hx-auth-login-id-success__email {
  color: #0b1220;
  background: #eef8ff;
  border-radius: .65rem;
  align-items: center;
  min-height: 3.65rem;
  padding: .8rem 1rem;
  font-size: 1rem;
  display: flex;
}

.hx-auth-login-id-success p {
  color: #61738d;
  margin: 0;
  line-height: 1.5;
}

.hx-auth-login-id-success > .hx-button {
  width: 100%;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
}

@media (max-width: 64rem) {
  .hx-account-content--auth {
    align-items: start;
    padding: 1rem;
  }

  .hx-account-content--auth .hx-auth-page {
    width: min(36rem, 100%);
  }

  .hx-account-content--auth .hx-auth-stage {
    grid-template-rows: 16rem minmax(0, 1fr);
    grid-template-columns: 1fr;
    height: 60rem;
    min-height: 60rem;
  }

  .hx-account-content--auth .hx-auth-story {
    grid-template: "copy visual" 1fr
                   "security visual"
                   / minmax(0, 1fr) 12rem;
    align-items: center;
    gap: .55rem 1rem;
    min-height: 0;
    padding: 1.15rem 1.3rem;
  }

  .hx-account-content--auth .hx-auth-story__security {
    grid-area: security;
  }

  .hx-account-content--auth .hx-auth-story__brandline {
    grid-area: brand;
  }

  .hx-account-content--auth .hx-auth-story__copy {
    grid-area: copy;
  }

  .hx-account-content--auth .hx-auth-story__visual {
    grid-area: visual;
    align-self: center;
    width: min(12rem, 100%);
  }

  .hx-account-content--auth .hx-auth-story__copy h1 {
    max-width: 22ch;
    font-size: 1.65rem;
  }

  .hx-account-content--auth .hx-auth-panel {
    width: min(33rem, 100%);
    padding: 1.5rem clamp(1.2rem, 5vw, 2.25rem) 2.25rem;
  }
}

@media (max-width: 52rem) {
  .hx-account-frame--auth {
    background: #eef8ff;
  }

  .hx-account-content--auth {
    min-height: calc(100dvh - var(--hx-auth-header-height));
    padding: 0;
    display: block;
  }

  .hx-account-content--auth .hx-auth-page {
    width: 100%;
    max-width: 30rem;
    min-height: calc(100dvh - var(--hx-auth-header-height));
    margin: 0 auto;
  }

  .hx-account-content--auth .hx-auth-stage {
    height: max(calc(100svh - var(--hx-auth-header-height)), 58rem);
    min-height: max(calc(100svh - var(--hx-auth-header-height)), 58rem);
    border: 0;
    border-radius: 0;
    grid-template-rows: 14rem minmax(0, 1fr);
    display: grid;
    overflow: visible;
    box-shadow: 0 0 40px #1f507e1a;
  }

  .hx-account-content--auth .hx-auth-story {
    min-height: 0;
    padding: max(.8rem, env(safe-area-inset-top))
      max(1rem, env(safe-area-inset-right))
      .85rem
      max(1rem, env(safe-area-inset-left));
    background: #0b1220;
    border-bottom: 1px solid #dceaf6;
    grid-template: "visual" minmax(0, 1fr)
    / 1fr;
    gap: .45rem;
    display: grid;
  }

  .hx-account-content--auth .hx-auth-story__brandline {
    grid-area: brand;
    min-height: 2.35rem;
  }

  .hx-account-content--auth .hx-auth-story__brand {
    font-size: 1.02rem;
  }

  .hx-account-content--auth .hx-auth-story__brandline {
    margin: calc(-1 * max(.8rem, env(safe-area-inset-top)))
      calc(-1 * max(1rem, env(safe-area-inset-right)))
      0
      calc(-1 * max(1rem, env(safe-area-inset-left)));
    padding: max(.8rem, env(safe-area-inset-top))
      max(1rem, env(safe-area-inset-right))
      .75rem
      max(1rem, env(safe-area-inset-left));
    background: #0b1220;
    border-bottom: 1px solid #ffffff1f;
  }

  .hx-account-content--auth .hx-auth-story__mobile-menu {
    gap: .18rem;
    margin-left: auto;
    display: inline-grid;
  }

  .hx-account-content--auth .hx-auth-story__mobile-menu i {
    background: #fff;
    border-radius: 999px;
    width: 1.05rem;
    height: 1px;
    display: block;
  }

  .hx-account-content--auth .hx-auth-story__desktop-copy {
    display: none;
  }

  .hx-account-content--auth .hx-auth-story__mobile-copy {
    display: inline;
  }

  .hx-account-content--auth .hx-auth-story__mobile-eyebrow {
    color: #5f7190;
    letter-spacing: .11em;
    font-size: .62rem;
    font-weight: 800;
    display: block;
  }

  .hx-account-content--auth .hx-auth-story__visual {
    --auth-art-ratio: var(--auth-mobile-ratio);
    width: min(100%, calc(9.5rem * var(--auth-art-ratio)));
    aspect-ratio: var(--auth-art-ratio);
    grid-area: visual;
    place-self: center;
  }

  .hx-account-content--auth .hx-auth-story__copy {
    text-align: left;
    grid-area: copy;
  }

  .hx-account-content--auth .hx-auth-story__copy h1 {
    max-width: 19ch;
    font-size: 1.45rem;
  }

  .hx-account-content--auth .hx-auth-story__copy p {
    font-size: .8rem;
    line-height: 1.42;
  }

  .hx-account-content--auth .hx-auth-story__security, .hx-account-content--auth .hx-auth-story__copy {
    display: none;
  }

  .hx-account-content--auth .hx-auth-panel {
    scrollbar-gutter: auto;
    width: 100%;
    min-height: 0;
    padding: 1.2rem
      max(1rem, env(safe-area-inset-right))
      max(1.5rem, calc(1rem + env(safe-area-inset-bottom)))
      max(1rem, env(safe-area-inset-left));
    align-content: start;
    display: grid;
    overflow-y: auto;
  }

  .hx-account-content--auth .hx-auth-panel__heading {
    margin-bottom: .9rem;
  }

  .hx-account-content--auth .hx-auth-panel__heading h2 {
    font-size: 1.45rem;
  }

  .hx-account-content--auth .hx-auth-workspace-welcome > strong {
    font-size: 1.2rem;
  }

  .hx-account-content--auth .hx-auth-form {
    gap: .72rem;
  }

  .hx-account-content--auth .hx-auth-code-boxes {
    gap: .35rem;
  }

  .hx-account-content--auth .hx-auth-help-actions {
    justify-content: center;
  }

  .hx-account-content--auth .hx-auth-panel__footer {
    text-align: center;
  }

  .hx-auth-success-symbol {
    display: none;
  }

  .hx-auth-stage:is([data-auth-visual="b-success"], [data-auth-visual="c-success"]) .hx-auth-panel__heading {
    text-align: left;
  }

  .hx-auth-support-note {
    border-radius: var(--hx-radius-md);
    color: #536987;
    background: #eef8ff;
    align-items: flex-start;
    gap: .75rem;
    margin-top: 1.5rem;
    padding: 1rem;
    font-size: .82rem;
    line-height: 1.5;
    display: flex;
  }

  .hx-auth-support-note > span {
    color: #087cf0;
    font-size: 1.3rem;
  }

  .hx-auth-support-note p {
    margin: 0;
  }

  .hx-auth-support-note--setup {
    display: grid;
  }

  .hx-auth-support-note ul {
    gap: .75rem;
    margin: 0;
    padding-left: 1.2rem;
    display: grid;
  }
}

@media (max-width: 23.5rem) {
  .hx-account-content--auth .hx-auth-story {
    padding-inline: max(.8rem, env(safe-area-inset-left))
      max(.8rem, env(safe-area-inset-right));
  }

  .hx-account-content--auth .hx-auth-panel {
    padding-inline: max(.85rem, env(safe-area-inset-left))
      max(.85rem, env(safe-area-inset-right));
  }

  .hx-account-content--auth .hx-auth-code-boxes {
    gap: .25rem;
  }
}

.hx-account-header.hx-auth-header {
  height: var(--hx-auth-header-height, 4.5rem);
  min-height: var(--hx-auth-header-height, 4.5rem);
  background: var(--hx-color-surface);
  border-bottom: 1px solid var(--hx-color-border);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding: 0 1.25rem;
}

.hx-auth-header__inner {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: min(82rem, 100%);
  margin-inline: auto;
  display: flex;
}

.hx-auth-header__brand {
  color: #0b1220;
  letter-spacing: -.04em;
  flex: none;
  align-items: center;
  gap: .55rem;
  font-size: 1.3rem;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.hx-auth-header__brand strong {
  color: var(--hx-color-brand);
}

.hx-auth-header__brand:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 4px;
  border-radius: var(--hx-radius-sm);
}

.hx-auth-header__actions {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-auth-header__actions .hx-button {
  white-space: nowrap;
  gap: .4rem;
  text-decoration: none;
}

.hx-auth-header__actions svg {
  flex: none;
  width: 1rem;
  height: 1rem;
}

@media (max-width: 52rem) {
  .hx-account-frame--auth, .hx-account-header.hx-auth-header {
    --hx-auth-header-height: 4rem;
  }

  .hx-account-header.hx-auth-header {
    padding-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
  }

  .hx-auth-header__inner {
    gap: .5rem;
  }

  .hx-auth-header__brand {
    gap: .35rem;
    font-size: 1.08rem;
  }

  .hx-auth-header__actions {
    gap: .25rem;
  }

  .hx-auth-header__actions .hx-button {
    padding-inline: .55rem;
  }

  .hx-auth-header__brand .hx-auth-story__brandmark {
    width: 1.7rem;
  }

  .hx-account-content--auth .hx-auth-stage {
    background: #eef4fb;
  }

  .hx-account-content--auth .hx-auth-panel {
    border: 1px solid var(--hx-color-border, #d8e0eb);
    border-radius: .75rem;
    width: calc(100% - 1.5rem);
    margin: .75rem;
    box-shadow: 0 4px 18px #0b12200a;
  }

  .hx-account-content--auth .hx-auth-help-actions {
    justify-content: flex-start;
    align-items: flex-start;
    gap: .75rem;
  }

  .hx-account-content--auth .hx-auth-text-action:not(.hx-auth-code-actions .hx-auth-text-action), .hx-account-content--auth .hx-auth-inline-link {
    text-align: left;
    justify-content: flex-start;
    place-self: start;
  }

  .hx-account-content--auth .hx-auth-panel__footer {
    text-align: left;
  }
}

.hx-auth-header__actions .hx-auth-header__help {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  max-width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-height: var(--hx-control-height);
  max-height: var(--hx-control-height);
  color: #64748b;
  border-radius: var(--hx-radius-md);
  border-color: #d8e0eb;
  padding: 0;
}

.hx-modal-backdrop {
  z-index: var(--hx-layer-dialog);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right))
    max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  background: #10182873;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}

.hx-modal {
  overscroll-behavior: contain;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  width: min(34rem, 100%);
  max-width: 100%;
  max-height: min(85vh, 46rem);
  box-shadow: var(--hx-shadow-dialog);
  background: #fff;
  outline: 0;
  position: relative;
  overflow: hidden auto;
}

.hx-confirm-dialog-modal {
  width: min(32rem, 100vw - 2rem);
  overflow: hidden;
}

.hx-confirm-dialog {
  gap: 0;
  padding: 0;
  display: grid;
}

.hx-confirm-dialog__header {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.05rem 1.15rem .8rem;
  display: flex;
}

.hx-confirm-dialog__copy {
  gap: .45rem;
  min-width: 0;
  display: grid;
}

.hx-confirm-dialog__close {
  width: var(--hx-overlay-circle-size);
  min-width: var(--hx-overlay-circle-size);
  max-width: var(--hx-overlay-circle-size);
  height: var(--hx-overlay-circle-size);
  min-height: var(--hx-overlay-circle-size);
  max-height: var(--hx-overlay-circle-size);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
  flex: none;
}

.hx-confirm-dialog__close:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-confirm-dialog__copy h2, .hx-confirm-dialog__copy p {
  margin: 0;
}

.hx-confirm-dialog__copy h2 {
  color: var(--hx-color-ink);
  font-size: 1.08rem;
}

.hx-confirm-dialog__copy p {
  color: var(--hx-color-muted);
  line-height: 1.55;
}

.hx-confirm-dialog__detail {
  gap: var(--hx-space-3);
  margin-top: var(--hx-space-2);
  display: grid;
}

.hx-confirm-dialog__actions {
  padding: .85rem 1.15rem max(.85rem, env(safe-area-inset-bottom));
  background: var(--hx-color-surface-muted);
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .55rem;
  display: flex;
}

.hx-confirm-dialog__actions > .hx-button {
  width: auto;
  min-width: 8.5rem;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
}

.hx-drawer-backdrop {
  z-index: var(--hx-layer-dialog);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #0b12206b;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.hx-drawer {
  overscroll-behavior: contain;
  border-left: 1px solid var(--hx-color-border);
  background: #fafbff;
  width: min(38rem, 100%);
  max-width: 100%;
  height: 100dvh;
  min-height: 0;
  max-height: 100dvh;
  padding: 0;
  animation: .18s ease-out hx-drawer-in;
  overflow: hidden auto;
  box-shadow: -8px 0 24px #1018281f;
}

.hx-drawer--calendar {
  width: min(38rem, 100%);
}

@keyframes hx-drawer-in {
  from {
    opacity: .7;
    transform: translateX(1.2rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.hx-drawer__header {
  z-index: 5;
  border-bottom: 1px solid var(--hx-color-border);
  background: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 4.75rem;
  margin: 0;
  padding: 1rem 1rem .9rem;
  display: flex;
  position: sticky;
  top: 0;
}

.hx-drawer__header h2 {
  color: #101828;
  letter-spacing: -.03em;
  margin: 0;
  font-size: 1.22rem;
}

.hx-drawer__header-actions {
  flex: none;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-drawer__header-status {
  flex: 0 auto;
  align-items: center;
  min-width: 0;
  max-width: min(12rem, 34vw);
  display: inline-flex;
}

.hx-drawer__header-status > * {
  min-width: 0;
  max-width: 100%;
}

.hx-drawer__close {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  max-width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-height: var(--hx-control-height);
  max-height: var(--hx-control-height);
  border-radius: var(--hx-radius-md);
  color: #667085;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e6ef;
  font-size: 1.25rem;
}

.hx-drawer__close:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-drawer__footer, .hx-form-action-bar {
  z-index: 4;
  min-height: calc(var(--hx-drawer-footer-height) + env(safe-area-inset-bottom));
  border-top: 1px solid var(--hx-color-border);
  padding: 0 1rem env(safe-area-inset-bottom);
  background: #fff;
  justify-content: flex-end;
  align-items: center;
  gap: .55rem;
  margin: auto -1rem 0;
  display: flex;
  position: sticky;
  bottom: 0;
}

.hx-drawer:has( > .hx-drawer__header + .hx-drawer__body + .hx-drawer__footer) {
  grid-template-rows: auto minmax(0, 1fr) auto;
  display: grid;
  overflow: hidden;
}

.hx-drawer > .hx-drawer__body.hx-stack {
  grid-auto-rows: max-content;
  align-content: start;
  min-width: 0;
}

.hx-drawer > .hx-drawer__body.hx-stack > * {
  min-width: 0;
}

.hx-drawer:has( > .hx-drawer__header + .hx-drawer__body + .hx-drawer__footer) > .hx-drawer__body {
  overscroll-behavior: contain;
  min-height: 0;
  padding: var(--hx-space-4) 1rem var(--hx-space-6);
  align-content: start;
  overflow-y: auto;
}

.hx-drawer:has( > .hx-drawer__header + .hx-drawer__body + .hx-drawer__footer) > .hx-drawer__footer {
  margin: 0;
}

.hx-drawer:not(.hx-help-drawer) > .hx-drawer__header, .hx-drawer:not(.hx-help-drawer) > .hx-drawer__footer {
  background: #fff;
}

.hx-drawer:not(.hx-help-drawer) > .hx-drawer__body {
  background: #fafbff;
}

.hx-drawer:has( > .hx-drawer__header + .hx-drawer__body):not(:has( > .hx-drawer__footer)) {
  grid-template-rows: auto minmax(0, 1fr);
  display: grid;
  overflow: hidden;
}

.hx-drawer:has( > .hx-drawer__header + .hx-drawer__body):not(:has( > .hx-drawer__footer)) > .hx-drawer__body {
  overscroll-behavior: contain;
  min-height: 0;
  padding: var(--hx-space-4) 1rem max(var(--hx-space-6), env(safe-area-inset-bottom));
  align-content: start;
  overflow-y: auto;
}

@media (max-width: 40rem) {
  .hx-access-details-drawer > .hx-drawer__footer {
    flex-wrap: wrap;
  }

  .hx-access-details-drawer > .hx-drawer__footer > .hx-button {
    flex: 9rem;
  }
}

.hx-view-drawer {
  background: var(--hx-color-surface);
  width: min(39.5rem, 100%);
}

.hx-view-drawer--inspect, .hx-view-drawer--review, .hx-view-drawer--diff, .hx-view-drawer--guided-risk {
  grid-template-rows: auto minmax(0, 1fr) auto;
  display: grid;
  overflow: hidden;
}

.hx-view-drawer__status {
  align-items: center;
  min-width: 0;
  display: inline-flex;
}

.hx-view-drawer--review > .hx-drawer__header, .hx-view-drawer--diff > .hx-drawer__header, .hx-view-drawer--guided-risk > .hx-drawer__header {
  background: #fff;
}

.hx-view-drawer--guided-risk > .hx-drawer__header {
  border-bottom-color: color-mix(in srgb, var(--hx-color-warning) 22%, var(--hx-color-border));
}

.hx-view-drawer__state {
  align-content: start;
  gap: var(--hx-space-3);
  min-height: 12rem;
  padding-top: 1rem;
  display: grid;
}

.hx-view-drawer__state > .hx-empty-state {
  min-height: 10rem;
}

.hx-view-drawer > .hx-drawer__header {
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 76%, transparent);
  background: var(--hx-color-surface);
  min-height: 5.15rem;
  padding: 1rem 1.25rem;
}

.hx-view-drawer > .hx-drawer__header .hx-drawer__heading {
  flex: auto;
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-view-drawer > .hx-drawer__header .hx-drawer__heading > h2 {
  letter-spacing: -.015em;
  min-width: 0;
  font-size: 1.05rem;
  line-height: 1.28;
}

.hx-view-drawer > .hx-drawer__header .hx-drawer__heading > p {
  color: var(--hx-color-muted);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .76rem;
  line-height: 1.4;
}

.hx-view-drawer__body {
  background: #fafbff;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 1rem;
  min-width: 0;
  padding: 0 1.25rem 1.4rem;
  display: grid;
}

.hx-view-drawer__body > * {
  min-width: 0;
}

.hx-view-drawer__footer {
  min-height: calc(var(--hx-drawer-footer-height) + env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 76%, transparent);
  padding: 0 1.25rem env(safe-area-inset-bottom);
  background: #fff;
  gap: .5rem;
}

.hx-view-drawer__footer > .hx-button {
  min-width: 7.5rem;
}

.hx-view-summary {
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 64%, transparent);
  gap: .95rem;
  min-width: 0;
  padding: 1rem 0 1.15rem;
  display: grid;
}

.hx-view-summary__lead {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-view-summary__lead > div {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-view-summary__lead strong {
  color: var(--hx-color-ink);
  font-size: .86rem;
  line-height: 1.35;
}

.hx-view-summary__lead span:not(.hx-badge) {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.4;
}

.hx-view-section {
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 64%, transparent);
  gap: .82rem;
  min-width: 0;
  padding: 1.05rem 0;
  display: grid;
}

.hx-view-section:last-child {
  border-bottom: 0;
}

.hx-view-section__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-view-section__heading {
  gap: .14rem;
  min-width: 0;
  display: grid;
}

.hx-view-section__heading h3 {
  color: var(--hx-color-ink);
  letter-spacing: -.008em;
  margin: 0;
  font-size: .87rem;
  font-weight: 720;
  line-height: 1.35;
}

.hx-view-section__heading p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .72rem;
  line-height: 1.42;
}

.hx-view-section__trailing {
  flex: none;
  align-items: center;
  gap: .4rem;
  display: flex;
}

.hx-view-section__content {
  gap: .72rem;
  min-width: 0;
  display: grid;
}

.hx-view-facts {
  gap: .78rem 1.5rem;
  min-width: 0;
  margin: 0;
  display: grid;
}

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

.hx-view-facts--1 {
  grid-template-columns: minmax(0, 1fr);
}

.hx-view-fact {
  align-content: start;
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-view-fact dt {
  color: var(--hx-color-muted);
  font-size: .69rem;
  font-weight: 650;
  line-height: 1.35;
}

.hx-view-fact dd {
  gap: .16rem;
  min-width: 0;
  margin: 0;
  display: grid;
}

.hx-view-fact__value {
  min-width: 0;
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  font-size: .84rem;
  font-weight: 590;
  line-height: 1.42;
}

.hx-view-fact dd > small {
  color: var(--hx-color-muted);
  overflow-wrap: anywhere;
  font-size: .7rem;
  line-height: 1.4;
}

.hx-view-fact .hx-badge {
  padding: .2rem .48rem;
  font-size: .7rem;
}

.hx-view-list {
  min-width: 0;
  display: grid;
}

.hx-view-list__row {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 54%, transparent);
  justify-content: space-between;
  align-items: center;
  gap: .7rem;
  min-width: 0;
  padding: .68rem 0;
  display: flex;
}

.hx-view-list__row:first-child {
  border-top: 0;
  padding-top: .1rem;
}

.hx-view-list__copy {
  flex: auto;
  gap: .13rem;
  min-width: 0;
  display: grid;
}

.hx-view-list__copy > strong {
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  font-size: .82rem;
  font-weight: 650;
}

.hx-view-list__copy > small {
  color: var(--hx-color-muted);
  overflow-wrap: anywhere;
  font-size: .7rem;
  line-height: 1.4;
}

.hx-view-empty {
  gap: .16rem;
  min-width: 0;
  padding: .72rem 0 .2rem;
  display: grid;
}

.hx-view-empty > strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
  font-weight: 650;
}

.hx-view-empty > p {
  max-width: 34rem;
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .73rem;
  line-height: 1.48;
}

.hx-saved-view-manager__body {
  align-content: start;
  gap: 1rem;
  display: grid;
}

.hx-saved-view-manager__section {
  gap: .35rem;
  min-width: 0;
  display: grid;
}

.hx-saved-view-manager__section + .hx-saved-view-manager__section {
  border-top: 1px solid var(--hx-color-border);
  padding-top: .9rem;
}

.hx-saved-view-manager__section-heading {
  justify-content: space-between;
  align-items: baseline;
  gap: .75rem;
  display: flex;
}

.hx-saved-view-manager__section-heading > strong {
  color: var(--hx-color-ink);
  font-size: .82rem;
  font-weight: 700;
}

.hx-saved-view-manager__section-heading > small {
  color: var(--hx-color-muted);
  font-size: .68rem;
}

.hx-saved-view-manager__list {
  min-width: 0;
  display: grid;
}

.hx-saved-view-manager__row {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 60%, transparent);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  min-height: 3.25rem;
  padding: .55rem 0;
  display: grid;
}

.hx-saved-view-manager__row:first-child {
  border-top: 0;
}

.hx-saved-view-manager__row.is-selected {
  background: color-mix(in srgb, var(--hx-color-brand) 3.5%, transparent);
}

.hx-saved-view-manager__copy {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-saved-view-manager__name {
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  display: flex;
}

.hx-saved-view-manager__name > strong {
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  font-size: .8rem;
  font-weight: 650;
}

.hx-saved-view-manager__copy > small {
  color: var(--hx-color-muted);
  font-size: .69rem;
  line-height: 1.35;
}

.hx-saved-view-manager__selected {
  color: var(--hx-color-brand-strong);
  font-size: .66rem;
  font-weight: 700;
}

.hx-saved-view-manager__meta {
  color: var(--hx-color-muted);
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  font-size: .67rem;
  display: flex;
}

.hx-saved-view-manager__footer {
  justify-content: flex-end;
}

.hx-saved-view-manager__edit-footer {
  justify-content: flex-start;
}

.hx-saved-view-manager__edit-footer-spacer {
  flex: auto;
  min-width: 0;
}

@media (max-width: 47.99rem) {
  .hx-saved-view-manager__edit-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hx-saved-view-manager__edit-footer-spacer {
    display: none;
  }

  .hx-saved-view-manager__edit-footer > .hx-button {
    width: 100%;
    min-width: 0;
  }

  .hx-saved-view-manager__edit-footer > .hx-button:first-child {
    grid-column: 1 / -1;
  }
}

.hx-view-drawer > .hx-drawer__body, .hx-view-drawer .hx-drawer-form__body {
  background: #fafbff;
  gap: 0;
  padding: 0 1.25rem 1.4rem;
}

.hx-view-drawer .hx-drawer-form__footer {
  min-height: calc(var(--hx-drawer-footer-height) + env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 76%, transparent);
  padding: 0 1.25rem env(safe-area-inset-bottom);
  background: #fffffffa;
  gap: .5rem;
  box-shadow: 0 -8px 24px #0f172a0a;
}

.hx-view-drawer .hx-access-surface, .hx-view-drawer .hx-profile-review, .hx-view-drawer .hx-card, .hx-view-drawer .hx-m3-form-section {
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 64%, transparent);
  min-width: 0;
  box-shadow: none;
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 1.05rem 0;
}

.hx-view-drawer .hx-access-surface:last-child, .hx-view-drawer .hx-profile-review:last-child, .hx-view-drawer .hx-card:last-child, .hx-view-drawer .hx-m3-form-section:last-child {
  border-bottom: 0;
}

.hx-view-drawer .hx-access-surface__heading, .hx-view-drawer .hx-card__title, .hx-view-drawer .hx-m3-form-section__heading > strong {
  font-size: .87rem;
  font-weight: 720;
  line-height: 1.35;
}

.hx-view-drawer .hx-m3-definition-list {
  background: none;
  border: 0;
  border-radius: 0;
}

.hx-view-drawer--contained .hx-view-facts--2 {
  gap: .875rem 1rem;
}

.hx-view-drawer--contained .hx-view-fact {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hx-view-drawer--contained .hx-view-section__heading, .hx-view-drawer--contained .hx-access-detail-identity {
  min-width: 0;
}

@media (max-width: 35.99rem) {
  .hx-view-drawer--contained .hx-view-facts--2, .hx-view-drawer--contained .hx-access-review-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-view-drawer--contained .hx-view-section, .hx-view-drawer--contained .hx-access-detail-section {
    padding: .875rem;
  }
}

@media (min-width: 36rem) {
  .hx-m3-drawer .hx-position-reporting-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: .75rem;
    display: grid;
  }
}

@media (max-width: 35.99rem) {
  .hx-m3-drawer .hx-position-reporting-fields {
    grid-template-columns: minmax(0, 1fr);
    gap: .75rem;
    display: grid;
  }
}

.hx-history-drawer .hx-profile-v2__timeline {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  min-width: 0;
  padding: 1rem;
}

.hx-history-drawer .hx-profile-v2__timeline-copy {
  gap: .3rem;
}

.hx-history-drawer .hx-profile-v2__timeline-copy > strong {
  font-size: .875rem;
  line-height: 1.45;
}

.hx-history-drawer .hx-profile-v2__timeline-copy > span {
  overflow-wrap: anywhere;
  font-size: .85rem;
  line-height: 1.45;
}

.hx-history-drawer .hx-profile-v2__timeline-event {
  min-width: 0;
}

.hx-drawer-person-value {
  overflow-wrap: anywhere;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: inline-flex;
}

.hx-access-review-drawer .hx-drawer-form__body {
  align-content: start;
  gap: 1rem;
  display: grid;
}

.hx-access-review-section {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  gap: .875rem;
  min-width: 0;
  margin: 0;
  padding: 1.05rem;
  display: grid;
}

.hx-access-review-section__heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-access-review-section__heading h3 {
  margin: 0;
  font-size: .925rem;
  line-height: 1.35;
}

.hx-access-review-person {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.hx-access-review-person__copy {
  overflow-wrap: anywhere;
  gap: .16rem;
  min-width: 0;
  display: grid;
}

.hx-access-review-person__copy small {
  color: var(--hx-color-muted);
  font-size: .79rem;
}

.hx-access-review-facts {
  border-top: 1px solid var(--hx-color-border);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: 0;
  padding: .875rem 0 0;
  display: grid;
}

.hx-access-review-facts > div {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-access-review-facts dt {
  color: var(--hx-color-muted);
  font-size: .74rem;
}

.hx-access-review-facts dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .875rem;
  font-weight: 650;
}

.hx-drawer--sectioned-form .hx-access-role-identity textarea {
  box-sizing: border-box;
  resize: vertical;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 5.5rem;
}

.hx-m3-drawer .hx-position-reporting-fields > * {
  width: 100%;
  min-width: 0;
}

@media (max-width: 35.99rem) {
  .hx-history-drawer .hx-profile-v2__timeline-event {
    grid-template-columns: 4.65rem .85rem minmax(0, 1fr);
    gap: .45rem;
  }

  .hx-history-drawer .hx-profile-v2__timeline, .hx-access-review-section {
    padding: .875rem;
  }

  .hx-access-review-facts {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .75rem;
  }
}

.hx-view-drawer--contained > .hx-drawer__body > * {
  min-width: 0;
  margin-block: 0;
}

.hx-planning-inspect-drawer .hx-view-section, .hx-planning-inspect-drawer .hx-view-section__content {
  min-width: 0;
}

.hx-planning-inspect-drawer .hx-view-facts {
  row-gap: .875rem;
}

.hx-view-drawer--contained:is(.hx-planning-inspect-drawer, .hx-planning-position-inspect) .hx-view-facts {
  gap: .7rem;
}

.hx-view-drawer--contained:is(.hx-planning-inspect-drawer, .hx-planning-position-inspect) .hx-view-fact {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: #f7f9fc;
  min-width: 0;
  padding: .8rem .875rem;
}

.hx-view-drawer--contained:is(.hx-planning-inspect-drawer, .hx-planning-position-inspect) .hx-view-fact__value {
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.hx-profile-changes-section > .hx-profile-v2__section-head {
  margin-bottom: 1rem;
}

.hx-profile-changes-section > .hx-action-feedback {
  margin: 0 0 1rem;
}

.hx-profile-changes-section > .hx-profile-v2__records, .hx-profile-changes-section > .hx-profile-v2__quiet-state {
  margin-top: .35rem;
}

.hx-security-page-stack > .hx-page-header, .hx-sample-data-page-stack > .hx-page-header {
  border-bottom: 1px solid var(--hx-color-border);
  align-items: center;
  min-width: 0;
  margin: 0 0 .35rem;
  padding: .65rem 0 1rem;
}

.hx-security-page-stack > .hx-page-header h1, .hx-sample-data-page-stack > .hx-page-header h1 {
  margin: 0;
}

.hx-access-support-workspace {
  align-content: start;
  gap: 1.25rem;
  display: grid;
}

.hx-access-support-workspace > .hx-access-surface {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #fff;
  align-content: start;
  gap: .875rem;
  min-width: 0;
  padding: 1.1rem;
  display: grid;
}

.hx-access-support-workspace > .hx-access-surface > .hx-muted {
  margin: 0;
}

.hx-access-support-workspace > .hx-access-surface > form {
  row-gap: 1rem;
  min-width: 0;
}

.hx-access-support-workspace .hx-access-surface .hx-row {
  flex-wrap: wrap;
  gap: .5rem;
}

@media (max-width: 47.99rem) {
  .hx-access-support-workspace > .hx-access-surface {
    padding: .875rem;
  }

  .hx-access-support-workspace .hx-access-surface .hx-row > .hx-button {
    flex: auto;
    min-width: 0;
  }
}

.hx-drawer--sectioned-form .hx-drawer-form__body {
  row-gap: 1rem;
}

.hx-view-drawer--contained .hx-access-request-details, .hx-view-drawer--contained .hx-access-audit-overview, .hx-view-drawer--contained .hx-access-review-grid {
  row-gap: .875rem;
}

.hx-drawer--sectioned-form .hx-access-role-identity {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .875rem;
  display: grid;
}

.hx-drawer--sectioned-form .hx-access-role-identity > .hx-stack, .hx-drawer--sectioned-form .hx-access-role-identity > div {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.hx-drawer--sectioned-form .hx-access-role-identity .hx-field, .hx-drawer--sectioned-form .hx-access-role-identity input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
}

@media (max-width: 35.99rem) {
  .hx-drawer--sectioned-form .hx-access-role-identity {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-drawer--sectioned-form .hx-access-role-identity > .hx-metric__icon {
    display: none;
  }

  .hx-drawer--sectioned-form .hx-drawer-form__body {
    row-gap: .875rem;
  }
}

.hx-view-drawer--contained > .hx-drawer__body {
  gap: 1.125rem;
  padding: 1rem 1.25rem 1.5rem;
}

.hx-view-drawer--contained .hx-card, .hx-view-drawer--contained .hx-m3-form-section {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  box-shadow: none;
  background: #fff;
  margin: 0;
  padding: 1.1rem;
}

.hx-view-drawer--contained .hx-card:last-child, .hx-view-drawer--contained .hx-m3-form-section:last-child {
  border-bottom: 1px solid var(--hx-color-border);
}

.hx-view-drawer--contained .hx-m3-definition-list > div {
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 65%, transparent);
  border-radius: var(--hx-radius-sm);
  background: #f7f9fc;
  min-width: 0;
  padding: .7rem .8rem;
}

@media (max-width: 47.99rem) {
  .hx-view-drawer--contained > .hx-drawer__body {
    padding-inline: max(1rem, env(safe-area-inset-left));
    gap: 1rem;
  }

  .hx-view-drawer--contained .hx-card, .hx-view-drawer--contained .hx-m3-form-section {
    padding: .875rem;
  }
}

.hx-view-drawer .hx-access-request-details {
  gap: 0;
}

.hx-view-drawer .hx-access-detail-section {
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 64%, transparent);
  min-width: 0;
  box-shadow: none;
  background: none;
  border-radius: 0;
  gap: .78rem;
  margin: 0;
  padding: 1.05rem 0;
  display: grid;
}

.hx-view-drawer .hx-access-detail-section:last-child {
  border-bottom: 0;
}

.hx-view-drawer .hx-access-detail-section > h3 {
  margin: 0;
  font-size: .87rem;
  font-weight: 720;
  line-height: 1.35;
}

.hx-view-drawer .hx-access-detail-identity {
  border-bottom: 0;
  gap: .72rem;
  padding-bottom: .12rem;
}

.hx-view-drawer .hx-access-detail-identity > div > strong {
  font-size: .88rem;
  line-height: 1.35;
}

.hx-view-drawer .hx-access-detail-identity > div > span {
  font-size: .72rem;
  line-height: 1.4;
}

.hx-view-drawer .hx-access-review-grid {
  gap: .8rem 1.4rem;
}

.hx-view-drawer .hx-access-review-grid > div {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.hx-view-drawer .hx-access-review-grid span, .hx-view-drawer .hx-access-detail-meta > span {
  font-size: .69rem;
}

.hx-view-drawer .hx-access-review-grid strong, .hx-view-drawer .hx-access-detail-meta strong {
  font-size: .84rem;
  line-height: 1.42;
}

.hx-view-drawer .hx-access-audit-diff__field {
  border-top-color: color-mix(in srgb, var(--hx-color-border) 58%, transparent);
  padding-block: .7rem;
}

.hx-view-drawer .hx-access-audit-diff__field > dl > div {
  border-radius: var(--hx-radius-sm);
  background: color-mix(in srgb, var(--hx-color-canvas) 58%, var(--hx-color-surface));
  border: 0;
  padding: .6rem .65rem;
}

.hx-view-drawer--contained .hx-view-summary, .hx-view-drawer--contained .hx-view-section, .hx-view-drawer--contained .hx-access-detail-section, .hx-view-drawer--contained .hx-profile-review, .hx-view-drawer--contained .hx-access-audit-overview, .hx-view-drawer--contained .hx-access-audit-diff, .hx-view-drawer--contained .hx-access-audit-technical {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  min-width: 0;
  box-shadow: none;
  background: #fff;
  margin: 0;
  padding: 1rem;
}

.hx-view-drawer--contained .hx-view-section:last-child, .hx-view-drawer--contained .hx-access-detail-section:last-child, .hx-view-drawer--contained .hx-profile-review:last-child {
  border: 1px solid var(--hx-color-border);
}

.hx-view-drawer--contained .hx-access-request-details {
  gap: .875rem;
}

.hx-view-drawer--contained .hx-access-review-grid > div {
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 64%, transparent);
  border-radius: var(--hx-radius-sm);
  background: #f7f9fc;
  min-width: 0;
  padding: .55rem .7rem;
}

.hx-view-drawer--contained .hx-view-summary {
  padding: .9rem 1rem;
}

.hx-view-drawer--contained .hx-access-audit-overview {
  display: block;
}

.hx-drawer--sectioned-form .hx-drawer-form__body {
  background: #fafbff;
  gap: .875rem;
  padding-top: 1rem;
}

.hx-drawer--sectioned-form .hx-access-role-identity, .hx-drawer--sectioned-form .hx-access-editor-section {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  min-width: 0;
  box-shadow: none;
  background: #fff;
  margin: 0;
  padding: 1rem;
}

@media (max-width: 47.99rem) {
  .hx-view-drawer--contained .hx-view-summary, .hx-view-drawer--contained .hx-view-section, .hx-view-drawer--contained .hx-access-detail-section, .hx-view-drawer--contained .hx-profile-review, .hx-view-drawer--contained .hx-access-audit-overview, .hx-view-drawer--contained .hx-access-audit-diff, .hx-view-drawer--contained .hx-access-audit-technical, .hx-drawer--sectioned-form .hx-access-role-identity, .hx-drawer--sectioned-form .hx-access-editor-section {
    padding: .875rem;
  }

  .hx-view-drawer {
    border-left: 0;
    width: 100vw;
    max-width: 100vw;
  }

  .hx-view-drawer > .hx-drawer__header, .hx-view-drawer__body {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }

  .hx-view-drawer__footer {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hx-view-drawer__footer > .hx-button {
    width: 100%;
    min-width: 0;
  }

  .hx-view-drawer__footer > .hx-button:only-child, .hx-view-drawer__footer > .hx-button:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .hx-view-facts--2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-view-list__row {
    align-items: flex-start;
  }
}

.hx-drawer:has( > .hx-drawer-form) {
  grid-template-rows: auto minmax(0, 1fr);
  display: grid;
  overflow: hidden;
}

.hx-drawer:has( > .hx-drawer-form) > .hx-drawer-form {
  min-width: 0;
  min-height: 0;
}

.hx-drawer-form {
  background: #fafbff;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0;
  height: 100%;
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.hx-drawer-form:has( > .hx-drawer-form__pinned) {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.hx-drawer-form:not(:has( > .hx-drawer-form__footer)) {
  grid-template-rows: minmax(0, 1fr);
}

.hx-drawer-form:has( > .hx-drawer-form__pinned):not(:has( > .hx-drawer-form__footer)) {
  grid-template-rows: auto minmax(0, 1fr);
}

.hx-drawer-form__pinned {
  border-bottom: 1px solid var(--hx-color-border);
  z-index: 2;
  background: #fff;
  min-width: 0;
  padding: .65rem 1rem .55rem;
}

.hx-drawer-form__feedback {
  min-width: 0;
  overflow: visible;
}

.hx-drawer-form__feedback > * {
  margin: 0;
}

.hx-drawer-form__body {
  overscroll-behavior: contain;
  min-height: 0;
  padding: var(--hx-space-4) 1rem;
  background: #fafbff;
  grid-auto-rows: max-content;
  align-content: start;
  overflow-y: auto;
}

:is(.hx-compact-grid, .hx-form-grid--2, .hx-composer-form, .hx-composer-form--wide, .hx-m2-form-grid, .hx-m3-form-grid, .hx-m4-form-row, .hx-m6-simple-field-grid, .hx-m6-validation-pair, .hx-access-custom-range, .hx-access-request-config-grid) {
  align-items: start;
}

:is(.hx-compact-grid, .hx-form-grid--2, .hx-composer-form, .hx-composer-form--wide, .hx-m2-form-grid, .hx-m3-form-grid, .hx-m4-form-row, .hx-m6-simple-field-grid, .hx-m6-validation-pair, .hx-access-custom-range, .hx-access-request-config-grid) > .hx-field {
  align-content: start;
  align-self: start;
}

:is(.hx-compact-grid, .hx-form-grid--2, .hx-composer-form, .hx-composer-form--wide, .hx-m2-form-grid, .hx-m3-form-grid, .hx-m4-form-row, .hx-m6-simple-field-grid, .hx-m6-validation-pair, .hx-access-custom-range, .hx-access-request-config-grid) > .hx-field.hx-combobox {
  grid-template-rows: auto var(--hx-form-control-height) minmax(1rem, auto);
}

:is(.hx-compact-grid, .hx-form-grid--2, .hx-composer-form, .hx-composer-form--wide, .hx-m2-form-grid, .hx-m3-form-grid, .hx-m4-form-row, .hx-m6-simple-field-grid, .hx-m6-validation-pair, .hx-access-custom-range, .hx-access-request-config-grid) > .hx-field:has( > .hx-control:not(.hx-textarea)) {
  grid-template-rows: auto var(--hx-form-control-height) minmax(1rem, auto);
}

:is(.hx-compact-grid, .hx-form-grid--2, .hx-composer-form, .hx-composer-form--wide, .hx-m2-form-grid, .hx-m3-form-grid, .hx-m4-form-row, .hx-m6-simple-field-grid, .hx-m6-validation-pair, .hx-access-custom-range, .hx-access-request-config-grid) > .hx-field > :is(.hx-field__hint, .hx-field__error) {
  align-self: start;
  min-height: 1rem;
}

.hx-drawer-form__footer {
  min-height: calc(var(--hx-drawer-footer-height) + env(safe-area-inset-bottom));
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-space-2);
  border-top: 1px solid var(--hx-color-border);
  min-width: 0;
  padding: 0 1rem env(safe-area-inset-bottom);
  background: #fff;
  flex-wrap: wrap;
  display: flex;
}

.hx-drawer-form__footer > .hx-button, .hx-drawer__footer > .hx-button, .hx-form-action-bar > .hx-button {
  min-width: 8.5rem;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
}

.hx-drawer-tabs {
  border-bottom: 1px solid #e5eaf1;
  gap: .25rem;
  margin-bottom: 1rem;
  padding-bottom: .55rem;
  display: flex;
  overflow-x: auto;
}

.hx-drawer-tabs button {
  border-radius: var(--hx-radius-md);
  color: #667085;
  cursor: pointer;
  min-height: 2.3rem;
  font: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  padding: .45rem .7rem;
  font-size: .75rem;
  font-weight: 680;
}

.hx-drawer-tabs button.is-active {
  color: #3147ba;
  background: #eff2ff;
}

.hx-drawer-section {
  border-top: 1px solid #e7ebf1;
  gap: .7rem;
  padding-top: 1rem;
  display: grid;
}

.hx-drawer-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.hx-calendar-workspace {
  gap: .9rem;
  display: grid;
}

.hx-calendar-toolbar {
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  display: flex;
}

.hx-calendar-toolbar__primary, .hx-calendar-toolbar__actions, .hx-calendar-period {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-calendar-toolbar__primary > .hx-field {
  min-width: 12rem;
}

.hx-calendar-period {
  align-self: end;
  min-height: 3rem;
}

.hx-calendar-period > button {
  border-radius: var(--hx-radius-md);
  color: #536079;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe5ee;
  width: 2.35rem;
  height: 2.35rem;
}

.hx-calendar-period > button:hover {
  border-color: #b9c4d3;
}

.hx-calendar-period .hx-calendar-today {
  width: auto;
  padding-inline: .7rem;
  font-size: .75rem;
  font-weight: 680;
}

.hx-calendar-period strong {
  color: #182230;
  letter-spacing: -.02em;
  min-width: 10rem;
  margin-left: .25rem;
  font-size: .95rem;
}

.hx-calendar-main {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e0e6ef;
  grid-template-columns: minmax(0, 1fr) 17.5rem;
  min-height: 42rem;
  display: grid;
  overflow: hidden;
}

.hx-calendar-surface {
  background: #fff;
  border-right: 1px solid #e5eaf1;
  min-width: 0;
}

.hx-calendar-loading {
  padding: 1rem;
}

.hx-calendar-weekdays {
  background: #fafbfc;
  border-bottom: 1px solid #e5eaf1;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  display: grid;
}

.hx-calendar-weekdays span {
  color: #7a8699;
  padding: .55rem .65rem;
  font-size: .67rem;
  font-weight: 720;
}

.hx-calendar-grid {
  border: 0;
  border-radius: 0;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  min-width: 0;
  display: grid;
  overflow: visible;
}

.hx-calendar-day {
  background: #fff;
  border-bottom: 1px solid #edf0f4;
  border-right: 1px solid #edf0f4;
  min-width: 0;
  min-height: 8.1rem;
  padding: .5rem;
}

.hx-calendar-day.is-outside {
  background: #fafbfc;
}

.hx-calendar-day.is-outside .hx-calendar-day__number, .hx-calendar-day.is-outside .hx-event-chip {
  opacity: .55;
}

.hx-calendar-day.is-today {
  background: #fbfbff;
}

.hx-calendar-day__head {
  justify-content: space-between;
  align-items: center;
  gap: .35rem;
  min-height: 1.5rem;
  display: flex;
}

.hx-calendar-day__head small {
  color: #5266d4;
  font-size: .62rem;
  font-weight: 720;
}

.hx-calendar-day.is-today .hx-calendar-day__number {
  background: var(--hx-color-brand);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 1.6rem;
  height: 1.6rem;
  display: grid;
}

.hx-calendar-day__events {
  gap: .2rem;
  margin-top: .25rem;
  display: grid;
}

.hx-event-chip {
  border-radius: var(--hx-radius-md);
  color: #344054;
  cursor: pointer;
  width: 100%;
  font: inherit;
  text-align: left;
  background: #f0f3ff;
  border: 1px solid #0000;
  border-left: 2px solid #7184f7;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .3rem;
  margin: 0;
  padding: .28rem .35rem;
  display: grid;
}

.hx-event-chip:hover {
  border-color: var(--hx-color-border-strong);
  border-left-color: #7184f7;
}

.hx-event-chip span {
  color: #6270a3;
  font-size: .61rem;
}

.hx-event-chip strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .65rem;
  font-weight: 680;
  overflow: hidden;
}

.hx-calendar-more {
  color: #667085;
  cursor: pointer;
  width: fit-content;
  font: inherit;
  background: none;
  border: 0;
  padding: .15rem .2rem;
  font-size: .62rem;
}

.hx-calendar-rail {
  background: #fbfcfe;
  align-content: start;
  gap: 1.2rem;
  padding: 1rem;
  display: grid;
}

.hx-calendar-rail > section {
  gap: .7rem;
  display: grid;
}

.hx-calendar-rail__settings {
  border-top: 1px solid #e4e9f0;
  padding-top: 1rem;
}

.hx-text-link {
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: 0;
  font-size: .7rem;
  font-weight: 680;
}

.hx-rail-empty {
  color: #8a95a7;
  margin: 0;
  font-size: .74rem;
}

.hx-upcoming-list {
  display: grid;
}

.hx-upcoming-list > button {
  width: 100%;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-top: 1px solid #e9edf2;
  grid-template-columns: 2.3rem minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  padding: .62rem 0;
  display: grid;
}

.hx-upcoming-list > button:first-child {
  border-top: 0;
}

.hx-upcoming-list > button:hover > span strong {
  color: var(--hx-color-brand-strong);
}

.hx-upcoming-list time {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e0e6ef;
  justify-items: center;
  padding: .25rem;
  display: grid;
}

.hx-upcoming-list time strong {
  color: #1d2939;
  font-size: .82rem;
}

.hx-upcoming-list time span {
  color: #8a95a7;
  text-transform: uppercase;
  font-size: .58rem;
}

.hx-upcoming-list > button > span {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-upcoming-list > button > span strong {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .74rem;
  overflow: hidden;
}

.hx-upcoming-list > button > span small {
  color: #7a8699;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .64rem;
  overflow: hidden;
}

.hx-calendar-setup-summary {
  border-radius: var(--hx-radius-md);
  background: #fff;
  border: 1px solid #e3e8ef;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.hx-calendar-setup-summary > div {
  border-right: 1px solid #edf0f4;
  justify-items: center;
  gap: .05rem;
  padding: .55rem .25rem;
  display: grid;
}

.hx-calendar-setup-summary > div:last-child {
  border-right: 0;
}

.hx-calendar-setup-summary span {
  color: #8a95a7;
  font-size: .57rem;
}

.hx-calendar-setup-summary strong {
  color: #344054;
  font-size: .88rem;
}

.hx-calendar-settings-actions {
  display: grid;
}

.hx-calendar-settings-actions button {
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-top: 1px solid #e9edf2;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title arrow"
                       "copy arrow";
  align-items: center;
  padding: .65rem 0;
  display: grid;
}

.hx-calendar-settings-actions button:first-child {
  border-top: 0;
}

.hx-calendar-settings-actions strong {
  color: #344054;
  grid-area: title;
  font-size: .73rem;
}

.hx-calendar-settings-actions small {
  color: #8a95a7;
  grid-area: copy;
  font-size: .63rem;
}

.hx-calendar-settings-actions button > span {
  color: #98a2b3;
  grid-area: arrow;
}

.hx-calendar-settings-actions button:hover strong, .hx-calendar-settings-actions button:hover > span {
  color: var(--hx-color-brand-strong);
}

.hx-calendar-agenda {
  min-height: 38rem;
}

.hx-agenda-list {
  display: grid;
}

.hx-agenda-list article {
  border-bottom: 1px solid #edf0f4;
  grid-template-columns: 7.5rem minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .8rem;
  padding: .8rem 1rem;
  display: grid;
}

.hx-agenda-list time {
  color: #667085;
  font-size: .7rem;
  font-weight: 680;
}

.hx-agenda-list article > div {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-agenda-list article > div strong {
  color: #344054;
  font-size: .8rem;
}

.hx-agenda-list article > div small {
  color: #7a8699;
  font-size: .68rem;
}

.hx-time-grid {
  background: #fff;
  grid-template-columns: repeat(7, minmax(8rem, 1fr));
  min-height: 38rem;
  display: grid;
  overflow-x: auto;
}

.hx-time-column {
  border-right: 1px solid #edf0f4;
  min-width: 0;
}

.hx-time-column > header {
  background: #fafbfc;
  border-bottom: 1px solid #e7ebf1;
  justify-content: center;
  align-items: center;
  gap: .35rem;
  min-height: 3.5rem;
  display: flex;
}

.hx-time-column > header span {
  color: #7a8699;
  font-size: .65rem;
  font-weight: 680;
}

.hx-time-column > header strong {
  color: #344054;
  font-size: .9rem;
}

.hx-time-column__body {
  align-content: start;
  gap: .45rem;
  min-height: 30rem;
  padding: .65rem;
  display: grid;
}

.hx-time-event {
  border-radius: var(--hx-radius-md);
  background: #f1f3ff;
  border-left: 2px solid #7184f7;
  gap: .15rem;
  padding: .55rem .6rem;
  display: grid;
}

.hx-time-event > span, .hx-time-event small {
  color: #67739c;
  font-size: .62rem;
}

.hx-time-event strong {
  color: #344054;
  font-size: .72rem;
}

@media (max-width: 72rem) {
  .hx-people-layout, .hx-calendar-main {
    grid-template-columns: 1fr;
  }

  .hx-people-directory, .hx-calendar-surface {
    border-bottom: 1px solid #e5eaf1;
    border-right: 0;
  }

  .hx-person-list {
    max-height: 22rem;
  }

  .hx-calendar-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 52rem) {
  .hx-account-header__actions > span {
    display: none;
  }

  .hx-auth-page {
    width: min(100% - 1rem, 42rem);
    padding-block: .75rem 1.5rem;
  }

  .hx-auth-stage {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .hx-auth-story__brandline {
    z-index: 2;
    position: relative;
  }

  .hx-auth-story__copy {
    z-index: 2;
    gap: .45rem;
    width: min(72%, 24rem);
    margin-top: 1rem;
    position: relative;
  }

  .hx-auth-story__copy p {
    max-width: 36ch;
    font-size: .82rem;
    line-height: 1.45;
  }

  .hx-auth-proof-list {
    display: none;
  }

  .hx-auth-panel {
    width: 100%;
    padding: 1.5rem;
  }

  .hx-auth-code-boxes {
    gap: .4rem;
    max-width: none;
  }

  .hx-action-menu__panel {
    display: none;
  }

  .hx-people-toolbar, .hx-calendar-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-people-toolbar__context {
    grid-template-columns: 1fr;
  }

  .hx-people-summary {
    grid-template-columns: repeat(2, 1fr);
  }

  .hx-people-summary > div:nth-child(2) {
    border-right: 0;
  }

  .hx-people-summary > div:nth-child(-n+2) {
    border-bottom: 1px solid #e7ebf1;
  }

  .hx-calendar-toolbar__primary, .hx-calendar-toolbar__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-calendar-toolbar__primary > .hx-field {
    min-width: 0;
  }

  .hx-calendar-period {
    flex-wrap: wrap;
  }

  .hx-calendar-view-switch {
    width: 100%;
  }

  .hx-calendar-view-switch button {
    flex: 1;
  }

  .hx-calendar-surface {
    overflow-x: auto;
  }

  .hx-calendar-weekdays, .hx-calendar-grid {
    min-width: 52rem;
  }

  .hx-calendar-rail {
    grid-template-columns: 1fr;
  }

  .hx-agenda-list article {
    grid-template-columns: 5.5rem minmax(0, 1fr) auto;
  }

  .hx-agenda-list article > .hx-button {
    grid-column: 2 / -1;
    justify-self: start;
  }
}

@media (max-width: 38rem) {
  .hx-auth-code-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .hx-auth-code-actions small {
    text-align: left;
  }

  .hx-auth-stage {
    border-radius: var(--hx-radius-md);
    min-height: auto;
  }

  .hx-auth-panel {
    padding: 1.2rem;
  }

  .hx-account-header {
    min-height: 4rem;
  }

  .hx-account-header__actions .hx-quiet-action {
    display: inline-flex;
  }

  .hx-person-row {
    grid-template-columns: 2.35rem minmax(0, 1fr);
  }

  .hx-person-row__meta {
    grid-column: 2;
    grid-template-columns: auto auto;
    justify-content: start;
    justify-items: start;
    gap: .45rem;
  }

  .hx-person-detail__hero {
    flex-direction: column;
  }

  .hx-detail-grid {
    grid-template-columns: 1fr;
  }

  .hx-drawer {
    width: 100%;
  }

  .hx-agenda-list article {
    grid-template-columns: 1fr auto;
  }

  .hx-agenda-list time {
    grid-column: 1 / -1;
  }
}

.hx-account-header .hx-brand {
  padding: 0;
}

@media (max-width: 52rem) {
  .hx-create-action {
    justify-content: center;
    width: 2.65rem;
    min-width: 2.65rem;
    padding: 0;
    font-size: 0;
  }

  .hx-create-action .hx-action-menu__chevron {
    display: none;
  }

  .hx-mobile-nav a > svg {
    width: 1.05rem;
    height: 1.05rem;
  }
}

.hx-input {
  background-image: none;
}

.hx-choice-grid {
  gap: var(--hx-space-3);
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  display: grid;
}

.hx-choice-card {
  gap: var(--hx-space-3);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  padding: var(--hx-space-3);
  cursor: pointer;
  transition: border-color var(--hx-transition-fast),
    box-shadow var(--hx-transition-fast),
    background var(--hx-transition-fast);
  grid-template-columns: 1.25rem 1fr;
  display: grid;
  position: relative;
}

.hx-choice-card:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-choice-card:has(input:focus-visible) {
  box-shadow: var(--hx-shadow-focus);
}

.hx-choice-card.is-selected {
  border-color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand-subtle);
}

.hx-choice-card input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.hx-choice-card__radio {
  border: 2px solid var(--hx-color-border-strong);
  background: var(--hx-color-surface);
  border-radius: 50%;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: .15rem;
}

.hx-choice-card.is-selected .hx-choice-card__radio {
  border: .35rem solid var(--hx-color-brand);
}

.hx-choice-card__copy {
  gap: .2rem;
  display: grid;
}

.hx-choice-card__title {
  font-weight: var(--hx-font-weight-bold);
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-choice-card__title small {
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-success-subtle);
  color: var(--hx-color-success);
  padding: .1rem .45rem;
  font-size: .7rem;
}

.hx-choice-card__description {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-sm);
}

.hx-inline-preview {
  border-left: 3px solid var(--hx-color-brand);
  background: var(--hx-color-brand-subtle);
  border-radius: var(--hx-radius-xs);
  padding: var(--hx-space-3);
  gap: .2rem;
  display: grid;
}

.hx-inline-preview strong {
  letter-spacing: .02em;
  font-size: 1.05rem;
}

.hx-page-header h1 {
  font-size: var(--hx-page-title-size);
  letter-spacing: -.04em;
  line-height: 1.05;
}

.hx-auth-providers {
  gap: .65rem;
  display: grid;
}

.hx-provider-button {
  width: 100%;
  text-decoration: none;
}

.hx-auth-divider {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-sm);
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-auth-divider:before, .hx-auth-divider:after {
  content: "";
  background: var(--hx-color-border);
  flex: 1;
  height: 1px;
}

.hx-auth-inline-link {
  color: var(--hx-color-brand-strong);
  font: inherit;
  font-weight: var(--hx-font-weight-bold);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.hx-auth-inline-link:hover {
  text-decoration: underline;
}

.hx-workspace-recovery-frame {
  min-height: 100dvh;
}

.hx-workspace-recovery {
  gap: 1rem;
  width: min(760px, 100% - 2rem);
  margin: 12vh auto 0;
  display: grid;
}

.hx-workspace-recovery > p {
  color: var(--hx-color-muted);
  max-width: 62ch;
  margin: 0;
}

.hx-company-readiness {
  padding-top: .35rem;
}

.hx-readiness-steps {
  gap: .55rem;
  display: grid;
}

.hx-readiness-steps > article {
  border-top: 1px solid var(--hx-color-border);
  grid-template-columns: minmax(6.5rem, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: .85rem;
  padding: .8rem 0;
  display: grid;
}

.hx-readiness-steps > article:first-child {
  border-top: 0;
}

.hx-readiness-steps > article > span {
  background: var(--hx-color-surface-muted);
  width: fit-content;
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
  font-weight: var(--hx-font-weight-bold);
  border-radius: 999px;
  padding: .18rem .5rem;
}

.hx-readiness-steps > article.is-complete > span {
  background: var(--hx-color-success-subtle);
  color: var(--hx-color-success);
}

.hx-readiness-steps > article.is-next > span {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
}

.hx-readiness-steps > article > div {
  gap: .15rem;
  display: grid;
}

.hx-readiness-steps strong {
  font-size: var(--hx-font-size-sm);
}

.hx-readiness-steps small {
  color: var(--hx-color-muted);
  line-height: 1.45;
}

@media (max-width: 760px) {
  .hx-readiness-steps > article {
    grid-template-columns: 1fr;
    gap: .45rem;
  }

  .hx-readiness-steps .hx-quiet-action {
    justify-self: start;
  }
}

.hx-duplicate-review {
  gap: .7rem;
  display: grid;
}

.hx-duplicate-review__matches {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  display: grid;
  overflow: hidden;
}

.hx-duplicate-review__matches > article {
  background: var(--hx-color-surface);
  border-top: 1px solid var(--hx-color-border);
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .75rem;
  padding: .7rem .8rem;
  display: grid;
}

.hx-duplicate-review__matches > article:first-child {
  border-top: 0;
}

.hx-duplicate-review__matches > article > div {
  gap: .12rem;
  display: grid;
}

.hx-duplicate-review__matches small, .hx-duplicate-review__matches > article > span {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
}

@media (max-width: 680px) {
  .hx-duplicate-review__matches > article {
    grid-template-columns: 1fr;
    gap: .35rem;
  }
}

.hx-auth-code-actions {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  min-height: 2rem;
  display: flex;
}

.hx-auth-code-actions small {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
  text-align: right;
}

.hx-auth-help-actions, .hx-auth-factor {
  gap: var(--hx-space-2);
  justify-items: start;
  display: grid;
}

.hx-auth-form input[name="token"][inputmode="numeric"] {
  letter-spacing: .28em;
  text-align: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.25rem;
  font-weight: 700;
}

.hx-auth-text-action:disabled {
  color: var(--hx-color-muted);
  cursor: not-allowed;
  opacity: .72;
}

.hx-auth-discovered-email {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  padding: .7rem .8rem;
  display: flex;
}

.hx-auth-discovered-email > div {
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-auth-discovered-email span {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
}

.hx-auth-discovered-email strong {
  overflow-wrap: anywhere;
}

.hx-history-panel {
  border-bottom: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface-muted);
  gap: .8rem;
  padding: 1rem;
  display: grid;
}

.hx-history-panel__head {
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
  display: flex;
}

.hx-history-panel__head h3 {
  margin: .1rem 0 0;
}

.hx-history-panel__head p {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-sm);
  max-width: 70ch;
  margin: .25rem 0 0;
}

.hx-history-list {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  display: grid;
  overflow: hidden;
}

.hx-history-list > article {
  border-top: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  padding: .7rem .8rem;
  display: flex;
}

.hx-history-list > article:first-child {
  border-top: 0;
}

.hx-history-list > article > div {
  gap: .12rem;
  display: grid;
}

.hx-history-list small {
  color: var(--hx-color-muted);
}

.hx-inline-action {
  color: var(--hx-color-brand-strong);
  font: inherit;
  font-size: var(--hx-font-size-sm);
  font-weight: var(--hx-font-weight-bold);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.hx-inline-action:hover {
  text-decoration: underline;
}

.hx-inline-action:focus-visible {
  box-shadow: var(--hx-shadow-focus);
  border-radius: var(--hx-radius-md);
  outline: 0;
}

.hx-position-card__actions {
  border-top: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding-top: .7rem;
  display: flex;
}

.hx-route-state {
  width: min(48rem, 100%);
  margin-inline: auto;
  padding-block: clamp(2rem, 8vh, 6rem);
}

.hx-route-state > h1 {
  letter-spacing: -.035em;
  max-width: 18ch;
  margin: .4rem 0 .75rem;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.08;
}

.hx-route-state > p {
  max-width: 62ch;
  color: var(--hx-color-muted);
  margin: 0 0 1.25rem;
}

.hx-route-state__eyebrow {
  color: var(--hx-color-brand-strong);
  font-size: .78rem;
  font-weight: var(--hx-font-weight-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.hx-button__label, .hx-button__loading {
  justify-content: center;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.hx-edit-icon {
  color: var(--hx-color-brand-strong);
  flex: none;
  display: block;
}

.hx-button--primary .hx-edit-icon, .hx-button--danger .hx-edit-icon {
  color: currentColor;
}

.hx-edit-inline-action {
  align-items: center;
  gap: .32rem;
  display: inline-flex;
}

.hx-table-row-actions__copy {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-table-row-actions__menu button:has( > .hx-edit-icon) {
  gap: .42rem;
}

.hx-table-row-actions__menu button > .hx-edit-icon {
  width: .875rem;
  height: .875rem;
  color: var(--hx-color-brand-strong);
}

.hx-button.is-loading .hx-button__label {
  visibility: hidden;
}

.hx-button__loading {
  min-width: 0;
  padding-inline: inherit;
  white-space: nowrap;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hx-button__loading-label {
  white-space: nowrap;
  flex: none;
}

.hx-button.is-loading-compact .hx-button__loading-label {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}

.hx-button.is-loading .hx-button__spinner {
  flex: 0 0 1rem;
}

.hx-checkbox-control {
  width: var(--hx-checkbox-size);
  min-width: var(--hx-checkbox-size);
  height: var(--hx-checkbox-size);
  place-items: center;
  display: inline-grid;
  position: relative;
}

.hx-checkbox-control > input {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
}

.hx-checkbox-control__indicator {
  width: var(--hx-checkbox-size);
  height: var(--hx-checkbox-size);
  border: 1.5px solid color-mix(in srgb, var(--hx-color-muted) 78%, var(--hx-color-border));
  border-radius: var(--hx-checkbox-radius);
  background: var(--hx-color-surface);
  pointer-events: none;
  transition: border-color var(--hx-transition-fast), background-color var(--hx-transition-fast), box-shadow var(--hx-transition-fast);
  position: relative;
}

.hx-checkbox-control > input:checked + .hx-checkbox-control__indicator, .hx-checkbox-control > input:indeterminate + .hx-checkbox-control__indicator {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand);
}

.hx-checkbox-control > input:checked + .hx-checkbox-control__indicator:after {
  content: "";
  border: solid var(--hx-color-on-brand);
  border-width: 0 .12rem .12rem 0;
  width: .28rem;
  height: .52rem;
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -55%)rotate(45deg);
}

.hx-checkbox-control > input:indeterminate + .hx-checkbox-control__indicator:after {
  content: "";
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-on-brand);
  height: .11rem;
  position: absolute;
  top: 50%;
  left: 22%;
  right: 22%;
  transform: translateY(-50%);
}

.hx-checkbox-control > input:not(:disabled):hover + .hx-checkbox-control__indicator {
  border-color: var(--hx-color-brand);
}

.hx-checkbox-control > input:focus-visible + .hx-checkbox-control__indicator {
  border-color: var(--hx-color-brand-strong);
  box-shadow: var(--hx-shadow-focus);
}

.hx-checkbox-control > input:disabled + .hx-checkbox-control__indicator {
  cursor: not-allowed;
  opacity: .55;
}

.hx-check-control {
  gap: .4rem;
  display: grid;
}

.hx-check-control__label {
  grid-template-columns: var(--hx-checkbox-size) minmax(0, 1fr);
  align-items: start;
  gap: .65rem;
  font-size: .875rem;
  line-height: 1.5;
  display: grid;
}

.hx-check-control__label > .hx-checkbox-control {
  margin-block-start: max(0px, calc((1.5em - var(--hx-checkbox-size)) / 2));
}

.hx-check-control__copy {
  cursor: pointer;
  gap: .15rem;
  display: grid;
}

.hx-check-control__copy strong {
  font-size: .875rem;
  font-weight: 550;
}

.hx-check-control__copy small {
  color: var(--hx-color-muted);
  font-size: .8125rem;
  line-height: 1.35;
}

.hx-check-control:has(input:disabled) .hx-check-control__copy {
  cursor: not-allowed;
  opacity: .62;
}

.hx-switch__copy {
  gap: .15rem;
  display: grid;
}

.hx-switch__copy strong {
  font-size: .875rem;
}

.hx-switch__copy small {
  color: var(--hx-color-muted);
  font-size: .8125rem;
  line-height: 1.35;
}

.hx-switch {
  cursor: pointer;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  display: grid;
}

.hx-switch input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.hx-switch__track {
  border: 1px solid var(--hx-color-border-strong);
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-disabled);
  width: 2.6rem;
  height: 1.5rem;
  transition: border-color var(--hx-transition-fast),
    background-color var(--hx-transition-fast),
    box-shadow var(--hx-transition-fast);
  position: relative;
}

.hx-switch__thumb {
  background: var(--hx-color-surface);
  width: 1.1rem;
  height: 1.1rem;
  transition: transform var(--hx-transition-fast);
  border-radius: 50%;
  position: absolute;
  top: .14rem;
  left: .14rem;
  box-shadow: 0 1px 3px #10182838;
}

.hx-switch input:checked + .hx-switch__track {
  border-color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand);
}

.hx-switch input:checked + .hx-switch__track .hx-switch__thumb {
  transform: translateX(1.08rem);
}

.hx-switch input:focus-visible + .hx-switch__track {
  box-shadow: var(--hx-shadow-focus);
}

.hx-switch input:disabled ~ .hx-switch__track {
  cursor: not-allowed;
  opacity: .62;
}

.hx-switch:has(input:disabled) .hx-switch__copy {
  cursor: not-allowed;
  opacity: .62;
}

.hx-segmented-control {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  gap: .2rem;
  width: fit-content;
  max-width: 100%;
  padding: .2rem;
  display: inline-flex;
}

.hx-segmented-control button {
  border-radius: var(--hx-radius-md);
  min-height: 2.25rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  font-size: .8125rem;
  font-weight: var(--hx-font-weight-semibold);
  background: none;
  border: 0;
  padding: .35rem .75rem;
}

.hx-segmented-control button:hover:not(:disabled) {
  color: var(--hx-color-ink);
}

.hx-segmented-control button:focus-visible {
  box-shadow: var(--hx-shadow-focus);
  outline: 0;
}

.hx-segmented-control button.is-active {
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  box-shadow: var(--hx-shadow-sm);
}

.hx-segmented-control button:disabled {
  color: var(--hx-color-disabled-ink);
  cursor: not-allowed;
}

.hx-sr-only {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

@media (forced-colors: active) {
  .hx-button, .hx-control, .hx-choice-card, .hx-segmented-control, .hx-checkbox-control__indicator, .hx-switch__track {
    forced-color-adjust: auto;
  }

  .hx-button:focus-visible, .hx-control:focus-visible, .hx-combobox__option:focus-visible, .hx-segmented-control button:focus-visible {
    outline-offset: 2px;
    box-shadow: none;
    outline: 2px solid highlight;
  }

  .hx-checkbox-control > input:checked + .hx-checkbox-control__indicator, .hx-checkbox-control > input:indeterminate + .hx-checkbox-control__indicator, .hx-switch input:checked + .hx-switch__track {
    background: highlight;
    border-color: highlight;
  }
}

.hx-icon-button {
  width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-width: var(--hx-control-height);
  min-height: var(--hx-control-height);
  border-radius: var(--hx-radius-sm);
  color: var(--hx-color-ink);
  cursor: pointer;
  transition: background-color var(--hx-transition-fast),
    border-color var(--hx-transition-fast),
    color var(--hx-transition-fast);
  background: none;
  border: 1px solid #0000;
  place-items: center;
  display: inline-grid;
}

.hx-icon-button--sm {
  width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-width: var(--hx-control-height);
  min-height: var(--hx-control-height);
}

.hx-icon-button--secondary {
  border-color: var(--hx-color-border);
  background: var(--hx-color-surface);
}

.hx-icon-button--ghost:hover:not(:disabled), .hx-icon-button--secondary:hover:not(:disabled) {
  border-color: var(--hx-color-border-strong);
}

.hx-icon-button--danger {
  color: var(--hx-color-danger);
  background: none;
  border-color: #0000;
}

.hx-icon-button--danger:hover:not(:disabled) {
  color: var(--hx-color-danger-hover);
  background: none;
  border-color: #0000;
}

.hx-icon-button:focus-visible {
  box-shadow: var(--hx-shadow-focus);
  outline: 0;
}

.hx-icon-button:disabled {
  color: var(--hx-color-disabled-ink);
  cursor: not-allowed;
  opacity: .62;
}

.hx-icon-button__glyph {
  place-items: center;
  line-height: 1;
  display: inline-grid;
}

.hx-radio-group {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.hx-radio-group__legend {
  margin-bottom: var(--hx-space-2);
  color: var(--hx-color-ink);
  font-size: .875rem;
  font-weight: var(--hx-font-weight-semibold);
  gap: .25rem;
  padding: 0;
  display: flex;
}

.hx-radio-group__options {
  gap: var(--hx-space-2);
  display: grid;
}

.hx-radio-option {
  cursor: pointer;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  align-items: start;
  gap: .65rem;
  display: grid;
}

.hx-radio-option input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.hx-radio-option__indicator {
  border: 2px solid var(--hx-color-border-strong);
  background: var(--hx-color-surface);
  width: 1.15rem;
  height: 1.15rem;
  transition: border-color var(--hx-transition-fast),
    box-shadow var(--hx-transition-fast);
  border-radius: 50%;
  margin-top: .1rem;
}

.hx-radio-option input:checked + .hx-radio-option__indicator {
  border: .35rem solid var(--hx-color-brand);
}

.hx-radio-option input:focus-visible + .hx-radio-option__indicator {
  box-shadow: var(--hx-shadow-focus);
}

.hx-radio-option:has(input:disabled) {
  cursor: not-allowed;
  opacity: .62;
}

.hx-radio-option__copy {
  gap: .15rem;
  display: grid;
}

.hx-radio-option__copy strong {
  font-size: .875rem;
}

.hx-radio-option__copy small {
  color: var(--hx-color-muted);
  font-size: .8125rem;
  line-height: 1.35;
}

@media (forced-colors: active) {
  .hx-icon-button, .hx-radio-option__indicator {
    forced-color-adjust: auto;
  }
}

.hx-banner {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--hx-space-3);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  padding: var(--hx-space-3) var(--hx-space-4);
  display: flex;
}

.hx-banner--info {
  border-left: 3px solid var(--hx-color-brand);
}

.hx-banner--success {
  border-left: 3px solid var(--hx-color-success);
}

.hx-banner--warning {
  border-left: 3px solid var(--hx-color-warning);
}

.hx-banner--danger {
  border-left: 3px solid var(--hx-color-danger);
}

.hx-banner__copy, .hx-toast__copy {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-banner__copy span, .hx-toast__copy span, .hx-progress__description {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-sm);
  line-height: 1.45;
}

.hx-banner__action {
  flex: none;
}

.hx-progress {
  gap: var(--hx-space-2);
  display: grid;
}

.hx-progress__header {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--hx-space-3);
  font-size: var(--hx-font-size-sm);
  display: flex;
}

.hx-progress__header span {
  color: var(--hx-color-muted);
}

.hx-progress__track {
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-disabled);
  height: .5rem;
  position: relative;
  overflow: hidden;
}

.hx-progress__value {
  border-radius: inherit;
  background: var(--hx-color-brand);
  height: 100%;
  transition: width var(--hx-transition-fast);
  display: block;
}

.hx-progress__track.is-indeterminate .hx-progress__value {
  animation: 1.2s ease-in-out infinite alternate hx-progress-indeterminate;
  width: 35% !important;
}

@keyframes hx-progress-indeterminate {
  from {
    transform: translateX(-80%);
  }

  to {
    transform: translateX(260%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hx-progress__track.is-indeterminate .hx-progress__value {
    animation: none;
    transform: none;
  }
}

@media (forced-colors: active) {
  .hx-banner, .hx-toast, .hx-progress__track {
    forced-color-adjust: auto;
  }
}

.hx-skip-link {
  z-index: var(--hx-layer-toast);
  transform: translateY(calc(-100% - var(--hx-space-4)));
  padding: var(--hx-space-2) var(--hx-space-3);
  border: 1px solid var(--hx-color-border-strong);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  box-shadow: var(--hx-shadow-lg);
  font-weight: var(--hx-font-weight-semibold);
  text-decoration: none;
  position: fixed;
  inset-block-start: var(--hx-space-2);
  inset-inline-start: var(--hx-space-2);
}

.hx-skip-link:focus-visible {
  outline: var(--hx-focus-ring);
  outline-offset: var(--hx-focus-ring-offset);
  transform: translateY(0);
}

.hx-workspace-main {
  min-width: 0;
}

.hx-connectivity-status {
  inset: var(--hx-space-3) var(--hx-space-4) auto;
  z-index: var(--hx-layer-toast);
  pointer-events: none;
  max-width: 42rem;
  margin-inline: auto;
  position: fixed;
}

.hx-connectivity-status .hx-banner {
  pointer-events: auto;
  box-shadow: var(--hx-shadow-lg);
}

@media (max-width: 48rem) {
  .hx-connectivity-status {
    inset: var(--hx-space-2) var(--hx-space-2) auto;
  }
}

.hx-card, .hx-auth-stage, .hx-auth-panel, .hx-company-shell, .hx-company-panel, .hx-company-foundation, .hx-workspace-card {
  box-shadow: none;
}

.hx-choice-card, .hx-combobox__trigger {
  transition: border-color var(--hx-transition-fast);
}

.hx-button:not(:disabled):hover {
  box-shadow: none;
  transform: none;
}

.hx-combobox__chevron {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--hx-color-muted);
  background: none;
  flex: none;
  place-items: center;
  display: grid;
}

.hx-password-field {
  position: relative;
}

.hx-password-field .hx-field {
  margin: 0;
}

.hx-input--with-action {
  padding-right: calc(var(--hx-form-control-height) + .85rem);
}

.hx-password-toggle {
  right: .75rem;
  top: calc(1.82rem - ((var(--hx-form-control-height) - 2rem) / 2));
  width: var(--hx-form-control-height);
  height: var(--hx-form-control-height);
  color: var(--hx-color-muted);
  cursor: pointer;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  font-size: 0;
  display: grid;
  position: absolute;
}

.hx-password-toggle svg {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
}

.hx-password-toggle:hover {
  color: var(--hx-color-ink);
  box-shadow: none;
  background: none;
  border: 0;
}

.hx-password-toggle:active {
  color: var(--hx-color-brand-strong);
  background: none;
}

.hx-password-toggle:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--hx-color-brand) 35%, transparent);
  outline-offset: 2px;
  box-shadow: none;
  border: 0;
}

.hx-auth-transition {
  align-content: center;
  place-items: center;
  gap: var(--hx-space-3);
  text-align: center;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-height: 17rem;
  padding: .95rem 1.2rem 1.05rem;
  display: grid;
}

.hx-banner--error {
  background: var(--hx-color-danger-subtle);
  border: 1px solid color-mix(in srgb, var(--hx-color-danger) 28%, white);
  color: var(--hx-color-danger);
  border-radius: var(--hx-radius-sm);
  padding: var(--hx-space-3) var(--hx-space-4);
  box-shadow: none;
}

.hx-banner--error .hx-banner__title, .hx-banner--error .hx-banner__message {
  color: var(--hx-color-danger);
}

.hx-auth-transition strong {
  font-size: 1.15rem;
}

.hx-auth-transition small {
  max-width: 26rem;
  color: var(--hx-color-muted);
}

.hx-auth-transition__spinner {
  border: 2px solid color-mix(in srgb, var(--hx-color-brand) 24%, transparent);
  border-top-color: var(--hx-color-brand-strong);
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  animation: .72s linear infinite hx-spin;
}

.hx-button.is-loading {
  cursor: wait;
}

.hx-button--primary.is-loading:disabled {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand);
  color: var(--hx-color-on-brand);
}

.hx-button--danger.is-loading:disabled {
  border-color: var(--hx-color-danger);
  background: var(--hx-color-danger);
  color: var(--hx-color-on-brand);
}

.hx-button--secondary.is-loading:disabled {
  border-color: var(--hx-color-border);
  color: var(--hx-color-ink);
  background: #fff;
}

.hx-button--ghost.is-loading:disabled {
  color: var(--hx-color-brand-strong);
  background: none;
  border-color: #0000;
}

.hx-button__spinner {
  border: 2px solid color-mix(in srgb, currentColor 28%, transparent);
  border-top-color: currentColor;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: .65s linear infinite hx-spin;
}

.hx-auth-transition__spinner {
  border-width: 3px;
  width: 2.5rem;
  height: 2.5rem;
}

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

@media (prefers-reduced-motion: reduce) {
  .hx-auth-transition__spinner, .hx-screen-loader__spinner, .hx-button__spinner {
    animation-duration: 1.5s;
  }
}

.hx-input--with-action::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}

.hx-input--with-action::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.hx-dev-token {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  padding: var(--hx-space-3);
  box-shadow: none;
}

.hx-dev-token__input {
  min-height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border-strong);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  padding: .65rem .8rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .9rem;
}

.hx-auth-remember {
  align-items: flex-start;
  gap: var(--hx-space-2);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: .2rem 0;
  display: flex;
}

.hx-auth-remember .hx-check-control__label {
  align-items: flex-start;
}

.hx-auth-remember .hx-checkbox-control__indicator {
  margin-top: .15rem;
}

.hx-auth-remember .hx-check-control__copy {
  gap: .15rem;
}

.hx-auth-remember .hx-check-control__copy strong {
  color: var(--hx-color-ink);
  font-size: var(--hx-font-size-sm);
}

.hx-auth-remember .hx-check-control__copy small {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
  line-height: 1.45;
}

.hx-security-overview {
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  display: grid;
  overflow: hidden;
}

.hx-security-setting {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-6);
  min-height: 5.25rem;
  padding: var(--hx-space-4) var(--hx-space-6);
  border-bottom: 1px solid var(--hx-color-border);
  display: flex;
}

.hx-security-setting:last-child {
  border-bottom: 0;
}

.hx-security-setting__copy {
  gap: var(--hx-space-1);
  min-width: 0;
  display: grid;
}

.hx-security-setting__copy strong {
  color: var(--hx-color-ink);
  font-size: var(--hx-font-size-sm);
}

.hx-security-setting__copy small {
  color: var(--hx-color-muted);
  line-height: 1.5;
}

.hx-security-setting__meta {
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-space-3);
  flex: none;
  display: flex;
}

.hx-security-footnote {
  padding: 0 var(--hx-space-1);
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
  margin: 0;
  line-height: 1.55;
}

.hx-security-modal {
  width: min(38rem, 100vw - 2rem);
  max-width: 38rem;
  max-height: min(88dvh, 46rem);
  overflow: hidden;
}

.hx-security-modal--wide {
  width: min(48rem, 100vw - 2rem);
  max-width: 48rem;
}

.hx-security-modal-shell {
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  max-height: min(88dvh, 46rem);
  display: grid;
  overflow: hidden;
}

.hx-security-modal__header {
  z-index: 1;
  border-bottom: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.05rem 1.2rem .82rem;
  display: flex;
  position: sticky;
  top: 0;
}

.hx-security-modal__header > div {
  gap: var(--hx-space-1);
  min-width: 0;
  display: grid;
}

.hx-security-modal__header h2, .hx-security-modal__header p {
  margin: 0;
}

.hx-security-modal__header h2 {
  color: var(--hx-color-ink);
  letter-spacing: -.014em;
  font-size: 1.05rem;
  line-height: 1.3;
}

.hx-security-modal__header p {
  max-width: 32rem;
  color: var(--hx-color-muted);
  font-size: .82rem;
  line-height: 1.42;
}

.hx-security-modal__close {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
  flex: none;
}

.hx-security-modal__close:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-security-factor {
  gap: var(--hx-space-2);
  display: grid;
}

.hx-security-factor__toggle {
  justify-self: start;
}

.hx-security-modal__body {
  overscroll-behavior: contain;
  align-content: start;
  gap: .82rem;
  min-height: 0;
  padding: .95rem 1.2rem 1.05rem;
  display: grid;
  overflow: hidden auto;
}

.hx-security-modal__actions {
  border-top: 1px solid var(--hx-color-border);
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  margin-top: .2rem;
  padding-top: 1rem;
  display: flex;
}

.hx-security-callout, .hx-security-status-panel, .hx-security-danger-zone, .hx-security-secret {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  padding: var(--hx-space-4);
}

.hx-security-callout, .hx-security-secret {
  gap: var(--hx-space-2);
  display: grid;
}

.hx-security-callout strong, .hx-security-status-panel strong, .hx-security-danger-zone strong, .hx-security-secret strong {
  color: var(--hx-color-ink);
}

.hx-security-callout p, .hx-security-status-panel p, .hx-security-danger-zone p {
  color: var(--hx-color-muted);
  margin: 0;
  line-height: 1.55;
}

.hx-security-status-panel {
  align-items: flex-start;
  gap: var(--hx-space-3);
  display: flex;
}

.hx-security-status-panel > div {
  gap: var(--hx-space-1);
  display: grid;
}

.hx-security-danger-zone {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-4);
  border-color: color-mix(in srgb, var(--hx-color-danger) 28%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-danger) 4%, var(--hx-color-surface));
  display: flex;
}

.hx-security-danger-zone > div {
  gap: var(--hx-space-1);
  min-width: 0;
  display: grid;
}

.hx-security-steps {
  gap: var(--hx-space-2);
  color: var(--hx-color-muted);
  margin: 0;
  padding-left: 1.3rem;
  line-height: 1.55;
  display: grid;
}

.hx-security-secret > span, .hx-security-secret > small {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
}

.hx-security-secret > strong {
  overflow-wrap: anywhere;
  border: 1px dashed var(--hx-color-border-strong);
  border-radius: var(--hx-radius-xs);
  background: var(--hx-color-surface);
  letter-spacing: .08em;
  padding: var(--hx-space-3);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.hx-security-code-list {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
  padding: var(--hx-space-4);
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .9rem;
  line-height: 1.8;
  overflow: auto;
}

.hx-security-session-actions {
  justify-content: flex-end;
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  display: flex;
}

.hx-security-session {
  align-items: flex-start;
}

@media (max-width: 44rem) {
  .hx-security-setting {
    align-items: stretch;
    gap: var(--hx-space-3);
    padding: var(--hx-space-4);
    flex-direction: column;
  }

  .hx-security-setting__meta {
    justify-content: space-between;
    width: 100%;
  }

  .hx-security-setting__meta .hx-button {
    margin-left: auto;
  }

  .hx-security-modal__header, .hx-security-modal__body {
    padding: var(--hx-space-4);
  }

  .hx-security-modal__actions, .hx-security-danger-zone, .hx-security-status-panel {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-security-modal__actions .hx-button, .hx-security-danger-zone .hx-button {
    width: 100%;
  }

  .hx-security-modal__actions > span {
    display: none;
  }

  .hx-security-session-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .hx-security-session-actions .hx-button {
    width: 100%;
  }

  .hx-modal-backdrop {
    align-items: end;
    padding: 0;
  }

  .hx-security-modal, .hx-security-modal--wide {
    border-radius: var(--hx-radius-md) var(--hx-radius-md) 0 0;
    border-bottom: 0;
    width: 100%;
    max-height: min(90dvh, 50rem);
  }

  .hx-security-modal__header {
    padding-top: calc(var(--hx-space-4) + env(safe-area-inset-top));
  }

  .hx-security-modal__body {
    padding-bottom: calc(var(--hx-space-4) + env(safe-area-inset-bottom));
  }
}

.hx-setup-frame {
  background: var(--hx-color-surface-muted);
  min-height: 100dvh;
}

.hx-setup-header {
  z-index: 30;
  border-bottom: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  position: sticky;
  top: 0;
}

.hx-setup-header__identity {
  align-items: center;
  gap: var(--hx-space-2);
  min-width: 0;
  margin-left: auto;
  display: flex;
}

.hx-setup-header__identity > div {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-setup-header__identity strong, .hx-setup-header__identity small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-setup-header__identity small {
  color: var(--hx-color-muted);
  font-size: var(--hx-font-size-xs);
}

.hx-setup-main {
  width: min(85rem, 100vw - 4rem);
  margin-inline: auto;
  padding: clamp(1rem, 2vw, 2rem) 0;
}

.hx-combobox, .hx-combobox__control-row {
  min-width: 0;
  position: relative;
}

.hx-combobox__trigger {
  box-sizing: border-box;
  width: 100%;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  border-color: var(--hx-color-border);
  background-color: var(--hx-color-surface-muted);
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
  overflow: hidden;
}

.hx-combobox__trigger:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 28%, var(--hx-color-border));
}

.hx-combobox__trigger[aria-expanded="true"] {
  border-color: var(--hx-color-brand-strong);
  outline: 1px solid var(--hx-color-brand);
  outline-offset: -1px;
}

.hx-combobox__trigger:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 1px solid var(--hx-color-brand);
  outline-offset: -1px;
  box-shadow: none;
}

.hx-combobox__control-row:has(.hx-combobox__inline-clear) .hx-combobox__trigger {
  padding-right: calc(var(--hx-form-control-height) + 2.9rem);
}

.hx-combobox__inline-clear {
  z-index: 2;
  width: var(--hx-form-control-height);
  min-width: var(--hx-form-control-height);
  height: var(--hx-form-control-height);
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  right: 2.55rem;
  transform: translateY(-50%);
}

.hx-combobox__inline-clear:hover:not(:disabled) {
  border-color: var(--hx-color-border-strong);
}

.hx-combobox__inline-clear:focus-visible {
  color: var(--hx-color-ink);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
  background: none;
}

.hx-combobox__inline-clear:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.hx-combobox__trigger:disabled, .hx-combobox__trigger[aria-disabled="true"] {
  cursor: not-allowed;
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-muted);
  box-shadow: none;
}

.hx-combobox__trigger > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hx-combobox__placeholder {
  color: var(--hx-color-muted);
}

.hx-combobox__selected-icon {
  color: var(--hx-color-brand-strong);
  flex: none;
  place-items: center;
  display: inline-grid;
}

.hx-combobox__popover {
  grid-template-rows: auto minmax(0, 1fr) auto;
  display: grid;
  overflow: hidden;
}

.hx-combobox__popover.hx-floating-overlay {
  padding: 0;
}

.hx-combobox__search {
  border-bottom: 1px solid var(--hx-color-border);
  padding: var(--hx-space-2);
  align-items: center;
  display: flex;
  position: relative;
}

.hx-combobox__search-icon {
  color: var(--hx-color-muted);
  pointer-events: none;
  position: absolute;
  left: .85rem;
}

.hx-combobox__search input {
  width: 100%;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-xs);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  outline: 0;
  padding: .5rem .75rem .5rem 2.35rem;
}

.hx-combobox__search input:focus {
  border-color: var(--hx-color-brand-strong);
  outline: 1px solid var(--hx-color-brand);
  outline-offset: -1px;
  box-shadow: none;
}

.hx-combobox__list {
  overscroll-behavior: contain;
  gap: .14rem;
  max-height: min(18rem, 48dvh);
  padding: .35rem;
  display: grid;
  overflow-y: auto;
}

.hx-combobox__option {
  width: 100%;
  min-height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-xs);
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .55rem .65rem;
  display: flex;
}

.hx-combobox__option > span {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-combobox__option strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 520;
  overflow: hidden;
}

.hx-combobox__option small {
  color: var(--hx-color-muted);
  font-size: .75rem;
}

.hx-combobox__option:hover:not(:disabled), .hx-combobox__option.is-active {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
  border-color: #0000;
}

.hx-combobox__option:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
  box-shadow: none;
  border-color: #0000;
}

.hx-combobox__option.is-selected {
  background: color-mix(in srgb, var(--hx-color-brand) 7%, var(--hx-color-surface));
  color: var(--hx-color-ink);
}

.hx-combobox__option:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.hx-combobox__empty, .hx-combobox__limit {
  color: var(--hx-color-muted);
  padding: .75rem .7rem;
  font-size: .8rem;
}

.hx-combobox__footer {
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  gap: .2rem;
  padding: .4rem;
  display: grid;
}

.hx-combobox__clear-action {
  width: 100%;
  min-height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-xs);
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: .5rem;
  padding: .32rem .5rem;
  font-size: .74rem;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
}

.hx-combobox__clear-icon {
  background: var(--hx-color-surface-muted);
  width: 1.5rem;
  height: 1.5rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  flex: none;
  place-items: center;
  display: grid;
}

.hx-combobox__clear-action:hover:not(:disabled) {
  text-underline-offset: .16rem;
  background: none;
  text-decoration: underline;
}

.hx-combobox__clear-action:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
  box-shadow: none;
  background: none;
}

.hx-combobox__clear-action:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.hx-combobox__add-action {
  width: 100%;
  min-height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-xs);
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: .5rem;
  padding: .55rem .65rem;
  font-weight: 700;
  display: flex;
}

.hx-combobox__add-action:hover:not(:disabled) {
  background: var(--hx-color-brand-subtle);
}

.hx-combobox__add-action:focus-visible {
  background: var(--hx-color-brand-subtle);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-combobox__add-action:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.hx-m2-loading {
  width: 100%;
}

.hx-m2-setup-page {
  gap: 1rem;
  width: 100%;
  min-width: 0;
  margin-inline: auto;
  display: grid;
}

.hx-m2-kicker {
  color: var(--hx-color-brand-strong);
  letter-spacing: .09em;
  text-transform: uppercase;
  margin: 0;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.hx-m2-setup-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  padding: .1rem .05rem .2rem;
  display: flex;
}

.hx-m2-setup-heading__copy {
  gap: .3rem;
  min-width: 0;
  display: grid;
}

.hx-m2-setup-heading h1 {
  color: var(--hx-color-ink);
  letter-spacing: -.04em;
  margin: 0;
  font-size: clamp(1.9rem, 2.6vw, 2.35rem);
  line-height: 1.08;
}

.hx-m2-setup-heading p {
  max-width: 50rem;
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .92rem;
  line-height: 1.45;
}

.hx-m2-save-status {
  min-height: 2.5rem;
  color: var(--hx-color-muted);
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  font-size: .82rem;
  font-weight: 650;
  display: inline-flex;
}

.hx-m2-save-status__icon {
  width: 1.3rem;
  height: 1.3rem;
  color: var(--hx-color-success);
  place-items: center;
  display: grid;
}

.hx-m2-save-status--saving .hx-m2-save-status__icon {
  color: var(--hx-color-brand-strong);
}

.hx-m2-save-status--error, .hx-m2-save-status--error .hx-m2-save-status__icon, .hx-m2-save-status--stale, .hx-m2-save-status--stale .hx-m2-save-status__icon {
  color: var(--hx-color-danger);
}

.hx-m2-save-status button {
  appearance: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: .25rem 0;
  font-weight: 700;
}

.hx-m2-save-status button:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 3px;
  border-radius: var(--hx-radius-xs);
}

.hx-m2-save-spinner {
  border: 2px solid;
  border-right-color: #0000;
  border-radius: 999px;
  width: 1rem;
  height: 1rem;
  animation: .75s linear infinite hx-m2-spin;
  display: block;
}

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

.hx-m2-stepper {
  overscroll-behavior-inline: contain;
  scrollbar-width: auto;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: 100%;
  padding: .86rem 1.1rem .76rem;
  overflow-x: auto;
}

.hx-m2-stepper ol {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: start;
  min-width: 50rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-m2-stepper li {
  min-width: 0;
  color: var(--hx-color-muted);
  text-align: center;
  grid-template-rows: 2rem auto;
  place-items: start center;
  gap: .4rem;
  padding-inline: .35rem;
  display: grid;
  position: relative;
}

.hx-m2-stepper__marker {
  z-index: 2;
  border: 1.5px solid var(--hx-color-border-strong);
  background: var(--hx-color-surface);
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  place-items: center;
  font-size: .76rem;
  font-weight: 800;
  display: grid;
  position: relative;
}

.hx-m2-stepper li strong {
  max-width: 8.5rem;
  color: var(--hx-color-ink);
  white-space: normal;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.25;
}

.hx-m2-stepper__connector {
  z-index: 1;
  background: var(--hx-color-border);
  height: 1px;
  position: absolute;
  top: 1rem;
  left: calc(50% + 1.35rem);
  right: calc(1.35rem - 50%);
}

.hx-m2-stepper li:last-child .hx-m2-stepper__connector {
  display: none;
}

.hx-m2-stepper li.is-complete .hx-m2-stepper__marker {
  border-color: var(--hx-color-success);
  color: var(--hx-color-success);
}

.hx-m2-stepper li.is-current .hx-m2-stepper__marker {
  border-color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand);
  color: var(--hx-color-on-brand);
}

.hx-m2-stepper li.is-current strong {
  color: var(--hx-color-brand-active);
}

.hx-m2-stage {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  gap: 0;
  width: 100%;
  min-width: 0;
  display: grid;
  overflow: visible;
}

.hx-m2-stage-header {
  align-items: center;
  gap: .9rem;
  padding: 1.05rem 1.35rem .88rem;
  display: flex;
}

.hx-m2-stage-header > div {
  gap: .14rem;
  min-width: 0;
  display: grid;
}

.hx-m2-stage-header h2, .hx-m2-complete h2, .hx-m2-provisioning h2 {
  color: var(--hx-color-ink);
  letter-spacing: -.018em;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.3;
}

.hx-m2-stage-header p, .hx-m2-complete p, .hx-m2-provisioning p {
  color: var(--hx-color-muted);
  margin: 0;
  line-height: 1.45;
}

.hx-m2-stage-header p {
  font-size: .82rem;
}

.hx-m2-step-number {
  background: var(--hx-color-brand-subtle);
  width: 2.6rem;
  height: 2.6rem;
  color: var(--hx-color-brand-strong);
  border-radius: 999px;
  flex: none;
  place-items: center;
  font-size: .94rem;
  font-weight: 850;
  display: grid;
}

.hx-m2-stage > .hx-action-feedback {
  margin: 0 1.35rem .85rem;
}

.hx-m2-stage > .hx-card, .hx-m2-stage > .hx-m2-company-details, .hx-m2-stage > .hx-m2-review {
  border-top: 1px solid var(--hx-color-border);
}

.hx-m2-stage > .hx-card, .hx-m2-stage .hx-m2-company-details > .hx-card {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: .95rem 1.35rem 1.15rem;
  overflow: visible;
}

.hx-m2-company-details {
  gap: 0;
  display: grid;
  overflow: visible;
}

.hx-m2-stage .hx-m2-company-details > .hx-card + .hx-card {
  border-top: 1px solid var(--hx-color-border);
}

.hx-m2-stage .hx-card__title {
  margin-bottom: .82rem;
  font-size: .93rem;
  font-weight: 750;
}

.hx-m2-stage--company > .hx-card > .hx-card__title, .hx-m2-stage--regional .hx-m2-company-details > .hx-card:first-child > .hx-card__title {
  display: none;
}

.hx-m2-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: .86rem 1.15rem;
  display: grid;
}

.hx-m2-span-2 {
  grid-column: 1 / -1;
}

.hx-m2-stage .hx-field {
  gap: .3rem;
}

.hx-m2-stage .hx-field__label {
  font-size: .79rem;
  line-height: 1.3;
}

.hx-m2-stage .hx-field__hint, .hx-m2-stage .hx-field__error {
  font-size: .75rem;
  line-height: 1.36;
}

.hx-m2-stage .hx-combobox {
  z-index: 1;
}

.hx-m2-stage .hx-combobox:focus-within {
  z-index: calc(var(--hx-layer-menu) + 1);
}

.hx-m2-inline-master {
  grid-template-columns: minmax(0, 1fr) 5.35rem;
  align-items: start;
  gap: .625rem;
  min-width: 0;
  display: grid;
}

.hx-m2-inline-master > .hx-button, .hx-m2-inline-master > .hx-button:disabled, .hx-m2-inline-master > .hx-button[aria-busy="true"], .hx-m2-inline-master > .hx-button.is-loading {
  box-sizing: border-box;
  width: 100%;
  min-width: 5.35rem;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  white-space: nowrap;
  border-width: 1px;
  justify-content: center;
  align-self: start;
  align-items: center;
  margin: 1.327rem 0 0;
  padding-block: 0;
  display: inline-flex;
}

.hx-m2-readonly-field {
  min-height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  align-content: center;
  gap: .08rem;
  padding: .55rem .8rem;
  display: grid;
}

.hx-m2-readonly-field span, .hx-m2-readonly-field small {
  color: var(--hx-color-muted);
  font-size: .72rem;
}

.hx-m2-readonly-field--control {
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  padding: 0 .8rem;
}

.hx-m2-slug-control {
  min-width: 0;
  position: relative;
}

.hx-m2-slug-control > .hx-input {
  width: 100%;
  padding-right: 3rem;
}

.hx-m2-slug-status {
  pointer-events: none;
  border-radius: 999px;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: grid;
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translateY(-50%);
}

.hx-m2-slug-status--available {
  background: var(--hx-color-success-subtle);
  color: var(--hx-color-success);
}

.hx-m2-slug-status--checking {
  border: 2px solid var(--hx-color-border);
  border-top-color: var(--hx-color-brand-strong);
  animation: .8s linear infinite hx-m2-spin;
}

.hx-m2-same-address {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-4);
  padding: .1rem 0;
  display: flex;
}

.hx-m2-same-address > div {
  gap: .16rem;
  min-width: 0;
  display: grid;
}

.hx-m2-same-address small {
  color: var(--hx-color-muted);
  line-height: 1.4;
}

.hx-m2-mirrored-note {
  color: var(--hx-color-muted);
  margin: -.1rem 0 0;
  font-size: .75rem;
  line-height: 1.4;
}

.hx-m2-preview {
  border-top: 1px solid var(--hx-color-border);
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin-top: .9rem;
  padding-top: .8rem;
  display: flex;
}

.hx-m2-preview > span {
  color: var(--hx-color-muted);
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 800;
}

.hx-m2-preview strong {
  border-radius: var(--hx-radius-xs);
  background: var(--hx-color-surface-muted);
  padding: .3rem .5rem;
  font-size: .78rem;
}

.hx-m2-preview small {
  width: 100%;
  color: var(--hx-color-muted);
}

.hx-m2-controlled-note {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-active);
  grid-column: 1 / -1;
  align-items: center;
  gap: .6rem;
  margin: .15rem 0 .75rem;
  padding: .62rem .78rem;
  font-size: .8rem;
  display: flex;
}

.hx-m2-controlled-note__icon {
  flex: none;
  place-items: center;
  width: 1.3rem;
  height: 1.3rem;
  display: grid;
}

.hx-m2-review {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: .7rem 1.35rem 0;
  display: grid;
}

.hx-m2-review-ready {
  border: 1px solid color-mix(in srgb, var(--hx-color-warning) 30%, var(--hx-color-border));
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-warning-subtle);
  min-height: 3rem;
  color: var(--hx-color-ink);
  grid-column: 1 / -1;
  align-items: center;
  gap: .65rem;
  margin: 0 0 .5rem;
  padding: .65rem .85rem;
  font-size: .84rem;
  display: flex;
}

.hx-m2-review-ready > span {
  border: 1px solid;
  border-radius: 999px;
  place-items: center;
  width: 1.3rem;
  height: 1.3rem;
  font-size: .72rem;
  font-weight: 850;
  display: grid;
}

.hx-m2-review-ready.is-ready {
  border-color: color-mix(in srgb, var(--hx-color-success) 30%, var(--hx-color-border));
  background: var(--hx-color-success-subtle);
  color: var(--hx-color-success);
}

.hx-m2-review-section {
  min-width: 0;
  padding: 1.05rem .15rem 1.15rem;
}

.hx-m2-review-section:nth-of-type(odd) {
  padding-right: 1.35rem;
}

.hx-m2-review-section:nth-of-type(2n) {
  border-left: 1px solid var(--hx-color-border);
  padding-left: 1.35rem;
}

.hx-m2-review-section:nth-of-type(n+3) {
  border-top: 1px solid var(--hx-color-border);
}

.hx-m2-review-section header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: .72rem;
  display: flex;
}

.hx-m2-review-section h3 {
  letter-spacing: -.01em;
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-size: .94rem;
  display: flex;
}

.hx-m2-review-check {
  border: 1.5px solid var(--hx-color-success);
  width: 1.2rem;
  height: 1.2rem;
  color: var(--hx-color-success);
  border-radius: 999px;
  place-items: center;
  font-size: .7rem;
  display: grid;
}

.hx-m2-review-section__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-m2-review dl {
  gap: .42rem;
  margin: 0;
  display: grid;
}

.hx-m2-review dl div {
  grid-template-columns: minmax(9rem, .82fr) minmax(0, 1.35fr);
  align-items: start;
  gap: .75rem;
  display: grid;
}

.hx-m2-review dt {
  color: var(--hx-color-muted);
  font-size: .81rem;
  line-height: 1.4;
}

.hx-m2-review dd {
  color: var(--hx-color-ink);
  text-align: left;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.4;
}

.hx-m2-review__missing {
  color: var(--hx-color-muted);
  font-style: italic;
  font-weight: 500;
}

.hx-m2-actions {
  min-height: 4.5rem;
  padding: .68rem 1.35rem calc(.68rem + env(safe-area-inset-bottom));
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.hx-m2-actions__status {
  gap: .06rem;
  min-width: 0;
  max-width: 32rem;
  display: grid;
}

.hx-m2-actions__status strong {
  color: var(--hx-color-ink);
  font-size: .77rem;
}

.hx-m2-actions__status span {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.hx-m2-actions__buttons {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-m2-actions__buttons > .hx-button {
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
}

.hx-m2-provisioning, .hx-m2-complete {
  justify-items: center;
  gap: var(--hx-space-3);
  width: min(100%, 48rem);
  margin: var(--hx-space-6) auto;
  padding: var(--hx-space-6);
  text-align: center;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  display: grid;
}

.hx-m2-complete--start {
  width: min(100%, 60rem);
}

.hx-m2-orbit {
  width: 5rem;
  height: 5rem;
  position: relative;
}

.hx-m2-orbit span {
  border: 2px solid var(--hx-color-border);
  border-top-color: var(--hx-color-brand-strong);
  border-radius: 50%;
  animation: 1.1s linear infinite hx-m2-spin;
  position: absolute;
  inset: 0;
}

.hx-m2-orbit span:nth-child(2) {
  animation-direction: reverse;
  inset: .75rem;
}

.hx-m2-orbit span:nth-child(3) {
  inset: 1.5rem;
}

.hx-m2-success-mark {
  background: var(--hx-color-success-subtle);
  width: 4.5rem;
  height: 4.5rem;
  color: var(--hx-color-success);
  border-radius: 50%;
  place-items: center;
  font-size: 1rem;
  font-weight: 900;
  display: grid;
}

.hx-m2-next-grid {
  gap: var(--hx-space-3);
  width: 100%;
  margin-top: var(--hx-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hx-m2-next-card {
  padding: var(--hx-space-4);
  text-align: left;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  gap: .35rem;
  text-decoration: none;
  display: grid;
}

.hx-m2-next-card span {
  color: var(--hx-color-muted);
  line-height: 1.45;
}

.hx-m2-next-card:hover, .hx-m2-next-card:focus-visible {
  border-color: var(--hx-color-brand-strong);
}

.hx-m2-next-card.is-primary {
  background: var(--hx-color-brand-subtle);
  border-color: color-mix(in srgb, var(--hx-color-brand) 35%, var(--hx-color-border));
}

.hx-m2-next-grid--start {
  max-width: 56rem;
  margin-inline: auto;
}

.hx-m2-start-choice {
  cursor: pointer;
  min-height: 12.5rem;
  font: inherit;
  align-content: start;
  gap: .6rem;
  transition: border-color .14s;
  position: relative;
}

.hx-m2-start-choice:disabled {
  cursor: wait;
  opacity: .72;
}

.hx-m2-start-choice__eyebrow {
  letter-spacing: .08em;
  text-transform: uppercase;
  width: fit-content;
  font-size: .7rem;
  font-weight: 800;
  color: var(--hx-color-brand) !important;
}

.hx-m2-start-choice > strong {
  font-size: 1.08rem;
  line-height: 1.3;
}

.hx-m2-start-choice__action {
  width: fit-content;
  color: var(--hx-color-brand-strong);
  align-self: end;
  margin-top: auto;
  font-size: .82rem;
  font-weight: 800;
}

.hx-m2-start-choice__note {
  max-width: 56rem;
  color: var(--hx-color-muted);
  text-align: center;
  margin: .75rem auto 0;
  font-size: .78rem;
  line-height: 1.45;
}

.hx-m2-complete--workspace-ready {
  text-align: left;
  justify-items: stretch;
  gap: 0;
  width: min(100%, 68rem);
  margin: clamp(2rem, 7vh, 5.5rem) auto;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 18px 48px #10182812;
}

.hx-m2-complete-hero {
  border-bottom: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-success-subtle) 38%, var(--hx-color-surface));
  align-items: center;
  gap: 1.15rem;
  padding: 1.8rem 2rem 1.55rem;
  display: flex;
}

.hx-m2-success-mark--large {
  width: 4rem;
  height: 4rem;
  box-shadow: 0 0 0 7px color-mix(in srgb, var(--hx-color-success-subtle) 70%, transparent);
  flex: 0 0 4rem;
}

.hx-m2-complete-hero__copy {
  gap: .45rem;
  min-width: 0;
  display: grid;
}

.hx-m2-complete-hero__meta {
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  display: flex;
}

.hx-m2-complete--workspace-ready .hx-m2-kicker {
  color: var(--hx-color-success);
}

.hx-m2-complete--workspace-ready h2 {
  letter-spacing: -.025em;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  line-height: 1.18;
}

.hx-m2-complete--workspace-ready .hx-m2-complete-hero__copy > p {
  max-width: 49rem;
  font-size: .88rem;
}

.hx-m2-ready-grid {
  background: var(--hx-color-surface);
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 1rem;
  padding: 1.25rem 2rem;
  display: grid;
}

.hx-m2-ready-card {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-canvas) 46%, var(--hx-color-surface));
  align-content: start;
  gap: .55rem;
  min-width: 0;
  padding: 1rem 1.05rem;
  display: grid;
}

.hx-m2-ready-card--workspace {
  align-content: center;
}

.hx-m2-ready-card__label {
  color: var(--hx-color-muted);
  letter-spacing: .045em;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 750;
}

.hx-m2-ready-card--workspace > strong {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.05rem;
  overflow: hidden;
}

.hx-m2-ready-card--workspace > small {
  overflow-wrap: anywhere;
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.45;
}

.hx-m2-ready-checklist {
  gap: .75rem;
  display: grid;
}

.hx-m2-ready-checklist > div {
  grid-template-columns: 1.55rem minmax(0, 1fr);
  align-items: start;
  gap: .6rem;
  display: grid;
}

.hx-m2-ready-checklist > div > span {
  background: var(--hx-color-success-subtle);
  width: 1.55rem;
  height: 1.55rem;
  color: var(--hx-color-success);
  border-radius: 999px;
  place-items: center;
  font-size: .7rem;
  font-weight: 850;
  display: grid;
}

.hx-m2-ready-checklist p {
  gap: .08rem;
  min-width: 0;
  margin: 0;
  display: grid;
}

.hx-m2-ready-checklist strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
  font-weight: 680;
}

.hx-m2-ready-checklist small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  line-height: 1.4;
}

.hx-m2-complete--workspace-ready > .hx-action-feedback {
  margin: 0 2rem 1rem;
}

.hx-m2-complete-footer {
  border-top: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-canvas) 55%, var(--hx-color-surface));
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem;
  display: flex;
}

.hx-m2-complete-footer > div {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-m2-complete-footer strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
}

.hx-m2-complete-footer small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  line-height: 1.4;
}

.hx-m2-complete-footer > .hx-button {
  min-width: 9.5rem;
}

@media (max-width: 47.999rem) {
  .hx-m2-complete--workspace-ready {
    width: 100%;
    margin: 1rem 0;
  }

  .hx-m2-complete-hero {
    align-items: flex-start;
    padding: 1.25rem 1rem;
  }

  .hx-m2-success-mark--large {
    flex-basis: 3rem;
    width: 3rem;
    height: 3rem;
  }

  .hx-m2-ready-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 1rem;
  }

  .hx-m2-complete--workspace-ready > .hx-action-feedback {
    margin-inline: 1rem;
  }

  .hx-m2-complete-footer {
    align-items: stretch;
    padding: 1rem;
    display: grid;
  }

  .hx-m2-complete-footer > .hx-button {
    width: 100%;
  }
}

.hx-form-modal {
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(38rem, 100vw - 2rem);
  max-height: min(88dvh, 46rem);
  padding: 0;
  display: grid;
  overflow: hidden;
}

.hx-form-modal:has( > .hx-form-modal__form) {
  grid-template-rows: auto minmax(0, 1fr);
}

.hx-form-modal__form {
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0;
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.hx-form-modal__header {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.05rem 1.2rem .82rem;
  display: flex;
}

.hx-form-modal__header > div {
  gap: .22rem;
  min-width: 0;
  display: grid;
}

.hx-form-modal__header > .hx-form-modal__header-actions {
  align-items: center;
  gap: .45rem;
  min-width: auto;
  display: flex;
}

.hx-form-modal__header h2, .hx-form-modal__header h3, .hx-form-modal__header p {
  margin: 0;
}

.hx-form-modal__header h2, .hx-form-modal__header h3 {
  letter-spacing: -.014em;
  font-size: 1.05rem;
  line-height: 1.3;
}

.hx-form-modal__header p {
  max-width: 32rem;
  color: var(--hx-color-muted);
  font-size: .82rem;
  line-height: 1.42;
}

.hx-form-modal__close {
  width: var(--hx-overlay-circle-size);
  min-width: var(--hx-overlay-circle-size);
  max-width: var(--hx-overlay-circle-size);
  height: var(--hx-overlay-circle-size);
  min-height: var(--hx-overlay-circle-size);
  max-height: var(--hx-overlay-circle-size);
  border-radius: var(--hx-radius-md);
  flex: none;
}

.hx-overlay-header-actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-overlay-header-action-gap);
  white-space: nowrap;
  flex: none;
  min-width: 0;
  display: inline-flex;
}

.hx-modal__context-help {
  flex: none;
}

.hx-form-modal__body {
  align-content: start;
  gap: .82rem;
  min-height: 0;
  padding: .95rem 1.2rem 1.05rem;
  display: grid;
  overflow-y: auto;
}

.hx-form-modal__footer {
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.2rem .9rem;
  display: flex;
}

.hx-form-modal__footer > .hx-button {
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  min-width: 7.5rem;
}

.hx-master-value-manager {
  gap: var(--hx-space-2);
  padding-top: var(--hx-space-3);
  border-top: 1px solid var(--hx-color-border);
  display: grid;
}

.hx-master-value-manager__heading {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-2);
  display: flex;
}

.hx-master-value-manager__heading > strong, .hx-master-value-manager > strong {
  color: var(--hx-color-ink);
  font-size: var(--hx-font-size-sm);
}

.hx-master-value-manager__heading > span {
  background: var(--hx-color-surface-muted);
  min-width: 1.5rem;
  color: var(--hx-color-muted);
  text-align: center;
  border-radius: 999px;
  padding: .12rem .4rem;
  font-size: .7rem;
  font-weight: 800;
}

.hx-master-value-list {
  gap: var(--hx-space-1);
  overscroll-behavior: contain;
  max-height: 11rem;
  display: grid;
  overflow-y: auto;
}

.hx-master-value-row {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-2);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  min-height: 2.75rem;
  padding: .35rem .45rem .35rem .75rem;
  display: flex;
}

.hx-master-value-row > span {
  min-width: 0;
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .84rem;
  overflow: hidden;
}

.hx-master-value-row > .hx-button {
  flex: none;
}

@media (max-width: 72rem) {
  .hx-setup-main {
    width: calc(100vw - 3rem);
    padding-inline: 0;
  }
}

@media (max-width: 52rem) {
  .hx-setup-header__identity {
    display: none;
  }

  .hx-m2-stepper ol {
    min-width: 44rem;
  }

  .hx-m2-stepper li strong {
    font-size: .77rem;
  }

  .hx-m2-review {
    grid-template-columns: 1fr;
  }

  .hx-m2-review-section:nth-of-type(n) {
    border-left: 0;
    border-top: 1px solid var(--hx-color-border);
    padding: 1rem 0;
  }

  .hx-m2-review-section:first-of-type {
    border-top: 0;
  }

  .hx-m2-review dl div {
    grid-template-columns: minmax(8rem, .8fr) minmax(0, 1.2fr);
  }

  .hx-combobox__popover {
    border-radius: var(--hx-radius-md) var(--hx-radius-md) 0 0;
    width: 100%;
    max-width: none;
    max-height: 70dvh;
    padding-bottom: env(safe-area-inset-bottom);
    position: fixed;
    inset: auto 0 0;
  }

  .hx-combobox__popover[data-placement="top"] {
    top: auto;
    bottom: 0;
  }

  .hx-combobox__list {
    max-height: 52dvh;
  }
}

@media (max-width: 40rem) {
  .hx-setup-main {
    width: calc(100vw - 2rem);
    padding: 1rem 0;
  }

  .hx-m2-setup-page {
    gap: .75rem;
  }

  .hx-m2-setup-heading {
    gap: .6rem;
    display: grid;
  }

  .hx-m2-setup-heading h1 {
    font-size: 1.9rem;
  }

  .hx-m2-save-status {
    justify-content: flex-start;
    min-height: auto;
  }

  .hx-m2-stepper {
    padding: .72rem .6rem;
  }

  .hx-m2-stepper ol {
    min-width: 40rem;
  }

  .hx-m2-stage-header {
    align-items: flex-start;
    padding: 1rem;
  }

  .hx-m2-stage > .hx-action-feedback {
    margin-inline: 1rem;
  }

  .hx-m2-stage > .hx-card, .hx-m2-stage .hx-m2-company-details > .hx-card {
    padding: .95rem 1rem 1rem;
  }

  .hx-m2-form-grid, .hx-m2-next-grid {
    grid-template-columns: 1fr;
  }

  .hx-m2-span-2 {
    grid-column: auto;
  }

  .hx-m2-same-address {
    align-items: flex-start;
  }

  .hx-m2-review {
    padding: .6rem 1rem 0;
  }

  .hx-m2-review dl div {
    grid-template-columns: 1fr;
    gap: .08rem;
  }

  .hx-m2-review-section header {
    align-items: flex-start;
  }

  .hx-m2-actions {
    padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom));
    align-items: stretch;
    display: grid;
  }

  .hx-m2-actions__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    display: grid;
  }

  .hx-m2-actions__buttons > .hx-button {
    width: 100%;
  }

  .hx-m2-actions__buttons > .hx-button:last-child {
    grid-column: 1 / -1;
  }

  .hx-m2-inline-master {
    grid-template-columns: minmax(0, 1fr) 5.25rem;
  }

  .hx-form-modal {
    border-radius: var(--hx-radius-md) var(--hx-radius-md) 0 0;
    border-bottom: 0;
    width: 100%;
    max-height: 88dvh;
  }

  .hx-form-modal__header {
    padding: 1rem .95rem .72rem;
  }

  .hx-form-modal__body {
    padding: .82rem .95rem 1rem;
  }

  .hx-form-modal__footer {
    padding: .72rem .95rem calc(.9rem + env(safe-area-inset-bottom));
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .hx-form-modal__footer > .hx-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hx-m2-orbit span, .hx-m2-save-spinner, .hx-m2-slug-status--checking {
    animation: none;
  }
}

@media (max-width: 40rem) {
  .hx-confirm-dialog-modal {
    width: calc(100vw - 2rem);
  }

  .hx-confirm-dialog__header {
    padding: 1rem .95rem .75rem;
  }

  .hx-confirm-dialog__actions {
    padding: .8rem .95rem max(.8rem, env(safe-area-inset-bottom));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hx-confirm-dialog__actions > .hx-button {
    width: 100%;
    min-width: 0;
  }
}

.hx-auth-otp-input, .hx-auth-form input[name="code"][inputmode="numeric"], .hx-security-factor input[inputmode="numeric"] {
  font-variant-numeric: tabular-nums;
  letter-spacing: .28em;
  text-align: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.25rem;
  font-weight: 700;
}

.hx-auth-account-change {
  justify-self: start;
  width: fit-content;
  margin-top: -.2rem;
}

.hx-auth-code-actions--stacked {
  text-align: center;
  justify-content: stretch;
  justify-items: center;
  gap: .2rem;
  min-height: auto;
  display: grid;
}

.hx-auth-code-actions--stacked small {
  text-align: center;
}

.hx-auth-code-actions--stacked .hx-auth-text-action {
  min-height: 2.25rem;
  padding-inline: .5rem;
}

@media (max-width: 40rem) {
  .hx-auth-code-actions--stacked {
    justify-items: stretch;
  }

  .hx-auth-code-actions--stacked .hx-auth-text-action {
    text-align: center;
    width: 100%;
  }
}

html, body {
  max-width: 100%;
  overflow-x: clip;
}

.hx-app-main, .hx-workspace-main, .hx-shell, .hx-shell--wide, .hx-card, .hx-field, .hx-combobox {
  min-width: 0;
}

@media (max-width: 64rem) {
  .hx-shell, .hx-shell.hx-shell--wide {
    width: 100%;
    max-width: 100%;
  }

  .hx-m2-stepper {
    max-width: 100%;
    overflow: hidden;
  }

  .hx-m2-stepper ol {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
  }

  .hx-m2-stepper li {
    padding-inline: .2rem;
  }

  .hx-m2-stepper li strong {
    max-width: 6.5rem;
    font-size: .7rem;
  }
}

@media (max-width: 52rem) {
  .hx-app-frame {
    width: 100%;
    max-width: 100%;
    padding-bottom: calc(4.3rem + env(safe-area-inset-bottom));
    overflow-x: clip;
  }

  .hx-app-main, .hx-workspace-main {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .hx-topbar {
    width: 100%;
    min-width: 0;
    min-height: 3.7rem;
    padding: .5rem max(.7rem, env(safe-area-inset-right)) .5rem max(.7rem, env(safe-area-inset-left));
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    display: grid;
  }

  .hx-mobile-brand {
    flex: none;
    min-width: 0;
  }

  .hx-mobile-brand .hx-brand__mark {
    width: var(--hx-control-height);
    height: var(--hx-control-height);
    border-radius: var(--hx-radius-md);
  }

  .hx-global-search {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: var(--hx-control-height);
    padding-inline: .65rem;
  }

  .hx-global-search input {
    width: 100%;
    min-width: 0;
  }

  .hx-topbar__actions {
    justify-content: flex-end;
    gap: .4rem;
    min-width: 0;
    display: flex;
  }

  .hx-icon-action, .hx-create-action {
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    height: var(--hx-control-height);
    min-height: var(--hx-control-height);
    justify-content: center;
    padding: 0;
  }

  .hx-action-menu__panel {
    inset: auto max(.75rem, env(safe-area-inset-right)) calc(4.45rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
    border-radius: var(--hx-radius-md);
    width: auto;
    max-height: min(60dvh, 28rem);
    padding: .5rem;
    display: grid;
    position: fixed;
    overflow-y: auto;
  }

  .hx-action-menu__panel[hidden] {
    display: none;
  }

  .hx-action-menu__panel a {
    min-height: var(--hx-control-height);
    padding: .75rem .8rem;
  }

  .hx-shell, .hx-shell.hx-shell--wide {
    width: 100%;
    max-width: 100%;
    padding: .85rem;
  }

  .hx-page-header {
    gap: .65rem;
    min-width: 0;
  }

  .hx-page-header h1 {
    font-size: var(--hx-page-title-size);
  }

  .hx-page-header p {
    font-size: .9rem;
    line-height: 1.45;
  }

  .hx-mobile-nav {
    min-height: calc(3.65rem + env(safe-area-inset-bottom));
    padding: .3rem max(.25rem, env(safe-area-inset-right)) calc(.3rem + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .hx-mobile-nav a, .hx-mobile-nav__more > button {
    min-width: 0;
    min-height: 3rem;
    padding: .35rem .08rem;
    overflow: hidden;
  }

  .hx-mobile-nav a {
    align-content: center;
    justify-items: center;
    gap: .12rem;
    display: grid;
  }

  .hx-mobile-nav a > span, .hx-mobile-nav__more > button > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
  }

  .hx-setup-main {
    width: 100%;
    max-width: 100%;
    padding-inline: .85rem;
  }

  .hx-m2-stepper ol {
    min-width: 0;
  }

  .hx-m2-stage, .hx-m2-stage > .hx-card, .hx-m2-company-details, .hx-m2-company-details > .hx-card {
    min-width: 0;
    max-width: 100%;
  }

  .hx-form-modal, .hx-confirm-dialog-modal {
    max-width: calc(100vw - 1rem);
  }

  .hx-account-frame, .hx-account-content, .hx-auth-page, .hx-auth-stage, .hx-auth-panel, .hx-auth-form {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 40rem) {
  .hx-shell, .hx-shell.hx-shell--wide {
    padding: .72rem;
  }

  .hx-topbar {
    padding-inline: max(.55rem, env(safe-area-inset-left));
    gap: .4rem;
  }

  .hx-global-search {
    padding-inline: .55rem;
  }

  .hx-account-header {
    min-height: 3.7rem;
    padding-inline: .85rem;
  }

  .hx-account-header__actions {
    gap: .35rem;
    margin-left: auto;
    display: flex;
  }

  .hx-account-header__actions > :not(.hx-help-header-action) {
    display: none !important;
  }

  .hx-help-header-action {
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding-inline: .65rem;
  }

  .hx-help-header-action svg + * {
    display: none;
  }

  .hx-auth-page {
    width: 100%;
    max-width: none;
    padding: .5rem 0 calc(1rem + env(safe-area-inset-bottom));
  }

  .hx-auth-stage {
    border-inline: 0;
    border-radius: 0;
    width: 100%;
    max-width: none;
    min-height: auto;
  }

  .hx-auth-panel {
    width: 100%;
    max-width: none;
    padding: 1rem max(1rem, env(safe-area-inset-right)) 1.15rem max(1rem, env(safe-area-inset-left));
  }

  .hx-auth-panel h1 {
    max-width: none;
    font-size: clamp(1.75rem, 9vw, 2.2rem);
    line-height: 1.08;
  }

  .hx-auth-discovered-email, .hx-auth-remember, .hx-auth-factor-choice, .hx-auth-code-actions, .hx-auth-help-actions {
    min-width: 0;
    max-width: 100%;
  }

  .hx-auth-discovered-email strong, .hx-auth-discovered-email span {
    overflow-wrap: anywhere;
  }

  .hx-auth-text-action, .hx-auth-inline-link {
    min-height: var(--hx-control-height);
    align-items: center;
    display: inline-flex;
  }

  .hx-m2-stepper {
    padding: .62rem .55rem;
  }

  .hx-m2-stepper ol {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    min-width: 0;
  }

  .hx-m2-stepper li {
    grid-template-rows: 1.8rem;
    gap: 0;
    padding-inline: 0;
  }

  .hx-m2-stepper__marker {
    width: 1.8rem;
    height: 1.8rem;
    font-size: .7rem;
  }

  .hx-m2-stepper li strong {
    display: none;
  }

  .hx-m2-stepper__connector {
    top: .9rem;
    left: calc(50% + 1.05rem);
    right: calc(1.05rem - 50%);
  }

  .hx-m2-stage-header {
    gap: .65rem;
    padding: .9rem;
  }

  .hx-m2-stage-header h2 {
    font-size: 1.15rem;
  }

  .hx-m2-stage-header p {
    font-size: .8rem;
    line-height: 1.4;
  }

  .hx-m2-stage > .hx-card, .hx-m2-stage .hx-m2-company-details > .hx-card {
    padding: .85rem;
  }

  .hx-form-modal, .hx-confirm-dialog-modal {
    border-radius: var(--hx-radius-md) var(--hx-radius-md) 0 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .hx-table-wrap {
    border-radius: var(--hx-radius-md);
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 24rem) {
  .hx-topbar__actions > .hx-icon-action {
    display: none;
  }

  .hx-global-search input::placeholder {
    color: #0000;
  }

  .hx-mobile-nav a, .hx-mobile-nav__more > button {
    font-size: .62rem;
  }
}

.hx-modal-close-button, .hx-modal .hx-confirm-dialog__close, .hx-modal .hx-form-modal__close, .hx-modal .hx-security-modal__close {
  box-sizing: border-box;
  width: var(--hx-overlay-circle-size);
  min-width: var(--hx-overlay-circle-size);
  max-width: var(--hx-overlay-circle-size);
  height: var(--hx-overlay-circle-size);
  min-height: var(--hx-overlay-circle-size);
  max-height: var(--hx-overlay-circle-size);
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 22%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
  box-shadow: none;
  flex: none;
  padding: 0;
}

.hx-modal-close-button:hover:not(:disabled), .hx-modal .hx-confirm-dialog__close:hover:not(:disabled), .hx-modal .hx-form-modal__close:hover:not(:disabled), .hx-modal .hx-security-modal__close:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 38%, var(--hx-color-border));
  color: var(--hx-color-brand-active);
}

.hx-modal-close-button:focus-visible, .hx-modal .hx-confirm-dialog__close:focus-visible, .hx-modal .hx-form-modal__close:focus-visible, .hx-modal .hx-security-modal__close:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--hx-color-brand) 65%, transparent);
  outline-offset: 2px;
  box-shadow: none;
}

.hx-form-modal__body, .hx-security-modal__body {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.hx-confirm-dialog__actions, .hx-form-modal__footer {
  justify-content: flex-end;
  align-items: center;
}

.hx-global-toast-viewport {
  z-index: var(--hx-layer-toast);
  pointer-events: none;
  width: min(23rem, 100vw - 2rem);
  display: grid;
  position: fixed;
  inset-block-start: calc(3.75rem + env(safe-area-inset-top));
  inset-inline-end: max(1rem, env(safe-area-inset-right));
}

.hx-global-toast-viewport > .hx-toast {
  pointer-events: auto;
}

.hx-toast {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: 100%;
  box-shadow: var(--hx-shadow-sm);
  border-inline-start-width: 1px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .78rem .8rem;
  display: grid;
  position: relative;
}

.hx-toast__status-icon {
  background: var(--hx-color-surface-muted);
  width: 1.9rem;
  height: 1.9rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  place-items: center;
  font-size: .8rem;
  font-weight: 800;
  display: grid;
}

.hx-toast--success .hx-toast__status-icon {
  background: color-mix(in srgb, var(--hx-color-success) 10%, var(--hx-color-surface));
  color: var(--hx-color-success);
}

.hx-toast--warning .hx-toast__status-icon {
  background: color-mix(in srgb, var(--hx-color-warning) 11%, var(--hx-color-surface));
  color: #9a6700;
}

.hx-toast--danger .hx-toast__status-icon {
  background: color-mix(in srgb, var(--hx-color-danger) 10%, var(--hx-color-surface));
  color: var(--hx-color-danger);
}

.hx-toast > .hx-icon-button {
  border-radius: var(--hx-radius-md);
  border: 1px solid #0000;
}

.hx-toast > .hx-icon-button:hover:not(:disabled) {
  border-color: var(--hx-color-border-strong);
}

@media (max-width: 48rem) {
  .hx-modal-backdrop {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    place-items: end stretch;
    padding: 0;
  }

  .hx-confirm-dialog-modal, .hx-form-modal, .hx-security-modal, .hx-security-modal--wide {
    border-radius: var(--hx-radius-md) var(--hx-radius-md) 0 0;
    border-bottom: 0;
    width: 100%;
    max-width: none;
    max-height: min(90dvh, 52rem);
    margin: 0;
  }

  .hx-confirm-dialog__header, .hx-form-modal__header, .hx-security-modal__header {
    padding-inline: 1rem;
  }

  .hx-confirm-dialog__actions, .hx-form-modal__footer {
    z-index: 2;
    padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom));
    background: var(--hx-color-surface);
    position: sticky;
    bottom: 0;
  }

  .hx-global-toast-viewport {
    inset-block-start: calc(var(--hx-topbar-height) + .45rem + env(safe-area-inset-top));
    inset-block-end: auto;
    inset-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
    width: auto;
  }

  .hx-toast {
    width: 100%;
  }
}

@media (max-width: 24rem) {
  .hx-form-modal__footer {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .hx-form-modal__footer > .hx-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hx-modal-close-button, .hx-toast, .hx-modal {
    transition: none !important;
    animation: none !important;
  }
}

.hx-topbar__lead, .hx-account-header__lead {
  align-items: center;
  gap: .4rem;
  min-width: 0;
  display: flex;
}

.hx-mobile-back-action {
  box-sizing: border-box;
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  box-shadow: none;
  border-radius: 999px;
  place-items: center;
  text-decoration: none;
  display: none;
}

.hx-mobile-back-action:hover {
  color: var(--hx-color-brand-strong);
  background: none;
  border-color: #0000;
}

.hx-mobile-back-action:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--hx-color-brand) 65%, transparent);
  outline-offset: 2px;
}

@media (max-width: 52rem) {
  .hx-topbar__lead {
    min-width: var(--hx-control-height);
  }

  .hx-mobile-back-action {
    display: grid;
  }

  .hx-topbar__lead.has-back .hx-mobile-brand {
    display: none;
  }

  .hx-global-toast-viewport {
    inset-block-start: calc(var(--hx-topbar-height) + .45rem + env(safe-area-inset-top));
    inset-block-end: auto;
    inset-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
    width: auto;
    max-width: none;
  }

  .hx-global-toast-viewport > .hx-toast {
    width: 100%;
  }

  .hx-app-frame, .hx-app-main, .hx-page, .hx-shell, .hx-shell--wide {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 40rem) {
  .hx-security-frame .hx-account-header {
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .hx-security-frame .hx-account-header__lead, .hx-security-frame .hx-account-header__lead .hx-brand {
    min-width: 0;
  }

  .hx-security-frame .hx-account-header__lead .hx-brand__name {
    display: none;
  }

  .hx-global-toast-viewport {
    inset-inline: max(.6rem, env(safe-area-inset-left)) max(.6rem, env(safe-area-inset-right));
  }

  .hx-toast {
    gap: .6rem;
    padding: .7rem .72rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hx-mobile-back-action {
    transition: none !important;
  }
}

html[data-hx-overlay-open="true"], html[data-hx-overlay-open="true"] body {
  overscroll-behavior: none;
}

html[data-hx-drawer-open="true"] {
  scrollbar-gutter: auto;
  overflow-y: hidden;
}

html[data-hx-drawer-open="true"] body {
  padding-inline-end: var(--hx-drawer-scrollbar-compensation, 0px);
  overflow-y: hidden;
}

.hx-choice-matrix {
  min-width: 0;
}

.hx-choice-matrix table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-size: .8rem;
}

.hx-choice-matrix th, .hx-choice-matrix td {
  border-bottom: 1px solid var(--hx-color-border);
  padding: var(--hx-space-2);
  text-align: center;
}

.hx-choice-matrix th:first-child {
  text-align: left;
  width: 40%;
  font-weight: 500;
}

.hx-choice-matrix thead th {
  color: var(--hx-color-muted);
  background: var(--hx-color-surface-muted);
  font-weight: 500;
}

.hx-choice-matrix .hx-radio-option {
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  display: flex;
}

.hx-date-field {
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.hx-date-field__input {
  min-width: 0;
  padding-right: calc(var(--hx-form-control-height) + var(--hx-form-control-height) + .4rem);
}

.hx-date-field__trigger, .hx-date-field__clear {
  min-width: var(--hx-form-control-height);
  height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-sm, 8px);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hx-date-field__trigger {
  color: var(--hx-color-brand);
  right: .2rem;
}

.hx-date-field__trigger svg {
  display: block;
}

.hx-date-field__clear {
  right: calc(var(--hx-form-control-height) + .2rem);
  color: var(--hx-color-muted);
  font-size: 1.4rem;
}

.hx-date-field__trigger:hover:not(:disabled), .hx-date-field__clear:hover:not(:disabled) {
  color: var(--hx-color-brand-active);
  background: none;
}

.hx-date-field__trigger:focus-visible, .hx-date-field__clear:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 1px;
}

.hx-date-calendar {
  box-sizing: border-box;
  background: var(--hx-color-surface, white);
  border-radius: var(--hx-radius-md, 8px);
  color: var(--hx-color-ink);
  padding: .65rem;
}

.hx-date-calendar button {
  color: inherit;
  border-radius: var(--hx-radius-sm, 8px);
  cursor: pointer;
  background: none;
  border: 0;
}

.hx-date-calendar button:hover:not(:disabled) {
  background: var(--hx-color-surface-muted);
}

.hx-date-calendar button:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-date-calendar button:disabled {
  color: var(--hx-color-muted);
  opacity: .45;
  cursor: not-allowed;
}

.hx-date-calendar__heading {
  justify-content: space-between;
  align-items: center;
  gap: .15rem;
  margin-bottom: .5rem;
  display: flex;
}

.hx-date-calendar__heading button {
  min-width: 2.3rem;
  min-height: 2.4rem;
  padding: .3rem;
  font-weight: 600;
}

.hx-date-calendar__days {
  text-align: center;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .1rem;
  display: grid;
}

.hx-date-calendar__weekday {
  color: var(--hx-color-muted);
  align-self: center;
  padding: .5rem 0;
  font-size: .7rem;
  font-weight: 600;
}

.hx-date-calendar__days button {
  min-width: 0;
  height: var(--hx-form-control-height);
  font-variant-numeric: tabular-nums;
}

.hx-date-calendar button[aria-selected="true"], .hx-date-calendar button[aria-pressed="true"] {
  color: #fff;
  background: var(--hx-color-brand);
}

.hx-date-calendar__choices {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .25rem;
  display: grid;
}

.hx-date-calendar__choices button {
  min-height: var(--hx-form-control-height);
  padding: .65rem .2rem;
}

.hx-date-calendar__footer {
  border-top: 1px solid var(--hx-color-border);
  justify-content: space-between;
  margin-top: .5rem;
  padding-top: .45rem;
  display: flex;
}

.hx-date-calendar__footer button {
  min-height: 2.3rem;
  padding: .35rem .7rem;
}

.hx-time-picker {
  box-sizing: border-box;
  background: var(--hx-color-surface, white);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md, 8px);
  color: var(--hx-color-ink);
  padding: .75rem;
}

.hx-time-picker__selectors {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  display: grid;
}

.hx-time-picker__selectors label {
  gap: .3rem;
  min-width: 0;
  font-size: .75rem;
  font-weight: 650;
  display: grid;
}

.hx-time-picker__selectors select {
  width: 100%;
  min-width: 0;
}

.hx-time-picker__footer {
  justify-content: flex-end;
  gap: .5rem;
  padding-top: .65rem;
  display: flex;
}

.hx-time-picker__footer button {
  min-height: var(--hx-button-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm, 8px);
  background: var(--hx-color-surface, white);
  cursor: pointer;
  padding: .4rem .75rem;
}

.hx-time-picker__footer button:last-child {
  background: var(--hx-color-brand);
  color: #fff;
  border-color: var(--hx-color-brand);
}

.hx-datetime-field {
  gap: var(--hx-space-3, .75rem);
  grid-template-columns: minmax(0, 1fr) minmax(11rem, 1.05fr);
  align-items: start;
  min-width: 0;
  display: grid;
}

.hx-datetime-field > * {
  min-width: 0;
}

.hx-datetime-field .hx-date-field__input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding-inline-end: calc(var(--hx-form-control-height) + .4rem);
}

.hx-datetime-field .hx-date-field:has(.hx-date-field__clear) .hx-date-field__input {
  padding-inline-end: calc(var(--hx-form-control-height) + var(--hx-form-control-height) + .4rem);
}

.hx-datetime-field .hx-date-field__trigger {
  right: .15rem;
}

.hx-datetime-field > .hx-field__error {
  grid-column: 1 / -1;
}

@media (max-width: 620px) {
  .hx-datetime-field {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hx-time-picker {
  width: min(100%, 23rem);
  max-width: 100%;
}

.hx-time-picker__selectors {
  grid-template-columns: repeat(3, minmax(4.25rem, 1fr));
  gap: .6rem;
}

.hx-time-picker__selectors[data-hour-cycle="24h"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hx-time-picker__selectors label {
  min-width: 0;
  overflow: visible;
}

.hx-time-picker__selectors select {
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
  text-overflow: clip;
  min-width: 0;
  padding-inline: .35rem 1.45rem;
}

.hx-time-picker__footer {
  flex-wrap: wrap;
}

@media (max-width: 23rem) {
  .hx-time-picker {
    padding: .5rem;
  }

  .hx-time-picker__selectors {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .3rem;
  }
}

.hx-form-section-title {
  border-top: 1px solid var(--hx-color-border);
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: baseline;
  gap: .75rem;
  margin-top: .2rem;
  padding-top: .85rem;
  display: flex;
}

.hx-form-section-title strong {
  color: var(--hx-color-ink);
  font-size: .84rem;
}

.hx-form-section-title span {
  color: var(--hx-color-muted);
  font-size: .75rem;
}

@media (max-width: 40rem) {
  .hx-form-section-title {
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
  }
}

.hx-drawer__heading {
  min-width: 0;
}

.hx-drawer__heading p {
  color: var(--hx-color-muted);
  margin: .24rem 0 0;
  font-size: .8rem;
  line-height: 1.45;
}

.hx-company-structure {
  --hx-data-grid-sticky-top: calc(var(--hx-topbar-height) + .65rem);
  gap: .65rem;
  min-width: 0;
}

.hx-company-structure__page-header {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  min-height: 2.8rem;
  padding: .15rem 0 .35rem;
  display: flex;
}

.hx-company-structure__page-header h1 {
  min-width: 0;
  color: var(--hx-color-ink);
  font-size: var(--hx-page-title-size);
  letter-spacing: -.025em;
  margin: 0;
  font-weight: 700;
  line-height: 1.16;
}

.hx-company-structure__page-actions {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
  display: flex;
}

@media (min-width: 48.01rem) {
  .hx-company-structure__page-header {
    height: 2.8rem;
    min-height: 2.8rem;
  }

  .hx-company-structure__page-actions, .hx-company-structure__page-actions .hx-m3-primary-actions {
    white-space: nowrap;
    flex-wrap: nowrap;
  }
}

.hx-company-structure__section-bar {
  top: var(--hx-topbar-height);
  z-index: 8;
  border: 0;
  border-bottom: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-canvas) 96%, transparent);
  min-width: 0;
  box-shadow: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0;
  padding: 0;
  position: sticky;
}

.hx-company-structure__subsection-bar {
  border-bottom: 1px solid var(--hx-color-border);
  min-width: 0;
}

.hx-company-structure__tabs {
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  align-items: end;
  gap: clamp(.72rem, 1.25vw, 1.45rem);
  width: 100%;
  min-width: 0;
  display: flex;
  overflow: visible;
}

.hx-company-structure__tabs > button[role="tab"], .hx-company-structure__tabs > .hx-tab-option > button[role="tab"] {
  min-width: 0;
  min-height: 2.75rem;
  color: var(--hx-color-muted);
  font: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  flex: none;
  padding: 0 .15rem;
  font-size: .8125rem;
  font-weight: 600;
}

.hx-company-structure__tabs > button[role="tab"]:hover:not(:disabled), .hx-company-structure__tabs > .hx-tab-option > button[role="tab"]:hover:not(:disabled) {
  border-bottom-color: color-mix(in srgb, var(--hx-color-brand) 45%, transparent);
  color: var(--hx-color-ink);
  background: none;
}

.hx-company-structure__tabs > button[role="tab"]:focus-visible, .hx-company-structure__tabs > .hx-tab-option > button[role="tab"]:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-company-structure__tabs > button[role="tab"].is-active, .hx-company-structure__tabs > .hx-tab-option > button[role="tab"].is-active {
  border-bottom-color: var(--hx-color-brand-strong);
  color: var(--hx-color-brand-strong);
  background: none;
}

.hx-company-structure__section-action, .hx-m3-row-actions {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.hx-company-structure__page-actions .hx-m3-primary-actions {
  justify-content: flex-end;
}

.hx-m3-primary-actions {
  align-items: center;
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.hx-m3-section-actions {
  min-height: var(--hx-control-height);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-m3-section-actions > div:first-child {
  min-width: 0;
}

.hx-m3-section-actions > .hx-button {
  flex: none;
}

.hx-m3-getting-started {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-lg);
  background: var(--hx-color-surface);
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem;
  display: flex;
}

.hx-m3-getting-started h2 {
  color: var(--hx-color-ink);
  letter-spacing: -.025em;
  margin: .25rem 0 .35rem;
  font-size: 1.2rem;
}

.hx-m3-getting-started p, .hx-m3-recommendation p {
  color: var(--hx-color-muted);
  margin: 0;
  line-height: 1.55;
}

.hx-m3-overview-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: .9rem;
  display: grid;
}

.hx-m3-summary-list {
  display: grid;
}

.hx-m3-summary-list button {
  min-height: var(--hx-control-height);
  border: 0;
  border-bottom: 1px solid var(--hx-color-border);
  color: var(--hx-color-ink);
  font: inherit;
  text-align: left;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem 0;
  display: flex;
}

.hx-m3-summary-list button:last-child {
  border-bottom: 0;
}

.hx-m3-summary-list button:hover {
  color: var(--hx-color-brand-strong);
}

.hx-m3-summary-list strong {
  font-size: 1rem;
}

.hx-m3-summary-list__copy {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.hx-m3-summary-list__copy small {
  color: var(--hx-color-muted);
  line-height: 1.4;
}

.hx-m3-summary-list button > b {
  color: var(--hx-color-brand-strong);
  flex: none;
  font-size: 1rem;
}

.hx-m3-recommendation {
  gap: .7rem;
  display: grid;
}

.hx-m3-overview-advanced {
  border-top: 1px solid var(--hx-color-border);
  margin-top: .8rem;
  padding-top: .7rem;
}

.hx-m3-overview-advanced > summary {
  cursor: pointer;
  width: fit-content;
  color: var(--hx-color-brand-strong);
  font-weight: 700;
  line-height: 1.4;
}

.hx-m3-overview-advanced__body {
  gap: .55rem;
  padding-top: .55rem;
  display: grid;
}

.hx-m3-overview-advanced__body p {
  color: var(--hx-color-muted);
  margin: 0;
  line-height: 1.55;
}

.hx-m3-advanced-actions {
  flex-wrap: wrap;
  gap: .35rem;
  display: flex;
}

.hx-m3-directory-table td:last-child, .hx-m3-directory-table th:last-child {
  white-space: nowrap;
  width: 1%;
}

.hx-m3-tree-list {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-lg);
  background: var(--hx-color-surface);
  overflow: hidden;
}

.hx-m3-tree-row {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 4.25rem;
  padding: .7rem .9rem;
  display: flex;
}

.hx-m3-tree-row:last-child {
  border-bottom: 0;
}

.hx-m3-tree-row > div:first-child {
  gap: .16rem;
  min-width: 0;
  display: grid;
}

.hx-m3-tree-row strong, .hx-m3-tree-row small {
  overflow-wrap: anywhere;
}

.hx-m3-tree-row small {
  color: var(--hx-color-muted);
}

.hx-m3-form-section {
  gap: var(--hx-space-3);
  border-top: 1px solid var(--hx-color-border);
  padding-top: 1rem;
  display: grid;
}

.hx-m3-form-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.hx-m3-form-section__heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.hx-m3-form-section__heading strong {
  min-width: 0;
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  flex: auto;
  font-size: .9rem;
  line-height: 1.35;
}

.hx-m3-form-section__heading > span:not(.hx-badge) {
  color: var(--hx-color-muted);
  overflow-wrap: anywhere;
  text-align: right;
  flex: 0 46%;
  font-size: .75rem;
  line-height: 1.35;
}

.hx-m3-form-section__heading > .hx-badge {
  text-align: left;
  flex: none;
  width: fit-content;
  max-width: 100%;
}

.hx-m3-impact-chips {
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: .55rem;
  display: grid;
}

.hx-m3-impact-chip {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-height: 2.75rem;
  padding: .6rem .75rem;
  display: flex;
}

.hx-m3-impact-chip > span {
  min-width: 0;
  color: var(--hx-color-muted);
  font-size: .8rem;
  line-height: 1.35;
}

.hx-m3-impact-chip > strong {
  color: var(--hx-color-ink);
  flex: none;
  font-size: .92rem;
}

.hx-m3-impact-empty {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  gap: .2rem;
  padding: .75rem;
  display: grid;
}

.hx-m3-impact-empty > strong {
  color: var(--hx-color-ink);
  font-size: .86rem;
}

.hx-m3-impact-empty > span {
  color: var(--hx-color-muted);
  font-size: .78rem;
  line-height: 1.45;
}

.hx-m3-summary-list:has(.hx-m3-impact-row) {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  gap: 0;
  overflow: hidden;
}

.hx-m3-impact-row {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-height: 2.75rem;
  padding: .6rem .75rem;
  display: flex;
}

.hx-m3-impact-row:last-child {
  border-bottom: 0;
}

.hx-m3-impact-row > span {
  min-width: 0;
  color: var(--hx-color-muted);
  font-size: .82rem;
}

.hx-m3-impact-row > strong {
  min-width: 1.5rem;
  color: var(--hx-color-ink);
  text-align: right;
  flex: none;
  font-size: .9rem;
}

.hx-m3-form-grid {
  gap: var(--hx-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hx-m3-advanced-details {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
}

.hx-m3-advanced-details > summary {
  min-height: var(--hx-control-height);
  cursor: pointer;
  color: var(--hx-color-muted);
  align-items: center;
  padding: 0 .75rem;
  font-size: .8rem;
  font-weight: 700;
  display: flex;
}

.hx-m3-history-list {
  gap: .55rem;
  display: grid;
}

.hx-m3-history-list article {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem;
  display: flex;
}

.hx-m3-history-list article > div {
  gap: .15rem;
  display: grid;
}

.hx-m3-history-list small {
  color: var(--hx-color-muted);
}

@media (max-width: 85.375rem) and (min-width: 48.01rem) {
  .hx-company-structure__page-header {
    gap: .75rem;
    padding-top: .15rem;
    padding-bottom: .35rem;
  }

  .hx-company-structure__page-header h1 {
    font-size: var(--hx-page-title-size);
  }

  .hx-company-structure__tabs {
    gap: clamp(.55rem, .9vw, .92rem);
  }

  .hx-company-structure__tabs > button[role="tab"], .hx-company-structure__tabs > .hx-tab-option > button[role="tab"] {
    padding-inline: .08rem;
    font-size: .775rem;
  }

  .hx-m3-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .hx-company-structure {
    --hx-data-grid-sticky-top: calc(var(--hx-topbar-height) + .65rem);
    gap: .65rem;
  }

  .hx-company-structure__page-header {
    flex-direction: column;
    align-items: flex-start;
    gap: .6rem;
    padding-bottom: .55rem;
  }

  .hx-company-structure__page-actions, .hx-company-structure__page-actions .hx-m3-primary-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .hx-company-structure__section-bar {
    z-index: auto;
    border: 0;
    border-bottom: 1px solid var(--hx-color-border);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    border-radius: 0;
    margin-inline: 0;
    padding: 0;
    position: static;
    top: auto;
  }

  .hx-company-structure__tabs {
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    overflow: auto hidden;
  }

  .hx-company-structure__tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-company-structure__tabs > button[role="tab"], .hx-company-structure__tabs > .hx-tab-option > button[role="tab"] {
    scroll-snap-align: start;
  }

  .hx-m3-getting-started, .hx-m3-tree-row {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-m3-getting-started > .hx-button, .hx-m3-row-actions, .hx-m3-row-actions > .hx-button {
    width: 100%;
  }

  .hx-m3-row-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hx-m3-row-actions > .hx-badge {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .hx-m3-overview-grid, .hx-m3-form-grid {
    grid-template-columns: 1fr;
  }

  .hx-m3-form-section__heading {
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
  }

  .hx-m3-form-section__heading > span:not(.hx-badge) {
    text-align: left;
  }

  .hx-m3-form-section__heading > .hx-badge {
    align-self: flex-start;
  }
}

.hx-m3-legal-detail-drawer {
  width: min(48rem, 100%);
}

.hx-m3-legal-detail-tabs {
  overscroll-behavior-inline: contain;
  scrollbar-width: auto;
  gap: .2rem;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.hx-m3-legal-detail-tabs button {
  min-height: var(--hx-control-height);
  color: var(--hx-color-muted);
  font: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  flex: none;
  padding: 0 .78rem;
  font-size: .8rem;
  font-weight: 700;
}

.hx-m3-legal-detail-tabs button:hover:not(:disabled) {
  border-bottom-color: color-mix(in srgb, var(--hx-color-brand) 45%, transparent);
  color: var(--hx-color-ink);
}

.hx-m3-legal-detail-tabs button.is-active {
  border-bottom-color: var(--hx-color-brand-strong);
  color: var(--hx-color-brand-strong);
  background: none;
}

.hx-m3-detail-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  gap: .85rem;
  display: grid;
}

.hx-m3-definition-list {
  grid-auto-rows: max-content;
  align-content: start;
  gap: .75rem 1.5rem;
  margin: 0;
  display: grid;
}

.hx-m3-definition-list--two-column {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hx-m3-definition-list__wide {
  grid-column: 1 / -1;
}

.hx-m3-definition-list div {
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-m3-definition-list dt {
  color: var(--hx-color-muted);
  letter-spacing: 0;
  text-transform: none;
  font-size: .74rem;
  font-weight: 650;
}

.hx-m3-definition-list dd {
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  margin: 0;
}

@media (max-width: 48rem) {
  .hx-m3-legal-detail-tabs {
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  .hx-m3-legal-detail-tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-m3-legal-detail-tabs button {
    scroll-snap-align: start;
  }

  .hx-m3-detail-grid, .hx-m3-definition-list--two-column {
    grid-template-columns: 1fr;
  }

  .hx-m3-definition-list__wide {
    grid-column: auto;
  }
}

.hx-modal__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--hx-space-4);
  padding: var(--hx-space-5) var(--hx-space-5) var(--hx-space-3);
  border-bottom: 1px solid var(--hx-border-subtle);
  display: flex;
}

.hx-modal__header h2 {
  margin: var(--hx-space-1) 0;
  font-size: var(--hx-font-size-xl);
  line-height: var(--hx-line-height-tight);
}

.hx-modal__header p {
  max-width: 62ch;
  color: var(--hx-text-muted);
  margin: 0;
}

.hx-m3-import-modal, .hx-m3-quick-add-modal {
  width: min(680px, calc(100vw - var(--hx-space-6)));
  max-height: calc(100dvh - var(--hx-space-6));
  overflow: auto;
}

.hx-m3-quick-add-modal {
  width: min(560px, calc(100vw - var(--hx-space-6)));
}

.hx-m3-import-stage-body, .hx-m3-import-stage-scroll {
  min-width: 0;
}

.hx-m3-import-stage-scroll {
  align-content: start;
}

.hx-m3-import-modal > .hx-stack, .hx-m3-quick-add-modal > .hx-stack, .hx-m3-quick-add-modal > form {
  padding: var(--hx-space-5);
}

.hx-create-action--secondary {
  background: var(--hx-surface-raised);
  color: var(--hx-text);
  border-color: var(--hx-border-subtle);
}

.hx-m3-primary-actions .hx-button {
  min-height: var(--hx-button-height);
}

.hx-m3-import-compact-steps {
  min-width: 0;
  color: var(--hx-text-muted);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: .4rem;
  padding: .2rem 0 1rem;
  display: grid;
  position: relative;
}

.hx-m3-import-compact-steps:before {
  content: "";
  background: var(--hx-border-subtle);
  height: 1px;
  position: absolute;
  top: .95rem;
  left: 16.66%;
  right: 16.66%;
}

.hx-m3-import-compact-steps span {
  z-index: 1;
  min-width: 0;
  color: var(--hx-text-muted);
  text-align: center;
  background: none;
  justify-items: center;
  gap: .3rem;
  display: grid;
  position: relative;
}

.hx-m3-import-compact-steps span b {
  border: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  width: 1.8rem;
  height: 1.8rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  place-items: center;
  font-size: .72rem;
  display: grid;
}

.hx-m3-import-compact-steps span em {
  font-size: .72rem;
  font-style: normal;
  font-weight: 650;
}

.hx-m3-import-compact-steps span.is-active b {
  border-color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand);
  color: var(--hx-color-on-brand);
}

.hx-m3-import-compact-steps span.is-active em {
  color: var(--hx-color-ink);
}

.hx-m3-import-compact-steps span.is-done b {
  border-color: var(--hx-color-brand-strong);
  color: var(--hx-color-brand-strong);
}

.hx-m3-import-compact-steps span.is-done em {
  color: var(--hx-color-ink);
}

.hx-m3-import-template-line {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-4);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  color: var(--hx-text-muted);
  padding: .75rem .8rem;
  font-size: .78rem;
  display: flex;
}

.hx-m3-import-template-line > span:first-child {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-m3-import-template-line strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
}

.hx-m3-import-template-line small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  line-height: 1.4;
}

.hx-m3-import-context {
  color: var(--hx-color-muted);
  font-size: .72rem;
}

.hx-m3-import-template-links {
  align-items: center;
  gap: var(--hx-space-2);
  flex: none;
  display: flex;
}

.hx-m3-import-modal .hx-file-upload__dropzone {
  background: color-mix(in srgb, var(--hx-color-brand) 1.5%, var(--hx-color-surface));
  text-align: left;
  border-style: dashed;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-content: center;
  justify-items: stretch;
  gap: .45rem;
  min-height: 5.75rem;
  padding: .875rem;
}

.hx-m3-import-modal .hx-file-upload__dropzone:hover:not([aria-disabled="true"]) {
  border-color: var(--hx-color-border-strong);
  background: color-mix(in srgb, var(--hx-color-brand) 2.5%, var(--hx-color-surface));
}

.hx-m3-import-modal .hx-file-upload__dropzone:focus-within {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-m3-import-modal .hx-file-upload__dropzone > svg, .hx-m3-import-modal .hx-file-upload__icon {
  color: var(--hx-color-brand-strong);
}

.hx-m3-import-modal .hx-file-upload__copy {
  justify-items: start;
}

.hx-m3-import-modal .hx-file-upload__copy strong {
  font-size: .88rem;
}

.hx-m3-import-modal .hx-file-upload__copy small {
  text-align: left;
  max-width: 34rem;
}

.hx-m3-import-modal .hx-file-upload__dropzone .hx-button {
  border-color: color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  color: var(--hx-color-brand-active);
  margin-top: 0;
}

.hx-m3-import-review-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  display: flex;
}

.hx-m3-import-review-head > div {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.hx-m3-import-review-head span {
  color: var(--hx-text-muted);
  font-size: .76rem;
}

.hx-m3-import-review-summary {
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  display: flex;
}

.hx-m3-import-review-list {
  gap: var(--hx-space-2);
  overscroll-behavior: contain;
  max-height: min(44dvh, 30rem);
  display: grid;
  overflow: auto;
}

.hx-m3-import-review-row {
  gap: var(--hx-space-2) var(--hx-space-3);
  padding: var(--hx-space-3) 0;
  border-bottom: 1px solid var(--hx-border-subtle);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  display: grid;
}

.hx-m3-import-review-row:last-child {
  border-bottom: 0;
}

.hx-m3-import-review-row > div {
  gap: var(--hx-space-1);
  min-width: 0;
  display: grid;
}

.hx-m3-import-review-row p {
  color: var(--hx-text-muted);
  grid-column: 1 / -1;
  margin: 0;
}

.hx-m3-import-review-row strong {
  overflow-wrap: anywhere;
}

.hx-address-source-inline {
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .65rem;
  display: flex;
}

.hx-address-source-inline small {
  color: var(--hx-color-muted);
  font-size: .74rem;
}

.hx-address-source-action {
  border-color: var(--hx-color-border);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.hx-address-source-action:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 32%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
}

.hx-address-source-action svg {
  box-sizing: content-box;
  background: var(--hx-color-brand-subtle);
  width: 1rem;
  height: 1rem;
  color: var(--hx-color-brand-strong);
  border-radius: .38rem;
  flex: none;
  padding: .28rem;
}

.hx-m3-drawer--centered-form {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  align-self: center;
  width: min(48rem, 100vw - 2rem);
  height: auto;
  max-height: calc(100dvh - 2rem);
  margin: auto;
  animation: none;
  box-shadow: 0 18px 44px #1018282e;
}

.hx-m3-drawer--centered-form .hx-drawer__header {
  border-radius: var(--hx-radius-md) var(--hx-radius-md) 0 0;
  top: -1rem;
}

@media (max-width: 47.99rem) {
  .hx-m3-import-modal {
    width: 100vw;
    height: calc(100dvh - var(--hx-topbar-height));
    max-height: calc(100dvh - var(--hx-topbar-height));
    border-radius: 0;
    grid-template-rows: auto minmax(0, 1fr);
    display: grid;
    overflow: hidden;
  }

  .hx-m3-import-modal > .hx-m3-import-stage-body {
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-content: stretch;
    gap: .55rem;
    min-height: 0;
    padding-bottom: 0;
    display: grid;
    overflow: hidden;
  }

  .hx-m3-import-stage-scroll {
    overscroll-behavior: contain;
    min-height: 0;
    padding-bottom: var(--hx-space-4);
    overflow-y: auto;
  }

  .hx-m3-import-stage-body > .hx-form-action-bar {
    z-index: 4;
    margin: 0 calc(-1 * var(--hx-space-4));
    padding: .75rem max(var(--hx-space-4), env(safe-area-inset-right))
      max(.75rem, env(safe-area-inset-bottom))
      max(var(--hx-space-4), env(safe-area-inset-left));
    position: relative;
    bottom: auto;
  }

  .hx-m3-import-modal > .hx-stack, .hx-m3-quick-add-modal > .hx-stack, .hx-m3-quick-add-modal > form, .hx-modal__header {
    padding-inline: var(--hx-space-4);
  }

  .hx-m3-import-template-line {
    flex-direction: column;
    align-items: stretch;
    gap: .55rem;
  }

  .hx-m3-import-review-head {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-m3-import-template-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    width: 100%;
    display: grid;
  }

  .hx-m3-import-template-links .hx-import-template-action {
    white-space: normal;
    width: 100%;
    min-width: 0;
  }

  .hx-m3-import-template-links .hx-create-action {
    flex: auto;
  }

  .hx-m3-import-review-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-m3-import-review-row .hx-badge {
    justify-self: start;
  }

  .hx-m3-drawer, .hx-m3-drawer--centered-form {
    width: 100vw;
    max-width: none;
    height: 100dvh;
    max-height: 100dvh;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hx-data-grid-columns {
    display: none;
  }
}

.hx-action-feedback {
  align-items: flex-start;
  gap: .65rem var(--hx-space-3, .75rem);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  overflow-wrap: anywhere;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-width: 0;
  padding: .75rem .875rem;
  display: grid;
}

.hx-action-feedback__icon {
  background: var(--hx-color-brand-subtle);
  width: 1.35rem;
  height: 1.35rem;
  color: var(--hx-color-brand-strong);
  border-radius: 999px;
  place-items: center;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  display: grid;
}

.hx-action-feedback--success .hx-action-feedback__icon {
  background: var(--hx-color-success-subtle);
  color: var(--hx-color-success);
}

.hx-action-feedback--warning .hx-action-feedback__icon {
  background: var(--hx-color-warning-subtle);
  color: var(--hx-color-warning);
}

.hx-action-feedback--danger .hx-action-feedback__icon {
  background: var(--hx-color-danger-subtle);
  color: var(--hx-color-danger);
}

.hx-action-feedback--info {
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  border-color: color-mix(in srgb, var(--hx-color-brand) 20%, var(--hx-color-border));
}

.hx-action-feedback--success {
  background: color-mix(in srgb, var(--hx-color-success-subtle) 72%, var(--hx-color-surface));
  border-color: color-mix(in srgb, var(--hx-color-success) 24%, var(--hx-color-border));
}

.hx-action-feedback--warning {
  background: color-mix(in srgb, var(--hx-color-warning-subtle) 70%, var(--hx-color-surface));
  border-color: color-mix(in srgb, var(--hx-color-warning) 24%, var(--hx-color-border));
}

.hx-action-feedback--danger {
  background: color-mix(in srgb, var(--hx-color-danger-subtle) 78%, var(--hx-color-surface));
  border-color: color-mix(in srgb, var(--hx-color-danger) 26%, var(--hx-color-border));
}

.hx-action-feedback__copy {
  gap: .3rem;
  min-width: 0;
  line-height: 1.45;
  display: grid;
}

.hx-action-feedback__copy strong, .hx-action-feedback__copy span {
  display: block;
}

.hx-action-feedback__action {
  grid-area: 1 / 3 / span 2;
  align-self: center;
}

.hx-form-context-note {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 16%, var(--hx-color-border));
  border-radius: var(--hx-radius-control);
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
  color: var(--hx-color-ink);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .55rem;
  padding: .62rem .72rem;
  display: grid;
}

.hx-form-context-note__icon {
  width: 1.65rem;
  height: 1.65rem;
  color: var(--hx-color-brand-strong);
  background: color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-surface));
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.hx-form-context-note__copy {
  gap: .12rem;
  min-width: 0;
  line-height: 1.45;
  display: grid;
}

.hx-form-context-note__copy strong {
  font-size: .82rem;
  font-weight: 650;
}

.hx-form-context-note__copy span {
  color: var(--hx-color-muted);
  font-size: .78rem;
}

.hx-field[aria-invalid="true"], .hx-control[aria-invalid="true"] {
  scroll-margin-block: 6rem;
}

.hx-modal *, .hx-drawer *, .hx-m3-drawer * {
  min-width: 0;
}

.hx-m3-form-section p, .hx-muted {
  overflow-wrap: anywhere;
  line-height: 1.5;
}

@media (max-width: 48rem) {
  .hx-action-feedback {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .hx-action-feedback__action {
    grid-area: auto / 1 / auto / -1;
    width: 100%;
  }

  .hx-m3-form-section__heading > span:not(.hx-badge) {
    flex-basis: auto;
  }
}

.hx-m3-compact-create-modal {
  width: min(32rem, 100vw - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
}

.hx-m3-job-modal {
  width: min(48rem, 100vw - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
}

.hx-m3-compact-create-form, .hx-m3-job-modal > form {
  padding: var(--hx-space-5);
}

@media (max-width: 30rem) {
  .hx-m3-compact-create-modal, .hx-m3-job-modal {
    width: calc(100vw - 1rem);
    max-height: calc(100dvh - 1rem);
  }

  .hx-m3-compact-create-form, .hx-m3-job-modal > form {
    padding: var(--hx-space-4);
  }
}

.hx-table-region {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: 100%;
  min-width: 0;
  box-shadow: none;
  grid-template-rows: auto auto;
  display: grid;
  position: relative;
  overflow: visible;
}

.hx-table-region .hx-table-wrap {
  min-height: 0;
  max-height: none;
  box-shadow: none;
  overscroll-behavior: contain;
  scrollbar-gutter: auto;
  background: var(--hx-color-surface);
  border: 0;
  border-radius: 0;
  overflow: auto visible;
}

.hx-table-region .hx-table {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--hx-color-surface);
  width: 100%;
  min-width: 100%;
}

.hx-table-region .hx-data-grid-table {
  width: max(100%, var(--hx-data-grid-track-width, 100%));
  min-width: max(100%, var(--hx-data-grid-track-width, 100%));
  table-layout: fixed;
  max-width: none;
}

.hx-table-region .hx-table thead tr {
  height: var(--hx-grid-header-height);
}

.hx-table-region .hx-table th {
  z-index: 1;
  height: var(--hx-grid-header-height);
  vertical-align: middle;
  background: var(--hx-color-table-header);
  color: var(--hx-color-table-header-ink);
  border-bottom: 1px solid var(--hx-color-table-header-border);
  box-shadow: none;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  padding-block: 0;
  padding-inline: .72rem;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.15;
  position: static;
  top: auto;
}

.hx-table-region .hx-table td {
  height: var(--hx-grid-row-height);
  vertical-align: middle;
  border-bottom: 1px solid var(--hx-color-border);
  padding-block: 3px;
  padding-inline: .72rem;
  line-height: 1.3;
}

.hx-data-grid-cell-content {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-height: calc(var(--hx-grid-row-height) - 6px);
  box-sizing: border-box;
  overflow: hidden;
}

.hx-data-grid-cell-content--text {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-height: 2.6em;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hx-data-grid-cell-content > * {
  min-width: 0;
  max-width: 100%;
}

.hx-data-grid-table__selection > .hx-grid-checkbox {
  vertical-align: middle;
  place-items: center;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.hx-table-region .hx-table tbody tr:last-child td {
  border-bottom: 1px solid var(--hx-color-border);
}

.hx-table-region .hx-table tbody tr {
  background: var(--hx-color-surface);
}

.hx-table-region .hx-table tbody tr:hover, .hx-table-region .hx-table tbody tr:focus-within {
  background: var(--hx-color-table-row-hover);
}

.hx-table-region .hx-table tbody tr:hover td, .hx-table-region .hx-table tbody tr:focus-within td {
  background: inherit;
  border-bottom-color: var(--hx-color-brand);
  box-shadow: none;
}

.hx-data-grid-table .hx-muted {
  color: var(--hx-color-disabled-ink);
  font-size: .69rem;
  font-weight: 500;
}

.hx-table-subline {
  color: var(--hx-color-muted);
  margin-top: .18rem;
  font-size: .74rem;
  font-weight: 500;
  display: block;
}

.hx-data-grid-table__empty-row:hover, .hx-data-grid-table__empty-row:focus-within {
  background: var(--hx-color-surface) !important;
}

.hx-data-grid-table__empty-cell {
  border-bottom: 0 !important;
  padding: 0 !important;
}

.hx-data-grid-table__empty-cell .hx-data-grid-no-results {
  min-height: 8rem;
  padding: 1rem 1.1rem;
}

.hx-data-grid-no-results {
  color: var(--hx-color-muted);
  text-align: center;
  align-content: center;
  place-items: center;
  gap: .32rem;
  display: grid;
}

.hx-data-grid-no-results > strong {
  color: var(--hx-color-ink);
  font-size: .92rem;
}

.hx-data-grid-no-results > span {
  max-width: 32rem;
  font-size: .76rem;
  line-height: 1.45;
}

.hx-data-grid-no-results__action {
  justify-content: center;
  margin-top: .65rem;
  display: flex;
}

@media (max-width: 52rem) {
  .hx-data-grid-table__empty-cell .hx-data-grid-no-results {
    text-align: left;
    justify-content: start;
    justify-items: start;
    width: 100%;
  }

  .hx-data-grid-table__empty-cell .hx-data-grid-no-results__action {
    justify-content: flex-start;
  }
}

.hx-table-footer {
  min-height: var(--hx-grid-footer-height);
  align-items: center;
  gap: var(--hx-space-3);
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  padding: .2rem .62rem;
  display: grid;
  position: static;
}

.hx-table-footer__left {
  justify-self: start;
  align-items: center;
  gap: .7rem;
  min-width: 0;
  display: flex;
}

.hx-table-pagination__status--mobile {
  display: none;
}

.hx-table-result-count {
  color: var(--hx-color-muted);
  white-space: nowrap;
  font-size: .76rem;
}

.hx-table-pagination {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: .18rem;
  display: flex;
}

.hx-table-pagination__arrow {
  min-width: var(--hx-button-height);
  width: var(--hx-button-height);
  height: var(--hx-button-height);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  transition: border-color var(--hx-transition-fast), color var(--hx-transition-fast);
  background: none;
  border: 1px solid #0000;
  place-items: center;
  padding: 0;
  display: grid;
}

.hx-table-pagination__arrow:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 30%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 4%, #fff);
  color: var(--hx-color-ink);
}

.hx-table-pagination__arrow:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-table-pagination__arrow:disabled {
  cursor: not-allowed;
  opacity: .32;
}

.hx-table-pagination__status {
  min-width: 7.2rem;
  color: var(--hx-color-muted);
  text-align: center;
  font-size: .76rem;
}

.hx-table-pagination__status strong {
  color: var(--hx-color-ink);
  font-weight: 700;
}

.hx-table-pagination-spacer, .hx-table-page-size-spacer {
  min-width: 0;
}

.hx-table-page-size {
  color: var(--hx-color-muted);
  white-space: nowrap;
  justify-self: end;
  align-items: center;
  gap: .48rem;
  font-size: .72rem;
  font-weight: 600;
  display: flex;
}

.hx-table-page-size select {
  min-height: var(--hx-button-height);
  height: var(--hx-button-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font: inherit;
  padding: 0 1.75rem 0 .62rem;
}

.hx-table-page-size select:hover:not(:disabled) {
  border-color: var(--hx-color-border-strong);
}

.hx-table-page-size select:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-floating-overlay {
  z-index: var(--hx-layer-popover);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  box-shadow: var(--hx-shadow-menu);
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  overflow: hidden auto;
}

.hx-term-help {
  vertical-align: middle;
  flex: none;
  align-items: center;
  display: inline-flex;
}

.hx-term-help__trigger {
  border-radius: var(--hx-radius-md);
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  min-height: 1.6rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.hx-term-help__trigger:hover, .hx-term-help__trigger[aria-expanded="true"] {
  background: color-mix(in srgb, var(--hx-color-brand) 7%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
}

.hx-term-help__trigger:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 1px;
}

.hx-term-help__popover {
  overflow: hidden;
}

.hx-term-help__content {
  gap: .55rem;
  padding: .75rem .8rem .85rem;
  display: grid;
}

.hx-term-help__header {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-term-help__header strong {
  min-width: 0;
  color: var(--hx-color-ink);
  font-size: .875rem;
  line-height: 1.3;
}

.hx-term-help__close {
  border-radius: var(--hx-radius-md);
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.hx-term-help__close:hover {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
}

.hx-term-help__close:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 1px;
}

.hx-term-help__content p, .hx-term-help__content ul {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .8rem;
  line-height: 1.5;
}

.hx-term-help__content ul {
  gap: .3rem;
  padding-left: 1.05rem;
  display: grid;
}

.hx-term-help__more {
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  font-size: .78rem;
  font-weight: var(--hx-font-weight-semibold);
  background: none;
  border: 0;
  justify-self: start;
  padding: .15rem 0;
}

.hx-term-help__more:hover {
  text-decoration: underline;
}

.hx-term-help__more:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
  border-radius: var(--hx-radius-md);
}

.hx-data-export {
  min-width: 0;
  display: inline-flex;
}

.hx-data-export > .hx-button {
  gap: .42rem;
}

.hx-data-export__trigger {
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  border-color: var(--hx-color-border);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  padding-inline: .65rem;
}

.hx-data-export__trigger:hover:not(:disabled), .hx-data-export__trigger[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--hx-color-brand) 36%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  color: var(--hx-color-ink);
}

.hx-data-export__trigger:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-data-export__chevron {
  place-items: center;
  margin-left: .05rem;
  font-size: .88rem;
  line-height: 1;
  display: inline-grid;
}

.hx-data-export__menu, .hx-table-row-actions__menu {
  gap: .1rem;
  padding: .35rem;
  display: grid;
}

.hx-data-export__head {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .08rem;
  padding: .4rem .5rem .55rem;
  display: grid;
}

.hx-data-export__head strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
}

.hx-data-export__head small {
  color: var(--hx-color-muted);
  font-size: .68rem;
  line-height: 1.4;
}

.hx-data-export__menu button {
  border-radius: var(--hx-radius-md);
  min-height: 2.55rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: 1.6rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .5rem .65rem;
  font-size: .8rem;
  display: grid;
}

.hx-data-export__menu button:hover:not(:disabled), .hx-table-row-actions__menu button:hover:not(:disabled) {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-data-export__menu button:focus-visible, .hx-table-row-actions__menu button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-data-export__option-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--hx-color-brand-strong);
  place-items: center;
  font-size: .9rem;
  display: grid;
}

.hx-data-export__option-copy {
  gap: .04rem;
  min-width: 0;
  display: grid;
}

.hx-data-export__option-copy strong {
  color: var(--hx-color-ink);
  font-size: .78rem;
}

.hx-data-export__option-copy small {
  color: var(--hx-color-muted);
  letter-spacing: 0;
  font-size: .67rem;
  font-weight: 500;
}

.hx-data-export__extension {
  color: var(--hx-color-disabled-ink);
  letter-spacing: .04em;
  font-size: .62rem;
  font-weight: 750;
}

.hx-table-row-actions {
  width: var(--hx-grid-action-width);
  justify-content: flex-end;
  margin-left: auto;
  display: flex;
}

.hx-table-row-actions__menu {
  min-width: 18rem;
  max-width: min(23rem, 100vw - 1.5rem);
}

.hx-table-row-actions__menu button {
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 2.5rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  white-space: normal;
  background: none;
  border: 0;
  align-items: flex-start;
  gap: .7rem;
  padding: .58rem .72rem;
  font-size: .8rem;
  line-height: 1.32;
  display: flex;
}

.hx-table-row-actions__menu button.has-divider {
  border-radius: var(--hx-radius-md);
  border-top: 0;
  margin-top: 0;
  padding-top: .58rem;
}

.hx-table-row-actions__menu button.is-primary-action {
  font-weight: 700;
}

.hx-table-row-actions__menu .hx-action-menu__glyph {
  flex: 0 0 1.125rem;
  margin-top: .02rem;
}

.hx-table-row-actions__copy {
  flex: auto;
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-table-row-actions__menu button > span:not(.hx-table-row-actions__copy), .hx-table-row-actions__copy > span {
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 0;
  overflow: visible;
}

.hx-table-row-actions__copy > small {
  color: var(--hx-color-muted);
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: .67rem;
  font-weight: 500;
  line-height: 1.38;
  display: block;
}

.hx-table-row-actions__trigger {
  width: var(--hx-grid-action-width);
  min-width: var(--hx-grid-action-width);
  height: var(--hx-compact-control-height);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-brand);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 1px solid #0000;
  place-items: center;
  display: grid;
  position: relative;
}

.hx-table-row-actions__trigger:after {
  content: "";
  width: var(--hx-control-height);
  height: var(--hx-control-height);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.hx-table-row-actions__trigger:hover, .hx-table-row-actions__trigger[aria-expanded="true"] {
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
  border-color: #0000;
}

.hx-table-row-actions__trigger:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-table-row-actions__menu button.is-danger {
  color: var(--hx-color-danger);
}

.hx-table-row-actions__menu button:disabled {
  cursor: not-allowed;
  opacity: .64;
}

.hx-table-row-actions__menu button:disabled .hx-table-row-actions__copy > small {
  opacity: 1;
}

.hx-table-row-actions__sheet-title {
  color: var(--hx-color-muted);
  padding: .35rem .55rem .2rem;
  font-size: .74rem;
  font-weight: 700;
  display: none;
}

.hx-data-grid-toolbar {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  background: none;
  margin-block: 0;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 0;
  display: flex;
  position: relative;
  top: auto;
}

.hx-data-grid-toolbar:focus-within {
  z-index: calc(var(--hx-layer-menu) + 1);
}

.hx-data-grid-toolbar__search-wrap {
  flex: 20rem;
  min-width: 0;
  max-width: 34rem;
  position: relative;
}

.hx-data-grid-toolbar__search {
  width: 100%;
  height: var(--hx-compact-control-height);
  min-height: var(--hx-compact-control-height);
  max-height: var(--hx-compact-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  transition: border-color var(--hx-transition-fast);
  align-items: center;
  display: flex;
  position: relative;
}

.hx-data-grid-toolbar__search:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-data-grid-toolbar__search:focus-within {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-data-grid-toolbar__search-icon {
  color: var(--hx-color-muted);
  pointer-events: none;
  place-items: center;
  display: grid;
  position: absolute;
  left: .72rem;
}

.hx-data-grid-toolbar__search input {
  width: 100%;
  height: 100%;
  min-height: 0;
  color: var(--hx-color-ink);
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  padding: 0 2.65rem 0 2.35rem;
  font-size: .85rem;
}

.hx-data-grid-toolbar__search input::-webkit-search-cancel-button {
  display: none;
}

.hx-data-grid-filter-group__search input::-webkit-search-cancel-button {
  display: none;
}

.hx-data-grid-columns__search::-webkit-search-cancel-button {
  display: none;
}

.hx-data-grid-toolbar__search input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.hx-data-grid-toolbar__spinner {
  border: 2px solid color-mix(in srgb, var(--hx-color-brand) 20%, var(--hx-color-border));
  border-top-color: var(--hx-color-brand-strong);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: .7s linear infinite hx-spin;
}

.hx-data-grid-toolbar__search-clear {
  width: var(--hx-compact-control-height);
  height: var(--hx-compact-control-height);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  place-items: center;
  display: grid;
  position: absolute;
  right: 0;
}

.hx-data-grid-toolbar__search-clear:hover {
  color: var(--hx-color-muted);
  box-shadow: none;
  background: none;
  border-color: #0000;
  transform: none;
}

.hx-data-grid-toolbar__search-clear:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-data-grid-search-suggestions {
  z-index: var(--hx-layer-menu);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  max-height: min(22rem, 52dvh);
  box-shadow: var(--hx-shadow-menu);
  flex-direction: column;
  padding: 0;
  display: flex;
  position: absolute;
  top: calc(100% + .35rem);
  left: 0;
  right: 0;
  overflow: hidden;
}

.hx-data-grid-search-suggestions__list {
  overscroll-behavior: contain;
  gap: .1rem;
  min-height: 0;
  padding: .3rem;
  display: grid;
  overflow-y: auto;
}

.hx-data-grid-search-suggestions__list > button {
  min-height: var(--hx-control-height);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-ink);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .48rem .6rem;
  display: flex;
}

.hx-data-grid-search-suggestions__list > button:hover, .hx-data-grid-search-suggestions__list > button.is-active {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-data-grid-search-suggestions__list > button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-data-grid-search-suggestions__copy {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-search-suggestions__copy strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  overflow: hidden;
}

.hx-data-grid-search-suggestions__copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hx-color-muted);
  font-size: .68rem;
  overflow: hidden;
}

.hx-data-grid-search-suggestions__category {
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
  flex: none;
  padding: .18rem .45rem;
  font-size: .64rem;
  font-weight: 750;
}

.hx-data-grid-search-suggestions > .hx-data-grid-search-suggestions__view-all {
  border: 0;
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  width: 100%;
  min-height: 2.75rem;
  color: var(--hx-color-brand-strong);
  font: inherit;
  cursor: pointer;
  border-radius: 0;
  flex: none;
  margin: 0;
  padding: .6rem .75rem;
  font-size: .78rem;
  font-weight: 650;
}

.hx-data-grid-search-suggestions > .hx-data-grid-search-suggestions__view-all strong {
  font-size: inherit;
  font-weight: inherit;
}

.hx-data-grid-search-suggestions > .hx-data-grid-search-suggestions__view-all {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-data-grid-search-suggestions__view-all > span:last-child {
  flex: none;
  font-size: .95rem;
  line-height: 1;
}

.hx-data-grid-search-suggestions__view-all:is(:hover, .is-active) {
  background: var(--hx-color-brand-subtle);
}

.hx-data-grid-search-suggestions > .hx-data-grid-search-suggestions__view-all:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-data-grid-toolbar__actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  display: flex;
}

.hx-data-grid-toolbar__actions > .hx-button, .hx-data-grid-toolbar__actions > :not(.hx-modal-backdrop, .hx-drawer-backdrop) > .hx-button {
  box-sizing: border-box;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  font-size: .85rem;
  line-height: 1.15;
}

.hx-data-grid-toolbar__actions > .hx-field .hx-control, .hx-data-grid-toolbar__actions > .hx-field .hx-select, .hx-data-grid-toolbar__actions > .hx-data-grid-filter select, .hx-data-grid-toolbar__actions > .hx-field .hx-combobox__trigger {
  box-sizing: border-box;
  height: var(--hx-compact-control-height);
  min-height: var(--hx-compact-control-height);
  max-height: var(--hx-compact-control-height);
  font-size: .85rem;
  line-height: 1.15;
}

.hx-data-grid-toolbar__actions > .hx-field .hx-combobox__trigger, .hx-data-grid-toolbar__actions > .hx-data-grid-filter select {
  border-radius: var(--hx-radius-sm);
  background-color: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font-weight: 650;
}

.hx-data-grid-toolbar__actions > .hx-field .hx-combobox__chevron {
  color: var(--hx-color-brand);
}

.hx-data-grid-toolbar__actions > .hx-field .hx-combobox__chevron svg {
  width: 1rem;
  height: 1rem;
}

.hx-data-grid-toolbar__actions > .hx-field > .hx-field__label {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.hx-data-grid-filter {
  min-width: 0;
  display: inline-flex;
}

.hx-data-grid-filter select {
  min-height: var(--hx-compact-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  max-width: 13rem;
  color: var(--hx-color-ink);
  font: inherit;
  padding: 0 2rem 0 .7rem;
  font-size: .78rem;
}

.hx-data-grid-filter select:hover:not(:disabled) {
  border-color: var(--hx-color-border-strong);
}

.hx-data-grid-filter.is-active select {
  border-color: var(--hx-color-brand-strong);
}

.hx-data-grid-filter select:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-data-grid-filter-chips {
  align-items: center;
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.hx-data-grid-filter-clear-all {
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  border-radius: var(--hx-radius-control);
  background: var(--hx-color-surface);
  height: 1.65rem;
  min-height: 1.65rem;
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  line-height: 1;
  font: inherit;
  align-items: center;
  padding-inline: .6rem;
  font-size: .72rem;
  font-weight: 500;
  display: inline-flex;
}

.hx-data-grid-filter-chip:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-data-grid-filter-clear-all:hover {
  border-color: var(--hx-color-brand);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
}

.hx-data-grid-filter-chip:focus-visible, .hx-data-grid-filter-clear-all:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-data-grid-sort {
  width: 100%;
  height: var(--hx-grid-header-height);
  min-height: var(--hx-grid-header-height);
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: .35rem;
  padding: 0;
  display: inline-flex;
}

.hx-data-grid-sort:hover {
  color: var(--hx-color-ink);
}

.hx-data-grid-sort:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-data-grid-sort__icon {
  color: var(--hx-color-disabled-ink);
  opacity: 0;
  transition: opacity var(--hx-transition-fast), color var(--hx-transition-fast);
  place-items: center;
  display: inline-grid;
}

.hx-data-grid-sort:hover .hx-data-grid-sort__icon, .hx-data-grid-sort:focus-visible .hx-data-grid-sort__icon, .hx-data-grid-sort.is-active .hx-data-grid-sort__icon {
  opacity: 1;
}

.hx-data-grid-sort.is-active .hx-data-grid-sort__icon {
  color: var(--hx-color-brand-strong);
}

.hx-data-grid-sort__priority {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 32%, var(--hx-color-border));
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-brand-subtle);
  min-width: 1.15rem;
  height: 1.15rem;
  color: var(--hx-color-brand-strong);
  place-items: center;
  font-size: .62rem;
  font-weight: 750;
  line-height: 1;
  display: inline-grid;
}

.hx-data-grid-columns, .hx-data-grid-filters {
  min-width: 0;
  display: inline-flex;
}

.hx-data-grid-columns__menu {
  gap: .45rem;
  padding: .55rem;
  display: grid;
}

.hx-data-grid-columns__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  padding: .1rem .15rem .25rem;
  display: flex;
}

.hx-data-grid-columns__head > div {
  gap: .08rem;
  display: grid;
}

.hx-data-grid-columns__head small {
  color: var(--hx-color-muted);
  font-size: .68rem;
}

.hx-data-grid-columns__title {
  color: var(--hx-color-ink);
  padding: 0;
  font-size: .8rem;
}

.hx-data-grid-columns__search, .hx-data-grid-filter-group__search input {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: 100%;
  min-height: 2.45rem;
  color: var(--hx-color-ink);
  font: inherit;
  padding: 0 .65rem;
  font-size: .75rem;
}

.hx-data-grid-columns__search:hover, .hx-data-grid-filter-group__search input:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-data-grid-columns__search:focus-visible, .hx-data-grid-filter-group__search input:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-data-grid-columns__list {
  gap: .08rem;
  max-height: 18rem;
  display: grid;
  overflow: auto;
}

.hx-data-grid-columns__reset, .hx-data-grid-filter-group__clear, .hx-data-grid-filters__clear-all, .hx-data-grid-filters__head button {
  min-height: 2.1rem;
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  padding: .25rem .35rem;
  font-size: .72rem;
  font-weight: 700;
}

.hx-data-grid-columns__footer {
  border-top: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: .65rem;
  margin: .1rem -.55rem -.55rem;
  padding: .55rem;
  display: flex;
}

.hx-column-manager-v2 {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: .45rem;
  max-height: min(38rem, 100dvh - 6rem);
  padding: .6rem;
  display: grid;
  overflow: hidden;
}

.hx-column-manager-v2__groups {
  overscroll-behavior: contain;
  align-content: start;
  gap: .6rem;
  min-height: 0;
  padding-right: .15rem;
  display: grid;
  overflow: auto;
}

.hx-column-manager-v2__utility {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  display: flex;
}

.hx-column-manager-v2__utility > span {
  color: var(--hx-color-muted);
  font-size: .72rem;
  font-weight: 450;
}

.hx-column-manager-v2__utility button {
  color: var(--hx-color-brand-strong);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: .25rem .2rem;
  font-size: .74rem;
  font-weight: 600;
}

.hx-column-manager-v2__group {
  gap: .1rem;
  display: grid;
}

.hx-column-manager-v2__group h4 {
  color: var(--hx-color-muted);
  letter-spacing: .035em;
  text-transform: uppercase;
  margin: .45rem .4rem .2rem;
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.4;
}

.hx-column-manager-v2__row {
  border-radius: var(--hx-radius-md);
  min-height: 2.7rem;
  transition: background-color var(--hx-transition-fast), border-color var(--hx-transition-fast), opacity var(--hx-transition-fast);
  border: 1px solid #0000;
  grid-template-columns: 1.7rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .25rem;
  padding: .28rem .4rem;
  display: grid;
}

.hx-column-manager-v2__row:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-column-manager-v2__row.is-dragging {
  opacity: .58;
}

.hx-column-manager-v2__row.is-drop-target {
  border-color: color-mix(in srgb, var(--hx-color-brand) 48%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 8%, var(--hx-color-surface));
}

.hx-column-manager-v2__move-actions {
  opacity: 0;
  transition: opacity var(--hx-transition-fast);
  align-items: center;
  gap: .15rem;
  display: inline-flex;
}

.hx-column-manager-v2__row:hover .hx-column-manager-v2__move-actions, .hx-column-manager-v2__row:focus-within .hx-column-manager-v2__move-actions {
  opacity: 1;
}

.hx-column-manager-v2__move-actions button {
  border-radius: var(--hx-radius-control);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 0;
}

.hx-column-manager-v2__move-actions button:hover:not(:disabled) {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
}

.hx-column-manager-v2__move-actions button:disabled {
  opacity: .32;
  cursor: default;
}

.hx-column-manager-v2__drag {
  border-radius: var(--hx-radius-control);
  width: 1.9rem;
  height: 2rem;
  color: var(--hx-color-muted);
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  background: none;
  border: 0;
  place-items: center;
  display: grid;
}

.hx-column-manager-v2__drag:active {
  cursor: grabbing;
}

.hx-column-manager-v2__drag:hover, .hx-column-manager-v2__drag:focus-visible {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
  outline: none;
}

.hx-column-manager-v2__drag.is-locked {
  opacity: .6;
  cursor: default;
}

.hx-column-manager-v2__toggle {
  grid-template-columns: var(--hx-checkbox-size) minmax(0, 1fr);
  cursor: pointer;
  align-items: center;
  gap: .55rem;
  width: 100%;
  min-width: 0;
  min-height: 2rem;
  padding: .3rem .45rem .3rem .05rem;
  display: grid;
}

.hx-column-manager-v2__toggle-copy {
  min-width: 0;
  display: block;
}

.hx-column-manager-v2__toggle-copy > span {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  display: block;
  overflow: hidden;
}

.hx-data-grid-columns__reset:disabled {
  opacity: .45;
  cursor: default;
}

.hx-data-grid-columns__empty {
  color: var(--hx-color-muted);
  padding: 1rem .5rem;
  font-size: .8rem;
}

@media (max-width: 52rem), (pointer: coarse) {
  .hx-column-manager-v2__move-actions {
    opacity: 1;
  }
}

.hx-data-grid-columns__reset {
  padding: .25rem .35rem;
}

.hx-data-grid-option[aria-disabled="true"] {
  cursor: default;
}

.hx-data-grid-option__check.is-locked {
  color: var(--hx-color-muted) !important;
}

.hx-data-grid-columns__reset:hover, .hx-data-grid-filter-group__clear:hover, .hx-data-grid-filters__clear-all:hover, .hx-data-grid-filters__head button:hover {
  text-underline-offset: .16rem;
  text-decoration: underline;
}

.hx-data-grid-columns__reset:focus-visible, .hx-data-grid-filter-group__clear:focus-visible, .hx-data-grid-filters__clear-all:focus-visible, .hx-data-grid-filters__head button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-data-grid-filters__trigger .hx-button__label {
  align-items: center;
  gap: .42rem;
  display: inline-flex;
}

.hx-data-grid-filters__trigger.is-active {
  border-color: var(--hx-color-brand-strong);
}

.hx-data-grid-filters__count {
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-brand);
  color: #fff;
  place-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding-inline: .25rem;
  font-size: .64rem;
  font-weight: 800;
  display: grid;
}

.hx-data-grid-filters__count.is-placeholder {
  visibility: hidden;
}

.hx-data-grid-filters__panel {
  grid-template-rows: auto minmax(0, 1fr) auto;
  display: grid;
  overflow: hidden;
}

.hx-data-grid-filters__panel-head {
  border-bottom: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-height: 3.25rem;
  padding: .62rem .7rem;
  display: flex;
}

.hx-data-grid-filters__panel-title {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-filters__panel-title > strong {
  color: var(--hx-color-ink);
  font-size: .9rem;
  font-weight: 720;
}

.hx-data-grid-filters__panel-title > span {
  color: var(--hx-color-muted);
  font-size: .69rem;
}

.hx-data-grid-filters__panel-close {
  width: var(--hx-control-height);
  height: var(--hx-control-height);
  flex: 0 0 var(--hx-control-height);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  display: grid;
}

.hx-data-grid-filters__panel-close:hover {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
}

.hx-data-grid-filters__panel-close:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-data-grid-filters__body {
  overscroll-behavior: contain;
  min-height: 0;
  padding: .5rem;
  overflow: auto;
}

.hx-data-grid-filter-picker {
  gap: .35rem;
  display: grid;
}

.hx-data-grid-filter-picker__intro {
  gap: .1rem;
  padding: .3rem .35rem .55rem;
  display: grid;
}

.hx-data-grid-filter-picker__intro strong {
  color: var(--hx-color-ink);
  font-size: .82rem;
}

.hx-data-grid-filter-picker__intro small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  line-height: 1.4;
}

.hx-data-grid-filter-picker__active {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .35rem;
  padding: .2rem .25rem .55rem;
  display: grid;
}

.hx-data-grid-filter-picker__active-head {
  justify-content: space-between;
  align-items: center;
  gap: .65rem;
  display: flex;
}

.hx-data-grid-filter-picker__active-head > div {
  align-items: baseline;
  gap: .4rem;
  min-width: 0;
  display: flex;
}

.hx-data-grid-filter-picker__active-head strong {
  color: var(--hx-color-ink);
  font-size: .76rem;
  font-weight: 700;
}

.hx-data-grid-filter-picker__active-head span {
  color: var(--hx-color-muted);
  font-size: .67rem;
}

.hx-data-grid-filter-picker__active-head > button {
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: .25rem .3rem;
  font-size: .69rem;
  font-weight: 650;
}

.hx-data-grid-filter-picker__active-head > button:hover {
  text-underline-offset: .15rem;
  text-decoration: underline;
}

.hx-data-grid-filter-picker__active-list {
  overscroll-behavior: contain;
  gap: .25rem;
  max-height: 9rem;
  display: grid;
  overflow: auto;
}

.hx-data-grid-filter-picker__active-row {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
  grid-template-columns: minmax(0, 1fr) 2.1rem;
  align-items: stretch;
  min-width: 0;
  display: grid;
  overflow: hidden;
}

.hx-data-grid-filter-picker__active-body {
  min-width: 0;
  color: var(--hx-color-ink);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  gap: .06rem;
  padding: .42rem .5rem;
  display: grid;
}

.hx-data-grid-filter-picker__active-body strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .72rem;
  font-weight: 650;
  overflow: hidden;
}

.hx-data-grid-filter-picker__active-body span {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .67rem;
  overflow: hidden;
}

.hx-data-grid-filter-picker__active-clear {
  border: 0;
  border-left: 1px solid var(--hx-color-border);
  width: 2.1rem;
  min-width: 2.1rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
}

.hx-data-grid-filter-picker__active-row:hover, .hx-data-grid-filter-picker__active-row:focus-within {
  border-color: var(--hx-color-border-strong);
}

.hx-data-grid-filter-picker__active-clear:hover {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
}

.hx-data-grid-filter-picker__active-body:focus-visible, .hx-data-grid-filter-picker__active-clear:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-data-grid-filter-picker__group {
  color: var(--hx-color-muted);
  letter-spacing: .055em;
  text-transform: uppercase;
  margin-top: .32rem;
  padding: .35rem .55rem .18rem;
  font-size: .63rem;
  font-weight: 760;
  line-height: 1.2;
}

.hx-data-grid-filter-picker__group:first-child {
  margin-top: 0;
}

.hx-data-grid-filter-picker__list {
  gap: .08rem;
  display: grid;
}

.hx-data-grid-filter-picker__list > button {
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 3.1rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .5rem .6rem;
  display: grid;
}

.hx-data-grid-filter-picker__list > button:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
}

.hx-data-grid-filter-picker__list > button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-data-grid-filter-picker__copy {
  gap: .06rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-filter-picker__copy strong {
  color: var(--hx-color-ink);
  font-size: .78rem;
  font-weight: 520;
}

.hx-data-grid-filter-picker__copy small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .69rem;
  overflow: hidden;
}

.hx-data-grid-filter-picker__meta {
  color: var(--hx-color-muted);
  align-items: center;
  gap: .4rem;
  display: flex;
}

.hx-data-grid-filter-picker__meta b, .hx-data-grid-filter-editor__count {
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-brand-subtle);
  min-width: 1.35rem;
  height: 1.35rem;
  color: var(--hx-color-brand-strong);
  place-items: center;
  padding-inline: .28rem;
  font-size: .64rem;
  font-weight: 800;
  display: grid;
}

.hx-data-grid-filter-editor {
  gap: .55rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-filter-editor__head {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  padding: .2rem .2rem .35rem;
  display: grid;
}

.hx-data-grid-filter-editor__back {
  border-radius: var(--hx-radius-md);
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  place-items: center;
  padding: 0;
  display: grid;
}

.hx-data-grid-filter-editor__back:hover {
  border-color: var(--hx-color-border-strong);
  color: var(--hx-color-ink);
}

.hx-data-grid-filter-editor__back:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-data-grid-filter-editor__identity {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-filter-editor__identity strong {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 650;
  overflow: hidden;
}

.hx-data-grid-filter-editor__identity small {
  color: var(--hx-color-muted);
  font-size: .67rem;
  line-height: 1.35;
}

.hx-data-grid-filter-editor__selected {
  color: var(--hx-color-brand-strong);
  white-space: nowrap;
  justify-self: end;
  font-size: .67rem;
  font-weight: 750;
}

@media (min-width: 48rem) {
  .hx-people-custom-filter-editor {
    gap: .42rem;
  }

  .hx-people-custom-filter-editor > .hx-stack {
    gap: .38rem;
  }

  .hx-people-custom-filter-editor .hx-field {
    gap: .18rem;
  }

  .hx-people-custom-filter-editor .hx-field__label {
    font-size: .68rem;
    line-height: 1.25;
  }

  .hx-people-custom-filter-editor :is(.hx-control, .hx-combobox__trigger) {
    height: 2.05rem;
    min-height: 2.05rem;
    max-height: 2.05rem;
    font-size: .74rem;
    line-height: 1.1;
  }

  .hx-people-custom-filter-editor :is(.hx-field__hint, .hx-field__error) {
    font-size: .66rem;
    line-height: 1.3;
  }
}

.hx-data-grid-filter-editor__selection-actions {
  justify-content: space-between;
  align-items: center;
  gap: .6rem;
  min-height: 1.9rem;
  padding-inline: .25rem;
  display: flex;
}

.hx-data-grid-filter-editor__selection-actions button {
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: .2rem 0;
  font-size: .7rem;
  font-weight: 700;
}

.hx-data-grid-filter-editor__selection-actions button:hover {
  text-underline-offset: .16rem;
  text-decoration: underline;
}

.hx-data-grid-filter-editor__selection-actions button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-data-grid-filter-group__search {
  align-items: center;
  display: flex;
  position: relative;
}

.hx-data-grid-filter-group__search-icon {
  z-index: 1;
  color: var(--hx-color-muted);
  pointer-events: none;
  place-items: center;
  display: grid;
  position: absolute;
  left: .7rem;
}

.hx-data-grid-filter-group__search input {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: 100%;
  min-height: 2.55rem;
  color: var(--hx-color-ink);
  font: inherit;
  padding: 0 .7rem 0 2.15rem;
  font-size: .76rem;
}

.hx-data-grid-filter-group__search input:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-data-grid-filter-group__search input:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-data-grid-filter-group__options {
  gap: .28rem;
  padding: .08rem;
  display: grid;
  overflow: visible;
}

.hx-data-grid-option {
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 2.75rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1fr) 1.5rem;
  align-items: center;
  gap: .6rem;
  padding: .45rem .55rem;
  display: grid;
}

.hx-data-grid-option:hover:not(:disabled), .hx-data-grid-option.is-selected {
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
}

.hx-data-grid-option.has-divider {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border-strong) 68%, var(--hx-color-surface));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: .18rem;
  padding-top: .62rem;
}

.hx-data-grid-option:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-data-grid-option:disabled {
  cursor: not-allowed;
  opacity: .52;
}

.hx-data-grid-option[aria-disabled="true"] {
  cursor: default;
  opacity: 1;
}

.hx-data-grid-option__copy {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-option__copy strong {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 520;
  overflow: hidden;
}

.hx-data-grid-option__copy small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .68rem;
  overflow: hidden;
}

.hx-data-grid-option__check {
  color: #0000;
  background: none;
  border: 0;
  border-radius: 0;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  display: grid;
}

.hx-data-grid-option.is-selected .hx-data-grid-option__check {
  color: var(--hx-color-brand-strong);
  background: none;
}

.hx-data-grid-filter-group__empty {
  color: var(--hx-color-muted);
  padding: .7rem .55rem;
  font-size: .72rem;
}

.hx-data-grid-filters__footer {
  box-sizing: border-box;
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: .85rem;
  min-height: 3.6rem;
  padding: .5rem .65rem .72rem;
  display: flex;
}

.hx-data-grid-filters__footer-copy {
  min-width: 0;
  min-height: var(--hx-control-height);
  flex: 1 1 0;
  align-items: center;
  gap: .65rem;
  display: flex;
}

.hx-data-grid-filters__summary {
  color: var(--hx-color-muted);
  white-space: nowrap;
  font-size: .7rem;
}

.hx-data-grid-filters__clear-all {
  min-height: var(--hx-control-height);
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: .2rem 0;
  font-size: .72rem;
  font-weight: 700;
}

.hx-data-grid-filters__clear-all:hover {
  text-underline-offset: .16rem;
  text-decoration: underline;
}

.hx-data-grid-filters__clear-all:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-data-grid-filters__footer-actions {
  flex: none;
  align-items: center;
  gap: .45rem;
  margin-left: auto;
  display: flex;
}

.hx-data-grid-table th, .hx-data-grid-table td {
  vertical-align: middle;
}

.hx-data-grid-table__actions-track {
  width: var(--hx-grid-action-width) !important;
}

.hx-data-grid-table__actions {
  z-index: 1;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  background: var(--hx-color-surface);
  box-shadow: none;
  right: 0;
  width: var(--hx-grid-action-width) !important;
  min-width: var(--hx-grid-action-width) !important;
  max-width: var(--hx-grid-action-width) !important;
  padding: 0 !important;
  position: sticky !important;
}

.hx-data-grid-table__actions:before {
  content: "";
  top: 0;
  bottom: 0;
  right: var(--hx-grid-action-width);
  background: var(--hx-color-border);
  pointer-events: none;
  width: 1px;
  position: absolute;
}

.hx-data-grid-table__pinned--left {
  z-index: 3;
  background: inherit;
  box-shadow: 1px 0 0 var(--hx-color-border);
  left: 0;
  position: sticky !important;
}

.hx-data-grid-table th.hx-data-grid-table__pinned--left {
  z-index: 6;
  background: var(--hx-color-table-header);
}

.hx-data-grid-table__pinned--right {
  z-index: 3;
  background: inherit;
  box-shadow: -1px 0 0 var(--hx-color-border);
  right: 0;
  position: sticky !important;
}

.hx-data-grid-table th.hx-data-grid-table__pinned--right {
  z-index: 6;
  background: var(--hx-color-table-header);
}

.hx-data-grid-table td.hx-data-grid-table__pinned--right {
  background: inherit;
}

.hx-data-grid-table th.hx-data-grid-table__actions {
  z-index: 8;
  background: var(--hx-color-table-header);
}

.hx-data-grid-table tbody tr:hover > .hx-data-grid-table__actions, .hx-data-grid-table tbody tr:focus-within > .hx-data-grid-table__actions {
  background: inherit;
}

.hx-floating-overlay-scrim {
  display: none;
}

.hx-job-catalog-nav {
  border: 0;
  border-bottom: 1px solid var(--hx-color-border);
  min-width: 0;
  box-shadow: none;
  background: none;
  border-radius: 0;
  padding: 0 0 .15rem;
  display: block;
}

.hx-job-catalog-nav__identity {
  display: none;
}

.hx-job-catalog-nav__actions {
  grid-area: actions;
  align-self: center;
}

.hx-subtabs {
  scrollbar-width: none;
  border: 0;
  gap: .15rem;
  min-width: 0;
  padding: 0;
  display: flex;
  overflow-x: auto;
}

.hx-subtabs::-webkit-scrollbar {
  display: none;
}

.hx-subtabs > button[role="tab"], .hx-subtabs > .hx-tab-option > button[role="tab"] {
  min-height: var(--hx-control-height);
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  flex: none;
  padding: 0 .7rem;
  font-size: .78rem;
  font-weight: 700;
}

.hx-subtabs > .hx-tab-option > button[role="tab"] {
  padding-right: .12rem;
}

.hx-subtabs > .hx-tab-option > .hx-tab-option__help {
  margin-right: .35rem;
}

.hx-subtabs > button[role="tab"]:hover:not(:disabled), .hx-subtabs > .hx-tab-option > button[role="tab"]:hover:not(:disabled) {
  border-bottom-color: color-mix(in srgb, var(--hx-color-brand) 45%, transparent);
  color: var(--hx-color-ink);
}

.hx-subtabs > button[role="tab"]:focus-visible, .hx-subtabs > .hx-tab-option > button[role="tab"]:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-subtabs > button[role="tab"].is-active, .hx-subtabs > .hx-tab-option > button[role="tab"].is-active {
  border-bottom-color: var(--hx-color-brand-strong);
  color: var(--hx-color-brand-strong);
  background: none;
}

.hx-document-identity {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.hx-document-identity > strong, .hx-document-identity__filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-document-identity .hx-table-subline {
  align-items: center;
  min-width: 0;
  display: flex;
}

.hx-document-identity__filename {
  min-width: 0;
  max-width: 22rem;
}

.hx-document-identity__size {
  white-space: nowrap;
  flex: none;
}

.hx-document-list {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  overflow: hidden;
}

.hx-document-list__row {
  border-bottom: 1px solid var(--hx-color-border);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  min-height: 4.1rem;
  padding: .65rem .75rem;
  display: grid;
}

.hx-document-list__row:last-child {
  border-bottom: 0;
}

.hx-document-list__row:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 3.5%, var(--hx-color-surface));
}

.hx-document-list__main {
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-document-list__main > strong {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .82rem;
  overflow: hidden;
}

.hx-document-list__meta {
  min-width: 0;
  color: var(--hx-color-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: .22rem .4rem;
  font-size: .69rem;
  line-height: 1.35;
  display: flex;
}

.hx-document-list__meta > span {
  min-width: 0;
}

.hx-document-list__filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 18rem;
  overflow: hidden;
}

.hx-document-list__status {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

@media (max-width: 47.99rem) {
  .hx-page-stack--data-workspace {
    gap: .5rem;
  }

  .hx-page-stack--data-workspace > .hx-page-header {
    padding: 0 0 .1rem;
  }

  .hx-page-stack--data-workspace > .hx-page-header h1 {
    font-size: var(--hx-page-title-size);
  }

  .hx-page-stack--data-workspace > .hx-page-header p {
    margin-top: .25rem;
    font-size: .82rem;
  }

  .hx-company-structure {
    gap: .65rem;
  }

  .hx-m3-section-actions {
    min-height: 2.5rem;
  }

  .hx-m3-section-actions > .hx-button {
    margin-left: auto;
  }

  .hx-floating-overlay-scrim {
    z-index: calc(var(--hx-layer-popover) - 1);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #0b122047;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .hx-floating-overlay[data-mobile-sheet="true"] {
    z-index: var(--hx-layer-popover);
    border-radius: .9rem .9rem var(--hx-radius-md) var(--hx-radius-md);
    box-shadow: 0 -12px 34px #10182829;
  }

  .hx-data-grid-filter-chips {
    gap: var(--hx-space-2);
    flex-wrap: wrap;
    margin: 0;
  }

  .hx-data-grid-filter-chips::-webkit-scrollbar {
    display: none;
  }

  .hx-data-grid-filter-chip, .hx-data-grid-filter-clear-all {
    flex: none;
  }

  .hx-table-region {
    border-radius: var(--hx-radius-md);
    min-width: 0;
    max-width: 100%;
  }

  .hx-table-region .hx-table-wrap {
    scrollbar-gutter: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: none;
  }

  .hx-data-grid-table--records {
    width: 100%;
    display: block;
    min-width: 0 !important;
  }

  .hx-data-grid-table--records thead {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
    position: absolute;
    overflow: hidden;
  }

  .hx-data-grid-table--records tbody {
    padding: 0;
    display: block;
  }

  .hx-data-grid-table--records tbody tr {
    border: 0;
    border-bottom: 1px solid var(--hx-color-border);
    background: var(--hx-color-surface);
    transition: background-color var(--hx-transition-fast), border-color var(--hx-transition-fast);
    border-radius: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .24rem .5rem;
    padding: .52rem .62rem;
    display: grid;
    position: relative;
  }

  .hx-data-grid-table--records tbody tr:last-child {
    border-bottom: 1px solid var(--hx-color-border);
  }

  .hx-data-grid-table--records tbody tr:hover, .hx-data-grid-table--records tbody tr:focus-within {
    border-bottom-color: var(--hx-color-brand-strong);
    box-shadow: none;
    background: var(--hx-color-table-row-hover);
  }

  .hx-data-grid-table--records td {
    line-height: 1.35;
    display: block;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  .hx-data-grid-table--records .hx-data-grid-table__mobile--primary {
    color: var(--hx-color-ink);
    grid-column: 1;
    font-size: .9rem;
    line-height: 1.3;
    padding-right: .2rem !important;
  }

  .hx-data-grid-table--records .hx-data-grid-table__mobile--primary:before {
    display: none;
  }

  .hx-data-grid-table--records .hx-data-grid-table__mobile--secondary, .hx-data-grid-table--records .hx-data-grid-table__mobile--meta {
    min-width: 0;
    color: var(--hx-color-ink);
    grid-column: 1 / -1;
    align-items: baseline;
    gap: .32rem;
    font-size: .72rem;
    display: flex !important;
  }

  .hx-data-grid-table--records .hx-data-grid-table__mobile--secondary:before, .hx-data-grid-table--records .hx-data-grid-table__mobile--meta:before {
    content: attr(data-label) " ·";
    color: var(--hx-color-muted);
    flex: none;
    font-size: .63rem;
    font-weight: 650;
    line-height: 1.35;
  }

  .hx-data-grid-table--records .hx-data-grid-table__mobile--secondary > *, .hx-data-grid-table--records .hx-data-grid-table__mobile--meta > * {
    justify-self: start;
    min-width: 0;
  }

  .hx-data-grid-table--records .hx-data-grid-table__mobile--hidden {
    display: none !important;
  }

  .hx-data-grid-table--records .hx-data-grid-table__mobile-actions {
    grid-area: 1 / 2;
    place-self: start end;
    display: flex !important;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable thead {
    clip: auto;
    white-space: normal;
    border-bottom: 1px solid var(--hx-color-border);
    width: auto;
    height: auto;
    margin: 0;
    display: block;
    position: static;
    overflow: visible;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable thead tr {
    min-height: var(--hx-control-height);
    align-items: center;
    padding: 0 .62rem;
    display: flex;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable thead th {
    display: none;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable thead th.hx-data-grid-table__selection {
    height: var(--hx-control-height);
    align-items: center;
    gap: .35rem;
    display: flex;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0 !important;
    position: static !important;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable tbody tr {
    grid-template-columns: var(--hx-control-height) minmax(0, 1fr) var(--hx-control-height);
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable tbody .hx-data-grid-table__selection {
    grid-area: 1 / 1;
    place-self: start;
    width: var(--hx-control-height) !important;
    min-width: var(--hx-control-height) !important;
    max-width: var(--hx-control-height) !important;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable tbody .hx-data-grid-table__mobile--primary {
    grid-area: 1 / 2;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable tbody .hx-data-grid-table__mobile--secondary, .hx-data-grid-table--records.hx-data-grid-table--selectable tbody .hx-data-grid-table__mobile--meta {
    grid-column: 2 / -1;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable tbody .hx-data-grid-table__mobile-actions {
    grid-area: 1 / 3;
  }

  .hx-data-grid-table--records.hx-data-grid-table--selectable .hx-grid-checkbox, .hx-data-grid-table--records.hx-data-grid-table--selectable .hx-grid-checkbox .hx-checkbox-control, .hx-data-grid-table--records .hx-table-row-actions__trigger {
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    height: var(--hx-control-height);
  }

  .hx-data-grid-table--records .hx-table-subline {
    margin-top: .08rem;
    font-size: .68rem;
  }

  .hx-data-grid-table--records .hx-data-grid-table__empty-row {
    border: 0;
    padding: 0;
    display: block;
  }

  .hx-data-grid-table--records .hx-data-grid-table__empty-cell {
    display: block;
  }

  .hx-data-grid-table--records .hx-data-grid-table__empty-cell:before {
    display: none;
  }

  .hx-data-grid-table__empty-cell .hx-data-grid-no-results {
    min-height: 8rem;
    padding: 1rem .8rem;
  }

  .hx-document-list__row {
    min-height: 3.75rem;
    padding: .55rem .62rem;
  }

  .hx-document-list__filename {
    max-width: 13rem;
  }

  .hx-data-grid-table--matrix {
    width: max-content;
    min-width: max(52rem, 100%);
  }

  .hx-table-footer {
    min-height: 0;
    padding: .45rem .52rem calc(.45rem + env(safe-area-inset-bottom));
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .4rem .55rem;
    display: grid;
    position: static;
  }

  .hx-table-footer__left {
    grid-column: 1;
    justify-content: flex-start;
    gap: .5rem;
    width: auto;
    min-width: 0;
  }

  .hx-table-result-count {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .hx-table-pagination {
    grid-column: 2;
    justify-content: flex-end;
    min-width: 0;
    overflow: hidden;
  }

  .hx-table-pagination__arrow {
    min-width: 2.05rem;
    height: 2.05rem;
  }

  .hx-table-pagination__status {
    min-width: auto;
  }

  .hx-table-page-size {
    grid-column: 1 / -1;
    justify-self: end;
    margin-left: auto;
  }

  .hx-table-pagination-spacer, .hx-table-page-size-spacer {
    display: none;
  }

  .hx-floating-overlay {
    border-radius: var(--hx-radius-md);
  }

  .hx-data-grid-filters__panel {
    width: auto !important;
  }

  .hx-table-row-actions__sheet-title {
    display: none;
  }

  .hx-table-row-actions__menu button, .hx-data-export__menu button {
    min-height: 3rem;
    font-size: .86rem;
  }

  .hx-data-grid-filters__footer {
    flex-direction: row;
    align-items: center;
  }

  .hx-data-grid-filters__footer-copy {
    gap: .15rem;
    display: grid;
  }

  .hx-data-grid-filters__footer-actions {
    display: flex;
  }

  .hx-data-grid-filter-group__head {
    align-items: flex-start;
  }
}

@media (max-width: 30rem) {
  .hx-table-result-count {
    font-size: .7rem;
  }

  .hx-table-page-size > span {
    display: none;
  }

  .hx-table-page-size {
    display: flex;
  }

  .hx-data-grid-toolbar {
    gap: .32rem;
  }

  .hx-data-grid-toolbar__actions {
    justify-content: flex-end;
    gap: .25rem;
  }

  .hx-data-grid-columns__label, .hx-data-grid-filters__label {
    display: none;
  }

  .hx-data-grid-columns__trigger, .hx-data-grid-filters__trigger {
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    padding-inline: 0;
  }

  .hx-data-grid-table--records tbody tr {
    padding: .58rem .62rem;
  }

  .hx-data-grid-filters__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-data-grid-filters__footer-copy {
    flex: none;
    width: 100%;
  }

  .hx-data-grid-filters__footer-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    display: grid;
  }

  .hx-data-grid-filters__footer-actions .hx-button {
    width: 100%;
  }
}

.hx-file-upload {
  gap: .625rem;
  display: grid;
}

.hx-file-upload__input {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  block-size: 1px;
  inline-size: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.hx-file-upload__dropzone {
  border: 1px dashed var(--hx-color-border-strong);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  min-height: 5.75rem;
  padding: .875rem;
  transition: border-color .12s;
  display: grid;
}

.hx-file-upload__dropzone:hover, .hx-file-upload__dropzone.is-dragging {
  border-color: var(--hx-text);
}

.hx-file-upload__icon, .hx-file-upload__file-icon {
  block-size: 2.25rem;
  inline-size: 2.25rem;
  color: var(--hx-text-muted);
  place-items: center;
  display: inline-grid;
}

.hx-file-upload__copy, .hx-file-upload__meta {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.hx-file-upload__copy strong, .hx-file-upload__meta strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hx-file-upload__copy small, .hx-file-upload__meta small {
  color: var(--hx-text-muted);
}

.hx-file-upload__items {
  gap: .5rem;
  display: grid;
}

.hx-file-upload__item {
  min-height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .625rem;
  padding: .5rem .625rem;
  display: grid;
}

.hx-file-upload__item:hover {
  border-color: var(--hx-color-border-strong);
}

@media (max-width: 47.99rem) {
  .hx-file-upload__dropzone {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .hx-file-upload__dropzone > .hx-button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

.hx-data-grid-lab__controls {
  align-items: end;
}

.hx-data-grid-lab__select {
  color: var(--hx-color-muted);
  gap: .3rem;
  font-size: .75rem;
  display: grid;
}

.hx-data-grid-lab__select select {
  min-height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font: inherit;
  transition: border-color var(--hx-transition-fast);
  padding: 0 2rem 0 .7rem;
}

.hx-data-grid-lab__select select:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-data-grid-lab__select select:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none;
}

.hx-data-grid-lab__message {
  margin: 0 0 .75rem;
}

.hx-data-grid-lab__no-results {
  color: var(--hx-color-muted);
  gap: .2rem;
  padding: 1rem .25rem 0;
  font-size: .8rem;
  display: grid;
}

.hx-data-grid-lab__no-results strong {
  color: var(--hx-color-ink);
}

.hx-tabs-mobile-picker-wrap {
  align-items: center;
  gap: .35rem;
  width: 100%;
  display: none;
}

.hx-tabs-mobile-picker {
  width: 100%;
  min-width: 0;
}

.hx-tabs-mobile-picker__help {
  flex: none;
}

.hx-tabs-mobile-picker__trigger {
  width: 100%;
  min-height: var(--hx-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: 0 .75rem;
  display: flex;
}

.hx-tabs-mobile-picker__trigger:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-tabs-mobile-picker__trigger:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-tabs-mobile-picker__menu {
  gap: .1rem;
  padding: .3rem;
  display: grid;
}

.hx-tabs-mobile-picker__menu > button {
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 2.8rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1fr) 1.5rem;
  align-items: center;
  gap: .6rem;
  padding: .5rem .65rem;
  display: grid;
}

.hx-tabs-mobile-picker__menu > button:hover:not(:disabled) {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-tabs-mobile-picker__menu > button.is-selected {
  background: var(--hx-color-brand-subtle);
}

.hx-tabs-mobile-picker__menu > button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-tabs-mobile-picker__check {
  color: var(--hx-color-brand-strong);
  place-items: center;
  font-weight: 800;
  display: grid;
}

.hx-data-grid-no-results {
  text-align: center;
  min-height: 12rem;
  color: var(--hx-color-muted);
  place-content: center;
  gap: .3rem;
  padding: 1.25rem;
  display: grid;
}

.hx-data-grid-no-results strong {
  color: var(--hx-color-ink);
  font-size: .92rem;
}

.hx-data-grid-no-results span {
  font-size: .78rem;
}

@media (max-width: 47.99rem) {
  .hx-tabs-mobile-picker-wrap {
    display: flex;
  }

  .hx-tabs-desktop-rail {
    display: none !important;
  }
}

.hx-data-grid-true-empty {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: 100%;
  min-height: 12rem;
  box-shadow: none;
  place-items: center;
  padding: 1rem;
  display: grid;
}

.hx-table-region:has(.hx-data-grid-true-empty) {
  grid-template-rows: auto;
}

.hx-table-region:has(.hx-data-grid-true-empty) .hx-table-wrap {
  max-height: none;
  overflow: visible;
}

.hx-table-region:has(.hx-data-grid-true-empty) .hx-table-footer {
  display: none;
}

.hx-field, .hx-control, .hx-combobox {
  scroll-margin-block: 7rem;
}

.hx-global-demo-banner, .hx-demo-workspace-context {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-lg);
  background: var(--hx-color-surface);
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-global-demo-banner {
  border-color: color-mix(in srgb, var(--hx-color-brand) 30%, var(--hx-color-border));
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-ink);
  margin: 0 0 .75rem;
  padding: .65rem .85rem;
}

.hx-global-demo-banner strong {
  color: var(--hx-color-brand-strong);
  letter-spacing: .05em;
  flex: none;
  font-size: .75rem;
}

.hx-global-demo-banner span {
  min-width: 0;
  color: var(--hx-color-muted);
  font-size: .8rem;
  line-height: 1.4;
}

.hx-global-demo-banner__action {
  color: var(--hx-color-brand-strong);
  text-underline-offset: .18rem;
  flex: none;
  margin-left: auto;
  font-size: .78rem;
  font-weight: 700;
  text-decoration: underline;
}

.hx-global-demo-banner__action:focus-visible {
  border-radius: var(--hx-radius-sm);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 2px;
}

.hx-demo-workspace-context {
  justify-content: space-between;
  padding: .75rem .85rem;
}

.hx-demo-workspace-context > div:first-child {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.hx-demo-workspace-context > div:first-child span {
  color: var(--hx-color-muted);
  font-size: .78rem;
  line-height: 1.4;
}

.hx-demo-workspace-context__actions, .hx-m3-advanced-action {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  display: flex;
}

.hx-m3-advanced-actions {
  align-items: center;
}

.hx-m3-advanced-action {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  padding: .15rem;
}

.hx-position-planning-summary {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .65rem .75rem;
  display: flex;
}

.hx-position-planning-summary span {
  color: var(--hx-color-muted);
  font-size: .8rem;
  font-weight: 650;
}

.hx-position-planning-summary strong {
  color: var(--hx-color-ink);
  font-size: 1rem;
}

@media (max-width: 48rem) {
  .hx-global-demo-banner, .hx-demo-workspace-context {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-global-demo-banner__action {
    align-self: flex-start;
    margin-left: 0;
  }

  .hx-demo-workspace-context__actions, .hx-m3-advanced-action {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    display: grid;
  }

  .hx-demo-workspace-context__actions > .hx-button, .hx-m3-advanced-action > .hx-button {
    width: 100%;
  }
}

.hx-modal-backdrop.hx-confirm-dialog-backdrop {
  z-index: calc(var(--hx-layer-dialog) + 2);
}

.hx-master-value-delete, .hx-master-value-delete:hover:not(:disabled), .hx-master-value-delete:focus-visible {
  min-height: auto;
  box-shadow: none;
  background: none;
  border-color: #0000;
  transform: none;
}

.hx-master-value-delete {
  color: var(--hx-color-danger);
  padding: .28rem .35rem;
  font-weight: 700;
}

.hx-master-value-delete:hover:not(:disabled) {
  color: var(--hx-color-danger);
  background: none;
  border-color: #0000;
  text-decoration: none;
}

.hx-master-value-delete:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-m2-stage--regional .hx-m2-regional-guidance {
  margin-bottom: 1.05rem;
}

.hx-m2-stage--regional .hx-m2-form-grid {
  gap: 1rem 1.3rem;
}

.hx-company-structure .hx-table-region .hx-table th {
  height: var(--hx-grid-header-height);
  padding-block: 0;
}

.hx-company-structure .hx-table-region .hx-table td {
  height: var(--hx-grid-row-height);
  vertical-align: middle;
  padding-block: 3px;
}

.hx-table-pagination {
  gap: .12rem;
}

.hx-table-pagination__arrow {
  min-width: var(--hx-button-height);
  width: var(--hx-button-height);
  height: var(--hx-button-height);
  border-radius: var(--hx-radius-sm);
}

.hx-table-pagination__status {
  min-width: 6.8rem;
  color: var(--hx-color-muted);
  padding-inline: .25rem;
}

.hx-table-page-size {
  gap: .42rem;
}

.hx-table-page-size > span {
  color: var(--hx-color-muted);
  font-size: .72rem;
  font-weight: 650;
}

.hx-table-page-size__trigger {
  min-width: 4.15rem;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  justify-content: space-between;
  align-items: center;
  gap: .45rem;
  padding: 0 .58rem;
  display: inline-flex;
}

.hx-table-page-size__trigger strong {
  font-size: .76rem;
  font-weight: 750;
}

.hx-table-page-size__trigger:hover:not(:disabled), .hx-table-page-size__trigger[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--hx-color-brand) 30%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 4%, #fff);
}

.hx-table-page-size__trigger:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
  box-shadow: none;
}

.hx-table-page-size__menu {
  gap: .12rem;
  padding: .3rem;
  display: grid;
}

.hx-table-page-size__menu button {
  border-radius: var(--hx-radius-sm);
  min-height: 2.15rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 1px solid #0000;
  grid-template-columns: minmax(0, 1fr) 1rem;
  align-items: center;
  gap: .4rem;
  padding: .35rem .5rem;
  font-size: .76rem;
  display: grid;
}

.hx-table-page-size__menu button:hover, .hx-table-page-size__menu button:focus-visible {
  border-color: var(--hx-color-border-strong);
  background: var(--hx-color-surface);
  outline: 0;
}

.hx-table-page-size__menu button.is-selected {
  color: var(--hx-color-brand-active);
  font-weight: 750;
}

@media (max-width: 47.99rem) {
  .hx-company-structure .hx-table-region .hx-table-wrap {
    max-height: none;
  }

  .hx-table-page-size > span {
    display: inline;
  }
}

.hx-company-structure .hx-data-grid-filter-chips {
  gap: .55rem;
  margin-bottom: .75rem;
}

.hx-table-region--flow {
  grid-template-rows: auto auto;
  overflow: visible;
}

.hx-table-region--flow .hx-table-wrap {
  overscroll-behavior-x: contain;
  scrollbar-gutter: auto;
  max-height: none;
  overflow: auto visible;
}

.hx-table-region--flow .hx-table th, .hx-table-region--flow .hx-table-footer {
  position: static;
}

.hx-table-region--dominant {
  grid-template-rows: minmax(0, 1fr) auto;
  max-height: min(72dvh, 52rem);
  overflow: hidden;
}

.hx-table-region--dominant .hx-table-wrap {
  min-height: 14rem;
  max-height: none;
  overflow: auto;
}

.hx-table-region--dominant .hx-table th {
  z-index: 4;
  position: sticky;
  top: 0;
}

.hx-import-template-action {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  min-height: 2.35rem;
  color: var(--hx-color-ink);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: .45rem .72rem;
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
  text-decoration: none !important;
}

.hx-import-template-action--download {
  border-color: color-mix(in srgb, var(--hx-color-brand) 26%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 7%, var(--hx-color-surface));
  color: var(--hx-color-brand-active);
}

.hx-import-template-action--blank {
  background: var(--hx-color-surface);
}

.hx-import-template-action:hover {
  border-color: var(--hx-color-border-strong);
  text-decoration: none !important;
}

.hx-import-template-action:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-file-upload__remove {
  min-height: 2rem;
  color: var(--hx-color-danger);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: .25rem .15rem;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
}

.hx-file-upload__remove:hover:not(:disabled) {
  background: none;
  border: 0;
  text-decoration: none;
}

.hx-file-upload__remove:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-file-upload__remove:disabled {
  cursor: not-allowed;
  opacity: .45;
}

@media (max-width: 47.99rem) {
  .hx-table-region--flow .hx-table-wrap {
    overflow: auto visible;
  }

  .hx-table-region--dominant {
    max-height: none;
  }

  .hx-table-region--dominant .hx-table-wrap {
    max-height: none;
    overflow-y: visible;
  }

  .hx-m3-import-template-links {
    flex-wrap: wrap;
    width: 100%;
  }

  .hx-import-template-action {
    flex: 10rem;
  }
}

.hx-m3-history-section-heading {
  gap: .25rem;
  margin-block: .15rem .75rem;
  display: grid;
}

.hx-m3-history-section-heading small {
  color: var(--hx-color-muted);
}

.hx-m3-history-card {
  gap: .75rem;
  display: grid;
}

.hx-m3-history-card__top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.hx-m3-history-card__top > div {
  gap: .15rem;
  display: grid;
}

.hx-m3-history-diffs {
  gap: .55rem;
  margin: 0;
  display: grid;
}

.hx-m3-history-diffs > div {
  border-top: 1px solid var(--hx-color-border);
  gap: .25rem;
  padding-top: .55rem;
  display: grid;
}

.hx-m3-history-diffs dt {
  color: var(--hx-color-muted);
  font-size: .78rem;
}

.hx-m3-history-diffs dd {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: start;
  gap: .5rem;
  margin: 0;
  display: grid;
}

.hx-m3-history-diffs dd span:first-child {
  color: var(--hx-color-muted);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.hx-m3-history-initial {
  color: var(--hx-color-muted);
}

.hx-m3-audit-list {
  gap: .5rem;
  display: grid;
}

.hx-m3-audit-list article {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  gap: 1rem;
  padding: .7rem 0;
  display: flex;
}

.hx-m3-audit-list article > div {
  gap: .15rem;
  display: grid;
}

.hx-m3-audit-list time, .hx-m3-audit-list small {
  color: var(--hx-color-muted);
  font-size: .78rem;
}

@media (max-width: 42rem) {
  .hx-m3-history-diffs dd {
    grid-template-columns: 1fr;
  }

  .hx-m3-history-diffs dd span[aria-hidden="true"] {
    display: none;
  }

  .hx-m3-audit-list article {
    display: grid;
  }
}

.hx-m3-secondary-create-action.hx-button--secondary {
  border-color: var(--hx-color-border);
  color: var(--hx-color-ink);
  box-shadow: none;
  background: #fff;
}

.hx-m3-secondary-create-action.hx-button--secondary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--hx-color-brand) 4%, #fff);
  border-color: color-mix(in srgb, var(--hx-color-brand) 30%, var(--hx-color-border));
  color: var(--hx-color-ink);
  box-shadow: none;
  transform: none;
}

.hx-m3-import-modal .hx-file-upload__item {
  background: var(--hx-color-surface-muted);
  box-shadow: none;
  border: 0;
}

.hx-m3-import-modal .hx-file-upload__item:hover {
  border-color: #0000;
}

@media (max-width: 47.99rem) {
  .hx-m3-import-modal .hx-file-upload__dropzone {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .hx-m3-import-modal .hx-file-upload__dropzone > .hx-button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

.hx-table-region--adaptive {
  grid-template-rows: minmax(0, auto) auto;
  overflow: hidden;
}

@media (min-width: 48rem) {
  .hx-company-structure .hx-data-grid-toolbar {
    top: var(--hx-data-grid-sticky-top);
    z-index: 7;
    background: var(--hx-color-canvas);
    margin-top: 0;
    position: sticky;
  }
}

.hx-table-region--dominant {
  max-height: min(72dvh, 52rem);
}

.hx-demo-topbar-badge {
  border: 1px solid var(--hx-color-border);
  border-color: var(--hx-color-border);
  border-color: color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-brand-subtle);
  min-height: 2.2rem;
  color: var(--hx-color-brand-active);
  white-space: nowrap;
  align-items: center;
  gap: .35rem;
  padding: .3rem .62rem;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.hx-demo-topbar-badge:hover {
  border-color: var(--hx-color-brand-strong);
  text-decoration: none;
}

.hx-demo-topbar-badge:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-demo-topbar-badge small {
  color: var(--hx-color-muted);
  font-size: .68rem;
  font-weight: 650;
}

.hx-mobile-nav__more > button {
  position: relative;
}

.hx-mobile-nav__demo-indicator {
  border: 2px solid var(--hx-color-surface);
  background: var(--hx-color-brand);
  border-radius: 999px;
  width: .42rem;
  height: .42rem;
  position: absolute;
  inset-block-start: .42rem;
  inset-inline-end: calc(50% - 1.05rem);
}

.hx-document-list__context {
  color: var(--hx-color-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: .28rem .5rem;
  font-size: .69rem;
  line-height: 1.35;
  display: flex;
}

.hx-document-list__context strong {
  color: var(--hx-color-ink);
  font-size: .72rem;
}

.hx-document-list__name {
  color: var(--hx-color-ink);
  font-size: .76rem;
  font-weight: 650;
}

.hx-document-list__row {
  align-items: start;
}

@media (max-width: 47.99rem) {
  .hx-demo-topbar-badge {
    display: none;
  }
}

@media (forced-colors: active) {
  .hx-demo-topbar-badge, .hx-table-region--adaptive {
    border-color: canvastext;
  }
}

.hx-help-topbar-trigger, .hx-help-header-action {
  box-sizing: border-box;
  flex: 0 0 var(--hx-control-height);
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  max-width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-height: var(--hx-control-height);
  max-height: var(--hx-control-height);
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 22%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  box-shadow: none;
  transition: background-color var(--hx-transition-fast), border-color var(--hx-transition-fast), color var(--hx-transition-fast);
  place-items: center;
  padding: 0;
  line-height: 1;
  text-decoration: none;
  display: inline-grid;
}

.hx-help-trigger__glyph {
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1;
  display: block;
  transform: translateY(-.02rem);
}

.hx-help-topbar-trigger:hover, .hx-help-header-action:hover {
  border-color: color-mix(in srgb, var(--hx-color-brand) 38%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 8%, var(--hx-color-surface));
  color: var(--hx-color-brand-active);
}

.hx-help-topbar-trigger:focus-visible, .hx-help-header-action:focus-visible {
  outline: 1px solid var(--hx-color-brand);
  outline-offset: 2px;
}

:is(body:has(.hx-modal-backdrop) .hx-topbar, body:has(.hx-modal-backdrop) .hx-account-header) {
  z-index: calc(var(--hx-layer-dialog) + 1);
  pointer-events: none;
  position: relative;
}

:is(body:has(.hx-modal-backdrop) .hx-help-topbar-trigger, body:has(.hx-modal-backdrop) .hx-help-header-action) {
  z-index: calc(var(--hx-layer-dialog) + 1);
  pointer-events: auto;
  position: relative;
}

body:has(.hx-modal-backdrop) .hx-drawer-backdrop:has(.hx-help-drawer) {
  z-index: calc(var(--hx-layer-dialog) + 2);
}

.hx-help-drawer {
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(32rem, 100%);
  max-width: 100%;
  padding-bottom: 0;
  display: grid;
  overflow: hidden;
}

.hx-help-drawer > .hx-drawer__header {
  align-items: center;
  gap: .65rem;
  min-height: 4.8rem;
  padding: .45rem 1rem;
}

.hx-help-drawer > .hx-drawer__header .hx-drawer__header-actions {
  align-self: center;
}

.hx-help-drawer > .hx-drawer__header .hx-modal-close-button {
  box-sizing: border-box;
  flex: 0 0 var(--hx-overlay-circle-size);
  width: var(--hx-overlay-circle-size);
  min-width: var(--hx-overlay-circle-size);
  max-width: var(--hx-overlay-circle-size);
  height: var(--hx-overlay-circle-size);
  min-height: var(--hx-overlay-circle-size);
  max-height: var(--hx-overlay-circle-size);
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 22%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
  box-shadow: none;
  align-self: center;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.hx-help-drawer > .hx-drawer__header .hx-modal-close-button .hx-icon-button__glyph {
  width: var(--hx-overlay-circle-glyph-size);
  height: var(--hx-overlay-circle-glyph-size);
  place-items: center;
  display: grid;
}

.hx-help-drawer > .hx-drawer__header .hx-drawer__heading {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-help-drawer > .hx-drawer__header .hx-drawer__heading > h2 {
  font-size: .98rem;
  line-height: 1.15;
}

.hx-help-drawer > .hx-drawer__header .hx-drawer__heading > p {
  margin: 0;
  font-size: .64rem;
  line-height: 1.2;
}

.hx-help-drawer > .hx-drawer__body.hx-help-body {
  overscroll-behavior: contain;
  background: linear-gradient(180deg, color-mix(in srgb, var(--hx-color-brand) 2%, var(--hx-color-surface)) 0%, var(--hx-color-surface) 24%);
  flex-direction: column;
  gap: 1.05rem;
  min-height: 0;
  padding: .65rem 1rem 0;
  display: flex;
  overflow-y: auto;
}

.hx-help-context {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 13%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .08rem .55rem;
  padding: .62rem .7rem;
  display: grid;
}

.hx-help-context__label {
  border-right: 1px solid color-mix(in srgb, var(--hx-color-border) 80%, transparent);
  color: var(--hx-color-brand-active);
  letter-spacing: .04em;
  text-transform: uppercase;
  grid-row: 1 / span 2;
  align-self: stretch;
  place-items: center;
  padding-right: .55rem;
  font-size: .65rem;
  font-weight: 700;
  display: grid;
}

.hx-help-context > strong {
  min-width: 0;
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  overflow: hidden;
}

.hx-help-context > small {
  color: var(--hx-color-muted);
  font-size: .69rem;
  line-height: 1.35;
}

.hx-help-welcome {
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  border: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .7rem;
  margin-bottom: .8rem;
  padding: .8rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hx-help-welcome__icon {
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 10%, var(--hx-color-surface));
  width: 2.35rem;
  height: 2.35rem;
  color: var(--hx-color-brand);
  place-items: center;
  display: grid;
}

.hx-help-welcome__copy {
  gap: .25rem;
  min-width: 0;
  display: grid;
}

.hx-help-welcome__copy > strong {
  color: var(--hx-color-ink);
  letter-spacing: -.015em;
  font-size: 1.14rem;
}

.hx-help-welcome__copy > span {
  color: var(--hx-color-muted);
  font-size: .84rem;
  line-height: 1.45;
}

.hx-help-welcome__art {
  opacity: .72;
  width: 4.25rem;
  height: 3.2rem;
  display: none;
  position: relative;
}

.hx-help-welcome__art > span {
  border-radius: var(--hx-radius-sm);
  background: color-mix(in srgb, var(--hx-color-brand) 16%, var(--hx-color-surface));
  width: 2.35rem;
  height: 1.25rem;
  position: absolute;
}

.hx-help-welcome__art > span:first-child {
  top: .2rem;
  left: 0;
}

.hx-help-welcome__art > span:nth-child(2) {
  top: 1rem;
  right: 0;
}

.hx-help-welcome__art > span:nth-child(3) {
  bottom: 0;
  left: .65rem;
}

.hx-help-search-shell {
  z-index: 9;
  flex: none;
  margin-top: -.1rem;
  position: sticky;
  top: .55rem;
}

.hx-help-smart-search {
  z-index: 2;
  min-height: var(--hx-form-control-height);
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 30%, var(--hx-color-border-strong));
  border-radius: var(--hx-radius-control);
  background: var(--hx-color-surface);
  box-shadow: none;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  padding: 0 .55rem;
  display: grid;
  position: relative;
}

.hx-help-smart-search:focus-within {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid color-mix(in srgb, var(--hx-color-brand) 16%, transparent);
  outline-offset: 0;
}

.hx-help-smart-search__icon {
  width: 1.8rem;
  height: 1.8rem;
  color: var(--hx-color-muted);
  place-items: center;
  display: grid;
}

.hx-help-smart-search input {
  width: 100%;
  min-width: 0;
  height: calc(var(--hx-form-control-height) - 2px);
  color: var(--hx-color-ink);
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
}

.hx-help-smart-search kbd {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-muted);
  font: inherit;
  white-space: nowrap;
  padding: .18rem .38rem;
  font-size: .68rem;
}

.hx-help-smart-search__clear {
  width: var(--hx-form-control-height);
  height: var(--hx-form-control-height);
  border-radius: var(--hx-radius-sm);
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  place-items: center;
  font-size: 1.15rem;
  display: grid;
}

.hx-help-smart-search__clear:hover {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
}

.hx-help-search-suggestions {
  z-index: 11;
  overscroll-behavior: contain;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  max-height: min(25rem, 58dvh);
  box-shadow: var(--hx-shadow-lg);
  position: absolute;
  top: calc(100% + .38rem);
  left: 0;
  right: 0;
  overflow-y: auto;
}

.hx-help-search-suggestions > button:not(.hx-help-search-suggestions__ask) {
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 82%, transparent);
  background: var(--hx-color-surface);
  width: 100%;
  min-height: 3.45rem;
  color: var(--hx-color-ink);
  text-align: left;
  cursor: pointer;
  font: inherit;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .62rem .72rem;
  display: grid;
}

.hx-help-search-suggestions > button:not(.hx-help-search-suggestions__ask):hover, .hx-help-search-suggestions > button:not(.hx-help-search-suggestions__ask):focus-visible {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-help-search-suggestions > button:not(.hx-help-search-suggestions__ask):focus-visible, .hx-help-search-suggestions__ask:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-help-search-suggestions__copy {
  gap: .16rem;
  min-width: 0;
  display: grid;
}

.hx-help-search-suggestions__copy > strong {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .82rem;
  line-height: 1.3;
  overflow: hidden;
}

.hx-help-search-suggestions__copy > small {
  color: var(--hx-color-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .72rem;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.hx-help-search-suggestions__status {
  color: var(--hx-color-muted);
  gap: .2rem;
  padding: .78rem;
  font-size: .75rem;
  line-height: 1.4;
  display: grid;
}

.hx-help-search-suggestions__status > strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
}

.hx-help-search-suggestions__ask {
  border: 0;
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface-muted);
  width: 100%;
  min-height: 2.75rem;
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  text-align: left;
  font: inherit;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .6rem .75rem;
  font-size: .75rem;
  font-weight: 650;
  display: flex;
}

.hx-help-search-suggestions__ask > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hx-help-search-suggestions__ask > strong {
  flex: none;
  font-size: .9rem;
}

.hx-help-composer {
  z-index: 8;
  border: 0;
  border-top: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-surface) 98%, transparent);
  width: 100%;
  min-width: 0;
  padding: .8rem 1rem max(.8rem, env(safe-area-inset-bottom));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: 0;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  align-items: stretch;
  gap: .42rem;
  margin: 0;
  display: grid;
  position: relative;
  box-shadow: 0 -10px 28px #1018280d;
}

.hx-help-composer > label {
  color: var(--hx-color-ink);
  font-size: .875rem;
  font-weight: var(--hx-font-weight-semibold);
}

.hx-help-composer > small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.hx-help-composer__row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  display: grid;
}

.hx-help-composer__row input {
  width: 100%;
  min-width: 0;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 26%, var(--hx-color-border-strong));
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font: inherit;
  padding: 0 .75rem;
  font-size: .875rem;
}

.hx-help-composer__row input:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid color-mix(in srgb, var(--hx-color-brand) 24%, transparent);
  outline-offset: 0;
}

.hx-help-composer__row .hx-button {
  min-width: 4.65rem;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
}

.hx-help-section-heading {
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: .65rem;
  display: flex;
}

.hx-help-section-heading > strong {
  color: var(--hx-color-ink);
  font-size: .92rem;
}

.hx-help-section-heading small, .hx-help-content-version {
  color: var(--hx-color-muted);
  font-size: .7rem;
}

.hx-help-question-list {
  gap: .55rem;
  display: grid;
}

.hx-help-question-list button, .hx-help-related button {
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 78%, transparent);
  width: 100%;
  min-height: 3.1rem;
  color: var(--hx-color-ink);
  text-align: left;
  cursor: pointer;
  font: inherit;
  background: none;
  border-radius: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .6rem;
  padding: .6rem .25rem;
  display: grid;
}

.hx-help-question-list button:hover, .hx-help-related button:hover {
  border-color: color-mix(in srgb, var(--hx-color-brand) 18%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
}

.hx-help-topic-icon {
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 7%, var(--hx-color-surface));
  width: 2.25rem;
  height: 2.25rem;
  color: var(--hx-color-brand);
  place-items: center;
  display: grid;
}

.hx-help-question-list__copy, .hx-help-related__copy {
  gap: .14rem;
  min-width: 0;
  display: grid;
}

.hx-help-question-list__title-row {
  align-items: center;
  gap: .4rem;
  min-width: 0;
  display: flex;
}

.hx-help-question-list__title-row > strong, .hx-help-related__copy > strong {
  min-width: 0;
  color: var(--hx-color-ink);
  font-size: .84rem;
  line-height: 1.35;
}

.hx-help-question-list__copy > small, .hx-help-related__copy > small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .73rem;
  line-height: 1.35;
  overflow: hidden;
}

.hx-help-recommended {
  border-radius: var(--hx-radius-sm);
  background: color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-surface));
  color: var(--hx-color-brand-active);
  flex: none;
  padding: .12rem .38rem;
  font-size: .62rem;
  font-weight: 650;
}

.hx-help-question-list__arrow {
  color: var(--hx-color-ink);
  font-size: 1.15rem;
  line-height: 1;
}

.hx-help-question-list button:focus-visible, .hx-help-related button:focus-visible, .hx-help-feedback:focus-visible, .hx-help-feedback-reasons > button:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 1px;
}

.hx-help-no-match {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-surface);
  background: var(--hx-color-surface-muted);
  gap: .25rem;
  padding: .8rem;
  display: grid;
}

.hx-help-no-match > strong {
  color: var(--hx-color-ink);
  font-size: .82rem;
}

.hx-help-no-match > span {
  color: var(--hx-color-muted);
  font-size: .76rem;
  line-height: 1.45;
}

.hx-help-recent {
  border-top: 1px solid var(--hx-color-border);
  gap: .45rem;
  margin-top: 1rem;
  padding-top: .85rem;
  display: grid;
}

.hx-help-recent__heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-help-recent__heading > strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
}

.hx-help-recent__heading > button {
  color: var(--hx-color-brand-active);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  font-size: .72rem;
  font-weight: 600;
}

.hx-help-recent__list {
  gap: .15rem;
  display: grid;
}

.hx-help-recent__list > button {
  border-radius: var(--hx-radius-sm);
  width: 100%;
  min-height: 2.25rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  text-align: left;
  font: inherit;
  background: none;
  border: 0;
  grid-template-columns: 1.2rem minmax(0, 1fr);
  align-items: center;
  gap: .45rem;
  padding: .35rem .4rem;
  font-size: .74rem;
  display: grid;
}

.hx-help-recent__list > button:hover {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-ink);
}

.hx-help-recent__list > button > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-help-conversation, .hx-help-entry, .hx-help-answer, .hx-help-question, .hx-help-related {
  gap: .55rem;
  display: grid;
}

.hx-help-conversation {
  gap: .85rem;
}

.hx-help-entry {
  gap: .55rem;
}

.hx-help-question {
  justify-items: start;
  gap: .12rem;
  padding: 0 .1rem;
}

.hx-help-question > span {
  color: var(--hx-color-muted);
  font-size: .66rem;
  font-weight: var(--hx-font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: .045em;
}

.hx-help-question p {
  max-width: 100%;
  color: var(--hx-color-ink);
  margin: 0;
  padding: 0;
  font-size: .9rem;
  font-weight: 650;
  line-height: 1.4;
}

.hx-help-answer {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 10%, var(--hx-color-border));
  border-left: 3px solid color-mix(in srgb, var(--hx-color-brand) 62%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 1.5%, var(--hx-color-surface));
  outline: none;
  padding: .9rem;
  transition: border-color .18s, box-shadow .18s;
}

.hx-help-answer__meta {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .45rem;
  display: grid;
}

.hx-help-answer__meta > strong {
  color: var(--hx-color-ink);
  letter-spacing: .02em;
  font-size: .74rem;
}

.hx-help-answer__meta > small {
  color: var(--hx-color-muted);
  font-size: .68rem;
}

.hx-help-answer__brand-icon {
  width: 1.8rem;
  height: 1.8rem;
  color: var(--hx-color-brand);
  place-items: center;
  display: grid;
}

.hx-help-answer--fresh {
  border-color: color-mix(in srgb, var(--hx-color-brand) 34%, var(--hx-color-border));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hx-color-brand) 10%, transparent);
}

.hx-help-answer h3, .hx-help-answer p, .hx-help-answer ol {
  margin: 0;
}

.hx-help-answer h3 {
  color: var(--hx-color-ink);
  font-size: 1rem;
  line-height: 1.35;
}

.hx-help-answer > p {
  color: var(--hx-color-ink);
  line-height: 1.55;
}

.hx-help-answer__steps-toggle {
  border-radius: var(--hx-radius-sm);
  width: fit-content;
  min-height: 2rem;
  color: var(--hx-color-brand-active);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  padding: .2rem .15rem;
  font-size: .76rem;
  font-weight: 650;
  display: inline-flex;
}

.hx-help-answer__steps-toggle:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, transparent);
}

.hx-help-answer__steps-toggle:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-help-answer__steps {
  border-top: 1px solid var(--hx-color-border);
  gap: .55rem;
  padding-top: .72rem;
  display: grid;
}

.hx-help-answer__steps > ol {
  gap: .42rem;
}

.hx-help-answer__steps > ol > li {
  font-size: .8rem;
  line-height: 1.45;
}

.hx-help-answer__steps > strong {
  color: var(--hx-color-ink);
  font-size: .78rem;
  font-weight: 650;
}

.hx-help-answer ol {
  counter-reset: hx-help-step;
  color: var(--hx-color-ink);
  gap: .55rem;
  padding-left: 0;
  line-height: 1.48;
  list-style: none;
  display: grid;
}

.hx-help-answer ol > li {
  counter-increment: hx-help-step;
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-border));
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  grid-template-columns: 1.7rem minmax(0, 1fr);
  align-items: start;
  gap: .5rem;
  padding: .48rem .52rem;
  display: grid;
}

.hx-help-answer ol > li:before {
  content: counter(hx-help-step);
  border-radius: var(--hx-radius-pill);
  background: color-mix(in srgb, var(--hx-color-brand) 10%, var(--hx-color-surface));
  width: 1.7rem;
  height: 1.7rem;
  color: var(--hx-color-brand-active);
  place-items: center;
  font-size: .72rem;
  font-weight: 700;
  display: grid;
}

.hx-help-permission-note {
  border-left: 2px solid var(--hx-color-border-strong);
  padding-left: .6rem;
  font-size: .8rem;
  color: var(--hx-color-muted) !important;
}

.hx-help-answer__actions {
  gap: .8rem;
  margin-top: .2rem;
  display: grid;
}

.hx-help-answer__primary-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  display: grid;
}

.hx-help-answer__primary-actions:has( > :only-child) {
  grid-template-columns: minmax(0, 1fr);
}

.hx-help-answer__primary-actions > .hx-button {
  justify-content: center;
  width: 100%;
  min-width: 0;
}

.hx-help-back-to-suggestions {
  width: fit-content;
  color: var(--hx-color-brand-active);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: .3rem;
  padding: .1rem .1rem .2rem;
  font-size: .76rem;
  font-weight: 600;
  display: inline-flex;
}

.hx-help-back-to-suggestions:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-help-feedback-wrap {
  border-top: 1px solid var(--hx-color-border);
  gap: .35rem;
  min-width: 0;
  padding-top: .65rem;
  display: grid;
}

.hx-help-feedback-prompt {
  color: var(--hx-color-muted);
  font-size: .74rem;
  font-weight: 600;
}

.hx-help-feedback-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.hx-help-feedback {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  min-height: 2.15rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  padding: .32rem .58rem;
  font-size: .76rem;
  font-weight: 500;
}

.hx-help-feedback:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
  color: var(--hx-color-ink);
}

.hx-help-feedback.is-selected {
  border-color: color-mix(in srgb, var(--hx-color-brand) 28%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
  color: var(--hx-color-brand-active);
  font-weight: 650;
}

.hx-help-feedback.is-selected:after {
  content: " ✓";
}

.hx-help-feedback:disabled {
  cursor: wait;
  opacity: .65;
}

.hx-help-feedback-status {
  color: var(--hx-color-muted);
  font-size: .72rem;
}

.hx-help-feedback-status:empty {
  display: none;
}

.hx-help-feedback-reasons {
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem;
  width: 100%;
  display: flex;
}

.hx-help-feedback-reasons > span {
  color: var(--hx-color-muted);
  flex: 1 0 100%;
  font-size: .72rem;
}

.hx-help-feedback-reasons > button {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface);
  min-height: 1.9rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  padding: .25rem .45rem;
  font-size: .72rem;
}

.hx-help-feedback-reasons > button:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 3%, #fff);
}

.hx-help-related {
  border-top: 1px solid var(--hx-color-border);
  gap: .42rem;
  padding-top: .7rem;
  display: grid;
}

.hx-help-related__heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-help-related__heading > strong {
  color: var(--hx-color-ink);
  font-size: .78rem;
}

.hx-help-related__view-all {
  width: auto !important;
  min-height: auto !important;
  color: var(--hx-color-brand-active) !important;
  background: none !important;
  border: 0 !important;
  grid-template-columns: none !important;
  padding: .15rem .2rem !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  display: inline-flex !important;
}

.hx-help-related button {
  background: color-mix(in srgb, var(--hx-color-brand) 2%, var(--hx-color-surface));
  min-height: 3rem;
  padding: .5rem .58rem;
}

.hx-help-welcome__copy > strong {
  font-size: .912rem;
}

.hx-help-section-heading > strong {
  font-size: .736rem;
}

.hx-help-answer h3 {
  font-size: .8rem;
}

.hx-help-answer__steps > strong, .hx-help-related__heading > strong {
  font-size: .624rem;
}

.hx-help-composer > label {
  font-size: .7rem;
}

.hx-help-error {
  border: 1px solid var(--hx-color-danger);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-danger-subtle);
  gap: .4rem;
  padding: .8rem;
  display: grid;
}

.hx-help-error span {
  color: var(--hx-color-muted);
}

.hx-help-loading {
  padding: .5rem 0;
}

.hx-help-target-highlight {
  border-radius: var(--hx-radius-sm);
  transition: outline-color .16s;
  position: relative;
  outline: 1px solid color-mix(in srgb, var(--hx-color-brand) 72%, transparent) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

.hx-help-guide-coach {
  z-index: calc(var(--hx-layer-dialog) + 3);
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 18%, var(--hx-color-border));
  border-radius: var(--hx-radius-surface);
  background: var(--hx-color-surface);
  width: min(24rem, 100vw - 1.5rem);
  max-width: min(24rem, 100vw - 1.5rem);
  max-height: calc(100dvh - 2rem);
  box-shadow: var(--hx-shadow-menu);
  gap: .8rem;
  margin: 0;
  padding: 1rem;
  animation: .18s ease-out hx-help-coach-enter;
  display: grid;
  position: fixed;
  overflow-y: auto;
}

.hx-help-guide-coach__heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.hx-help-guide-coach__heading > div {
  gap: .12rem;
  display: grid;
}

.hx-help-guide-coach__heading small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  font-weight: 600;
}

.hx-help-guide-coach__heading strong {
  color: var(--hx-color-ink);
  letter-spacing: -.01em;
  font-size: 1rem;
  line-height: 1.35;
}

.hx-help-guide-progress {
  background: none;
  align-items: center;
  gap: .35rem;
  width: 100%;
  display: flex;
  overflow: visible;
}

.hx-help-guide-progress > span {
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-surface-muted);
  flex: 1 1 0;
  min-width: 0;
  height: .24rem;
  transition: background-color .18s;
}

.hx-help-guide-progress > span.is-complete {
  background: var(--hx-color-brand);
}

.hx-help-guide-coach > p {
  color: var(--hx-color-ink);
  margin: 0;
  line-height: 1.5;
}

.hx-help-guide-note {
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  color: var(--hx-color-muted);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .5rem;
  padding: .65rem .7rem;
  font-size: .76rem;
  line-height: 1.4;
  display: grid;
}

.hx-help-guide-note svg {
  color: var(--hx-color-brand-active);
  margin-top: .05rem;
}

.hx-help-guide-coach__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: .5rem;
  display: grid;
}

.hx-help-guide-coach__actions .hx-button {
  justify-content: center;
  width: 100%;
}

@keyframes hx-help-coach-enter {
  from {
    opacity: 0;
    transform: translateY(.35rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 92rem) {
  .hx-help-drawer {
    width: min(28rem, 30vw);
  }
}

@media (max-width: 48rem) {
  .hx-help-topbar-trigger {
    width: var(--hx-control-height);
    padding: 0;
  }

  .hx-help-topbar-trigger span {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .hx-help-drawer {
    border-left: 0;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
  }

  .hx-help-drawer > .hx-drawer__body.hx-help-body {
    min-height: calc(100dvh - 5.4rem - env(safe-area-inset-top));
    padding: .85rem
      max(.85rem, env(safe-area-inset-right))
      max(.75rem, env(safe-area-inset-bottom))
      max(.85rem, env(safe-area-inset-left));
    gap: .85rem;
  }

  .hx-help-composer {
    padding-bottom: max(.72rem, env(safe-area-inset-bottom));
    margin: 0;
  }

  .hx-help-question p {
    max-width: 94%;
  }

  .hx-help-guide-coach {
    max-height: min(72dvh, calc(100dvh - env(safe-area-inset-top)));
    border-radius: var(--hx-radius-surface) var(--hx-radius-surface) 0 0;
    padding: 1rem max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 -12px 34px #10182824;
    left: env(safe-area-inset-left) !important;
    right: env(safe-area-inset-right) !important;
    width: auto !important;
    max-width: none !important;
    top: auto !important;
    bottom: 0 !important;
  }

  .hx-help-guide-coach:before {
    content: "";
    border-radius: var(--hx-radius-pill);
    background: var(--hx-color-border-strong);
    opacity: .7;
    justify-self: center;
    width: 2.6rem;
    height: .25rem;
  }

  .hx-help-smart-search kbd {
    display: none;
  }

  .hx-help-target-highlight {
    outline-offset: 2px !important;
  }

  .hx-help-guide-coach__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-help-guide-coach__actions .hx-button {
    width: 100%;
  }
}

@media (max-width: 28rem) {
  .hx-help-answer__primary-actions {
    grid-template-columns: 1fr;
  }

  .hx-help-composer__row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hx-help-composer__row .hx-button {
    min-width: 4.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hx-help-target-highlight, .hx-help-guide-progress > span {
    transition: none;
  }

  .hx-help-guide-coach {
    animation: none;
  }
}

@media (forced-colors: active) {
  .hx-help-target-highlight {
    box-shadow: none !important;
    outline-color: highlight !important;
  }

  .hx-help-guide-coach {
    border-color: canvastext;
  }
}

.hx-page-header {
  gap: .75rem;
  margin-bottom: .15rem;
}

.hx-page-header h1 {
  font-size: var(--hx-page-title-size);
  letter-spacing: -.025em;
  font-weight: 700;
  line-height: 1.18;
}

.hx-page-header p {
  color: var(--hx-color-muted);
  margin-top: .2rem;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.4;
}

.hx-nav__link {
  font-size: .875rem;
  font-weight: 500;
}

.hx-nav__link[aria-current="page"], .hx-nav__link.is-active {
  font-weight: 600;
}

.hx-company-structure__tabs > button[role="tab"], .hx-company-structure__tabs > .hx-tab-option > button[role="tab"], .hx-segmented button {
  font-size: .8125rem;
  font-weight: 600;
}

.hx-table-region .hx-table th {
  height: var(--hx-grid-header-height);
  color: var(--hx-color-table-header-ink);
  padding-block: 0;
  padding-inline: .7rem;
  font-size: .8125rem;
  font-weight: 600;
}

.hx-table-region .hx-table td {
  height: var(--hx-grid-row-height);
  vertical-align: middle;
  padding-block: 3px;
  padding-inline: .7rem;
  font-size: .875rem;
  font-weight: 400;
}

.hx-table-region .hx-table td strong {
  font-weight: 600;
}

.hx-table-subline {
  margin-top: .12rem;
  font-size: .75rem;
  font-weight: 400;
}

.hx-data-grid-table .hx-muted {
  font-size: .75rem;
  font-weight: 400;
}

.hx-table-footer, .hx-table-footer button, .hx-table-footer select {
  font-size: .78rem;
}

.hx-status, .hx-badge {
  font-size: .75rem;
  font-weight: 600;
}

.hx-table-region--adaptive .hx-table-wrap {
  min-height: 0;
  max-height: var(--hx-adaptive-table-max-height, 30rem);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  background: var(--hx-color-surface);
  overflow: hidden;
  scrollbar-gutter: auto !important;
}

.hx-table-region--adaptive[data-hx-horizontal-overflow="true"] .hx-table-wrap {
  overflow-x: auto;
}

.hx-table-region--adaptive[data-hx-horizontal-overflow="false"] .hx-table-wrap {
  overflow-x: hidden;
}

.hx-table-region--adaptive[data-hx-vertical-overflow="true"] .hx-table-wrap {
  overflow-y: auto;
  scrollbar-gutter: stable !important;
}

.hx-table-region--adaptive[data-hx-vertical-overflow="false"] .hx-table-wrap {
  overflow-y: hidden;
  scrollbar-gutter: auto !important;
}

.hx-table-region--adaptive[data-hx-vertical-overflow="true"] > .hx-table-wrap::-webkit-scrollbar:vertical {
  background: linear-gradient(to bottom,
    var(--hx-color-table-header) 0 var(--hx-grid-header-height),
    var(--hx-scrollbar-track) var(--hx-grid-header-height) 100%);
}

.hx-table-region--adaptive[data-hx-vertical-overflow="true"] > .hx-table-wrap::-webkit-scrollbar-track:vertical {
  margin-top: var(--hx-grid-header-height);
}

.hx-table-region--adaptive[data-hx-vertical-overflow="true"]:before {
  content: "";
  z-index: 40;
  width: var(--hx-scrollbar-size);
  height: var(--hx-grid-header-height);
  pointer-events: none;
  background: var(--hx-color-table-header);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.hx-table-region--adaptive[data-hx-vertical-overflow="true"]:after {
  content: "";
  z-index: 41;
  width: var(--hx-scrollbar-size);
  pointer-events: none;
  background: var(--hx-color-table-header-border);
  height: 1px;
  position: absolute;
  inset-block-start: var(--hx-grid-header-height);
  inset-inline-end: 0;
}

:where(html, body, body *) {
  scrollbar-width: auto;
  scrollbar-color: auto;
}

:where(html, body, body *)::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

:where(html, body, body *)::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

:where(html, body, body *)::-webkit-scrollbar-corner {
  background: var(--hx-scrollbar-track);
}

:where(html, body, body *)::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

:where(html, body, body *)::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-workspace-main::-webkit-scrollbar-thumb:vertical {
  border-left-width: .1875rem;
  border-right-width: .0625rem;
}

.hx-module-page__content::-webkit-scrollbar-thumb:vertical {
  border-left-width: .1875rem;
  border-right-width: .0625rem;
}

.hx-sidebar > .hx-nav::-webkit-scrollbar-thumb {
  background: #ffffff38 padding-box padding-box;
}

.hx-sidebar > .hx-nav::-webkit-scrollbar-thumb:hover {
  background: #ffffff75 padding-box padding-box;
}

@supports not selector(::-webkit-scrollbar) {
  :where(html, body, body *), .hx-table-region .hx-table-wrap, .hx-access-workflow__body, .hx-access-workflow__summary, .hx-drawer-form__body, .hx-drawer-form__feedback, .hx-profile-task-drawer__body, .hx-form-modal__body, .hx-security-modal__body, .hx-m2-stepper, .hx-m3-legal-detail-tabs {
    scrollbar-width: thin;
    scrollbar-color: var(--hx-scrollbar-thumb) var(--hx-scrollbar-track);
  }

  .hx-sidebar > .hx-nav {
    scrollbar-width: thin;
    scrollbar-color: #ffffff38 transparent;
  }
}

.hx-table-region .hx-table-wrap::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-access-workflow__body::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-access-workflow__summary::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-drawer-form__body::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-drawer-form__feedback::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-profile-task-drawer__body::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-form-modal__body::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-security-modal__body::-webkit-scrollbar {
  width: var(--hx-scrollbar-size);
  height: var(--hx-scrollbar-size);
}

.hx-table-region .hx-table-wrap::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-table-region .hx-table-wrap::-webkit-scrollbar-corner {
  background: var(--hx-scrollbar-track);
}

.hx-access-workflow__body::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-access-workflow__summary::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-drawer-form__body::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-drawer-form__feedback::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-profile-task-drawer__body::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-form-modal__body::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-security-modal__body::-webkit-scrollbar-track {
  background: var(--hx-scrollbar-track);
}

.hx-table-region .hx-table-wrap::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-access-workflow__body::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-access-workflow__summary::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-drawer-form__body::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-drawer-form__feedback::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-profile-task-drawer__body::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-form-modal__body::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-security-modal__body::-webkit-scrollbar-thumb {
  border-radius: var(--hx-radius-control);
  background: var(--hx-scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
}

.hx-table-region .hx-table-wrap::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-access-workflow__body::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-access-workflow__summary::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-drawer-form__body::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-drawer-form__feedback::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-profile-task-drawer__body::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-form-modal__body::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-security-modal__body::-webkit-scrollbar-thumb:hover {
  background: var(--hx-scrollbar-thumb-hover);
  background-clip: padding-box;
}

.hx-table-region--adaptive .hx-table th, .hx-table-region--dominant .hx-table th {
  z-index: 5;
  background: var(--hx-color-table-header);
  position: sticky;
  top: 0;
}

.hx-company-structure__section-bar {
  min-width: 0;
}

.hx-company-structure__tabs::-webkit-scrollbar {
  display: none;
}

@media (min-width: 48rem) {
  .hx-company-structure .hx-data-grid-toolbar {
    background: none;
    z-index: auto !important;
    position: static !important;
    top: auto !important;
  }
}

@media (min-width: 52.01rem) {
  .hx-sidebar {
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    display: grid;
    overflow: hidden;
  }

  .hx-sidebar > .hx-nav {
    overscroll-behavior: contain;
    min-height: 0;
    padding-inline-end: .15rem;
    overflow: hidden auto;
  }

  .hx-sidebar__footer {
    margin-top: 0;
  }
}

@media (max-height: 48rem) and (min-width: 52.01rem) {
  .hx-sidebar {
    padding-block: .72rem;
  }

  .hx-brand {
    padding-bottom: .68rem;
  }

  .hx-nav__eyebrow {
    margin-top: .62rem;
  }

  .hx-nav__link {
    padding-block: .5rem;
  }

  .hx-sidebar__footer {
    gap: .45rem;
    padding-top: .65rem;
  }
}

.hx-drawer__context-help {
  box-sizing: border-box;
  flex: 0 0 var(--hx-overlay-circle-size);
  width: var(--hx-overlay-circle-size);
  height: var(--hx-overlay-circle-size);
  min-width: var(--hx-overlay-circle-size);
  max-width: var(--hx-overlay-circle-size);
  min-height: var(--hx-overlay-circle-size);
  max-height: var(--hx-overlay-circle-size);
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 22%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  box-shadow: none;
  transition: background-color var(--hx-transition-fast), border-color var(--hx-transition-fast), color var(--hx-transition-fast);
  place-items: center;
  padding: 0;
  line-height: 1;
  display: inline-grid;
  position: relative;
}

.hx-drawer__context-help > svg, .hx-modal-close-button .hx-icon-button__glyph > svg {
  width: var(--hx-overlay-circle-glyph-size);
  height: var(--hx-overlay-circle-glyph-size);
  display: block;
}

.hx-drawer__context-help:hover {
  border-color: color-mix(in srgb, var(--hx-color-brand) 38%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 8%, var(--hx-color-surface));
  color: var(--hx-color-brand-active);
}

.hx-drawer__context-help:focus-visible {
  outline: 1px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-drawer__header-actions > .hx-drawer__context-help, .hx-drawer__header-actions > .hx-modal-close-button, .hx-overlay-header-actions > .hx-drawer__context-help, .hx-overlay-header-actions > .hx-modal-close-button, .hx-help-guide-coach__close {
  box-sizing: border-box;
  flex: 0 0 var(--hx-overlay-circle-size);
  width: var(--hx-overlay-circle-size);
  min-width: var(--hx-overlay-circle-size);
  max-width: var(--hx-overlay-circle-size);
  height: var(--hx-overlay-circle-size);
  min-height: var(--hx-overlay-circle-size);
  max-height: var(--hx-overlay-circle-size);
  border-radius: var(--hx-radius-md);
  box-shadow: none;
  border-width: 1px;
  position: relative;
}

.hx-modal-close-button:before, .hx-drawer__context-help:before {
  content: "";
  inset: calc(-1 * var(--hx-overlay-circle-hit-slop));
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
}

.hx-m3-attention-panel {
  align-content: start;
  min-height: 0;
  display: grid;
}

.hx-m3-attention-item {
  border: 0;
  border-bottom: 1px solid var(--hx-color-border);
  width: 100%;
  color: var(--hx-color-ink);
  cursor: pointer;
  text-align: left;
  font: inherit;
  background: none;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: .8rem;
  padding: .8rem 0;
  display: grid;
}

.hx-m3-attention-item:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 3%, transparent);
}

.hx-m3-attention-item:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 3px;
}

.hx-m3-attention-item > span {
  gap: .22rem;
  display: grid;
}

.hx-m3-attention-item strong {
  font-size: .875rem;
  font-weight: 600;
}

.hx-m3-attention-item small {
  color: var(--hx-color-muted);
  font-size: .78rem;
  line-height: 1.45;
}

.hx-m3-attention-item b {
  border-radius: var(--hx-radius-pill);
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-muted);
  white-space: nowrap;
  padding: .28rem .5rem;
  font-size: .7rem;
  font-weight: 650;
}

.hx-m3-attention-clear {
  grid-template-columns: 1.8rem minmax(0, 1fr);
  align-items: start;
  gap: .7rem;
  padding: .85rem 0;
  display: grid;
}

.hx-m3-attention-clear > span {
  color: #087a44;
  background: #e8f7ef;
  border-radius: 50%;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  font-weight: 750;
  display: grid;
}

.hx-m3-attention-clear > div {
  gap: .2rem;
  display: grid;
}

.hx-m3-attention-clear strong {
  font-size: .875rem;
  font-weight: 600;
}

.hx-m3-attention-clear small {
  color: var(--hx-color-muted);
  font-size: .78rem;
  line-height: 1.45;
}

@media (min-width: 92rem) {
  body:has(.hx-drawer-backdrop .hx-drawer:not(.hx-help-drawer)) .hx-drawer-backdrop:has(.hx-help-drawer) {
    background: color-mix(in srgb, var(--hx-color-ink) 10%, transparent);
  }

  body:has(.hx-drawer-backdrop .hx-drawer:not(.hx-help-drawer)) .hx-help-drawer {
    box-shadow: var(--hx-shadow-lg);
    margin-right: min(33rem, 36vw);
  }
}

.hx-company-settings-heading-actions {
  justify-content: flex-end;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  display: flex;
}

@media (max-width: 40rem) {
  .hx-company-settings-heading-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
}

.hx-m2-stage-header__help {
  align-self: start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

@media (max-width: 40rem) {
  .hx-m2-stage-header__help {
    margin-left: 0;
  }
}

.hx-mobile-help-fab {
  display: none !important;
}

@media (max-width: 52rem) {
  .hx-icon-button:not(.hx-modal-close-button), .hx-help-topbar-trigger, .hx-help-header-action {
    min-width: var(--hx-control-height);
    min-height: var(--hx-control-height);
    height: var(--hx-control-height);
    max-height: var(--hx-control-height);
  }

  .hx-data-grid-toolbar__search {
    min-height: var(--hx-control-height);
    height: var(--hx-control-height);
    max-height: var(--hx-control-height);
  }

  .hx-app-main, .hx-workspace-main, .hx-page, .hx-shell, .hx-shell.hx-shell--wide {
    min-width: 0;
    max-width: 100%;
  }

  .hx-app-main, .hx-workspace-main {
    width: 100%;
  }
}

.hx-discover-chart {
  justify-items: center;
  gap: var(--hx-space-3, 12px);
  display: grid;
}

.hx-discover-chart__manager {
  justify-items: center;
  gap: var(--hx-space-2, 8px);
  display: grid;
}

.hx-discover-chart__connector {
  border-inline-start: 2px solid var(--hx-color-border);
  height: 24px;
}

.hx-discover-chart__reports {
  gap: var(--hx-space-3, 12px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  display: grid;
}

.hx-discover-chart__reports > .hx-list-item {
  align-items: start;
  gap: var(--hx-space-3, 12px);
  flex-direction: column;
}

:is(html:has(.hx-access-workflow), body:has(.hx-access-workflow)) {
  scrollbar-gutter: auto;
  overflow-y: hidden;
}

.hx-access-workflow {
  inset: var(--hx-topbar-height) 0 0 var(--hx-sidebar-width);
  z-index: calc(var(--hx-layer-sticky) + 2);
  background: var(--hx-color-canvas);
  min-width: 0;
  color: var(--hx-color-ink);
  flex-direction: column;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.hx-app-frame.is-sidebar-collapsed .hx-access-workflow {
  left: var(--hx-sidebar-collapsed-width);
}

.hx-access-workflow__header {
  padding: .65rem var(--hx-space-4) .55rem;
  border-bottom: 1px solid var(--hx-color-border);
  background: var(--hx-color-canvas);
  flex: none;
  gap: .25rem;
  display: grid;
}

.hx-access-workflow__topline {
  border-bottom: 0;
  align-content: start;
  justify-items: start;
  gap: .2rem;
  padding-bottom: 0;
  display: grid;
}

.hx-access-workflow__back {
  cursor: pointer;
  place-self: start;
  gap: .28rem;
  min-height: 1.75rem;
  margin: 0;
  padding-inline: 0;
}

.hx-access-workflow__heading {
  gap: .22rem;
  width: 100%;
  min-width: 0;
  display: grid;
}

.hx-access-workflow__heading h1 {
  letter-spacing: -.025em;
  margin: 0;
  font-size: clamp(1.35rem, 1.7vw, 1.65rem);
  font-weight: 750;
  line-height: 1.2;
}

.hx-access-workflow__heading p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .85rem;
}

.hx-access-workflow__form {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.hx-access-workflow__body {
  overscroll-behavior: contain;
  flex: auto;
  min-height: 0;
  padding: 1.35rem clamp(1rem, 2.5vw, 2rem);
  overflow: hidden auto;
}

.hx-access-workflow__layout {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 30%);
  align-items: start;
  gap: 1.25rem;
  width: 100%;
  display: grid;
}

.hx-access-workflow__primary, .hx-access-workflow__summary {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  padding: 1rem;
}

.hx-access-workflow__primary {
  min-height: 18rem;
}

.hx-access-workflow__summary {
  gap: .85rem;
  display: grid;
  position: sticky;
  top: 0;
}

.hx-access-workflow__summary-heading {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: start;
  gap: .75rem;
  padding-bottom: .8rem;
  display: flex;
}

.hx-access-workflow__summary-heading h2 {
  margin: 0;
  font-size: 1rem;
}

.hx-access-workflow__summary-heading p {
  color: var(--hx-color-muted);
  margin: .25rem 0 0;
  font-size: .75rem;
}

.hx-access-workflow__summary-heading > strong {
  font-variant-numeric: tabular-nums;
  font-size: 1.25rem;
}

.hx-access-workflow__summary-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.hx-access-workflow__summary-metrics > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  gap: .25rem;
  padding: .7rem;
  display: grid;
}

.hx-access-workflow__summary-metrics span {
  color: var(--hx-color-muted);
  font-size: .75rem;
}

.hx-access-workflow__summary-metrics strong {
  font-variant-numeric: tabular-nums;
  font-size: 1.1rem;
}

.hx-access-workflow__review-list {
  gap: .5rem;
  display: grid;
}

.hx-access-workflow__footer {
  border-top: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  padding: .75rem clamp(1rem, 2.5vw, 2rem) calc(.75rem + env(safe-area-inset-bottom));
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: .65rem;
  display: flex;
}

@media (max-width: 62rem) {
  .hx-access-workflow__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-access-workflow__summary {
    position: static;
  }
}

@media (min-width: 62.001rem) and (min-height: 36rem) {
  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__body {
    overflow-y: hidden;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__body:has( > .hx-stack > .hx-action-feedback) {
    overflow-y: auto;
  }

  :is(.hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__body > .hx-access-workflow__layout, .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__body > .hx-stack:has( > .hx-access-workflow__layout)) {
    height: 100%;
    min-height: 0;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__body .hx-access-workflow__layout {
    align-items: stretch;
    height: 100%;
    min-height: 0;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__primary:has( > .hx-access-people-multi-picker) {
    flex-direction: column;
    min-height: 0;
    display: flex;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-people-multi-picker {
    flex-direction: column;
    flex: auto;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-people-multi-picker > .hx-table-region--adaptive {
    flex: auto;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 0;
    display: grid;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-people-multi-picker > .hx-table-region--adaptive > .hx-table-wrap {
    min-height: 0;
    max-height: none;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-people-multi-picker > .hx-table-region--adaptive[data-hx-vertical-overflow="true"] > .hx-table-wrap {
    overflow-y: auto;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-people-multi-picker > .hx-table-region--adaptive[data-hx-vertical-overflow="false"] > .hx-table-wrap {
    overflow-y: hidden;
  }

  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__summary {
    overscroll-behavior: contain;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
  }
}

.hx-access-audit-grid {
  min-width: 0;
  min-height: 12rem;
}

.hx-access-audit-grid__placeholder {
  min-height: 18rem;
  color: var(--hx-color-muted);
  background: var(--hx-color-surface);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  place-items: center;
  display: grid;
}

.hx-access-workspace [data-help-target="access-history"] > .hx-access-surface {
  min-height: 21rem;
}

.hx-access-audit-grid .hx-table-region--adaptive {
  isolation: isolate;
  background: var(--hx-color-surface);
  min-width: 0;
}

.hx-access-audit-grid .hx-table-region--adaptive .hx-table-wrap {
  overscroll-behavior: contain;
  background: var(--hx-color-surface);
  min-height: 0;
  position: relative;
  overflow-x: auto;
}

.hx-access-audit-grid .hx-table-region--adaptive[data-hx-vertical-overflow="true"] .hx-table-wrap {
  overflow-y: auto;
}

.hx-access-audit-grid .hx-table-region--adaptive[data-hx-vertical-overflow="false"] .hx-table-wrap {
  overflow-y: hidden;
}

.hx-access-audit-grid .hx-table-region--adaptive .hx-data-grid-table thead th {
  z-index: 20;
  background: var(--hx-color-table-header);
  background-clip: padding-box;
  position: sticky;
  top: 0;
}

.hx-access-audit-grid .hx-table-region--adaptive .hx-data-grid-table thead th.hx-data-grid-table__actions {
  z-index: 30;
  background: var(--hx-color-table-header);
  top: 0;
  right: 0;
  position: sticky !important;
}

.hx-access-audit-grid .hx-table-region--adaptive .hx-data-grid-table tbody td.hx-data-grid-table__actions {
  z-index: 2;
}

.hx-access-audit-grid .hx-table-footer {
  z-index: 3;
  background: var(--hx-color-surface);
  position: relative;
}

.hx-access-workflow__review-list {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  gap: 0;
  max-width: none;
  overflow: hidden;
}

.hx-access-workflow__review-list > .hx-list-item {
  border-top: 0;
  border-bottom: 1px solid var(--hx-color-border);
  gap: .85rem;
  min-width: 0;
  min-height: 4.25rem;
  padding: .75rem 1rem;
}

.hx-access-workflow__review-list > .hx-list-item:last-child {
  border-bottom: 0;
}

.hx-access-workflow__review-list > .hx-list-item > strong:last-child {
  color: var(--hx-color-muted);
  text-align: end;
  white-space: nowrap;
  margin-inline-start: auto;
  font-size: .76rem;
}

.hx-access-workflow__body > .hx-stack > .hx-access-review-grid, .hx-access-workflow__body > .hx-stack > .hx-access-workflow__review-list {
  width: 100%;
  max-width: none;
}

.hx-access-workflow__body .hx-access-review-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}

.hx-access-workflow__body .hx-access-review-grid > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  gap: .25rem;
  min-width: 0;
  padding: .8rem 1rem;
}

.hx-access-workflow__body .hx-access-review-grid span {
  color: var(--hx-color-muted);
}

.hx-access-workflow__body .hx-access-review-grid strong {
  font-size: 1rem;
}

.hx-access-workflow__primary label.hx-list-item {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .8rem;
  min-width: 0;
}

.hx-access-workflow__primary label.hx-list-item > .hx-person-cell {
  flex: auto;
}

.hx-access-workflow__primary label.hx-list-item > .hx-badge {
  flex: none;
}

.hx-access-picker-empty, .hx-access-role-empty {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  justify-items: start;
  gap: .5rem;
  padding: 1.5rem;
  display: grid;
}

.hx-access-picker-empty strong, .hx-access-role-empty h2 {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: 1rem;
}

.hx-access-picker-empty span, .hx-access-role-empty p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .8rem;
}

.hx-access-audit-grid .hx-data-grid-table thead th, .hx-access-audit-grid .hx-data-grid-table tbody td {
  text-align: left;
  border-bottom: 1px solid var(--hx-color-border);
  padding-inline: .75rem;
}

.hx-access-audit-grid .hx-data-grid-table thead th {
  height: var(--hx-grid-header-height);
  padding-block: 0;
}

.hx-access-audit-grid .hx-data-grid-table tbody td {
  height: var(--hx-grid-row-height);
  padding-block: 3px;
}

.hx-access-audit-grid .hx-data-grid-table thead th.hx-data-grid-table__actions, .hx-access-audit-grid .hx-data-grid-table tbody td.hx-data-grid-table__actions {
  text-align: center;
  white-space: nowrap;
}

.hx-access-audit-grid .hx-data-grid-table tbody td.hx-data-grid-table__actions {
  background: var(--hx-color-surface);
}

.hx-access-audit-grid .hx-data-grid-table tbody tr:hover td.hx-data-grid-table__actions {
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
}

@media (min-width: 52.01rem) {
  .hx-access-audit-grid .hx-data-grid-table {
    table-layout: fixed;
    width: 100%;
    min-width: 57rem;
  }
}

@media (max-width: 52rem) {
  .hx-access-workflow__body .hx-access-review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-access-workflow__review-list > .hx-list-item {
    flex-wrap: wrap;
  }

  .hx-access-workflow__review-list > .hx-list-item > strong:last-child {
    white-space: normal;
  }
}

@media (max-width: 36rem) {
  .hx-access-workflow__body .hx-access-review-grid {
    grid-template-columns: 1fr;
  }

  .hx-access-workflow__primary label.hx-list-item {
    flex-wrap: wrap;
  }

  .hx-access-workflow__primary label.hx-list-item > .hx-badge {
    margin-left: 2.5rem;
  }
}

.hx-access-attention-list {
  gap: .55rem;
}

.hx-access-attention-item {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-height: 4rem;
  padding: .7rem .75rem;
}

.hx-access-attention-item:first-child {
  border-top-color: var(--hx-color-border);
}

.hx-access-attention-item:hover {
  border-color: color-mix(in srgb, var(--hx-color-brand) 20%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 2%, var(--hx-color-surface));
}

.hx-access-attention-item__action {
  background: none;
  border-color: #0000;
}

.hx-access-attention-empty {
  border: 1px dashed var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  gap: .4rem;
  padding: 1rem;
  display: grid;
}

.hx-access-attention-empty strong {
  color: var(--hx-color-ink);
  font-size: .875rem;
}

.hx-access-attention-empty p {
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
}

.hx-access-person-selection-identity {
  flex: auto;
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-access-role-chips {
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: .22rem;
  min-width: 0;
  max-height: 3.15rem;
  display: flex;
  overflow: hidden;
}

.hx-access-role-chip {
  border-color: color-mix(in srgb, var(--hx-color-brand) 18%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-surface));
  max-width: 100%;
  color: var(--hx-color-brand-strong);
  white-space: nowrap;
}

.hx-access-role-chip--more {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-access-person-selection-error {
  color: var(--hx-color-danger, #b42318);
  padding-inline-start: 2.6rem;
  font-size: .73rem;
  font-weight: 600;
}

.hx-access-person-needs-attention {
  background: color-mix(in srgb, #f59e0b 6%, var(--hx-color-surface));
}

.hx-access-surface {
  gap: var(--hx-space-3);
  min-width: 0;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.hx-access-workspace .hx-access-surface:has( > .hx-data-grid-toolbar) {
  align-content: start;
  gap: .5rem;
}

.hx-access-surface__heading {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.hx-access-workspace .hx-section-heading > .hx-button {
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  align-self: center;
}

.hx-access-workspace .hx-access-surface > .hx-table-region {
  min-width: 0;
}

.hx-access-details-drawer .hx-access-surface {
  box-shadow: none;
  border: 0;
  grid-auto-rows: max-content;
  align-content: start;
  padding: 0;
}

.hx-access-details-drawer > .hx-drawer__body {
  gap: var(--hx-space-4);
}

.hx-access-details-drawer > .hx-drawer__body > .hx-access-surface + .hx-access-surface {
  border-top: 1px solid var(--hx-color-border);
  padding-top: var(--hx-space-3);
}

.hx-access-details-drawer .hx-m3-definition-list > div, .hx-access-details-drawer .hx-list-item__main {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hx-access-details-drawer > .hx-drawer__footer {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.hx-access-role-review-section, .hx-access-detail-section {
  gap: var(--hx-space-3);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  padding: 1rem;
  display: grid;
}

.hx-access-role-review-section > h3, .hx-access-detail-section > h3 {
  margin: 0;
  font-size: .92rem;
  line-height: 1.4;
}

.hx-access-role-review-section .hx-access-review-grid, .hx-access-request-details .hx-access-review-grid {
  gap: 1rem;
}

.hx-access-role-review-section .hx-access-review-grid > div, .hx-access-request-details .hx-access-review-grid > div {
  background: none;
  border: 0;
  padding: 0;
}

.hx-access-review-grid--role > .hx-access-review-grid__full {
  grid-column: 1 / -1;
}

.hx-access-role-review-permissions {
  gap: 0;
}

.hx-access-role-review-permissions > .hx-list-item {
  padding: .75rem 0;
}

.hx-access-role-review-permissions > .hx-list-item:first-child {
  padding-top: .25rem;
}

.hx-access-detail-identity {
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-access-detail-identity > div {
  flex: auto;
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-access-detail-identity > div > strong {
  overflow-wrap: anywhere;
}

.hx-access-detail-identity > div > span, .hx-access-detail-meta > span {
  color: var(--hx-color-muted);
  font-size: .78rem;
}

.hx-access-detail-identity > .hx-badge {
  flex: none;
}

.hx-access-detail-section > p {
  overflow-wrap: anywhere;
  margin: 0;
  line-height: 1.6;
}

.hx-access-detail-meta {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-access-detail-meta strong {
  overflow-wrap: anywhere;
}

.hx-access-person-details-drawer > .hx-drawer__body {
  gap: var(--hx-space-3);
}

.hx-access-person-details-drawer > .hx-drawer__body > .hx-access-surface {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  gap: .85rem;
  padding: 1rem;
}

.hx-access-person-details-drawer > .hx-drawer__body > .hx-access-surface + .hx-access-surface {
  border-top: 1px solid var(--hx-color-border);
  padding-top: 1rem;
}

.hx-access-person-details-drawer .hx-m3-definition-list {
  gap: 1rem .75rem;
}

.hx-access-person-details-drawer .hx-access-surface > p.hx-muted {
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 35rem) {
  .hx-access-review-grid--role, .hx-access-request-details .hx-access-review-grid {
    grid-template-columns: 1fr;
  }

  .hx-access-detail-identity {
    flex-wrap: wrap;
  }
}

.hx-access-audit-diff {
  gap: var(--hx-space-3);
  min-width: 0;
  display: grid;
}

.hx-access-audit-diff > h3 {
  margin: 0;
  font-size: 1rem;
}

.hx-access-audit-diff__field {
  border-top: 1px solid var(--hx-color-border);
  gap: .6rem;
  min-width: 0;
  padding-block: .8rem;
  display: grid;
}

.hx-access-audit-diff__field > dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  display: grid;
}

.hx-access-audit-diff__field > dl > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  min-width: 0;
  padding: .65rem;
}

.hx-access-audit-diff dt {
  color: var(--hx-color-muted);
  font-size: .72rem;
  font-weight: 650;
}

.hx-access-audit-diff dd {
  overflow-wrap: anywhere;
  min-width: 0;
  margin: .35rem 0 0;
  font-size: .78rem;
  line-height: 1.55;
}

.hx-access-audit-value {
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-access-audit-value li {
  border-bottom: 1px solid var(--hx-color-border);
  overflow-wrap: anywhere;
  padding-block: .35rem;
}

.hx-access-audit-value li:last-child {
  border-bottom: 0;
}

.hx-access-audit-value dl {
  gap: .25rem;
  margin: 0;
  display: grid;
}

.hx-access-audit-value dl > div {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-access-audit-technical {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  min-width: 0;
  padding: .5rem .7rem;
  font-size: .78rem;
}

.hx-access-audit-technical summary {
  cursor: pointer;
  color: var(--hx-color-muted);
  font-weight: 650;
}

.hx-access-audit-technical dl {
  gap: .4rem;
  margin: .65rem 0 0;
  display: grid;
}

.hx-access-audit-technical dl > div {
  grid-template-columns: minmax(5rem, 25%) minmax(0, 1fr);
  gap: .5rem;
  display: grid;
}

.hx-access-audit-technical dt {
  color: var(--hx-color-muted);
}

.hx-access-audit-technical dd {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  margin: 0;
}

.hx-access-person-footer {
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-space-2);
}

.hx-access-person-footer__actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.hx-access-person-footer__actions > .hx-button {
  white-space: normal;
  text-align: center;
}

.hx-access-audit-context {
  gap: 0;
  min-width: 0;
  margin: 0;
  display: grid;
}

.hx-access-audit-context > div {
  border-top: 1px solid var(--hx-color-border);
  gap: .2rem;
  min-width: 0;
  padding: .8rem 0;
  display: grid;
}

.hx-access-audit-context dt {
  color: var(--hx-color-ink);
  font-weight: 650;
}

.hx-access-audit-context dd {
  color: var(--hx-color-muted);
  overflow-wrap: anywhere;
  margin: 0;
  line-height: 1.5;
}

.hx-access-audit-technical > p {
  margin: .65rem 0 0;
}

@media (max-width: 40rem) {
  .hx-access-person-footer {
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .hx-access-person-footer > .hx-button {
    width: 100%;
    min-width: 0;
  }

  .hx-access-person-footer__actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hx-access-person-footer__actions > .hx-button {
    width: 100%;
    min-width: 0;
  }

  .hx-access-person-footer__actions > .hx-button:only-child, .hx-access-person-footer__actions > .hx-button:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 36rem) {
  .hx-access-audit-diff__field > dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 52rem) {
  .hx-app-frame .hx-access-workflow, .hx-app-frame.is-sidebar-collapsed .hx-access-workflow {
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    z-index: calc(var(--hx-layer-mobile-nav) + 1);
    background: var(--hx-color-canvas);
    margin: 0;
    position: fixed;
    inset: 0;
  }
}

.hx-access-workflow__body {
  padding: var(--hx-space-4);
}

.hx-access-workflow__primary, .hx-access-workflow__summary {
  padding: var(--hx-space-3);
}

.hx-access-workflow__summary {
  min-height: 0;
  max-height: max(12rem, calc(100dvh - var(--hx-topbar-height) - 13rem));
  overscroll-behavior: contain;
  overflow: hidden auto;
}

.hx-access-workflow__footer {
  padding: .75rem var(--hx-space-4) calc(.75rem + env(safe-area-inset-bottom));
}

.hx-access-workflow__primary .hx-table-region {
  min-width: 0;
}

@media (max-width: 62rem) {
  .hx-access-workflow__summary {
    max-height: min(42dvh, 24rem);
    position: static;
    overflow: hidden auto;
  }
}

@media (max-width: 47.999rem) {
  .hx-access-workflow__header {
    padding: max(.75rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) .75rem max(.85rem, env(safe-area-inset-left));
  }

  .hx-access-workflow__body {
    padding: .85rem max(.85rem, env(safe-area-inset-right)) .85rem max(.85rem, env(safe-area-inset-left));
  }

  .hx-access-workflow__footer {
    padding: .65rem max(.85rem, env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));
  }

  .hx-access-workflow__primary, .hx-access-workflow__summary {
    padding: .85rem;
  }

  .hx-access-workflow__heading h1 {
    font-size: 1rem;
  }

  .hx-access-workspace .hx-data-grid-toolbar__search-wrap {
    flex: 100%;
    width: 100%;
    max-width: none;
  }

  .hx-access-workspace .hx-data-grid-toolbar__actions {
    justify-content: stretch;
    width: 100%;
  }

  .hx-access-workspace .hx-data-grid-toolbar__actions > * {
    flex: 10rem;
    min-width: 0;
  }
}

.hx-access-workflow__body {
  padding-inline: var(--hx-space-4);
}

.hx-access-workflow__layout {
  gap: var(--hx-space-3);
}

.hx-access-workflow__primary {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  min-height: 0;
  padding: 0;
}

.hx-access-workflow__primary > .hx-table-region {
  width: 100%;
}

.hx-access-workflow__summary {
  margin-inline-end: 0;
}

@media (max-width: 62rem) {
  .hx-access-workflow__summary {
    margin-inline-end: 0;
  }
}

@media (max-width: 47.999rem) {
  .hx-access-workflow__body {
    padding-inline: max(.85rem, env(safe-area-inset-right));
  }

  .hx-access-workflow__summary {
    margin-inline-end: 0;
  }

  .hx-access-workflow__topline .hx-access-workflow__heading {
    gap: .2rem;
  }
}

.hx-page-action-group {
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-space-2);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.hx-page-action-group > .hx-button, .hx-company-structure__page-actions > .hx-button, .hx-company-structure__page-actions .hx-page-action-group > .hx-button {
  box-sizing: border-box;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  white-space: nowrap;
  align-self: center;
  line-height: 1.15;
}

.hx-designation-management-row {
  min-width: 0;
  padding-block: var(--hx-space-3);
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
}

.hx-designation-management-row > .hx-table-row-actions {
  flex: none;
}

.hx-access-role-review-module {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-access-role-review-module strong, .hx-access-role-review-module small {
  overflow-wrap: anywhere;
  display: block;
}

.hx-data-grid-search-suggestions__message {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-2);
  min-height: 44px;
  padding: var(--hx-space-2) var(--hx-space-3);
  color: var(--hx-color-muted);
  font-size: .8125rem;
  display: flex;
}

.hx-data-grid-search-suggestions__message button {
  min-height: var(--hx-control-height);
  padding-inline: var(--hx-space-3);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-control);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  cursor: pointer;
}

.hx-access-audit-filter-anchor {
  min-width: 0;
}

.hx-access-date-popover {
  grid-template-rows: minmax(0, 1fr) auto;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.hx-access-date-popover__body {
  min-height: 0;
  padding: var(--hx-space-3);
  overscroll-behavior: contain;
  overflow: auto;
}

.hx-access-date-popover__heading {
  gap: .18rem;
  display: grid;
}

.hx-access-date-popover__heading p {
  margin: 0;
  font-size: .8rem;
}

.hx-access-date-popover .hx-access-custom-range {
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
}

.hx-access-date-popover__footer {
  justify-content: flex-end;
  gap: var(--hx-space-2);
  border-top: 1px solid var(--hx-color-border);
  padding: .65rem var(--hx-space-3);
  background: var(--hx-color-surface);
  display: flex;
}

@media (max-width: 47.999rem) {
  .hx-access-date-popover__body {
    padding-inline: max(.85rem, env(safe-area-inset-left)) max(.85rem, env(safe-area-inset-right));
  }

  .hx-access-date-popover__footer {
    padding: .65rem max(.85rem, env(safe-area-inset-right)) .65rem max(.85rem, env(safe-area-inset-left));
  }

  .hx-access-date-popover__footer > .hx-button {
    flex: 1 1 0;
    min-width: 0;
  }
}

.hx-access-result {
  align-content: start;
  gap: var(--hx-space-4);
  width: 100%;
  min-width: 0;
  max-width: 70rem;
  margin-inline: auto;
  display: grid;
}

.hx-access-result__metrics {
  gap: var(--hx-space-3);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.hx-access-result__metrics > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  align-content: start;
  gap: .35rem;
  min-width: 0;
  padding: .85rem 1rem;
  display: grid;
}

.hx-access-result__metrics span {
  color: var(--hx-color-muted);
  font-size: .8rem;
  font-weight: 550;
}

.hx-access-result__metrics strong {
  color: var(--hx-color-ink);
  font-variant-numeric: tabular-nums;
  font-size: 1.35rem;
  line-height: 1.3;
}

.hx-access-result__group {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  overflow: hidden;
}

.hx-access-result__group-heading {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .25rem;
  padding: 1rem 1.15rem;
  display: grid;
}

.hx-access-result__group-heading h2 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.hx-access-result__group-heading p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .82rem;
  line-height: 1.5;
}

.hx-access-result__people {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-access-result__person {
  border-top: 1px solid var(--hx-color-border);
  gap: .5rem;
  min-width: 0;
  padding: 1rem 1.15rem;
  display: grid;
}

.hx-access-result__person:first-child {
  border-top: 0;
}

.hx-access-result__person-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-access-result__person-heading h3 {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .96rem;
  line-height: 1.4;
}

.hx-access-result__person-message, .hx-access-result__person-next {
  overflow-wrap: anywhere;
  max-width: 72ch;
  margin: 0;
  font-size: .86rem;
  line-height: 1.55;
}

.hx-access-result__person-next {
  color: var(--hx-color-muted);
}

.hx-access-result__person[data-outcome="failed"] {
  border-inline-start: 3px solid var(--hx-color-danger);
}

@media (max-width: 47.999rem) {
  .hx-access-result__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-access-result__metrics > div {
    padding: .75rem;
  }

  .hx-access-result__group-heading, .hx-access-result__person {
    padding: .85rem;
  }
}

.hx-access-workflow__header, .hx-access-workflow__body, .hx-access-workflow__footer {
  padding-inline: var(--hx-space-4);
}

.hx-access-workflow__summary {
  border-radius: var(--hx-radius-md);
  gap: 1rem;
}

.hx-access-workflow__summary-heading h2 {
  font-size: 1.05rem;
  line-height: 1.4;
}

.hx-access-workflow__summary-heading p {
  font-size: .85rem;
  line-height: 1.5;
}

.hx-access-workflow__summary .hx-access-review-grid > div {
  min-width: 0;
}

.hx-access-request-drawer .hx-access-request-details {
  gap: 1rem;
}

.hx-access-details-drawer .hx-access-detail-section {
  gap: 1rem;
  padding: 1.1rem;
}

.hx-access-details-drawer .hx-access-detail-identity {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .85rem;
  padding-bottom: .85rem;
}

.hx-access-details-drawer .hx-access-detail-identity > div > strong {
  font-size: 1.075rem;
  line-height: 1.35;
}

.hx-access-details-drawer .hx-access-detail-identity > div > span {
  font-size: .85rem;
  line-height: 1.45;
}

.hx-access-details-drawer .hx-access-detail-section > h3 {
  font-size: 1rem;
  font-weight: 750;
}

.hx-access-details-drawer .hx-access-review-grid {
  gap: 1rem;
}

.hx-access-details-drawer .hx-access-review-grid span, .hx-access-details-drawer .hx-access-detail-meta > span {
  font-size: .8rem;
  line-height: 1.4;
}

.hx-access-details-drawer .hx-access-review-grid strong, .hx-access-details-drawer .hx-access-detail-meta strong {
  overflow-wrap: anywhere;
  font-size: .925rem;
  line-height: 1.45;
}

.hx-access-details-drawer .hx-access-audit-context {
  font-size: .925rem;
}

.hx-access-details-drawer .hx-access-audit-context dt {
  font-size: .8rem;
}

.hx-access-details-drawer .hx-access-audit-diff dd {
  font-size: .875rem;
}

@media (max-width: 47.999rem) {
  .hx-access-workflow__header, .hx-access-workflow__body, .hx-access-workflow__footer {
    padding-inline: max(.85rem, env(safe-area-inset-right));
  }
}

@media (max-width: 52rem) {
  .hx-help-drawer {
    width: 100vw;
    max-width: 100vw;
  }

  .hx-help-drawer > .hx-drawer__body.hx-help-body {
    gap: .75rem;
    min-height: calc(100dvh - 5.3rem);
    padding: .75rem .75rem 0;
  }

  .hx-help-smart-search {
    margin-inline: -.1rem;
  }

  .hx-help-question-list__copy > small, .hx-help-related__copy > small {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  .hx-help-composer {
    padding-inline: .75rem;
  }
}

.hx-data-grid-toolbar__selection-slot {
  display: none;
}

@media (min-width: 52.01rem) {
  .hx-data-grid-toolbar {
    min-width: 0;
    min-height: var(--hx-compact-control-height);
    flex-wrap: nowrap;
  }

  .hx-data-grid-toolbar__search-wrap {
    width: var(--hx-grid-search-width, 24rem);
    max-width: var(--hx-grid-search-width, 24rem);
    flex: 0 1 var(--hx-grid-search-width, 24rem);
    min-width: min(20rem, 100%);
  }

  .hx-data-grid-toolbar__actions {
    flex-wrap: nowrap;
    flex: auto;
    min-width: 0;
  }

  .hx-data-grid-toolbar--actions-only .hx-data-grid-toolbar__actions {
    flex-basis: 100%;
  }

  .hx-data-grid-toolbar.is-selection-active .hx-data-grid-toolbar__search-wrap {
    display: none;
  }

  .hx-data-grid-toolbar.is-selection-active .hx-data-grid-toolbar__selection-slot {
    width: var(--hx-grid-search-width, 24rem);
    max-width: var(--hx-grid-search-width, 24rem);
    min-width: 0;
    min-height: var(--hx-compact-control-height);
    flex: 0 1 var(--hx-grid-search-width, 24rem);
    box-sizing: border-box;
    align-items: center;
    padding-inline-end: .25rem;
    display: flex;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context {
    width: 100%;
    min-width: 0;
    height: var(--hx-compact-control-height);
    min-height: var(--hx-compact-control-height);
    max-height: var(--hx-compact-control-height);
    white-space: nowrap;
    align-items: center;
    gap: .35rem;
    display: flex;
    overflow: hidden;
    justify-content: flex-start !important;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context > strong, .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context > .hx-button {
    flex: none;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context > span {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }
}

.hx-person-avatar {
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 10%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong, var(--hx-color-brand));
  letter-spacing: .015em;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  place-items: center;
  font-weight: 720;
  display: inline-grid;
  overflow: hidden;
}

.hx-person-avatar--sm {
  width: 2.25rem;
  height: 2.25rem;
  font-size: .72rem;
}

.hx-data-grid-table .hx-person-avatar--sm {
  width: 2rem;
  height: 2rem;
  font-size: .68rem;
}

.hx-person-avatar--lg {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 1.08rem;
}

.hx-person-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.hx-split-action {
  align-items: stretch;
  display: inline-flex;
  position: relative;
}

.hx-split-action > .hx-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hx-split-action__trigger {
  width: 2.2rem;
  min-height: var(--hx-control-height);
  border: 1px solid var(--hx-color-brand);
  border-left: 1px solid color-mix(in srgb, white 38%, var(--hx-color-brand));
  border-radius: 0 var(--hx-radius-md) var(--hx-radius-md) 0;
  background: var(--hx-color-brand);
  color: #fff;
  cursor: pointer;
  transition: background var(--hx-transition-fast);
  place-items: center;
  display: inline-grid;
}

.hx-split-action__trigger:hover {
  background: var(--hx-color-brand-hover);
}

.hx-split-action__trigger:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-split-action__trigger:disabled {
  opacity: .56;
  cursor: not-allowed;
}

.hx-split-action__menu {
  gap: .2rem;
  padding: .35rem;
  display: grid;
}

.hx-split-action__menu > button {
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 2.55rem;
  color: var(--hx-color-ink);
  text-align: left;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  gap: .15rem;
  padding: .55rem .65rem;
  display: grid;
}

.hx-split-action__menu > button:hover, .hx-split-action__menu > button:focus-visible {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
  outline: none;
}

.hx-split-action__menu > button > span {
  font-size: .84rem;
  font-weight: 650;
}

.hx-split-action__menu > button > small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.hx-shell--module-people {
  --hx-module-surface: var(--hx-module-surface-people);
  background: var(--hx-module-surface);
  box-shadow: none;
  border: 0;
}

.hx-people-workspace {
  gap: .55rem;
  min-width: 0;
}

.hx-people-page-heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-height: 2.75rem;
  padding: 0 .05rem;
  display: flex;
}

.hx-people-page-heading h1 {
  color: var(--hx-color-ink);
  font-size: var(--hx-page-title-size);
  letter-spacing: -.025em;
  margin: 0;
  font-weight: 700;
  line-height: 1.15;
}

.hx-people-page-heading__actions {
  flex: none;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.hx-people-summary {
  scrollbar-width: none;
  background: none;
  border: 0;
  border-radius: 0;
  align-items: center;
  gap: .2rem;
  min-height: 2rem;
  padding: 0;
  display: flex;
  overflow-x: auto;
}

.hx-people-summary::-webkit-scrollbar {
  display: none;
}

.hx-people-summary > button {
  border-radius: var(--hx-radius-sm);
  min-height: 1.9rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  flex: none;
  align-items: center;
  gap: .32rem;
  padding: .18rem .48rem;
  display: inline-flex;
}

.hx-people-summary > button + button:before {
  content: "";
  background: var(--hx-color-border);
  width: 1px;
  height: .9rem;
  margin-right: .12rem;
}

.hx-people-summary > button:hover, .hx-people-summary > button:focus-visible, .hx-people-summary > button.is-active {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, transparent);
  color: var(--hx-color-ink);
}

.hx-people-summary > button:focus-visible {
  outline: 1px solid var(--hx-color-brand);
  outline-offset: 1px;
}

.hx-people-summary > button span, .hx-people-summary > button strong {
  color: inherit;
  font-size: .75rem;
  line-height: 1;
}

.hx-people-summary > button strong {
  font-weight: 700;
}

.hx-people-workspace .hx-data-grid-toolbar {
  background: none;
  margin-top: 0;
}

.hx-people-saved-view-tools {
  align-items: end;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.hx-people-legal-entity-filter {
  width: min(16rem, 28vw);
  min-width: 11rem;
}

.hx-people-legal-entity-filter .hx-field {
  gap: .22rem;
}

.hx-people-legal-entity-filter .hx-field__label {
  color: var(--hx-color-muted);
  font-size: .7rem;
  font-weight: 600;
}

.hx-m4-smart-form:not(.hx-drawer-form), .hx-m4-smart-form > .hx-drawer-form__body {
  gap: var(--hx-space-3);
  display: grid;
}

.hx-m4-form-row {
  gap: var(--hx-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  display: grid;
}

.hx-m4-form-row > .hx-field {
  grid-template-rows: auto var(--hx-form-control-height) minmax(1rem, auto);
  align-content: start;
}

.hx-m4-form-row > .hx-field .hx-control, .hx-m4-form-row > .hx-field .hx-select, .hx-m4-form-row > .hx-field .hx-combobox {
  min-height: var(--hx-form-control-height);
  height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
}

.hx-form-section, .hx-m4-form-section {
  gap: var(--hx-space-3);
  padding-top: .15rem;
  display: grid;
}

.hx-form-section + .hx-form-section, .hx-m4-form-section + .hx-m4-form-section {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 72%, transparent);
  padding-top: var(--hx-space-3);
}

.hx-m4-form-section__heading {
  gap: .12rem;
  display: grid;
}

.hx-m4-form-section__heading strong {
  color: var(--hx-color-ink);
  font-size: .86rem;
  font-weight: 700;
}

.hx-m4-form-section__heading small {
  color: var(--hx-color-muted);
  font-size: .75rem;
  line-height: 1.35;
}

@media (max-width: 85.375rem) and (min-width: 48rem) {
  .hx-people-workspace {
    gap: .42rem;
  }

  .hx-people-page-heading {
    min-height: 2.45rem;
  }

  .hx-people-summary {
    min-height: 1.75rem;
  }
}

@media (max-width: 85.375rem) and (max-height: 50rem) and (min-width: 52.001rem) {
  .hx-people-workspace {
    gap: .34rem;
  }

  .hx-people-page-heading {
    min-height: 2.2rem;
  }

  .hx-people-summary {
    min-height: 1.6rem;
  }

  .hx-people-workspace .hx-table-region .hx-table th {
    height: var(--hx-grid-header-height);
    padding-block: 0;
  }

  .hx-people-workspace .hx-table-region .hx-table td {
    height: var(--hx-grid-row-height);
    padding-block: 3px;
  }

  .hx-people-core {
    gap: .48rem;
  }

  .hx-person-section-block {
    gap: .5rem;
    padding-block: .55rem .62rem;
  }
}

@media (max-width: 52rem) {
  .hx-shell--module-people, .hx-people-workspace .hx-data-grid-toolbar {
    background: var(--hx-module-surface-people);
  }

  .hx-people-workspace .hx-people-legal-entity-filter, .hx-people-workspace .hx-data-grid-columns, .hx-people-workspace .hx-people-saved-view-tools {
    display: none;
  }

  .hx-people-workspace .hx-data-grid-toolbar__actions {
    flex: none;
  }

  .hx-people-page-heading {
    align-items: center;
  }

  .hx-people-page-heading h1 {
    font-size: var(--hx-page-title-size);
  }

  .hx-people-summary {
    margin-inline: -.15rem;
  }

  .hx-people-legal-entity-filter {
    width: 100%;
    min-width: 0;
  }

  .hx-m4-form-row {
    grid-template-columns: 1fr;
    gap: .72rem;
  }

  .hx-m4-form-row > .hx-field {
    grid-template-rows: auto var(--hx-form-control-height) minmax(1rem, auto);
  }

  .hx-people-workspace .hx-drawer, .hx-people-core .hx-drawer {
    width: 100%;
    max-width: 100%;
  }
}

.hx-people-core {
  gap: .72rem;
  min-width: 0;
  display: grid;
}

.hx-person-record-header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  min-width: 0;
  padding: .18rem .05rem .05rem;
  display: flex;
}

.hx-person-record-header__identity {
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-person-record-header__identity > p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .82rem;
  line-height: 1.35;
}

.hx-person-record-title-row {
  align-items: center;
  gap: .55rem;
  min-width: 0;
  display: flex;
}

.hx-person-record-title-row h1 {
  color: var(--hx-color-ink);
  letter-spacing: -.028em;
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 1.85rem);
  line-height: 1.12;
}

.hx-person-record-toolbar {
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 68%, transparent);
  justify-content: flex-end;
  align-items: end;
  min-width: 0;
  padding: .2rem 0 .1rem;
  display: flex;
}

.hx-person-asof {
  align-items: end;
}

.hx-person-asof .hx-field {
  width: 10.5rem;
}

.hx-person-current-context {
  background: color-mix(in srgb, var(--hx-color-brand) 1.75%, var(--hx-color-surface));
  border-block: 1px solid color-mix(in srgb, var(--hx-color-border) 72%, transparent);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  min-width: 0;
  display: grid;
}

.hx-person-current-context > div, .hx-person-fact-grid > div {
  align-content: start;
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.hx-person-current-context > div {
  padding: .62rem .7rem;
}

.hx-person-current-context > div + div {
  border-left: 1px solid color-mix(in srgb, var(--hx-color-border) 62%, transparent);
}

.hx-person-current-context span, .hx-person-fact-grid span, .hx-inline-preview > span {
  color: var(--hx-color-muted);
  font-size: .69rem;
  font-weight: 600;
  line-height: 1.2;
}

.hx-person-current-context strong, .hx-person-fact-grid strong, .hx-inline-preview > strong {
  overflow-wrap: anywhere;
  color: var(--hx-color-ink);
  font-size: .81rem;
  font-weight: 650;
  line-height: 1.3;
}

.hx-person-section-block {
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 72%, transparent);
  gap: .72rem;
  min-width: 0;
  padding: .8rem .05rem .9rem;
  display: grid;
}

.hx-person-section-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: .85rem;
  min-width: 0;
  display: flex;
}

.hx-person-section-heading > div:first-child {
  gap: .14rem;
  min-width: 0;
  display: grid;
}

.hx-person-section-heading h2, .hx-person-section-heading h3, .hx-person-split-grid h3 {
  color: var(--hx-color-ink);
  margin: 0;
}

.hx-person-section-heading h2 {
  font-size: .98rem;
  line-height: 1.3;
}

.hx-person-section-heading h3, .hx-person-split-grid h3 {
  font-size: .84rem;
  line-height: 1.3;
}

.hx-person-section-heading p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .76rem;
  line-height: 1.4;
}

.hx-person-fact-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .78rem 1rem;
  min-width: 0;
  display: grid;
}

.hx-person-split-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.hx-person-split-grid > div {
  gap: .5rem;
  min-width: 0;
  display: grid;
}

.hx-person-subsection-heading {
  justify-content: space-between;
  align-items: center;
  gap: .6rem;
  min-width: 0;
  display: flex;
}

.hx-person-subsection-heading h3 {
  min-width: 0;
}

.hx-inline-preview {
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 78%, transparent);
  border-radius: var(--hx-radius-sm);
  background: color-mix(in srgb, var(--hx-color-brand) 1.25%, var(--hx-color-surface));
  gap: .2rem;
  min-width: 0;
  padding: .58rem .68rem;
  display: grid;
}

.hx-inline-preview small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.hx-m4-advanced-fields {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 70%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 70%, transparent);
  padding: .12rem 0;
}

.hx-m4-advanced-fields > summary {
  min-height: var(--hx-control-height);
  cursor: pointer;
  color: var(--hx-color-ink);
  align-items: center;
  font-size: .8rem;
  font-weight: 650;
  list-style-position: inside;
  display: flex;
}

.hx-m4-advanced-fields[open] > summary {
  margin-bottom: .65rem;
}

.hx-stack--compact {
  gap: .55rem;
}

@media (max-width: 85.375rem) and (min-width: 52.001rem) {
  .hx-people-core {
    gap: .56rem;
  }

  .hx-person-record-header {
    padding-top: 0;
  }

  .hx-person-record-title-row h1 {
    font-size: 1.45rem;
  }

  .hx-person-record-toolbar {
    padding-top: 0;
  }

  .hx-person-current-context {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hx-person-current-context > div:nth-child(4) {
    border-left: 0;
  }

  .hx-person-current-context > div:nth-child(n+4) {
    border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 62%, transparent);
  }

  .hx-person-current-context > div {
    padding-block: .48rem;
  }

  .hx-person-fact-grid {
    gap-block: .6rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hx-person-section-block {
    gap: .58rem;
    padding-block: .62rem .7rem;
  }
}

@media (max-width: 52rem) {
  .hx-person-record-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .hx-person-record-header__actions {
    justify-content: flex-start;
    width: 100%;
  }

  .hx-person-record-toolbar {
    justify-content: stretch;
  }

  .hx-person-asof {
    width: 100%;
  }

  .hx-person-asof .hx-field {
    flex: auto;
    width: auto;
    min-width: 0;
  }

  .hx-person-current-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-person-current-context > div {
    border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 62%, transparent);
  }

  .hx-person-current-context > div:nth-child(-n+2) {
    border-top: 0;
  }

  .hx-person-current-context > div:nth-child(odd) {
    border-left: 0;
  }

  .hx-person-fact-grid, .hx-person-split-grid {
    grid-template-columns: 1fr;
  }

  .hx-person-section-heading {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-person-section-heading > .hx-button {
    align-self: flex-start;
  }
}

@media (max-width: 25rem) {
  .hx-person-current-context {
    grid-template-columns: 1fr;
  }

  .hx-person-current-context > div, .hx-person-current-context > div:nth-child(-n+2) {
    border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 62%, transparent);
    border-left: 0;
  }

  .hx-person-current-context > div:first-child {
    border-top: 0;
  }
}

.hx-person-cell {
  align-items: center;
  gap: .65rem;
  min-width: 0;
  display: flex;
}

.hx-person-cell__copy {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-person-cell__name {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
  text-decoration: none;
  overflow: hidden;
}

.hx-person-cell__name:hover {
  color: var(--hx-color-brand-strong);
  text-decoration: none;
}

.hx-person-cell__name:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 3px;
  border-radius: var(--hx-radius-control);
}

.hx-person-cell__copy small {
  color: var(--hx-color-muted);
  font-size: .72rem;
}

.hx-person-reference__copy small {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hx-person-intent-switch {
  flex-wrap: wrap;
  gap: .4rem;
  display: flex;
}

.hx-person-intent-switch button {
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 88%, transparent);
  border-radius: var(--hx-radius-control);
  background: var(--hx-color-surface);
  min-height: 2.35rem;
  color: var(--hx-color-ink);
  font: inherit;
  cursor: pointer;
  padding: .4rem .72rem;
  font-weight: 620;
}

.hx-person-intent-switch button:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-person-profile-identity__meta {
  color: var(--hx-color-muted);
  margin: 0;
}

.hx-person-profile-identity__context {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .82rem;
}

.hx-person-profile-section + .hx-person-profile-section {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 56%, transparent);
  padding-top: 1rem;
}

.hx-person-profile-section h3 {
  margin: 0 0 .65rem;
  font-size: .95rem;
}

.hx-person-profile-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem 2rem;
  display: grid;
}

.hx-person-profile-facts > div {
  grid-template-columns: minmax(7.5rem, .7fr) minmax(0, 1.3fr);
  align-items: baseline;
  gap: .65rem;
  display: grid;
}

.hx-person-profile-facts span {
  color: var(--hx-color-muted);
  font-size: .78rem;
}

.hx-person-profile-facts strong {
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: .88rem;
  font-weight: 560;
}

@media (max-width: 760px) {
  .hx-person-profile-identity {
    align-items: flex-start;
  }

  .hx-person-profile-facts {
    grid-template-columns: 1fr;
  }

  .hx-person-profile-facts > div {
    grid-template-columns: minmax(6.5rem, .75fr) minmax(0, 1.25fr);
  }
}

.hx-grid-checkbox {
  place-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  display: inline-grid;
  position: relative;
}

.hx-grid-checkbox .hx-checkbox-control {
  width: 2.5rem;
  height: 2.5rem;
}

.hx-grid-checkbox .hx-checkbox-control__indicator {
  width: var(--hx-checkbox-size);
  height: var(--hx-checkbox-size);
}

.hx-data-grid-table__selection {
  text-align: center;
  z-index: 5;
  background: inherit;
  width: 2.9rem;
  min-width: 2.9rem;
  max-width: 2.9rem;
  position: sticky;
  left: 0;
  padding: 0 .15rem !important;
}

.hx-data-grid-table th.hx-data-grid-table__selection {
  z-index: 8;
  background: var(--hx-color-table-header);
}

.hx-data-grid-table--interactive tbody tr.hx-data-grid-table__clickable-row {
  cursor: pointer;
}

.hx-data-grid-table--interactive tbody tr.hx-data-grid-table__clickable-row:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-data-grid-table--interactive tbody tr.is-selected {
  background: color-mix(in srgb, var(--hx-color-brand) 7%, var(--hx-color-surface));
}

.hx-multi-select {
  gap: .22rem;
  min-width: 0;
  display: grid;
}

.hx-multi-select > .hx-field__label {
  color: var(--hx-color-muted);
  font-size: .7rem;
  font-weight: 600;
}

.hx-multi-select__trigger {
  width: 100%;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  white-space: nowrap;
  justify-content: space-between;
  min-width: 0;
}

.hx-multi-select__trigger .hx-button__label {
  justify-content: space-between;
  width: 100%;
  min-width: 0;
}

.hx-multi-select__trigger .hx-button__label > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-multi-select__menu {
  gap: var(--hx-space-2);
  padding: var(--hx-space-2);
  display: grid;
}

.hx-multi-select__header {
  gap: .12rem;
  padding: .1rem .1rem .2rem;
  display: grid;
}

.hx-multi-select__header-row {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  display: flex;
}

.hx-multi-select__header strong {
  font-size: .86rem;
  font-weight: 600;
}

.hx-multi-select__header-row > span {
  color: var(--hx-color-brand-strong);
  font-size: .72rem;
  font-weight: 600;
}

.hx-multi-select__header small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.38;
}

.hx-multi-select__search {
  width: 100%;
  height: var(--hx-form-control-height);
  min-height: var(--hx-form-control-height);
  max-height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-xs);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  outline: 0;
  padding: 0 .75rem;
}

.hx-multi-select__search:focus {
  border-color: var(--hx-color-brand-strong);
  outline: 1px solid var(--hx-color-brand);
  outline-offset: -1px;
  box-shadow: none;
}

.hx-multi-select__utility, .hx-multi-select__footer {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-multi-select__utility {
  justify-content: flex-start;
}

.hx-multi-select__utility button {
  color: var(--hx-color-brand-strong);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: .25rem .2rem;
  font-size: .74rem;
  font-weight: 600;
}

.hx-multi-select__options {
  gap: .12rem;
  max-height: 18rem;
  display: grid;
  overflow: auto;
}

.hx-multi-select__option {
  border-radius: var(--hx-radius-md);
  width: 100%;
  color: var(--hx-color-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  align-items: center;
  gap: .15rem;
  padding: 0 .35rem 0 0;
  display: grid;
}

.hx-multi-select__option:hover, .hx-multi-select__option:focus-visible {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, transparent);
  border-color: color-mix(in srgb, var(--hx-color-brand) 18%, transparent);
  outline: none;
}

.hx-multi-select__option > span:last-child {
  gap: .06rem;
  min-width: 0;
  display: grid;
}

.hx-multi-select__option strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  font-weight: 520;
  overflow: hidden;
}

.hx-multi-select__option small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .7rem;
  overflow: hidden;
}

.hx-multi-select__empty {
  color: var(--hx-color-muted);
  margin: .6rem .2rem;
  font-size: .78rem;
}

.hx-multi-select__footer {
  border-top: 1px solid var(--hx-color-border);
  padding-top: .5rem;
}

.hx-data-grid-view-menu__overlay {
  gap: .5rem;
  padding: .6rem;
  display: grid;
}

.hx-data-grid-view-menu__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12rem;
  overflow: hidden;
}

.hx-data-grid-view-menu__group {
  gap: .12rem;
  display: grid;
}

.hx-data-grid-view-menu__group + .hx-data-grid-view-menu__group {
  border-top: 1px solid var(--hx-color-border);
  padding-top: .45rem;
}

.hx-data-grid-view-menu__group h4 {
  color: var(--hx-color-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: .05rem .25rem .15rem;
  font-size: .68rem;
}

.hx-data-grid-view-menu__group > button {
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 2.4rem;
  color: var(--hx-color-ink);
  text-align: left;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  gap: .65rem;
  padding: .35rem .48rem;
  display: flex;
}

.hx-data-grid-view-menu__group > button:hover, .hx-data-grid-view-menu__group > button.is-selected {
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  border-color: #0000;
}

.hx-data-grid-view-menu__group > button > span:first-child {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-view-menu__group strong {
  font-size: .8rem;
  font-weight: 520;
}

.hx-data-grid-view-menu__group small {
  color: var(--hx-color-muted);
  font-size: .7rem;
}

.hx-data-grid-view-menu__footer {
  border-top: 1px solid var(--hx-color-border);
  gap: .45rem;
  padding-top: .5rem;
  display: grid;
}

.hx-data-grid-view-menu__primary-actions, .hx-data-grid-view-menu__secondary-actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-data-grid-view-menu__primary-actions {
  justify-content: space-between;
}

.hx-data-grid-view-menu__secondary-actions {
  justify-content: flex-start;
  gap: .75rem;
}

.hx-data-grid-view-menu__text-action {
  min-height: 2rem;
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: .25rem 0;
  font-size: .72rem;
  font-weight: 700;
}

.hx-data-grid-view-menu__text-action:hover {
  text-underline-offset: .16rem;
  text-decoration: underline;
}

.hx-data-grid-view-menu__text-action:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 2px;
}

.hx-people-workspace {
  --hx-data-grid-sticky-top: calc(var(--hx-topbar-height) + .65rem);
  gap: .65rem;
  min-width: 0;
}

.hx-people-page-heading {
  border-bottom: 1px solid var(--hx-color-border);
  height: 2.8rem;
  min-height: 2.8rem;
  padding: .15rem 0 .35rem;
}

.hx-people-page-heading h1 {
  font-size: var(--hx-page-title-size);
}

.hx-people-page-heading__actions {
  flex-wrap: nowrap;
  gap: .45rem;
}

.hx-people-workspace .hx-data-grid-toolbar {
  padding-block: 0;
}

.hx-people-workspace .hx-data-grid-toolbar__actions {
  flex-wrap: nowrap;
}

.hx-people-table-person-column {
  z-index: 3;
  background: inherit;
  box-shadow: 1px 0 0 var(--hx-color-border);
  left: 0;
  position: sticky !important;
}

th.hx-people-table-person-column {
  z-index: 6 !important;
  background: var(--hx-color-table-header) !important;
}

.hx-people-workspace .hx-data-grid-table__actions {
  z-index: 4;
  background: inherit;
  box-shadow: none;
  position: sticky;
  right: 0;
}

.hx-people-workspace .hx-data-grid-table th.hx-data-grid-table__actions {
  z-index: 7;
  background: var(--hx-color-table-header);
}

@media (max-width: 85.375rem) and (min-width: 48.01rem) {
  .hx-people-workspace {
    gap: .5rem;
  }

  .hx-people-page-heading {
    height: 2.65rem;
    min-height: 2.65rem;
  }

  .hx-data-grid-view-menu__label {
    max-width: 8rem;
  }
}

@media (max-width: 63.99rem) {
  .hx-people-workspace .hx-data-grid-columns--v2 {
    display: inline-flex;
  }
}

@media (max-width: 47.99rem) {
  .hx-people-page-heading {
    align-items: center;
    height: auto;
    min-height: 2.75rem;
  }

  .hx-people-page-heading__actions {
    margin-left: auto;
  }

  .hx-people-workspace .hx-data-grid-view-menu {
    display: inline-flex;
  }

  .hx-data-grid-table__selection {
    width: 2.8rem;
    min-width: 2.8rem;
    position: static;
  }

  .hx-people-page-heading__actions .hx-button--secondary {
    display: inline-flex;
  }
}

.hx-person-record-header__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: .55rem;
  display: flex;
}

.hx-person-asof-compact {
  align-items: end;
  gap: var(--hx-space-2);
  padding: var(--hx-space-2);
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 85%, transparent);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  grid-template-columns: minmax(8.5rem, 10rem) auto;
  display: grid;
}

.hx-person-asof-compact .hx-field {
  margin: 0;
}

.hx-person-asof-compact .hx-field__label {
  font-size: .68rem;
}

.hx-person-asof-compact .hx-control {
  min-height: var(--hx-form-control-height);
  height: var(--hx-form-control-height);
}

.hx-person-inline-empty {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
}

.hx-person-inline-add {
  height: 2rem;
  min-height: 2rem;
  color: var(--hx-color-brand-strong);
  justify-self: start;
  padding-inline: 0;
}

.hx-person-inline-add:hover {
  color: color-mix(in srgb, var(--hx-color-brand) 80%, black);
  background: none;
}

@media (max-width: 63.99rem) {
  .hx-person-record-header__actions {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }
}

@media (max-width: 47.99rem) {
  .hx-person-record-header__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-person-asof-compact {
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }
}

.hx-control:not(:disabled):not([readonly]):not([aria-readonly="true"]), .hx-select:not(:disabled), .hx-combobox__trigger:not(:disabled), .hx-data-grid-filter select:not(:disabled) {
  background: var(--hx-color-surface);
}

.hx-control:disabled, .hx-control[readonly], .hx-control[aria-readonly="true"] {
  background: var(--hx-color-surface-muted);
}

.hx-field__hint {
  line-height: 1.35;
}

.hx-auth-remember {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: .15rem 0 !important;
}

.hx-form-disclosure {
  border-block: 1px solid color-mix(in srgb, var(--hx-color-border) 72%, transparent);
  background: none;
}

.hx-form-disclosure__trigger {
  width: 100%;
  min-height: 3.25rem;
  color: var(--hx-color-brand-strong);
  text-align: left;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .45rem 0;
  display: flex;
}

.hx-form-disclosure__trigger:hover {
  color: var(--hx-color-brand-active);
}

.hx-form-disclosure__trigger:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 2px;
  border-radius: var(--hx-radius-md);
}

.hx-form-disclosure__copy {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-form-disclosure__copy strong {
  color: currentColor;
  font-size: .84rem;
  font-weight: 700;
}

.hx-form-disclosure__copy small {
  color: var(--hx-color-muted);
  font-size: .72rem;
  font-weight: 450;
  line-height: 1.35;
}

.hx-form-disclosure__chevron-box {
  border-radius: var(--hx-radius-control);
  color: currentColor;
  flex: 0 0 2.5rem;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
}

.hx-form-disclosure__trigger:hover .hx-form-disclosure__chevron-box {
  background: color-mix(in srgb, var(--hx-color-brand) 7%, transparent);
}

.hx-form-disclosure__chevron {
  transition: transform var(--hx-transition-fast);
  display: block;
}

.hx-form-disclosure.is-open .hx-form-disclosure__chevron {
  transform: rotate(180deg);
}

.hx-form-disclosure__content {
  padding: .15rem 0 .85rem;
}

.hx-mobile-back-action, .hx-mobile-back-action:hover {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

@media (max-width: 47.99rem) {
  .hx-people-page-heading__actions .hx-button--secondary {
    display: inline-flex !important;
  }

  .hx-person-record-header__actions {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .hx-person-asof-compact {
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }

  .hx-person-asof-compact .hx-field {
    width: auto;
  }

  .hx-form-section__heading, .hx-m4-form-section__heading {
    grid-template-columns: 1fr;
    gap: .15rem;
  }
}

.hx-person-profile-section {
  padding: .75rem 0 1rem;
}

.hx-person-profile-facts {
  gap: .55rem 2.25rem;
}

.hx-person-section-block {
  min-width: 0;
}

.hx-data-grid-filter-editor__back, .hx-data-grid-filter-editor__back:hover {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

.hx-data-grid-filter-editor__back:hover {
  color: var(--hx-color-brand-strong);
}

.hx-data-grid-option {
  border-color: #0000;
  grid-template-columns: minmax(0, 1fr) 2.25rem;
  min-height: 2.7rem;
}

.hx-data-grid-option:hover:not(:disabled), .hx-data-grid-option.is-selected {
  background: var(--hx-color-table-row-hover);
}

.hx-data-grid-option__check {
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  display: grid;
}

.hx-people-core .hx-person-profile-shell .hx-person-section-block {
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 82%, transparent);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  padding: 1rem 1.05rem;
}

.hx-person-section-heading {
  margin-bottom: .65rem;
}

.hx-person-section-heading h2 {
  letter-spacing: -.015em;
}

.hx-person-inline-add.hx-button--ghost {
  padding-inline: 0;
}

.hx-person-intent-switch {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
  display: grid;
}

.hx-person-intent-switch button {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-height: 2.65rem;
  color: var(--hx-color-ink);
  font: inherit;
  cursor: pointer;
  box-shadow: none;
  padding: .45rem .6rem;
  font-size: .8rem;
  font-weight: 650;
}

.hx-person-intent-switch button:hover {
  border-color: color-mix(in srgb, var(--hx-color-brand) 30%, var(--hx-color-border));
  background: var(--hx-color-surface);
}

.hx-person-intent-switch button.is-active {
  border-color: var(--hx-color-brand-strong);
  background: color-mix(in srgb, var(--hx-color-brand) 7%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
}

@media (max-width: 47.99rem) {
  .hx-person-intent-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-people-core > .hx-person-section-block, .hx-people-core > .hx-stack > .hx-person-section-block {
    padding: .8rem;
  }
}

.hx-record-back-link {
  width: fit-content;
  min-height: 2.25rem;
  color: var(--hx-color-brand-strong);
  border-radius: var(--hx-radius-md);
  background: none;
  border: 0;
  align-items: center;
  gap: .28rem;
  padding: 0 .15rem;
  font-size: .78rem;
  font-weight: 650;
  text-decoration: none;
  display: inline-flex;
}

.hx-record-back-link:hover {
  color: var(--hx-color-brand-strong);
  background: none;
}

.hx-record-back-link:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 2px;
}

.hx-split-action__menu button {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: .55rem;
  display: grid;
}

.hx-split-action__menu-copy {
  text-align: left;
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-split-action__menu-copy small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  font-weight: 450;
  line-height: 1.35;
}

.hx-table-row-actions__menu .hx-add-icon, .hx-table-row-actions__menu .hx-edit-icon, .hx-split-action__menu .hx-add-icon, .hx-split-action__menu .hx-edit-icon {
  margin-top: .08rem;
}

@media (max-width: 47.99rem) {
  .hx-data-grid-table--records .hx-data-grid-table__selection {
    z-index: 2;
    top: .42rem;
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    position: absolute !important;
    left: .45rem !important;
  }

  .hx-data-grid-table--records tbody tr:has(.hx-data-grid-table__selection) {
    padding-left: 3rem;
  }
}

.hx-brand--peopleoak {
  align-items: center;
  min-width: 0;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.hx-brand__name--peopleoak {
  color: var(--hx-color-ink);
  letter-spacing: -.035em;
  white-space: nowrap;
  align-items: baseline;
  gap: 0;
  font-size: 1.02rem;
  font-weight: 760;
  line-height: 1;
  display: inline-flex;
}

.hx-app-sidebar .hx-brand__name--peopleoak, .hx-mobile-brand .hx-brand__name--peopleoak {
  color: var(--hx-color-on-brand);
}

.hx-brand__name--peopleoak strong {
  color: var(--hx-color-brand-strong);
  font-weight: 780;
}

.hx-button--secondary svg:not(.hx-button__spinner), .hx-button--ghost svg:not(.hx-button__spinner) {
  color: var(--hx-color-brand);
}

.hx-button--danger svg:not(.hx-button__spinner) {
  color: currentColor;
}

.hx-split-action > .hx-button, .hx-split-action__trigger {
  min-height: var(--hx-button-height);
  height: var(--hx-button-height);
}

.hx-data-grid-filter-chip {
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  align-items: stretch;
  gap: 0;
  min-width: 0;
  max-width: min(22rem, 100%);
  height: 1.65rem;
  min-height: 1.65rem;
  padding: 0;
  display: inline-flex;
  overflow: visible;
}

.hx-data-grid-filter-chip__body, .hx-data-grid-filter-chip__clear {
  min-height: 0;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  position: relative;
}

.hx-data-grid-filter-chip__body {
  align-items: center;
  gap: var(--hx-space-2);
  text-align: left;
  min-width: 0;
  padding: .13rem .2rem .13rem .55rem;
  font-size: .72rem;
  display: flex;
}

.hx-data-grid-filter-chip__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hx-data-grid-filter-chip__more {
  flex-shrink: 0;
  font-weight: 600;
}

.hx-data-grid-filter-chip__body:disabled {
  cursor: default;
  opacity: 1;
}

.hx-data-grid-filter-chip__clear {
  width: 1.65rem;
  min-width: 1.65rem;
  color: var(--hx-color-muted);
  flex: 0 0 1.65rem;
  align-self: stretch;
  place-items: center;
  font-size: 1rem;
  display: grid;
}

.hx-data-grid-filter-chip__clear svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  display: block;
}

.hx-data-grid-filter-chip__body:hover:not(:disabled), .hx-data-grid-filter-chip__clear:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-data-grid-filter-chip__body:focus-visible, .hx-data-grid-filter-chip__clear:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-data-grid-option--checkbox, .hx-multi-select__option {
  grid-template-columns: var(--hx-checkbox-size) minmax(0, 1fr);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  cursor: pointer;
  border: 0;
  align-items: center;
  column-gap: .65rem;
  padding: .45rem .6rem;
  display: grid;
}

.hx-data-grid-option--checkbox {
  min-height: 2.7rem;
}

.hx-multi-select__option {
  min-height: var(--hx-form-control-height);
}

.hx-data-grid-option--checkbox:hover, .hx-multi-select__option:hover, .hx-data-grid-option--checkbox.is-selected, .hx-multi-select__option.is-selected {
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  border-color: #0000;
}

.hx-data-grid-option--checkbox:focus-within, .hx-multi-select__option:focus-within {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-data-grid-option--checkbox > .hx-checkbox-control, .hx-multi-select__option > .hx-checkbox-control {
  align-self: center;
}

.hx-data-grid-option--checkbox .hx-data-grid-option__copy, .hx-multi-select__option > span:last-child {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-data-grid-option--checkbox strong, .hx-multi-select__option strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 520;
  overflow: hidden;
}

.hx-multi-select__footer {
  justify-content: space-between;
}

.hx-multi-select__footer-actions {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.hx-data-grid-selection-context {
  min-width: 0;
  height: 1.65rem;
  min-height: 1.65rem;
  max-height: 1.65rem;
  color: var(--hx-color-muted);
  white-space: nowrap;
  align-items: center;
  gap: .5rem;
  padding-inline-start: 10px;
  font-size: .76rem;
  display: inline-flex;
}

.hx-data-grid-selection-context strong {
  color: var(--hx-color-ink);
  white-space: nowrap;
  font-size: .8rem;
  font-weight: 600;
}

.hx-data-grid-selection-context > .hx-button {
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  max-height: var(--hx-button-height);
  white-space: nowrap;
  position: relative;
  padding-inline: .32rem !important;
}

.hx-data-grid-selection-context > .hx-button:before {
  content: "";
  position: absolute;
  inset-block: -.55rem;
  inset-inline: 0;
}

.hx-data-grid-table__selection {
  text-align: center;
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
}

.hx-data-grid-table tr.is-selected > td {
  background: color-mix(in srgb, var(--hx-color-brand) 3.5%, var(--hx-color-surface));
}

.hx-data-grid-table tr.is-selected:hover > td {
  background: color-mix(in srgb, var(--hx-color-brand) 5.5%, var(--hx-color-surface));
}

.hx-people-table-person-column {
  left: 2.75rem !important;
}

.hx-people-primary-surfaces {
  border-bottom: 1px solid var(--hx-color-border);
}

.hx-people-primary-tabs {
  width: fit-content;
}

.hx-people-overview {
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.hx-people-overview__metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.hx-people-metric-card, .hx-people-insight-card {
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 88%, transparent);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  box-shadow: var(--hx-shadow-sm);
}

.hx-people-metric-card {
  box-shadow: none;
  gap: .58rem;
  padding: .82rem .9rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hx-people-metric-card:before {
  content: "";
  background: color-mix(in srgb, var(--hx-color-brand) 72%, transparent);
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}

.hx-people-metric-card[data-metric="workforce"] {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface)), var(--hx-color-surface) 62%);
}

.hx-people-metric-card__heading {
  gap: .15rem;
  display: grid;
}

.hx-people-metric-card__heading > span {
  color: var(--hx-color-muted);
  font-size: .7rem;
  font-weight: 650;
}

.hx-people-metric-card__heading > strong {
  color: var(--hx-color-ink);
  letter-spacing: -.035em;
  font-size: 1.55rem;
  line-height: 1.05;
}

.hx-people-metric-card__context {
  align-items: baseline;
  gap: .35rem;
  min-height: 1.2rem;
  font-size: .7rem;
  display: flex;
}

.hx-people-metric-card__context span {
  color: var(--hx-color-brand-strong);
  font-weight: 700;
}

.hx-people-metric-card__context span.is-positive {
  color: var(--hx-color-success);
}

.hx-people-metric-card__context span.is-negative {
  color: var(--hx-color-danger);
}

.hx-people-metric-card__context small {
  min-width: 0;
  color: var(--hx-color-muted);
  font-size: .66rem;
}

.hx-people-overview__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.hx-people-insight-card {
  box-shadow: none;
  align-content: start;
  gap: .8rem;
  padding: 1rem;
  display: grid;
}

.hx-people-insight-card--wide {
  grid-column: 1 / -1;
}

.hx-people-insight-card > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-people-insight-card > header > div {
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.hx-people-insight-card > header strong {
  color: var(--hx-color-ink);
  font-size: .82rem;
}

.hx-people-insight-card > header > strong {
  font-size: 1.1rem;
}

.hx-people-insight-card > header small {
  color: var(--hx-color-muted);
  font-size: .68rem;
}

.hx-people-echart {
  width: 100%;
  min-width: 0;
  height: 12.5rem;
}

.hx-people-echart--movement {
  height: 11.25rem;
}

.hx-people-echart--loading {
  border-radius: var(--hx-radius-md);
  background: linear-gradient(90deg, var(--hx-color-surface-muted), color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface)), var(--hx-color-surface-muted));
  background-size: 220% 100%;
  animation: 1.2s ease-in-out infinite hx-people-chart-loading;
}

.hx-people-echart--empty {
  border: 1px dashed var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  min-height: 8rem;
  color: var(--hx-color-muted);
  place-items: center;
  font-size: .75rem;
  display: grid;
}

@keyframes hx-people-chart-loading {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.hx-visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.hx-people-distribution-switch {
  flex-wrap: wrap;
  gap: .28rem;
  display: flex;
}

.hx-people-distribution-switch button {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-height: 2rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  padding: .3rem .55rem;
  font-size: .67rem;
  font-weight: 650;
}

.hx-people-distribution-switch button:hover {
  border-color: var(--hx-color-border-strong);
  color: var(--hx-color-ink);
}

.hx-people-distribution-switch button.is-active {
  border-color: var(--hx-color-brand-strong);
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
}

.hx-people-distribution-switch button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-people-distribution-list {
  gap: .65rem;
  display: grid;
}

.hx-people-distribution-row {
  border-radius: var(--hx-radius-md);
  width: 100%;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  gap: .28rem;
  padding: .25rem;
  display: grid;
}

.hx-people-distribution-row:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 4.5%, var(--hx-color-surface));
}

.hx-people-distribution-row:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-people-distribution-row > div {
  justify-content: space-between;
  align-items: center;
  gap: .65rem;
  font-size: .7rem;
  display: flex;
}

.hx-people-distribution-row > div span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hx-people-distribution-row > div strong {
  flex: none;
  font-size: .68rem;
}

.hx-people-distribution-row__track {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  height: .38rem;
  overflow: hidden;
}

.hx-people-distribution-row__track > span {
  border-radius: inherit;
  background: var(--hx-color-brand);
  height: 100%;
  display: block;
}

.hx-people-attention-list {
  gap: .2rem;
  display: grid;
}

.hx-people-attention-list button {
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 2.5rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .4rem .5rem;
  font-size: .72rem;
  display: flex;
}

.hx-people-attention-list button:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 4.5%, var(--hx-color-surface));
}

.hx-people-attention-list button:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-people-attention-list button strong {
  color: var(--hx-color-brand-strong);
}

@media (max-width: 79.99rem) {
  .hx-people-overview__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 63.99rem) {
  .hx-data-grid-selection-context {
    flex: 100%;
    justify-content: space-between;
  }

  .hx-people-overview__grid {
    grid-template-columns: 1fr;
  }

  .hx-people-insight-card--wide {
    grid-column: auto;
  }
}

@media (max-width: 47.99rem) {
  .hx-split-action > .hx-button, .hx-split-action__trigger {
    min-height: var(--hx-button-height);
    height: var(--hx-button-height);
    max-height: var(--hx-button-height);
  }

  .hx-split-action {
    width: 100%;
    min-width: 0;
  }

  .hx-split-action > .hx-button {
    flex: auto;
    min-width: 0;
    width: auto !important;
  }

  .hx-split-action__trigger {
    flex: 0 0 2.2rem;
  }

  .hx-people-overview__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx-people-metric-card {
    padding: .7rem;
  }

  .hx-people-chart-labels span:nth-child(2n) {
    visibility: hidden;
  }

  .hx-data-grid-filter-chip {
    flex: none;
  }
}

@media (max-width: 22.5rem) {
  .hx-people-overview__metrics {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 63.99rem) {
  .hx-data-grid-toolbar {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .hx-data-grid-toolbar__search-wrap {
    flex: 100%;
    width: 100%;
    max-width: none;
  }

  .hx-data-grid-toolbar__actions {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    overflow: visible;
  }
}

.hx-app-frame {
  grid-template-columns: var(--hx-sidebar-width) minmax(0, 1fr);
  transition: none;
}

.hx-app-frame.is-sidebar-collapsed {
  grid-template-columns: var(--hx-sidebar-collapsed-width) minmax(0, 1fr);
}

.hx-sidebar {
  width: 100%;
  min-width: 0;
  padding: .72rem .5rem;
  overflow: hidden;
}

.hx-sidebar__company-link {
  border-radius: var(--hx-radius-md);
  min-width: 0;
  color: inherit;
  padding: .28rem .2rem .65rem;
  text-decoration: none;
  display: block;
}

.hx-sidebar__company-link:hover {
  background: #ffffff0d;
}

.hx-sidebar__company-link:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #ffffff61;
}

.hx-company-identity {
  align-items: center;
  gap: .58rem;
  min-width: 0;
  display: flex;
}

.hx-company-identity__mark {
  border-radius: var(--hx-radius-md);
  color: #fff;
  letter-spacing: -.02em;
  background: #ffffff1a;
  border: 1px solid #ffffff24;
  flex: 0 0 2.3rem;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  font-size: .72rem;
  font-weight: 760;
  display: grid;
  overflow: hidden;
}

.hx-company-identity__mark img {
  object-fit: contain;
  background: #fff;
  width: 100%;
  height: 100%;
}

.hx-company-identity__copy {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-company-identity__copy strong, .hx-company-identity__copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-sidebar .hx-company-identity__copy strong {
  color: #fff;
  font-size: .82rem;
  font-weight: 650;
}

.hx-sidebar .hx-company-identity__copy small {
  color: var(--hx-color-nav-muted);
  font-size: .65rem;
}

.hx-company-identity.is-collapsed {
  justify-content: center;
}

.hx-company-identity.is-compact {
  gap: .45rem;
}

.hx-company-identity.is-compact .hx-company-identity__mark {
  border-color: var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-brand) 8%, var(--hx-color-surface));
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-brand-strong);
  flex-basis: 2rem;
}

.hx-company-identity.is-compact .hx-company-identity__copy strong {
  max-width: 11rem;
  color: var(--hx-color-ink);
  font-size: .76rem;
  font-weight: 650;
}

.hx-sidebar > .hx-nav {
  min-height: 0;
  padding-right: .05rem;
  overflow: hidden auto;
}

.hx-nav__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hx-nav.is-collapsed {
  justify-items: stretch;
}

.hx-nav.is-collapsed .hx-nav__eyebrow, .hx-nav.is-collapsed .hx-nav__label {
  display: none;
}

.hx-nav.is-collapsed .hx-nav__link {
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: 2.75rem;
  padding-inline: 0;
}

.hx-nav.is-collapsed .hx-nav__icon {
  width: 2rem;
  height: 2rem;
}

.hx-sidebar__collapse-wrap {
  border-top: 1px solid #ffffff1a;
  margin-top: auto;
  padding: .55rem .15rem 0;
}

.hx-sidebar__collapse {
  border-radius: var(--hx-radius-md);
  color: #b9c4d5;
  cursor: pointer;
  width: 100%;
  min-height: 2.5rem;
  font: inherit;
  background: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: .45rem;
  font-size: .72rem;
  font-weight: 620;
  display: flex;
}

.hx-sidebar__collapse > span:first-child {
  font-size: 1.3rem;
  line-height: 1;
}

.hx-sidebar__collapse:hover {
  color: #fff;
  background: #ffffff0d;
  border-color: #ffffff29;
}

.hx-sidebar__collapse:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #ffffff61;
}

.hx-topbar {
  gap: .75rem;
}

.hx-topbar__lead {
  align-items: center;
  gap: .5rem;
  min-width: 9.5rem;
  display: flex;
}

.hx-topbar__page-context {
  gap: .02rem;
  min-width: 0;
  line-height: 1.15;
  display: grid;
}

.hx-topbar__page-context small {
  color: var(--hx-color-muted);
  font-size: .62rem;
  font-weight: 540;
}

.hx-topbar__page-context strong {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .82rem;
  font-weight: 650;
  overflow: hidden;
}

.hx-mobile-navigation-trigger {
  display: none;
}

.hx-company-switcher, .hx-user-menu {
  position: relative;
}

.hx-company-switcher__trigger, .hx-user-menu__trigger, .hx-mobile-navigation-trigger {
  min-height: var(--hx-button-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  cursor: pointer;
}

.hx-company-switcher__trigger {
  align-items: center;
  gap: .4rem;
  max-width: 15rem;
  padding: .18rem .45rem .18rem .28rem;
  display: flex;
}

.hx-company-switcher__trigger:hover, .hx-user-menu__trigger:hover, .hx-mobile-navigation-trigger:hover {
  border-color: var(--hx-color-border-strong);
  background: color-mix(in srgb, var(--hx-color-brand) 2.5%, var(--hx-color-surface));
}

.hx-company-switcher__trigger:focus-visible, .hx-user-menu__trigger:focus-visible, .hx-mobile-navigation-trigger:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-company-switcher__panel, .hx-user-menu__panel {
  z-index: var(--hx-layer-menu);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: min(22rem, 100vw - 1.5rem);
  max-height: min(70dvh, 32rem);
  box-shadow: var(--hx-shadow-menu);
  gap: .15rem;
  padding: .4rem;
  display: grid;
  position: absolute;
  top: calc(100% + .4rem);
  right: 0;
  overflow: auto;
}

.hx-company-switcher__panel[hidden], .hx-user-menu__panel[hidden] {
  display: none;
}

.hx-company-switcher__heading, .hx-user-menu__identity {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .08rem;
  padding: .45rem .55rem .55rem;
  display: grid;
}

.hx-company-switcher__heading span {
  color: var(--hx-color-muted);
  font-size: .66rem;
}

.hx-company-switcher__heading strong, .hx-user-menu__identity strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  overflow: hidden;
}

.hx-user-menu__identity small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .68rem;
  overflow: hidden;
}

.hx-company-switcher__panel > button, .hx-company-switcher__panel > a, .hx-user-menu__panel > button, .hx-user-menu__panel > a {
  border-radius: var(--hx-radius-md);
  min-height: 2.7rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  text-align: left;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: .55rem;
  padding: .45rem .55rem;
  font-size: .75rem;
  text-decoration: none;
  display: flex;
}

.hx-company-switcher__panel > button {
  grid-template-columns: auto minmax(0, 1fr) auto;
  display: grid;
}

.hx-company-switcher__panel > button > span:nth-child(2) {
  gap: .03rem;
  min-width: 0;
  display: grid;
}

.hx-company-switcher__panel > button strong, .hx-company-switcher__panel > button small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hx-company-switcher__panel > button small {
  color: var(--hx-color-muted);
  font-size: .65rem;
}

.hx-company-switcher__panel > button:hover, .hx-company-switcher__panel > a:hover, .hx-user-menu__panel > button:hover, .hx-user-menu__panel > a:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-company-switcher__panel > button:focus-visible, .hx-company-switcher__panel > a:focus-visible, .hx-user-menu__panel > button:focus-visible, .hx-user-menu__panel > a:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-company-switcher__monogram, .hx-user-menu__avatar {
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-surface));
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-brand-strong);
  flex: 0 0 2rem;
  place-items: center;
  font-size: .66rem;
  font-weight: 760;
  display: grid;
}

.hx-user-menu__trigger {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-height: var(--hx-control-height);
  border-radius: 50%;
  place-items: center;
  padding: 0;
  display: grid;
}

.hx-user-menu__avatar {
  border-radius: 50%;
  flex-basis: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
}

.hx-user-menu__panel {
  width: min(18rem, 100vw - 1.5rem);
}

.hx-mobile-navigation {
  display: none;
}

@media (max-width: 70rem) and (min-width: 52.01rem) {
  :root {
    --hx-sidebar-width: 15rem;
  }

  .hx-company-switcher__trigger .hx-company-identity__copy {
    display: none;
  }

  .hx-company-switcher__trigger {
    padding-inline: .25rem;
  }
}

@media (max-width: 52rem) {
  .hx-app-frame, .hx-app-frame.is-sidebar-collapsed {
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
    display: block;
    overflow-x: clip;
  }

  .hx-topbar {
    min-height: calc(var(--hx-topbar-height) + env(safe-area-inset-top));
    padding: calc(.5rem + env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) .5rem max(.65rem, env(safe-area-inset-left));
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .hx-topbar__lead {
    min-width: 0;
  }

  .hx-mobile-navigation-trigger {
    width: var(--hx-button-height);
    min-width: var(--hx-button-height);
    place-items: center;
    padding: 0;
    display: grid;
  }

  .hx-topbar__page-context {
    display: none;
  }

  .hx-global-search {
    width: 100%;
    max-width: none;
  }

  .hx-topbar__actions {
    gap: .3rem;
  }

  .hx-company-switcher__trigger .hx-company-identity__copy, .hx-company-switcher__trigger > svg {
    display: none;
  }

  .hx-company-switcher__trigger {
    width: var(--hx-button-height);
    min-width: var(--hx-button-height);
    justify-content: center;
    padding: 0;
  }

  .hx-company-switcher__trigger .hx-company-identity__mark {
    flex-basis: 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
  }

  .hx-topbar-calendar-action {
    display: none;
  }

  .hx-mobile-navigation {
    z-index: var(--hx-layer-dialog);
    pointer-events: none;
    visibility: hidden;
    display: block;
    position: fixed;
    inset: 0;
  }

  .hx-mobile-navigation.is-open {
    pointer-events: auto;
    visibility: visible;
  }

  .hx-mobile-navigation__backdrop {
    opacity: 0;
    width: 100%;
    transition: opacity var(--hx-transition-fast);
    background: #0f172a6b;
    border: 0;
    position: absolute;
    inset: 0;
  }

  .hx-mobile-navigation.is-open .hx-mobile-navigation__backdrop {
    opacity: 1;
  }

  .hx-mobile-navigation__sheet {
    background: var(--hx-color-nav);
    color: #fff;
    width: min(21rem, 88vw);
    box-shadow: var(--hx-shadow-dialog);
    transition: transform var(--hx-transition-fast);
    padding: max(.75rem, env(safe-area-inset-top)) .65rem max(.75rem, env(safe-area-inset-bottom));
    grid-template-rows: auto minmax(0, 1fr);
    display: grid;
    position: absolute;
    inset: 0 auto 0 0;
    transform: translateX(-101%);
  }

  .hx-mobile-navigation.is-open .hx-mobile-navigation__sheet {
    transform: translateX(0);
  }

  .hx-mobile-navigation__header {
    border-bottom: 1px solid #ffffff1a;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .3rem .35rem .75rem;
    display: flex;
  }

  .hx-mobile-navigation__header > div {
    gap: .05rem;
    min-width: 0;
    display: grid;
  }

  .hx-mobile-navigation__header strong {
    font-size: .9rem;
  }

  .hx-mobile-navigation__header small {
    color: var(--hx-color-nav-muted);
    font-size: .68rem;
  }

  .hx-mobile-navigation__header > button {
    border-radius: var(--hx-radius-md);
    color: #fff;
    cursor: pointer;
    background: none;
    border: 1px solid #ffffff1f;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.25rem;
    display: grid;
  }

  .hx-nav--mobile-sheet {
    min-height: 0;
    padding-top: .25rem;
    overflow-y: auto;
  }

  .hx-nav--mobile-sheet .hx-nav__link {
    min-height: 2.9rem;
  }

  .hx-mobile-nav {
    display: none !important;
  }
}

@media (max-width: 34rem) {
  .hx-topbar .hx-demo-topbar-badge {
    display: none;
  }

  .hx-create-action {
    width: var(--hx-button-height);
    min-width: var(--hx-button-height);
    padding: 0;
    font-size: 0;
  }

  .hx-create-action > svg {
    width: 18px;
    height: 18px;
  }

  .hx-create-action .hx-action-menu__chevron {
    display: none;
  }
}

.hx-banner {
  align-items: flex-start;
  gap: var(--hx-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.hx-banner__icon, .hx-toast__status-icon, .hx-action-feedback__icon {
  flex: none;
  place-items: center;
  display: grid;
}

.hx-banner__icon {
  border-radius: 50%;
  width: 1.9rem;
  height: 1.9rem;
}

.hx-banner--info .hx-banner__icon, .hx-action-feedback--info .hx-action-feedback__icon, .hx-toast--info .hx-toast__status-icon {
  background: color-mix(in srgb, var(--hx-color-brand) 9%, var(--hx-color-surface));
  color: #1e40af;
}

.hx-banner--success .hx-banner__icon, .hx-action-feedback--success .hx-action-feedback__icon, .hx-toast--success .hx-toast__status-icon {
  background: color-mix(in srgb, var(--hx-color-success) 10%, var(--hx-color-surface));
  color: #166534;
}

.hx-banner--warning .hx-banner__icon, .hx-action-feedback--warning .hx-action-feedback__icon, .hx-toast--warning .hx-toast__status-icon {
  background: color-mix(in srgb, var(--hx-color-warning) 10%, var(--hx-color-surface));
  color: #7a4b00;
}

.hx-banner--danger .hx-banner__icon, .hx-action-feedback--danger .hx-action-feedback__icon, .hx-toast--danger .hx-toast__status-icon {
  background: color-mix(in srgb, var(--hx-color-danger) 9%, var(--hx-color-surface));
  color: #9f1239;
}

.hx-action-feedback__icon {
  width: 1.85rem;
  height: 1.85rem;
  font-size: 0;
}

.hx-toast__status-icon {
  font-size: 0;
}

.hx-data-grid-context-row {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-3);
  min-width: 0;
  margin: 0;
  display: flex;
}

.hx-data-grid-context-row__spacer {
  flex: auto;
  min-width: 0;
}

.hx-data-grid-filter-row, .hx-data-grid-selection-row {
  min-width: 0;
  margin: 0;
}

.hx-data-grid-filter-row {
  flex: auto;
}

.hx-data-grid-selection-row {
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.hx-data-grid-filter-row .hx-data-grid-filter-chips {
  min-width: 0;
  margin: 0;
}

.hx-data-grid-filter-chip {
  border-radius: var(--hx-radius-control);
  height: 1.65rem;
  min-height: 1.65rem;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1;
}

.hx-data-grid-filter-chip__body {
  gap: .45rem;
  padding: .13rem .25rem .13rem .55rem;
}

.hx-data-grid-filter-chip__more {
  font-weight: var(--hx-font-weight-medium);
  margin-left: .1rem;
}

.hx-data-grid-filter-chip__clear {
  width: 1.65rem;
  min-width: 1.65rem;
  min-height: 0;
  padding: 0;
}

@media (max-width: 52rem) {
  .hx-data-grid-context-row {
    flex-wrap: wrap;
    align-items: stretch;
    gap: .45rem;
  }

  .hx-data-grid-filter-row, .hx-data-grid-selection-row {
    width: 100%;
    margin-left: 0;
  }

  .hx-data-grid-selection-row {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }

  .hx-data-grid-selection-row .hx-data-grid-selection-context {
    width: 100%;
    margin-right: 0;
  }

  .hx-data-grid-filter-chips {
    row-gap: 1.125rem;
  }

  .hx-data-grid-filter-chip {
    max-width: 100%;
    height: 1.65rem;
    min-height: 1.65rem;
  }

  .hx-data-grid-filter-chip__body {
    flex: auto;
  }

  .hx-data-grid-filter-chip__clear {
    flex: 0 0 1.65rem;
    align-self: stretch;
    width: 1.65rem;
    min-width: 1.65rem;
    height: 100%;
    min-height: 0;
  }

  .hx-data-grid-filter-chip__body:before, .hx-data-grid-filter-chip__clear:before {
    content: "";
    position: absolute;
    inset-block: -.55rem;
    inset-inline: 0;
  }
}

.hx-action-menu {
  gap: .2rem;
  padding: .35rem;
  display: grid;
}

.hx-action-menu > button {
  border-radius: var(--hx-radius-control);
  width: 100%;
  min-height: 2.65rem;
  color: var(--hx-color-ink);
  font: inherit;
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: .55rem;
  padding: .55rem .65rem;
  display: grid;
}

.hx-action-menu > button:hover, .hx-action-menu > button:focus-visible {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
  outline: none;
}

.hx-action-menu > button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.hx-action-menu__glyph {
  color: var(--hx-color-brand);
  margin-top: .08rem;
}

.hx-people-profile-page, .hx-profile-v2, .hx-person-profile-shell, .hx-profile-v2__body {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.hx-person-profile-shell {
  gap: var(--hx-space-2);
  display: grid;
}

.hx-person-profile-shell__back {
  margin: 0 0 .15rem;
  padding-inline: 0;
}

.hx-person-profile-shell__header {
  isolation: isolate;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--hx-space-5);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-surface);
  background: linear-gradient(118deg, color-mix(in srgb, var(--hx-color-brand) 2.5%, var(--hx-color-surface)) 0%, var(--hx-color-surface) 44%, color-mix(in srgb, var(--hx-color-brand) 3.75%, var(--hx-color-surface)) 100%);
  width: 100%;
  box-shadow: none;
  padding: 1.25rem 1.35rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hx-person-profile-shell__header:before {
  content: "";
  z-index: 0;
  background: color-mix(in srgb, var(--hx-color-brand) 7%, transparent);
  width: 22rem;
  height: 22rem;
  box-shadow: 0 0 0 4.5rem color-mix(in srgb, var(--hx-color-brand) 2.25%, transparent);
  pointer-events: none;
  border-radius: 999px;
  position: absolute;
  top: -12.5rem;
  right: -10rem;
}

.hx-person-profile-shell__header:after {
  content: "";
  z-index: 0;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--hx-color-brand) 24%, transparent) 1.2px, transparent 1.35px);
  opacity: .6;
  pointer-events: none;
  background-size: .78rem .78rem;
  width: 5.5rem;
  height: 3.4rem;
  position: absolute;
  bottom: .9rem;
  right: 1.15rem;
}

.hx-person-profile-shell__header > * {
  z-index: 1;
  position: relative;
}

.hx-person-profile-shell__header .hx-person-avatar--lg {
  border-radius: var(--hx-radius-surface);
  width: 8.5rem;
  height: 8.5rem;
  font-size: 1.25rem;
}

.hx-person-profile-shell__header .hx-person-avatar--lg img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.hx-person-record-header__identity {
  flex: auto;
  min-width: 0;
}

.hx-person-record-header__actions {
  justify-content: flex-start;
  align-items: flex-end;
  gap: var(--hx-space-3);
  flex-direction: column;
  flex: none;
  min-width: 0;
  display: flex;
}

.hx-person-record-header__action-row {
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--hx-space-2);
  width: 100%;
  display: flex;
}

.hx-profile-temporal {
  align-items: center;
  gap: .55rem;
  min-width: 0;
  display: inline-flex;
}

.hx-profile-temporal__label {
  color: var(--hx-color-muted);
  white-space: nowrap;
  flex: none;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.2;
}

.hx-profile-temporal__trigger {
  appearance: none;
  height: var(--hx-compact-control-height);
  min-height: var(--hx-compact-control-height);
  max-height: var(--hx-compact-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-control);
  background: var(--hx-color-surface);
  min-width: 8.5rem;
  color: var(--hx-color-ink);
  font: inherit;
  cursor: pointer;
  outline: 0;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: 0 .7rem;
  font-size: .78rem;
  font-weight: 650;
  display: inline-flex;
}

.hx-profile-temporal__trigger:hover {
  border-color: var(--hx-color-border-strong);
}

.hx-profile-temporal__trigger:focus-visible {
  border-color: var(--hx-color-brand-strong);
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
}

.hx-profile-temporal__trigger-icon, .hx-profile-temporal__chevron {
  color: var(--hx-color-muted);
  flex: none;
  place-items: center;
  display: inline-grid;
}

.hx-profile-temporal__trigger-icon svg {
  width: 1rem;
  height: 1rem;
}

.hx-profile-temporal__trigger-text {
  text-align: left;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
}

.hx-profile-temporal__chevron {
  transition: transform var(--hx-transition-fast);
}

.hx-profile-temporal__trigger[aria-expanded="true"] .hx-profile-temporal__chevron {
  transform: rotate(180deg);
}

.hx-profile-temporal__overlay {
  padding: 0;
}

.hx-profile-temporal__heading {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .2rem;
  padding: .8rem .85rem .7rem;
  display: grid;
}

.hx-profile-temporal__heading strong {
  color: var(--hx-color-ink);
  font-size: .82rem;
}

.hx-profile-temporal__heading small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  line-height: 1.45;
}

.hx-profile-temporal__quick {
  gap: .1rem;
  padding: .35rem;
  display: grid;
}

.hx-profile-temporal__quick button, .hx-profile-temporal__today {
  appearance: none;
  border-radius: var(--hx-radius-md);
  width: 100%;
  min-height: 2.5rem;
  color: var(--hx-color-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  font-size: .78rem;
}

.hx-profile-temporal__quick button {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .5rem .6rem;
  display: flex;
}

.hx-profile-temporal__quick button:hover, .hx-profile-temporal__today:hover {
  background: color-mix(in srgb, var(--hx-color-brand) 5%, var(--hx-color-surface));
}

.hx-profile-temporal__quick button:focus-visible, .hx-profile-temporal__today:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-profile-temporal__quick button.is-selected {
  background: color-mix(in srgb, var(--hx-color-brand) 7%, var(--hx-color-surface));
  color: var(--hx-color-brand-strong);
  font-weight: 700;
}

.hx-profile-temporal__custom {
  border-top: 1px solid var(--hx-color-border);
  gap: .65rem;
  padding: .75rem .85rem;
  display: grid;
}

.hx-profile-temporal__custom > .hx-field {
  min-width: 0;
}

.hx-profile-temporal__custom > .hx-button {
  justify-self: end;
}

.hx-profile-temporal__today {
  border-top: 1px solid var(--hx-color-border);
  color: var(--hx-color-brand-strong);
  border-radius: 0;
  padding: .65rem .85rem;
  font-weight: 650;
}

.hx-person-record-header__action-row > .hx-combobox {
  flex: 14rem;
  min-width: 12rem;
  max-width: 20rem;
}

.hx-person-record-header__summary {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 12%, var(--hx-color-border));
  border-radius: var(--hx-radius-control);
  background: color-mix(in srgb, var(--hx-color-brand) 3%, var(--hx-color-surface));
  gap: .55rem;
  width: 100%;
  margin-top: auto;
  padding: .7rem .75rem;
  display: grid;
}

.hx-person-record-header__summary-label {
  color: var(--hx-color-muted);
  letter-spacing: .02em;
  align-items: center;
  gap: .4rem;
  font-size: .7rem;
  font-weight: 650;
  display: inline-flex;
}

.hx-person-record-header__summary-label svg {
  color: var(--hx-color-brand);
}

.hx-person-profile-identity {
  align-items: center;
  gap: 1.4rem;
  min-width: 0;
  display: flex;
}

.hx-person-profile-identity__copy {
  gap: .25rem;
  min-width: 0;
  display: grid;
}

.hx-person-record-title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  display: flex;
}

.hx-person-record-title-row h1 {
  letter-spacing: -.03em;
  margin: 0;
  font-size: clamp(1.65rem, 2vw, 2rem);
  line-height: 1.12;
}

.hx-person-profile-identity__meta {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.35;
}

.hx-person-profile-identity__facts {
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem 1.15rem;
  margin-top: .12rem;
  display: flex;
}

.hx-person-profile-identity__fact, .hx-person-profile-identity__contact {
  min-width: 0;
  color: var(--hx-color-muted);
  align-items: center;
  gap: .35rem;
  font-size: .8rem;
  line-height: 1.35;
  display: inline-flex;
}

.hx-person-profile-identity__fact svg, .hx-person-profile-identity__contact svg {
  color: var(--hx-color-brand);
  flex: none;
}

.hx-person-profile-identity__facts, .hx-person-profile-identity__fact, .hx-person-profile-identity__contact {
  min-width: 0;
  max-width: 100%;
}

.hx-person-profile-identity__fact > span, .hx-person-profile-identity__contact > span {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  min-width: 0;
  max-width: 100%;
}

.hx-person-profile-identity__contact {
  color: var(--hx-color-brand-strong);
  text-decoration: none;
}

.hx-person-profile-identity__contact:hover {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.hx-person-profile-identity__meta-row {
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: 0;
  display: flex;
}

.hx-person-profile-identity__meta-token {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 14%, var(--hx-color-border));
  border-radius: var(--hx-radius-control);
  background: color-mix(in srgb, var(--hx-color-brand) 3.5%, var(--hx-color-surface));
  min-height: 1.75rem;
  color: var(--hx-color-ink);
  align-items: center;
  gap: .35rem;
  padding: .2rem .55rem;
  font-size: .72rem;
  font-weight: 550;
  display: inline-flex;
}

.hx-person-profile-identity__meta-token svg {
  color: currentColor;
  flex: 0 0 .9rem;
  width: .9rem;
  height: .9rem;
}

.hx-profile-tabs {
  border: 0;
  border-bottom: 1px solid var(--hx-color-border);
  background: none;
  border-radius: 0;
  align-items: end;
  gap: clamp(1.5rem, 3vw, 3rem);
  width: 100%;
  min-width: 0;
  padding: 0;
  display: flex;
}

.hx-profile-tabs > button[role="tab"], .hx-profile-tabs > .hx-tab-option > button[role="tab"] {
  min-width: 0;
  min-height: 3rem;
  color: var(--hx-color-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  flex: none;
  padding: 0 .15rem;
  font-size: .875rem;
  font-weight: 600;
}

.hx-profile-tabs > button[role="tab"]:hover:not(:disabled), .hx-profile-tabs > .hx-tab-option > button[role="tab"]:hover:not(:disabled) {
  color: var(--hx-color-ink);
  border-bottom-color: color-mix(in srgb, var(--hx-color-brand) 45%, transparent);
  background: none;
}

.hx-profile-tabs > button[role="tab"]:focus-visible, .hx-profile-tabs > .hx-tab-option > button[role="tab"]:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: -2px;
}

.hx-profile-tabs > button[role="tab"].is-active, .hx-profile-tabs > .hx-tab-option > button[role="tab"].is-active {
  color: var(--hx-color-brand-strong);
  border-bottom-color: var(--hx-color-brand-strong);
  background: none;
}

.hx-profile-v2__body {
  padding-top: var(--hx-space-0);
}

.hx-profile-v2__section {
  min-width: 0;
}

.hx-profile-v2__section-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-4);
  border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 88%, transparent);
  min-height: 4.5rem;
  margin: 0;
  padding: .85rem 0;
  display: flex;
}

.hx-profile-v2__section-head--locked {
  min-height: 4.5rem;
}

.hx-profile-section-title {
  align-items: center;
  gap: .85rem;
  min-width: 0;
  display: flex;
}

.hx-profile-section-icon {
  border-radius: var(--hx-radius-control);
  background: color-mix(in srgb, var(--hx-color-brand) 8%, var(--hx-color-surface));
  width: 2.75rem;
  height: 2.75rem;
  color: var(--hx-color-brand-strong);
  flex: 0 0 2.75rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.hx-profile-section-icon > svg {
  width: var(--hx-heading-glyph-size);
  height: var(--hx-heading-glyph-size);
}

.hx-profile-section-title__copy {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-profile-section-title h2 {
  color: var(--hx-color-ink);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
}

.hx-profile-section-title p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .76rem;
  line-height: 1.4;
}

.hx-profile-v2__overview-grid, .hx-profile-v2__personal, .hx-profile-v2__work-grid {
  gap: var(--hx-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

.hx-profile-v2__overview-card, .hx-profile-v2__personal > .hx-profile-v2__section, .hx-profile-v2__work-card, .hx-profile-v2__history-main, .hx-profile-v2__history-rail {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-surface);
  background: var(--hx-color-surface);
  box-shadow: none;
  margin: 0;
  padding: 0 1.25rem 1.1rem;
}

.hx-profile-v2__overview-card {
  height: 100%;
  min-height: 18.25rem;
}

.hx-profile-v2__overview-card--attention {
  background: var(--hx-color-surface);
}

.hx-profile-v2__body > .hx-profile-custom-section {
  margin: var(--hx-space-4) 0 0;
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-surface);
  background: var(--hx-color-surface);
  box-shadow: none;
  padding: 0 1.25rem 1.1rem;
}

.hx-profile-v2__facts {
  margin: 0;
  display: grid;
}

.hx-profile-v2__facts--rows > div {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 62%, transparent);
  grid-template-columns: minmax(9.25rem, .42fr) minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  min-width: 0;
  min-height: 2.15rem;
  display: grid;
}

.hx-profile-v2__facts--rows > div:first-child {
  border-top: 0;
}

.hx-profile-v2__facts--pairs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2rem;
}

.hx-profile-v2__facts--pairs > div {
  grid-template-columns: minmax(8.5rem, .52fr) minmax(0, 1fr);
  align-items: center;
  gap: .8rem;
  min-height: 2.15rem;
  display: grid;
}

.hx-profile-custom-section .hx-profile-v2__facts--rows > div {
  border-top: 0;
  grid-template-columns: minmax(8.5rem, 13rem) minmax(0, 1fr);
  justify-items: start;
}

.hx-profile-custom-section .hx-profile-v2__facts--pairs > div {
  border-top: 0;
  grid-template-columns: minmax(7.5rem, 10rem) minmax(0, 1fr);
  justify-items: start;
}

.hx-profile-custom-section .hx-profile-v2__facts dt, .hx-profile-custom-section .hx-profile-v2__facts dd {
  text-align: left;
  justify-self: start;
}

.hx-profile-v2__facts dt {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.35;
}

.hx-profile-v2__facts dd {
  min-width: 0;
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .83rem;
  font-weight: 500;
  line-height: 1.4;
}

.hx-profile-v2__fact-value-with-action {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-profile-v2__fact-value-with-action > .hx-button {
  flex: none;
}

.hx-profile-v2__attention-list {
  display: grid;
}

.hx-profile-v2__attention-list > article {
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 75%, transparent);
  grid-template-columns: 2.25rem minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .7rem;
  min-height: 3.25rem;
  padding: .55rem 0;
  display: grid;
}

.hx-profile-v2__attention-list > article:first-child {
  border-top: 0;
}

.hx-profile-v2__attention-list .hx-profile-section-icon {
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-muted);
  background: none;
  flex-basis: 2rem;
}

.hx-profile-v2__attention-copy {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-profile-v2__attention-copy strong {
  font-size: .8rem;
  font-weight: 600;
}

.hx-profile-v2__attention-copy span {
  color: var(--hx-color-muted);
  font-size: .72rem;
}

.hx-profile-v2__attention-pill {
  border-radius: var(--hx-radius-control);
  text-align: center;
  min-width: 5.5rem;
  padding: .28rem .55rem;
  font-size: .68rem;
  font-weight: 600;
}

.hx-profile-v2__attention-pill.is-upcoming {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
}

.hx-profile-v2__attention-pill.is-action {
  background: var(--hx-color-warning-subtle);
  color: var(--hx-color-warning);
}

.hx-profile-v2__attention-pill.is-neutral {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-muted);
}

.hx-profile-v2__quiet-state {
  color: var(--hx-color-muted);
  padding: 1rem 0;
  font-size: .8rem;
}

.hx-profile-v2__personal > #profile-additional-information, .hx-profile-v2__personal > .hx-profile-v2__section--wide {
  grid-column: 1 / -1;
}

.hx-profile-v2__records {
  display: grid;
}

.hx-profile-v2__record {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-4);
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 74%, transparent);
  min-width: 0;
  min-height: 3.75rem;
  padding: .65rem 0;
  display: flex;
}

.hx-profile-v2__record:first-child {
  border-top: 0;
}

.hx-profile-v2__record-copy {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-profile-v2__record-copy strong {
  overflow-wrap: anywhere;
  font-size: .82rem;
  font-weight: 600;
}

.hx-profile-v2__record-copy span {
  color: var(--hx-color-muted);
  overflow-wrap: anywhere;
  font-size: .74rem;
  line-height: 1.4;
}

.hx-profile-v2__record-meta-stack {
  gap: .08rem;
  display: grid;
}

.hx-profile-v2__record-meta-stack > span:last-child {
  font-size: .69rem;
}

.hx-profile-v2__record-actions {
  flex: none;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.hx-profile-v2__empty-record {
  min-height: 5rem;
  color: var(--hx-color-muted);
  text-align: center;
  align-content: center;
  place-items: center;
  gap: .15rem;
  display: grid;
}

.hx-profile-v2__empty-record strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
}

.hx-profile-v2__empty-record small {
  font-size: .72rem;
}

.hx-profile-v2__work {
  gap: var(--hx-space-4);
  display: grid;
}

.hx-profile-v2__work-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: var(--hx-space-4);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-surface);
  background: var(--hx-color-surface);
  min-height: 4.5rem;
  margin: 0;
  padding: .75rem 1rem;
  display: flex;
}

.hx-profile-v2__work-toolbar > div:first-child, .hx-profile-v2__work-toolbar .hx-profile-section-title {
  min-width: 0;
}

.hx-profile-v2__work-as-of {
  flex: none;
}

.hx-profile-v2__work-as-of .hx-field {
  grid-template-columns: auto 12rem;
  align-items: center;
  gap: .65rem;
  width: auto;
  margin: 0;
  display: grid;
}

.hx-profile-v2__work-as-of .hx-field__label {
  color: var(--hx-color-muted);
  white-space: nowrap;
  margin: 0;
  font-size: .75rem;
  font-weight: 550;
}

.hx-profile-v2__work-card--wide {
  grid-column: 1 / -1;
}

.hx-profile-v2__history {
  gap: var(--hx-space-3);
  display: grid;
}

.hx-profile-v2__history > .hx-subtabs {
  border-bottom: 1px solid var(--hx-color-border);
  padding-bottom: .15rem;
}

.hx-profile-v2__history-layout {
  gap: var(--hx-space-4);
  grid-template-columns: minmax(0, 1.7fr) minmax(18rem, .7fr);
  display: grid;
}

.hx-profile-v2__history-main, .hx-profile-v2__history-rail {
  padding-top: 0;
}

.hx-profile-v2__timeline {
  padding: .35rem 0;
  display: grid;
  position: relative;
}

.hx-profile-v2__timeline:before {
  content: "";
  background: color-mix(in srgb, var(--hx-color-brand) 25%, var(--hx-color-border));
  width: 1px;
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: 9.7rem;
}

.hx-profile-v2__timeline-event {
  grid-template-columns: 8.75rem 1.1rem minmax(0, 1fr);
  gap: .65rem;
  padding: .8rem 0;
  display: grid;
  position: relative;
}

.hx-profile-v2__timeline-event time {
  color: var(--hx-color-muted);
  font-variant-numeric: tabular-nums;
  font-size: .72rem;
  line-height: 1.45;
}

.hx-profile-v2__timeline-marker {
  border: 2px solid var(--hx-color-brand);
  background: var(--hx-color-surface);
  z-index: 1;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  margin-top: .1rem;
}

.hx-profile-v2__timeline-copy {
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-profile-v2__timeline-copy > small {
  color: var(--hx-color-brand-strong);
  text-transform: uppercase;
  letter-spacing: .035em;
  font-size: .67rem;
  font-weight: 650;
}

.hx-profile-v2__timeline-copy > strong {
  font-size: .83rem;
  font-weight: 650;
}

.hx-profile-v2__history-changes {
  gap: .2rem;
  margin: .25rem 0 0;
  display: grid;
}

.hx-profile-v2__history-changes > div {
  grid-template-columns: minmax(7.5rem, .35fr) minmax(0, 1fr);
  align-items: baseline;
  gap: .7rem;
  display: grid;
}

.hx-profile-v2__history-changes dt {
  color: var(--hx-color-muted);
  font-size: .7rem;
}

.hx-profile-v2__history-changes dd {
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  margin: 0;
  font-size: .74rem;
  display: flex;
}

.hx-profile-v2__history-changes dd > span {
  color: var(--hx-color-muted);
  text-decoration: line-through;
}

.hx-profile-v2__history-no-fields {
  width: fit-content;
  color: var(--hx-color-muted);
  margin-top: .2rem;
  font-size: .72rem;
  line-height: 1.4;
}

.hx-profile-v2__history-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  display: flex;
}

.hx-profile-v2__history-category {
  color: var(--hx-color-brand-strong);
  letter-spacing: .025em;
  text-transform: uppercase;
  font-size: .67rem;
  font-weight: 650;
}

.hx-profile-v2__history-actor {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 16%, var(--hx-color-border));
  border-radius: var(--hx-radius-sm);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  max-width: 100%;
  min-height: 1.45rem;
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  align-items: center;
  padding: .12rem .45rem;
  font-size: .67rem;
  font-weight: 620;
  line-height: 1.2;
  display: inline-flex;
}

.hx-profile-v2__history-source {
  color: var(--hx-color-muted);
  font-size: .67rem;
  line-height: 1.2;
}

.hx-profile-v2__history-lineage {
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem;
  margin-top: .05rem;
  display: flex;
}

.hx-profile-v2__history-lineage > span {
  border-radius: var(--hx-radius-sm);
  background: var(--hx-color-surface-muted);
  max-width: 100%;
  color: var(--hx-color-muted);
  overflow-wrap: anywhere;
  padding: .12rem .4rem;
  font-size: .66rem;
  line-height: 1.25;
}

.hx-profile-v2__history-effective, .hx-profile-v2__history-reason {
  color: var(--hx-color-muted);
  font-size: .72rem;
  line-height: 1.4;
}

.hx-profile-v2__history-effective {
  font-weight: 580;
}

.hx-profile-v2__history-more {
  margin-top: .2rem;
}

.hx-profile-v2__history-more > summary {
  width: max-content;
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 650;
}

.hx-profile-v2__history-more[open] > summary {
  margin-bottom: .25rem;
}

.hx-profile-v2__history-forensic {
  border-top: 1px solid var(--hx-color-border);
  color: var(--hx-color-muted);
  margin: .85rem 0 0;
  padding-top: .7rem;
  font-size: .7rem;
  line-height: 1.45;
}

.hx-profile-v2__history-rail article {
  border-top: 1px solid var(--hx-color-border);
  gap: .15rem;
  padding: .75rem 0;
  display: grid;
}

.hx-profile-v2__history-rail article:first-of-type {
  border-top: 0;
}

.hx-profile-v2__history-rail article strong {
  font-size: .82rem;
  font-weight: 600;
}

.hx-profile-v2__history-rail article span, .hx-profile-v2__history-rail article small, .hx-profile-v2__history-rail p {
  color: var(--hx-color-muted);
  font-size: .72rem;
}

.hx-profile-task-drawer {
  background: #fafbff;
  width: min(38rem, 100%);
  padding: 0;
}

.hx-profile-task-form {
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
  min-height: 0;
  display: grid;
}

.hx-profile-task-drawer__body {
  overscroll-behavior: contain;
  align-content: start;
  gap: var(--hx-space-3);
  min-height: 0;
  padding: var(--hx-space-4) 1rem var(--hx-space-6);
  background: #fafbff;
  display: grid;
  overflow-y: auto;
}

.hx-profile-task-drawer__footer {
  min-height: calc(var(--hx-drawer-footer-height) + env(safe-area-inset-bottom));
  justify-content: flex-end;
  align-items: center;
  gap: var(--hx-space-2);
  border-top: 1px solid var(--hx-color-border);
  padding: 0 1rem env(safe-area-inset-bottom);
  background: #fff;
  display: flex;
}

.hx-profile-task-drawer__footer > .hx-button {
  min-width: 8.5rem;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
}

.hx-profile-review {
  gap: var(--hx-space-4);
  width: min(100%, 42rem);
  display: grid;
}

.hx-profile-review__header {
  gap: .2rem;
  display: grid;
}

.hx-profile-review__eyebrow {
  color: var(--hx-color-brand-strong);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 700;
}

.hx-profile-review__header h3 {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
}

.hx-profile-review__header p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .8rem;
  line-height: 1.5;
}

.hx-profile-review__list {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  margin: 0;
  overflow: hidden;
}

.hx-profile-review__row {
  align-items: center;
  gap: var(--hx-space-4);
  border-top: 1px solid color-mix(in srgb, var(--hx-color-border) 78%, transparent);
  grid-template-columns: minmax(8.5rem, .42fr) minmax(0, 1fr);
  min-height: 3.25rem;
  padding: .7rem .85rem;
  display: grid;
}

.hx-profile-review__row:first-child {
  border-top: 0;
}

.hx-profile-review__row dt {
  color: var(--hx-color-muted);
  font-size: .74rem;
  font-weight: 550;
  line-height: 1.35;
}

.hx-profile-review__row dd {
  min-width: 0;
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: .4rem;
  margin: 0;
  font-size: .8rem;
  line-height: 1.4;
  display: flex;
}

.hx-profile-review__before {
  overflow-wrap: anywhere;
  max-width: 100%;
  color: var(--hx-color-muted);
  text-decoration: line-through;
  -webkit-text-decoration-color: color-mix(in srgb, var(--hx-color-muted) 55%, transparent);
  text-decoration-color: color-mix(in srgb, var(--hx-color-muted) 55%, transparent);
}

.hx-profile-review__arrow {
  color: var(--hx-color-brand-strong);
  font-weight: 700;
}

.hx-profile-review__after {
  overflow-wrap: anywhere;
  max-width: 100%;
  font-weight: 650;
}

@media (max-width: 40rem) {
  .hx-profile-review__row {
    grid-template-columns: 1fr;
    gap: .25rem;
  }

  .hx-profile-review__row dd {
    align-items: flex-start;
  }
}

.hx-profile-task-form__group {
  margin-top: 0;
}

.hx-person-avatar-action {
  border-radius: var(--hx-radius-surface);
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  padding: 0;
  display: inline-grid;
  position: relative;
}

.hx-person-avatar-action:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 3px;
}

.hx-person-avatar-action__badge {
  border: 2px solid var(--hx-color-surface);
  background: var(--hx-color-brand);
  color: #fff;
  border-radius: 999px;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  display: grid;
  position: absolute;
  bottom: .3rem;
  right: .3rem;
  box-shadow: 0 2px 8px #10182829;
}

.hx-person-avatar-action:hover .hx-person-avatar-action__badge {
  background: var(--hx-color-brand-active);
}

.hx-profile-photo-modal {
  width: min(36rem, 100%);
  overflow: hidden;
}

.hx-profile-photo-workspace {
  gap: var(--hx-space-3);
  display: grid;
}

.hx-profile-photo-error {
  border: 1px solid color-mix(in srgb, var(--hx-color-danger) 24%, var(--hx-color-border));
  border-radius: var(--hx-radius-control);
  background: color-mix(in srgb, var(--hx-color-danger) 4%, var(--hx-color-surface));
  color: var(--hx-color-danger);
  align-items: flex-start;
  gap: .55rem;
  padding: .65rem .75rem;
  font-size: .78rem;
  line-height: 1.4;
  display: flex;
}

.hx-profile-photo-error > span:first-child {
  background: var(--hx-color-danger-subtle);
  border-radius: 999px;
  flex: 0 0 1.15rem;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  font-size: .7rem;
  font-weight: 800;
  display: grid;
}

.hx-profile-photo-preview {
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 16%, var(--hx-color-border));
  border-radius: var(--hx-radius-surface);
  background: linear-gradient(45deg, color-mix(in srgb, var(--hx-color-brand) 4%, transparent) 25%, transparent 25%) 0 0 / 1rem 1rem,
    linear-gradient(-45deg, color-mix(in srgb, var(--hx-color-brand) 4%, transparent) 25%, transparent 25%) 0 .5rem / 1rem 1rem,
    var(--hx-color-surface-muted);
  width: min(15rem, 56vw);
  color: var(--hx-color-brand-strong);
  justify-self: center;
  place-items: center;
  font-size: 2rem;
  font-weight: 700;
  display: grid;
  overflow: hidden;
}

.hx-profile-photo-preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.hx-profile-photo-dropzone {
  border: 1px dashed var(--hx-color-border-strong);
  border-radius: var(--hx-radius-surface);
  background: var(--hx-color-surface);
  text-align: left;
  min-height: 7.25rem;
  padding: var(--hx-space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  display: grid;
}

.hx-profile-photo-dropzone__icon {
  border-radius: var(--hx-radius-control);
  background: var(--hx-color-brand-subtle);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--hx-color-brand-strong);
  place-items: center;
  display: grid;
}

.hx-profile-photo-dropzone__copy {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.hx-profile-photo-dropzone.is-dragging {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand-subtle);
}

.hx-profile-photo-dropzone > .hx-button {
  min-width: 10rem;
}

.hx-profile-photo-dropzone strong {
  font-size: .86rem;
}

.hx-profile-photo-dropzone small {
  color: var(--hx-color-muted);
  font-size: .74rem;
}

.hx-profile-photo-controls {
  gap: var(--hx-space-2);
  display: grid;
}

.hx-profile-photo-modal__footer {
  justify-content: space-between;
  gap: var(--hx-space-3);
}

.hx-profile-photo-modal__footer-actions {
  justify-content: end;
  align-items: center;
  gap: var(--hx-space-2);
  grid-template-columns: repeat(2, 8.5rem);
  margin-left: auto;
  display: grid;
}

.hx-profile-photo-modal__footer-actions > .hx-button, .hx-profile-photo-remove, .hx-profile-photo-modal__footer-actions > .hx-button.is-loading {
  width: 8.5rem;
  min-width: 8.5rem;
  max-width: 8.5rem;
}

.hx-profile-photo-remove {
  margin-right: auto;
}

.hx-profile-photo-modal .hx-button__loading {
  gap: .42rem;
}

.hx-profile-photo-modal .hx-button__spinner {
  flex: 0 0 1rem;
}

@media (max-width: 48rem) {
  .hx-modal-backdrop .hx-profile-photo-modal {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

@media (max-width: 40rem) {
  .hx-profile-photo-dropzone {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .hx-profile-photo-dropzone > .hx-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .hx-profile-photo-modal__footer {
    grid-template-columns: 1fr;
    display: grid;
  }

  .hx-profile-photo-remove {
    width: 100%;
  }

  .hx-profile-photo-modal__footer-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    display: grid;
  }

  .hx-profile-photo-modal__footer-actions > .hx-button {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}

.hx-data-grid-view-menu__dirty {
  color: var(--hx-color-brand);
}

@media (max-width: 64rem) {
  .hx-profile-v2__overview-grid, .hx-profile-v2__personal, .hx-profile-v2__work-grid, .hx-profile-v2__history-layout {
    grid-template-columns: 1fr;
  }

  .hx-profile-v2__personal > #profile-additional-information, .hx-profile-v2__work-card--wide {
    grid-column: auto;
  }

  .hx-profile-v2__overview-card {
    min-height: 0;
  }
}

@media (max-width: 52rem) {
  .hx-person-profile-shell__header {
    align-items: flex-start;
    padding: 1rem;
  }

  .hx-person-profile-shell__header:before {
    width: 16rem;
    height: 16rem;
    box-shadow: 0 0 0 3.25rem color-mix(in srgb, var(--hx-color-brand) 1.75%, transparent);
    top: -9rem;
    right: -8rem;
  }

  .hx-person-profile-shell__header:after {
    opacity: .42;
    width: 4.25rem;
    height: 2.7rem;
    bottom: .65rem;
    right: .7rem;
  }

  .hx-person-profile-shell__header .hx-person-avatar--lg {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 1rem;
  }

  .hx-person-profile-identity {
    align-items: flex-start;
    gap: .85rem;
  }

  .hx-person-record-header__actions {
    flex-basis: auto;
    align-self: flex-start;
    width: min(21rem, 100%);
    min-width: 0;
  }

  .hx-profile-v2__work-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .hx-profile-v2__work-as-of {
    width: 100%;
  }

  .hx-profile-v2__work-as-of .hx-field {
    grid-template-columns: 1fr;
    gap: .25rem;
    width: 100%;
  }

  .hx-profile-v2__facts--pairs {
    grid-template-columns: 1fr;
  }

  .hx-profile-v2__timeline:before {
    display: none;
  }

  .hx-profile-v2__timeline-event {
    grid-template-columns: 1fr;
    gap: .2rem;
  }

  .hx-profile-v2__timeline-marker {
    display: none;
  }

  .hx-profile-task-drawer {
    width: 100vw;
    max-width: 100vw;
  }

  .hx-profile-task-drawer__body, .hx-profile-task-drawer__footer {
    padding-inline: var(--hx-space-4);
  }
}

@media (max-width: 36rem) {
  .hx-person-profile-shell__header {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .hx-person-record-header__identity {
    width: 100%;
  }

  .hx-person-profile-identity {
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    width: 100%;
  }

  .hx-person-profile-identity__copy {
    justify-items: center;
    width: 100%;
  }

  .hx-person-record-title-row {
    justify-content: center;
  }

  .hx-person-profile-identity__facts {
    text-align: left;
    flex-direction: column;
    align-items: stretch;
    gap: .45rem;
    width: min(100%, 22rem);
    margin-top: .35rem;
  }

  .hx-person-profile-identity__fact, .hx-person-profile-identity__contact {
    justify-content: flex-start;
    width: 100%;
  }

  .hx-person-profile-identity__meta-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .4rem;
    width: 100%;
    margin-top: .55rem;
    display: grid;
  }

  .hx-person-profile-identity__meta-token {
    white-space: nowrap;
    justify-content: center;
    min-width: 0;
  }

  .hx-person-record-header__actions {
    align-self: stretch;
    align-items: stretch;
    width: 100%;
    max-width: none;
  }

  .hx-person-record-header__action-row {
    justify-content: stretch;
    width: 100%;
  }

  .hx-person-record-header__action-row > .hx-combobox {
    flex-basis: 100%;
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .hx-person-record-header__action-row > .hx-button, .hx-person-record-header__action-row > .hx-action-menu, .hx-person-record-header__action-row > .hx-action-menu > .hx-button {
    justify-content: center;
    width: 100%;
  }

  .hx-person-record-header__summary {
    margin-top: 0;
  }

  .hx-profile-temporal {
    width: 100%;
  }

  .hx-profile-temporal__label {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .hx-profile-temporal__trigger {
    width: 100%;
    min-width: 0;
  }

  .hx-profile-v2__attention-list > article {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
  }

  .hx-profile-v2__attention-list > article > .hx-button {
    grid-column: 2 / -1;
    justify-self: start;
  }
}

.hx-person-reference {
  vertical-align: middle;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  display: inline-flex;
}

.hx-person-reference .hx-person-avatar--sm {
  flex: none;
  width: 2rem;
  height: 2rem;
}

.hx-person-reference__copy {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-person-reference__copy strong {
  color: var(--hx-color-ink);
  font-size: .82rem;
  font-weight: 620;
  line-height: 1.25;
}

.hx-person-reference__copy small {
  color: var(--hx-color-muted);
  font-size: .7rem;
  line-height: 1.3;
}

.hx-person-reference--compact .hx-person-avatar--sm {
  width: 1.75rem;
  height: 1.75rem;
}

.hx-profile-custom-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  min-width: 0;
  display: grid;
}

.hx-profile-custom-field {
  min-width: 0;
}

.hx-profile-custom-field.is-full {
  grid-column: 1 / -1;
}

.hx-profile-custom-field.is-half {
  grid-column: span 1;
}

@media (max-width: 52rem) {
  .hx-profile-custom-field-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-profile-custom-field.is-full, .hx-profile-custom-field.is-half {
    grid-column: auto;
  }
}

.hx-profile-v2__facts > .hx-profile-v2__fact--wide {
  grid-column: 1 / -1;
}

.hx-verification-employee-preview {
  border-radius: var(--hx-radius-md);
  scroll-margin-block: 1rem;
}

.hx-verification-employee-preview:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 2px;
}

.hx-verification-next {
  border-top: 1px solid var(--hx-color-border);
  gap: .6rem;
  padding-top: .85rem;
  display: grid;
}

.hx-verification-next__heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-verification-next__heading > strong {
  color: var(--hx-color-ink);
  font-size: .88rem;
}

.hx-verification-next__heading .hx-button {
  flex: none;
}

.hx-verification-next ol {
  color: var(--hx-color-muted);
  gap: .42rem;
  margin: 0;
  padding-inline-start: 1.25rem;
  font-size: .78rem;
  line-height: 1.45;
  display: grid;
}

.hx-merge-guidance {
  border-bottom: 1px solid var(--hx-color-border);
  gap: .8rem;
  padding: .1rem 0 .9rem;
  display: grid;
}

.hx-merge-guidance__heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.hx-merge-guidance__heading > div {
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-merge-guidance__heading h3 {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: 1rem;
  line-height: 1.3;
}

.hx-merge-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hx-merge-steps > li {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  grid-template-columns: 1.65rem minmax(0, 1fr);
  align-items: start;
  gap: .42rem;
  min-width: 0;
  padding: .6rem;
  display: grid;
}

.hx-merge-steps > li > span:last-child {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.hx-merge-steps strong {
  color: var(--hx-color-ink);
  font-size: .76rem;
  line-height: 1.3;
}

.hx-merge-steps small {
  color: var(--hx-color-muted);
  font-size: .69rem;
  line-height: 1.35;
}

.hx-merge-step__number {
  background: var(--hx-color-surface-muted);
  width: 1.65rem;
  height: 1.65rem;
  color: var(--hx-color-muted);
  border-radius: 50%;
  place-items: center;
  font-size: .7rem;
  font-weight: 750;
  display: grid;
}

.hx-merge-steps > li.is-complete {
  border-color: color-mix(in srgb, var(--hx-color-success) 20%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-success-subtle) 42%, var(--hx-color-surface));
}

.hx-merge-steps > li.is-complete .hx-merge-step__number {
  background: var(--hx-color-success-subtle);
  color: var(--hx-color-success);
}

.hx-merge-steps > li.is-current {
  border-color: color-mix(in srgb, var(--hx-color-brand) 34%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
}

.hx-merge-steps > li.is-current .hx-merge-step__number {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-active);
}

.hx-merge-steps > li.is-blocked {
  border-color: color-mix(in srgb, var(--hx-color-danger) 26%, var(--hx-color-border));
  background: color-mix(in srgb, var(--hx-color-danger-subtle) 42%, var(--hx-color-surface));
}

.hx-merge-steps > li.is-blocked .hx-merge-step__number {
  background: var(--hx-color-danger-subtle);
  color: var(--hx-color-danger);
}

.hx-merge-steps > li.is-pending {
  opacity: .72;
}

.hx-merge-guidance__next {
  border-left: 3px solid var(--hx-color-danger);
  background: color-mix(in srgb, var(--hx-color-danger-subtle) 34%, var(--hx-color-surface));
  gap: .18rem;
  padding: .62rem .7rem;
  display: grid;
}

.hx-merge-guidance__next strong {
  color: var(--hx-color-ink);
  font-size: .78rem;
}

.hx-merge-guidance__next span {
  color: var(--hx-color-muted);
  font-size: .74rem;
  line-height: 1.45;
}

@media (max-width: 48rem) {
  .hx-merge-steps {
    grid-template-columns: 1fr;
  }

  .hx-merge-guidance__heading {
    align-items: flex-start;
  }
}

.hx-form-disclosure__header {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-form-disclosure__header > .hx-form-disclosure__trigger {
  flex: auto;
  min-width: 0;
}

.hx-form-disclosure__actions {
  flex: none;
  gap: .5rem;
  display: flex;
}

.hx-form-disclosure__count {
  color: var(--hx-color-muted);
  margin-left: .5rem;
  font-weight: 500;
}

.hx-icon-button--danger .hx-action-menu__glyph, .hx-button--danger .hx-action-menu__glyph {
  color: currentColor;
  margin-top: 0;
}

:is(.hx-action-menu, .hx-split-action__menu, .hx-table-row-actions__menu) button.is-danger {
  color: var(--hx-color-ink);
  background: none;
  border-color: #0000;
}

:is(.hx-action-menu, .hx-split-action__menu, .hx-table-row-actions__menu) button.is-danger:hover:not(:disabled) {
  background: var(--hx-color-table-row-hover);
  color: var(--hx-color-ink);
  border-color: #0000;
}

:is(.hx-action-menu, .hx-split-action__menu, .hx-table-row-actions__menu) button.is-danger small {
  color: inherit;
}

:is(.hx-action-menu, .hx-split-action__menu, .hx-table-row-actions__menu) button.is-danger svg {
  color: var(--hx-color-danger);
}

:is(.hx-action-menu, .hx-split-action__menu, .hx-table-row-actions__menu) button.is-danger:hover:not(:disabled) svg {
  color: var(--hx-color-danger-hover);
}

@media (max-width: 52rem) {
  :root {
    --hx-form-control-height: var(--hx-mobile-form-control-height);
    --hx-compact-control-height: var(--hx-mobile-compact-control-height);
    --hx-button-height: var(--hx-mobile-button-height);
  }
}

@media (max-width: 47.99rem) {
  .hx-page-header__actions, .hx-company-settings-heading-actions, .hx-person-record-header__action-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: .4rem;
    width: 100%;
    min-width: 0;
    display: grid;
  }

  .hx-page-header__actions > *, .hx-company-settings-heading-actions > *, .hx-person-record-header__action-row > * {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .hx-page-header__actions > :only-child, .hx-company-settings-heading-actions > :only-child, .hx-person-record-header__action-row > :only-child, .hx-page-header__actions > :last-child:nth-child(odd), .hx-company-settings-heading-actions > :last-child:nth-child(odd), .hx-person-record-header__action-row > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .hx-page-header__actions .hx-button, .hx-company-settings-heading-actions .hx-button, .hx-person-record-header__action-row .hx-button, .hx-person-record-header__action-row .hx-action-menu {
    width: 100%;
  }

  .hx-drawer-backdrop > .hx-drawer:not(.hx-help-drawer) {
    box-sizing: border-box;
    border-left: 0;
    border-radius: 0;
    width: 100dvw;
    min-width: 0;
    max-width: 100dvw;
    height: 100dvh;
    max-height: 100dvh;
  }

  .hx-drawer-backdrop > .hx-drawer:not(.hx-help-drawer) .hx-view-facts--2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-drawer-backdrop > .hx-drawer:not(.hx-help-drawer) > .hx-drawer__footer > .hx-button:only-child {
    width: 100%;
  }

  .hx-m3-drawer, .hx-m3-drawer--centered-form, .hx-profile-task-drawer {
    width: 100vw;
    max-width: 100vw;
    padding-inline: 0;
  }

  .hx-drawer__header, .hx-drawer-form__body, .hx-profile-task-drawer__body, .hx-drawer-form__footer, .hx-drawer__footer, .hx-profile-task-drawer__footer {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }

  .hx-profile-task-drawer__footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hx-profile-task-drawer__footer > .hx-button {
    width: 100%;
    min-width: 0;
  }

  .hx-profile-task-drawer__footer > .hx-button--danger:first-child:nth-last-child(3) {
    grid-column: 1 / -1;
  }

  .hx-company-structure__tabs, .hx-profile-tabs, .hx-people-primary-tabs {
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    overflow: auto hidden;
  }

  .hx-company-structure__tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-profile-tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-people-primary-tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-company-structure__tabs > button[role="tab"], .hx-company-structure__tabs > .hx-tab-option, .hx-profile-tabs > button[role="tab"], .hx-profile-tabs > .hx-tab-option, .hx-people-primary-tabs > button[role="tab"], .hx-people-primary-tabs > .hx-tab-option {
    scroll-snap-align: start;
    white-space: nowrap;
    flex: none;
  }

  .hx-profile-tabs {
    gap: 1.35rem;
  }

  .hx-company-structure__page-actions .hx-m3-primary-actions, .hx-people-page-heading__actions {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: .4rem;
    width: 100%;
    margin-left: 0;
    display: grid;
  }

  .hx-company-structure__page-actions .hx-m3-primary-actions > *, .hx-people-page-heading__actions > * {
    width: 100%;
    min-width: 0;
  }

  .hx-company-structure__page-actions .hx-m3-primary-actions > :only-child, .hx-people-page-heading__actions > :only-child, .hx-company-structure__page-actions .hx-m3-primary-actions > :last-child:nth-child(odd), .hx-people-page-heading__actions > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .hx-people-page-heading {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    width: 100%;
    min-width: 0;
    display: grid;
  }

  .hx-people-page-heading > h1 {
    width: 100%;
    min-width: 0;
  }

  .hx-people-page-heading__actions .hx-button, .hx-people-page-heading__actions .hx-split-action, .hx-company-structure__page-actions .hx-button, .hx-company-structure__page-actions .hx-split-action {
    width: 100%;
  }

  .hx-people-page-heading__actions .hx-split-action > .hx-button, .hx-company-structure__page-actions .hx-split-action > .hx-button {
    flex: auto;
    min-width: 0;
    width: auto !important;
  }

  .hx-people-page-heading__actions .hx-split-action__trigger, .hx-company-structure__page-actions .hx-split-action__trigger {
    flex: 0 0 2rem;
    width: 2rem;
  }

  .hx-data-grid-toolbar {
    top: calc(var(--hx-topbar-height) + .35rem + env(safe-area-inset-top));
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: .4rem;
    display: grid;
    position: sticky;
  }

  .hx-data-grid-toolbar__search-wrap, .hx-data-grid-toolbar__search {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .hx-data-grid-toolbar__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: .35rem;
    width: 100%;
    min-width: 0;
    display: grid;
    overflow: visible;
  }

  .hx-data-grid-toolbar__actions > * {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .hx-data-grid-toolbar__actions > :only-child, .hx-data-grid-toolbar__actions > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .hx-data-grid-toolbar__actions .hx-button, .hx-data-grid-filters__trigger, .hx-data-grid-columns__trigger, .hx-data-grid-view-menu > .hx-button {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .hx-data-grid-filters__label, .hx-data-grid-columns__label {
    display: inline;
  }

  .hx-data-grid-table--matrix {
    width: max(100%, var(--hx-data-grid-track-width, 100%));
    min-width: max(100%, var(--hx-data-grid-track-width, 100%));
    table-layout: fixed;
  }

  .hx-data-grid-table--matrix th, .hx-data-grid-table--matrix td {
    box-sizing: border-box;
  }

  .hx-data-grid-table--matrix .hx-data-grid-table__pinned--left, .hx-data-grid-table--matrix .hx-people-table-person-column {
    box-shadow: none !important;
    position: static !important;
    left: auto !important;
  }

  .hx-table-region--adaptive .hx-table-wrap {
    background: var(--hx-color-surface);
    contain: paint;
    position: relative;
  }

  .hx-table-region--adaptive .hx-data-grid-table--matrix thead {
    z-index: 20;
    position: relative;
  }

  .hx-table-region--adaptive .hx-data-grid-table--matrix thead th {
    z-index: 21;
    box-shadow: 0 1px 0 var(--hx-color-table-header-border);
    background-clip: padding-box;
    background: var(--hx-color-table-header) !important;
    position: sticky !important;
    top: 0 !important;
  }

  .hx-data-grid-table--matrix tbody .hx-data-grid-table__selection {
    z-index: auto !important;
    box-shadow: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
  }

  .hx-data-grid-table--matrix thead th.hx-data-grid-table__selection {
    z-index: 22;
    left: auto !important;
    right: auto !important;
  }

  .hx-data-grid-table--matrix .hx-data-grid-table__actions {
    z-index: 12;
    background: var(--hx-color-surface);
    box-shadow: none;
    background-clip: padding-box;
    width: var(--hx-grid-action-width) !important;
    min-width: var(--hx-grid-action-width) !important;
    max-width: var(--hx-grid-action-width) !important;
    padding: 0 !important;
    position: sticky !important;
    right: 0 !important;
  }

  .hx-data-grid-table--matrix th.hx-data-grid-table__actions {
    z-index: 26;
    background: var(--hx-color-table-header) !important;
    top: 0 !important;
  }

  .hx-data-grid-table--matrix .hx-table-row-actions {
    justify-content: center;
    width: 100%;
  }

  .hx-data-grid-table--matrix .hx-table-row-actions__trigger {
    width: var(--hx-grid-action-width);
    min-width: var(--hx-grid-action-width);
    height: var(--hx-compact-control-height);
    margin: 0;
  }

  .hx-table-region--adaptive .hx-table-wrap {
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    isolation: isolate;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    max-height: var(--hx-adaptive-table-max-height, 48dvh) !important;
    scrollbar-gutter: auto !important;
    overflow: hidden auto !important;
  }

  .hx-table-region--adaptive[data-hx-horizontal-overflow="true"] .hx-table-wrap {
    overflow-x: auto !important;
  }

  .hx-table-region--adaptive[data-hx-horizontal-overflow="false"] .hx-table-wrap {
    overflow-x: hidden !important;
  }

  .hx-table-region--adaptive[data-hx-vertical-overflow="true"] .hx-table-wrap {
    overscroll-behavior-y: auto;
    overflow-y: auto !important;
  }

  .hx-table-region--adaptive[data-hx-vertical-overflow="false"] .hx-table-wrap {
    overflow-y: hidden !important;
  }

  .hx-table-region--adaptive[data-hx-vertical-overflow="true"] > .hx-table-wrap {
    width: 100%;
  }

  .hx-table-region .hx-table-wrap:has(.hx-data-grid-table--records) {
    touch-action: pan-y;
    overflow-x: hidden !important;
  }

  .hx-table-region {
    --hx-mobile-table-footer-height: calc(var(--hx-grid-footer-height) + env(safe-area-inset-bottom));
  }

  .hx-table-footer {
    z-index: 12;
    width: 100%;
    min-height: var(--hx-mobile-table-footer-height);
    padding: .2rem max(.35rem, env(safe-area-inset-right)) calc(.2rem + env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));
    box-shadow: 0 -1px 0 var(--hx-color-border);
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-areas: "export pagination rows";
    align-items: center;
    gap: 0 .25rem;
    display: grid;
    position: sticky;
    bottom: 0;
    overflow: visible;
  }

  .hx-table-footer__left {
    grid-area: export;
    justify-self: start;
    align-items: center;
    gap: .2rem;
    width: auto;
    min-width: 0;
    display: flex;
  }

  .hx-table-result-count {
    display: none;
  }

  .hx-table-pagination {
    grid-area: pagination;
    justify-content: center;
    gap: .04rem;
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .hx-table-pagination__arrow {
    width: var(--hx-button-height);
    min-width: var(--hx-button-height);
    height: var(--hx-button-height);
  }

  .hx-table-pagination__arrow:first-child, .hx-table-pagination__arrow:last-child, .hx-table-pagination__status--desktop {
    display: none;
  }

  .hx-table-pagination__status--mobile {
    min-width: 2.25rem;
    font-size: .7rem;
    display: inline;
  }

  .hx-table-page-size {
    grid-area: rows / auto;
    justify-self: end;
    gap: 0;
    width: auto;
    min-width: 0;
    margin-left: 0;
  }

  .hx-table-page-size > span {
    display: none;
  }

  .hx-table-page-size__trigger {
    min-width: 2.7rem;
    height: var(--hx-button-height);
    min-height: var(--hx-button-height);
    padding-inline: .45rem;
  }

  .hx-data-export__trigger {
    height: var(--hx-button-height);
    min-height: var(--hx-button-height);
    max-height: var(--hx-button-height);
    padding-inline: .45rem;
  }

  .hx-data-export__chevron {
    display: none;
  }

  @media (max-width: 22.5rem) {
    .hx-data-export__trigger .hx-button__label > span:not(:first-child) {
      display: none;
    }

    .hx-table-footer {
      padding-inline: max(.25rem, env(safe-area-inset-left));
      column-gap: .12rem;
    }

    .hx-table-pagination__arrow {
      width: 2.05rem;
      min-width: 2.05rem;
    }

    .hx-table-page-size__trigger {
      min-width: 2.5rem;
      padding-inline: .35rem;
    }
  }

  .hx-security-modal, .hx-security-modal--wide {
    border-radius: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
  }

  .hx-security-modal-shell {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }

  .hx-security-modal__header {
    padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .8rem max(1rem, env(safe-area-inset-left));
  }

  .hx-security-modal__body {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
    padding: 1rem max(1rem, env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
    overflow: hidden auto;
  }

  .hx-security-modal__actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: .6rem;
    width: 100%;
  }

  .hx-security-modal__actions .hx-button {
    width: 100%;
  }

  .hx-create-action:after {
    content: none !important;
  }
}

@media (min-width: 48rem) and (max-width: 52rem) {
  .hx-company-structure__tabs, .hx-profile-tabs, .hx-people-primary-tabs {
    scrollbar-width: none;
    overflow: auto hidden;
  }

  .hx-company-structure__tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-profile-tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-people-primary-tabs::-webkit-scrollbar {
    display: none;
  }
}

.hx-security-page-stack {
  width: 100%;
  max-width: none;
}

@media (max-width: 52rem) {
  .hx-security-page-stack > .hx-page-header, .hx-sample-data-page-stack > .hx-page-header {
    border-bottom: 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: .1rem 0 .25rem;
  }

  .hx-security-page-stack > .hx-page-header > div:first-child, .hx-sample-data-page-stack > .hx-page-header > div:first-child {
    text-align: left;
    width: 100%;
    min-width: 0;
  }

  .hx-security-page-stack > .hx-page-header .hx-page-title, .hx-sample-data-page-stack > .hx-page-header .hx-page-title {
    justify-content: flex-start;
    gap: var(--hx-space-3);
    text-align: left;
    width: 100%;
    margin: 0;
    line-height: 1.15;
  }
}

@media (max-width: 64rem) {
  .hx-access-workflow__header {
    padding-inline: 1rem;
  }

  .hx-access-workflow__body {
    padding: 1rem;
  }

  .hx-access-workflow__footer {
    padding-inline: 1rem;
  }
}

@media (max-width: 47.999rem) {
  .hx-access-workflow {
    z-index: 69;
    width: 100vw;
    height: 100dvh;
    inset: 0;
  }

  .hx-access-workflow__header {
    padding: max(.45rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) .5rem max(.85rem, env(safe-area-inset-left));
    gap: .2rem;
  }

  .hx-access-workflow__back {
    min-height: 2.75rem;
  }

  .hx-access-workflow__heading h1 {
    font-size: 1rem;
  }

  .hx-access-workflow__heading p {
    display: none;
  }

  .hx-access-workflow__body {
    padding: .85rem max(.85rem, env(safe-area-inset-right)) .85rem max(.85rem, env(safe-area-inset-left));
    -webkit-overflow-scrolling: touch;
  }

  .hx-access-workflow__layout {
    gap: .85rem;
  }

  .hx-access-workflow__summary {
    padding: .85rem;
  }

  .hx-access-workflow__primary {
    min-height: 0;
  }

  .hx-access-workflow__summary-metrics {
    gap: .4rem;
  }

  .hx-access-workflow__footer {
    padding: .65rem max(.85rem, env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));
    gap: .5rem;
  }

  .hx-access-workflow__footer > .hx-button {
    flex: 1 1 0;
    min-width: 0;
  }

  .hx-company-structure__page-actions .hx-page-action-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    gap: .4rem;
    width: 100%;
    display: grid;
  }

  .hx-company-structure__page-actions .hx-page-action-group > .hx-button {
    white-space: normal;
    width: 100%;
    min-width: 0;
  }

  .hx-company-structure__page-actions .hx-page-action-group > .hx-button:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

.hx-access-workflow__mobile-action, .hx-access-workflow__mobile-people, .hx-access-workflow__mobile-selected, .hx-access-workflow__mobile-selection-note {
  display: none;
}

@media (max-width: 47.999rem) {
  .hx-access-workflow__desktop-action, .hx-access-workflow__desktop-person {
    display: none !important;
  }

  .hx-access-workflow__mobile-action {
    display: inline-flex;
  }

  .hx-access-workflow__mobile-selected {
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    display: flex;
  }

  .hx-access-workflow__mobile-selected span {
    color: var(--hx-color-muted);
    text-align: end;
    overflow-wrap: anywhere;
  }

  .hx-access-workflow__mobile-selection-note {
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    gap: .18rem;
    padding: .6rem .75rem;
    font-size: .8125rem;
    display: grid;
  }

  .hx-access-workflow__mobile-selection-note span {
    color: var(--hx-color-muted);
    overflow-wrap: anywhere;
  }

  .hx-access-workflow__mobile-people {
    gap: var(--hx-space-3);
    align-content: start;
    min-width: 0;
    display: grid;
  }

  .hx-access-workflow[data-mobile-panel="people"] [data-mobile-section="configure"], .hx-access-workflow[data-mobile-panel="configure"] [data-mobile-section="people"] {
    display: none !important;
  }

  .hx-access-workflow[data-mobile-panel] .hx-access-workflow__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-access-workflow__mobile-people .hx-table-region, .hx-access-workflow[data-mobile-panel="people"] .hx-access-workflow__primary .hx-table-region {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-workflow__primary {
    min-width: 0;
  }

  .hx-access-workflow__footer > .hx-button.hx-access-workflow__desktop-action {
    display: none;
  }

  .hx-access-workflow__footer > .hx-button.hx-access-workflow__mobile-action {
    display: inline-flex;
  }

  .hx-access-workflow__mobile-people .hx-data-grid-toolbar {
    min-width: 0;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-workflow__body {
    flex-direction: column;
    min-height: 0;
    padding-block: .5rem;
    scroll-padding-top: .5rem;
    display: flex;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-workflow__layout {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    margin: 0;
    display: flex;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-workflow__primary {
    flex-direction: column;
    flex: auto;
    align-self: stretch;
    min-height: 0;
    margin: 0;
    display: flex;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker {
    flex-direction: column;
    flex: auto;
    justify-content: flex-start;
    align-items: stretch;
    gap: .45rem;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker > .hx-data-grid-toolbar {
    flex: none;
    min-width: 0;
    margin: 0 0 .15rem;
    position: static;
    top: auto;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker > .hx-table-region {
    flex: auto;
    grid-template-rows: minmax(0, 1fr) auto auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    margin: .15rem 0 0;
    display: grid;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker > .hx-table-region > .hx-table-wrap {
    min-height: 0;
    overflow: auto;
    max-height: none !important;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-data-grid-table--matrix {
    table-layout: fixed;
    width: 100%;
    min-width: 18rem;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-data-grid-table--matrix .hx-data-grid-table__selection {
    width: 2rem;
    min-width: 2rem;
    max-width: 2rem;
    padding-inline: .2rem;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-data-grid-table--matrix .hx-access-picker-person {
    width: auto;
    max-width: none;
    padding-inline: .35rem;
    min-width: 9.75rem !important;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-data-grid-table--matrix .hx-access-picker-current {
    width: 6.25rem;
    min-width: 6.25rem;
    max-width: 6.25rem;
    padding-inline: .25rem;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-access-person-selection-identity, .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-person-cell, .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-person-cell__copy {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-person-cell {
    align-items: flex-start;
    gap: .35rem;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-person-avatar {
    flex: none;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-person-cell__name, .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-person-cell__copy small {
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.35;
    overflow: visible;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-person-cell__copy small {
    font-size: .72rem;
    display: block;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-data-grid-table--matrix tbody td {
    vertical-align: top;
    height: auto;
    padding-block: .5rem;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-access-picker-current .hx-badge {
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: 100%;
    line-height: 1.3;
  }

  .hx-access-workflow[data-mobile-panel="people"] .hx-access-people-multi-picker .hx-table-footer {
    min-height: calc(var(--hx-button-height) + .55rem);
    padding-block: .275rem;
    position: relative;
    bottom: auto;
  }

  .hx-access-workspace .hx-access-audit-filter-anchor, .hx-access-workspace .hx-access-audit-filter-anchor .hx-data-grid-filters, .hx-access-workspace .hx-access-audit-filter-anchor .hx-data-grid-filters__trigger {
    width: 100%;
    min-width: 0;
  }
}

.hx-access-workflow__result {
  gap: .85rem;
  width: min(100%, 61rem);
  margin-inline: auto;
  display: grid;
}

.hx-access-workflow__result-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.hx-access-workflow__result-metrics > div {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  gap: .25rem;
  padding: .8rem 1rem;
  display: grid;
}

.hx-access-workflow__result-metrics span, .hx-access-workflow__result-heading p, .hx-access-workflow__result-reason span {
  color: var(--hx-color-muted);
  font-size: .8125rem;
}

.hx-access-workflow__result-metrics strong {
  font-variant-numeric: tabular-nums;
  font-size: 1.35rem;
}

.hx-access-workflow__result-people {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  overflow: hidden;
}

.hx-access-workflow__result-heading {
  border-bottom: 1px solid var(--hx-color-border);
  padding: .85rem 1rem;
}

.hx-access-workflow__result-heading h2 {
  margin: 0;
  font-size: 1rem;
}

.hx-access-workflow__result-heading p {
  margin: .25rem 0 0;
}

.hx-access-workflow__result-person {
  gap: .9rem;
  padding: 1rem;
  display: grid;
}

.hx-access-workflow__result-person-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-access-workflow__result-reason {
  border-top: 1px solid var(--hx-color-border);
  padding-top: .75rem;
}

.hx-access-workflow__result-reason p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: .3rem 0 0;
}

@media (max-width: 47.999rem) {
  .hx-access-workflow__result {
    gap: .65rem;
  }

  .hx-access-workflow__result-person {
    padding: .85rem;
  }

  .hx-access-workflow__result-metrics > div {
    padding: .75rem;
  }

  .hx-access-workflow__result-people .hx-access-review-grid {
    grid-template-columns: 1fr;
  }
}

.hx-topbar {
  border-bottom-color: color-mix(in srgb, var(--hx-color-border) 82%, transparent);
  background: #fffffffa;
  gap: clamp(.65rem, 1.2vw, 1rem);
  padding-inline: clamp(.9rem, 1.8vw, 1.4rem);
  box-shadow: 0 1px #0f172a0a;
}

.hx-topbar__lead {
  flex: 0 auto;
  min-width: 0;
}

.hx-topbar__actions {
  flex: none;
  gap: .4rem;
}

.hx-global-search {
  background: var(--hx-color-surface);
  flex: 30rem;
  width: min(36rem, 44vw);
  max-width: 36rem;
  margin-inline: auto;
}

.hx-sidebar {
  padding: .9rem .75rem;
}

.hx-nav {
  gap: .08rem;
}

.hx-nav__eyebrow {
  margin: .85rem .55rem .3rem;
}

.hx-nav__link {
  border: 0;
  align-items: center;
  gap: .65rem;
  min-height: 2.75rem;
  padding: .58rem .62rem;
  display: flex;
}

.hx-nav__link:hover {
  background: #ffffff14;
  border-color: #0000;
}

.hx-nav__link.is-active {
  color: #fff;
  box-shadow: inset 2px 0 0 var(--hx-color-brand);
  background: #ffffff1f;
}

.hx-module-nav {
  min-width: 0;
  padding-inline: .8rem;
  border-radius: var(--hx-radius-md) !important;
  background: var(--hx-color-surface) !important;
  box-shadow: none !important;
  border: 0 !important;
}

.hx-module-nav__tabs {
  width: 100%;
  min-width: 0;
}

.hx-module-nav__tabs > button[role="tab"], .hx-module-nav__tabs > .hx-tab-option > button[role="tab"] {
  min-height: 2.5rem !important;
}

.hx-module-nav--with-action {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-module-nav--with-action > .hx-module-nav__tabs, .hx-module-nav--with-action > .hx-subtabs {
  flex: auto;
  width: auto;
  min-width: 0;
}

.hx-module-nav__actions {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: .45rem;
  display: flex;
}

.hx-data-grid-toolbar, .hx-section-heading, .hx-toolbar {
  background: none !important;
}

.hx-data-grid-toolbar {
  --hx-grid-search-width: clamp(20rem, 38%, 30rem);
  background: none;
  padding: 0;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.hx-data-grid-toolbar__search-wrap {
  flex: 0 1 var(--hx-grid-search-width);
  width: var(--hx-grid-search-width);
  max-width: var(--hx-grid-search-width);
  min-width: min(16rem, 100%);
}

.hx-data-grid-toolbar__search {
  width: 100%;
  max-width: 100%;
}

.hx-data-grid-toolbar--actions-only {
  justify-content: flex-end;
}

.hx-data-grid-toolbar--actions-only > .hx-data-grid-toolbar__actions {
  flex: 100%;
  justify-content: flex-end;
  width: 100%;
}

.hx-table-region .hx-table-wrap {
  border-radius: var(--hx-radius-md);
}

.hx-company-structure__subsection-bar, .hx-job-catalog-nav {
  padding-block: 0;
  padding-inline: .8rem;
}

.hx-company-structure__subsection-bar .hx-company-structure__tabs > button[role="tab"], .hx-company-structure__subsection-bar .hx-company-structure__tabs > .hx-tab-option > button[role="tab"], .hx-subtabs > button[role="tab"], .hx-subtabs > .hx-tab-option > button[role="tab"] {
  min-height: 2.2rem !important;
}

.hx-job-catalog-nav .hx-subtabs > button[role="tab"]:first-child, .hx-job-catalog-nav .hx-subtabs > .hx-tab-option:first-child > button[role="tab"] {
  padding-left: .15rem;
}

.hx-module-subnav--with-action {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hx-module-subnav--with-action > .hx-subtabs {
  flex: auto;
  width: auto;
  min-width: 0;
}

.hx-module-subnav__actions {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: .45rem;
  display: flex;
}

.hx-shell--module-people {
  --hx-module-surface: var(--hx-color-canvas);
  background: var(--hx-color-canvas) !important;
}

@media (max-width: 52rem) {
  .hx-module-nav {
    z-index: auto;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    margin-inline: 0;
    padding-inline: .55rem;
    position: static;
    top: auto;
  }

  .hx-company-structure__subsection-bar, .hx-job-catalog-nav {
    padding-inline: .55rem;
  }

  .hx-module-subnav--with-action {
    display: block;
  }

  .hx-module-subnav--with-action > .hx-subtabs {
    width: 100%;
  }

  .hx-module-subnav--with-action > .hx-module-subnav__actions {
    width: 100%;
    padding-block: .35rem .2rem;
  }

  .hx-module-subnav--with-action > .hx-module-subnav__actions > .hx-button {
    width: 100%;
  }

  .hx-module-nav__tabs {
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    display: flex;
    overflow: auto hidden;
  }

  .hx-module-nav__tabs::-webkit-scrollbar {
    display: none;
  }

  .hx-module-nav__tabs > button[role="tab"], .hx-module-nav__tabs > .hx-tab-option {
    scroll-snap-align: start;
    white-space: nowrap;
    flex: none;
  }

  .hx-module-nav__tabs > .hx-tab-option > button[role="tab"] {
    white-space: nowrap;
  }

  .hx-module-nav--with-action {
    display: block;
  }

  .hx-module-nav--with-action > .hx-module-nav__tabs, .hx-module-nav--with-action > .hx-subtabs {
    width: 100%;
  }

  .hx-module-nav--with-action > .hx-module-nav__actions {
    width: 100%;
    padding-block: .35rem .55rem;
  }

  .hx-module-nav--with-action > .hx-module-nav__actions > .hx-button {
    width: 100%;
  }

  .hx-data-grid-toolbar {
    --hx-grid-search-width: 100%;
    padding: 0;
  }

  .hx-data-grid-toolbar__search-wrap, .hx-data-grid-toolbar__search {
    flex: 100%;
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .hx-duplicates-toolbar, .hx-verification-population-toolbar, .hx-bulk-population-toolbar {
    align-items: stretch;
  }

  .hx-duplicates-toolbar > .hx-data-grid-toolbar__actions, .hx-verification-population-toolbar > .hx-data-grid-toolbar__actions, .hx-bulk-population-toolbar > .hx-data-grid-toolbar__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: .35rem;
    width: 100%;
    min-width: 0;
    display: grid;
  }

  .hx-duplicates-toolbar > .hx-data-grid-toolbar__actions > *, .hx-verification-population-toolbar > .hx-data-grid-toolbar__actions > *, .hx-bulk-population-toolbar > .hx-data-grid-toolbar__actions > * {
    width: 100%;
    min-width: 0;
  }

  .hx-duplicates-toolbar > .hx-data-grid-toolbar__actions .hx-button, .hx-duplicates-toolbar > .hx-data-grid-toolbar__actions .hx-data-grid-filters__trigger, .hx-verification-population-toolbar > .hx-data-grid-toolbar__actions .hx-button, .hx-verification-population-toolbar > .hx-data-grid-toolbar__actions .hx-data-grid-filters__trigger, .hx-verification-population-toolbar > .hx-data-grid-toolbar__actions .hx-data-grid-columns__trigger, .hx-bulk-population-toolbar > .hx-data-grid-toolbar__actions .hx-button, .hx-bulk-population-toolbar > .hx-data-grid-toolbar__actions .hx-data-grid-filters__trigger, .hx-bulk-population-toolbar > .hx-data-grid-toolbar__actions .hx-data-grid-columns__trigger {
    justify-content: center;
    width: 100%;
  }

  .hx-global-search {
    flex: auto;
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
}

.hx-module-subnav {
  margin-top: 0 !important;
}

.hx-module-subnav-host {
  align-content: start;
  gap: .65rem;
  display: grid;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.hx-data-grid-toolbar {
  padding: 0 !important;
}

.hx-people-workspace.hx-company-structure {
  --hx-data-grid-sticky-top: calc(var(--hx-topbar-height) + .65rem);
  min-width: 0;
  gap: .65rem !important;
}

.hx-module-page .hx-screen-loader:not(.hx-drawer .hx-screen-loader):not(.hx-modal .hx-screen-loader) {
  min-height: min(24rem,
    max(8rem, calc(100dvh - var(--hx-topbar-height) - 11rem)));
}

.hx-shell--module-people {
  --hx-module-surface-people: var(--hx-color-canvas);
  --hx-module-surface: var(--hx-color-canvas);
  background: var(--hx-color-canvas) !important;
}

.hx-people-primary-surfaces.hx-company-structure__section-bar.hx-module-nav {
  margin: 0;
  background: var(--hx-color-surface) !important;
  box-shadow: none !important;
  border: 0 !important;
}

@media (min-width: 48.01rem) {
  .hx-people-page-heading.hx-company-structure__page-header {
    border-bottom: 1px solid var(--hx-color-border);
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    height: 2.8rem;
    min-height: 2.8rem;
    padding: .15rem 0 .35rem;
    display: flex;
  }

  .hx-people-page-heading.hx-company-structure__page-header h1 {
    min-width: 0;
    font-size: var(--hx-page-title-size);
    letter-spacing: -.025em;
    margin: 0;
    font-weight: 700;
    line-height: 1.16;
  }

  .hx-people-page-heading__actions.hx-company-structure__page-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: .45rem;
    display: flex;
  }
}

.hx-user-menu__mobile-help {
  display: none !important;
}

@media (min-width: 52.01rem) {
  .hx-sidebar {
    background: linear-gradient(180deg,
        var(--hx-color-nav) 0%,
        color-mix(in srgb, var(--hx-color-nav) 94%, #fff) 54%,
        var(--hx-color-nav) 100%);
    border-right: 1px solid #ffffff0f;
    padding: .72rem .62rem .62rem;
    box-shadow: inset -1px 0 #ffffff05;
  }

  .hx-sidebar__company-link {
    border-radius: var(--hx-radius-md);
    transition: background-color var(--hx-transition-fast),
      border-color var(--hx-transition-fast);
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    margin: 0 0 .35rem;
    padding: .52rem;
  }

  .hx-sidebar__company-link:hover {
    background: #ffffff12;
    border-color: #ffffff24;
  }

  .hx-sidebar__company-link:focus-visible {
    outline: 2px solid rgb(var(--hx-color-brand-rgb) / 60%);
    outline-offset: 2px;
  }

  .hx-sidebar .hx-company-identity {
    gap: .62rem;
  }

  .hx-sidebar .hx-company-identity__mark {
    background: #ffffff1a;
    border-color: #ffffff24;
    flex-basis: 2.2rem;
    width: 2.2rem;
    height: 2.2rem;
  }

  .hx-sidebar .hx-company-identity__copy {
    gap: .08rem;
  }

  .hx-sidebar .hx-company-identity__copy strong {
    letter-spacing: -.01em;
    font-size: .84rem;
    font-weight: 680;
  }

  .hx-sidebar .hx-company-identity__copy small {
    color: color-mix(in srgb, var(--hx-color-nav-muted) 92%, #fff);
    font-size: .65rem;
  }

  .hx-sidebar > .hx-nav {
    scrollbar-width: thin;
    scrollbar-color: #ffffff24 transparent;
    padding: .15rem .03rem .4rem;
  }

  .hx-nav {
    gap: .12rem;
  }

  .hx-nav__eyebrow {
    color: color-mix(in srgb, var(--hx-color-nav-muted) 92%, #fff);
    letter-spacing: .105em;
    margin: .9rem .62rem .32rem;
    font-size: .62rem;
    font-weight: 720;
  }

  .hx-nav__link {
    min-height: var(--hx-control-height);
    border-radius: var(--hx-radius-md);
    color: color-mix(in srgb, var(--hx-color-nav-muted) 72%, #fff);
    transition: background-color var(--hx-transition-fast),
      color var(--hx-transition-fast),
      box-shadow var(--hx-transition-fast);
    border: 0;
    gap: .55rem;
    padding: .5rem .58rem;
    font-size: .84rem;
    font-weight: 560;
  }

  .hx-nav__link:hover {
    color: #fff;
    background: #ffffff12;
    border-color: #0000;
  }

  .hx-nav__icon {
    border-radius: calc(var(--hx-radius-md) - 2px);
    width: 1.85rem;
    height: 1.85rem;
    color: color-mix(in srgb, var(--hx-color-nav-muted) 86%, #fff);
    transition: background-color var(--hx-transition-fast),
      color var(--hx-transition-fast);
    flex: 0 0 1.85rem;
  }

  .hx-nav__link.is-active {
    background: linear-gradient(90deg,
        rgb(var(--hx-color-brand-rgb) / 22%),
        rgb(var(--hx-color-brand-rgb) / 11%));
    color: #fff;
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--hx-color-brand) 72%, #fff),
      inset 0 0 0 1px #ffffff0f;
    font-weight: 650;
  }

  .hx-nav__link.is-active .hx-nav__icon {
    background: rgb(var(--hx-color-brand-rgb) / 20%);
    color: #fff;
  }

  .hx-sidebar__collapse-wrap {
    border-top-color: #ffffff14;
    margin-top: auto;
    padding: .52rem .08rem 0;
  }

  .hx-sidebar__collapse {
    min-height: var(--hx-control-height);
    color: color-mix(in srgb, var(--hx-color-nav-muted) 78%, #fff);
    justify-content: flex-start;
    padding: 0 .62rem;
    font-size: .7rem;
  }

  .hx-sidebar__collapse:hover {
    background: #ffffff12;
    border-color: #0000;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link {
    place-items: center;
    padding: .48rem .2rem;
    display: grid;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar > .hx-nav {
    padding-inline: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse {
    justify-content: center;
    padding-inline: 0;
  }

  :root {
    --hx-topbar-height: 3.25rem;
  }

  .hx-topbar {
    box-sizing: border-box;
    height: var(--hx-topbar-height);
    min-height: var(--hx-topbar-height);
    border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 92%, transparent);
    background: #fff;
    grid-template-columns: minmax(8.5rem, 1fr) auto;
    align-items: center;
    gap: clamp(.65rem, 1.15vw, 1rem);
    padding: .25rem clamp(.75rem, 1.25vw, 1.1rem);
    display: grid;
    box-shadow: 0 1px #0f172a0a;
  }

  .hx-topbar__lead {
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .hx-topbar__page-context {
    gap: .08rem;
    min-width: 0;
  }

  .hx-topbar__page-context small {
    color: var(--hx-color-muted);
    letter-spacing: .055em;
    text-transform: uppercase;
    font-size: .6rem;
    font-weight: 650;
  }

  .hx-topbar__page-context strong {
    color: var(--hx-color-ink);
    letter-spacing: -.012em;
    font-size: .86rem;
    font-weight: 680;
  }

  .hx-global-search-rail {
    z-index: calc(var(--hx-layer-sticky) - 1);
    border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 86%, transparent);
    background: color-mix(in srgb, var(--hx-color-surface-muted) 56%, #fff);
    align-items: center;
    min-height: 3rem;
    padding: .25rem clamp(.75rem, 1.25vw, 1.1rem);
    display: flex;
    position: relative;
    overflow: visible;
  }

  .hx-global-search {
    width: min(44rem, 100%);
    min-width: 0;
    max-width: 44rem;
    height: var(--hx-form-control-height);
    border-color: color-mix(in srgb, var(--hx-color-border) 92%, transparent);
    transition: border-color var(--hx-transition-fast),
      background-color var(--hx-transition-fast),
      box-shadow var(--hx-transition-fast);
    background: #fff;
    margin-inline: 0;
    box-shadow: inset 0 1px #ffffffa6;
  }

  .hx-global-search:hover {
    border-color: var(--hx-color-border-strong);
    background: var(--hx-color-surface);
  }

  .hx-global-search:focus-within {
    border-color: color-mix(in srgb, var(--hx-color-brand) 64%, var(--hx-color-border));
    background: var(--hx-color-surface);
    box-shadow: 0 0 0 3px var(--hx-focus-ring);
  }

  .hx-topbar__actions {
    border-left: 0;
    justify-self: end;
    gap: .5rem;
    min-width: 0;
    padding-left: 0;
  }

  .hx-demo-topbar-badge {
    border-color: color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
    background: var(--hx-color-brand-subtle);
    height: 1.75rem;
    min-height: 1.75rem;
    color: var(--hx-color-brand-strong);
    letter-spacing: .02em;
    white-space: nowrap;
    align-items: center;
    gap: .18rem;
    padding: 0 .5rem;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
  }

  .hx-demo-topbar-badge small {
    font: inherit;
    color: inherit;
  }

  .hx-company-switcher__trigger, .hx-create-action {
    min-height: var(--hx-form-control-height);
    height: var(--hx-form-control-height);
  }

  .hx-help-topbar-trigger, .hx-user-menu__trigger {
    min-height: var(--hx-control-height);
    height: var(--hx-control-height);
  }

  .hx-help-topbar-trigger {
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    border-radius: var(--hx-radius-md);
    color: var(--hx-color-muted);
    background: none;
    border-color: #0000;
    place-items: center;
    display: inline-grid;
  }

  .hx-help-topbar-trigger:hover {
    background: var(--hx-color-surface-muted);
    color: var(--hx-color-ink);
    border-color: #0000;
  }

  .hx-help-topbar-trigger:focus-visible {
    outline: 2px solid var(--hx-color-brand);
    outline-offset: 1px;
    border-color: #0000;
  }

  .hx-company-switcher__trigger {
    border-color: color-mix(in srgb, var(--hx-color-border) 92%, transparent);
    background: var(--hx-color-surface);
    flex-wrap: nowrap;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 14rem;
    padding: .2rem .5rem .2rem .3rem;
    display: inline-flex;
    overflow: hidden;
  }

  .hx-company-switcher__trigger .hx-company-identity {
    flex: auto;
    min-width: 0;
  }

  .hx-company-switcher__trigger .hx-company-identity__copy {
    min-width: 0;
  }

  .hx-company-switcher__trigger .hx-company-identity__copy strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  .hx-company-switcher__trigger > svg {
    flex: none;
    align-self: center;
  }

  .hx-create-action {
    padding-inline: .8rem;
  }

  .hx-user-menu__trigger {
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    border-radius: var(--hx-radius-md);
  }

  @media (max-width: 72rem) {
    .hx-global-search kbd {
      display: none;
    }

    .hx-company-switcher__trigger {
      max-width: 11rem;
    }

    .hx-create-action {
      padding-inline: .65rem;
    }
  }

  .hx-global-search__suggestions, .hx-company-switcher__panel, .hx-user-menu__panel, .hx-action-menu__panel {
    border-color: color-mix(in srgb, var(--hx-color-border) 88%, transparent);
    box-shadow: var(--hx-shadow-menu);
  }
}

@media (max-width: 52rem) {
  :root {
    --hx-topbar-height: 3.5rem;
  }

  .hx-topbar {
    height: var(--hx-topbar-height);
    min-height: var(--hx-topbar-height);
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "lead actions";
    grid-template-rows: var(--hx-control-height);
    padding: .35rem max(.55rem, env(safe-area-inset-right))
      .35rem max(.55rem, env(safe-area-inset-left));
    border-bottom: 1px solid color-mix(in srgb, var(--hx-color-border) 92%, transparent);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #fff;
    align-items: center;
    gap: 0 .45rem;
    display: grid;
    box-shadow: 0 1px #0f172a0a;
  }

  .hx-topbar__lead {
    grid-area: lead;
    gap: .35rem;
    min-width: 0;
  }

  .hx-topbar__page-context {
    gap: 0;
    min-width: 0;
  }

  .hx-topbar__page-context small {
    display: none;
  }

  .hx-topbar__page-context strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .88rem;
    display: block;
    overflow: hidden;
  }

  .hx-topbar__actions {
    border-left: 0;
    grid-area: actions;
    justify-self: end;
    gap: .2rem;
    min-width: 0;
    padding-left: 0;
  }

  .hx-topbar .hx-help-topbar-trigger {
    display: none;
  }

  .hx-user-menu__mobile-help {
    display: flex !important;
  }

  .hx-global-search-rail {
    min-height: 3.2rem;
    padding: .3rem max(.55rem, env(safe-area-inset-right))
      .3rem max(.55rem, env(safe-area-inset-left));
    background: #fff;
  }

  .hx-global-search {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: var(--hx-mobile-form-control-height);
    min-height: var(--hx-mobile-form-control-height);
    border-color: color-mix(in srgb, var(--hx-color-border) 94%, transparent);
    background: var(--hx-color-surface-muted);
    box-shadow: none;
  }

  .hx-global-search kbd {
    display: none;
  }

  .hx-company-switcher__trigger, .hx-user-menu__trigger, .hx-create-action, .hx-mobile-navigation-trigger, .hx-mobile-back-action {
    min-height: var(--hx-control-height);
    height: var(--hx-control-height);
  }

  .hx-mobile-navigation__sheet {
    background: linear-gradient(180deg,
        var(--hx-color-nav) 0%,
        color-mix(in srgb, var(--hx-color-nav) 94%, #fff) 58%,
        var(--hx-color-nav) 100%);
    border-right: 1px solid #ffffff14;
    width: min(20.5rem, 88vw);
  }

  .hx-mobile-navigation__header {
    border-bottom-color: #ffffff14;
    padding: .35rem .42rem .8rem;
  }

  .hx-mobile-navigation .hx-nav {
    gap: .12rem;
    padding-top: .2rem;
  }

  .hx-mobile-navigation .hx-nav__eyebrow {
    margin-top: .9rem;
  }

  .hx-mobile-navigation .hx-nav__link {
    min-height: var(--hx-control-height);
    padding: .52rem .62rem;
  }
}

@media (max-width: 40rem) {
  .hx-company-switcher__trigger {
    width: var(--hx-control-height);
    max-width: var(--hx-control-height);
    justify-content: center;
    padding: 0;
  }

  .hx-company-switcher__trigger .hx-company-identity__copy, .hx-company-switcher__trigger > svg {
    display: none;
  }

  .hx-create-action {
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    justify-content: center;
    gap: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
  }

  .hx-create-action > svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  .hx-create-action .hx-action-menu__chevron, .hx-demo-topbar-badge {
    display: none;
  }
}

@media (max-width: 25rem) {
  .hx-topbar {
    padding-left: max(.4rem, env(safe-area-inset-left));
    padding-right: max(.4rem, env(safe-area-inset-right));
    column-gap: .25rem;
  }

  .hx-topbar__actions {
    gap: .1rem;
  }
}

.hx-data-grid-toolbar {
  background: none !important;
}

.hx-module-subnav .hx-company-structure__tabs {
  gap: .15rem !important;
}

.hx-module-subnav .hx-company-structure__tabs > button[role="tab"], .hx-module-subnav .hx-company-structure__tabs > .hx-tab-option > button[role="tab"] {
  padding-inline: .7rem !important;
}

.hx-module-subnav .hx-company-structure__tabs > .hx-tab-option > button[role="tab"] {
  padding-right: .12rem !important;
}

.hx-module-subnav .hx-company-structure__tabs > button[role="tab"]:first-child, .hx-module-subnav .hx-company-structure__tabs > .hx-tab-option:first-child > button[role="tab"] {
  padding-left: .15rem !important;
}

.hx-m6-choice-list, .hx-m6-choice-list--advanced {
  padding-inline: 0;
  max-height: none !important;
  overflow: visible !important;
}

.hx-m6-choice-list--advanced {
  gap: .5rem;
}

.hx-m6-choice-row--advanced {
  border-color: var(--hx-color-border);
  background: var(--hx-color-surface);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: .35rem .45rem;
}

.hx-m6-choice-row__editor {
  min-width: 0;
  position: relative;
}

.hx-m6-choice-row__input {
  border-color: var(--hx-color-border) !important;
  background: var(--hx-color-surface) !important;
  padding-inline: .7rem 2.25rem !important;
}

.hx-m6-choice-row__edit-icon {
  inset-inline-end: .7rem;
  pointer-events: none;
  color: var(--hx-color-muted);
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}

.hx-m6-choice-row__input:focus + .hx-m6-choice-row__edit-icon {
  color: var(--hx-color-brand-strong);
}

.hx-m6-choice-row__actions {
  flex: none;
}

.hx-m6-bulk-choices {
  border-top: 1px solid var(--hx-color-border);
  padding-block: .15rem;
}

.hx-m6-bulk-choices > summary {
  cursor: pointer;
  min-height: 2.5rem;
  color: var(--hx-color-ink);
  align-items: center;
  font-weight: 650;
  display: flex;
}

.hx-m6-bulk-choices[open] {
  gap: .65rem;
  padding-bottom: .5rem;
  display: grid;
}

.hx-m6-placement-selectors {
  grid-template-columns: minmax(0, .9fr) minmax(0, .8fr) minmax(0, 1.3fr);
  align-items: start;
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.hx-m6-placement-path--strong {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 24%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 4%, var(--hx-color-surface));
  margin-top: .15rem;
  padding: .65rem .75rem;
}

.hx-m6-placement-editor__row {
  min-height: var(--hx-control-height);
  border-bottom: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
}

.hx-m6-placement-editor__row:last-child {
  border-bottom: 0;
}

.hx-m6-placement-editor__row.is-selected {
  border: 1px solid color-mix(in srgb, var(--hx-color-brand) 52%, var(--hx-color-border));
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-brand) 6%, var(--hx-color-surface));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hx-color-brand) 8%, transparent);
}

@media (max-width: 47.999rem) {
  .hx-empty-state {
    text-align: left;
    align-content: start;
    place-items: start;
    width: 100%;
    min-height: 10rem;
    padding: 1rem;
  }

  .hx-empty-state p {
    max-width: none;
  }

  .hx-empty-state__action, .hx-empty-state__actions {
    justify-content: flex-start;
  }

  .hx-empty-state--filtered {
    padding-inline: 0;
  }

  .hx-m6-choice-row--advanced {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
}

.hx-table-region:has(.hx-data-grid-true-empty) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.hx-table-region:has(.hx-data-grid-true-empty) > .hx-table-wrap {
  background: none !important;
  border: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.hx-table-region:has(.hx-data-grid-true-empty) > .hx-table-footer {
  display: none !important;
}

.hx-m6-section-details {
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.hx-m6-section-details > .hx-field, .hx-m6-section-details > .hx-m6-counted-field {
  min-width: 0;
}

.hx-empty-state:not(:has(.hx-empty-state__mark)) {
  gap: .38rem;
}

.hx-empty-state {
  min-height: 12rem;
}

.hx-screen-loader {
  width: 100%;
}

.hx-access-result, .hx-access-workflow__result {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.hx-access-workflow__summary {
  align-self: start;
  gap: .65rem;
  height: auto;
  min-height: 0;
  max-height: min(68dvh, 44rem);
  padding: .85rem;
}

.hx-access-workflow__summary-heading {
  padding-bottom: .65rem;
}

.hx-access-workflow__summary .hx-field, .hx-access-workflow__summary .hx-combobox {
  min-width: 0;
}

.hx-access-workflow__summary-metrics {
  gap: .5rem;
}

.hx-access-workflow__summary-metrics > div {
  min-height: 0;
  padding: .6rem .65rem;
}

.hx-access-workflow__summary-metrics strong {
  font-size: 1rem;
}

@media (min-width: 62.001rem) and (min-height: 36rem) {
  .hx-access-workflow[data-workflow-stage="select"]:has(.hx-access-people-multi-picker) .hx-access-workflow__summary {
    align-self: start;
    height: auto;
    max-height: min(68dvh, 44rem);
  }
}

.hx-m6-builder-drawer {
  width: min(42rem, 100%);
}

.hx-m6-builder-form, .hx-m6-builder-body {
  min-width: 0;
}

.hx-m6-builder-body {
  overflow-anchor: none;
  gap: 1rem;
  padding-top: .9rem;
}

.hx-m6-builder-steps {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 58%, var(--hx-color-surface));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .35rem;
  min-width: 0;
  padding: .35rem;
  display: grid;
}

.hx-m6-builder-steps > button {
  border-radius: calc(var(--hx-radius-md) - 2px);
  min-width: 0;
  min-height: 2.75rem;
  color: var(--hx-color-muted);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: .45rem;
  padding: .45rem .55rem;
  display: flex;
}

.hx-m6-builder-steps > button > span {
  border: 1px solid var(--hx-color-border-strong);
  background: var(--hx-color-surface);
  width: 1.4rem;
  height: 1.4rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  flex: 0 0 1.4rem;
  place-items: center;
  font-size: .68rem;
  font-weight: 750;
  display: grid;
}

.hx-m6-builder-steps > button > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .75rem;
  font-weight: 650;
  overflow: hidden;
}

.hx-m6-builder-steps > button.is-current {
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  box-shadow: 0 1px 2px #10182812;
}

.hx-m6-builder-steps > button.is-current > span {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand);
  color: #fff;
}

.hx-m6-builder-steps > button.is-complete {
  color: var(--hx-color-ink);
}

.hx-m6-builder-steps > button.is-complete > span {
  border-color: color-mix(in srgb, var(--hx-color-brand) 55%, var(--hx-color-border));
  color: var(--hx-color-brand-strong);
}

.hx-m6-builder-steps > button:disabled {
  opacity: .6;
  cursor: default;
}

.hx-m6-builder-screen {
  align-content: start;
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.hx-m6-builder-screen > .hx-m6-step-heading {
  padding-bottom: .2rem;
}

.hx-m6-field-basics, .hx-m6-simple-field-grid {
  gap: .8rem;
}

.hx-m6-type-panel {
  gap: .85rem;
  min-width: 0;
  padding-top: .2rem;
  display: grid;
}

.hx-m6-type-panel > .hx-m6-simple-section__heading {
  padding-bottom: .1rem;
}

.hx-m6-choice-row--advanced {
  min-height: calc(var(--hx-control-height) + .7rem);
  gap: .5rem;
  padding: .34rem .4rem;
  overflow: visible;
}

.hx-m6-choice-row__actions, .hx-m6-placement-editor__move-actions {
  opacity: 1;
  flex-wrap: nowrap;
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.hx-m6-choice-row__actions > button, .hx-m6-placement-editor__move-actions > button {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
}

.hx-m6-choice-trash {
  flex: 0 0 var(--hx-control-height);
}

.hx-m6-archived-choices {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  overflow: hidden;
}

.hx-m6-archived-choices > summary {
  min-height: var(--hx-control-height);
  cursor: pointer;
  background: color-mix(in srgb, var(--hx-color-surface-muted) 42%, var(--hx-color-surface));
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .65rem;
  padding: .55rem .7rem;
  list-style: none;
  display: grid;
}

.hx-m6-archived-choices > summary::-webkit-details-marker {
  display: none;
}

.hx-m6-archived-choices > summary > span:first-child {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-m6-archived-choices > summary strong {
  color: var(--hx-color-ink);
  font-size: .76rem;
  font-weight: 680;
}

.hx-m6-archived-choices > summary small {
  color: var(--hx-color-muted);
  font-size: .66rem;
  line-height: 1.35;
}

.hx-m6-archived-choices__count {
  border: 1px solid var(--hx-color-border);
  background: var(--hx-color-surface);
  min-width: 1.55rem;
  height: 1.55rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  place-items: center;
  font-size: .68rem;
  font-weight: 700;
  display: inline-grid;
}

.hx-m6-archived-choices > summary:after {
  content: "";
  width: .48rem;
  height: .48rem;
  color: var(--hx-color-muted);
  transition: rotate var(--hx-transition-fast);
  border-bottom: 1.5px solid;
  border-right: 1.5px solid;
  rotate: 45deg;
}

.hx-m6-archived-choices[open] > summary:after {
  rotate: 225deg;
}

.hx-m6-archived-choices__list {
  border-top: 1px solid var(--hx-color-border);
  padding: .35rem .6rem .55rem;
  display: grid;
}

.hx-m6-archived-choice-row {
  min-width: 0;
  min-height: var(--hx-control-height);
  border-bottom: 1px solid var(--hx-color-border);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .4rem .15rem;
  display: grid;
}

.hx-m6-archived-choice-row:last-child {
  border-bottom: 0;
}

.hx-m6-archived-choice-row > span {
  gap: .05rem;
  min-width: 0;
  display: grid;
}

.hx-m6-archived-choice-row strong {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .76rem;
  font-weight: 620;
  overflow: hidden;
}

.hx-m6-archived-choice-row small {
  color: var(--hx-color-muted);
  font-size: .65rem;
}

.hx-m6-bulk-choices {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 32%, var(--hx-color-surface));
  gap: .65rem;
  min-width: 0;
  padding: .8rem;
  display: grid;
}

.hx-m6-bulk-choices > .hx-button {
  justify-self: start;
}

.hx-m6-bulk-choices .hx-textarea {
  min-height: 8rem;
  max-height: 8rem;
}

.hx-m6-placement-selectors {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.hx-m6-placement-selectors > :nth-child(3) {
  grid-column: 1 / -1;
}

.hx-m6-placement-path--strong, .hx-m6-placement-path--section {
  margin: 0;
}

.hx-m6-placement-path--section {
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem;
  display: flex;
}

.hx-m6-placement-path--section > span {
  align-items: center;
  gap: .3rem;
  display: inline-flex;
}

.hx-m6-placement-path--section > small {
  flex: 1 0 100%;
  margin-top: .15rem;
}

.hx-m6-placement-editor {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  overflow: hidden;
}

.hx-m6-placement-editor__head {
  border-bottom: 1px solid var(--hx-color-border);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 48%, var(--hx-color-surface));
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  padding: .65rem .75rem;
  display: flex;
}

.hx-m6-placement-editor__head > div {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-m6-placement-editor__head > div > strong {
  font-size: .78rem;
  font-weight: 700;
}

.hx-m6-placement-editor__head > div > small {
  color: var(--hx-color-muted);
  font-size: .68rem;
  line-height: 1.35;
}

.hx-m6-placement-editor__head > span {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
  border-radius: 999px;
  flex: none;
  padding: .2rem .45rem;
  font-size: .64rem;
  font-weight: 650;
}

.hx-m6-placement-editor__list {
  min-width: 0;
  display: grid;
}

.hx-m6-placement-editor__row {
  grid-template-columns: 1.8rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  padding: .42rem .55rem;
  display: grid;
}

.hx-m6-placement-editor__row > span:nth-child(2) {
  gap: .04rem;
  min-width: 0;
  display: grid;
}

.hx-m6-placement-editor__row > span:nth-child(2) > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .74rem;
  overflow: hidden;
}

.hx-m6-placement-editor__row > span:nth-child(2) > small {
  color: var(--hx-color-muted);
  font-size: .64rem;
}

.hx-m6-placement-editor__lock, .hx-m6-placement-editor__drag {
  justify-self: center;
  width: 1.8rem;
  min-width: 1.8rem;
}

.hx-m6-builder-drawer .hx-m6-simple-section {
  border: 0;
  border-top: 1px solid var(--hx-color-border);
  background: none;
  border-radius: 0;
  gap: .65rem;
  padding: .85rem 0;
}

.hx-m6-builder-drawer .hx-m6-simple-section:first-of-type {
  border-top: 0;
  padding-top: .2rem;
}

.hx-m6-section-layout-step {
  gap: .8rem;
}

.hx-m6-builder-drawer .hx-m6-option-cards--layout > button {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  min-height: 4rem;
}

.hx-m6-builder-drawer .hx-m6-option-cards--layout > button > span:nth-child(2) {
  align-content: center;
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-m6-builder-drawer .hx-m6-option-cards--layout > button > span:nth-child(2) > strong, .hx-m6-builder-drawer .hx-m6-option-cards--layout > button > span:nth-child(2) > small {
  min-width: 0;
  display: block;
}

.hx-m6-builder-drawer .hx-m6-layout-choice-mark, .hx-m6-builder-drawer .hx-m6-layout-icon {
  align-self: center;
}

.hx-m6-builder-drawer .hx-m6-layout-choice-mark {
  border: 1.5px solid var(--hx-color-border-strong);
  background: var(--hx-color-surface);
  border-radius: 999px;
  flex: 0 0 1rem;
  place-items: center;
  width: 1rem;
  height: 1rem;
  display: grid;
}

.hx-m6-builder-drawer .hx-m6-option-cards--layout > button.is-selected .hx-m6-layout-choice-mark {
  border-color: var(--hx-color-brand);
}

.hx-m6-builder-drawer .hx-m6-option-cards--layout > button.is-selected .hx-m6-layout-choice-mark:after {
  content: "";
  background: var(--hx-color-brand);
  border-radius: 999px;
  width: .45rem;
  height: .45rem;
}

@media (max-width: 47.999rem) {
  .hx-m6-builder-drawer {
    width: 100%;
  }

  .hx-m6-builder-drawer .hx-m6-option-cards--layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
  }

  .hx-m6-builder-drawer .hx-m6-option-cards--layout > button {
    min-height: 4.25rem;
    padding-inline: .5rem;
  }

  .hx-m6-builder-steps {
    grid-template-columns: 1fr;
    gap: .2rem;
  }

  .hx-m6-builder-steps > button {
    min-height: 2.5rem;
  }

  .hx-m6-builder-steps > button > strong {
    white-space: normal;
  }

  .hx-m6-placement-selectors {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-m6-placement-selectors > :nth-child(3) {
    grid-column: auto;
  }
}

.hx-access-workflow__body {
  align-content: start;
  gap: .75rem;
  display: grid;
}

.hx-access-workflow__feedback {
  min-width: 0;
}

.hx-access-request-config-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.hx-access-request-config-grid__full {
  grid-column: 1 / -1;
  min-width: 0;
}

.hx-access-request-review-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hx-access-request-review-grid__full {
  grid-column: 1 / -1;
  min-width: 0;
}

.hx-access-workflow__body .hx-access-review-grid span {
  font-size: .72rem;
  font-weight: 500;
  line-height: 1.35;
}

.hx-access-workflow__body .hx-access-review-grid strong {
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.35;
}

.hx-access-workflow__summary .hx-access-review-grid > div {
  gap: .2rem;
  padding: .65rem .7rem;
}

.hx-access-result, .hx-access-workflow__result {
  padding: 0 !important;
}

@media (max-width: 47.999rem) {
  .hx-access-request-config-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-access-request-config-grid__full, .hx-access-request-review-grid__full {
    grid-column: auto;
  }

  .hx-access-request-review-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.hx-m6-choices-card {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-surface);
  background: var(--hx-color-surface);
  gap: 1rem;
  padding: 1rem;
}

.hx-m6-choices-card > .hx-m6-simple-section__heading {
  padding-bottom: .15rem;
}

.hx-m6-choice-list-heading {
  justify-content: space-between;
  align-items: end;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-m6-choice-list-heading > div {
  align-items: center;
  gap: .45rem;
  min-width: 0;
  display: flex;
}

.hx-m6-choice-list-heading strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
  font-weight: 680;
}

.hx-m6-choice-list-heading > div > span {
  background: var(--hx-color-surface-muted);
  min-width: 1.55rem;
  height: 1.55rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  place-items: center;
  padding-inline: .35rem;
  font-size: .68rem;
  font-weight: 650;
  display: inline-grid;
}

.hx-m6-choice-list-heading small {
  color: var(--hx-color-muted);
  text-align: right;
  font-size: .69rem;
  line-height: 1.35;
}

.hx-m6-type-preview--stable {
  align-items: baseline;
  gap: .45rem;
  min-height: 2.25rem;
  padding-top: .15rem;
  display: flex;
}

.hx-m6-type-preview--stable small {
  color: var(--hx-color-muted);
  font-size: .69rem;
}

.hx-m6-type-preview--stable strong {
  color: var(--hx-color-ink);
  font-size: .8rem;
  font-weight: 620;
}

.hx-m6-validation-pair > .hx-field {
  align-content: start;
}

.hx-m6-validation-pair .hx-field__hint {
  min-height: 2.1em;
}

@media (max-width: 47.999rem) {
  .hx-m6-choices-card {
    padding: .8rem;
  }

  .hx-m6-choice-list-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
  }

  .hx-m6-choice-list-heading small {
    text-align: left;
  }
}

.hx-m6-builder-progress {
  z-index: 1;
  background: var(--hx-color-surface);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin: 0;
  display: grid;
  position: relative;
}

.hx-m6-builder-progress > button {
  justify-content: center;
  min-width: 0;
  min-height: 2.6rem;
  padding-inline: .55rem;
  display: flex;
}

.hx-m6-step-tab {
  align-items: center;
  gap: .42rem;
  min-width: 0;
  display: inline-flex;
}

.hx-m6-step-tab > span {
  border: 1px solid var(--hx-color-border-strong);
  background: var(--hx-color-surface);
  width: 1.4rem;
  height: 1.4rem;
  color: var(--hx-color-muted);
  border-radius: 999px;
  flex: 0 0 1.4rem;
  place-items: center;
  font-size: .66rem;
  font-weight: 750;
  line-height: 1;
  display: inline-grid;
}

.hx-m6-builder-progress > button.is-active .hx-m6-step-tab > span {
  border-color: var(--hx-color-brand);
  background: var(--hx-color-brand);
  color: #fff;
}

.hx-m6-step-tab > strong {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .74rem;
  font-weight: 650;
  overflow: hidden;
}

.hx-m6-placement-selectors--section {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hx-m6-placement-selectors--section > :nth-child(3) {
  grid-column: auto;
}

.hx-m6-placement-empty, .hx-m6-section-placement-note {
  border: 1px dashed var(--hx-color-border-strong);
  border-radius: var(--hx-radius-md);
  background: color-mix(in srgb, var(--hx-color-surface-muted) 38%, var(--hx-color-surface));
  align-items: center;
  gap: .7rem;
  min-width: 0;
  padding: .75rem .8rem;
  display: flex;
}

.hx-m6-placement-empty {
  gap: .12rem;
  display: grid;
}

.hx-m6-placement-empty strong, .hx-m6-section-placement-note strong {
  color: var(--hx-color-ink);
  font-size: .78rem;
  font-weight: 680;
}

.hx-m6-placement-empty small, .hx-m6-section-placement-note small {
  color: var(--hx-color-muted);
  font-size: .68rem;
  line-height: 1.35;
}

.hx-m6-section-placement-note__icon {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-brand-strong);
  flex: 0 0 2rem;
  place-items: center;
  display: inline-grid;
}

.hx-m6-section-placement-note > span:last-child {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

@media (max-width: 47.999rem) {
  .hx-m6-placement-selectors--section {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-m6-builder-progress > button {
    min-height: 3.1rem;
    padding: .35rem .18rem;
  }

  .hx-m6-step-tab {
    text-align: center;
    justify-items: center;
    gap: .22rem;
    width: 100%;
    display: grid;
  }

  .hx-m6-step-tab > strong {
    white-space: normal;
    font-size: .64rem;
    line-height: 1.2;
  }
}

.hx-m6-choices-card > .hx-field__hint {
  color: var(--hx-color-muted);
  margin-top: -.35rem;
  font-size: .69rem;
}

.hx-m6-number-input {
  appearance: textfield;
}

.hx-m6-number-input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.hx-m6-number-input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.hx-m6-column-name-preview {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  gap: .25rem;
  min-width: 0;
  padding: .7rem .8rem;
  display: grid;
}

.hx-m6-column-name-preview > span {
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: baseline;
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.hx-m6-column-name-preview small {
  color: var(--hx-color-muted);
  font-size: .69rem;
  line-height: 1.35;
}

.hx-m6-column-name-preview > span > small {
  font-weight: 650;
}

.hx-m6-column-name-preview strong {
  min-width: 0;
  color: var(--hx-color-ink);
  overflow-wrap: anywhere;
  font-size: .8rem;
  font-weight: 650;
}

@media (max-width: 32rem) {
  .hx-m6-column-name-preview > span {
    grid-template-columns: minmax(0, 1fr);
    gap: .15rem;
  }
}

@media (max-width: 40rem) {
  .hx-drawer__footer, .hx-form-action-bar, .hx-drawer-form__footer, .hx-profile-task-drawer__footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hx-drawer__footer > .hx-button, .hx-form-action-bar > .hx-button, .hx-drawer-form__footer > .hx-button, .hx-profile-task-drawer__footer > .hx-button {
    width: 100%;
    min-width: 0;
  }

  .hx-drawer__footer > .hx-button:only-child, .hx-form-action-bar > .hx-button:only-child, .hx-drawer-form__footer > .hx-button:only-child, .hx-profile-task-drawer__footer > .hx-button:only-child, .hx-drawer-form__footer > .hx-button--danger:first-child:nth-last-child(3), .hx-profile-task-drawer__footer > .hx-button--danger:first-child:nth-last-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 52rem) {
  .hx-data-grid-context-row {
    grid-template-columns: minmax(0, 1fr);
    gap: .3rem;
    width: 100%;
    min-width: 0;
    display: grid;
  }

  .hx-data-grid-context-row > .hx-data-grid-filter-row, .hx-data-grid-context-row > .hx-data-grid-selection-row {
    width: 100%;
    min-width: 0;
  }

  .hx-data-grid-selection-row {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: .25rem;
    width: 100%;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .hx-data-grid-selection-row .hx-data-grid-selection-context {
    flex: auto;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .25rem;
    width: 100%;
    min-width: 0;
    margin-right: 0;
    display: grid;
  }

  .hx-data-grid-selection-context > strong, .hx-data-grid-selection-context > span, .hx-data-grid-selection-context > .hx-button {
    white-space: nowrap;
    min-width: 0;
  }

  .hx-data-grid-selection-context > .hx-button:first-of-type {
    justify-self: end;
  }

  .hx-data-grid-selection-context > strong {
    font-size: .7rem;
  }

  .hx-data-grid-selection-context > span, .hx-data-grid-selection-context > .hx-button {
    font-size: .68rem;
  }

  .hx-data-grid-selection-context > .hx-button {
    padding-inline: .18rem;
  }
}

.hx-module-page__content {
  display: contents;
}

@media (min-width: 52.01rem) {
  :is(html:has(.hx-app-frame), body:has(.hx-app-frame)) {
    scrollbar-gutter: auto;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  .hx-app-frame {
    height: 100dvh;
    min-height: 0;
    max-height: 100dvh;
    overflow: hidden;
  }

  .hx-app-main {
    grid-template-rows: auto minmax(0, 1fr);
    height: 100dvh;
    min-height: 0;
    max-height: 100dvh;
    display: grid;
    overflow: hidden;
  }

  .hx-workspace-main {
    overscroll-behavior: contain;
    scrollbar-gutter: auto;
    scroll-behavior: auto;
    min-height: 0;
    max-height: 100%;
    overflow: hidden auto;
  }

  .hx-workspace-main:has(.hx-module-page) {
    scrollbar-gutter: auto;
    overflow-y: hidden;
  }

  .hx-workspace-main > .hx-shell:has(.hx-module-page) {
    height: 100%;
    min-height: 0;
    max-height: 100%;
  }

  .hx-workspace-main > .hx-shell > .hx-page-stack--data-workspace:has( > .hx-module-page) {
    height: 100%;
    min-height: 0;
    max-height: 100%;
  }

  .hx-module-page {
    grid-template-rows: auto auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    gap: .65rem !important;
    display: grid !important;
  }

  .hx-module-page > .hx-module-page__header {
    z-index: 10;
    grid-row: 1;
    margin: 0;
    position: relative;
    background: none !important;
  }

  .hx-module-page > .hx-module-nav {
    z-index: 10;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    grid-row: 2;
    margin: 0;
    background: var(--hx-color-surface) !important;
    position: relative !important;
    top: auto !important;
  }

  .hx-module-page__content {
    overscroll-behavior: contain;
    scrollbar-gutter: auto;
    flex-direction: column;
    grid-row: 3;
    gap: .65rem;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden auto;
  }

  .hx-module-page__content[data-module-view="overview"] {
    padding-inline-end: var(--hx-space-2);
  }

  .hx-module-page__content > * {
    flex-shrink: 0;
  }

  .hx-people-profile-page, .hx-profile-v2, .hx-profile-v2__body, .hx-profile-custom-section {
    overflow-anchor: auto;
  }

  .hx-app-frame {
    --hx-sidebar-width: 14.5rem;
  }

  .hx-data-mode-switcher {
    margin: 0 0 .2rem;
    position: relative;
  }

  .hx-data-mode-switcher__trigger {
    border-radius: var(--hx-radius-md);
    color: #dbe4f0;
    cursor: pointer;
    width: 100%;
    min-height: 2rem;
    font: inherit;
    text-align: left;
    background: #ffffff0a;
    border: 1px solid #ffffff17;
    grid-template-columns: .55rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: .45rem;
    padding: .35rem .55rem;
    font-size: .72rem;
    font-weight: 620;
    display: grid;
  }

  .hx-data-mode-switcher__trigger:hover, .hx-data-mode-switcher__trigger:focus-visible {
    background: #ffffff12;
    border-color: #ffffff2e;
    outline: 0;
  }

  .hx-data-mode-switcher.is-open .hx-data-mode-switcher__trigger > svg {
    transform: rotate(180deg);
  }

  .hx-app-frame.is-sidebar-collapsed .hx-data-mode-switcher {
    display: none;
  }
}

.hx-data-mode-switcher__dot {
  background: var(--hx-color-muted);
  border-radius: 50%;
  width: .48rem;
  height: .48rem;
}

.hx-data-mode-switcher__dot.is-live {
  background: #34d399;
}

.hx-data-mode-switcher__dot.is-sample {
  background: var(--hx-color-brand);
}

.hx-data-mode-switcher__panel {
  z-index: var(--hx-layer-menu);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  width: min(18rem, 100vw - 1.5rem);
  box-shadow: var(--hx-shadow-menu);
  color: var(--hx-color-ink);
  gap: .15rem;
  padding: .4rem;
  display: grid;
  position: absolute;
  top: calc(100% + .38rem);
  left: 0;
}

.hx-data-mode-switcher__panel[hidden] {
  display: none;
}

.hx-data-mode-switcher__heading {
  color: var(--hx-color-muted);
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .35rem .5rem;
  font-size: .68rem;
  font-weight: 720;
}

.hx-data-mode-switcher__panel > button, .hx-data-mode-switcher__panel > a {
  border-radius: var(--hx-radius-md);
  min-height: 3rem;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: .65rem minmax(0, 1fr) 1rem;
  align-items: center;
  gap: .55rem;
  padding: .5rem;
  text-decoration: none;
  display: grid;
}

.hx-data-mode-switcher__panel > button:hover, .hx-data-mode-switcher__panel > button:focus-visible, .hx-data-mode-switcher__panel > a:hover, .hx-data-mode-switcher__panel > a:focus-visible, .hx-data-mode-switcher__panel > .is-active {
  background: var(--hx-color-brand-subtle);
  outline: 0;
}

.hx-data-mode-switcher__panel > button > span:nth-child(2), .hx-data-mode-switcher__panel > a > span:nth-child(2) {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-data-mode-switcher__panel strong {
  font-size: .78rem;
}

.hx-data-mode-switcher__panel small {
  color: var(--hx-color-muted);
  font-size: .69rem;
}

.hx-data-mode-switcher__check {
  color: var(--hx-color-brand-strong);
  text-align: center;
  font-weight: 760;
}

.hx-shell-search-trigger {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 92%, transparent);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-muted);
  cursor: pointer;
  place-items: center;
  display: inline-grid;
}

.hx-shell-search-trigger:hover {
  border-color: var(--hx-color-border-strong);
  color: var(--hx-color-ink);
}

.hx-shell-search-trigger:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 1px;
}

.hx-global-command-backdrop {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0f172a70;
  place-items: start center;
  padding-top: max(4.5rem, 8vh);
}

.hx-global-command-modal {
  border-radius: var(--hx-radius-md);
  width: min(60vw, 60rem);
  max-width: min(60rem, 100vw - 2rem);
  max-height: min(72dvh, 46rem);
  overflow: hidden;
}

.hx-global-command {
  background: var(--hx-color-surface);
  grid-template-rows: auto auto minmax(0, 1fr);
  min-height: min(34rem, 66dvh);
  display: grid;
}

.hx-global-command__search {
  grid-template-columns: 1.4rem minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .5rem;
  padding: .72rem .78rem .55rem;
  display: grid;
}

.hx-global-command__search-icon {
  color: var(--hx-color-muted);
  place-items: center;
  display: grid;
}

.hx-global-command__search input {
  width: 100%;
  height: var(--hx-form-control-height);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-ink);
  font: inherit;
  padding: 0 2.3rem 0 .75rem;
}

.hx-global-command__search input:focus {
  border-color: color-mix(in srgb, var(--hx-color-brand) 64%, var(--hx-color-border));
  outline: 3px solid var(--hx-focus-ring);
}

.hx-global-command__search kbd {
  color: var(--hx-color-muted);
  font-family: inherit;
  font-size: .68rem;
}

.hx-global-command__clear {
  border-radius: var(--hx-radius-md);
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  background: none;
  border: 0;
  margin-left: -3rem;
  font-size: 1rem;
}

.hx-global-command__search .hx-modal-close-button {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
  border-radius: var(--hx-radius-md);
}

.hx-global-command__tabs {
  border-bottom: 1px solid var(--hx-color-border);
  scrollbar-width: none;
  gap: 1.45rem;
  padding: 0 .9rem;
  display: flex;
  overflow-x: auto;
}

.hx-global-command__tabs::-webkit-scrollbar {
  display: none;
}

.hx-global-command__tabs button {
  min-height: 2.45rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  flex: none;
  padding: 0 .05rem;
  font-size: .76rem;
  font-weight: 620;
  position: relative;
}

.hx-global-command__tabs button:after {
  content: "";
  background: none;
  height: 2px;
  position: absolute;
  inset: auto 0 0;
}

.hx-global-command__tabs button.is-active {
  color: var(--hx-color-ink);
  font-weight: 720;
}

.hx-global-command__tabs button.is-active:after {
  background: var(--hx-color-brand);
}

.hx-global-command__tabs button:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-global-command__body {
  overscroll-behavior: contain;
  min-height: 0;
  padding: .45rem .9rem .85rem;
  overflow-y: auto;
}

.hx-global-command__message {
  color: var(--hx-color-muted);
  margin: 0;
  padding: .7rem .15rem;
  font-size: .76rem;
}

.hx-global-command__section + .hx-global-command__section {
  border-top: 1px solid var(--hx-color-border);
}

.hx-global-command__section-heading {
  min-height: 2.25rem;
  color: var(--hx-color-ink);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  font-size: .75rem;
  display: flex;
}

.hx-global-command__section-heading small {
  color: var(--hx-color-muted);
  font-size: .68rem;
  font-weight: 600;
}

.hx-global-command__results {
  display: grid;
}

.hx-global-command__results a {
  border-radius: var(--hx-radius-md);
  min-height: 3.25rem;
  color: var(--hx-color-ink);
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .4rem .65rem;
  text-decoration: none;
  display: grid;
}

.hx-global-command__results a:hover, .hx-global-command__results a:focus-visible, .hx-global-command__results a.is-active {
  background: var(--hx-color-table-row-hover);
  outline: 0;
}

.hx-global-command__results a > span:nth-child(2) {
  gap: .08rem;
  min-width: 0;
  display: grid;
}

.hx-global-command__results a strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  overflow: hidden;
}

.hx-global-command__results a small {
  color: var(--hx-color-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .7rem;
  overflow: hidden;
}

.hx-global-command__view-all {
  border-top: 1px solid var(--hx-color-border);
  min-height: 2.5rem;
  color: var(--hx-color-brand-strong);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: .35rem;
  padding: .65rem .2rem .1rem;
  font-size: .76rem;
  font-weight: 680;
  text-decoration: none;
  display: flex;
}

@media (max-width: 52rem) {
  .hx-topbar {
    background: var(--hx-color-nav);
    color: #fff;
    border-bottom-color: #ffffff14;
  }

  .hx-topbar__page-context {
    display: none;
  }

  .hx-mobile-brand {
    color: #fff;
    align-items: center;
    font-size: .92rem;
    display: inline-flex;
  }

  .hx-mobile-brand .hx-brand__name {
    color: #fff;
  }

  .hx-mobile-navigation-trigger, .hx-mobile-back-action, .hx-shell-search-trigger {
    color: #fff;
    background: #ffffff0f;
    border-color: #0000;
  }

  .hx-user-menu__trigger {
    background: #ffffff0f;
    border-color: #0000;
  }

  .hx-mobile-navigation__header {
    align-items: start;
    gap: .55rem;
    padding: .75rem .65rem .85rem;
  }

  .hx-mobile-navigation__workspace {
    flex: 1;
    gap: .55rem;
    min-width: 0;
    display: grid;
  }

  .hx-mobile-navigation__workspace .hx-company-identity {
    color: #fff;
  }

  .hx-mobile-navigation__workspace .hx-company-identity__copy small {
    color: var(--hx-color-nav-muted);
  }

  .hx-mobile-navigation__workspace .hx-data-mode-switcher {
    position: relative;
  }

  .hx-mobile-navigation__workspace .hx-data-mode-switcher__trigger {
    border-radius: var(--hx-radius-md);
    color: #dbe4f0;
    width: 100%;
    min-height: 2rem;
    font: inherit;
    text-align: left;
    background: #ffffff0d;
    border: 1px solid #ffffff1a;
    grid-template-columns: .55rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: .45rem;
    padding: .35rem .5rem;
    font-size: .72rem;
    display: grid;
  }

  .hx-global-command-backdrop {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    place-items: stretch stretch;
    padding: 0;
  }

  .hx-global-command-modal {
    border: 0;
    border-radius: 0;
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: none;
    margin: 0;
  }

  .hx-global-command {
    height: 100dvh;
    min-height: 100dvh;
  }

  .hx-global-command__search {
    padding: calc(.55rem + env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) .5rem max(.65rem, env(safe-area-inset-left));
    grid-template-columns: 1.25rem minmax(0, 1fr) auto auto;
  }

  .hx-global-command__search input {
    height: var(--hx-mobile-form-control-height);
  }

  .hx-global-command__search kbd {
    display: none;
  }

  .hx-global-command__tabs {
    padding-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
    gap: 1.15rem;
  }

  .hx-global-command__body {
    padding: .4rem max(.75rem, env(safe-area-inset-right)) calc(.9rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
  }

  .hx-global-command__results a {
    min-height: 3.25rem;
  }
}

@media (min-width: 52.01rem) {
  .hx-sidebar {
    padding: .4rem .45rem .55rem;
  }

  .hx-sidebar__company-link {
    background: #ffffff08;
    margin-bottom: .22rem;
    padding: .48rem .5rem;
  }

  .hx-sidebar .hx-company-identity__mark {
    border-color: rgb(var(--hx-color-brand-rgb) / 45%);
    background: var(--hx-color-brand);
    color: #fff;
    flex-basis: 2.15rem;
    width: 2.15rem;
    height: 2.15rem;
  }

  .hx-sidebar > .hx-nav {
    flex: auto;
    place-content: start;
    margin-top: .28rem;
    padding-top: 0;
  }

  .hx-nav__eyebrow {
    margin-top: .72rem;
  }

  .hx-mobile-brand {
    display: none !important;
  }

  .hx-topbar__page-context {
    align-items: center;
    gap: .52rem;
    display: flex;
  }

  .hx-topbar__page-context span, .hx-topbar__page-context strong {
    text-transform: none;
    letter-spacing: 0;
    font-size: .76rem;
    font-weight: 560;
  }

  .hx-topbar__page-context span {
    color: color-mix(in srgb, var(--hx-color-muted) 88%, var(--hx-color-brand));
  }

  .hx-topbar__page-context strong {
    color: var(--hx-color-ink);
    font-weight: 700;
  }
}

.hx-shell-utility-action {
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 92%, transparent);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  color: var(--hx-color-muted);
  place-items: center;
  text-decoration: none;
  display: inline-grid;
}

.hx-shell-utility-action:hover {
  border-color: var(--hx-color-border-strong);
  color: var(--hx-color-brand-strong);
}

.hx-shell-utility-action:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 1px;
}

.hx-user-menu__shell-help {
  display: flex;
}

.hx-global-command-backdrop {
  background: #0f172a85;
  padding-top: max(3.75rem, 6vh);
}

.hx-global-command-modal {
  border-radius: var(--hx-radius-md);
  width: min(60vw, 60rem);
  max-width: min(60rem, 100vw - 2rem);
  max-height: min(78dvh, 48rem);
}

.hx-global-command {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  min-height: 0;
}

.hx-global-command__title {
  padding: .85rem .95rem .2rem;
}

.hx-global-command__title h2 {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: 1rem;
  font-weight: 720;
  line-height: 1.35;
}

.hx-global-command__search {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .55rem;
  padding: .72rem .85rem .48rem;
}

.hx-global-command__field {
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.hx-global-command__search-icon {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  left: .72rem;
}

.hx-global-command__search input {
  height: var(--hx-form-control-height);
  padding: 0 2.35rem 0 2.45rem;
}

.hx-global-command__clear {
  margin: 0;
  position: absolute;
  right: .35rem;
}

.hx-global-command__escape {
  border-radius: calc(var(--hx-radius-md) - 2px);
  background: var(--hx-color-surface-muted);
  min-width: 2.5rem;
  height: 2rem;
  color: var(--hx-color-muted);
  cursor: pointer;
  font: inherit;
  border: 0;
  font-size: .68rem;
  font-weight: 700;
}

.hx-global-command__escape:hover, .hx-global-command__escape:focus-visible {
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-brand-strong);
  outline: 0;
}

.hx-global-command__mobile-back {
  display: none;
}

.hx-global-command__tabs {
  gap: 1.55rem;
  padding-inline: .95rem;
}

.hx-global-command__tabs button {
  min-height: 2.35rem;
  font-size: .73rem;
}

.hx-global-command__layout {
  min-height: 0;
  max-height: min(52dvh, 34rem);
  display: block;
  overflow-y: auto;
}

.hx-global-command__body {
  padding: .4rem .9rem .8rem;
  overflow: visible;
}

.hx-global-command__section + .hx-global-command__section {
  border-top: 0;
  margin-top: .25rem;
}

.hx-global-command__section-heading {
  min-height: 2rem;
  padding: .1rem .2rem;
}

.hx-global-command__section-heading > a {
  color: var(--hx-color-brand-strong);
  font-size: .7rem;
  font-weight: 700;
  text-decoration: none;
}

.hx-global-command__results a {
  border-radius: var(--hx-radius-md);
  min-height: 3.25rem;
  padding: .4rem .65rem;
}

.hx-global-command__avatar {
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.hx-global-command__page-icon {
  background: var(--hx-color-surface-muted);
  width: 2rem;
  height: 2rem;
  color: var(--hx-color-ink);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.hx-global-command__footer {
  border-top: 1px solid var(--hx-color-border);
  color: var(--hx-color-muted);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .65rem .95rem;
  font-size: .72rem;
  display: flex;
}

.hx-global-command__footer a {
  color: var(--hx-color-brand-strong);
  font-weight: 700;
  text-decoration: none;
}

.hx-global-command__footer a:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-global-command__category-rail {
  border-bottom: 1px solid var(--hx-color-border);
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-global-command__category-rail .hx-global-command__tabs {
  border-bottom: 0;
  min-width: 0;
}

.hx-global-command__more {
  color: var(--hx-color-brand-strong);
  flex: none;
  padding: .4rem .9rem;
  font-size: .73rem;
  font-weight: 700;
  text-decoration: none;
}

.hx-global-command__more:hover {
  text-decoration: underline;
}

.hx-global-command__more:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: -2px;
}

.hx-global-command__body.is-empty-query {
  flex-direction: column;
  display: flex;
}

.hx-global-command__body.is-empty-query > .hx-global-command__section[aria-label="Recent searches"] {
  order: 1;
}

.hx-global-command__body.is-empty-query > .hx-global-command__section[aria-label="Actions"] {
  order: 2;
}

.hx-global-command__body.is-empty-query > .hx-global-command__section[aria-label="Pages"] {
  order: 3;
}

.hx-search-page {
  gap: .75rem;
  min-width: 0;
}

.hx-search-workspace__toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hx-search-workspace__tenant {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  min-width: 0;
  max-width: 100%;
  min-height: 2rem;
  display: flex;
}

.hx-search-workspace__context-label {
  color: var(--hx-color-muted);
  font-size: .75rem;
}

.hx-search-workspace__context-name {
  color: var(--hx-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(19rem, 65vw);
  font-size: .83rem;
  font-weight: 700;
  overflow: hidden;
}

.hx-search-workspace__context-mode {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface-muted);
  border: 1px solid var(--hx-color-border);
  color: var(--hx-color-muted);
  padding: .18rem .4rem;
  font-size: .68rem;
  font-weight: 650;
}

.hx-search-workspace__toolbar-actions {
  min-height: var(--hx-compact-control-height);
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.hx-search-workspace__toolbar-actions .hx-button {
  height: 2rem;
  min-height: 2rem;
}

.hx-search-workspace__query-surface {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  padding: .5rem;
}

.hx-search-workspace__feedback {
  border-left: 2px solid var(--hx-color-brand);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-brand-subtle);
  color: var(--hx-color-ink);
  margin: 0;
  padding: .45rem .7rem;
  font-size: .78rem;
}

.hx-search-workspace__filters-heading {
  justify-content: space-between;
  align-items: center;
  gap: .4rem;
  margin-bottom: .75rem;
  display: flex;
}

.hx-search-workspace__filters-heading h2 {
  margin: 0;
  font-size: .78rem;
}

.hx-search-workspace__more-filters {
  min-width: 0;
}

.hx-search-workspace__more-filters > summary {
  color: var(--hx-color-brand-strong);
  cursor: pointer;
  height: var(--hx-button-height);
  min-height: var(--hx-button-height);
  align-content: center;
  padding-block: 0;
  font-size: .85rem;
  font-weight: 650;
}

.hx-search-workspace__more-filters > :not(summary) {
  margin-top: .65rem;
}

.hx-search-workspace__country-note {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .71rem;
  line-height: 1.5;
}

.hx-search-workspace__results {
  gap: .7rem;
  min-width: 0;
  display: grid;
}

.hx-search-workspace__results-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.hx-search-workspace__results-heading h2 {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: .92rem;
  line-height: 1.4;
}

.hx-search-workspace__results-heading p, .hx-search-workspace__relevance {
  color: var(--hx-color-muted);
  margin: .12rem 0 0;
  font-size: .75rem;
  font-weight: 450;
}

.hx-search-workspace__filters-heading button:focus-visible {
  outline: 2px solid var(--hx-color-brand);
  outline-offset: 2px;
}

.hx-search-page .hx-search-results {
  gap: .4rem;
}

.hx-search-page .hx-search-result {
  background: var(--hx-color-surface);
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: .7rem;
  min-height: 3.5rem;
  padding: .55rem .75rem;
  text-decoration: none;
}

.hx-search-page a.hx-search-result:hover {
  border-color: var(--hx-color-border);
  background: var(--hx-color-table-row-hover);
}

.hx-search-page .hx-search-result__content strong {
  color: var(--hx-color-ink);
  font-size: .83rem;
  font-weight: 700;
  text-decoration: none;
}

.hx-search-workspace__result-action {
  color: var(--hx-color-brand-strong);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 650;
}

@media (max-width: 72rem) {
  .hx-search-workspace__layout {
    grid-template-columns: minmax(11rem, 13.5rem) minmax(0, 1fr);
    gap: .7rem;
  }

  .hx-search-workspace__context-name {
    max-width: min(14rem, 46vw);
  }
}

@media (max-width: 52rem) {
  .hx-search-workspace__toolbar {
    align-items: stretch;
    gap: .5rem;
  }

  .hx-search-workspace__tenant {
    flex: 100%;
    width: 100%;
  }

  .hx-search-workspace__toolbar-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .hx-search-page .hx-search-result {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .5rem;
    padding: .55rem;
  }

  .hx-search-workspace__result-action {
    font-size: .7rem;
  }
}

@media (max-width: 34rem) {
  .hx-search-workspace__result-action {
    white-space: normal;
    text-align: right;
    max-width: 5rem;
  }

  .hx-search-page .hx-search-result__content small {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.hx-search-workspace__layout {
  grid-template-columns: minmax(12.5rem, 15.5rem) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.hx-search-workspace__filters {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
  padding: .85rem;
}

.hx-search-workspace__filters h2 {
  color: var(--hx-color-ink);
  margin: 0 0 .8rem;
  font-size: .83rem;
  font-weight: 720;
}

.hx-search-workspace__filters > .hx-toolbar__group {
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
  width: 100%;
  min-width: 0;
  display: grid;
}

.hx-search-workspace__result-column {
  min-width: 0;
}

.hx-search-workspace__filters-toggle, .hx-mobile-bottom-nav {
  display: none;
}

@media (max-width: 52rem) {
  .hx-search-workspace__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-search-workspace__filters:not(.is-open) {
    display: none;
  }

  .hx-search-workspace__filters-toggle {
    display: inline-flex;
  }

  .hx-topbar {
    background: #07182f;
    border-bottom-color: #ffffff14;
  }

  .hx-mobile-brand {
    color: #fff;
    padding: 0;
    display: inline-flex !important;
  }

  .hx-mobile-brand .hx-brand__name {
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
  }

  .hx-topbar__lead.has-back .hx-mobile-brand {
    display: none !important;
  }

  .hx-topbar__actions {
    gap: .12rem;
  }

  .hx-shell-utility-action, .hx-shell-search-trigger, .hx-user-menu__trigger, .hx-mobile-navigation-trigger, .hx-mobile-back-action {
    color: #fff;
    background: #ffffff0a;
    border-color: #0000;
    border-radius: .45rem;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
  }

  .hx-shell-utility-action--help {
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    max-width: var(--hx-control-height);
    height: var(--hx-control-height);
    min-height: var(--hx-control-height);
    max-height: var(--hx-control-height);
    border-radius: var(--hx-radius-md);
  }

  .hx-shell-utility-action--tasks {
    display: none;
  }

  .hx-mobile-navigation__sheet {
    width: min(19.5rem, 88vw);
    color: var(--hx-color-ink);
    border-right: 1px solid var(--hx-color-border);
    background: #fff;
    border-radius: 0 .75rem .75rem 0;
    box-shadow: 1rem 0 2.5rem #0f172a3d;
  }

  .hx-mobile-navigation__header {
    border-bottom: 0;
    align-items: start;
    padding: .7rem .7rem .55rem;
  }

  .hx-mobile-navigation__header > button {
    color: var(--hx-color-ink);
  }

  .hx-mobile-navigation__workspace {
    gap: .4rem;
  }

  .hx-mobile-navigation__workspace .hx-company-identity {
    color: var(--hx-color-ink);
  }

  .hx-mobile-navigation__workspace .hx-company-identity__mark {
    border-color: rgb(var(--hx-color-brand-rgb) / 32%);
    background: var(--hx-color-brand);
    color: #fff;
    flex-basis: 2.35rem;
    width: 2.35rem;
    height: 2.35rem;
  }

  .hx-mobile-navigation__workspace .hx-company-identity__copy strong {
    color: var(--hx-color-ink);
    font-size: .76rem;
  }

  .hx-mobile-navigation__workspace .hx-company-identity__copy small {
    color: var(--hx-color-muted);
  }

  .hx-mobile-navigation__workspace .hx-data-mode-switcher__trigger {
    border-color: var(--hx-color-border);
    background: var(--hx-color-surface);
    width: min(9.5rem, 100%);
    color: var(--hx-color-ink);
  }

  .hx-mobile-navigation .hx-nav {
    padding: .15rem .45rem .7rem;
  }

  .hx-mobile-navigation .hx-nav__eyebrow {
    color: #6f7f98;
    margin: .65rem .45rem .25rem;
  }

  .hx-mobile-navigation .hx-nav__link {
    color: #25334a;
    border-radius: .45rem;
    min-height: 2.55rem;
  }

  .hx-mobile-navigation .hx-nav__link:hover {
    background: var(--hx-color-surface-muted);
    color: var(--hx-color-ink);
  }

  .hx-mobile-navigation .hx-nav__link.is-active {
    background: color-mix(in srgb, var(--hx-color-brand) 9%, #fff);
    color: var(--hx-color-brand-strong);
    box-shadow: none;
  }

  .hx-mobile-navigation .hx-nav__link.is-active .hx-nav__icon {
    color: var(--hx-color-brand-strong);
    background: none;
  }

  .hx-global-command-backdrop {
    place-items: stretch stretch;
    padding: 0;
  }

  .hx-global-command-modal {
    border-radius: 0;
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: none;
  }

  .hx-global-command {
    height: 100dvh;
    min-height: 100dvh;
  }

  .hx-global-command__title {
    padding: calc(.55rem + env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right))
      .1rem max(.75rem, env(safe-area-inset-left));
  }

  .hx-global-command__title h2 {
    font-size: .95rem;
  }

  .hx-global-command__search {
    padding: .35rem max(.6rem, env(safe-area-inset-right)) .45rem max(.6rem, env(safe-area-inset-left));
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: .35rem;
  }

  .hx-global-command__mobile-back {
    width: 2.75rem;
    min-height: 2.75rem;
    height: var(--hx-mobile-form-control-height);
    color: var(--hx-color-ink);
    cursor: pointer;
    background: none;
    border: 0;
    place-items: center;
    font-size: 1.4rem;
    display: grid;
  }

  .hx-global-command__escape {
    display: none;
  }

  .hx-global-command__tabs {
    padding-inline: max(.85rem, env(safe-area-inset-left)) max(.85rem, env(safe-area-inset-right));
    gap: 1.1rem;
  }

  .hx-global-command__layout {
    max-height: none;
    display: block;
    overflow-y: auto;
  }

  .hx-global-command__body {
    padding: .35rem max(.75rem, env(safe-area-inset-right)) calc(5rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
    border-right: 0;
    overflow: visible;
  }

  .hx-global-command__footer {
    padding: .6rem max(.75rem, env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
    justify-content: flex-end;
  }

  .hx-global-command__footer > span {
    display: none;
  }

  .hx-mobile-bottom-nav {
    z-index: calc(var(--hx-layer-sticky) + 2);
    min-height: calc(3.65rem + env(safe-area-inset-bottom));
    border-top: 1px solid var(--hx-color-border);
    padding: .32rem max(.25rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(.25rem, env(safe-area-inset-left));
    background: #fffffff7;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: start;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -.25rem 1rem #0f172a0d;
  }

  .hx-mobile-bottom-nav a, .hx-mobile-bottom-nav button {
    color: #617089;
    cursor: pointer;
    min-width: 0;
    min-height: 2.75rem;
    font: inherit;
    background: none;
    border: 0;
    align-content: center;
    place-items: center;
    gap: .12rem;
    font-size: .6rem;
    text-decoration: none;
    display: grid;
  }

  .hx-mobile-bottom-nav svg {
    width: 1.1rem;
    height: 1.1rem;
  }

  .hx-mobile-bottom-nav .is-active {
    color: var(--hx-color-brand-strong);
    font-weight: 700;
  }

  :is(html:has(.hx-app-frame), body:has(.hx-app-frame)) {
    scrollbar-gutter: auto;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  .hx-app-frame {
    height: 100dvh;
    min-height: 0;
    max-height: 100dvh;
    padding-bottom: 0;
    overflow: hidden;
  }

  .hx-app-main {
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: grid;
    overflow: hidden;
  }

  .hx-workspace-main {
    overscroll-behavior: contain;
    scrollbar-gutter: auto;
    min-height: 0;
    max-height: 100%;
    overflow: hidden auto;
  }

  .hx-app-main {
    --hx-mobile-nav-clearance: calc(4.25rem + env(safe-area-inset-bottom));
    --hx-mobile-table-nav-gap: 5px;
  }

  .hx-app-main:has( > .hx-mobile-bottom-nav) {
    box-sizing: border-box;
    padding-bottom: var(--hx-mobile-nav-clearance);
  }

  .hx-app-main:has( > .hx-mobile-bottom-nav) .hx-table-region {
    --hx-mobile-table-footer-height: var(--hx-grid-footer-height);
  }

  .hx-app-main:has( > .hx-mobile-bottom-nav) .hx-table-region > .hx-table-footer {
    padding-bottom: .2rem;
  }

  .hx-table-region--adaptive[data-hx-mobile-nav-bound="true"] {
    min-height: 0;
    max-height: var(--hx-adaptive-table-region-max-height);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .hx-workspace-main {
    scroll-padding-bottom: var(--hx-space-3);
    padding-bottom: 0;
  }
}

.hx-shell-boot-loading {
  background: var(--hx-color-canvas);
  place-items: center;
  width: 100%;
  min-height: 100dvh;
  display: grid;
}

.hx-modal-backdrop.hx-global-command-backdrop {
  z-index: calc(var(--hx-layer-dialog) + 4);
}

@media (min-width: 52.01rem) {
  .hx-app-frame {
    --hx-sidebar-width: 15rem;
  }

  .hx-sidebar > .hx-nav {
    flex: 0 auto;
    place-content: start;
    width: 100%;
    max-height: calc(100dvh - 11rem);
    padding-top: 0;
    overflow-y: auto;
    margin: .28rem 0 0 !important;
  }

  .hx-sidebar__collapse-wrap {
    margin-top: auto;
  }
}

@media (max-width: 52rem) {
  .hx-modal-backdrop.hx-global-command-backdrop {
    z-index: calc(var(--hx-layer-dialog) + 6);
    background: #fff;
    place-items: stretch stretch;
    display: grid;
    inset: 0;
  }

  .hx-global-command-modal {
    z-index: calc(var(--hx-layer-dialog) + 7);
    background: #fff;
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .hx-global-command__search {
    z-index: 4;
    background: #fff;
    position: sticky;
    top: 0;
  }

  .hx-global-command__mobile-back {
    visibility: visible;
    opacity: 1;
    min-width: 2rem;
    display: grid !important;
  }

  .hx-global-command__field {
    min-width: 0;
  }

  .hx-global-command__field input {
    width: 100%;
    min-width: 0;
  }
}

@media (min-width: 52.01rem) {
  .hx-sidebar {
    flex-direction: column;
    height: 100dvh;
    display: flex;
    overflow: hidden;
  }

  .hx-sidebar > .hx-sidebar__company-link, .hx-sidebar > .hx-data-mode-switcher, .hx-sidebar > .hx-sidebar__collapse-wrap {
    flex: none;
  }

  .hx-sidebar > .hx-nav {
    flex: auto;
    place-content: start;
    width: 100%;
    min-height: 0;
    padding-top: 0;
    overflow: hidden auto;
    margin: .28rem 0 0 !important;
  }

  .hx-sidebar > .hx-sidebar__collapse-wrap {
    margin-top: 0;
  }

  .hx-sidebar .hx-data-mode-switcher__panel {
    width: 100%;
  }

  .hx-topbar.has-global-search {
    grid-template-columns: minmax(12rem, 1fr) minmax(22rem, 32rem) minmax(12rem, 1fr);
    column-gap: .75rem;
  }

  .hx-topbar.has-global-search > .hx-topbar__lead {
    grid-column: 1;
    min-width: 0;
  }

  .hx-topbar__search-launcher {
    grid-column: 2;
    justify-self: center;
    width: 100%;
    min-width: 0;
  }

  .hx-topbar.has-global-search > .hx-topbar__actions {
    grid-column: 3;
    justify-self: end;
  }

  .hx-shell-search-trigger {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: var(--hx-form-control-height);
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface);
    color: var(--hx-color-muted);
    text-align: left;
    grid-template-columns: 1.15rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: 0 .55rem 0 .7rem;
    display: grid;
  }

  .hx-shell-search-trigger:hover {
    border-color: var(--hx-color-border-strong);
    background: color-mix(in srgb, var(--hx-color-surface) 96%, var(--hx-color-brand));
    color: var(--hx-color-ink);
  }

  .hx-shell-search-trigger__icon {
    place-items: center;
    display: grid;
  }

  .hx-shell-search-trigger__label {
    min-width: 0;
    color: color-mix(in srgb, var(--hx-color-muted) 92%, var(--hx-color-ink));
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .78rem;
    font-weight: 520;
    overflow: hidden;
  }

  .hx-shell-search-trigger__shortcut {
    border: 1px solid var(--hx-color-border);
    border-radius: calc(var(--hx-radius-md) - 2px);
    background: var(--hx-color-surface-muted);
    min-width: 2.8rem;
    color: var(--hx-color-muted);
    font: inherit;
    text-align: center;
    padding: .28rem .38rem;
    font-size: .62rem;
    font-weight: 650;
    line-height: 1;
  }
}

@media (max-width: 74rem) and (min-width: 52.01rem) {
  .hx-topbar.has-global-search {
    grid-template-columns: minmax(10rem, .85fr) minmax(18rem, 26rem) auto;
  }

  .hx-shell-search-trigger__shortcut {
    display: none;
  }

  .hx-shell-search-trigger {
    grid-template-columns: 1.15rem minmax(0, 1fr);
  }
}

@media (max-width: 52rem) {
  .hx-topbar.has-global-search {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .hx-topbar.has-global-search > .hx-topbar__lead {
    grid-column: 1;
    min-width: 0;
  }

  .hx-topbar__search-launcher {
    grid-column: 2;
    justify-self: end;
    width: auto;
  }

  .hx-topbar.has-global-search > .hx-topbar__actions {
    grid-column: 3;
    justify-self: end;
  }

  .hx-shell-search-trigger {
    color: #fff;
    background: #ffffff0a;
    border-color: #0000;
    border-radius: .45rem;
    grid-template-columns: 1fr;
    place-items: center;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    display: grid;
  }

  .hx-shell-search-trigger__label, .hx-shell-search-trigger__shortcut {
    display: none;
  }
}

@media (min-width: 52.01rem) {
  .hx-app-frame.is-sidebar-collapsed .hx-sidebar {
    align-items: stretch;
    padding-inline: .38rem;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link {
    box-sizing: border-box;
    width: 100%;
    padding-inline: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link .hx-company-identity {
    justify-content: center;
    width: 100%;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link .hx-company-identity__mark {
    margin-inline: auto;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar > .hx-nav {
    width: 100%;
    padding-inline: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__eyebrow, .hx-app-frame.is-sidebar-collapsed .hx-nav__label {
    display: none;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__link {
    width: 100%;
    min-height: var(--hx-control-height);
    grid-template-columns: 1fr;
    place-items: center;
    gap: 0;
    padding-inline: 0;
    display: grid;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__icon {
    width: 1.85rem;
    height: 1.85rem;
    margin-inline: auto;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse-wrap {
    width: 100%;
    padding-inline: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse {
    place-items: center;
    width: 100%;
    padding-inline: 0;
    display: grid;
  }
}

@media (max-width: 52rem) {
  .hx-mobile-navigation__workspace .hx-data-mode-switcher {
    margin-top: .28rem;
  }

  .hx-topbar.has-global-search {
    padding-left: max(.5rem, env(safe-area-inset-left));
    padding-right: max(.68rem, env(safe-area-inset-right));
    column-gap: .18rem;
  }

  .hx-topbar__search-launcher {
    align-items: center;
    margin: 0;
    display: flex;
  }

  .hx-topbar.has-global-search > .hx-topbar__actions {
    align-items: center;
    gap: .18rem;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .hx-topbar__actions .hx-user-menu {
    align-items: center;
    margin: 0;
    display: flex;
  }

  .hx-shell-search-trigger, .hx-topbar__actions .hx-shell-utility-action, .hx-topbar__actions .hx-user-menu__trigger {
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: .45rem;
    place-items: center;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
    margin: 0;
    padding: 0;
    display: inline-grid;
  }

  .hx-topbar__actions .hx-user-menu__avatar {
    flex-basis: 1.75rem;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    display: grid;
  }
}

@media (min-width: 52.01rem) {
  .hx-mobile-company-mark {
    display: none !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__link {
    justify-items: center;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__icon {
    justify-self: center;
    width: 2.1rem;
    height: 2.1rem;
    margin-inline: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__icon svg {
    width: 1.3rem;
    height: 1.3rem;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse > span:first-child {
    font-size: 1.2em;
    line-height: 1;
  }
}

@media (max-width: 52rem) {
  .hx-mobile-brand {
    display: none !important;
  }

  .hx-mobile-company-mark {
    border-radius: .45rem;
    flex: 0 0 2rem;
    place-items: center;
    width: 2rem;
    height: 2rem;
    text-decoration: none;
    display: inline-grid;
  }

  .hx-mobile-company-mark .hx-company-identity {
    place-items: center;
    width: 2rem;
    height: 2rem;
    display: grid;
  }

  .hx-mobile-company-mark .hx-company-identity__mark {
    border-radius: .45rem;
    flex-basis: 1.9rem;
    width: 1.9rem;
    height: 1.9rem;
    margin: 0;
  }

  .hx-mobile-navigation__workspace .hx-data-mode-switcher {
    margin-top: .45rem;
  }

  .hx-topbar.has-global-search {
    padding-right: max(.5rem, env(safe-area-inset-right));
    grid-template-columns: minmax(0, 1fr) auto auto;
    column-gap: .16rem;
  }

  .hx-topbar__lead {
    min-width: 0;
  }

  .hx-topbar__search-launcher {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hx-topbar.has-global-search > .hx-topbar__actions {
    justify-content: flex-end;
    align-items: center;
    gap: .16rem;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .hx-shell-utility-action--tasks {
    display: inline-grid;
  }

  .hx-shell-search-trigger, .hx-topbar__actions .hx-shell-utility-action, .hx-topbar__actions .hx-user-menu__trigger {
    box-sizing: border-box;
    border-radius: .45rem;
    place-items: center;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
    margin: 0;
    padding: 0;
    line-height: 1;
    display: inline-grid;
  }

  .hx-topbar__actions .hx-user-menu {
    align-items: center;
    height: 2.2rem;
    margin: 0 2px 0 0;
    display: flex;
  }

  .hx-topbar__actions .hx-user-menu__trigger {
    align-self: center;
  }

  .hx-topbar__actions .hx-user-menu__avatar {
    flex-basis: 1.75rem;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    display: grid;
  }
}

@media (min-width: 52.01rem) {
  .hx-app-frame.is-sidebar-collapsed {
    --hx-collapsed-rail-inline-padding: .5rem;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar {
    box-sizing: border-box;
    width: var(--hx-sidebar-collapsed-width);
    min-width: var(--hx-sidebar-collapsed-width);
    max-width: var(--hx-sidebar-collapsed-width);
    padding-left: var(--hx-collapsed-rail-inline-padding);
    padding-right: var(--hx-collapsed-rail-inline-padding);
    align-items: stretch;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link, .hx-app-frame.is-sidebar-collapsed .hx-sidebar > .hx-nav, .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse-wrap, .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse, .hx-app-frame.is-sidebar-collapsed .hx-nav__link {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link {
    padding-left: 0;
    padding-right: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link .hx-company-identity {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link .hx-company-identity__mark {
    margin-left: auto;
    margin-right: auto;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar > .hx-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__link {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__icon {
    flex: 0 0 2.1rem;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0;
    display: grid;
    transform: none;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__icon svg {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar {
    box-sizing: border-box !important;
    width: var(--hx-sidebar-collapsed-width) !important;
    min-width: var(--hx-sidebar-collapsed-width) !important;
    max-width: var(--hx-sidebar-collapsed-width) !important;
    align-items: stretch !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar > .hx-nav {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link, .hx-app-frame.is-sidebar-collapsed .hx-nav__link, .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse {
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    min-width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__link {
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    display: flex !important;
    position: relative !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__link:before {
    content: none !important;
    display: none !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__icon {
    flex: 0 0 2.1rem !important;
    place-items: center !important;
    width: 2.1rem !important;
    height: 2.1rem !important;
    margin: 0 !important;
    display: grid !important;
    position: static !important;
    transform: none !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__icon svg {
    width: 1.3rem !important;
    height: 1.3rem !important;
    margin: 0 !important;
    transform: none !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-nav__link.is-active {
    box-shadow: inset 0 0 0 1px #ffffff12 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse > span:first-child {
    margin: 0 !important;
    transform: none !important;
  }

  .hx-topbar__utility-cluster {
    display: contents;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar {
    padding-inline: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar .hx-nav.is-collapsed {
    box-sizing: border-box !important;
    width: var(--hx-sidebar-collapsed-width) !important;
    min-width: var(--hx-sidebar-collapsed-width) !important;
    max-width: var(--hx-sidebar-collapsed-width) !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: .08rem !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    display: flex !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar .hx-nav.is-collapsed .hx-nav__link, .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link, .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse {
    box-sizing: border-box !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar .hx-nav.is-collapsed .hx-nav__link {
    min-height: var(--hx-control-height) !important;
    display: block !important;
    position: relative !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar .hx-nav.is-collapsed .hx-nav__link:before {
    content: none !important;
    display: none !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar .hx-nav.is-collapsed .hx-nav__icon {
    place-items: center !important;
    width: 2.1rem !important;
    height: 2.1rem !important;
    margin: 0 !important;
    display: grid !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar .hx-nav.is-collapsed .hx-nav__icon svg {
    width: 1.3rem !important;
    height: 1.3rem !important;
    margin: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar .hx-nav.is-collapsed .hx-nav__link.is-active {
    box-shadow: inset 0 0 0 1px #ffffff12 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link {
    place-items: center !important;
    display: grid !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link .hx-company-identity {
    place-items: center !important;
    width: 100% !important;
    display: grid !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__company-link .hx-company-identity__mark {
    justify-self: center !important;
    margin: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse-wrap {
    width: 100% !important;
    padding-inline: 0 !important;
  }

  .hx-app-frame.is-sidebar-collapsed .hx-sidebar__collapse {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
  }
}

@media (max-width: 52rem) {
  .hx-topbar.has-global-search {
    padding-right: max(.5rem, env(safe-area-inset-right));
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: .3rem;
  }

  .hx-topbar__utility-cluster {
    grid-column: 2;
    justify-content: flex-end;
    align-items: center;
    gap: .16rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .hx-topbar__utility-cluster .hx-topbar__search-launcher, .hx-topbar__utility-cluster .hx-topbar__actions {
    grid-column: auto;
    justify-content: flex-end;
    align-items: center;
    gap: .16rem;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .hx-topbar__utility-cluster .hx-shell-search-trigger, .hx-topbar__utility-cluster .hx-shell-utility-action, .hx-topbar__utility-cluster .hx-user-menu, .hx-topbar__utility-cluster .hx-user-menu__trigger {
    box-sizing: border-box;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    min-width: 2.2rem;
    max-width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
    margin: 0;
  }

  .hx-topbar__utility-cluster .hx-shell-search-trigger, .hx-topbar__utility-cluster .hx-shell-utility-action, .hx-topbar__utility-cluster .hx-user-menu__trigger {
    place-items: center;
    padding: 0;
    display: grid;
  }

  .hx-topbar__utility-cluster .hx-user-menu {
    justify-content: center;
    align-items: center;
    margin-right: 2px;
    display: flex;
  }

  .hx-topbar__utility-cluster .hx-user-menu__avatar {
    border-radius: .45rem;
    flex: 0 0 2.2rem;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    margin: 0;
    display: grid;
  }
}

@media (min-width: 52.01rem) {
  .hx-topbar__utility-cluster .hx-user-menu {
    justify-content: center;
    align-items: center;
    margin-right: 2px;
    display: flex;
  }

  .hx-topbar__utility-cluster .hx-user-menu__trigger {
    box-sizing: border-box;
    width: var(--hx-control-height);
    min-width: var(--hx-control-height);
    height: var(--hx-control-height);
    min-height: var(--hx-control-height);
    outline-offset: 1px;
    border-radius: var(--hx-radius-md);
    place-items: center;
    margin: 0;
    padding: 0;
    display: grid;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }

  .hx-topbar__utility-cluster .hx-user-menu__trigger:hover {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }

  .hx-topbar__utility-cluster .hx-user-menu__trigger:focus-visible {
    outline: 2px solid var(--hx-focus-ring);
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }

  .hx-topbar__utility-cluster .hx-user-menu__avatar {
    border-radius: var(--hx-radius-md);
    flex: 0 0 2rem;
    place-items: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    display: grid;
  }
}

@media (max-width: 52rem) {
  .hx-topbar__utility-cluster .hx-user-menu__trigger {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }
}

.hx-topbar__utility-cluster .hx-user-menu__trigger {
  box-sizing: border-box;
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-height: var(--hx-control-height);
  border-radius: var(--hx-radius-md);
  color: var(--hx-color-muted);
  place-items: center;
  margin: 0;
  padding: 0;
  display: grid;
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 92%, transparent) !important;
  background: var(--hx-color-surface) !important;
  box-shadow: none !important;
}

.hx-topbar__utility-cluster .hx-user-menu__trigger:hover {
  color: var(--hx-color-brand-strong);
  border-color: var(--hx-color-border-strong) !important;
  background: var(--hx-color-surface) !important;
}

.hx-topbar__utility-cluster .hx-user-menu__trigger:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  border-color: var(--hx-color-border-strong) !important;
  background: var(--hx-color-surface) !important;
}

.hx-topbar__utility-cluster .hx-user-menu__avatar {
  width: 1.8rem;
  height: 1.8rem;
  color: var(--hx-color-brand-strong);
  border-radius: 50%;
  flex: 0 0 1.8rem;
  place-items: center;
  margin: 0;
  display: grid;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.hx-topbar__utility-cluster .hx-shell-utility-action--help {
  appearance: none;
  font: inherit;
  cursor: pointer;
}

.hx-topbar__utility-cluster .hx-user-menu, .hx-topbar__utility-cluster .hx-user-menu__trigger {
  box-sizing: border-box;
  width: var(--hx-control-height);
  min-width: var(--hx-control-height);
  max-width: var(--hx-control-height);
  height: var(--hx-control-height);
  min-height: var(--hx-control-height);
  max-height: var(--hx-control-height);
  margin: 0;
}

.hx-topbar__utility-cluster .hx-user-menu__trigger, .hx-topbar__utility-cluster .hx-user-menu__trigger:hover {
  border-radius: var(--hx-radius-md);
  place-items: center;
  padding: 0;
  display: grid;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.hx-topbar__utility-cluster .hx-user-menu__trigger:focus-visible {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 1px;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.hx-topbar__utility-cluster .hx-user-menu__avatar {
  box-sizing: border-box;
  border-radius: var(--hx-radius-md);
  place-items: center;
  margin: 0;
  display: grid;
  overflow: hidden;
  width: var(--hx-control-height) !important;
  min-width: var(--hx-control-height) !important;
  max-width: var(--hx-control-height) !important;
  height: var(--hx-control-height) !important;
  min-height: var(--hx-control-height) !important;
  max-height: var(--hx-control-height) !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.hx-topbar__utility-cluster .hx-user-menu__avatar > .hx-person-avatar {
  box-sizing: border-box;
  width: var(--hx-control-height) !important;
  min-width: var(--hx-control-height) !important;
  max-width: var(--hx-control-height) !important;
  height: var(--hx-control-height) !important;
  min-height: var(--hx-control-height) !important;
  max-height: var(--hx-control-height) !important;
  border: 1px solid color-mix(in srgb, var(--hx-color-border) 92%, transparent) !important;
  border-radius: var(--hx-radius-md) !important;
  background: var(--hx-color-surface) !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.hx-topbar__utility-cluster .hx-user-menu__avatar > .hx-person-avatar img {
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 52rem) {
  .hx-topbar__utility-cluster .hx-shell-utility-action--help {
    display: inline-grid;
  }

  .hx-data-grid-toolbar {
    min-width: 0;
  }

  .hx-data-grid-toolbar__search-wrap, .hx-data-grid-toolbar.is-selection-active .hx-data-grid-toolbar__search-wrap {
    width: 100%;
    min-width: 0;
    max-width: none;
    display: block;
  }

  .hx-data-grid-toolbar__selection-slot, .hx-data-grid-toolbar.is-selection-active .hx-data-grid-toolbar__selection-slot {
    left: max(.75rem, env(safe-area-inset-left));
    right: max(.75rem, env(safe-area-inset-right));
    bottom: calc(4.05rem + env(safe-area-inset-bottom));
    z-index: calc(var(--hx-layer-sticky) + 3);
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-lg);
    background: color-mix(in srgb, var(--hx-color-surface) 97%, transparent);
    min-width: 0;
    min-height: 3rem;
    box-shadow: var(--hx-shadow-menu);
    align-items: center;
    padding: .38rem .5rem;
    display: flex;
    position: fixed;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context {
    white-space: nowrap;
    align-items: center;
    gap: .3rem;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 2.2rem;
    max-height: none;
    display: flex;
    overflow: hidden;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context > strong {
    flex: none;
    font-size: .74rem;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context > span {
    text-overflow: ellipsis;
    min-width: 0;
    font-size: .7rem;
    overflow: hidden;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context > .hx-button {
    flex: none;
    min-width: 0;
    padding-inline: .3rem;
    font-size: .7rem;
  }

  .hx-data-grid-toolbar__selection-slot .hx-data-grid-selection-context > .hx-button:first-of-type {
    margin-left: auto;
  }

  .hx-data-grid-toolbar__selection-slot > .hx-button {
    flex: none;
  }

  .hx-data-grid-context-row--legacy {
    display: none;
  }

  .hx-data-grid-filters__panel {
    border-radius: var(--hx-radius-lg) var(--hx-radius-lg) 0 0;
    width: auto !important;
    max-width: none !important;
  }

  .hx-data-grid-filters__panel-head {
    padding-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
  }

  .hx-data-grid-filters__body {
    padding-inline: max(.65rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-right));
  }

  .hx-data-grid-filters__footer {
    padding-bottom: max(.55rem, env(safe-area-inset-bottom));
  }
}

@media (min-width: 52.01rem) {
  .hx-data-grid-toolbar__selection-slot--mobile {
    display: none !important;
  }
}

@media (max-width: 52rem) {
  .hx-data-grid-toolbar__selection-slot--desktop {
    display: none !important;
  }

  .hx-data-grid-toolbar__selection-slot--mobile {
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-lg);
    background: color-mix(in srgb, var(--hx-color-surface) 97%, transparent);
    min-height: 3rem;
    box-shadow: var(--hx-shadow-menu);
    align-items: center;
    padding: .38rem .5rem;
    top: auto !important;
    left: max(.75rem, env(safe-area-inset-left)) !important;
    right: max(.75rem, env(safe-area-inset-right)) !important;
    bottom: calc(4.05rem + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    z-index: calc(var(--hx-layer-sticky) + 8) !important;
    display: flex !important;
    position: fixed !important;
  }

  .hx-data-grid-toolbar__selection-slot--mobile .hx-data-grid-selection-context {
    white-space: nowrap;
    align-items: center;
    gap: .3rem;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 2.2rem;
    max-height: none;
    display: flex;
    overflow: hidden;
  }
}

.hx-global-command__title {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: .65rem .95rem .1rem;
  display: flex;
}

.hx-global-command__title-copy {
  min-width: 0;
}

.hx-global-command__title h2 {
  margin: 0;
  font-size: 1.08rem;
  font-weight: 750;
  line-height: 1.35;
}

.hx-global-command__title-copy p {
  color: var(--hx-color-muted);
  margin: .12rem 0 0;
  font-size: .75rem;
  line-height: 1.4;
}

.hx-global-command__title .hx-modal-close-button {
  flex: 0 0 2.75rem;
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
}

.hx-global-command__search {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
  padding: .4rem .95rem .45rem;
  display: grid;
}

.hx-global-command__field {
  min-width: 0;
}

.hx-global-command__clear {
  place-items: center;
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  display: grid;
  right: .1rem;
}

.hx-global-command__search input {
  min-width: 0;
  padding-right: 3rem;
  font-size: .88rem;
}

.hx-global-command__escape, .hx-global-command__mobile-back {
  display: none;
}

.hx-global-command__footer {
  min-height: 2.75rem;
}

.hx-global-command__more {
  align-items: center;
  min-height: 2.5rem;
  display: inline-flex;
}

.hx-global-command__section-heading strong {
  font-size: .79rem;
  font-weight: 700;
}

.hx-global-command__results a strong {
  font-size: .85rem;
}

.hx-global-command__results a small {
  font-size: .74rem;
}

.hx-search-route .hx-page-header {
  margin: 0;
  padding: 0;
}

.hx-search-route .hx-search-surface > .hx-page-header h1 {
  font-size: var(--hx-page-title-size);
  margin: 0;
  line-height: 1.3;
}

.hx-search-route .hx-page-header p {
  margin: .2rem 0 0;
  font-size: .79rem;
  line-height: 1.45;
}

.hx-search-page {
  gap: .6rem;
}

.hx-search-workspace__toolbar {
  align-items: center;
}

.hx-search-workspace__query-surface {
  padding: .3rem;
}

.hx-search-page .hx-search-workspace__filters {
  padding: .75rem;
  font-size: .81rem;
}

.hx-search-page .hx-search-workspace__filters-heading {
  margin-bottom: .5rem;
}

.hx-search-page .hx-search-workspace__filters h2 {
  font-size: .86rem;
}

.hx-search-page .hx-search-workspace__filters .hx-toolbar__group {
  gap: .55rem;
}

.hx-search-page .hx-search-workspace__results-heading h2 {
  font-size: 1.02rem;
}

.hx-search-page .hx-search-workspace__results-heading p {
  font-size: .78rem;
}

.hx-search-page .hx-search-result {
  border-radius: var(--hx-radius-md);
  min-height: 3.85rem;
  padding: .55rem .75rem;
}

.hx-search-page .hx-search-result__content strong {
  font-size: .91rem;
}

.hx-search-page .hx-search-result__content small {
  font-size: .76rem;
}

.hx-search-workspace__draft {
  text-align: center;
  border: 1px dashed var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  align-content: center;
  justify-items: center;
  gap: .25rem;
  min-height: 6.25rem;
  padding: 1rem;
  display: grid;
}

.hx-search-workspace__draft strong {
  color: var(--hx-color-ink);
  font-size: .87rem;
}

.hx-search-workspace__draft p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .76rem;
  line-height: 1.45;
}

@media (max-width: 52rem) {
  .hx-global-command__title {
    padding: calc(.4rem + env(safe-area-inset-top))
      max(.7rem, env(safe-area-inset-right)) .15rem
      max(.7rem, env(safe-area-inset-left));
  }

  .hx-global-command__title .hx-modal-close-button {
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
  }

  .hx-global-command__search {
    padding: .35rem max(.7rem, env(safe-area-inset-right))
      .5rem max(.7rem, env(safe-area-inset-left));
    grid-template-columns: minmax(0, 1fr);
  }

  .hx-global-command__search input {
    height: var(--hx-mobile-form-control-height);
  }

  .hx-search-page .hx-search-result {
    padding: .55rem;
  }
}

@media (min-width: 52.0625rem) {
  .hx-search-page .hx-search-workspace__layout {
    grid-template-columns: minmax(13rem, 14.5rem) minmax(0, 1fr);
    gap: 1rem;
  }

  .hx-search-page .hx-search-workspace__filters {
    border: 0;
    border-right: 1px solid var(--hx-color-border);
    background: none;
    border-radius: 0;
    padding: .2rem .85rem .3rem .15rem;
  }
}

.hx-search-page .hx-search-workspace__relevance {
  white-space: nowrap;
}

.hx-search-page .hx-search-workspace__result-action {
  font-size: .79rem;
}

@media (max-width: 52rem) {
  .hx-search-page .hx-search-workspace__filters {
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface);
    padding: .7rem;
  }
}

.hx-search-workspace__more-filters:not([open]) > :not(summary) {
  display: none !important;
}

.hx-search-workspace__no-results {
  border: 1px dashed var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .35rem;
  min-width: 0;
  min-height: 5.75rem;
  padding: .9rem 1rem;
  display: flex;
}

.hx-search-workspace__no-results strong {
  color: var(--hx-color-ink);
  font-size: .87rem;
  font-weight: 700;
}

.hx-search-workspace__no-results p {
  max-width: 39rem;
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .77rem;
  line-height: 1.45;
}

.hx-search-workspace__no-results .hx-button {
  margin-top: .3rem;
}

.hx-search-page .hx-search-workspace__layout.is-pages {
  grid-template-columns: minmax(0, 1fr);
}

.hx-search-page .hx-search-workspace__layout.is-pages > .hx-search-workspace__filters {
  display: none !important;
}

.hx-search-page .hx-search-workspace__page-results {
  min-width: 0;
}

.hx-search-workspace__page-heading {
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.hx-search-workspace__page-heading h1 {
  color: var(--hx-color-ink);
  margin: 0;
  font-size: 1.2rem;
  font-weight: 740;
  line-height: 1.35;
}

.hx-search-workspace__page-heading p {
  color: var(--hx-color-muted);
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
}

@media (max-width: 52rem) {
  .hx-search-page .hx-search-workspace__layout > .hx-search-workspace__filters {
    display: none !important;
  }
}

.hx-search-route > .hx-page-header {
  margin-bottom: 0;
}

.hx-search-route .hx-search-page {
  background: var(--hx-color-surface);
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  gap: .85rem;
  padding: 1.1rem 1.25rem 1.25rem;
  box-shadow: 0 1px 3px #1225460a;
}

.hx-search-route .hx-search-workspace__toolbar {
  border-bottom: 1px solid var(--hx-color-border);
  align-items: center;
  padding-bottom: .6rem;
}

.hx-search-route .hx-search-workspace__filters {
  border-right: 1px solid var(--hx-color-border);
}

.hx-search-route .hx-search-workspace__results {
  align-content: start;
  gap: .85rem;
}

@media (max-width: 52rem) {
  .hx-search-route .hx-search-page {
    border-radius: var(--hx-radius-md);
    gap: .65rem;
    padding: .8rem;
  }

  .hx-search-route .hx-search-workspace__toolbar {
    align-items: flex-start;
    gap: .4rem;
  }

  .hx-search-route .hx-search-workspace__layout {
    gap: .8rem;
  }
}

.hx-search-route {
  gap: 0;
  min-width: 0;
}

.hx-search-route .hx-search-surface {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  gap: .7rem;
  width: 100%;
  min-width: 0;
  padding: .8rem;
  box-shadow: 0 2px 6px #1225460a;
}

.hx-search-route .hx-search-surface > .hx-page-header {
  border: 0;
  border-bottom: 1px solid var(--hx-color-border);
  margin: 0;
  padding: 0 0 .9rem;
}

.hx-search-route .hx-search-surface .hx-search-page {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  gap: .85rem;
  padding: 0;
}

.hx-search-route .hx-search-workspace__toolbar {
  border: 0;
  align-items: center;
  min-height: 2.5rem;
  padding: .2rem 0 .3rem;
}

.hx-search-route .hx-search-workspace__tenant {
  gap: .35rem;
  min-height: 2rem;
}

.hx-search-route .hx-search-workspace__context-name {
  max-width: min(24rem, 60vw);
}

.hx-search-route .hx-search-workspace__query-surface {
  background: none;
  border: 0;
  padding: 0;
}

.hx-search-route .hx-search-workspace__layout {
  gap: 1.2rem;
}

.hx-search-route .hx-search-workspace__result-column {
  gap: .7rem;
}

.hx-search-route .hx-search-workspace__draft, .hx-search-route .hx-search-workspace__no-results {
  border: 1px dashed var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-height: 6rem;
  padding: 1.1rem;
}

@media (max-width: 52rem) {
  .hx-search-route .hx-search-surface {
    border-radius: var(--hx-radius-md);
    gap: .65rem;
    padding: .8rem;
  }

  .hx-search-route .hx-search-workspace__layout {
    gap: .75rem;
  }
}

@media (min-width: 52.01rem) {
  .hx-search-route .hx-search-surface {
    grid-template-rows: auto auto;
    gap: 1rem;
    min-height: 0;
    padding: .8rem;
    position: relative;
  }

  .hx-search-route .hx-search-surface > .hx-page-header {
    border: 0;
    border-bottom: 1px solid var(--hx-color-border);
    align-items: flex-start;
    padding: 0 0 .75rem;
  }

  .hx-search-route .hx-search-surface > .hx-page-header h1 {
    font-size: var(--hx-page-title-size);
    margin: 0;
    line-height: 1.3;
  }

  .hx-search-route .hx-page-header p {
    margin-top: .25rem;
    font-size: .875rem;
  }

  .hx-search-route .hx-search-page {
    grid-template-rows: auto auto auto;
    gap: 1rem;
  }

  .hx-search-route .hx-m09-10-initial {
    grid-template-rows: auto auto auto;
    align-content: start;
  }

  .hx-search-route .hx-search-workspace__toolbar {
    z-index: 1;
    gap: .75rem;
    width: auto;
    min-height: 2rem;
    padding: 0;
    display: flex;
    position: absolute;
    top: .8rem;
    right: .8rem;
  }

  .hx-search-route .hx-search-workspace__tenant {
    min-height: 2rem;
  }

  .hx-search-route .hx-search-workspace__context-label {
    display: none;
  }

  .hx-search-route .hx-search-workspace__query-surface {
    align-items: center;
    gap: .65rem;
    display: flex;
  }

  .hx-search-route .hx-search-workspace__query-surface > form {
    flex: auto;
    min-width: 0;
  }

  .hx-search-route .hx-search-workspace__query-surface > .hx-button {
    border: 1px solid var(--hx-color-border);
    background: #fff;
    flex: none;
    gap: .5rem;
  }

  .hx-search-route .hx-search-workspace__query-surface > .hx-button:disabled {
    opacity: 1;
    color: var(--hx-color-muted);
    cursor: not-allowed;
  }

  .hx-search-route .hx-m09-10-initial .hx-search-workspace__draft {
    background: none;
    border: 0;
    border-radius: 0;
    gap: .15rem;
    min-height: clamp(14rem, 26dvh, 20rem);
    padding: 1.25rem;
  }

  .hx-search-route .hx-m09-10-initial .hx-search-workspace__draft-icon {
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-brand-subtle);
    width: 3rem;
    height: 3rem;
    color: var(--hx-color-brand-strong);
    place-items: center;
    margin-bottom: .75rem;
    display: grid;
  }

  .hx-search-route .hx-m09-10-initial .hx-search-workspace__draft-icon svg {
    width: 2rem;
    height: 2rem;
  }

  .hx-search-route .hx-m09-10-initial .hx-search-workspace__draft strong {
    font-size: 1.1rem;
    line-height: 1.3;
  }

  .hx-search-route .hx-m09-10-initial .hx-search-workspace__draft p {
    font-size: .875rem;
    line-height: 1.35;
  }

  .hx-search-route .hx-m09-10-initial .hx-search-workspace__draft-hint {
    margin-top: .75rem;
  }

  .hx-search-route .hx-search-page:not(.hx-m09-21-pages) .hx-search-workspace__layout {
    border-top: 1px solid var(--hx-color-border);
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: 1.5rem;
    padding-top: 1rem;
  }

  .hx-search-route .hx-search-page:not(.hx-m09-21-pages) .hx-search-workspace__filters {
    border: 0;
    border-right: 1px solid var(--hx-color-border);
    padding: .55rem 1.35rem 0 0;
  }

  .hx-search-route .hx-m09-v2-results .hx-search-workspace__results-heading > div {
    flex-wrap: wrap;
    align-items: baseline;
    gap: .9rem;
    display: flex;
  }

  .hx-search-route .hx-m09-v2-results .hx-search-workspace__results-heading h2 {
    font-size: 1.1rem;
  }

  .hx-search-route .hx-m09-v2-results .hx-search-workspace__results-heading p {
    margin: 0;
    font-size: .75rem;
  }

  .hx-search-route .hx-m09-v2-results .hx-search-results {
    gap: 0;
  }

  .hx-search-route .hx-m09-v2-results .hx-search-workspace__group-heading {
    color: #8798b1;
    letter-spacing: .075em;
    text-transform: uppercase;
    margin: 1.15rem .35rem .25rem;
    padding: 0;
    font-size: .7rem;
    font-weight: 750;
    line-height: 1.4;
  }

  .hx-search-route .hx-m09-v2-results .hx-search-result {
    border: 0;
    border-bottom: 1px solid var(--hx-color-border);
    background: none;
    border-radius: 0;
    min-height: 4.25rem;
    padding: .65rem .8rem;
  }

  .hx-search-route .hx-m09-16-empty .hx-search-workspace__no-results {
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    text-align: left;
    background: #f9fbfe;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25rem;
    min-height: 10rem;
    padding: 2rem 1.5rem;
    display: flex;
  }

  .hx-search-route .hx-m09-16-empty .hx-search-workspace__no-results-icon {
    color: var(--hx-color-brand-strong);
    flex: 0 0 2rem;
  }

  .hx-search-route .hx-m09-16-empty .hx-search-workspace__no-results-icon svg {
    width: 2rem;
    height: 2rem;
  }

  .hx-search-route .hx-m09-16-empty .hx-search-workspace__no-results strong {
    font-size: 1rem;
  }

  .hx-search-route .hx-m09-16-empty .hx-search-workspace__no-results p {
    font-size: .875rem;
  }

  .hx-search-route .hx-m09-17-error .hx-search-workspace__error {
    border-radius: var(--hx-radius-md);
    background: #fff8f9;
    border: 1px solid #f2cfd5;
    align-items: flex-start;
    gap: 1.25rem;
    min-height: 10rem;
    padding: 2rem 1.5rem;
    display: flex;
  }

  .hx-search-route .hx-m09-17-error .hx-search-workspace__error-icon {
    color: #b94b60;
    flex: 0 0 2rem;
    font-size: 2rem;
    line-height: 1;
  }

  .hx-search-route .hx-m09-17-error .hx-search-workspace__error strong {
    color: var(--hx-color-ink);
    font-size: 1rem;
    display: block;
  }

  .hx-search-route .hx-m09-17-error .hx-search-workspace__error p {
    color: var(--hx-color-muted);
    margin: .65rem 0 .9rem;
    font-size: .875rem;
  }

  .hx-search-route .hx-search-workspace__page-number {
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-brand-subtle);
    min-width: 2rem;
    min-height: 2rem;
    color: var(--hx-color-brand-strong);
    place-items: center;
    font-size: .8rem;
    font-weight: 700;
    display: inline-grid;
  }

  .hx-search-route .hx-m09-21-pages .hx-search-workspace__layout {
    border-top: 1px solid var(--hx-color-border);
    grid-template-columns: minmax(0, 1fr);
    padding-top: 1rem;
  }

  .hx-search-route .hx-m09-21-pages .hx-search-workspace__page-results {
    gap: 1rem;
    display: grid;
  }

  .hx-search-route .hx-m09-21-pages .hx-search-workspace__page-list {
    width: min(70rem, 100%);
  }

  .hx-search-route .hx-m09-21-pages .hx-search-workspace__page-list h3 {
    color: var(--hx-color-muted);
    letter-spacing: .07em;
    text-transform: uppercase;
    margin: 0 0 .5rem;
    font-size: .72rem;
    font-weight: 800;
  }

  .hx-search-route .hx-m09-21-pages .hx-search-results {
    gap: 0;
  }

  .hx-search-route .hx-m09-21-pages .hx-search-result {
    border: 0;
    border-bottom: 1px solid var(--hx-color-border);
    background: none;
    border-radius: 0;
    min-height: 4.25rem;
    padding: .65rem .8rem;
  }

  .hx-search-route .hx-m09-21-pages .hx-search-workspace__page-note {
    border-top: 1px solid var(--hx-color-border);
    color: var(--hx-color-muted);
    align-items: center;
    gap: .55rem;
    margin: .4rem 0 0;
    padding-top: .9rem;
    font-size: .76rem;
    display: flex;
  }

  .hx-search-route .hx-m09-21-pages .hx-search-workspace__page-note svg {
    flex: none;
    width: 1rem;
    height: 1rem;
  }
}

.hx-m09-save-view-modal {
  border-radius: var(--hx-radius-md);
  width: min(33rem, 100vw - 2rem);
}

.hx-m09-save-view-modal .hx-form-modal__header {
  padding: 1.5rem 1.55rem 1.3rem;
}

.hx-m09-save-view-modal .hx-form-modal__header h2 {
  font-size: 1.3rem;
}

.hx-m09-save-view-modal .hx-form-modal__body {
  gap: 1.25rem;
  padding: 1.5rem 1.55rem;
}

.hx-m09-save-view-modal .hx-form-modal__footer {
  padding: 1.2rem 1.55rem;
}

.hx-m09-save-view-modal__visibility {
  gap: .45rem;
  display: grid;
}

.hx-m09-save-view-modal__visibility > span {
  color: var(--hx-color-muted);
  font-size: .8rem;
  font-weight: 700;
}

.hx-m09-save-view-modal__visibility label {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: #f6f9fe;
  align-items: flex-start;
  gap: .65rem;
  min-height: 5.3rem;
  padding: 1rem;
  display: flex;
}

.hx-m09-save-view-modal__visibility input {
  accent-color: var(--hx-color-brand);
  margin-top: .1rem;
}

.hx-m09-save-view-modal__visibility label span {
  gap: .55rem;
  display: grid;
}

.hx-m09-save-view-modal__visibility strong {
  color: var(--hx-color-ink);
  font-size: .875rem;
}

.hx-m09-save-view-modal__visibility small {
  color: var(--hx-color-muted);
  font-size: .75rem;
}

.hx-m09-save-view-modal__scope {
  background: var(--hx-color-surface-muted);
  color: var(--hx-color-muted);
  align-items: center;
  gap: .65rem;
  margin: 0;
  padding: .8rem;
  font-size: .75rem;
  display: flex;
}

.hx-m09-save-view-modal__scope svg {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.hx-search-route .hx-m09-draft .hx-search-workspace__draft {
  background: #f9fbfe;
  border-style: solid;
  min-height: 10rem;
}

.hx-search-workspace__apply-label {
  color: var(--hx-color-brand-strong);
  font-size: .8rem;
  font-weight: 700;
}

.hx-search-workspace__view-actions {
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.hx-search-workspace__view-actions .hx-button {
  color: var(--hx-color-brand-strong);
  background: none;
  border: 0;
}

.hx-search-workspace__mobile-save-current {
  display: none;
}

.hx-search-workspace__search-control {
  margin: 0;
  padding: 0;
}

.hx-search-workspace__search-control .hx-data-grid-toolbar__search-wrap {
  flex: auto;
  width: 100%;
  max-width: none;
}

.hx-search-workspace__search-control .hx-data-grid-toolbar__actions:empty {
  display: none;
}

.hx-search-workspace__saved-views {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.hx-search-workspace__tabs {
  border-bottom: 1px solid var(--hx-color-border);
}

.hx-search-workspace__tab-short {
  display: none;
}

@media (max-width: 52rem) {
  .hx-search-workspace__view-actions {
    flex-wrap: wrap;
    width: 100%;
  }

  .hx-search-workspace__view-actions .hx-button {
    min-height: 2.75rem;
  }

  .hx-search-workspace__mobile-save-current {
    justify-self: start;
    display: inline-flex;
  }

  .hx-search-workspace__tab-long {
    display: none;
  }

  .hx-search-workspace__tab-short {
    display: inline;
  }
}

@media (min-width: 52.01rem) and (max-width: 72rem) {
  .hx-search-route .hx-search-surface > .hx-page-header {
    padding-bottom: 2.5rem;
  }

  .hx-search-route .hx-search-workspace__toolbar {
    justify-content: space-between;
    top: 3.8rem;
    left: .8rem;
  }
}

@media (max-width: 52rem) {
  .hx-workspace-main > .hx-shell:has(.hx-search-route) {
    padding: .75rem 0;
  }

  .hx-search-route .hx-search-surface {
    padding: .8rem max(.8rem, env(safe-area-inset-right)) .8rem
      max(.8rem, env(safe-area-inset-left));
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .hx-search-route .hx-search-surface > .hx-page-header {
    border: 0;
    border-bottom: 1px solid var(--hx-color-border);
    padding: 0 0 .65rem;
  }

  .hx-search-route .hx-search-surface > .hx-page-header h1 {
    font-size: var(--hx-page-title-size);
    margin: 0;
    line-height: 1.3;
  }

  .hx-search-route .hx-page-header p {
    font-size: .85rem;
  }

  .hx-search-route .hx-search-page {
    flex-direction: column;
    gap: .7rem;
    display: flex;
  }

  .hx-search-route .hx-search-workspace__query-surface {
    order: 1;
    padding: 0;
  }

  .hx-search-route .hx-search-workspace__query-surface > .hx-button {
    display: none;
  }

  .hx-search-route .hx-search-workspace__toolbar {
    min-height: var(--hx-compact-control-height);
    border: 0;
    order: 2;
    padding: 0;
  }

  .hx-search-route .hx-search-workspace__tenant {
    display: none;
  }

  .hx-search-route .hx-search-workspace__toolbar-actions {
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    width: 100%;
    display: grid;
  }

  .hx-search-route .hx-search-workspace__toolbar-actions > .hx-button, .hx-search-workspace__saved-views > .hx-button, .hx-search-workspace__saved-views > .hx-data-grid-view-menu {
    flex: 1 1 0;
    min-width: 0;
  }

  .hx-search-workspace__saved-views .hx-data-grid-view-menu > .hx-button {
    width: 100%;
  }

  .hx-search-route .hx-search-workspace__feedback {
    order: 2;
  }

  .hx-search-route .hx-search-workspace__filters-toggle {
    flex: 1 1 0;
    gap: .5rem;
    min-width: 0;
  }

  .hx-search-route .hx-search-workspace__layout {
    order: 3;
    display: block;
  }

  .hx-search-route .hx-search-workspace__results-heading > div {
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    display: flex;
  }

  .hx-search-route .hx-search-workspace__results-heading p {
    margin: 0;
  }

  .hx-search-route .hx-search-results {
    gap: 0;
  }

  .hx-search-route .hx-search-result {
    border: 0;
    border-bottom: 1px solid var(--hx-color-border);
    background: none;
    border-radius: 0;
    min-height: 4.25rem;
    padding: .55rem .15rem;
  }

  .hx-search-route .hx-search-workspace__result-action {
    font-size: 0;
  }

  .hx-search-route .hx-search-workspace__result-action span {
    font-size: 1.1rem;
  }

  .hx-search-route .hx-search-workspace__draft {
    border: 0;
    min-height: 11rem;
    padding: 1.5rem .5rem;
  }

  .hx-search-route .hx-m09-10-initial .hx-search-workspace__draft {
    min-height: 12rem;
    padding-block: 1rem;
  }

  .hx-search-route .hx-search-workspace__draft-icon {
    background: var(--hx-color-brand-subtle);
    border-radius: var(--hx-radius-md);
    width: 3rem;
    height: 3rem;
    color: var(--hx-color-brand-strong);
    place-items: center;
    margin-bottom: .6rem;
    display: grid;
  }

  .hx-search-route .hx-search-workspace__draft strong {
    font-size: 1.05rem;
  }

  .hx-search-route .hx-search-workspace__draft-hint {
    margin-top: .75rem;
  }

  .hx-search-route .hx-search-workspace__toolbar:has(.hx-search-workspace__toolbar-actions:empty) {
    display: none;
  }
}

.hx-search-route .hx-search-workspace__result-body {
  scrollbar-gutter: stable;
  overflow-anchor: none;
  flex-direction: column;
  gap: .7rem;
  min-width: 0;
  height: 20rem;
  padding-inline: .8rem;
  display: flex;
  overflow: auto;
}

.hx-search-route .hx-search-workspace__result-body > * {
  flex-shrink: 0;
}

@media (max-width: 52rem) {
  .hx-search-route .hx-search-workspace__result-body {
    height: 18rem;
    padding-inline: .55rem;
  }
}

.hx-search-workspace__filter-controls .hx-combobox__trigger {
  height: var(--hx-compact-control-height);
  min-height: var(--hx-compact-control-height);
  padding-block: 0;
  font-size: .85rem;
}

.hx-search-workspace__history-panels {
  border-top: 1px solid var(--hx-color-border);
  gap: .75rem;
  margin-top: .25rem;
  padding-top: 1rem;
  display: grid;
}

.hx-search-history-panel {
  border: 1px solid var(--hx-color-border);
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-surface);
  min-width: 0;
}

.hx-search-history-panel .hx-form-disclosure__header {
  gap: .5rem;
  padding-inline: .75rem 3rem;
  position: relative;
}

.hx-search-history-panel .hx-form-disclosure__trigger {
  color: var(--hx-color-ink);
}

.hx-search-history-panel .hx-form-disclosure__trigger:hover .hx-form-disclosure__chevron-box {
  background: none;
}

.hx-search-history-panel .hx-form-disclosure__trigger:focus-visible {
  outline: none;
}

.hx-search-history-panel .hx-form-disclosure__trigger:focus-visible .hx-form-disclosure__label {
  outline: 2px solid var(--hx-focus-ring);
  outline-offset: 3px;
}

.hx-search-history-panel .hx-form-disclosure__copy strong {
  align-items: center;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  font-size: .85rem;
  display: flex;
}

.hx-search-history-panel .hx-form-disclosure__copy strong > svg {
  width: 1rem;
  height: 1rem;
  color: var(--hx-color-brand);
  flex: none;
}

.hx-search-history-panel .hx-form-disclosure__copy {
  flex: auto;
}

.hx-search-history-panel .hx-form-disclosure__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hx-search-history-panel .hx-form-disclosure__count {
  border-radius: var(--hx-radius-md);
  background: var(--hx-color-disabled);
  min-width: 1.25rem;
  color: var(--hx-color-ink);
  flex: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: .1rem .35rem;
  font-size: .75rem;
  line-height: 1.2;
  display: inline-flex;
}

.hx-search-history-panel .hx-form-disclosure__chevron-box {
  inset-inline-end: 0;
  width: 2.75rem;
  height: 2.75rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hx-search-history-panel .hx-form-disclosure__content {
  border-top: 1px solid var(--hx-color-border);
  padding: 0;
}

.hx-search-history-panel .hx-form-disclosure__content > p {
  margin: 0;
  padding: .85rem .75rem;
  font-size: .875rem;
}

.hx-search-history-panel__actions {
  border-bottom: 1px solid var(--hx-color-border);
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  padding-block: .75rem;
  display: flex;
}

.hx-search-history-panel__list {
  gap: 0;
  display: grid;
}

.hx-search-history-panel__row {
  border-bottom: 1px solid var(--hx-color-border);
  align-items: center;
  gap: .25rem;
  min-width: 0;
  padding: 0 .75rem;
  display: flex;
}

.hx-search-history-panel__row-actions {
  flex-wrap: nowrap;
  flex: none;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.hx-search-history-panel .hx-select-row {
  text-align: left;
  background: none;
  border: 0;
  border-radius: 0;
  flex: auto;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 3.5rem;
  padding: .6rem .25rem;
}

.hx-search-history-panel .hx-select-row > span:first-child {
  min-width: 0;
}

.hx-search-history-panel .hx-select-row strong {
  overflow-wrap: anywhere;
  font-size: .875rem;
}

.hx-search-history-panel .hx-select-row small {
  overflow-wrap: anywhere;
  font-size: .75rem;
}

.hx-search-history-panel__list > .hx-select-row {
  border-bottom: 1px solid var(--hx-color-border);
  padding-inline: .75rem;
}

.hx-search-history-panel__row:hover, .hx-search-history-panel__row:focus-within, .hx-search-recent-panel .hx-select-row:hover, .hx-search-recent-panel .hx-select-row:focus-visible {
  background: var(--hx-color-table-row-hover);
}

.hx-search-history-panel__row:has([aria-pressed="true"]) {
  background: var(--hx-color-table-row-hover);
}

.hx-search-saved-panel .hx-select-row:hover, .hx-search-history-panel__row .hx-button--ghost:hover {
  background: none;
}

@media (max-width: 52rem) {
  .hx-search-workspace__history-panels {
    order: 4;
  }

  .hx-search-history-panel .hx-form-disclosure__header {
    flex-wrap: wrap;
    padding-block: .35rem;
  }

  .hx-search-history-panel .hx-form-disclosure__header > .hx-form-disclosure__trigger {
    flex-basis: 0;
    width: auto;
    min-width: 0;
    min-height: 2.75rem;
  }

  .hx-search-history-panel__row {
    flex-wrap: nowrap;
    gap: 0;
  }

  .hx-search-history-panel__row-actions {
    gap: 0;
    padding: 0;
  }

  .hx-search-history-panel__row-actions .hx-button {
    padding-inline: .4rem;
  }
}

.hx-search-history-panel .hx-form-disclosure__actions > .hx-button {
  white-space: nowrap;
  gap: .4rem;
  width: 9rem;
}

.hx-search-history-panel .hx-form-disclosure__actions svg {
  width: 1rem;
  height: 1rem;
  color: var(--hx-color-brand);
}

@media (max-width: 26rem) {
  .hx-search-history-panel .hx-form-disclosure__header {
    flex-wrap: nowrap;
    gap: .25rem;
    padding: .25rem 2.75rem .25rem .5rem;
  }

  .hx-search-history-panel .hx-form-disclosure__copy strong {
    gap: .3rem;
    font-size: .8rem;
  }

  .hx-search-history-panel .hx-form-disclosure__actions > .hx-button {
    width: 7.25rem;
    padding-inline: .4rem;
  }

  .hx-search-recent-panel .hx-search-history-panel__action-detail {
    display: none;
  }
}

.hx-search-history-panel__row-actions > :is(.hx-button, .hx-icon-button) {
  white-space: nowrap;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 2.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  margin: 0;
  display: inline-flex;
}

.hx-search-history-panel__row-actions .hx-button {
  align-self: center;
  height: 2.75rem;
  min-height: 2.75rem;
  font-size: .85rem;
  line-height: 1.3;
}

@media (min-width: 52.01rem) {
  .hx-global-command-backdrop {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #0a172e6b;
    place-items: center;
    padding: 1rem;
  }

  .hx-global-command-modal {
    border-radius: var(--hx-radius-md);
    width: min(50vw, 60rem);
    min-width: min(40rem, 100vw - 2rem);
    max-width: calc(100vw - 2rem);
    max-height: min(79dvh, 48rem);
    box-shadow: 0 1.5rem 5rem #0819384d, 0 .2rem 1rem #0819381a;
  }

  .hx-m09-01-initial .hx-global-command {
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    height: min(44.25rem, 66dvh);
    min-height: 0;
    overflow: hidden;
  }

  .hx-global-command__title {
    align-items: flex-start;
    padding: 1.55rem 1.75rem .6rem;
  }

  .hx-global-command__title h2 {
    letter-spacing: -.025em;
    font-size: 1.48rem;
    font-weight: 780;
    line-height: 1.22;
  }

  .hx-global-command__title-copy p {
    margin-top: .42rem;
    font-size: .85rem;
  }

  .hx-global-command__title .hx-modal-close-button {
    color: var(--hx-color-muted);
    border-radius: var(--hx-radius-md);
    background: none;
    border: 0;
    margin-top: -.3rem;
    margin-right: -.35rem;
  }

  .hx-global-command__title .hx-modal-close-button:hover {
    color: var(--hx-color-brand-strong);
    background: var(--hx-color-brand-subtle);
  }

  .hx-global-command__search {
    gap: 0;
    padding: .45rem 1.75rem .8rem;
  }

  .hx-global-command__field {
    position: relative;
  }

  .hx-global-command__search input {
    height: var(--hx-form-control-height);
    background: var(--hx-color-surface);
    border-radius: var(--hx-radius-md);
    width: 100%;
    min-height: 2.5rem;
    padding-left: 2.55rem;
    padding-right: 5.65rem;
    font-size: .88rem;
  }

  .hx-global-command__shortcut {
    pointer-events: none;
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface-muted);
    color: var(--hx-color-muted);
    font: inherit;
    white-space: nowrap;
    padding: .25rem .45rem;
    font-size: .66rem;
    line-height: 1.1;
    position: absolute;
    top: 50%;
    right: .7rem;
    transform: translateY(-50%);
  }

  .hx-global-command__search-icon {
    left: .8rem;
  }

  .hx-global-command__category-rail {
    gap: .6rem;
    padding: 0 1.75rem .6rem;
  }

  .hx-global-command__tabs {
    gap: .28rem;
    padding: 0;
  }

  .hx-global-command__tabs button {
    border-radius: var(--hx-radius-md);
    min-height: 2rem;
    color: var(--hx-color-muted);
    border-bottom: 0;
    margin: 0;
    padding: .45rem .85rem;
    font-size: .79rem;
    font-weight: 650;
  }

  .hx-global-command__tabs button:after {
    display: none;
  }

  .hx-global-command__tabs button.is-active {
    background: var(--hx-color-brand-subtle);
    color: var(--hx-color-brand-strong);
  }

  .hx-global-command__more {
    min-height: 2rem;
    padding: .35rem .15rem .35rem .75rem;
  }

  .hx-m09-01-initial .hx-global-command__layout.is-initial {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    max-height: none;
    display: flex;
    overflow-y: auto;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query {
    flex-direction: column;
    gap: .55rem;
    padding: .85rem 1.75rem 1rem;
    display: flex;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__section {
    border: 0;
    margin: 0;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__section-heading {
    min-height: 2.1rem;
    padding: .5rem .3rem;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__section-heading strong {
    text-transform: uppercase;
    letter-spacing: .075em;
    color: var(--hx-color-muted);
    font-size: .67rem;
    font-weight: 780;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__results a {
    border-radius: var(--hx-radius-md);
    border: 1px solid #0000;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .8rem;
    min-height: 3.25rem;
    padding: .4rem .65rem;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__results a.is-active, .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__results a:hover, .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__results a:focus-visible {
    background: var(--hx-color-table-row-hover);
    border-color: #0000;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__page-icon {
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface-muted);
    width: 2rem;
    height: 2rem;
    color: var(--hx-color-brand-strong);
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__results a strong {
    font-size: .86rem;
    font-weight: 740;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__results a small {
    font-size: .73rem;
  }

  .hx-global-command__row-action {
    color: var(--hx-color-brand-strong);
    white-space: nowrap;
    align-items: center;
    gap: .4rem;
    font-size: .74rem;
    font-weight: 680;
    display: inline-flex;
  }

  .hx-global-command__footer {
    background: var(--hx-color-surface);
    flex: none;
    min-height: 3.95rem;
    padding: .7rem 1.75rem;
    font-size: .76rem;
  }

  .hx-global-command__keyboard-help {
    color: var(--hx-color-muted);
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    display: inline-flex;
  }

  .hx-global-command__keyboard-help kbd {
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface-muted);
    border: 1px solid var(--hx-color-border);
    min-width: 1.45rem;
    min-height: 1.45rem;
    font: inherit;
    justify-content: center;
    align-items: center;
    padding: .13rem .3rem;
    font-size: .69rem;
    display: inline-flex;
  }

  .hx-m09-01-initial .hx-global-command__title {
    padding: 1.75rem 2rem .6rem;
  }

  .hx-m09-01-initial .hx-global-command__title h2 {
    font-size: 1.56rem;
  }

  .hx-m09-01-initial .hx-global-command__title-copy p {
    font-size: .875rem;
  }

  .hx-m09-01-initial .hx-global-command__search, .hx-m09-01-initial .hx-global-command__category-rail, .hx-m09-01-initial .hx-global-command__body.is-empty-query {
    padding-inline: 2rem;
  }

  .hx-m09-01-initial .hx-global-command__body.is-empty-query .hx-global-command__results a {
    min-height: 3.25rem;
  }

  .hx-m09-01-initial .hx-global-command__footer {
    min-height: 4rem;
    padding-inline: 2rem;
  }

  .hx-m09-v2-typed .hx-global-command {
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
  }

  .hx-m09-02-people .hx-global-command, .hx-m09-03-mixed .hx-global-command, .hx-m09-04-empty .hx-global-command, .hx-m09-05-state .hx-global-command {
    height: min(44.25rem, 66dvh);
  }

  .hx-m09-v2-typed .hx-global-command__title {
    padding: 1.75rem 2rem .6rem;
  }

  .hx-m09-v2-typed .hx-global-command__title h2 {
    font-size: 1.56rem;
  }

  .hx-m09-v2-typed .hx-global-command__title-copy p {
    font-size: .875rem;
  }

  .hx-m09-v2-typed .hx-global-command__search, .hx-m09-v2-typed .hx-global-command__category-rail {
    padding-inline: 2rem;
  }

  .hx-m09-v2-typed .hx-global-command__layout {
    min-height: 0;
    max-height: none;
    overflow-y: auto;
  }

  .hx-m09-v2-typed .hx-global-command__body {
    padding: .8rem 2rem 1rem;
  }

  .hx-m09-v2-typed .hx-global-command__section-heading {
    min-height: 2rem;
    padding: .45rem .3rem;
  }

  .hx-m09-v2-typed .hx-global-command__section-heading strong {
    color: var(--hx-color-muted);
    letter-spacing: .075em;
    text-transform: uppercase;
    font-size: .67rem;
    font-weight: 780;
  }

  .hx-m09-v2-typed .hx-global-command__results a {
    border-radius: var(--hx-radius-md);
    border: 1px solid #0000;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .8rem;
    min-height: 3.25rem;
    padding: .4rem .65rem;
  }

  .hx-m09-v2-typed .hx-global-command__results a.is-active, .hx-m09-v2-typed .hx-global-command__results a:hover, .hx-m09-v2-typed .hx-global-command__results a:focus-visible {
    background: var(--hx-color-table-row-hover);
    border-color: #0000;
  }

  .hx-m09-v2-typed .hx-global-command__avatar, .hx-m09-v2-typed .hx-global-command__avatar .hx-person-avatar--sm {
    border-radius: var(--hx-radius-md);
    width: 2rem;
    height: 2rem;
  }

  .hx-m09-v2-typed .hx-global-command__footer {
    min-height: 4rem;
    padding-inline: 2rem;
  }

  .hx-m09-03-mixed .hx-global-command__section + .hx-global-command__section {
    border-top: 0;
    margin-top: .9rem;
  }

  .hx-m09-03-mixed .hx-global-command__page-icon {
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface-muted);
    width: 2rem;
    height: 2rem;
    color: var(--hx-color-brand-strong);
  }

  .hx-m09-04-empty .hx-global-command__layout, .hx-m09-04-empty .hx-global-command__body {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
  }

  .hx-m09-04-empty .hx-global-command__no-results {
    text-align: center;
    max-width: 25rem;
    color: var(--hx-color-ink);
    flex-direction: column;
    align-items: center;
    gap: .65rem;
    margin: auto;
    display: flex;
  }

  .hx-m09-04-empty .hx-global-command__no-results-icon {
    color: var(--hx-color-brand);
  }

  .hx-m09-04-empty .hx-global-command__no-results-icon svg {
    width: 3rem;
    height: 3rem;
  }

  .hx-m09-04-empty .hx-global-command__no-results strong {
    font-size: 1.18rem;
  }

  .hx-m09-04-empty .hx-global-command__no-results p {
    color: var(--hx-color-muted);
    margin: 0;
    font-size: .875rem;
    line-height: 1.55;
  }

  .hx-m09-04-empty .hx-global-command__no-results button {
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface);
    min-height: 2.25rem;
    color: var(--hx-color-brand-strong);
    font: inherit;
    cursor: pointer;
    margin-top: .6rem;
    padding: 0 .9rem;
    font-size: .75rem;
    font-weight: 700;
  }

  .hx-m09-04-empty .hx-global-command__no-results button:focus-visible {
    outline: 2px solid var(--hx-color-brand);
    outline-offset: 2px;
  }

  .hx-m09-05-state .hx-global-command__layout, .hx-m09-05-state .hx-global-command__body {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
  }

  .hx-m09-05-state .hx-global-command__body {
    justify-content: center;
    gap: 1rem;
  }

  .hx-m09-05-state .hx-global-command__loading-state, .hx-m09-05-state .hx-global-command__access-state {
    border-radius: var(--hx-radius-md);
    color: var(--hx-color-muted);
    background: var(--hx-color-surface-muted);
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    font-size: .82rem;
    display: flex;
  }

  .hx-m09-05-state .hx-global-command__spinner {
    border: 2px solid var(--hx-color-border);
    border-top-color: var(--hx-color-brand);
    border-radius: 50%;
    flex: 0 0 1.3rem;
    width: 1.3rem;
    height: 1.3rem;
    animation: .8s linear infinite hx-m09-search-spin;
  }

  @keyframes hx-m09-search-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .hx-m09-05-state .hx-global-command__error-state {
    border-radius: var(--hx-radius-md);
    color: #7c5760;
    background: #fff7f8;
    border: 1px solid #f2d5dc;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.3rem;
    display: flex;
  }

  .hx-m09-05-state .hx-global-command__error-icon {
    color: #b44b5c;
    font-size: 1.5rem;
  }

  .hx-m09-05-state .hx-global-command__error-state strong, .hx-m09-05-state .hx-global-command__error-state small {
    display: block;
  }

  .hx-m09-05-state .hx-global-command__error-state strong {
    color: var(--hx-color-ink);
    font-size: .94rem;
  }

  .hx-m09-05-state .hx-global-command__error-state small {
    margin-top: .35rem;
    font-size: .82rem;
    line-height: 1.5;
  }

  .hx-m09-05-state .hx-global-search__retry {
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface);
    min-height: 2.25rem;
    color: var(--hx-color-brand-strong);
    font: inherit;
    cursor: pointer;
    margin-top: .9rem;
    padding: 0 .85rem;
    font-size: .75rem;
    font-weight: 700;
  }

  .hx-m09-05-state .hx-global-command__access-state {
    background: var(--hx-color-brand-subtle);
    color: var(--hx-color-brand-strong);
  }

  .hx-m09-05-state .hx-global-command__access-state svg {
    flex: 0 0 1.3rem;
  }
}

@media (max-width: 52rem) {
  .hx-global-command__shortcut, .hx-global-command__row-action {
    display: none;
  }

  .hx-global-command__keyboard-help {
    font-size: .72rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command {
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__title {
    padding: calc(1rem + env(safe-area-inset-top)) .75rem .35rem;
    align-items: flex-start;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__title h2 {
    font-size: 1.25rem;
    line-height: 1.2;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__title-copy p {
    margin-top: .5rem;
    font-size: .72rem;
    line-height: 1.4;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__search {
    padding: .55rem .75rem .45rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__search input {
    height: var(--hx-mobile-form-control-height);
    padding-right: .75rem;
    font-size: .87rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__shortcut {
    font-size: .65rem;
    display: none;
    right: .55rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__category-rail {
    padding: .25rem .75rem .55rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__tabs {
    gap: .28rem;
    padding: 0;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__tabs button {
    border-radius: var(--hx-radius-md);
    border-bottom: 0;
    min-height: 2rem;
    padding: .4rem .65rem;
    font-size: .75rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__tabs button:after {
    display: none;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__tabs button.is-active {
    background: var(--hx-color-brand-subtle);
    color: var(--hx-color-brand-strong);
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__more {
    min-height: 2rem;
    padding-inline: .3rem 0;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__layout {
    min-height: 0;
    max-height: none;
    overflow-y: auto;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__body.is-empty-query {
    flex-direction: column;
    gap: .55rem;
    padding: .7rem .75rem 1rem;
    display: flex;
  }

  .hx-m09-v2-typed .hx-global-command__body {
    padding: .7rem .75rem 1rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__section-heading {
    min-height: 2rem;
    padding: .3rem .2rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__section-heading strong {
    color: var(--hx-color-muted);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: .68rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__results a {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .65rem;
    min-height: 3.25rem;
    padding: .4rem .65rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__page-icon {
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface-muted);
    width: 2rem;
    height: 2rem;
  }

  .hx-m09-v2-typed .hx-global-command__avatar, .hx-m09-v2-typed .hx-global-command__avatar .hx-person-avatar--sm {
    border-radius: var(--hx-radius-md);
    width: 2rem;
    height: 2rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__row-action {
    font-size: 0;
    display: inline-flex;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__row-action span {
    font-size: 1.35rem;
  }

  :is(.hx-m09-01-initial, .hx-m09-v2-typed) .hx-global-command__footer {
    min-height: calc(3.35rem + env(safe-area-inset-bottom));
    padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom));
    justify-content: flex-start;
  }

  .hx-m09-04-empty .hx-global-command__layout, .hx-m09-04-empty .hx-global-command__body {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
  }

  .hx-m09-04-empty .hx-global-command__no-results {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: .8rem;
    max-width: 20rem;
    margin: auto;
    display: flex;
  }

  .hx-m09-04-empty .hx-global-command__no-results-icon {
    color: var(--hx-color-brand);
  }

  .hx-m09-04-empty .hx-global-command__no-results-icon svg {
    width: 3rem;
    height: 3rem;
  }

  .hx-m09-04-empty .hx-global-command__no-results strong {
    color: var(--hx-color-ink);
    font-size: 1.15rem;
  }

  .hx-m09-04-empty .hx-global-command__no-results p {
    color: var(--hx-color-muted);
    margin: 0;
    font-size: .82rem;
    line-height: 1.55;
  }

  .hx-m09-04-empty .hx-global-command__no-results button {
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius-md);
    background: var(--hx-color-surface);
    min-height: 2.75rem;
    color: var(--hx-color-brand-strong);
    font: inherit;
    margin-top: .9rem;
    padding: 0 1rem;
    font-size: .8rem;
    font-weight: 700;
  }

  .hx-search-workspace__filters-toggle .hx-data-grid-filters, .hx-search-workspace__filters-toggle .hx-data-grid-filters__trigger {
    width: 100%;
  }
}

.hx-workspace-main:has(.hx-search-route) {
  scrollbar-gutter: stable;
}

/*# sourceMappingURL=_1_-xwhy._.css.map*/