/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/tokens.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  color-scheme: light;

  /* Semantic color roles */
  --ui-color-canvas: #f5f4ef;
  --ui-color-surface: #fbfbf8;
  --ui-color-surface-subtle: #f1f0eb;
  --ui-color-surface-raised: #ffffff;
  --ui-color-text: #111111;
  --ui-color-text-muted: #5f5f5a;
  --ui-color-text-subtle: #70706a;
  --ui-color-border: #e0dfd8;
  --ui-color-border-strong: #c9c7be;
  --ui-color-accent: #171717;
  --ui-color-accent-hover: #050505;
  --ui-color-accent-active: #000000;
  --ui-color-accent-soft: #ebeae5;
  --ui-color-accent-text: #171717;
  --ui-color-on-accent: #ffffff;
  --ui-color-brand: #b33f14;
  --ui-color-brand-hover: #8d300d;
  --ui-color-brand-soft: #f6e2d8;
  --ui-color-success: #17634c;
  --ui-color-success-soft: #dcebe3;
  --ui-color-warning: #86550f;
  --ui-color-warning-soft: #f4e8ca;
  --ui-color-danger: #a43e32;
  --ui-color-danger-hover: #873329;
  --ui-color-danger-soft: #f4dfda;
  --ui-color-info: #315d75;
  --ui-color-info-soft: #dfe9ed;
  --ui-color-overlay: rgb(10 10 10 / 66%);
  --ui-color-selection: rgb(179 63 20 / 24%);
  --ui-color-sidebar: #efeee8;
  --ui-color-sidebar-raised: #f6f5f1;
  --ui-color-sidebar-text: #111111;
  --ui-color-sidebar-muted: #60605b;
  --ui-color-purple: #665a76;
  --ui-color-purple-soft: #e9e3ec;
  --ui-color-orange: var(--ui-color-brand);
  --ui-color-orange-soft: var(--ui-color-brand-soft);

  /* Typography: a restrained product sans with technical metadata. */
  --ui-font-sans: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
  --ui-font-display: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
  --ui-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* 11 / 12 / 14 / 16 / 20 / 24 / 32 / 40 type scale */
  --ui-text-2xs: 0.6875rem;
  --ui-text-xs: 0.75rem;
  --ui-text-sm: 0.875rem;
  --ui-text-md: 1rem;
  --ui-text-lg: 1.25rem;
  --ui-text-xl: 1.5rem;
  --ui-text-2xl: 2rem;
  --ui-text-display: 2.5rem;
  --ui-leading-tight: 1.2;
  --ui-leading-body: 1.5;
  --ui-leading-relaxed: 1.65;
  --ui-weight-regular: 400;
  --ui-weight-medium: 500;
  --ui-weight-semibold: 600;
  --ui-weight-bold: 700;
  --ui-tracking-tight: -0.032em;
  --ui-tracking-wide: 0.1em;

  /* Spacing */
  --ui-space-0: 0;
  --ui-space-1: 0.25rem;
  --ui-space-2: 0.5rem;
  --ui-space-3: 0.75rem;
  --ui-space-4: 1rem;
  --ui-space-5: 1.25rem;
  --ui-space-6: 1.5rem;
  --ui-space-7: 1.75rem;
  --ui-space-8: 2rem;
  --ui-space-9: 2.25rem;
  --ui-space-10: 2.5rem;
  --ui-space-12: 3rem;
  --ui-space-16: 4rem;

  /* Shape, depth, controls, and motion */
  --ui-radius-xs: 0.0625rem;
  --ui-radius-sm: 0.125rem;
  --ui-radius-md: 0.1875rem;
  --ui-radius-lg: 0.25rem;
  --ui-radius-xl: 0.375rem;
  --ui-radius-pill: 999px;
  --ui-shadow-sm: 0 1px 0 rgb(17 17 17 / 4%);
  --ui-shadow-md: 0 12px 30px rgb(17 17 17 / 8%);
  --ui-shadow-lg: 0 28px 70px rgb(17 17 17 / 18%);
  --ui-sidebar-width: 15rem;
  --ui-topbar-height: 4rem;
  --ui-control-sm: 2rem;
  --ui-control-md: 2.5rem;
  --ui-control-lg: 3rem;
  --ui-focus-ring: 0 0 0 3px rgb(179 63 20 / 26%);
  --ui-duration-fast: 120ms;
  --ui-duration-normal: 180ms;
  --ui-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}

::selection {
  background: var(--ui-color-selection);
}

.kui-sr-only {
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.kui-button,
.kui-icon-button,
.kui-dialog__close {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  justify-content: center;
  line-height: 1;
  transition: background-color var(--ui-duration-fast) var(--ui-ease-standard), border-color var(--ui-duration-fast) var(--ui-ease-standard), box-shadow var(--ui-duration-fast) var(--ui-ease-standard), color var(--ui-duration-fast) var(--ui-ease-standard), transform var(--ui-duration-fast) var(--ui-ease-standard);
}

.kui-button {
  border-radius: var(--ui-radius-sm);
  gap: var(--ui-space-2);
  padding-inline: var(--ui-space-4);
  white-space: nowrap;
}

.kui-button[data-size="sm"] { min-height: var(--ui-control-sm); padding-inline: var(--ui-space-3); }
.kui-button[data-size="md"] { min-height: var(--ui-control-md); }
.kui-button[data-size="lg"] { font-size: var(--ui-text-md); min-height: var(--ui-control-lg); padding-inline: var(--ui-space-5); }
.kui-button--full { width: 100%; }
.kui-button__icon { align-items: center; display: inline-flex; }
.kui-button__icon > svg { height: 1.125em; width: 1.125em; }

.kui-button[data-variant="primary"] {
  background: var(--ui-color-accent);
  color: var(--ui-color-on-accent);
}

.kui-button[data-variant="primary"]:hover:not(:disabled) { background: var(--ui-color-accent-hover); }
.kui-button[data-variant="primary"]:active:not(:disabled) { background: var(--ui-color-accent-active); transform: translateY(1px); }

.kui-button[data-variant="secondary"],
.kui-icon-button[data-variant="secondary"] {
  background: var(--ui-color-surface);
  border-color: var(--ui-color-border-strong);
  color: var(--ui-color-text);
}

.kui-button[data-variant="secondary"]:hover:not(:disabled),
.kui-icon-button[data-variant="secondary"]:hover:not(:disabled) {
  background: var(--ui-color-surface-subtle);
  border-color: var(--ui-color-accent);
}

.kui-button[data-variant="quiet"],
.kui-icon-button[data-variant="quiet"] {
  background: transparent;
  color: var(--ui-color-text-muted);
}

.kui-button[data-variant="quiet"]:hover:not(:disabled),
.kui-icon-button[data-variant="quiet"]:hover:not(:disabled) {
  background: var(--ui-color-accent-soft);
  color: var(--ui-color-accent-text);
}

.kui-button[data-variant="danger"],
.kui-icon-button[data-variant="danger"] {
  background: var(--ui-color-danger);
  color: #ffffff;
}

.kui-button[data-variant="danger"]:hover:not(:disabled),
.kui-icon-button[data-variant="danger"]:hover:not(:disabled) { background: var(--ui-color-danger-hover); }

.kui-button:focus-visible,
.kui-icon-button:focus-visible,
.kui-dialog__close:focus-visible {
  box-shadow: var(--ui-focus-ring);
  outline: 2px solid var(--ui-color-surface);
  outline-offset: 1px;
}

.kui-button:disabled,
.kui-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.kui-icon-button {
  aspect-ratio: 1;
  border-radius: var(--ui-radius-sm);
  padding: 0;
}

.kui-icon-button[data-size="sm"] { height: var(--ui-control-sm); width: var(--ui-control-sm); }
.kui-icon-button[data-size="md"] { height: var(--ui-control-md); width: var(--ui-control-md); }
.kui-icon-button[data-size="lg"] { height: var(--ui-control-lg); width: var(--ui-control-lg); }
.kui-icon-button > svg { height: 1.125rem; width: 1.125rem; }

.kui-spinner {
  animation: kui-spin 700ms linear infinite;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  height: 1rem;
  opacity: 0.8;
  width: 1rem;
}

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

.kui-badge {
  align-items: center;
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  display: inline-flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  gap: 0.375rem;
  letter-spacing: 0.035em;
  line-height: 1.5rem;
  padding: 0 0.5rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.kui-badge[data-tone="accent"] { border-color: color-mix(in srgb, var(--ui-color-accent) 38%, var(--ui-color-border)); color: var(--ui-color-accent-text); }
.kui-badge[data-tone="success"] { border-color: color-mix(in srgb, var(--ui-color-success) 38%, var(--ui-color-border)); color: var(--ui-color-success); }
.kui-badge[data-tone="warning"] { border-color: color-mix(in srgb, var(--ui-color-warning) 38%, var(--ui-color-border)); color: var(--ui-color-warning); }
.kui-badge[data-tone="danger"] { border-color: color-mix(in srgb, var(--ui-color-danger) 38%, var(--ui-color-border)); color: var(--ui-color-danger); }
.kui-badge[data-tone="info"] { border-color: color-mix(in srgb, var(--ui-color-info) 38%, var(--ui-color-border)); color: var(--ui-color-info); }
.kui-badge__dot { background: currentColor; border-radius: 50%; height: 0.375rem; width: 0.375rem; }

.kui-card,
.kui-metric-card,
.kui-data-table {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
}

.kui-card { overflow: hidden; }
.kui-card--elevated { box-shadow: var(--ui-shadow-md); }
.kui-card[data-padding="none"] > .kui-card__body { padding: 0; }
.kui-card[data-padding="sm"] > .kui-card__body { padding: var(--ui-space-4); }
.kui-card[data-padding="md"] > .kui-card__body { padding: var(--ui-space-6); }
.kui-card[data-padding="lg"] > .kui-card__body { padding: var(--ui-space-8); }

.kui-card__header {
  align-items: flex-start;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-4);
  justify-content: space-between;
  padding: var(--ui-space-5) var(--ui-space-6);
}

.kui-card__heading { min-width: 0; }
.kui-card__title { color: var(--ui-color-text); font-size: var(--ui-text-md); font-weight: var(--ui-weight-semibold); line-height: var(--ui-leading-tight); margin: 0; }
.kui-card__description { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: var(--ui-leading-body); margin-top: var(--ui-space-1); }
.kui-card__action { flex: 0 0 auto; }
.kui-card__footer { align-items: center; background: var(--ui-color-surface-subtle); border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-3); justify-content: flex-end; padding: var(--ui-space-3) var(--ui-space-6); }

.kui-page-header {
  align-items: flex-end;
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
}

.kui-page-header__copy { max-width: 48rem; min-width: 0; }
.kui-page-header__eyebrow { color: var(--ui-color-brand); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-bold); letter-spacing: var(--ui-tracking-wide); margin-bottom: var(--ui-space-2); text-transform: uppercase; }
.kui-page-header__title { color: var(--ui-color-text); font-family: var(--ui-font-display); font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 500; letter-spacing: -0.04em; line-height: 1.05; margin: 0; }
.kui-page-header__description { color: var(--ui-color-text-muted); font-size: var(--ui-text-md); line-height: var(--ui-leading-body); margin-top: var(--ui-space-3); }
.kui-page-header__metadata { align-items: center; color: var(--ui-color-text-subtle); display: flex; flex-wrap: wrap; font-size: var(--ui-text-sm); gap: var(--ui-space-3); margin-top: var(--ui-space-3); }
.kui-page-header__actions { align-items: center; display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: var(--ui-space-2); }

.kui-metric-card { min-width: 0; padding: var(--ui-space-5); position: relative; }
.kui-metric-card::before { background: var(--ui-color-border-strong); content: ""; height: 0.125rem; left: var(--ui-space-5); position: absolute; top: 0; width: 1.5rem; }
.kui-metric-card[data-tone="accent"]::before { background: var(--ui-color-accent); }
.kui-metric-card[data-tone="success"]::before { background: var(--ui-color-success); }
.kui-metric-card[data-tone="warning"]::before { background: var(--ui-color-warning); }
.kui-metric-card[data-tone="danger"]::before { background: var(--ui-color-danger); }
.kui-metric-card__topline { align-items: center; color: var(--ui-color-text-muted); display: flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-medium); gap: var(--ui-space-3); justify-content: space-between; letter-spacing: 0.045em; text-transform: uppercase; }
.kui-metric-card__icon { align-items: center; color: var(--ui-color-accent); display: inline-flex; }
.kui-metric-card__value { color: var(--ui-color-text); font-family: var(--ui-font-display); font-size: clamp(1.55rem, 2vw, 2rem); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-weight: 500; letter-spacing: -0.035em; line-height: var(--ui-leading-tight); margin-top: var(--ui-space-4); }
.kui-metric-card__detail { align-items: baseline; color: var(--ui-color-text-subtle); display: flex; flex-wrap: wrap; font-size: var(--ui-text-xs); gap: var(--ui-space-2); justify-content: space-between; line-height: var(--ui-leading-body); margin-top: var(--ui-space-2); }
.kui-metric-card__trend { color: var(--ui-color-success); font-weight: var(--ui-weight-semibold); }

.kui-alert {
  align-items: flex-start;
  background: var(--ui-color-info-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-info) 24%, transparent);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-info);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-3);
  line-height: var(--ui-leading-body);
  padding: var(--ui-space-3) var(--ui-space-4);
}

.kui-alert[data-tone="success"] { background: var(--ui-color-success-soft); border-color: color-mix(in srgb, var(--ui-color-success) 24%, transparent); color: var(--ui-color-success); }
.kui-alert[data-tone="warning"] { background: var(--ui-color-warning-soft); border-color: color-mix(in srgb, var(--ui-color-warning) 24%, transparent); color: var(--ui-color-warning); }
.kui-alert[data-tone="danger"] { background: var(--ui-color-danger-soft); border-color: color-mix(in srgb, var(--ui-color-danger) 24%, transparent); color: var(--ui-color-danger); }
.kui-alert__icon { display: inline-flex; flex: 0 0 auto; margin-top: 0.125rem; }
.kui-alert__content { flex: 1 1; min-width: 0; }
.kui-alert__title { font-weight: var(--ui-weight-semibold); }
.kui-alert__body { color: color-mix(in srgb, currentColor 84%, var(--ui-color-text)); }
.kui-alert__title + .kui-alert__body { margin-top: 0.125rem; }
.kui-alert__actions { align-items: center; display: flex; flex: 0 0 auto; gap: var(--ui-space-2); }

.kui-empty-state { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 18rem; padding: var(--ui-space-10) var(--ui-space-6); text-align: center; }
.kui-empty-state--compact { min-height: 10rem; padding: var(--ui-space-6) var(--ui-space-4); }
.kui-empty-state__icon { align-items: center; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: var(--ui-control-lg); justify-content: center; margin-bottom: var(--ui-space-4); width: var(--ui-control-lg); }
.kui-empty-state__title { color: var(--ui-color-text); font-size: var(--ui-text-lg); font-weight: var(--ui-weight-semibold); letter-spacing: var(--ui-tracking-tight); line-height: var(--ui-leading-tight); margin: 0; }
.kui-empty-state__description { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: var(--ui-leading-body); margin-top: var(--ui-space-2); max-width: 32rem; }
.kui-empty-state__actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); justify-content: center; margin-top: var(--ui-space-5); }

.kui-skeleton { animation: kui-pulse 1.5s ease-in-out infinite; background: linear-gradient(90deg, #edf1f2 20%, #f8fafb 50%, #edf1f2 80%); background-size: 240% 100%; border-radius: var(--ui-radius-sm); display: inline-block; height: 0.875rem; max-width: 100%; width: 100%; }
.kui-skeleton[data-shape="circle"] { aspect-ratio: 1; border-radius: 50%; height: auto; }
.kui-skeleton[data-shape="block"] { border-radius: var(--ui-radius-md); height: 5rem; }
@keyframes kui-pulse { from { background-position: 100% 0; } to { background-position: -100% 0; } }

.kui-field { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.kui-field__label { color: var(--ui-color-text); font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); line-height: var(--ui-leading-tight); }
.kui-field__required, .kui-field__error { color: var(--ui-color-danger); }
.kui-field__hint, .kui-field__error { font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); }
.kui-field__hint { color: var(--ui-color-text-muted); }
.kui-field :is(input, textarea, select) {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text);
  font: inherit;
  font-size: var(--ui-text-sm);
  min-height: var(--ui-control-md);
  padding: 0 var(--ui-space-3);
  transition: border-color var(--ui-duration-fast) var(--ui-ease-standard), box-shadow var(--ui-duration-fast) var(--ui-ease-standard);
  width: 100%;
}
.kui-field textarea { min-height: 6rem; padding-block: var(--ui-space-3); resize: vertical; }
.kui-field :is(input, textarea, select)::placeholder { color: var(--ui-color-text-subtle); }
.kui-field :is(input, textarea, select):focus-visible { border-color: var(--ui-color-accent); box-shadow: var(--ui-focus-ring); outline: none; }
.kui-field :is(input, textarea, select)[aria-invalid="true"] { border-color: var(--ui-color-danger); }
.kui-field :is(input, textarea, select):disabled { background: var(--ui-color-surface-subtle); color: var(--ui-color-text-subtle); cursor: not-allowed; }

.kui-progress { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.kui-progress__header { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-3); justify-content: space-between; }
.kui-progress__track { background: var(--ui-color-border); height: 0.375rem; overflow: hidden; }
.kui-progress__bar { background: var(--ui-color-accent); display: block; height: 100%; min-width: 0; transition: width var(--ui-duration-normal) var(--ui-ease-standard); }
.kui-progress[data-tone="success"] .kui-progress__bar { background: var(--ui-color-success); }
.kui-progress[data-tone="warning"] .kui-progress__bar { background: var(--ui-color-warning); }
.kui-progress[data-tone="danger"] .kui-progress__bar { background: var(--ui-color-danger); }
.kui-progress__bar[data-indeterminate="true"] { animation: kui-progress-indeterminate 1.4s var(--ui-ease-standard) infinite; transform-origin: left; width: 42%; }
@keyframes kui-progress-indeterminate { 0% { transform: translateX(-110%) scaleX(0.5); } 50% { transform: translateX(100%) scaleX(1); } 100% { transform: translateX(270%) scaleX(0.55); } }

.kui-data-table { max-width: 100%; min-width: 0; overflow: hidden; }
.kui-data-table__toolbar { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: flex; flex-wrap: wrap; gap: var(--ui-space-3); justify-content: space-between; padding: var(--ui-space-4) var(--ui-space-5); }
.kui-data-table__scroll { max-width: 100%; min-width: 0; overflow-x: auto; position: relative; }
.kui-data-table table { border-collapse: collapse; color: var(--ui-color-text); font-size: var(--ui-text-sm); min-width: 100%; width: 100%; }
.kui-data-table th { background: var(--ui-color-surface-subtle); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); letter-spacing: 0.045em; padding: var(--ui-space-3) var(--ui-space-4); text-align: left; text-transform: uppercase; white-space: nowrap; }
.kui-data-table td { border-top: 1px solid var(--ui-color-border); padding: var(--ui-space-3) var(--ui-space-4); vertical-align: middle; }
.kui-data-table :is(th, td)[data-align="center"] { text-align: center; }
.kui-data-table :is(th, td)[data-align="end"] { text-align: right; }
.kui-data-table__interactive-row { cursor: pointer; transition: background-color var(--ui-duration-fast) var(--ui-ease-standard); }
.kui-data-table__interactive-row:hover { background: var(--ui-color-surface-subtle); }
.kui-data-table__interactive-row:focus-within { background: var(--ui-color-accent-soft); }
.kui-data-table__empty { border-top: 1px solid var(--ui-color-border); }
.kui-data-table__footer { align-items: center; background: var(--ui-color-surface-subtle); border-top: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-3); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-5); }

.kui-dialog {
  background: transparent;
  border: 0;
  color: var(--ui-color-text);
  margin: auto;
  max-height: min(90dvh, 56rem);
  max-width: calc(100vw - 2rem);
  padding: 0;
  width: 32rem;
}

.kui-dialog[data-size="sm"] { width: 26rem; }
.kui-dialog[data-size="lg"] { width: 44rem; }
.kui-dialog::-webkit-backdrop { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background: var(--ui-color-overlay); }
.kui-dialog::backdrop { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background: var(--ui-color-overlay); }
.kui-dialog[open] { animation: kui-dialog-in var(--ui-duration-normal) var(--ui-ease-standard); }
.kui-dialog__surface { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-md); box-shadow: var(--ui-shadow-lg); display: flex; flex-direction: column; max-height: min(90dvh, 56rem); overflow: hidden; }
.kui-dialog__header { align-items: flex-start; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-5) var(--ui-space-6); }
.kui-dialog__title { color: var(--ui-color-text); font-family: var(--ui-font-display); font-size: 1.75rem; font-weight: 500; letter-spacing: -0.035em; line-height: var(--ui-leading-tight); margin: 0; }
.kui-dialog__description { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: var(--ui-leading-body); margin-top: var(--ui-space-2); }
.kui-dialog__close { background: transparent; border-radius: var(--ui-radius-md); color: var(--ui-color-text-muted); height: var(--ui-control-sm); padding: 0; width: var(--ui-control-sm); }
.kui-dialog__close:hover { background: var(--ui-color-surface-subtle); color: var(--ui-color-text); }
.kui-dialog__body { overflow-y: auto; overscroll-behavior: contain; padding: var(--ui-space-6); }
.kui-dialog__footer { align-items: center; background: var(--ui-color-surface-subtle); border-top: 1px solid var(--ui-color-border); display: flex; flex-wrap: wrap; gap: var(--ui-space-2); justify-content: flex-end; padding: var(--ui-space-4) var(--ui-space-6); }
@keyframes kui-dialog-in { from { opacity: 0; transform: translateY(8px) scale(0.985); } to { opacity: 1; transform: translateY(0) scale(1); } }

@media (max-width: 640px) {
  .kui-page-header { align-items: stretch; flex-direction: column; }
  .kui-page-header__actions { width: 100%; }
  .kui-card[data-padding="lg"] > .kui-card__body { padding: var(--ui-space-6); }
  .kui-card__header, .kui-dialog__header { padding-inline: var(--ui-space-4); }
  .kui-card__footer, .kui-dialog__footer { padding-inline: var(--ui-space-4); }
  .kui-dialog { max-height: calc(100dvh - 1rem); max-width: calc(100vw - 1rem); }
  .kui-dialog__surface { max-height: calc(100dvh - 1rem); }
  .kui-dialog__body { padding: var(--ui-space-4); }
  .kui-alert { flex-wrap: wrap; }
  .kui-alert__actions { flex-basis: 100%; padding-left: calc(1.125rem + var(--ui-space-3)); }
}

@media (max-width: 460px) {
  .kui-dialog__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .kui-dialog__footer > .kui-button { width: 100%; }
  .kui-dialog__footer > .dialog-footer-spacer { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .kui-button,
  .kui-icon-button,
  .kui-data-table__interactive-row,
  .kui-field :is(input, textarea, select),
  .kui-progress__bar {
    transition-duration: 0.01ms;
  }

  .kui-dialog[open] { animation: none; }
  .kui-skeleton { animation: none; background: #edf1f2; }
  .kui-spinner { animation-duration: 1.4s; }
  .kui-progress__bar[data-indeterminate="true"] { animation-duration: 2.8s; }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/globals.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
}

html {
  background: var(--ui-color-canvas);
  scroll-behavior: smooth;
}

body {
  background: var(--ui-color-canvas);
  color: var(--ui-color-text);
  font-family: var(--ui-font-sans);
  font-synthesis: none;
  line-height: var(--ui-leading-body);
  margin: 0;
  min-width: 20rem;
  text-rendering: optimizeLegibility;
}

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

button,
a,
input,
textarea,
select,
summary {
  -webkit-tap-highlight-color: transparent;
}

button,
summary {
  color: inherit;
}

button {
  border: 0;
}

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

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--ui-color-brand);
  outline-offset: 3px;
}

.sr-only {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.spin {
  animation: app-spin 760ms linear infinite;
}

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

.workspace-page {
  display: grid;
  grid-gap: var(--ui-space-8);
  gap: var(--ui-space-8);
  margin: 0 auto;
  max-width: 88rem;
  min-width: 0;
  width: 100%;
}

.button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  justify-content: center;
  min-height: var(--ui-control-md);
  padding: 0 var(--ui-space-4);
  transition: background-color var(--ui-duration-fast) var(--ui-ease-standard), border-color var(--ui-duration-fast) var(--ui-ease-standard), color var(--ui-duration-fast) var(--ui-ease-standard);
}

.button-primary { background: var(--ui-color-accent); color: var(--ui-color-on-accent); }
.button-primary:hover { background: var(--ui-color-accent-hover); }
.button-secondary { background: transparent; border-color: var(--ui-color-border-strong); color: var(--ui-color-text); }
.button-secondary:hover { background: var(--ui-color-surface); border-color: var(--ui-color-text); }
.button-full { width: 100%; }

.section-kicker {
  align-items: center;
  color: var(--ui-color-brand);
  display: inline-flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  gap: var(--ui-space-2);
  letter-spacing: var(--ui-tracking-wide);
  text-transform: uppercase;
}

.feature-section-header,
.feature-card-header {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
}

.feature-section-header h2,
.feature-section-header h3,
.feature-card-header h2,
.settings-section-copy h2,
.settings-section-copy h3 {
  font-family: var(--ui-font-display);
  font-size: clamp(1.55rem, 2vw, 2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: var(--ui-space-2) 0 0;
}

.feature-section-header p,
.feature-card-header p,
.settings-section-copy p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  margin: var(--ui-space-2) 0 0;
  max-width: 42rem;
}

.metric-card-grid {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  display: grid;
  grid-gap: 0;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
}

.metric-card-grid > * {
  border: 0;
  border-left: 1px solid var(--ui-color-border);
  border-radius: 0;
  box-shadow: none;
}

.metric-card-grid > *:first-child { border-left: 0; }

.summary-metric {
  align-items: center;
  background: transparent;
  display: flex;
  gap: var(--ui-space-4);
  min-height: 6.75rem;
  padding: var(--ui-space-5);
}

.summary-metric-icon {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-accent);
  display: flex;
  flex: 0 0 auto;
  height: 2.75rem;
  justify-content: center;
  width: 2.75rem;
}

.summary-metric-icon.is-success { color: var(--ui-color-success); }
.summary-metric-icon.is-blue { color: var(--ui-color-info); }
.summary-metric-icon.is-warning { color: var(--ui-color-warning); }

.summary-metric > div {
  display: grid;
  min-width: 0;
}

.summary-metric small,
.summary-metric span:not(.summary-metric-icon) {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
}

.summary-metric small { font-family: var(--ui-font-mono); letter-spacing: 0.035em; text-transform: uppercase; }

.summary-metric strong {
  font-family: var(--ui-font-display);
  font-size: 1.5rem;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: var(--ui-leading-tight);
  margin: 0.125rem 0;
}

.badge {
  align-items: center;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--ui-color-success) 36%, var(--ui-color-border));
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-success);
  display: inline-flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  gap: 0.375rem;
  letter-spacing: 0.035em;
  line-height: 1.5rem;
  padding: 0 var(--ui-space-2);
  text-transform: uppercase;
  white-space: nowrap;
}

.alert {
  align-items: flex-start;
  background: var(--ui-color-info-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-info) 24%, transparent);
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-info);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.alert > svg { flex: 0 0 auto; margin-top: 0.125rem; }
.alert strong { display: block; }
.alert p { color: color-mix(in srgb, currentColor 82%, var(--ui-color-text)); margin: 0.125rem 0 0; }
.alert-danger { background: var(--ui-color-danger-soft); border-color: color-mix(in srgb, var(--ui-color-danger) 24%, transparent); color: var(--ui-color-danger); }
.alert-warning { background: var(--ui-color-warning-soft); border-color: color-mix(in srgb, var(--ui-color-warning) 24%, transparent); color: var(--ui-color-warning); }

.status-badge {
  align-items: center;
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  display: inline-flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  gap: 0.375rem;
  letter-spacing: 0.025em;
  line-height: 1.5rem;
  padding: 0 var(--ui-space-2);
  white-space: nowrap;
}

.status-badge i {
  background: currentColor;
  border-radius: 50%;
  height: 0.375rem;
  width: 0.375rem;
}

.status-badge.is-success { border-color: color-mix(in srgb, var(--ui-color-success) 38%, var(--ui-color-border)); color: var(--ui-color-success); }
.status-badge.is-warning { border-color: color-mix(in srgb, var(--ui-color-warning) 38%, var(--ui-color-border)); color: var(--ui-color-warning); }
.status-badge.is-danger { border-color: color-mix(in srgb, var(--ui-color-danger) 38%, var(--ui-color-border)); color: var(--ui-color-danger); }

.permission-panel,
.inline-empty,
.rail-empty-note,
.dialog-assurance {
  align-items: flex-start;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.permission-panel strong,
.inline-empty strong,
.dialog-assurance strong { color: var(--ui-color-text); display: block; }
.permission-panel p,
.inline-empty p,
.rail-empty-note p,
.dialog-assurance p { margin: 0.125rem 0 0; }

.empty-panel {
  align-items: center;
  border: 1px dashed var(--ui-color-border-strong);
  border-radius: var(--ui-radius-lg);
  color: var(--ui-color-text-muted);
  display: flex;
  flex-direction: column;
  min-height: 12rem;
  padding: var(--ui-space-8);
  text-align: center;
}

.empty-panel h3 { color: var(--ui-color-text); font-size: var(--ui-text-md); margin: var(--ui-space-3) 0 0; }
.empty-panel p { font-size: var(--ui-text-sm); margin: var(--ui-space-1) 0 0; }

.standard-form {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
}

.standard-form input,
.standard-form select,
.standard-form textarea,
.compact-select select,
.table-search input {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text);
  min-height: var(--ui-control-md);
}

.switch-control {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  white-space: nowrap;
}

.switch-control input { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); position: absolute; }
.switch-control > span { background: var(--ui-color-border-strong); border-radius: var(--ui-radius-pill); display: inline-flex; height: 1.25rem; padding: 0.1875rem; transition: background var(--ui-duration-fast); width: 2.25rem; }
.switch-control > span::after { background: var(--ui-color-surface); border-radius: 50%; box-shadow: var(--ui-shadow-sm); content: ""; height: 0.875rem; transition: transform var(--ui-duration-fast); width: 0.875rem; }
.switch-control input:checked + span { background: var(--ui-color-accent); }
.switch-control input:checked + span::after { transform: translateX(1rem); }
.switch-control input:focus-visible + span { box-shadow: var(--ui-focus-ring); }

.table-primary-cell { display: grid; grid-gap: 0.125rem; gap: 0.125rem; }
.table-primary-cell strong { font-size: var(--ui-text-sm); }
.table-primary-cell small,
.table-muted { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.table-code { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-xs); }
.table-savings { color: var(--ui-color-success); font-weight: var(--ui-weight-semibold); }
.actor-chip { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-xs); gap: 0.375rem; }
.table-count { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.table-search { align-items: center; display: flex; position: relative; }
.table-search svg { color: var(--ui-color-text-subtle); left: var(--ui-space-3); position: absolute; }
.table-search input { font-size: var(--ui-text-sm); padding: 0 var(--ui-space-3) 0 2.25rem; width: min(22rem, 60vw); }

.subsection-heading {
  align-items: center;
  display: flex;
  gap: var(--ui-space-3);
  justify-content: space-between;
}

.subsection-heading > div { display: grid; }
.subsection-heading span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.dialog-footer-spacer { flex: 1 1; }
.page-state-card { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); }
.state-hint { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-sm); gap: var(--ui-space-2); }
.page-loading-header { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); }
.loading-card { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-lg); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); min-height: 7.5rem; padding: var(--ui-space-5); }
.page-loading-panel { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-lg); padding: var(--ui-space-5); }
.workspace-page.is-loading { grid-template-columns: minmax(0, 1fr); }
.workspace-page.is-loading > .page-loading-header { grid-template-columns: minmax(0, 1fr); }
.workspace-page.is-loading > .page-loading-header,
.workspace-page.is-loading > .page-loading-panel,
.workspace-page.is-loading > .metric-card-grid,
.workspace-page.is-loading > .metric-card-grid > .loading-card { max-width: 100%; min-width: 0; width: 100%; }

@media (max-width: 1080px) {
  .metric-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-card-grid > *:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .metric-card-grid > *:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
}

@media (max-width: 640px) {
  .workspace-page { gap: var(--ui-space-6); }
  .feature-section-header,
  .feature-card-header { align-items: stretch; flex-direction: column; }
  .permission-panel { display: grid; grid-template-columns: auto minmax(0, 1fr); }
  .permission-panel > :last-child:is(a, button) { grid-column: 2; justify-self: start; width: 100%; }
  .metric-card-grid { grid-template-columns: 1fr; }
  .metric-card-grid > * { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .metric-card-grid > *:first-child { border-top: 0; }
  .summary-metric { min-height: 6.75rem; }
  .button { width: 100%; }
  .table-search,
  .table-search input { width: 100%; }
}

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

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/shell.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-frame {
  min-height: 100vh;
}

.skip-link {
  background: var(--ui-color-text);
  color: var(--ui-color-canvas);
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  left: var(--ui-space-3);
  padding: var(--ui-space-2) var(--ui-space-3);
  position: fixed;
  top: var(--ui-space-3);
  transform: translateY(calc(-100% - var(--ui-space-6)));
  transition: transform var(--ui-duration-fast) var(--ui-ease-standard);
  z-index: 100;
}

.skip-link:focus { outline-color: var(--ui-color-canvas); transform: translateY(0); }

.workspace-sidebar {
  background: var(--ui-color-sidebar);
  border-right: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-sidebar-text);
  display: flex;
  flex-direction: column;
  height: 100vh;
  left: 0;
  overflow-y: auto;
  padding: var(--ui-space-6) var(--ui-space-5) var(--ui-space-5);
  position: fixed;
  top: 0;
  width: var(--ui-sidebar-width);
  z-index: 40;
}

.sidebar-brand-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 2.5rem;
}

.workspace-brand {
  align-items: center;
  display: flex;
  gap: var(--ui-space-3);
}

.workspace-brand-mark {
  align-items: center;
  background: var(--ui-color-text);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-canvas);
  display: flex;
  height: 2.25rem;
  justify-content: center;
  box-shadow: inset 0 -0.1875rem 0 var(--ui-color-brand);
  width: 2.25rem;
}

.workspace-brand-copy {
  display: grid;
  line-height: 1.1;
}

.workspace-brand-copy strong {
  font-family: var(--ui-font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.workspace-brand-copy small {
  color: var(--ui-color-sidebar-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.08em;
  margin-top: 0.25rem;
  text-transform: uppercase;
}

.sidebar-dismiss {
  align-items: center;
  background: transparent;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-sidebar-muted);
  cursor: pointer;
  display: none;
  height: var(--ui-control-md);
  justify-content: center;
  width: var(--ui-control-md);
}

.workspace-nav {
  display: grid;
  grid-gap: 0;
  gap: 0;
  margin-top: var(--ui-space-10);
}

.workspace-nav-label {
  border-bottom: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-sidebar-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  letter-spacing: 0.13em;
  margin-bottom: var(--ui-space-2);
  padding: 0 0 var(--ui-space-3);
  text-transform: uppercase;
}

.workspace-nav a {
  align-items: center;
  border-bottom: 1px solid transparent;
  color: var(--ui-color-sidebar-muted);
  display: flex;
  font-size: 0.8125rem;
  font-weight: var(--ui-weight-medium);
  gap: var(--ui-space-3);
  min-height: 2.875rem;
  padding: 0 var(--ui-space-2);
  position: relative;
  transition: background-color var(--ui-duration-fast), color var(--ui-duration-fast);
}

.workspace-nav a:hover {
  background: var(--ui-color-sidebar-raised);
  color: var(--ui-color-sidebar-text);
}

.workspace-nav a.is-active {
  color: var(--ui-color-sidebar-text);
  font-weight: var(--ui-weight-semibold);
}

.workspace-nav a.is-active::before {
  background: var(--ui-color-brand);
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  width: 0.1875rem;
}

.workspace-nav a.is-active > svg { color: var(--ui-color-brand); }
.workspace-nav-text { flex: 1 1; }
.workspace-nav-shortcut {
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-sidebar-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  line-height: 1.25rem;
  min-width: 1.25rem;
  text-align: center;
}

.sidebar-grow { flex: 1 1; min-height: var(--ui-space-8); }

.sidebar-account {
  align-items: center;
  display: flex;
  gap: var(--ui-space-3);
  margin-top: var(--ui-space-2);
  padding-top: var(--ui-space-3);
}

.account-avatar {
  align-items: center;
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  display: flex;
  flex: 0 0 auto;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.account-copy { display: grid; flex: 1 1; min-width: 0; }
.account-copy strong { font-size: var(--ui-text-2xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-copy small { color: var(--ui-color-sidebar-muted); font-size: var(--ui-text-2xs); text-transform: capitalize; }
.account-status { background: var(--ui-color-danger); border: 2px solid var(--ui-color-sidebar); border-radius: 50%; height: 0.5625rem; width: 0.5625rem; }
.account-status.is-online { background: var(--ui-color-success); }

.workspace-stage {
  margin-left: var(--ui-sidebar-width);
  min-height: 100vh;
  min-width: 0;
}

.workspace-topbar {
  align-items: center;
  background: color-mix(in srgb, var(--ui-color-canvas) 94%, transparent);
  border-bottom: 1px solid var(--ui-color-border-strong);
  display: flex;
  height: var(--ui-topbar-height);
  justify-content: space-between;
  padding: 0 clamp(var(--ui-space-5), 3.5vw, var(--ui-space-12));
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
}

.workspace-topbar.has-open-account-menu { z-index: 90; }

@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
  .workspace-topbar { -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); }
}

.topbar-context {
  align-items: center;
  display: flex;
  gap: var(--ui-space-3);
  min-width: 0;
}

.topbar-workspace-mark {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-accent);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  height: 1.875rem;
  justify-content: center;
  width: 1.875rem;
}

.topbar-context > span:nth-child(2) { align-items: baseline; display: flex; gap: var(--ui-space-2); line-height: 1.25; min-width: 0; }
.topbar-context small { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.05em; text-transform: uppercase; }
.topbar-context small::after { content: "/"; margin-left: var(--ui-space-2); }
.topbar-context strong { font-size: 0.8125rem; }
.topbar-demo-mode {
  align-items: center;
  background: var(--ui-color-brand-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-brand) 32%, var(--ui-color-border));
  color: var(--ui-color-brand-hover);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-1);
  letter-spacing: 0.04em;
  margin-left: var(--ui-space-2);
  min-height: 1.625rem;
  padding: 0 var(--ui-space-2);
  text-transform: uppercase;
  white-space: nowrap;
}
.topbar-demo-mode:hover { background: color-mix(in srgb, var(--ui-color-brand-soft) 72%, var(--ui-color-surface-raised)); border-color: var(--ui-color-brand); }
.topbar-demo-mode:focus-visible { box-shadow: var(--ui-focus-ring); outline: 2px solid var(--ui-color-surface); outline-offset: 1px; }
.topbar-demo-mode-label-compact { display: none; }
.topbar-actions { align-items: center; display: flex; flex-shrink: 0; gap: var(--ui-space-2); }
.topbar-workspace-return { align-items: center; border: 1px solid var(--ui-color-border-strong); color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); height: 2.25rem; padding: 0 var(--ui-space-3); }
.topbar-workspace-return:hover { background: var(--ui-color-surface); color: var(--ui-color-text); }

.command-button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  gap: var(--ui-space-2);
  height: 2.25rem;
  min-width: 14rem;
  padding: 0 var(--ui-space-3);
  text-align: left;
}

.command-button:hover { background: var(--ui-color-surface); border-color: var(--ui-color-text-subtle); color: var(--ui-color-text); }
.command-button span { flex: 1 1; }
.command-button kbd {
  align-items: center;
  border-left: 1px solid var(--ui-color-border);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  gap: 0.125rem;
  line-height: 1.4rem;
  padding-left: var(--ui-space-2);
}

.topbar-icon-button {
  align-items: center;
  background: transparent;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.topbar-icon-button:hover { background: var(--ui-color-surface); color: var(--ui-color-text); }
.account-menu { position: relative; }
.account-menu > summary { cursor: pointer; list-style: none; }
.account-menu > summary::-webkit-details-marker { display: none; }
.account-menu > summary > span {
  align-items: center;
  background: var(--ui-color-text);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-canvas);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.account-popover {
  background: var(--ui-color-surface-raised);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-md);
  box-shadow: var(--ui-shadow-lg);
  display: grid;
  min-width: 16rem;
  padding: var(--ui-space-2);
  position: absolute;
  right: 0;
  top: calc(100% + var(--ui-space-2));
  z-index: 60;
}

.account-popover > strong { font-size: var(--ui-text-sm); overflow: hidden; padding: var(--ui-space-3) var(--ui-space-3) 0; text-overflow: ellipsis; }
.account-popover > small { border-bottom: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-bottom: var(--ui-space-2); padding: 0.125rem var(--ui-space-3) var(--ui-space-3); }
.account-popover a,
.account-popover button { align-items: center; background: transparent; border-radius: var(--ui-radius-sm); cursor: pointer; display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-2); min-height: var(--ui-control-md); padding: 0 var(--ui-space-3); text-align: left; }
.account-popover a:hover,
.account-popover button:hover { background: var(--ui-color-surface-subtle); }

.account-persona-switcher {
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  margin-bottom: var(--ui-space-2);
  padding: var(--ui-space-2) var(--ui-space-1) var(--ui-space-2);
}

.account-persona-switcher > span {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  letter-spacing: 0.04em;
  padding: var(--ui-space-1) var(--ui-space-2);
}

.account-persona-options { display: grid; grid-gap: 0.125rem; gap: 0.125rem; }
.account-persona-options button { justify-content: space-between; min-height: 2.25rem; }
.account-persona-options button > span { font-size: var(--ui-text-xs); }
.account-persona-options button > small { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }
.account-persona-options button[aria-current="true"] { background: var(--ui-color-surface-subtle); color: var(--ui-color-text-muted); }
.account-persona-options button:disabled { cursor: default; }

.workspace-access-banner {
  align-items: center;
  background: var(--ui-color-warning-soft);
  border-bottom: 1px solid color-mix(in srgb, var(--ui-color-warning) 25%, var(--ui-color-border));
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto 1fr auto;
  padding: var(--ui-space-3) clamp(var(--ui-space-5), 3.5vw, var(--ui-space-12));
}

.access-banner-icon { align-items: center; color: var(--ui-color-warning); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.workspace-access-banner strong { font-size: var(--ui-text-sm); }
.workspace-access-banner p { color: var(--ui-color-warning); font-size: var(--ui-text-xs); margin: 0.125rem 0 0; }
.workspace-access-banner > a { align-items: center; background: var(--ui-color-text); border-radius: var(--ui-radius-sm); color: var(--ui-color-canvas); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); min-height: var(--ui-control-md); padding: 0 var(--ui-space-4); }

.workspace-content {
  min-width: 0;
  padding: clamp(var(--ui-space-6), 3.5vw, var(--ui-space-12));
}

.workspace-footer {
  align-items: center;
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-4);
  justify-content: space-between;
  margin: 0 clamp(var(--ui-space-5), 3.5vw, var(--ui-space-12));
  max-width: 88rem;
  padding: var(--ui-space-5) 0 var(--ui-space-8);
  text-transform: uppercase;
}

.workspace-footer span { align-items: center; display: flex; gap: var(--ui-space-2); }
.mobile-nav-trigger,
.mobile-nav-scrim { display: none; }

.command-palette {
  background: transparent;
  border: 0;
  color: var(--ui-color-text);
  margin: 12vh auto auto;
  max-height: min(38rem, 76vh);
  max-width: calc(100vw - 2rem);
  padding: 0;
  width: 38rem;
}

.command-palette::-webkit-backdrop { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background: var(--ui-color-overlay); }

.command-palette::backdrop { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background: var(--ui-color-overlay); }
.command-palette[open] { background: var(--ui-color-surface-raised); border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-md); box-shadow: var(--ui-shadow-lg); display: flex; flex-direction: column; overflow: hidden; }
.command-palette-search { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-3); padding: var(--ui-space-4) var(--ui-space-5); }
.command-palette-search > svg { color: var(--ui-color-text-subtle); }
.command-palette-search input { background: transparent; border: 0; color: var(--ui-color-text); flex: 1 1; font-size: var(--ui-text-md); min-width: 0; outline: 0; }
.command-palette-search:focus-within { box-shadow: inset 0 -2px 0 var(--ui-color-accent); }
.command-palette-search kbd { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); line-height: 1.5rem; padding: 0 var(--ui-space-2); }
.command-palette-label { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-bold); letter-spacing: var(--ui-tracking-wide); padding: var(--ui-space-4) var(--ui-space-5) var(--ui-space-2); text-transform: uppercase; }
.command-palette-list { display: grid; grid-gap: 0; gap: 0; overflow-y: auto; padding: 0 var(--ui-space-3) var(--ui-space-3); }
.command-palette-list a { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; min-height: 4rem; padding: var(--ui-space-2) var(--ui-space-3); }
.command-palette-list a:hover,
.command-palette-list a:focus-visible { background: var(--ui-color-surface-subtle); }
.command-item-icon { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.command-palette-list a > span:nth-child(2) { display: grid; }
.command-palette-list strong { font-size: var(--ui-text-sm); }
.command-palette-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.command-empty { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-2); justify-content: center; min-height: 8rem; }
.command-close { align-items: center; background: var(--ui-color-surface-subtle); border-top: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); cursor: pointer; display: flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); gap: var(--ui-space-2); justify-content: center; min-height: var(--ui-control-md); text-transform: uppercase; }

.workspace-toast {
  align-items: flex-start;
  background: var(--ui-color-text);
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: var(--ui-radius-md);
  bottom: var(--ui-space-5);
  box-shadow: var(--ui-shadow-lg);
  color: var(--ui-color-canvas);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto 1fr auto;
  left: 50%;
  max-width: calc(100vw - 2rem);
  padding: var(--ui-space-3) var(--ui-space-4);
  position: fixed;
  transform: translateX(-50%);
  width: 27rem;
  z-index: 100;
}

.workspace-toast > span { color: #83c4ae; display: flex; margin-top: 0.15rem; }
.workspace-toast.is-danger > span { color: #dd8f84; }
.workspace-toast.is-warning > span { color: #d9b473; }
.workspace-toast p { font-size: var(--ui-text-sm); margin: 0; }
.workspace-toast button { align-items: center; background: transparent; color: #aaa9a1; cursor: pointer; display: flex; height: var(--ui-control-sm); justify-content: center; width: var(--ui-control-sm); }

@media (max-width: 1180px) {
  :root { --ui-sidebar-width: 4.75rem; }
  .workspace-sidebar { align-items: center; padding-inline: var(--ui-space-3); }
  .workspace-brand-copy,
  .workspace-nav-label,
  .workspace-nav-text,
  .workspace-nav-shortcut,
  .policy-summary,
  .sidebar-quiet-action span,
  .account-copy,
  .account-status { display: none; }
  .workspace-nav { width: 100%; }
  .workspace-nav a { border-bottom-color: transparent; justify-content: center; padding: 0; }
  .workspace-nav a.is-active::before { left: 0; }
  .workspace-nav a::after { background: var(--ui-color-text); border-radius: var(--ui-radius-sm); box-shadow: var(--ui-shadow-md); color: var(--ui-color-canvas); content: attr(aria-label); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); left: calc(100% + var(--ui-space-2)); opacity: 0; padding: 0.4rem 0.55rem; pointer-events: none; position: absolute; transform: translateX(-0.25rem); transition: opacity var(--ui-duration-fast), transform var(--ui-duration-fast); white-space: nowrap; z-index: 80; }
  .workspace-nav a:hover::after,
  .workspace-nav a:focus-visible::after { opacity: 1; transform: translateX(0); }
  .sidebar-quiet-action { justify-content: center; padding: 0; }
  .sidebar-account { justify-content: center; padding-inline: 0; }
}

@media (max-width: 760px) {
  :root { --ui-topbar-height: 3.75rem; }
  .workspace-sidebar { align-items: stretch; box-shadow: 1.5rem 0 4rem rgb(23 25 20 / 24%); padding-inline: var(--ui-space-5); transform: translateX(-105%); visibility: hidden; width: 15rem; z-index: 90; }
  .workspace-sidebar.is-mobile-nav-ready { transition: transform var(--ui-duration-normal) var(--ui-ease-standard), visibility 0s linear var(--ui-duration-normal); }
  .workspace-sidebar.is-mobile-nav-ready.is-open { transition: transform var(--ui-duration-normal) var(--ui-ease-standard), visibility 0s linear 0s; }
  .workspace-sidebar.is-open { transform: translateX(0); visibility: visible; }
  .workspace-brand-copy,
  .account-copy { display: grid; }
  .workspace-nav-label,
  .workspace-nav-text,
  .sidebar-quiet-action span { display: initial; }
  .policy-summary { display: grid; }
  .account-status { display: block; }
  .workspace-nav a { border-bottom-color: transparent; justify-content: flex-start; padding: 0 var(--ui-space-2); }
  .workspace-nav a.is-active::before { left: 0; }
  .workspace-nav a::after { display: none; }
  .workspace-nav-shortcut { display: inline-block; }
  .sidebar-quiet-action { justify-content: flex-start; padding: 0; }
  .sidebar-account { justify-content: flex-start; }
  .sidebar-dismiss { display: flex; }
  .workspace-stage { margin-left: 0; }
  .workspace-stage.is-immersive { display: grid; grid-template-rows: var(--ui-topbar-height) minmax(0, 1fr); height: 100dvh; min-height: 0; overflow: hidden; }
  .mobile-nav-trigger { align-items: center; background: transparent; border-radius: var(--ui-radius-sm); color: var(--ui-color-text); cursor: pointer; display: flex; height: var(--ui-control-md); justify-content: center; left: var(--ui-space-3); position: fixed; top: 0.625rem; width: var(--ui-control-md); z-index: 55; }
  .mobile-nav-scrim { background: rgb(23 25 20 / 46%); cursor: pointer; display: block; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity var(--ui-duration-normal); z-index: 80; }
  .mobile-nav-scrim.is-visible { opacity: 1; pointer-events: auto; }
  .workspace-topbar { padding: 0 var(--ui-space-3) 0 3.75rem; }
  .topbar-workspace-mark,
  .command-button,
  .topbar-icon-button { display: none; }
  .topbar-workspace-return { padding: 0; width: 2.25rem; justify-content: center; }
  .topbar-workspace-return span { display: none; }
  .topbar-context > span:nth-child(2) { display: grid; grid-gap: 0; gap: 0; }
  .topbar-context > span:nth-child(2) small { max-width: 7.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .topbar-context > .topbar-demo-mode { display: inline-flex; margin-left: 0; }
  .topbar-demo-mode-label-full { display: none; }
  .topbar-demo-mode-label-compact { display: inline; }
  .topbar-context small::after { display: none; }
  .workspace-content { padding: var(--ui-space-6) var(--ui-space-4); }
  .workspace-stage.is-immersive .workspace-content { display: flex; min-height: 0; overflow: hidden; padding: var(--ui-space-4); }
  .workspace-footer { align-items: flex-start; flex-direction: column; gap: var(--ui-space-1); margin-inline: var(--ui-space-4); padding-bottom: var(--ui-space-6); }
  .workspace-access-banner { align-items: flex-start; grid-template-columns: auto 1fr; padding: var(--ui-space-3) var(--ui-space-4); }
  .workspace-access-banner > a { grid-column: 1 / -1; justify-content: center; width: 100%; }
  .command-palette { margin-top: auto; width: calc(100vw - 1rem); }
  .command-palette[open] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; max-height: calc(100dvh - 1rem); }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/features.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* End-user Home and Admin console */
.home-layout,
.admin-console-layout,
.knowledge-layout,
.governance-layout,
.usage-layout,
.settings-layout {
  display: grid;
  grid-gap: var(--ui-space-10);
  gap: var(--ui-space-10);
  min-width: 0;
}

.home-page { margin-inline: auto; max-width: 88rem; }
.home-layout { gap: clamp(var(--ui-space-6), 3vw, var(--ui-space-9)); }
.home-primary-grid { min-width: 0; }
.home-primary-grid.has-agenda { align-items: start; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(0, 1.2fr) minmax(20rem, 0.8fr); }
.home-hero {
  background: color-mix(in srgb, var(--ui-color-surface) 88%, var(--ui-color-accent-soft));
  border: 1px solid var(--ui-color-border-strong);
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  overflow: hidden;
  padding: clamp(var(--ui-space-6), 2.75vw, var(--ui-space-8));
  position: relative;
}
.home-hero::before { background: var(--ui-color-accent); content: ""; height: 0.1875rem; left: 0; position: absolute; right: 0; top: 0; }
.home-hero-copy { max-width: 52rem; }
.home-hero-context { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-3); justify-content: space-between; }
.home-hero-context > span:last-child:not(:first-child) { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.home-hero-copy h1 { font-family: var(--ui-font-display); font-size: clamp(2rem, 3.25vw, 3rem); font-weight: 500; letter-spacing: -0.05em; line-height: 1.02; margin: var(--ui-space-3) 0 0; text-wrap: balance; }
.home-hero-copy p { color: var(--ui-color-text-muted); font-size: var(--ui-text-md); line-height: 1.55; margin: var(--ui-space-3) 0 0; max-width: 42rem; }
.home-start-chat,
.home-start-project,
.home-chat-unavailable { align-items: center; background: var(--ui-color-surface-raised); border: 1px solid var(--ui-color-border-strong); box-shadow: var(--ui-shadow-sm); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr) auto; max-width: 52rem; min-height: 4.5rem; padding: var(--ui-space-3) var(--ui-space-4); }
.home-start-chat,
.home-start-project { transition: border-color var(--ui-duration-fast), box-shadow var(--ui-duration-fast), transform var(--ui-duration-fast); }
.home-start-chat:hover,
.home-start-project:hover { border-color: color-mix(in srgb, var(--ui-color-accent) 58%, var(--ui-color-border-strong)); box-shadow: var(--ui-shadow-md); transform: translateY(-1px); }
.home-start-chat > span:first-child,
.home-start-project > span:first-child,
.home-chat-unavailable > svg { align-items: center; background: var(--ui-color-accent); color: var(--ui-color-on-accent); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.home-start-chat > span:nth-child(2),
.home-start-project > span:nth-child(2),
.home-chat-unavailable > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.home-start-chat strong,
.home-start-project strong,
.home-chat-unavailable strong { font-size: var(--ui-text-md); }
.home-start-chat small,
.home-start-project small,
.home-chat-unavailable small { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: 1.45; }
.home-start-chat > svg,
.home-start-project > svg { color: var(--ui-color-accent); }
.home-chat-unavailable { box-shadow: none; color: var(--ui-color-text-muted); }
.home-chat-unavailable > svg { background: var(--ui-color-surface-subtle); color: var(--ui-color-text-subtle); padding: 0.75rem; }
.home-project-demo-action { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); max-width: 52rem; }
.home-project-demo-options { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); list-style: none; margin: 0; padding: 0; }
.home-project-demo-options .home-start-project { max-width: none; width: 100%; }
.home-project-demo-boundary { align-items: start; border-left: 2px solid var(--ui-color-accent); color: var(--ui-color-text-muted); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: auto minmax(0, 1fr); padding: var(--ui-space-1) var(--ui-space-3); }
.home-project-demo-boundary > svg { color: var(--ui-color-accent); margin-top: 0.125rem; }
.home-project-demo-boundary > span { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.home-project-demo-boundary strong { color: var(--ui-color-text); font-size: var(--ui-text-xs); }
.home-project-demo-boundary small { font-size: var(--ui-text-xs); line-height: 1.5; }
.home-project-demo-unavailable { align-items: center; background: var(--ui-color-warning-soft); border: 1px solid color-mix(in srgb, var(--ui-color-warning) 28%, var(--ui-color-border)); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; max-width: 52rem; padding: var(--ui-space-4); }
.home-project-demo-unavailable > svg { color: var(--ui-color-warning); }
.home-project-demo-unavailable > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.home-project-demo-unavailable strong { font-size: var(--ui-text-sm); }
.home-project-demo-unavailable small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; }
.home-suggestions { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.home-suggestions a { align-items: center; background: color-mix(in srgb, var(--ui-color-surface) 76%, transparent); border: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); min-height: 2.25rem; padding: 0 var(--ui-space-3); }
.home-suggestions a:hover { background: var(--ui-color-surface); border-color: var(--ui-color-border-strong); color: var(--ui-color-text); }
.home-suggestions svg { color: var(--ui-color-accent); }

.today-agenda { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); display: flex; flex-direction: column; min-width: 0; padding: var(--ui-space-5); position: relative; }
.today-agenda::before { background: var(--ui-color-purple); content: ""; height: 0.1875rem; left: 0; position: absolute; right: 0; top: 0; }
.today-agenda-header { align-items: flex-start; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding-bottom: var(--ui-space-4); }
.today-agenda-header h2 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.025em; margin: var(--ui-space-2) 0 0; }
.today-agenda-mode { border: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.06em; padding: var(--ui-space-1) var(--ui-space-2); text-transform: uppercase; white-space: nowrap; }
.today-agenda-header-actions { align-items: center; display: flex; gap: var(--ui-space-2); }
.today-agenda-header-actions > button { align-items: center; background: transparent; border: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); cursor: pointer; display: inline-flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.today-agenda-header-actions > button:hover:not(:disabled) { border-color: var(--ui-color-border-strong); color: var(--ui-color-text); }
.today-agenda-header-actions > button:disabled { cursor: wait; opacity: 0.55; }
.today-agenda-header-actions > button:focus-visible,
.today-agenda-header-actions > a:focus-visible { box-shadow: var(--ui-focus-ring); outline: none; }
.today-agenda-header-actions > a { align-items: center; border: 1px solid var(--ui-color-border); color: var(--ui-color-accent-text); display: inline-flex; font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); min-height: 2.25rem; padding: 0 var(--ui-space-2); white-space: nowrap; }
.today-agenda-source { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-3) 0; }
.today-agenda-source > span { color: var(--ui-color-text); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.today-agenda-source > small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); line-height: 1.45; }
.today-agenda-list { border-top: 1px solid var(--ui-color-border); list-style: none; margin: 0; padding: 0; }
.today-agenda-list li { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: 4.5rem minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-3) 0; }
.today-agenda-list time { color: var(--ui-color-accent-text); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); text-transform: uppercase; }
.today-agenda-list li > div { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.today-agenda-list strong { font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.today-agenda-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.today-agenda-list a { align-items: center; color: var(--ui-color-accent-text); display: inline-flex; font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); min-height: 2.25rem; padding-inline: var(--ui-space-2); }
.today-agenda-state { align-items: start; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); margin: auto 0; padding: var(--ui-space-6) 0; }
.today-agenda-state > svg { color: var(--ui-color-accent); margin-top: 0.125rem; }
.today-agenda-state.is-unavailable > svg { color: var(--ui-color-warning); }
.today-agenda-state > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.today-agenda-state strong,
.today-agenda-empty strong { font-size: var(--ui-text-sm); }
.today-agenda-state p,
.today-agenda-empty p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: 0; }
.today-agenda-state > a { align-items: center; color: var(--ui-color-accent-text); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); grid-column: 2; justify-self: start; min-height: 2.25rem; }
.today-agenda-loading { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); margin: auto 0; min-height: 10rem; }
.today-agenda-empty { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); margin: auto 0; padding: var(--ui-space-7) 0; }
.today-agenda-empty > svg { color: var(--ui-color-text-subtle); }
.today-agenda-empty > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.today-agenda-truncated { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); margin: var(--ui-space-2) 0 0; }
.today-agenda-suggestions { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin-top: auto; padding-top: var(--ui-space-4); }
.today-agenda-suggestions > a { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-height: 3.75rem; padding: var(--ui-space-3); }
.today-agenda-suggestions > a:hover { border-color: var(--ui-color-border-strong); }
.today-agenda-suggestions > a > svg:first-child { color: var(--ui-color-purple); }
.today-agenda-suggestions > a > span { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.today-agenda-suggestions strong { font-size: var(--ui-text-xs); }
.today-agenda-suggestions small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); line-height: 1.35; }
.today-agenda-suggestions > a > svg:last-child { color: var(--ui-color-text-subtle); }

.home-attention-stack { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); min-width: 0; }
.home-attention-stack > section { min-width: 0; }
.home-recent { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.home-handoffs { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.home-handoffs > header { align-items: flex-end; border-bottom: 1px solid var(--ui-color-border-strong); display: flex; gap: var(--ui-space-6); justify-content: space-between; padding-bottom: var(--ui-space-3); }
.home-handoffs > header > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.home-handoffs > header span { color: var(--ui-color-accent-text); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); letter-spacing: 0.09em; text-transform: uppercase; }
.home-handoffs > header h2 { font-family: var(--ui-font-display); font-size: var(--ui-text-2xl); font-weight: 500; margin: 0; }
.home-handoffs > header h2:focus { box-shadow: var(--ui-focus-ring); outline: 0; }
.home-handoffs > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; max-width: 31rem; text-align: right; }
.home-handoffs > .project-handoff-record-list { border: 1px solid var(--ui-color-border); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-handoffs .project-handoff-record:nth-child(odd):not(:last-child) { border-right: 1px solid var(--ui-color-border); }
.home-handoffs .project-handoff-record:last-child:nth-child(odd) { grid-column: 1 / -1; }
.home-handoffs-state { align-items: start; border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); padding: var(--ui-space-5); }
.home-handoffs-state > svg { color: var(--ui-color-warning); margin-top: 0.125rem; }
.home-handoffs-state.is-empty > svg { color: var(--ui-color-success); }
.home-handoffs-state strong { font-size: var(--ui-text-sm); }
.home-handoffs-state p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: var(--ui-space-1) 0 0; }
.home-handoffs.is-unavailable { gap: var(--ui-space-2); }
.home-handoffs.is-unavailable > header { align-items: center; padding-bottom: var(--ui-space-2); }
.home-handoffs.is-unavailable > header h2 { font-size: var(--ui-text-xl); }
.home-handoffs.is-unavailable > header p { display: none; }
.home-handoffs.is-unavailable .home-handoffs-state { padding: var(--ui-space-3) var(--ui-space-4); }
.home-recent > header { align-items: flex-end; border-bottom: 1px solid var(--ui-color-border-strong); display: flex; gap: var(--ui-space-6); justify-content: space-between; padding-bottom: var(--ui-space-3); }
.home-recent > header > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.home-recent > header span { color: var(--ui-color-accent-text); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); letter-spacing: 0.09em; text-transform: uppercase; }
.home-recent > header h2 { font-family: var(--ui-font-display); font-size: var(--ui-text-2xl); font-weight: 500; margin: 0; }
.home-recent > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; max-width: 31rem; text-align: right; }
.home-recent-grid { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-recent-grid.is-single-column { grid-template-columns: minmax(0, 1fr); }
.home-recent-column { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); min-width: 0; }
.home-recent-column-heading { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; min-height: 3.5rem; padding: 0 var(--ui-space-4); }
.home-recent-column-heading > div,
.home-recent-column-heading > a { align-items: center; display: flex; gap: var(--ui-space-2); }
.home-recent-column-heading > div > svg { color: var(--ui-color-accent); }
.home-recent-column-heading h3 { font-size: var(--ui-text-sm); margin: 0; }
.home-recent-column-heading > a { color: var(--ui-color-accent-text); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); min-height: 2.5rem; }
.home-recent-list { list-style: none; margin: 0; padding: 0; }
.home-recent-list > li + li { border-top: 1px solid var(--ui-color-border); }
.home-recent-list > li > a { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto auto; min-height: 4.5rem; padding: var(--ui-space-3) var(--ui-space-4); transition: background var(--ui-duration-fast); }
.home-recent-list > li > a:hover { background: var(--ui-color-surface-subtle); }
.home-recent-item-icon { align-items: center; border: 1px solid var(--ui-color-border); color: var(--ui-color-accent); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.home-recent-list > li > a > span:nth-child(2) { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.home-recent-list strong { font-size: var(--ui-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-recent-list small,
.home-recent-list time { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.home-recent-list time { white-space: nowrap; }
.home-recent-list > li > a > svg { color: var(--ui-color-text-subtle); }
.home-recent-state { align-content: center; display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-height: 9rem; padding: var(--ui-space-5); }
.home-recent-state strong { font-size: var(--ui-text-sm); }
.home-recent-state span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; }
.home-recent-state a { color: var(--ui-color-accent-text); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); justify-self: start; margin-top: var(--ui-space-2); min-height: 2rem; }
.home-recent-state > .kui-button { justify-self: start; margin-top: var(--ui-space-2); }

.home-continuity { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.home-continuity > header { align-items: flex-end; border-bottom: 1px solid var(--ui-color-border-strong); display: flex; gap: var(--ui-space-6); justify-content: space-between; padding-bottom: var(--ui-space-4); }
.home-continuity > header > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.home-continuity > header span { color: var(--ui-color-accent-text); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); letter-spacing: 0.09em; text-transform: uppercase; }
.home-continuity h2 { font-family: var(--ui-font-display); font-size: var(--ui-text-2xl); font-weight: 500; margin: 0; }
.home-continuity > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.home-surface-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-surface-grid > a { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-height: 6.25rem; padding: var(--ui-space-4); transition: background var(--ui-duration-fast), border-color var(--ui-duration-fast); }
.home-surface-grid > a:hover { background: var(--ui-color-surface-subtle); border-color: var(--ui-color-border-strong); }
.home-surface-icon { align-items: center; border: 1px solid var(--ui-color-border-strong); color: var(--ui-color-accent); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.home-surface-grid > a > span:nth-child(2) { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.home-surface-grid strong { font-size: var(--ui-text-sm); }
.home-surface-grid small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.45; }
.home-surface-grid > a > svg { color: var(--ui-color-text-subtle); }
.home-no-surfaces { align-items: center; border: 1px dashed var(--ui-color-border-strong); color: var(--ui-color-text-muted); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr); min-height: 6.25rem; padding: var(--ui-space-4); }
.home-no-surfaces > svg { color: var(--ui-color-text-subtle); }
.home-no-surfaces > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.home-no-surfaces strong { color: var(--ui-color-text); font-size: var(--ui-text-sm); }
.home-no-surfaces small { font-size: var(--ui-text-xs); }
.home-workspace-note { align-items: center; border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-4) 0; }
.home-workspace-note > span { align-items: center; display: inline-flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); }
.home-workspace-note > span.is-ready { color: var(--ui-color-success); }
.home-workspace-note > span.is-unavailable { color: var(--ui-color-warning); }
.home-workspace-note p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.home-workspace-note a { align-items: center; color: var(--ui-color-accent-text); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); white-space: nowrap; }

.admin-console-page { margin-inline: auto; max-width: 88rem; }
.admin-console-layout { gap: var(--ui-space-7); }
.admin-console-group { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.admin-console-group > header { align-items: center; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.admin-console-group > header h2 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; margin: 0; }
.admin-console-group > header span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.admin-destination-grid { border-left: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-destination-grid > a { align-items: center; background: var(--ui-color-surface); border-bottom: 1px solid var(--ui-color-border); border-right: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr) auto; min-height: 7.5rem; padding: var(--ui-space-5); transition: background var(--ui-duration-fast); }
.admin-destination-grid > a:hover { background: var(--ui-color-surface-subtle); }
.admin-destination-icon { align-items: center; border: 1px solid var(--ui-color-border-strong); color: var(--ui-color-accent); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.admin-destination-grid > a > span:nth-child(2) { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.admin-destination-grid strong { font-size: var(--ui-text-sm); }
.admin-destination-grid small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; }
.admin-destination-grid > a > svg { color: var(--ui-color-text-subtle); }

.knowledge-search-card,
.knowledge-results,
.sources-section,
.governance-card,
.governance-table-section,
.usage-card,
.usage-section,
.settings-section {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  min-width: 0;
  padding: var(--ui-space-6);
}

.feature-card-header a,
.feature-section-header > div + a { align-items: center; color: var(--ui-color-accent-text); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); }

/* Knowledge */
.knowledge-search-card { background: var(--ui-color-surface); }
.knowledge-search-copy h2 { font-size: clamp(var(--ui-text-xl), 3vw, 2rem); letter-spacing: var(--ui-tracking-tight); margin: var(--ui-space-2) 0 0; }
.knowledge-search-copy p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: var(--ui-space-2) 0 0; }
.knowledge-search-form { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); margin-top: var(--ui-space-6); }
.knowledge-search-input { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; padding: var(--ui-space-2); }
.knowledge-search-input > svg { color: var(--ui-color-text-subtle); margin-left: var(--ui-space-2); }
.knowledge-search-input > input { border: 0; color: var(--ui-color-text); font-size: var(--ui-text-md); min-width: 0; outline: 0; }
.search-options { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-4); }
.knowledge-source-picker { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); }
.knowledge-source-picker > summary { align-items: center; cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; list-style: none; min-height: 3.75rem; padding: var(--ui-space-3) var(--ui-space-4); }
.knowledge-source-picker > summary::-webkit-details-marker { display: none; }
.knowledge-source-picker > summary:focus-visible { box-shadow: var(--ui-focus-ring); outline: 0; }
.knowledge-source-picker[aria-busy="true"] > summary { cursor: default; }
.knowledge-source-picker-icon { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.knowledge-source-picker > summary > span:nth-child(2) { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.knowledge-source-picker > summary strong { font-size: var(--ui-text-sm); }
.knowledge-source-picker > summary small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-source-picker-action { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); }
.knowledge-source-picker-action svg { transition: transform var(--ui-duration-fast); }
.knowledge-source-picker[open] .knowledge-source-picker-action svg { transform: rotate(180deg); }
.knowledge-source-picker-body { background: var(--ui-color-surface); border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-4); }
.knowledge-source-picker-body > header { align-items: flex-start; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.knowledge-source-picker-body > header > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.knowledge-source-picker-body > header strong { font-size: var(--ui-text-sm); }
.knowledge-source-picker-body > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: 0; }
.knowledge-source-picker-body > header button,
.knowledge-source-picker-state > button { align-items: center; background: transparent; color: var(--ui-color-accent-text); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); min-height: var(--ui-control-sm); padding: 0 var(--ui-space-2); }
.knowledge-source-picker-body > header button:hover,
.knowledge-source-picker-state > button:hover { text-decoration: underline; text-underline-offset: 0.18em; }
.knowledge-source-picker-body > header button:disabled,
.knowledge-source-picker-state > button:disabled { color: var(--ui-color-text-subtle); cursor: not-allowed; opacity: 0.65; text-decoration: none; }
.knowledge-source-picker-state { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-height: 4rem; padding: var(--ui-space-3); }
.knowledge-source-picker-state.is-error { background: var(--ui-color-danger-soft); border-color: color-mix(in srgb, var(--ui-color-danger) 24%, var(--ui-color-border)); color: var(--ui-color-danger); }
.knowledge-source-picker-state > div { display: grid; grid-gap: 0.125rem; gap: 0.125rem; }
.knowledge-source-picker-state strong { color: var(--ui-color-text); font-size: var(--ui-text-xs); }
.knowledge-source-picker-state p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.source-picker-loader { animation: app-spin 760ms linear infinite; border: 2px solid var(--ui-color-border-strong); border-radius: 50%; border-top-color: var(--ui-color-accent); height: 1rem; width: 1rem; }
.knowledge-source-groups { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.knowledge-source-group { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); margin: 0; min-width: 0; padding: var(--ui-space-3); position: relative; }
.knowledge-source-group legend { display: grid; float: left; grid-gap: 0.125rem; gap: 0.125rem; max-width: calc(100% - 7rem); padding: 0; }
.knowledge-source-group legend span { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.knowledge-source-group legend small { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.knowledge-source-group > button { background: transparent; color: var(--ui-color-accent-text); cursor: pointer; font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); min-height: var(--ui-control-sm); padding: 0 var(--ui-space-2); position: absolute; right: var(--ui-space-2); top: var(--ui-space-2); }
.knowledge-source-group > button:disabled { color: var(--ui-color-text-subtle); cursor: not-allowed; opacity: 0.65; }
.knowledge-source-group > div { clear: both; display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-column: 1 / -1; }
.knowledge-source-group label { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); min-height: 3.25rem; padding: var(--ui-space-2) var(--ui-space-3); position: relative; }
.knowledge-source-group label:hover { border-color: var(--ui-color-border-strong); }
.knowledge-source-group label.is-selected { background: var(--ui-color-accent-soft); border-color: color-mix(in srgb, var(--ui-color-accent) 34%, var(--ui-color-border)); }
.knowledge-source-group label:has(input:focus-visible) { box-shadow: var(--ui-focus-ring); }
.knowledge-source-group label:has(input:disabled) { cursor: not-allowed; opacity: 0.58; }
.knowledge-source-group input { height: 1px; left: 0; opacity: 0; position: absolute; top: 0; width: 1px; }
.knowledge-source-check { align-items: center; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-sm); color: transparent; display: flex; height: 1.125rem; justify-content: center; width: 1.125rem; }
.knowledge-source-group label.is-selected .knowledge-source-check { background: var(--ui-color-accent); border-color: var(--ui-color-accent); color: var(--ui-color-on-accent); }
.knowledge-source-group label > span:last-child { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.knowledge-source-group label strong { font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-source-group label small { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.knowledge-synthetic-sample { background: var(--ui-color-accent-soft); border: 1px solid color-mix(in srgb, var(--ui-color-accent) 28%, var(--ui-color-border)); border-radius: 999px; color: var(--ui-color-accent-text); display: inline-flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); line-height: 1.35; padding: 0.125rem 0.4rem; text-transform: uppercase; width: -moz-fit-content; width: fit-content; }
.knowledge-source-picker-body > footer { border-top: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); padding-top: var(--ui-space-3); text-transform: uppercase; }
.compact-select { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); }
.compact-select select { font-size: var(--ui-text-xs); min-height: 2rem; padding: 0 var(--ui-space-2); }
.results-toolbar { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: flex; justify-content: space-between; margin: calc(var(--ui-space-6) * -1) calc(var(--ui-space-6) * -1) var(--ui-space-5); padding: var(--ui-space-4) var(--ui-space-6); }
.results-toolbar > div { display: grid; }
.results-toolbar strong { font-size: var(--ui-text-sm); }
.results-toolbar span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.results-toolbar button { background: transparent; color: var(--ui-color-accent-text); cursor: pointer; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.synthesis-card { background: var(--ui-color-surface-subtle); border-left: 0.1875rem solid var(--ui-color-accent); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto 1fr; margin-bottom: var(--ui-space-4); padding: var(--ui-space-5); }
.synthesis-card > span { align-items: center; background: var(--ui-color-surface); border-radius: var(--ui-radius-md); color: var(--ui-color-accent); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.synthesis-card small { color: var(--ui-color-accent-text); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.synthesis-card p { font-size: var(--ui-text-sm); line-height: 1.7; margin: var(--ui-space-2) 0 0; white-space: pre-wrap; }
.synthesis-card footer { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-top: var(--ui-space-3); }
.knowledge-answer-sources { border-top: 1px solid var(--ui-color-border); margin-top: var(--ui-space-5); padding-top: var(--ui-space-4); }
.knowledge-answer-sources > header { align-items: center; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.knowledge-answer-sources > header > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.knowledge-answer-sources > header h3 { font-size: var(--ui-text-sm); margin: 0; }
.knowledge-answer-sources > header span:not(.knowledge-citation-count) { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.knowledge-citation-count { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); flex: 0 0 auto; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); padding: var(--ui-space-1) var(--ui-space-2); text-transform: uppercase; }
.knowledge-citation-list { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: var(--ui-space-3) 0 0; padding: 0; }
.knowledge-citation-item { align-items: start; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); min-width: 0; padding: var(--ui-space-3); }
.knowledge-citation-index { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); line-height: 1.7; }
.knowledge-citation-item > div { min-width: 0; }
.knowledge-citation-item a,
.knowledge-citation-title { align-items: center; color: var(--ui-color-text); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); line-height: var(--ui-leading-body); max-width: 100%; }
.knowledge-citation-item a:hover { color: var(--ui-color-accent-text); text-decoration: underline; text-underline-offset: 0.15em; }
.knowledge-citation-item a svg { flex: 0 0 auto; }
.knowledge-citation-item strong { min-width: 0; overflow-wrap: anywhere; }
.knowledge-citation-item p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: var(--ui-space-2) 0 0; overflow-wrap: anywhere; white-space: normal; }
.knowledge-citation-item small { align-items: center; color: var(--ui-color-text-subtle); display: flex; flex-wrap: wrap; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: 400; gap: var(--ui-space-2); margin-top: var(--ui-space-2); text-transform: uppercase; }
.result-card-list { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); }
.knowledge-result-card { align-items: flex-start; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto 1fr auto; padding: var(--ui-space-4); }
.knowledge-result-card:hover { border-color: color-mix(in srgb, var(--ui-color-accent) 40%, var(--ui-color-border)); }
.result-rank { color: var(--ui-color-text-subtle); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--ui-text-xs); padding-top: 0.2rem; }
.knowledge-result-source { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.result-kind { color: var(--ui-color-accent-text); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-bold); letter-spacing: var(--ui-tracking-wide); text-transform: uppercase; }
.knowledge-result-card h3 { font-size: var(--ui-text-md); margin: var(--ui-space-1) 0 0; }
.knowledge-result-card p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: 1.65; margin: var(--ui-space-2) 0 0; }
.knowledge-result-card small { color: var(--ui-color-text-subtle); display: block; font-size: var(--ui-text-xs); margin-top: var(--ui-space-2); }
.knowledge-result-card > a { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); color: var(--ui-color-text-muted); display: flex; height: var(--ui-control-md); justify-content: center; width: var(--ui-control-md); }
.sources-section { display: grid; grid-gap: 0; gap: 0; overflow: hidden; padding: 0; }
.sources-section > .feature-section-header { padding: var(--ui-space-6); }
.connector-logo { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-info); display: flex; flex: 0 0 auto; height: 2.75rem; justify-content: center; width: 2.75rem; }
.connector-logo.is-purple { color: var(--ui-color-purple); }
.connector-logo.is-orange { color: var(--ui-color-orange); }
.connector-logo.is-teal { color: var(--ui-color-accent); }
.connector-logo.is-neutral { color: var(--ui-color-text); }
.connector-ops-strip { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.connector-ops-strip > div { display: grid; grid-gap: 0.125rem; gap: 0.125rem; padding: var(--ui-space-4) var(--ui-space-5); }
.connector-ops-strip > div + div { border-left: 1px solid var(--ui-color-border); }
.connector-ops-strip strong { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: var(--ui-tracking-tight); }
.connector-ops-strip span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.05em; text-transform: uppercase; }
.connector-ops-strip .is-attention strong { color: var(--ui-color-danger); }
.sources-section > .kui-alert { margin: var(--ui-space-4) var(--ui-space-6) 0; }
.sources-section > .kui-empty-state { border: 0; border-radius: 0; border-bottom: 1px solid var(--ui-color-border); }
.connector-inventory-toolbar { align-items: flex-end; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: minmax(14rem, 1fr) minmax(9rem, 0.35fr) minmax(9rem, 0.35fr) auto; padding: var(--ui-space-4) var(--ui-space-6) var(--ui-space-3); }
.connector-inventory-toolbar > label { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.connector-inventory-toolbar > label > span:first-child { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.connector-inventory-toolbar input,
.connector-inventory-toolbar select { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-sm); color: var(--ui-color-text); font-size: var(--ui-text-xs); min-height: var(--ui-control-md); min-width: 0; outline: 0; padding: 0 var(--ui-space-3); width: 100%; }
.connector-inventory-toolbar input:focus,
.connector-inventory-toolbar select:focus { border-color: var(--ui-color-accent); box-shadow: var(--ui-focus-ring); }
.connector-inventory-search > span:last-child { align-items: center; display: grid; grid-template-columns: auto minmax(0, 1fr); position: relative; }
.connector-inventory-search > span:last-child > svg { color: var(--ui-color-text-subtle); margin-left: var(--ui-space-3); pointer-events: none; position: absolute; }
.connector-inventory-search input { padding-left: 2.25rem; }
.connector-inventory-toolbar > .kui-button { min-height: var(--ui-control-md); }
.connector-inventory-result { background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); padding: var(--ui-space-2) var(--ui-space-6); }
.connector-lifecycle-list { display: grid; }
.connector-lifecycle-row { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(12rem, 1.15fr) minmax(10rem, 0.9fr) minmax(10rem, 0.8fr) auto; min-width: 0; padding: var(--ui-space-3) var(--ui-space-6); transition: background var(--ui-duration-fast); }
.connector-lifecycle-row:hover { background: var(--ui-color-surface-subtle); }
.connector-lifecycle-name,
.connector-lifecycle-health,
.connector-lifecycle-time { display: grid; min-width: 0; }
.connector-lifecycle-name strong { font-size: var(--ui-text-sm); }
.connector-lifecycle-name span,
.connector-lifecycle-time span,
.connector-lifecycle-health small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.connector-lifecycle-name span { font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }
.connector-lifecycle-health { gap: var(--ui-space-1); justify-items: start; }
.connector-lifecycle-time strong { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.connector-lifecycle-actions { align-items: center; display: flex; gap: var(--ui-space-1); justify-content: flex-end; }
.connector-inventory-pagination { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-6); }
.connector-inventory-pagination > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.connector-inventory-pagination > div { align-items: center; display: flex; gap: var(--ui-space-2); }
.connector-catalog { background: var(--ui-color-surface-subtle); display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); padding: var(--ui-space-5) var(--ui-space-6) var(--ui-space-6); }
.connector-catalog > div:first-child { align-items: flex-end; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.connector-catalog > div:first-child p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.connector-catalog > div:last-child { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.connector-catalog button { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-3); text-align: left; }
.connector-catalog button:hover:not(:disabled) { border-color: var(--ui-color-border-strong); }
.connector-catalog button:disabled { cursor: not-allowed; opacity: 0.55; }
.connector-catalog button .connector-logo { height: 2.25rem; width: 2.25rem; }
.connector-catalog button > span:nth-child(2) { display: grid; min-width: 0; }
.connector-catalog button strong { font-size: var(--ui-text-xs); }
.connector-catalog button small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.connector-catalog button > svg { color: var(--ui-color-text-subtle); }
.connector-picker { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.connector-picker > button { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; min-height: 4.5rem; padding: var(--ui-space-3); text-align: left; }
.connector-picker > button.is-selected { background: var(--ui-color-accent-soft); border-color: var(--ui-color-accent); }
.connector-picker > button > span:nth-child(2) { display: grid; }
.connector-picker strong { font-size: var(--ui-text-sm); }
.connector-picker small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.radio-dot { align-items: center; border: 1px solid var(--ui-color-border-strong); border-radius: 50%; color: var(--ui-color-accent); display: flex; height: 1.4rem; justify-content: center; width: 1.4rem; }
.connector-picker .is-selected .radio-dot { background: var(--ui-color-surface); border-color: var(--ui-color-accent); }
.connector-picker + .alert,
.alert + .dialog-assurance,
.connector-picker + .dialog-assurance { margin-top: var(--ui-space-4); }
.connector-detail-layout { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.connector-detail-hero { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-4); }
.connector-detail-hero > div { display: grid; min-width: 0; }
.connector-detail-hero > div > span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }
.connector-detail-hero > div > strong { font-size: var(--ui-text-lg); margin-top: var(--ui-space-1); }
.connector-detail-hero p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.connector-source-id { color: var(--ui-color-text-subtle); display: block; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); margin-top: var(--ui-space-2); overflow-wrap: anywhere; }
.connector-detail-facts { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; overflow: hidden; }
.connector-detail-facts > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-4); }
.connector-detail-facts > div:nth-child(odd) { border-right: 1px solid var(--ui-color-border); }
.connector-detail-facts > div:nth-child(-n + 2) { border-bottom: 1px solid var(--ui-color-border); }
.connector-detail-facts dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.connector-detail-facts dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; }
.connector-reconnect-panel { align-items: center; border-left: 0.1875rem solid var(--ui-color-warning); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: 1fr auto; padding: var(--ui-space-3) var(--ui-space-4); }
.connector-reconnect-panel strong { font-size: var(--ui-text-sm); }
.connector-reconnect-panel p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.connector-detail-section { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding-top: var(--ui-space-5); }
.connector-detail-section > header { align-items: center; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.connector-detail-section > header > div { align-items: center; display: flex; gap: var(--ui-space-3); }
.connector-detail-section > header > div > span { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.connector-detail-section h3 { font-size: var(--ui-text-sm); margin: 0; }
.connector-detail-section header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0.125rem 0 0; }
.source-settings-form { display: grid; }
.connector-schedule-fields { align-items: flex-end; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(11rem, 1fr) minmax(11rem, 1fr) auto; }
.settings-switch { align-self: center; justify-self: start; margin-bottom: 0.625rem; }
.connector-manual-actions { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.connector-manual-actions > button { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); color: var(--ui-color-text); cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-height: 5rem; padding: var(--ui-space-3); text-align: left; }
.connector-manual-actions > button:hover:not(:disabled) { background: var(--ui-color-surface-subtle); border-color: var(--ui-color-border-strong); }
.connector-manual-actions > button:disabled { cursor: not-allowed; opacity: 0.5; }
.connector-manual-actions > button > svg:first-child { color: var(--ui-color-accent); }
.connector-manual-actions > button > svg:last-child { color: var(--ui-color-text-subtle); }
.connector-manual-actions > button > span { display: grid; }
.connector-manual-actions strong { font-size: var(--ui-text-xs); }
.connector-manual-actions small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); line-height: 1.4; }
.connector-operation-confirm { background: var(--ui-color-warning-soft); border: 1px solid color-mix(in srgb, var(--ui-color-warning) 35%, var(--ui-color-border)); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-4); }
.connector-operation-confirm > header { align-items: flex-start; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr; }
.connector-operation-confirm > header > svg { color: var(--ui-color-warning); }
.connector-operation-confirm > header strong { font-size: var(--ui-text-sm); }
.connector-operation-confirm > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.connector-operation-confirm > label,
.connector-disconnect-confirm { align-items: flex-start; cursor: pointer; display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-3); }
.connector-operation-confirm > label input,
.connector-disconnect-confirm input { accent-color: var(--ui-color-accent); flex: 0 0 auto; height: 1rem; margin-top: 0.1rem; width: 1rem; }
.connector-operation-confirm > footer { display: flex; gap: var(--ui-space-2); justify-content: flex-end; }
.connector-history-loading { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); min-height: 5rem; justify-content: center; }
.source-sync-history { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); }
.source-sync-history > ol { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); list-style: none; margin: 0; padding: 0; }
.source-sync-history li { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto auto; padding: var(--ui-space-3) var(--ui-space-4); }
.source-sync-history li + li { border-top: 1px solid var(--ui-color-border); }
.job-status-marker { background: var(--ui-color-text-subtle); border-radius: 50%; height: 0.5rem; width: 0.5rem; }
.job-status-marker.is-success { background: var(--ui-color-success); }
.job-status-marker.is-warning { background: var(--ui-color-warning); }
.job-status-marker.is-danger { background: var(--ui-color-danger); }
.job-status-marker.is-info { background: var(--ui-color-info); }
.source-job-copy { display: grid; min-width: 0; }
.source-job-copy > div { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.source-job-copy strong { font-size: var(--ui-text-xs); }
.source-job-copy p,
.source-job-copy small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); margin: var(--ui-space-1) 0 0; }
.source-job-copy .source-error { color: var(--ui-color-danger); overflow-wrap: anywhere; }
.source-job-meta { display: grid; text-align: right; }
.source-job-meta span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }
.source-history-footer { align-items: center; display: flex; gap: var(--ui-space-3); justify-content: space-between; }
.source-history-footer > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.connector-disconnect-flow { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.connector-disconnect-options { border: 0; display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin: 0; min-width: 0; padding: 0; }
.connector-disconnect-options legend { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin-bottom: var(--ui-space-2); }
.connector-disconnect-options > label { align-items: flex-start; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); padding: var(--ui-space-4); transition: background var(--ui-duration-fast) var(--ui-ease-standard), border-color var(--ui-duration-fast) var(--ui-ease-standard), box-shadow var(--ui-duration-fast) var(--ui-ease-standard); }
.connector-disconnect-options > label:hover { background: var(--ui-color-surface-subtle); border-color: var(--ui-color-border-strong); }
.connector-disconnect-options > label.is-selected { background: var(--ui-color-accent-soft); border-color: color-mix(in srgb, var(--ui-color-accent) 44%, var(--ui-color-border)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-color-accent) 18%, transparent); }
.connector-disconnect-options > label:focus-within { box-shadow: var(--ui-focus-ring); outline: none; }
.connector-disconnect-options:disabled > label { cursor: not-allowed; opacity: 0.62; }
.connector-disconnect-options input { accent-color: var(--ui-color-accent); height: 1rem; margin: 0.15rem 0 0; width: 1rem; }
.connector-disconnect-options label > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.connector-disconnect-options label > span > span { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.connector-disconnect-options strong { font-size: var(--ui-text-sm); }
.connector-disconnect-options small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.55; }
.connector-disconnect-confirm { border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-md); padding: var(--ui-space-4); }
.connector-disconnect-confirm > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.connector-disconnect-confirm strong { font-size: var(--ui-text-sm); }
.connector-disconnect-confirm small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.connector-disconnect-receipt { align-items: start; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr); }
.connector-disconnect-receipt__icon { align-items: center; background: var(--ui-color-success-soft); border: 1px solid color-mix(in srgb, var(--ui-color-success) 24%, transparent); border-radius: 50%; color: var(--ui-color-success); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.connector-disconnect-receipt.is-pending .connector-disconnect-receipt__icon { background: var(--ui-color-warning-soft); border-color: color-mix(in srgb, var(--ui-color-warning) 24%, transparent); color: var(--ui-color-warning); }
.connector-disconnect-receipt__copy p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: 1.55; margin: 0; }
.connector-disconnect-receipt dl { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); grid-column: 1 / -1; margin: 0; overflow: hidden; }
.connector-disconnect-receipt dl > div { align-items: center; display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-4); }
.connector-disconnect-receipt dl > div + div { border-top: 1px solid var(--ui-color-border); }
.connector-disconnect-receipt dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.connector-disconnect-receipt dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; text-align: right; }
.connector-disconnect-manual-link { align-items: center; background: var(--ui-color-accent-soft); border: 1px solid color-mix(in srgb, var(--ui-color-accent) 28%, var(--ui-color-border)); border-radius: var(--ui-radius-md); color: var(--ui-color-accent-text); display: inline-flex; font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); grid-column: 1 / -1; justify-content: center; min-height: 2.75rem; padding: 0 var(--ui-space-4); text-decoration: none; }
.connector-disconnect-manual-link:hover { border-color: var(--ui-color-accent); }

/* Governance */
.governance-main-grid { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(0, 1.2fr) minmax(21rem, 0.8fr); }
.governance-card { min-width: 0; }
.dlp-test-form { align-items: flex-end; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: 1fr auto; margin-top: var(--ui-space-5); }
.dlp-test-form textarea { min-height: 7rem; }
.dlp-example-row { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); margin-top: var(--ui-space-3); }
.dlp-example-row button { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent-text); cursor: pointer; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); min-height: 2rem; padding: 0 var(--ui-space-3); }
.dlp-example-row button:hover:not(:disabled) { background: var(--ui-color-accent-soft); border-color: var(--ui-color-accent); }
.dlp-example-row button:disabled { cursor: not-allowed; opacity: 0.55; }
.dlp-result { align-items: flex-start; background: var(--ui-color-success-soft); border: 1px solid color-mix(in srgb, var(--ui-color-success) 20%, transparent); border-radius: var(--ui-radius-md); color: var(--ui-color-success); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr; margin-top: var(--ui-space-4); padding: var(--ui-space-4); }
.dlp-result.is-redact { background: var(--ui-color-warning-soft); border-color: color-mix(in srgb, var(--ui-color-warning) 20%, transparent); color: var(--ui-color-warning); }
.dlp-result.is-block { background: var(--ui-color-danger-soft); border-color: color-mix(in srgb, var(--ui-color-danger) 20%, transparent); color: var(--ui-color-danger); }
.dlp-result small { display: block; font-size: var(--ui-text-xs); }
.dlp-result strong { display: block; font-size: var(--ui-text-md); }
.dlp-result p { font-size: var(--ui-text-sm); margin: 0.125rem 0; }
.dlp-result code { background: rgb(255 255 255 / 68%); border-radius: var(--ui-radius-sm); display: block; font-size: var(--ui-text-xs); margin-top: var(--ui-space-2); max-height: 5rem; overflow: auto; padding: var(--ui-space-2); white-space: pre-wrap; }
.dlp-result div > span { display: block; font-size: var(--ui-text-xs); margin-top: var(--ui-space-2); }
.default-policy-list { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); margin-top: var(--ui-space-5); padding-top: var(--ui-space-4); }
.default-policy-list > div:last-child { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.default-policy-item { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-3); }
.default-policy-icon { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.default-policy-label { font-size: var(--ui-text-xs); line-height: 1.35; min-width: 0; }
.default-policy-action { justify-self: end; white-space: nowrap; }
.tenant-rule-list { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); margin-top: var(--ui-space-5); padding-top: var(--ui-space-4); }
.tenant-rule-ledger { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; }
.tenant-rule { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto auto; min-height: 4.75rem; padding: var(--ui-space-3) 0; }
.tenant-rule + .tenant-rule { border-top: 1px solid var(--ui-color-border); }
.tenant-rule.is-disabled { background: color-mix(in srgb, var(--ui-color-surface-subtle) 72%, transparent); }
.rule-status { align-items: center; border: 1px solid color-mix(in srgb, var(--ui-color-success) 38%, var(--ui-color-border)); border-radius: var(--ui-radius-sm); color: var(--ui-color-success); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.tenant-rule.is-disabled .rule-status { border-color: var(--ui-color-border-strong); color: var(--ui-color-text-muted); }
.tenant-rule-copy { display: grid; min-width: 0; }
.tenant-rule strong { font-size: var(--ui-text-xs); }
.tenant-rule small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-rule-copy > span { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); margin-top: var(--ui-space-1); }
.tenant-rule-actions { align-items: center; display: flex; gap: var(--ui-space-1); justify-content: flex-end; }
.policy-details { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); margin-top: var(--ui-space-5); }
.feature-header-actions { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); justify-content: flex-end; }
.router-evaluation-result { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); margin-top: var(--ui-space-5); padding-top: var(--ui-space-4); }
.router-evaluation-metrics { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.router-evaluation-metrics > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding-left: var(--ui-space-3); }
.router-evaluation-result dt, .router-evaluation-result > small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.router-evaluation-result dd { font-family: var(--ui-font-mono); font-size: var(--ui-text-sm); margin: 0; }
.router-evaluation-cost-comparison { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.8fr); padding: var(--ui-space-3) var(--ui-space-4); }
.router-evaluation-cost-comparison > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.router-evaluation-cost-comparison > div strong { font-size: var(--ui-text-sm); }
.router-evaluation-cost-comparison > div span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.router-evaluation-cost-comparison dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.router-evaluation-cost-comparison dl > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding-left: var(--ui-space-3); }
.policy-mode-visual { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto 1fr auto; padding: var(--ui-space-4); }
.policy-orbit { align-items: center; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-sm); color: var(--ui-color-purple); display: flex; height: 3.25rem; justify-content: center; width: 3.25rem; }
.policy-mode-visual > div { display: grid; }
.policy-mode-visual small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.policy-mode-visual strong { font-size: var(--ui-text-lg); }
.enabled-tier-list { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.enabled-tier-list > span:first-child { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-right: auto; }
.policy-meta { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: 1fr auto; padding-top: var(--ui-space-3); }
.policy-meta span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.policy-meta strong { font-size: var(--ui-text-xs); }
.routing-snapshot { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: 1fr 1fr; margin-top: var(--ui-space-5); padding-top: var(--ui-space-4); }
.routing-snapshot span { color: var(--ui-color-text-muted); display: grid; font-size: var(--ui-text-xs); }
.routing-snapshot strong { color: var(--ui-color-text); font-size: var(--ui-text-lg); }
.governance-table-section { padding: 0; }
.governance-table-section > .feature-section-header { padding: var(--ui-space-6); }
.governance-table-section .kui-data-table { border: 0; border-radius: 0 0 var(--ui-radius-md) var(--ui-radius-md); box-shadow: none; }
.routing-explorer > .feature-section-header { align-items: flex-start; border-bottom: 1px solid var(--ui-color-border); }
.routing-filterbar { align-items: flex-end; background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(0, 1fr); padding: var(--ui-space-5) var(--ui-space-6); }
.routing-filterbar__fields { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(8rem, 0.7fr)) repeat(2, minmax(9rem, 0.8fr)) minmax(12rem, 1.2fr); min-width: 0; }
.routing-filterbar__fields .kui-field { gap: var(--ui-space-1); min-width: 0; }
.routing-filterbar__actions { display: flex; gap: var(--ui-space-2); justify-content: flex-end; padding-bottom: 1px; }
.routing-model-filter { align-items: center; display: flex; min-width: 0; position: relative; }
.routing-model-filter > svg { color: var(--ui-color-text-subtle); left: var(--ui-space-3); pointer-events: none; position: absolute; }
.routing-model-filter input { min-width: 0; padding-left: 2.2rem; width: 100%; }
.routing-explorer > .kui-alert { border-left: 0; border-radius: 0; border-right: 0; margin: 0; }
.routing-decision-detail { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.routing-decision-detail__hero { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-4); }
.routing-decision-detail__hero > span { align-items: center; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.routing-decision-detail__hero > div { display: grid; min-width: 0; }
.routing-decision-detail__hero small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.routing-decision-detail__hero strong { font-size: var(--ui-text-lg); overflow-wrap: anywhere; }
.routing-decision-detail__hero p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: var(--ui-space-1) 0 0; }
.routing-decision-detail blockquote { background: var(--ui-color-accent-soft); border-left: 3px solid var(--ui-color-accent); color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: var(--ui-leading-body); margin: 0; overflow-wrap: anywhere; padding: var(--ui-space-3) var(--ui-space-4); }
.routing-decision-detail__grid { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; overflow: hidden; }
.routing-decision-detail__grid > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-height: 5rem; padding: var(--ui-space-4); }
.routing-decision-detail__grid > div:not(:nth-child(3n + 1)) { border-left: 1px solid var(--ui-color-border); }
.routing-decision-detail__grid > div:nth-child(n + 4) { border-top: 1px solid var(--ui-color-border); }
.routing-decision-detail__grid dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.035em; text-transform: uppercase; }
.routing-decision-detail__grid dd { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); margin: 0; overflow-wrap: anywhere; }
.routing-decision-detail__grid dd small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-regular); margin-top: var(--ui-space-1); }
.audit-evidence { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); min-width: 0; overflow: hidden; }
.audit-evidence__header { align-items: flex-start; display: flex; gap: var(--ui-space-6); justify-content: space-between; padding: var(--ui-space-6); }
.audit-evidence__header h2 { font-size: var(--ui-text-xl); margin: var(--ui-space-2) 0 0; }
.audit-evidence__header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: var(--ui-space-2) 0 0; max-width: 47rem; }
.audit-evidence__header-actions { align-items: center; display: flex; flex: 0 0 auto; gap: var(--ui-space-2); }
.audit-evidence__summary { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.audit-evidence__summary > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-4) var(--ui-space-5); }
.audit-evidence__summary > div + div { border-left: 1px solid var(--ui-color-border); }
.audit-evidence__summary dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.audit-evidence__summary dd { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-weight: var(--ui-weight-semibold); margin: 0; }
.audit-filterbar { background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-5); }
.audit-filterbar__title { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); }
.audit-filterbar__fields { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: 0.72fr 0.72fr 1.15fr 1.15fr; }
.audit-filterbar__fields .kui-field { gap: var(--ui-space-1); }
.audit-filterbar__actions { display: flex; gap: var(--ui-space-2); }
.audit-evidence__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.36fr); min-width: 0; }
.audit-ledger { border-right: 1px solid var(--ui-color-border); min-width: 0; }
.audit-ledger__heading,
.audit-export-panel__heading { align-items: center; display: flex; gap: var(--ui-space-4); justify-content: space-between; min-height: 4.5rem; padding: var(--ui-space-4) var(--ui-space-5); }
.audit-ledger__heading > div,
.audit-export-panel__heading > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.audit-ledger__heading strong,
.audit-export-panel__heading strong { font-size: var(--ui-text-sm); }
.audit-ledger__heading span,
.audit-export-panel__heading span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.audit-ledger__loading { align-items: center; display: inline-flex; gap: var(--ui-space-2); }
.audit-ledger__columns,
.audit-ledger__rows button { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: minmax(14rem, 1.4fr) minmax(8rem, 0.75fr) minmax(9rem, 0.75fr) minmax(7rem, 0.6fr) 1rem; }
.audit-ledger__columns { background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; padding: var(--ui-space-2) var(--ui-space-5); text-transform: uppercase; }
.audit-ledger__rows,
.audit-export-list { list-style: none; margin: 0; padding: 0; }
.audit-ledger__rows li + li { border-top: 1px solid var(--ui-color-border); }
.audit-ledger__rows button { background: transparent; color: var(--ui-color-text); cursor: pointer; min-height: 4rem; padding: var(--ui-space-3) var(--ui-space-5); text-align: left; width: 100%; }
.audit-ledger__rows button:hover { background: var(--ui-color-surface-subtle); }
.audit-ledger__rows button:focus-visible { box-shadow: inset var(--ui-focus-ring); outline: 0; }
.audit-ledger__rows button > svg { color: var(--ui-color-text-subtle); }
.audit-ledger__event { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); min-width: 0; }
.audit-ledger__event > i { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.audit-ledger__event > span { display: grid; min-width: 0; }
.audit-ledger__event strong { font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-ledger__event small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-ledger__actor { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-ledger__rows time { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.audit-ledger__rows code { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-ledger__footer { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; min-height: 4rem; padding: var(--ui-space-3) var(--ui-space-5); }
.audit-ledger__footer > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.audit-export-panel { background: color-mix(in srgb, var(--ui-color-surface-subtle) 62%, var(--ui-color-surface)); min-width: 0; }
.audit-export-panel__heading { border-bottom: 1px solid var(--ui-color-border); }
.audit-export-panel__live { align-items: center; background: var(--ui-color-accent-soft); border-bottom: 1px solid color-mix(in srgb, var(--ui-color-accent) 24%, var(--ui-color-border)); color: var(--ui-color-accent-text); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); padding: var(--ui-space-3) var(--ui-space-5); }
.audit-export-panel__live i { animation: audit-pulse 1.8s ease-in-out infinite; background: var(--ui-color-accent); border-radius: 50%; height: 0.4rem; margin-left: auto; width: 0.4rem; }
@keyframes audit-pulse { 50% { opacity: 0.3; transform: scale(0.72); } }
.audit-export-list > li { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); padding: var(--ui-space-4) var(--ui-space-5); }
.audit-export-list > li + li { border-top: 1px solid var(--ui-color-border); }
.audit-export-list__top { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; }
.audit-export-list__top > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.audit-export-list__top strong { font-size: var(--ui-text-xs); }
.audit-export-list__top small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-export-list__scope { align-items: flex-start; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-2xs); gap: var(--ui-space-2); line-height: 1.45; }
.audit-export-list__scope svg { flex: 0 0 auto; margin-top: 0.125rem; }
.audit-export-list__scope span { overflow-wrap: anywhere; }
.audit-export-list__icon { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.audit-export-list__icon.is-completed { color: var(--ui-color-success); }
.audit-export-list__icon.is-failed { color: var(--ui-color-danger); }
.audit-export-list__icon.is-running { color: var(--ui-color-accent); }
.audit-export-list dl { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin: 0; }
.audit-export-list dl > div { align-items: center; display: flex; gap: var(--ui-space-3); justify-content: space-between; }
.audit-export-list dt { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-2xs); gap: var(--ui-space-1); }
.audit-export-list dd { font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); margin: 0; text-align: right; }
.audit-export-list p { align-items: flex-start; color: var(--ui-color-danger); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); margin: 0; }
.audit-export-list p svg { flex: 0 0 auto; margin-top: 0.125rem; }
.audit-export-download { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-sm); color: var(--ui-color-text); display: inline-flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); justify-content: center; min-height: var(--ui-control-sm); padding: 0 var(--ui-space-3); text-decoration: none; }
.audit-export-download:hover { background: var(--ui-color-accent-soft); border-color: var(--ui-color-accent); color: var(--ui-color-accent-text); }
.audit-export-download:focus-visible { box-shadow: var(--ui-focus-ring); outline: 0; }
.audit-export-unavailable { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.audit-event-detail { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.audit-event-detail dl { border: 1px solid var(--ui-color-border); margin: 0; }
.audit-event-detail dl > div { align-items: flex-start; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: 7rem minmax(0, 1fr); padding: var(--ui-space-3) var(--ui-space-4); }
.audit-event-detail dl > div + div { border-top: 1px solid var(--ui-color-border); }
.audit-event-detail dt,
.audit-event-detail__excerpt > span,
.audit-event-detail__metadata > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.audit-event-detail dd { font-family: var(--ui-font-mono); font-size: var(--ui-text-xs); margin: 0; overflow-wrap: anywhere; }
.audit-event-detail__excerpt,
.audit-event-detail__metadata { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.audit-event-detail__excerpt p,
.audit-event-detail__metadata p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: 0; }
.audit-event-detail__metadata pre { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); font-size: var(--ui-text-xs); margin: 0; max-height: 16rem; overflow: auto; padding: var(--ui-space-4); white-space: pre-wrap; }
.audit-export-scope { border: 1px solid var(--ui-color-border); margin: 0; }
.audit-export-scope > div { align-items: flex-start; display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-4); }
.audit-export-scope > div + div { border-top: 1px solid var(--ui-color-border); }
.audit-export-scope dt { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); }
.audit-export-scope dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; max-width: 65%; overflow-wrap: anywhere; text-align: right; }
.tier-fieldset { border: 0; margin: 0; padding: 0; }
.tier-fieldset legend { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); margin-bottom: var(--ui-space-2); }
.tier-fieldset > div { display: flex; gap: var(--ui-space-2); }
.tier-fieldset button { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); color: var(--ui-color-text-muted); cursor: pointer; display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); min-height: var(--ui-control-md); padding: 0 var(--ui-space-3); }
.tier-fieldset button svg { opacity: 0; }
.tier-fieldset button.is-selected { background: var(--ui-color-accent-soft); border-color: var(--ui-color-accent); color: var(--ui-color-accent-text); }
.tier-fieldset button.is-selected svg { opacity: 1; }
.tier-fieldset small { color: var(--ui-color-danger); display: block; font-size: var(--ui-text-xs); margin-top: var(--ui-space-2); }

/* Usage */
.usage-overview-grid { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr); }
.cost-chart-legend { align-items: center; color: var(--ui-color-text-muted); display: flex; flex-wrap: wrap; font-size: var(--ui-text-xs); gap: var(--ui-space-4); justify-content: flex-end; }
.cost-chart-legend span { align-items: center; display: inline-flex; gap: var(--ui-space-2); white-space: nowrap; }
.cost-chart-legend i { background: var(--ui-color-purple); border-radius: 0.2rem; height: 0.75rem; width: 0.75rem; }
.cost-chart-legend i.is-actual { background: var(--ui-color-accent); }
.daily-usage-chart { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); margin-top: var(--ui-space-5); min-width: 0; }
.daily-chart-summary { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: flex; gap: var(--ui-space-5); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-4); }
.daily-chart-summary dl { display: flex; flex-wrap: wrap; gap: var(--ui-space-6); margin: 0; }
.daily-chart-summary dl > div { display: grid; grid-gap: 0.125rem; gap: 0.125rem; }
.daily-chart-summary dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.daily-chart-summary dd { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-bold); margin: 0; }
.daily-chart-summary > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); white-space: nowrap; }
.daily-chart-scroll { max-width: 100%; min-width: 0; overflow-x: auto; padding: var(--ui-space-2) var(--ui-space-1) var(--ui-space-3); scrollbar-color: var(--ui-color-border-strong) transparent; }
.daily-chart-scroll:focus-visible { border-radius: var(--ui-radius-sm); outline: 2px solid var(--ui-color-accent); outline-offset: 2px; }
.daily-chart-bars { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); height: 15.5rem; list-style: none; margin: 0; padding: 0; width: 100%; }
.daily-chart-bars li { align-items: stretch; display: grid; grid-gap: 0.2rem; gap: 0.2rem; grid-template-rows: minmax(10rem, 1fr) auto auto; min-width: 0; text-align: center; }
.daily-chart-bar-track { align-items: flex-end; background: repeating-linear-gradient(to top, var(--ui-color-border) 0 1px, transparent 1px 25%); border-bottom: 1px solid var(--ui-color-border-strong); display: flex; gap: 0.2rem; justify-content: center; min-height: 10rem; padding: 0 var(--ui-space-1); }
.daily-chart-bar-track i { background: var(--ui-color-purple); border-radius: 0.25rem 0.25rem 0 0; display: block; max-width: 0.85rem; min-width: 0; transition: height var(--ui-duration-normal) var(--ui-ease-standard); width: 35%; }
.daily-chart-bar-track i.is-actual { background: var(--ui-color-accent); }
.daily-chart-bars li > span:not(.sr-only) { color: var(--ui-color-text); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); white-space: nowrap; }
.daily-chart-bars li > small { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); white-space: nowrap; }
.spend-comparison { align-items: stretch; display: grid; grid-gap: var(--ui-space-6); gap: var(--ui-space-6); grid-template-columns: 1fr 15rem; margin-top: var(--ui-space-5); }
.comparison-bars { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.comparison-bars > div { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: 1fr auto; }
.comparison-bars span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.comparison-bars strong { font-size: var(--ui-text-sm); }
.comparison-bars i { background: var(--ui-color-purple); grid-column: 1 / -1; height: 0.5rem; min-width: 0.2rem; }
.comparison-bars i.is-actual { background: var(--ui-color-accent); }
.savings-callout { align-items: flex-start; border: 1px solid color-mix(in srgb, var(--ui-color-success) 34%, var(--ui-color-border)); border-radius: var(--ui-radius-md); color: var(--ui-color-success); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr; padding: var(--ui-space-4); }
.savings-callout > span { align-items: center; border: 1px solid color-mix(in srgb, var(--ui-color-success) 34%, var(--ui-color-border)); border-radius: var(--ui-radius-sm); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.savings-callout small { display: block; font-size: var(--ui-text-xs); }
.savings-callout strong { display: block; font-size: var(--ui-text-xl); }
.savings-callout p { color: color-mix(in srgb, var(--ui-color-success) 80%, var(--ui-color-text)); font-size: var(--ui-text-xs); margin: var(--ui-space-2) 0 0; }
.billing-summary { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); margin-top: var(--ui-space-5); }
.plan-badge { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr; padding: var(--ui-space-4); }
.plan-badge > span { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-purple); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.plan-badge small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.plan-badge strong { display: block; font-size: var(--ui-text-lg); }
.plan-badge p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.billing-summary dl { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin: 0; }
.billing-summary dl > div { align-items: center; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.billing-summary dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.billing-summary dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; text-align: right; }
.latest-invoice { align-items: center; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr; padding-top: var(--ui-space-4); }
.latest-invoice > span { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-orange); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.latest-invoice small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); }
.latest-invoice strong { font-size: var(--ui-text-md); }
.latest-invoice p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.provider-usage-list { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); margin-top: var(--ui-space-5); }
.provider-usage-list article { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(12rem, 1fr) auto; padding: var(--ui-space-4); }
.provider-mark { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-sm); font-weight: var(--ui-weight-bold); height: 2.5rem; justify-content: center; width: 2.5rem; }
.provider-usage-main { min-width: 0; }
.provider-usage-main > div:first-child { align-items: center; display: flex; justify-content: space-between; }
.provider-usage-main strong { font-size: var(--ui-text-sm); }
.provider-usage-main span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.provider-bar { background: var(--ui-color-accent-soft); height: 0.35rem; margin-top: var(--ui-space-2); overflow: hidden; }
.provider-bar i { background: var(--ui-color-accent); border-radius: inherit; display: block; height: 100%; }
.provider-usage-list dl { display: flex; gap: var(--ui-space-5); margin: 0; }
.provider-usage-list dl > div { display: grid; text-align: right; }
.provider-usage-list dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.provider-usage-list dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; }
.budget-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--ui-space-5); }
.budget-stale-alert { margin-top: var(--ui-space-4); }
.budget-pagination { align-items: center; border-top: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); justify-content: space-between; margin-top: var(--ui-space-5); padding-top: var(--ui-space-4); }
.budget-card { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); min-width: 0; padding: var(--ui-space-5); }
.budget-card[data-state="soft_threshold"] { border-color: color-mix(in srgb, var(--ui-color-warning) 38%, var(--ui-color-border)); }
.budget-card[data-state="cap_reached"] { border-color: color-mix(in srgb, var(--ui-color-danger) 42%, var(--ui-color-border)); }
.budget-card[data-state="disabled"] { background: color-mix(in srgb, var(--ui-color-surface-subtle) 48%, var(--ui-color-surface)); }
.budget-card-header { align-items: start; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; }
.budget-card-header > span:first-child { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.budget-card-header > div { display: grid; min-width: 0; }
.budget-card-header strong { font-size: var(--ui-text-sm); }
.budget-card-header small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); min-width: 0; overflow-wrap: anywhere; }
.budget-principal { color: var(--ui-color-text) !important; margin-top: 0.1rem; }
.budget-amount-row { align-items: flex-end; display: flex; gap: var(--ui-space-3); justify-content: space-between; }
.budget-amount-row > div { display: grid; }
.budget-amount-row small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.budget-amount-row strong { font-size: var(--ui-text-xl); line-height: 1.15; }
.budget-amount-row > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); padding-bottom: 0.15rem; }
.budget-card-details { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: var(--ui-space-3) 0; }
.budget-card-details > div { display: grid; grid-gap: 0.1rem; gap: 0.1rem; }
.budget-card-details > div + div { border-left: 1px solid var(--ui-color-border); padding-left: var(--ui-space-4); }
.budget-card-details dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.budget-card-details dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; }
.budget-window { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: calc(var(--ui-space-2) * -1) 0 0; }
.budget-card footer { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-3); justify-content: space-between; }
.budget-card-actions { align-items: center; display: flex; gap: var(--ui-space-1); }
.budget-dialog-context { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); display: grid; grid-gap: 0.1rem; gap: 0.1rem; padding: var(--ui-space-3); }
.budget-dialog-context strong { font-size: var(--ui-text-sm); }
.budget-dialog-context span { font-size: var(--ui-text-xs); overflow-wrap: anywhere; }
.budget-dialog-context small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.budget-review { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); margin: 0; }
.budget-review > div { align-items: baseline; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: 7rem minmax(0, 1fr); }
.budget-review dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.budget-review dd { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); margin: 0; overflow-wrap: anywhere; text-align: right; }
.usage-section .kui-data-table { border: 0; box-shadow: none; margin: var(--ui-space-5) calc(var(--ui-space-6) * -1) calc(var(--ui-space-6) * -1); }

/* Settings */
.settings-subnav { align-items: stretch; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: flex; max-width: 100%; min-width: 0; overflow-x: auto; padding: var(--ui-space-1); position: -webkit-sticky; position: sticky; top: calc(var(--ui-topbar-height) + var(--ui-space-3)); z-index: 20; }
.settings-subnav-group { align-items: center; display: flex; flex: 0 0 auto; gap: var(--ui-space-1); padding: 0 var(--ui-space-1); }
.settings-subnav-group + .settings-subnav-group { border-left: 1px solid var(--ui-color-border); margin-left: var(--ui-space-1); padding-left: var(--ui-space-2); }
.settings-subnav-group > span { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); letter-spacing: 0.07em; padding: 0 var(--ui-space-2); text-transform: uppercase; white-space: nowrap; }
.settings-subnav a { border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); padding: var(--ui-space-2) var(--ui-space-3); white-space: nowrap; }
.settings-subnav a:hover { background: var(--ui-color-surface-subtle); color: var(--ui-color-text); }
.governance-subnav { margin-bottom: calc(-1 * var(--ui-space-3)); }
.governance-layout [id="governance-overview"],
.governance-layout [id="dlp-policy"],
.governance-layout [id="routing-policy"],
.governance-layout [id="routing-evidence"],
.governance-layout [id="audit-evidence"] { scroll-margin-top: calc(var(--ui-topbar-height) + 4.75rem); }
.governance-anchor-section { min-width: 0; }
.settings-section { scroll-margin-top: calc(var(--ui-topbar-height) + 5rem); }
.settings-section-primary { border-color: var(--ui-color-border-strong); }
.settings-primary-header { align-items: flex-end; border-bottom: 1px solid var(--ui-color-border); padding-bottom: var(--ui-space-5); }
.settings-area { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); min-width: 0; }
.settings-area-header { align-items: flex-end; border-bottom: 1px solid var(--ui-color-border-strong); display: flex; gap: var(--ui-space-5); justify-content: space-between; padding: 0 var(--ui-space-1) var(--ui-space-4); }
.settings-area-header h2 { font-family: var(--ui-font-display); font-size: clamp(1.65rem, 3vw, 2.2rem); font-weight: 500; letter-spacing: -0.045em; margin: var(--ui-space-2) 0 0; }
.settings-area-header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-2) 0 0; max-width: 42rem; }
.settings-area-sections { display: grid; grid-gap: var(--ui-space-6); gap: var(--ui-space-6); }
.settings-section-copy { margin-bottom: var(--ui-space-5); }
.settings-personal-grid { align-items: stretch; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.3fr); margin-top: var(--ui-space-5); }
.settings-personal-grid > * { min-width: 0; }
.settings-personal-grid .account-security-card { border-color: var(--ui-color-border); border-radius: var(--ui-radius-md); height: 100%; }
.settings-calendar-header { align-items: flex-start; }
.calendar-return-notice { margin-top: var(--ui-space-5); }
.calendar-connection-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--ui-space-5); }
.calendar-connection-card { border: 1px solid var(--ui-color-border); display: flex; flex-direction: column; min-width: 0; padding: var(--ui-space-4); }
.calendar-connection-card > header { align-items: start; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; }
.calendar-provider-icon { align-items: center; border: 1px solid var(--ui-color-border-strong); color: var(--ui-color-purple); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.calendar-connection-card h4 { font-size: var(--ui-text-sm); margin: 0; }
.calendar-connection-card header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.calendar-connection-detail { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin: var(--ui-space-4) 0; padding: var(--ui-space-3) 0; }
.calendar-connection-detail strong { font-size: var(--ui-text-xs); overflow-wrap: anywhere; }
.calendar-connection-detail span { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-2xs); gap: var(--ui-space-2); }
.calendar-connection-card > footer { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); margin-top: auto; }
.calendar-browser { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); margin-top: var(--ui-space-5); min-width: 0; padding-top: var(--ui-space-5); }
.calendar-browser__header { align-items: flex-start; display: flex; gap: var(--ui-space-4); justify-content: space-between; min-width: 0; }
.calendar-browser__header > div { min-width: 0; }
.calendar-browser__header h3 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.035em; margin: var(--ui-space-2) 0 0; }
.calendar-browser__header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.55; margin: var(--ui-space-2) 0 0; max-width: 48rem; }
.calendar-browser-loading { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-3); min-width: 0; padding: var(--ui-space-4); }
.calendar-browser-loading > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.calendar-browser-loading strong { font-size: var(--ui-text-sm); }
.calendar-browser-loading span:not(.kui-spinner) { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.calendar-browser-reconnect { margin-top: var(--ui-space-4); }
.calendar-catalog-warning { margin-top: 0; }
.calendar-catalog-freshness { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); margin: 0; }
.calendar-selection-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.calendar-selection-card { border: 1px solid var(--ui-color-border); display: flex; flex-direction: column; margin: 0; min-inline-size: 0; padding: var(--ui-space-4); }
.calendar-selection-card > legend { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; letter-spacing: -0.025em; max-width: 100%; padding: 0 var(--ui-space-2); }
.calendar-selection-card__heading { align-items: flex-start; display: flex; gap: var(--ui-space-3); justify-content: space-between; min-width: 0; }
.calendar-selection-card__heading p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: 0; max-width: 32rem; }
.calendar-selection-card__heading > .kui-badge { flex: 0 0 auto; }
.calendar-selection-list { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; margin: var(--ui-space-4) 0; max-height: 22rem; overflow: auto; overscroll-behavior: contain; }
.calendar-selection-list > label { align-items: center; cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-3); }
.calendar-selection-list > label + label { border-top: 1px solid var(--ui-color-border); }
.calendar-selection-list > label:hover { background: var(--ui-color-surface-subtle); }
.calendar-selection-list > label:has(input:disabled) { cursor: not-allowed; opacity: 0.62; }
.calendar-selection-list input { accent-color: var(--ui-color-accent); height: 1.125rem; margin: 0; width: 1.125rem; }
.calendar-selection-list input:focus-visible { box-shadow: var(--ui-focus-ring); outline: none; }
.calendar-selection-list label > span:not(.kui-badge) { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.calendar-selection-list > label > .calendar-source-badges { align-items: flex-end; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.calendar-selection-list strong { font-size: var(--ui-text-xs); overflow-wrap: anywhere; }
.calendar-selection-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.calendar-selection-limit { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.45; margin: 0 0 var(--ui-space-3); }
.calendar-selection-error,
.calendar-availability-error { color: var(--ui-color-danger); font-size: var(--ui-text-xs); line-height: 1.45; margin: 0 0 var(--ui-space-3); }
.calendar-selection-card > footer { align-items: center; display: flex; gap: var(--ui-space-3); justify-content: space-between; margin-top: auto; }
.calendar-selection-card > footer > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.calendar-selection-repair { margin-top: 0; }
.calendar-availability { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); min-width: 0; padding: var(--ui-space-5); }
.calendar-availability > header,
.calendar-availability-results > header { align-items: flex-start; display: flex; gap: var(--ui-space-4); justify-content: space-between; min-width: 0; }
.calendar-availability h4 { font-size: var(--ui-text-md); margin: 0; }
.calendar-availability > header p,
.calendar-availability-results > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: var(--ui-space-1) 0 0; max-width: 44rem; }
.calendar-availability form { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); min-width: 0; padding: var(--ui-space-4); }
.calendar-availability-fields { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; }
.calendar-availability-fields > * { min-width: 0; }
.calendar-availability-actions { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding-top: var(--ui-space-3); }
.calendar-availability-actions p { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-2xs); gap: var(--ui-space-2); margin: 0; }
.calendar-availability-results { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); min-width: 0; outline: none; }
.calendar-availability-results:focus-visible { box-shadow: var(--ui-focus-ring); }
.calendar-interval-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.calendar-interval-grid > section { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); min-width: 0; padding: var(--ui-space-4); }
.calendar-interval-grid h5 { font-size: var(--ui-text-sm); margin: 0 0 var(--ui-space-3); }
.calendar-interval-grid ol { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); list-style: none; margin: 0; padding: 0; }
.calendar-interval-grid li { align-items: flex-start; border-bottom: 1px solid var(--ui-color-border); display: grid; font-size: var(--ui-text-xs); grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: auto minmax(0, 1fr); min-width: 0; padding-bottom: var(--ui-space-2); }
.calendar-interval-grid li:last-child { border-bottom: 0; padding-bottom: 0; }
.calendar-interval-grid li svg { color: var(--ui-color-accent); margin-top: 0.1rem; }
.calendar-interval-grid time { overflow-wrap: anywhere; }
.calendar-interval-grid section > p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: 0; }
.calendar-availability-boundary { align-items: flex-start; color: var(--ui-color-text-muted); display: grid; font-size: var(--ui-text-2xs); grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: auto minmax(0, 1fr); line-height: 1.5; margin: 0; }
.calendar-page { max-width: 100%; }
.calendar-workspace { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); min-width: 0; }
.calendar-workspace-state { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); min-height: 24rem; padding: var(--ui-space-7); }
.calendar-workspace-toolbar { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-3); }
.calendar-view-switcher { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: inline-flex; min-width: 0; padding: 0.1875rem; }
.calendar-view-switcher button { background: transparent; border: 0; color: var(--ui-color-text-muted); cursor: pointer; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); min-height: 2.25rem; padding: 0 var(--ui-space-3); text-transform: capitalize; }
.calendar-view-switcher button:hover { color: var(--ui-color-text); }
.calendar-view-switcher button[aria-pressed="true"] { background: var(--ui-color-surface); box-shadow: 0 0 0 1px var(--ui-color-border-strong); color: var(--ui-color-accent-text); }
.calendar-view-switcher button:focus-visible { box-shadow: var(--ui-focus-ring); outline: none; position: relative; z-index: 1; }
.calendar-date-navigation { align-items: center; display: flex; gap: var(--ui-space-2); justify-content: center; min-width: 0; }
.calendar-date-navigation label { display: inline-flex; min-width: 0; }
.calendar-date-navigation input { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); color: var(--ui-color-text); font: inherit; font-size: var(--ui-text-xs); min-height: 2.25rem; padding: 0 var(--ui-space-3); }
.calendar-date-navigation input:focus-visible { box-shadow: var(--ui-focus-ring); outline: none; }
.calendar-workspace-status { align-items: flex-end; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-5); justify-content: space-between; min-width: 0; padding: var(--ui-space-2) 0 var(--ui-space-4); }
.calendar-workspace-status h2 { font-family: var(--ui-font-display); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 500; letter-spacing: -0.035em; margin: var(--ui-space-2) 0 0; }
.calendar-workspace-status > div + div { align-items: center; color: var(--ui-color-text-muted); display: flex; flex-wrap: wrap; font-size: var(--ui-text-2xs); gap: var(--ui-space-2) var(--ui-space-3); justify-content: flex-end; }
.calendar-workspace-layout { align-items: start; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr); min-width: 0; }
.calendar-catalogue { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); display: grid; min-width: 0; position: -webkit-sticky; position: sticky; top: var(--ui-space-4); }
.calendar-catalogue > header { align-items: flex-start; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-3); justify-content: space-between; padding: var(--ui-space-4); }
.calendar-catalogue h2 { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; letter-spacing: -0.025em; margin: var(--ui-space-2) 0 0; }
.calendar-catalogue > p { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); line-height: 1.55; margin: 0; padding: var(--ui-space-3) var(--ui-space-4); }
.calendar-catalogue-list { border-top: 1px solid var(--ui-color-border); display: grid; max-height: 33rem; overflow: auto; overscroll-behavior: contain; }
.calendar-catalogue-list > label { align-items: start; cursor: pointer; display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: 1rem 1.25rem minmax(0, 1fr); min-width: 0; padding: var(--ui-space-3) var(--ui-space-4); }
.calendar-catalogue-list > label + label { border-top: 1px solid var(--ui-color-border); }
.calendar-catalogue-list > label:hover { background: var(--ui-color-surface-subtle); }
.calendar-catalogue-list > label[data-disabled="true"] { cursor: default; opacity: 0.68; }
.calendar-catalogue-list input { height: 1rem; margin: 0.125rem 0 0; opacity: 0; position: absolute; width: 1rem; }
.calendar-catalogue-list input:focus-visible + .calendar-source-mark { box-shadow: var(--ui-focus-ring); }
.calendar-source-mark { align-items: center; border: 1px solid var(--ui-color-border-strong); display: flex; height: 1.125rem; justify-content: center; margin-top: 0.0625rem; width: 1.125rem; }
.calendar-source-mark[data-provider="google"] { background: color-mix(in srgb, var(--ui-color-accent) 12%, var(--ui-color-surface)); color: var(--ui-color-accent); }
.calendar-source-mark[data-provider="microsoft"] { background: color-mix(in srgb, var(--ui-color-purple) 12%, var(--ui-color-surface)); color: var(--ui-color-purple); }
.calendar-catalogue-list label > span:last-child { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.calendar-catalogue-list strong { font-size: var(--ui-text-xs); overflow-wrap: anywhere; }
.calendar-catalogue-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); line-height: 1.4; }
.calendar-source-badges { display: flex; flex-wrap: wrap; gap: var(--ui-space-1); margin-top: var(--ui-space-2); }
.calendar-source-badges .kui-badge { font-size: 0.625rem; }
.calendar-catalogue > footer { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; flex-wrap: wrap; gap: var(--ui-space-2); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-4); }
.calendar-catalogue > footer span,
.calendar-catalogue > footer a { align-items: center; display: inline-flex; font-size: var(--ui-text-2xs); gap: var(--ui-space-1); }
.calendar-catalogue > footer span { color: var(--ui-color-text-muted); }
.calendar-catalogue > footer a { color: var(--ui-color-accent-text); font-weight: var(--ui-weight-semibold); }
.calendar-catalogue-loading { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); min-height: 10rem; padding: var(--ui-space-4); position: static; }
.calendar-sample-source-list { border-top: 1px solid var(--ui-color-border); display: grid; }
.calendar-sample-source-list > label { align-items: start; cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: 1.25rem minmax(0, 1fr); min-width: 0; padding: var(--ui-space-3) var(--ui-space-4); }
.calendar-sample-source-list > label:hover { background: var(--ui-color-surface-subtle); }
.calendar-sample-source-list > label + label { border-top: 1px solid var(--ui-color-border); }
.calendar-sample-source-list > label > input { height: 1rem; opacity: 0; position: absolute; width: 1rem; }
.calendar-sample-source-list > label > input:focus-visible + .calendar-source-mark { box-shadow: var(--ui-focus-ring); }
.calendar-sample-source-list > label > span:last-child { align-items: center; display: grid; grid-gap: 0.125rem var(--ui-space-2); gap: 0.125rem var(--ui-space-2); grid-template-columns: minmax(0, 1fr) auto; min-width: 0; }
.calendar-sample-source-list > label > span:last-child > strong,
.calendar-sample-source-list > label > span:last-child > small { grid-column: 1; }
.calendar-sample-source-list .kui-badge { grid-column: 2; grid-row: 1 / span 2; }
.calendar-sample-source-list strong { font-size: var(--ui-text-xs); overflow-wrap: anywhere; }
.calendar-sample-source-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); line-height: 1.4; }
.calendar-sample-workspace .calendar-agent-panel > footer { justify-content: flex-end; }
.calendar-schedule { min-width: 0; }
.calendar-schedule-loading { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); display: flex; gap: var(--ui-space-3); min-height: 20rem; justify-content: center; padding: var(--ui-space-6); }
.calendar-schedule-loading > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.calendar-schedule-loading strong { color: var(--ui-color-text); font-size: var(--ui-text-sm); }
.calendar-schedule-loading span { font-size: var(--ui-text-xs); }
.calendar-agenda-groups { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.calendar-agenda-groups > section { min-width: 0; }
.calendar-agenda-groups > section > header { align-items: baseline; border-bottom: 1px solid var(--ui-color-border-strong); display: flex; gap: var(--ui-space-3); justify-content: space-between; padding-bottom: var(--ui-space-2); }
.calendar-agenda-groups h3 { font-size: var(--ui-text-sm); margin: 0; }
.calendar-agenda-groups > section > header span { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.calendar-day-events { display: grid; }
.calendar-event-card { align-items: center; background: var(--ui-color-surface); border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: 0.1875rem minmax(7rem, 10rem) minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-3) 0; position: relative; }
.calendar-event-accent { align-self: stretch; background: var(--ui-color-accent); width: 0.1875rem; }
.calendar-event-card[data-provider="microsoft"] .calendar-event-accent { background: var(--ui-color-purple); }
.calendar-event-card[data-availability="free"] .calendar-event-accent { background: var(--ui-color-text-subtle); }
.calendar-event-card[data-all-day="true"] { background: color-mix(in srgb, var(--ui-color-accent) 4%, var(--ui-color-surface)); }
.calendar-event-time { align-items: flex-start; color: var(--ui-color-text-muted); display: grid; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); grid-gap: var(--ui-space-1); gap: var(--ui-space-1); grid-template-columns: auto minmax(0, 1fr); line-height: 1.45; min-width: 0; }
.calendar-event-time svg { margin-top: 0.0625rem; }
.calendar-event-copy { display: grid; grid-gap: 0.1875rem; gap: 0.1875rem; min-width: 0; }
.calendar-event-copy h4 { font-size: var(--ui-text-xs); margin: 0; overflow-wrap: anywhere; }
.calendar-event-copy p { align-items: center; color: var(--ui-color-text-muted); display: flex; flex-wrap: wrap; font-size: var(--ui-text-2xs); gap: var(--ui-space-1); margin: 0; }
.calendar-event-location { color: var(--ui-color-text-subtle) !important; }
.calendar-event-actions { align-items: center; display: flex; gap: var(--ui-space-2); padding-right: var(--ui-space-2); }
.calendar-event-actions > a { align-items: center; color: var(--ui-color-accent-text); display: inline-flex; height: 2rem; justify-content: center; width: 2rem; }
.calendar-event-actions > a:focus-visible { box-shadow: var(--ui-focus-ring); outline: none; }
.calendar-events-empty { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); min-height: 20rem; }
.calendar-week-board { border-left: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(7, minmax(9rem, 1fr)); min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; }
.calendar-week-board:focus-visible,
.calendar-month-board:focus-visible { border-radius: var(--ui-radius-sm); outline: 2px solid var(--ui-color-brand); outline-offset: 2px; }
.calendar-week-board > section { background: var(--ui-color-surface); border-bottom: 1px solid var(--ui-color-border); border-right: 1px solid var(--ui-color-border); min-height: 26rem; min-width: 0; }
.calendar-week-board > section > header { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: flex; justify-content: space-between; padding: var(--ui-space-3); }
.calendar-week-board > section[data-selected="true"] > header { background: color-mix(in srgb, var(--ui-color-accent) 8%, var(--ui-color-surface)); box-shadow: inset 0 -0.125rem 0 var(--ui-color-accent); }
.calendar-week-board > section > header span { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.calendar-week-board > section > header strong { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; }
.calendar-week-board > section > div { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); padding: var(--ui-space-2); }
.calendar-week-board .calendar-event-card { align-items: start; border: 1px solid var(--ui-color-border); gap: var(--ui-space-2); grid-template-columns: 0.125rem minmax(0, 1fr); padding: var(--ui-space-2); }
.calendar-week-board .calendar-event-time,
.calendar-week-board .calendar-event-copy,
.calendar-week-board .calendar-event-actions { grid-column: 2; }
.calendar-week-board .calendar-event-actions { justify-content: space-between; padding: 0; }
.calendar-week-board > section > div > p { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); margin: var(--ui-space-2); }
.calendar-month-board { background: var(--ui-color-surface); border-left: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; }
.calendar-month-weekdays,
.calendar-month-grid { display: grid; grid-template-columns: repeat(7, minmax(6.5rem, 1fr)); min-width: 45.5rem; }
.calendar-month-weekdays span { border-bottom: 1px solid var(--ui-color-border); border-right: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); padding: var(--ui-space-2) var(--ui-space-3); text-transform: uppercase; }
.calendar-month-grid { overflow: hidden; }
.calendar-month-grid > button,
.calendar-month-blank { background: var(--ui-color-surface); border: 0; border-bottom: 1px solid var(--ui-color-border); border-right: 1px solid var(--ui-color-border); color: var(--ui-color-text); min-height: 8.25rem; min-width: 0; padding: var(--ui-space-2); text-align: left; }
.calendar-month-grid > button { cursor: pointer; display: flex; flex-direction: column; gap: var(--ui-space-1); }
.calendar-month-grid > button:hover { background: var(--ui-color-surface-subtle); }
.calendar-month-grid > button[data-selected="true"] { background: color-mix(in srgb, var(--ui-color-accent) 7%, var(--ui-color-surface)); }
.calendar-month-grid > button:focus-visible { box-shadow: inset var(--ui-focus-ring); outline: none; }
.calendar-month-grid > button > strong { align-items: center; display: flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-xs); height: 1.75rem; justify-content: center; width: 1.75rem; }
.calendar-month-grid > button > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; width: 100%; }
.calendar-month-grid > button > span > span { border-left: 0.1875rem solid var(--ui-color-accent); font-size: var(--ui-text-2xs); overflow: hidden; padding: 0.1875rem var(--ui-space-1); text-overflow: ellipsis; white-space: nowrap; }
.calendar-month-grid > button > span > span[data-provider="microsoft"] { border-left-color: var(--ui-color-purple); }
.calendar-month-grid > button > small { color: var(--ui-color-text-muted); font-size: 0.625rem; }
.calendar-month-blank { background: var(--ui-color-surface-subtle); }
.calendar-agent-panel { background: linear-gradient(135deg, color-mix(in srgb, var(--ui-color-purple) 8%, var(--ui-color-surface)) 0%, var(--ui-color-surface) 55%); border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-5); }
.calendar-agent-panel > div:first-child { align-items: start; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); }
.calendar-agent-icon { align-items: center; border: 1px solid color-mix(in srgb, var(--ui-color-purple) 35%, var(--ui-color-border)); color: var(--ui-color-purple); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.calendar-agent-panel h2 { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; letter-spacing: -0.025em; margin: 0; }
.calendar-agent-panel p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.55; margin: var(--ui-space-1) 0 0; max-width: 58rem; }
.calendar-agent-actions { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.calendar-agent-actions > a { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: minmax(0, 1fr) auto; padding: var(--ui-space-3); }
.calendar-agent-actions > a:hover { border-color: var(--ui-color-border-strong); }
.calendar-agent-actions > a > span { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.calendar-agent-actions strong { font-size: var(--ui-text-xs); }
.calendar-agent-actions small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.calendar-agent-actions svg { color: var(--ui-color-purple); }
.calendar-agent-panel > footer { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; flex-wrap: wrap; gap: var(--ui-space-3); justify-content: space-between; padding-top: var(--ui-space-3); }
.calendar-agent-panel > footer span,
.calendar-agent-panel > footer a { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-2xs); gap: var(--ui-space-1); }
.calendar-agent-panel > footer a { color: var(--ui-color-accent-text); font-weight: var(--ui-weight-semibold); }
@media (prefers-reduced-motion: reduce) {
  .calendar-browser .kui-spinner,
  .calendar-workspace .kui-spinner { animation: none; }
}
.calendar-privacy-note { align-items: start; background: var(--ui-color-surface-subtle); border-left: 0.1875rem solid var(--ui-color-accent); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); margin-top: var(--ui-space-4); padding: var(--ui-space-3) var(--ui-space-4); }
.calendar-privacy-note > svg { color: var(--ui-color-accent); margin-top: 0.125rem; }
.calendar-privacy-note p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: 0; }
.calendar-privacy-note strong { color: var(--ui-color-text); }
.settings-card { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); min-width: 0; padding: var(--ui-space-5); }
.settings-profile-card { display: flex; flex-direction: column; }
.settings-profile-card footer { margin-top: auto; }
.settings-workspace-card { max-width: 48rem; }
.settings-card-header { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; }
.settings-icon { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.settings-icon.is-purple { color: var(--ui-color-purple); }
.settings-card-header h3,
.settings-card-header h4 { font-size: var(--ui-text-md); margin: 0; }
.settings-card-header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0.125rem 0 0; }
.identity-card dl { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); margin: var(--ui-space-5) 0 0; }
.identity-card dl > div { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: 7rem minmax(0, 1fr); min-width: 0; padding-bottom: var(--ui-space-3); }
.identity-card dl > div:last-child { border-bottom: 0; padding-bottom: 0; }
.identity-card dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.identity-card dd { align-items: center; display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); margin: 0; min-width: 0; overflow-wrap: anywhere; }
.identity-card footer { align-items: center; border-top: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); margin-top: var(--ui-space-5); padding-top: var(--ui-space-3); }
.showcase-identity { background: linear-gradient(145deg, color-mix(in srgb, var(--ui-color-purple) 5%, var(--ui-color-surface)) 0%, var(--ui-color-surface) 42%); border-color: var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); overflow: hidden; }
.showcase-identity__header { align-items: flex-start; }
.showcase-identity__header h2 { font-family: var(--ui-font-display); font-size: clamp(1.55rem, 3vw, 2rem); font-weight: 500; letter-spacing: -0.04em; margin: var(--ui-space-2) 0 0; }
.showcase-identity__header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.6; margin: var(--ui-space-2) 0 0; max-width: 49rem; }
.showcase-identity__control-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.showcase-identity__control-grid > article { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); display: flex; flex-direction: column; min-width: 0; padding: var(--ui-space-4); }
.showcase-identity__control-grid > article > header { align-items: start; display: grid; grid-gap: var(--ui-space-2) var(--ui-space-3); gap: var(--ui-space-2) var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); }
.showcase-identity__control-grid > article > header > span { align-items: center; border: 1px solid var(--ui-color-border-strong); color: var(--ui-color-purple); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.showcase-identity__control-grid > article > header > .kui-badge { grid-column: 2; justify-self: start; max-width: 100%; white-space: normal; width: auto; }
.showcase-identity__control-grid h3 { font-size: var(--ui-text-sm); margin: 0; }
.showcase-identity__control-grid small { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.05em; text-transform: uppercase; }
.showcase-identity__control-grid > article > p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.55; margin: var(--ui-space-4) 0; }
.showcase-identity__control-boundary { align-items: flex-start; background: var(--ui-color-surface-subtle); border-left: 0.1875rem solid var(--ui-color-accent); color: var(--ui-color-text-muted); display: grid; font-size: var(--ui-text-2xs); grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: auto minmax(0, 1fr); line-height: 1.55; margin-bottom: var(--ui-space-4); padding: var(--ui-space-3); }
.showcase-identity__control-boundary svg { color: var(--ui-color-accent); margin-top: 0.1rem; }
.showcase-identity__control-grid > article > a,
.showcase-identity__restricted { align-items: center; color: var(--ui-color-accent-text); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); margin-top: auto; }
.showcase-identity__restricted { color: var(--ui-color-text-muted); }
.showcase-identity__control-grid dl { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin: auto 0 0; padding-top: var(--ui-space-3); }
.showcase-identity__control-grid dl > div { align-items: baseline; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: minmax(0, 1fr) auto; }
.showcase-identity__control-grid dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.showcase-identity__control-grid dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; text-align: right; }
.showcase-identity__profiles { border-top: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding-top: var(--ui-space-5); }
.showcase-identity__profiles > header { align-items: flex-start; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.showcase-identity__profiles > header h3 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; margin: var(--ui-space-2) 0 0; }
.showcase-identity__profiles > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.55; margin: var(--ui-space-2) 0 0; }
.showcase-identity__profile-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.showcase-identity__profile-grid > article { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); display: flex; flex-direction: column; min-width: 0; padding: var(--ui-space-4); }
.showcase-identity__profile-grid > article.is-current { border-color: var(--ui-color-accent); box-shadow: inset 0 0 0 1px var(--ui-color-accent); }
.showcase-identity__profile-heading { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; }
.showcase-identity__profile-heading > span { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); color: var(--ui-color-purple); display: flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-sm); font-weight: var(--ui-weight-bold); height: 2.5rem; justify-content: center; width: 2.5rem; }
.showcase-identity__profile-heading h4 { font-size: var(--ui-text-sm); margin: 0; }
.showcase-identity__profile-heading small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.showcase-identity__profiles article > p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.55; margin: var(--ui-space-4) 0; }
.showcase-identity__profiles article > footer { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin-top: auto; padding-top: var(--ui-space-3); }
.showcase-identity__profiles article > footer strong { font-size: var(--ui-text-xs); }
.showcase-identity__profiles article > footer span { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-2xs); gap: var(--ui-space-2); }
.showcase-identity__receipt { align-items: center; background: color-mix(in srgb, var(--ui-color-success) 7%, var(--ui-color-surface)); border: 1px solid color-mix(in srgb, var(--ui-color-success) 35%, var(--ui-color-border)); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-4); }
.showcase-identity__receipt > span { color: var(--ui-color-success); }
.showcase-identity__receipt strong { font-size: var(--ui-text-sm); }
.showcase-identity__receipt p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: var(--ui-space-1) 0 0; }
.provider-settings-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--ui-space-5); }
.provider-settings-card { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: flex; flex-direction: column; padding: var(--ui-space-4); }
.provider-settings-heading { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; }
.provider-letter { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-purple); display: flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-sm); font-weight: var(--ui-weight-bold); height: 2.5rem; justify-content: center; width: 2.5rem; }
.provider-settings-heading h3,
.provider-settings-heading h4 { font-size: var(--ui-text-sm); margin: 0; }
.provider-settings-heading p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0.125rem 0 0; }
.key-metadata { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); display: grid; grid-gap: var(--ui-space-2) var(--ui-space-4); gap: var(--ui-space-2) var(--ui-space-4); grid-template-columns: minmax(0, 1fr) minmax(7rem, auto); margin-top: var(--ui-space-4); padding: var(--ui-space-3); }
.key-metadata > div { display: grid; }
.key-metadata > div:first-child { grid-row: span 2; }
.key-metadata span { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); }
.key-metadata code { color: var(--ui-color-text); font-size: var(--ui-text-xs); overflow-wrap: anywhere; }
.key-metadata strong { font-size: var(--ui-text-xs); max-width: 12rem; overflow-wrap: anywhere; text-align: right; }
.provider-empty { align-items: center; background: var(--ui-color-surface-subtle); border-radius: var(--ui-radius-md); color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); margin-top: var(--ui-space-4); padding: var(--ui-space-4); }
.provider-empty p { margin: 0; }
.provider-settings-card footer { border-top: 1px solid var(--ui-color-border); display: flex; flex-wrap: wrap; gap: var(--ui-space-2) var(--ui-space-3); margin-top: auto; padding-top: var(--ui-space-3); }
.provider-settings-card footer button { align-items: center; background: transparent; color: var(--ui-color-accent-text); cursor: pointer; display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); min-height: 2rem; white-space: nowrap; }
.provider-settings-card footer .danger-link { color: var(--ui-color-danger); }
.historical-key { align-items: center; background: var(--ui-color-surface-subtle); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); justify-content: space-between; margin-top: var(--ui-space-2); padding: var(--ui-space-2); }
.historical-key button { align-items: center; background: transparent; color: var(--ui-color-danger); cursor: pointer; display: flex; height: 2rem; justify-content: center; width: 2rem; }
.model-catalog { border-top: 1px solid var(--ui-color-border); margin-top: var(--ui-space-6); padding-top: var(--ui-space-5); }
.model-list { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin-top: var(--ui-space-4); }
.model-list article { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto auto; padding: var(--ui-space-3); }
.model-provider-mark { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.model-list article > div { display: grid; }
.model-list strong { font-size: var(--ui-text-sm); }
.model-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.model-list dl { display: flex; gap: var(--ui-space-4); margin: 0; }
.model-list dl > div { display: grid; text-align: right; }
.model-list dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.model-list dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; }
.routing-settings-card { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto 1fr auto auto; margin-top: var(--ui-space-5); padding: var(--ui-space-5); }
.routing-settings-icon { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-purple); display: flex; height: 3rem; justify-content: center; width: 3rem; }
.routing-settings-card small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.routing-settings-card h3,
.routing-settings-card h4 { font-size: var(--ui-text-lg); margin: 0; }
.routing-settings-card p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.routing-settings-card > a { align-items: center; color: var(--ui-color-accent-text); display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); }
.billing-settings-card { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); margin-top: var(--ui-space-5); }
.billing-plan { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; padding: var(--ui-space-4); }
.billing-plan > span { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-purple); display: flex; height: 3rem; justify-content: center; width: 3rem; }
.billing-plan small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.billing-plan strong { display: block; font-size: var(--ui-text-lg); }
.billing-plan p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.billing-settings-card dl { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.billing-settings-card dl > div { background: var(--ui-color-surface-subtle); border-radius: var(--ui-radius-md); padding: var(--ui-space-3); }
.billing-settings-card dt { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); }
.billing-settings-card dd { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); margin: var(--ui-space-2) 0 0; overflow-wrap: anywhere; }
.invoice-settings-row { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; padding: var(--ui-space-3); }
.invoice-settings-row > span { align-items: center; background: var(--ui-color-orange-soft); border-radius: var(--ui-radius-sm); color: var(--ui-color-orange); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.invoice-settings-row > div { display: grid; }
.invoice-settings-row strong { font-size: var(--ui-text-sm); }
.invoice-settings-row small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.settings-section > .kui-progress { margin-top: var(--ui-space-5); }
.onboarding-list { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin-top: var(--ui-space-5); }
.onboarding-list article { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; min-height: 4rem; padding: var(--ui-space-3); }
.onboarding-list article.is-complete { background: var(--ui-color-surface-subtle); }
.task-check { align-items: center; border: 1px solid var(--ui-color-border-strong); border-radius: 50%; color: var(--ui-color-success); display: flex; height: 1.6rem; justify-content: center; width: 1.6rem; }
.is-complete .task-check { background: var(--ui-color-success-soft); border-color: transparent; }
.onboarding-list article > div:nth-child(2) { display: grid; }
.onboarding-list strong { font-size: var(--ui-text-sm); }
.onboarding-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.onboarding-list article > div:last-child { display: flex; gap: var(--ui-space-2); }
.onboarding-list article > div:last-child button { align-items: center; background: transparent; border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); cursor: pointer; display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); min-height: 2rem; padding: 0 var(--ui-space-2); }
.onboarding-list article > div:last-child button:last-child { background: var(--ui-color-accent-soft); color: var(--ui-color-accent-text); }

/* Authentication */
.auth-page {
  background: var(--ui-color-surface);
  display: grid;
  grid-template-columns: minmax(22rem, 0.85fr) minmax(30rem, 1.15fr);
  min-height: 100dvh;
}
.auth-aside {
  background: var(--ui-color-text);
  color: var(--ui-color-canvas);
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 5.5rem);
  position: relative;
}
.auth-aside::after {
  border: 1px solid rgb(241 240 234 / 12%);
  content: "";
  height: 18rem;
  position: absolute;
  right: -9rem;
  top: 22%;
  transform: rotate(45deg);
  width: 18rem;
}
.auth-brand { align-items: center; display: inline-flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-sm); gap: var(--ui-space-3); letter-spacing: 0.13em; position: relative; text-transform: uppercase; width: -moz-fit-content; width: fit-content; z-index: 1; }
.auth-brand > span { align-items: center; border: 1px solid rgb(241 240 234 / 28%); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.auth-aside-copy { margin: auto 0; max-width: 36rem; position: relative; z-index: 1; }
.auth-aside-copy .section-kicker { color: #9bc9b6; }
.auth-aside-copy h1 { font-family: var(--ui-font-display); font-size: clamp(2.5rem, 5vw, 5.25rem); font-weight: 400; letter-spacing: -0.055em; line-height: 0.98; margin: var(--ui-space-5) 0 0; }
.auth-aside-copy p { color: rgb(241 240 234 / 66%); font-size: var(--ui-text-md); line-height: 1.7; margin: var(--ui-space-6) 0 0; max-width: 31rem; }
.auth-facts { border-top: 1px solid rgb(241 240 234 / 18%); display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding-top: var(--ui-space-5); position: relative; z-index: 1; }
.auth-facts div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.auth-facts dt { color: rgb(241 240 234 / 48%); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.09em; text-transform: uppercase; }
.auth-facts dd { font-size: var(--ui-text-xs); margin: 0; }
.auth-panel { align-items: center; display: flex; justify-content: center; min-height: 100dvh; padding: clamp(2rem, 6vw, 6rem); }
.auth-panel-inner { display: grid; grid-gap: var(--ui-space-6); gap: var(--ui-space-6); max-width: 31rem; width: 100%; }
.auth-back { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); width: -moz-fit-content; width: fit-content; }
.auth-back:hover { color: var(--ui-color-accent-text); }
.auth-panel-inner > header { align-items: flex-start; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto 1fr; padding-bottom: var(--ui-space-6); }
.auth-panel-inner > header h2 { font-family: var(--ui-font-display); font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 400; letter-spacing: -0.045em; line-height: 1; margin: 0; }
.auth-panel-inner > header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: var(--ui-space-2) 0 0; }
.auth-icon { align-items: center; border: 1px solid var(--ui-color-border-strong); color: var(--ui-color-accent); display: flex; height: 3rem; justify-content: center; width: 3rem; }
.auth-form { margin-top: var(--ui-space-1); }
.auth-method-result { border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-4); }
.auth-method-result:focus { outline: 0; }
.auth-method-result:focus-visible { box-shadow: var(--ui-focus-ring); }
.auth-method-result > div { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; }
.auth-method-result > div > span:first-child { align-items: center; background: var(--ui-color-accent-soft); color: var(--ui-color-accent); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.auth-method-result strong { font-size: var(--ui-text-sm); }
.auth-method-result p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.auth-demo { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-5); }
.auth-demo-heading { align-items: flex-start; display: flex; gap: var(--ui-space-3); justify-content: space-between; }
.auth-demo-heading > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.auth-demo-heading > div > span { color: var(--ui-color-brand); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); letter-spacing: var(--ui-tracking-wide); text-transform: uppercase; }
.auth-demo-heading h3 { font-size: var(--ui-text-lg); letter-spacing: -0.025em; margin: 0; }
.auth-demo > p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.6; margin: 0; }
.auth-demo-personas { border: 0; display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin: 0; padding: 0; }
.auth-demo-persona { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); cursor: pointer; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr); min-height: 4.25rem; padding: var(--ui-space-3); transition: background var(--ui-duration-fast) var(--ui-ease-standard), border-color var(--ui-duration-fast) var(--ui-ease-standard); }
.auth-demo-persona:hover { border-color: var(--ui-color-border-strong); }
.auth-demo-persona.is-selected { background: var(--ui-color-surface-raised); border-color: var(--ui-color-brand); box-shadow: inset 3px 0 0 var(--ui-color-brand); }
.auth-demo-persona:focus-within { box-shadow: var(--ui-focus-ring); }
.auth-demo-persona.is-selected:focus-within { box-shadow: inset 3px 0 0 var(--ui-color-brand), var(--ui-focus-ring); }
.auth-demo-persona input { accent-color: var(--ui-color-brand); height: 1rem; margin: 0; width: 1rem; }
.auth-demo-persona > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.auth-demo-persona strong { font-size: var(--ui-text-sm); }
.auth-demo-persona small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.45; }
.auth-divider { align-items: center; color: var(--ui-color-text-subtle); display: grid; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: 1fr auto 1fr; letter-spacing: 0.07em; text-transform: uppercase; }
.auth-divider::before,
.auth-divider::after { background: var(--ui-color-border); content: ""; height: 1px; }
.auth-development { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding-top: var(--ui-space-5); }
.auth-development strong { font-size: var(--ui-text-sm); }
.auth-development p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.auth-cancel { justify-self: center; }

@media (min-width: 981px) {
  .auth-panel--demo { padding-inline: clamp(2rem, 4vw, 4rem); }
  .auth-panel--demo .auth-panel-inner { max-width: 40rem; }
  .auth-panel--demo .auth-demo-personas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .auth-panel--demo .auth-demo-persona { align-items: start; min-height: 7rem; }
}

@media (min-width: 981px) and (max-height: 720px) {
  .auth-page--demo .auth-aside { padding: var(--ui-space-6); }
  .auth-page--demo .auth-aside-copy h1 { font-size: clamp(2.4rem, 4.4vw, 4rem); }
  .auth-page--demo .auth-aside-copy p { font-size: var(--ui-text-sm); line-height: 1.55; margin-top: var(--ui-space-4); }
  .auth-page--demo .auth-facts { display: none; }
  .auth-panel--demo { align-items: flex-start; padding-block: var(--ui-space-4); }
  .auth-panel--demo .auth-panel-inner { gap: var(--ui-space-3); }
  .auth-panel--demo .auth-panel-inner > header { padding-bottom: var(--ui-space-3); }
  .auth-panel--demo .auth-demo { gap: var(--ui-space-3); padding: var(--ui-space-3); }
  .auth-panel--demo .auth-demo-persona { min-height: 6rem; padding: var(--ui-space-2); }
  .auth-panel--demo .auth-demo-persona small { line-height: 1.3; }
}

.mfa-setup-values { border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-4); }
.mfa-setup-values > div:not(.kui-alert) { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: 1fr auto; min-width: 0; }
.mfa-setup-values > div:not(.kui-alert) > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.mfa-setup-values code,
.mfa-setup-values pre { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); margin: 0; max-width: 100%; overflow-wrap: anywhere; padding: var(--ui-space-3); white-space: pre-wrap; word-break: break-all; }
.mfa-setup-values code { grid-column: 1 / -1; }
.mfa-setup-values button { align-items: center; background: transparent; color: var(--ui-color-accent-text); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); justify-self: end; }
.mfa-recovery-list pre { grid-column: 1 / -1; line-height: 1.7; }
.mfa-setup-qr { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr); margin: 0; padding: var(--ui-space-4); }
.mfa-setup-qr:focus-visible { box-shadow: var(--ui-focus-ring); outline: 0; }
.mfa-setup-qr__code { background: #fff; border: 1px solid var(--ui-color-border); display: flex; flex: 0 0 auto; padding: var(--ui-space-2); }
.mfa-setup-qr__code svg { display: block; height: auto; max-width: min(12rem, 100%); width: 12rem; }
.mfa-setup-qr figcaption { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); min-width: 0; }
.mfa-setup-qr figcaption strong { font-size: var(--ui-text-sm); }
.mfa-setup-qr figcaption span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); }
.mfa-setup-qr figcaption small { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); line-height: var(--ui-leading-body); }
.mfa-setup-manual { border: 1px solid var(--ui-color-border); }
.mfa-setup-manual summary { color: var(--ui-color-text-muted); cursor: pointer; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); padding: var(--ui-space-3); }
.mfa-setup-manual[open] summary { border-bottom: 1px solid var(--ui-color-border); color: var(--ui-color-text); }
.mfa-setup-manual__value { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: minmax(0, 1fr) auto; padding: var(--ui-space-3); }
.mfa-setup-manual__value > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.mfa-setup-manual__value code { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); grid-column: 1 / -1; overflow-wrap: anywhere; padding: var(--ui-space-3); word-break: break-all; }
.mfa-setup-manual__value button { align-items: center; background: transparent; color: var(--ui-color-accent-text); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); justify-self: end; }
.auth-mfa-completion { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.auth-mfa-recovery { border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-5); }
.auth-mfa-recovery > div:first-child { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.auth-mfa-recovery > div:first-child h3 { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; letter-spacing: -0.02em; margin: 0; }
.auth-mfa-recovery > div:first-child h3:focus { outline: 0; }
.auth-mfa-recovery > div:first-child p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: 0; }
.auth-mfa-recovery ol { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.auth-mfa-recovery li { min-width: 0; }
.auth-mfa-recovery li code { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: block; font-family: var(--ui-font-mono); font-size: var(--ui-text-xs); overflow-wrap: anywhere; padding: var(--ui-space-3); text-align: center; }
.auth-mfa-recovery__actions { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* SAML settings */
.saml-settings-card { border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); padding: clamp(var(--ui-space-4), 3vw, var(--ui-space-6)); }
.saml-settings-heading { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; }
.saml-settings-heading h3,
.saml-settings-heading h4 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; margin: 0; }
.saml-settings-heading p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.saml-readiness-copy { border-left: 2px solid var(--ui-color-accent); color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: 0; padding-left: var(--ui-space-3); }
.saml-config-facts { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.saml-config-facts > div { border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); min-width: 0; padding: var(--ui-space-3) var(--ui-space-4); }
.saml-config-facts > div:nth-child(odd) { border-right: 1px solid var(--ui-color-border); }
.saml-config-facts > div:nth-last-child(-n + 2) { border-bottom: 0; }
.saml-config-facts dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.06em; text-transform: uppercase; }
.saml-config-facts dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; min-width: 0; overflow-wrap: anywhere; }
.saml-config-facts code { font-size: var(--ui-text-2xs); font-weight: 400; }
.saml-updated { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); margin: calc(var(--ui-space-2) * -1) 0 0; }
.saml-updated svg { color: var(--ui-color-success); }
.saml-settings-card > footer { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.saml-settings-card > footer > :last-child { margin-left: auto; }
.saml-metadata-link svg { flex: 0 0 auto; }
.saml-config-form textarea { font-family: var(--ui-font-mono); font-size: var(--ui-text-xs); line-height: 1.5; resize: vertical; }
.saml-form-grid { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.saml-attribute-fieldset { border: 1px solid var(--ui-color-border); margin: 0; padding: var(--ui-space-4); }
.saml-attribute-fieldset legend { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); padding: 0 var(--ui-space-2); }

/* Account security */
.account-security-card { border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); padding: clamp(var(--ui-space-4), 3vw, var(--ui-space-6)); }
.account-security-heading { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; }
.account-security-heading h3 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; margin: 0; }
.account-security-heading p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.account-security-facts { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.account-security-facts > div { border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); min-width: 0; padding: var(--ui-space-3) var(--ui-space-4); }
.account-security-facts > div:nth-child(odd) { border-right: 1px solid var(--ui-color-border); }
.account-security-facts > div:nth-last-child(-n + 2) { border-bottom: 0; }
.account-security-facts dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.06em; text-transform: uppercase; }
.account-security-facts dd { align-items: center; display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); margin: 0; min-width: 0; overflow-wrap: anywhere; }
.account-security-facts svg { color: var(--ui-color-success); }
.account-security-card > footer { align-items: center; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(0, 1fr) auto; padding-top: var(--ui-space-4); }
.account-security-card > footer strong { font-size: var(--ui-text-sm); }
.account-security-card > footer p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.account-security-actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); justify-content: flex-end; }
.account-recovery-codes { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.account-recovery-codes ol { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); list-style-position: inside; margin: 0; padding: var(--ui-space-4); }
.account-recovery-codes:focus { outline: 0; }
.account-recovery-codes li { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); min-width: 0; overflow-wrap: anywhere; }
.account-recovery-codes code { color: var(--ui-color-text); overflow-wrap: anywhere; }
.account-recovery-actions { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.account-enrollment-steps { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0 0 var(--ui-space-5); padding: 0; }
.account-enrollment-steps li { align-items: center; border-bottom: 2px solid var(--ui-color-border); color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); min-width: 0; padding: 0 0 var(--ui-space-2); }
.account-enrollment-steps li span { align-items: center; border: 1px solid var(--ui-color-border-strong); border-radius: 50%; display: inline-flex; flex: 0 0 auto; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); height: 1.375rem; justify-content: center; width: 1.375rem; }
.account-enrollment-steps li[data-active="true"] { border-color: var(--ui-color-accent); color: var(--ui-color-text); font-weight: var(--ui-weight-semibold); }
.account-enrollment-steps li[data-active="true"] span { background: var(--ui-color-accent); border-color: var(--ui-color-accent); color: var(--ui-color-on-accent); }
.account-enrollment-steps li[data-complete="true"] { border-color: var(--ui-color-success); color: var(--ui-color-text); }
.account-enrollment-steps li[data-complete="true"] span { border-color: var(--ui-color-success); color: var(--ui-color-success); }
.account-enrollment-setup { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.account-enrollment-value { border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: minmax(0, 1fr) auto; padding: var(--ui-space-3); }
.account-enrollment-value > span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.account-enrollment-value code { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); grid-column: 1 / -1; letter-spacing: 0.08em; overflow-wrap: anywhere; padding: var(--ui-space-3); word-break: break-all; }
.account-enrollment-value button { align-items: center; background: transparent; color: var(--ui-color-accent-text); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); justify-self: end; }
.account-security-confirm { align-items: flex-start; border: 1px solid var(--ui-color-border-strong); cursor: pointer; display: flex; gap: var(--ui-space-3); margin-top: var(--ui-space-4); padding: var(--ui-space-4); }
.account-security-confirm input { accent-color: var(--ui-color-danger); flex: 0 0 auto; height: 1rem; margin: 0.2rem 0 0; width: 1rem; }
.account-security-confirm.is-replacement input { accent-color: var(--ui-color-accent); }
.account-security-confirm span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.account-security-confirm strong { font-size: var(--ui-text-sm); }
.account-security-confirm small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }

/* SCIM provisioning */
.scim-provisioning-card { border: 1px solid var(--ui-color-border-strong); display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); padding: clamp(var(--ui-space-4), 3vw, var(--ui-space-6)); }
.scim-provisioning-heading { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr auto; }
.scim-provisioning-heading h3 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; margin: 0; }
.scim-provisioning-heading p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.scim-provisioning-facts { border-bottom: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.scim-provisioning-facts > div { border-right: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); min-width: 0; padding: var(--ui-space-3) var(--ui-space-4); }
.scim-provisioning-facts > div:last-child { border-right: 0; }
.scim-provisioning-facts > .is-endpoint { grid-column: span 2; }
.scim-provisioning-facts dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.06em; text-transform: uppercase; }
.scim-provisioning-facts dd { align-items: center; display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); margin: 0; min-width: 0; overflow-wrap: anywhere; }
.scim-provisioning-facts code { font-size: var(--ui-text-2xs); font-weight: 400; }
.scim-directory-overview { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.scim-directory-overview > header { align-items: center; display: flex; gap: var(--ui-space-4); justify-content: space-between; }
.scim-directory-overview > header h4,
.scim-token-section-heading h4 { font-size: var(--ui-text-md); margin: 0; }
.scim-directory-overview > header p,
.scim-token-section-heading p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.scim-summary-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.scim-summary-grid > article { align-items: center; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto 1fr; min-width: 0; padding: var(--ui-space-3); }
.scim-summary-grid > article > span { align-items: center; border: 1px solid var(--ui-color-border); color: var(--ui-color-accent); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.scim-summary-grid > article > div { display: grid; }
.scim-summary-grid small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.scim-summary-grid strong { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; }
.scim-summary-grid dl { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding-top: var(--ui-space-3); }
.scim-summary-grid dl > div { display: grid; min-width: 0; }
.scim-summary-grid dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.scim-summary-grid dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; overflow-wrap: anywhere; }
.scim-directory-columns { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.scim-directory-columns > section { border: 1px solid var(--ui-color-border); min-width: 0; }
.scim-directory-columns > section > header { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-3); justify-content: space-between; padding: var(--ui-space-3); }
.scim-directory-columns h5 { font-size: var(--ui-text-sm); margin: 0; }
.scim-directory-columns header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); margin: var(--ui-space-1) 0 0; }
.scim-directory-list { display: grid; }
.scim-directory-list > article { align-items: center; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-3); }
.scim-directory-list > article:last-child { border-bottom: 0; }
.scim-directory-list > article > span { align-items: center; color: var(--ui-color-text-muted); display: flex; height: 1.75rem; justify-content: center; width: 1.75rem; }
.scim-directory-list > article > div { display: grid; min-width: 0; }
.scim-directory-list strong { font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scim-directory-list small,
.scim-directory-list p { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scim-directory-list p { grid-column: 2 / -1; }
.scim-directory-empty { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); min-height: 5rem; padding: var(--ui-space-4); }
.scim-token-section-heading { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding-top: var(--ui-space-5); }
.scim-token-list { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.scim-token-list > article { align-items: center; border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(9rem, 1fr) auto minmax(15rem, 1fr) auto; padding: var(--ui-space-3); }
.scim-token-list > article.is-revoked { background: var(--ui-color-surface-subtle); }
.scim-token-icon { align-items: center; border: 1px solid var(--ui-color-border); color: var(--ui-color-accent); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.is-revoked .scim-token-icon { color: var(--ui-color-text-muted); }
.scim-token-copy { display: grid; min-width: 0; }
.scim-token-copy strong { font-size: var(--ui-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scim-token-copy small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scim-token-list > article > dl { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.scim-token-list > article > dl > div { display: grid; min-width: 0; }
.scim-token-list dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }
.scim-token-list dd { align-items: center; display: flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); margin: 0; overflow-wrap: anywhere; }
.scim-token-revoke { color: var(--ui-color-danger); }
.scim-provisioning-card > .kui-empty-state { border: 1px dashed var(--ui-color-border-strong); }
.scim-provisioning-card > footer { align-items: center; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: 1fr auto; padding-top: var(--ui-space-4); }
.scim-provisioning-card > footer strong { font-size: var(--ui-text-sm); }
.scim-provisioning-card > footer p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.scim-credential-display { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.scim-credential-value { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border-strong); padding: var(--ui-space-4); }
.scim-credential-value code { display: block; font-size: var(--ui-text-xs); line-height: 1.6; overflow-wrap: anywhere; -webkit-user-select: all; -moz-user-select: all; user-select: all; }
.scim-revoke-confirm { align-items: flex-start; border: 1px solid var(--ui-color-border-strong); cursor: pointer; display: flex; gap: var(--ui-space-3); margin-top: var(--ui-space-4); padding: var(--ui-space-4); }
.scim-revoke-confirm input { accent-color: var(--ui-color-danger); flex: 0 0 auto; height: 1rem; margin: 0.2rem 0 0; width: 1rem; }
.scim-revoke-confirm span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.scim-revoke-confirm strong { font-size: var(--ui-text-sm); }
.scim-revoke-confirm small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }

@media (max-width: 1180px) {
  .connector-inventory-toolbar { grid-template-columns: minmax(14rem, 1fr) minmax(9rem, 0.45fr) minmax(9rem, 0.45fr); }
  .connector-inventory-toolbar > .kui-button { justify-self: start; }
  .connector-lifecycle-row { grid-template-columns: auto minmax(9rem, 0.8fr) minmax(11rem, 1fr) auto; }
  .connector-lifecycle-row > .connector-logo { grid-row: 1 / span 2; }
  .connector-lifecycle-time { grid-column: 2 / 4; }
  .connector-lifecycle-actions { grid-column: 4; grid-row: 1 / span 2; }
  .connector-catalog > div:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-evidence__grid { grid-template-columns: 1fr; }
  .audit-ledger { border-bottom: 1px solid var(--ui-color-border); border-right: 0; }
  .audit-export-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-export-list > li + li { border-left: 1px solid var(--ui-color-border); border-top: 0; }
  .audit-export-list > li:nth-child(n + 3) { border-top: 1px solid var(--ui-color-border); }
  .audit-export-list > li:nth-child(2n + 1) { border-left: 0; }
  .routing-filterbar { grid-template-columns: 1fr; }
  .routing-filterbar__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .routing-filterbar__fields > .kui-field:last-child { grid-column: 2 / -1; }
}

@media (max-width: 980px) {
  .auth-page { grid-template-columns: minmax(19rem, 0.75fr) minmax(27rem, 1.25fr); }
  .overview-main-grid,
  .overview-lower-grid,
  .governance-main-grid,
  .usage-overview-grid { grid-template-columns: 1fr; }
  .overview-main-grid > .overview-card + .overview-card,
  .overview-lower-grid > .overview-card + .overview-card { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .home-surface-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-primary-grid.has-agenda { grid-template-columns: 1fr; }
  .home-recent-grid { grid-template-columns: 1fr; }
  .spend-comparison { grid-template-columns: 1fr; }
  .provider-usage-list article { grid-template-columns: auto 1fr; }
  .provider-usage-list dl { grid-column: 2; justify-content: flex-start; }
  .provider-usage-list dl > div { text-align: left; }
  .settings-personal-grid { grid-template-columns: 1fr; }
  .showcase-identity__control-grid,
  .showcase-identity__profile-grid { grid-template-columns: 1fr; }
  .connector-manual-actions { grid-template-columns: 1fr 1fr; }
  .connector-manual-actions > button:last-child:nth-child(3) { grid-column: 1 / -1; }
  .routing-filterbar__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .routing-filterbar__fields > .kui-field:last-child { grid-column: 1 / -1; }
  .routing-decision-detail__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .routing-decision-detail__grid > div:not(:nth-child(3n + 1)) { border-left: 0; }
  .routing-decision-detail__grid > div:not(:nth-child(2n + 1)) { border-left: 1px solid var(--ui-color-border); }
  .routing-decision-detail__grid > div:nth-child(n + 3) { border-top: 1px solid var(--ui-color-border); }
  .knowledge-source-groups { grid-template-columns: 1fr; }
  .calendar-workspace-toolbar { grid-template-columns: 1fr auto; }
  .calendar-date-navigation { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }
  .calendar-workspace-layout { grid-template-columns: 1fr; }
  .calendar-catalogue { position: static; }
  .calendar-catalogue-list { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 18rem; }
  .calendar-catalogue-list > label:nth-child(2) { border-top: 0; }
  .calendar-catalogue-list > label:nth-child(even) { border-left: 1px solid var(--ui-color-border); }
  .calendar-agent-actions { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .auth-page { display: flex; flex-direction: column; }
  .auth-panel { min-height: auto; order: 1; padding: var(--ui-space-8) var(--ui-space-6); }
  .auth-aside { min-height: auto; order: 2; padding: var(--ui-space-6); }
  .auth-aside-copy { margin: var(--ui-space-6) 0 0; }
  .auth-aside-copy h1 { font-size: clamp(1.65rem, 8vw, 2.4rem); }
  .auth-facts { display: none; }
  .overview-section-rule { align-items: flex-start; flex-direction: column; gap: var(--ui-space-2); }
  .home-hero { gap: var(--ui-space-5); padding: var(--ui-space-5); }
  .home-hero-copy h1 { font-size: clamp(2rem, 10vw, 2.75rem); }
  .home-start-chat,
  .home-start-project { align-items: center; grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-4); }
  .home-start-chat > svg,
  .home-start-project > svg { grid-column: 3; grid-row: 1; }
  .home-chat-unavailable { align-items: start; grid-template-columns: auto minmax(0, 1fr); padding: var(--ui-space-4); }
  .home-project-demo-unavailable { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .home-project-demo-unavailable > .kui-button { grid-column: 2; justify-self: start; }
  .home-recent > header,
  .home-handoffs > header,
  .home-continuity > header { align-items: flex-start; flex-direction: column; gap: var(--ui-space-2); }
  .home-recent > header p { text-align: left; }
  .home-handoffs > header p { text-align: left; }
  .home-handoffs > .project-handoff-record-list { grid-template-columns: minmax(0, 1fr); }
  .home-handoffs .project-handoff-record:nth-child(odd):not(:last-child) { border-right: 0; }
  .home-handoffs .project-handoff-record:last-child:nth-child(odd) { grid-column: auto; }
  .home-recent-list > li > a { grid-template-columns: auto minmax(0, 1fr) auto; }
  .home-recent-list time { grid-column: 2; grid-row: 2; }
  .home-recent-list > li > a > svg { grid-column: 3; grid-row: 1 / span 2; }
  .home-surface-grid { grid-template-columns: 1fr; }
  .today-agenda { padding: var(--ui-space-4); }
  .today-agenda-list li { grid-template-columns: 4rem minmax(0, 1fr); }
  .today-agenda-list li > a { grid-column: 2; justify-self: start; }
  .calendar-workspace-state { min-height: 20rem; padding: var(--ui-space-5); }
  .calendar-workspace-toolbar { align-items: stretch; grid-template-columns: 1fr; }
  .calendar-view-switcher { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow-x: auto; }
  .calendar-view-switcher button { padding-inline: var(--ui-space-2); }
  .calendar-date-navigation { flex-wrap: wrap; grid-column: auto; grid-row: auto; }
  .calendar-date-navigation label { flex: 1 1 10rem; }
  .calendar-date-navigation input { width: 100%; }
  .calendar-workspace-toolbar > .kui-button { width: 100%; }
  .calendar-workspace-status { align-items: flex-start; flex-direction: column; }
  .calendar-workspace-status > div:last-child { justify-content: flex-start; }
  .calendar-catalogue-list { grid-template-columns: 1fr; }
  .calendar-catalogue-list > label:nth-child(2) { border-top: 1px solid var(--ui-color-border); }
  .calendar-catalogue-list > label:nth-child(even) { border-left: 0; }
  .calendar-event-card { align-items: start; gap: var(--ui-space-2); grid-template-columns: 0.1875rem minmax(0, 1fr) auto; }
  .calendar-event-time { grid-column: 2; }
  .calendar-event-copy { grid-column: 2; }
  .calendar-event-actions { grid-column: 3; grid-row: 1 / span 2; }
  .calendar-agent-panel { padding: var(--ui-space-4); }
  .calendar-agent-panel > footer { align-items: flex-start; flex-direction: column; }
  .home-workspace-note { align-items: start; grid-template-columns: 1fr; }
  .home-workspace-note a { justify-self: start; }
  .admin-destination-grid { grid-template-columns: 1fr; }
  .quick-action-grid,
  .provider-settings-grid,
  .calendar-connection-grid,
  .calendar-selection-grid,
  .calendar-interval-grid,
  .budget-grid { grid-template-columns: 1fr; }
  .calendar-availability-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-availability-fields > .kui-field:last-child { grid-column: 1 / -1; }
  .settings-area-header,
  .settings-primary-header { align-items: flex-start; flex-direction: column; gap: var(--ui-space-3); }
  .showcase-identity__header,
  .showcase-identity__profiles > header { align-items: flex-start; flex-direction: column; gap: var(--ui-space-3); }
  .showcase-identity__receipt { align-items: flex-start; grid-template-columns: auto minmax(0, 1fr); }
  .showcase-identity__receipt > .kui-badge { grid-column: 2; justify-self: start; }
  .overview-session-strip { align-items: flex-start; grid-template-columns: auto 1fr; }
  .overview-session-strip > .kui-badge { grid-column: 1 / -1; justify-self: start; }
  .knowledge-search-input { grid-template-columns: auto 1fr; }
  .knowledge-search-input .kui-button { grid-column: 1 / -1; width: 100%; }
  .search-options { align-items: flex-start; flex-direction: column; }
  .knowledge-source-picker > summary { grid-template-columns: auto minmax(0, 1fr) auto; padding-inline: var(--ui-space-3); }
  .knowledge-source-picker-action { font-size: 0; gap: 0; }
  .knowledge-source-picker-action svg { height: 1.125rem; width: 1.125rem; }
  .knowledge-source-picker-body { padding: var(--ui-space-3); }
  .knowledge-source-picker-body > header { align-items: flex-start; flex-direction: column; gap: var(--ui-space-2); }
  .knowledge-source-picker-body > header button { margin-left: calc(var(--ui-space-2) * -1); }
  .knowledge-source-picker-state { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .knowledge-source-picker-state > button { grid-column: 2; justify-self: start; margin-left: calc(var(--ui-space-2) * -1); }
  .knowledge-citation-list { grid-template-columns: 1fr; }
  .connector-picker { grid-template-columns: 1fr; }
  .sources-section > .feature-section-header { align-items: flex-start; padding: var(--ui-space-5); }
  .connector-ops-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .connector-ops-strip > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .connector-ops-strip > div:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
  .connector-inventory-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: var(--ui-space-5); }
  .connector-inventory-search,
  .connector-inventory-toolbar > .kui-button { grid-column: 1 / -1; width: 100%; }
  .connector-inventory-result { padding-inline: var(--ui-space-5); }
  .connector-lifecycle-row { align-items: start; grid-template-columns: auto minmax(0, 1fr); padding: var(--ui-space-4) var(--ui-space-5); }
  .connector-lifecycle-row > .connector-logo { grid-row: 1 / span 4; }
  .connector-lifecycle-health,
  .connector-lifecycle-time,
  .connector-lifecycle-actions { grid-column: 2; grid-row: auto; }
  .connector-lifecycle-actions { justify-content: flex-start; }
  .connector-lifecycle-health small,
  .connector-lifecycle-time span { white-space: normal; }
  .connector-inventory-pagination { align-items: stretch; flex-direction: column; padding-inline: var(--ui-space-5); }
  .connector-inventory-pagination > div { display: grid; grid-template-columns: 1fr; }
  .connector-inventory-pagination .kui-button { width: 100%; }
  .connector-catalog { padding-inline: var(--ui-space-5); }
  .connector-catalog > div:first-child { align-items: flex-start; flex-direction: column; gap: var(--ui-space-1); }
  .connector-catalog > div:last-child { grid-template-columns: 1fr; }
  .connector-detail-hero { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .connector-detail-hero > .kui-badge { grid-column: 2; justify-self: start; }
  .connector-detail-facts { grid-template-columns: 1fr; }
  .connector-detail-facts > div:nth-child(odd) { border-right: 0; }
  .connector-detail-facts > div:nth-child(-n + 3) { border-bottom: 1px solid var(--ui-color-border); }
  .connector-reconnect-panel { align-items: flex-start; grid-template-columns: 1fr; }
  .connector-schedule-fields,
  .connector-manual-actions { align-items: stretch; grid-template-columns: 1fr; }
  .connector-manual-actions > button:last-child:nth-child(3) { grid-column: auto; }
  .settings-switch { margin-bottom: 0; }
  .source-sync-history li { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .source-job-meta,
  .source-sync-history li > .kui-button { grid-column: 2; justify-self: start; text-align: left; }
  .source-history-footer { align-items: stretch; flex-direction: column; }
  .source-history-footer .kui-button { width: 100%; }
  .dlp-test-form { align-items: stretch; grid-template-columns: 1fr; }
  .tenant-rule { align-items: start; grid-template-columns: auto minmax(0, 1fr) auto; }
  .tenant-rule > .kui-badge { justify-self: end; }
  .tenant-rule-actions { grid-column: 2 / -1; justify-content: flex-start; }
  .tenant-rule-list > .subsection-heading .kui-button,
  .tenant-rule-actions .kui-button { min-height: 2.75rem; }
  .tenant-rule small { white-space: normal; }
  .router-evaluation-metrics,
  .router-evaluation-cost-comparison { grid-template-columns: 1fr; }
  .default-policy-list > div:last-child { grid-template-columns: 1fr; }
  .audit-evidence__header { align-items: stretch; flex-direction: column; gap: var(--ui-space-4); }
  .audit-evidence__header-actions { justify-content: flex-start; }
  .audit-evidence__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-evidence__summary > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .audit-evidence__summary > div:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
  .audit-filterbar__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-ledger__columns { display: none; }
  .audit-ledger__rows button { align-items: start; grid-template-columns: minmax(0, 1fr) auto; padding-block: var(--ui-space-4); }
  .audit-ledger__event { grid-column: 1; }
  .audit-ledger__rows button > svg { grid-column: 2; grid-row: 1; }
  .audit-ledger__actor,
  .audit-ledger__rows time,
  .audit-ledger__rows code { grid-column: 1 / -1; margin-left: calc(2rem + var(--ui-space-3)); }
  .audit-export-list { grid-template-columns: 1fr; }
  .audit-export-list > li + li,
  .audit-export-list > li:nth-child(2n + 1) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .provider-usage-list dl { gap: var(--ui-space-3); }
  .daily-chart-summary { align-items: flex-start; flex-direction: column; gap: var(--ui-space-3); }
  .daily-chart-summary dl { gap: var(--ui-space-4); justify-content: space-between; width: 100%; }
  .daily-chart-summary > span { white-space: normal; }
  .model-list article { grid-template-columns: auto minmax(0, 1fr) auto; }
  .model-list dl { display: flex; gap: var(--ui-space-4); grid-column: 2; justify-content: flex-start; }
  .model-list dl > div { text-align: left; }
  .model-list article > .status-badge { grid-column: 3; grid-row: 1; }
  .routing-settings-card { align-items: flex-start; grid-template-columns: auto 1fr; }
  .routing-settings-card > .kui-badge,
  .routing-settings-card > a { grid-column: 2; justify-self: start; }
  .billing-settings-card dl { grid-template-columns: 1fr; }
  .account-security-card > footer { align-items: stretch; grid-template-columns: 1fr 1fr; }
  .account-security-card > footer > div { grid-column: 1 / -1; }
  .account-security-actions { justify-content: flex-start; }
  .scim-provisioning-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scim-provisioning-facts > .is-endpoint { border-bottom: 1px solid var(--ui-color-border); border-right: 0; }
  .scim-provisioning-facts > div:nth-child(2) { border-right: 1px solid var(--ui-color-border); }
  .scim-directory-columns { grid-template-columns: 1fr; }
  .scim-token-list > article { align-items: start; grid-template-columns: auto minmax(0, 1fr) auto; }
  .scim-token-list > article > dl { grid-column: 2 / -1; }
  .scim-token-list > article > .scim-token-revoke { grid-column: 2 / -1; justify-self: start; }
  .saml-form-grid { grid-template-columns: 1fr; }
  .onboarding-list article { align-items: flex-start; grid-template-columns: auto 1fr; }
  .onboarding-list article > div:last-child,
  .onboarding-list article > .kui-badge { grid-column: 2; justify-self: start; }
}

@media (max-width: 460px) {
  .home-start-chat small,
  .home-start-project small { display: none; }
}

@media (max-width: 640px) {
  .mfa-setup-qr { grid-template-columns: 1fr; text-align: center; }
  .mfa-setup-qr__code { justify-self: center; }
}

@media (max-width: 520px) {
  .auth-panel,
  .auth-aside { padding-inline: var(--ui-space-4); }
  .auth-development { align-items: stretch; flex-direction: column; }
  .auth-development .kui-button { width: 100%; }
  .auth-demo { padding: var(--ui-space-4); }
  .showcase-identity__control-grid > article > header,
  .showcase-identity__profile-heading { align-items: flex-start; grid-template-columns: auto minmax(0, 1fr); }
  .showcase-identity__control-grid > article > header > .kui-badge,
  .showcase-identity__profile-heading > .kui-badge { grid-column: 2; justify-self: start; }
  .auth-method-result > div { align-items: flex-start; grid-template-columns: auto 1fr; }
  .auth-method-result > div > .kui-badge { grid-column: 2; justify-self: start; }
  .auth-mfa-recovery { padding: var(--ui-space-4); }
  .auth-mfa-recovery ol,
  .auth-mfa-recovery__actions { grid-template-columns: 1fr; }
  .saml-settings-heading { align-items: flex-start; grid-template-columns: auto 1fr; }
  .saml-settings-heading > .kui-badge { grid-column: 2; justify-self: start; }
  .saml-config-facts { grid-template-columns: 1fr; }
  .saml-config-facts > div:nth-child(odd) { border-right: 0; }
  .saml-config-facts > div:nth-last-child(-n + 2) { border-bottom: 1px solid var(--ui-color-border); }
  .saml-config-facts > div:last-child { border-bottom: 0; }
  .saml-settings-card > footer { align-items: stretch; flex-direction: column; }
  .saml-settings-card > footer > * { justify-content: center; margin-left: 0 !important; width: 100%; }
  .account-security-heading { align-items: flex-start; grid-template-columns: auto 1fr; }
  .account-security-heading > .kui-badge { grid-column: 2; justify-self: start; }
  .account-security-facts { grid-template-columns: 1fr; }
  .account-security-facts > div:nth-child(odd) { border-right: 0; }
  .account-security-facts > div:nth-last-child(-n + 2) { border-bottom: 1px solid var(--ui-color-border); }
  .account-security-facts > div:last-child { border-bottom: 0; }
  .account-security-card > footer { grid-template-columns: 1fr; }
  .account-security-card > footer > div { grid-column: auto; }
  .account-security-card > footer .kui-button { width: 100%; }
  .account-recovery-codes ol { grid-template-columns: 1fr; }
  .account-recovery-actions { grid-template-columns: 1fr; }
  .account-enrollment-dialog .kui-dialog__footer { display: grid; grid-template-columns: auto minmax(0, 1fr); }
  .account-enrollment-dialog .kui-dialog__footer > :only-child { grid-column: 1 / -1; width: 100%; }
  .account-enrollment-dialog .kui-dialog__footer > :last-child:not(:only-child) { width: 100%; }
  .scim-provisioning-heading { align-items: flex-start; grid-template-columns: auto 1fr; }
  .scim-provisioning-heading > .kui-badge { grid-column: 2; justify-self: start; }
  .scim-provisioning-facts { grid-template-columns: 1fr; }
  .scim-provisioning-facts > .is-endpoint { grid-column: auto; }
  .scim-provisioning-facts > div { border-bottom: 1px solid var(--ui-color-border); border-right: 0; }
  .scim-provisioning-facts > div:last-child { border-bottom: 0; }
  .scim-summary-grid { grid-template-columns: 1fr; }
  .scim-summary-grid dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scim-summary-grid dl > div:last-child { grid-column: 1 / -1; }
  .scim-directory-overview > header,
  .scim-token-section-heading { align-items: flex-start; }
  .scim-directory-list > article { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .scim-directory-list > article > .kui-badge,
  .scim-directory-list p { grid-column: 2; justify-self: start; }
  .scim-token-list > article { grid-template-columns: auto minmax(0, 1fr); }
  .scim-token-list > article > .kui-badge,
  .scim-token-list > article > dl,
  .scim-token-list > article > .scim-token-revoke { grid-column: 2; }
  .scim-token-list > article > dl { grid-template-columns: 1fr; }
  .scim-provisioning-card > footer { align-items: stretch; grid-template-columns: 1fr; }
  .scim-provisioning-card > footer .kui-button { width: 100%; }
  .quick-action-grid > a { grid-template-columns: 1.25rem 1.75rem minmax(0, 1fr) auto; }
  .overview-savings { grid-template-columns: 1fr; }
  .savings-figure { border-bottom: 1px solid var(--ui-color-border); border-right: 0; padding: 0 0 var(--ui-space-6); }
  .knowledge-result-card { grid-template-columns: auto 1fr; }
  .knowledge-result-card > a { grid-column: 2; }
  .results-toolbar { align-items: flex-start; flex-direction: column; gap: var(--ui-space-2); }
  .connector-detail-section > header { align-items: flex-start; }
  .audit-evidence__header,
  .audit-filterbar,
  .audit-ledger__heading,
  .audit-ledger__footer,
  .audit-export-panel__heading,
  .audit-export-list > li { padding-inline: var(--ui-space-4); }
  .audit-evidence__header-actions { align-items: stretch; display: grid; grid-template-columns: 1fr 1fr; }
  .audit-evidence__header-actions .kui-button { width: 100%; }
  .audit-filterbar__fields { grid-template-columns: 1fr; }
  .audit-filterbar__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .routing-filterbar__fields { grid-template-columns: 1fr; }
  .routing-filterbar__fields > .kui-field:last-child { grid-column: auto; }
  .routing-decision-detail__hero { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .routing-decision-detail__hero > .kui-badge { grid-column: 2; justify-self: start; }
  .routing-decision-detail__grid { grid-template-columns: 1fr; }
  .routing-decision-detail__grid > div:not(:nth-child(2n + 1)) { border-left: 0; }
  .routing-decision-detail__grid > div:nth-child(n + 2) { border-top: 1px solid var(--ui-color-border); }
  .routing-filterbar { padding: var(--ui-space-4); }
  .routing-filterbar__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .routing-filterbar__actions .kui-button { width: 100%; }
  .audit-ledger__rows button { padding-inline: var(--ui-space-4); }
  .audit-ledger__actor,
  .audit-ledger__rows time,
  .audit-ledger__rows code { margin-left: 0; }
  .audit-event-detail dl > div { gap: var(--ui-space-2); grid-template-columns: 1fr; }
  .audit-export-scope > div { align-items: flex-start; flex-direction: column; gap: var(--ui-space-1); }
  .audit-export-scope dd { max-width: 100%; text-align: left; }
  .tier-fieldset > div { display: grid; grid-template-columns: 1fr; }
  .provider-usage-list article { align-items: flex-start; }
  .provider-usage-list dl { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .budget-card footer { align-items: flex-start; flex-direction: column; gap: var(--ui-space-1); }
  .budget-card-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .budget-card-actions .kui-button { width: 100%; }
  .budget-pagination { align-items: stretch; flex-direction: column; gap: var(--ui-space-3); }
  .budget-pagination .kui-button { width: 100%; }
  .budget-review > div { gap: var(--ui-space-2); grid-template-columns: 1fr; }
  .budget-review dd { text-align: left; }
  .provider-settings-heading { grid-template-columns: auto 1fr; }
  .settings-subnav { overscroll-behavior-inline: contain; scroll-padding-inline: var(--ui-space-2); scroll-snap-type: x proximity; scrollbar-width: thin; }
  .settings-subnav-group { scroll-snap-align: start; }
  .settings-subnav-group > span { display: inline-flex; }
  .settings-subnav-group + .settings-subnav-group { margin-left: 0; padding-left: var(--ui-space-1); }
  .settings-section-primary { padding: var(--ui-space-4); }
  .provider-settings-heading > .kui-badge { grid-column: 2; justify-self: start; }
  .settings-card-header { grid-template-columns: auto minmax(0, 1fr); }
  .settings-card-header > .kui-badge { grid-column: 2; justify-self: start; }
  .calendar-connection-card > header { grid-template-columns: auto minmax(0, 1fr); }
  .calendar-connection-card > header > .kui-badge { grid-column: 2; justify-self: start; }
  .calendar-browser__header,
  .calendar-selection-card__heading,
  .calendar-availability > header,
  .calendar-availability-results > header,
  .calendar-availability-actions { align-items: flex-start; flex-direction: column; }
  .calendar-selection-card__heading > .kui-badge { flex: 0 0 auto; }
  .calendar-selection-card > footer { align-items: stretch; flex-direction: column; }
  .calendar-selection-card > footer .kui-button,
  .calendar-availability-actions .kui-button { width: 100%; }
  .calendar-availability { padding: var(--ui-space-4); }
  .calendar-availability-fields { grid-template-columns: 1fr; }
  .calendar-availability-fields > .kui-field:last-child { grid-column: auto; }
  .calendar-selection-list > label { grid-template-columns: auto minmax(0, 1fr); }
  .calendar-selection-list > label > .kui-badge { grid-column: 2; justify-self: start; }
  .calendar-selection-list > label > .calendar-source-badges { grid-column: 2; justify-content: flex-start; }
  .key-metadata { grid-template-columns: 1fr; }
  .key-metadata > div:first-child { grid-row: auto; }
  .key-metadata strong { max-width: none; text-align: left; }
  .provider-settings-card footer { column-gap: var(--ui-space-4); }
  .model-list article { grid-template-columns: auto 1fr; }
  .model-list article > .status-badge { grid-column: 2; grid-row: 2; justify-self: start; }
  .model-list dl { grid-column: 2; grid-row: 3; }
}

/* Owner operations */
.operations-layout { display: grid; grid-gap: var(--ui-space-6); gap: var(--ui-space-6); min-width: 0; }
.operations-metrics { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.operations-panel { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); min-width: 0; overflow: hidden; }
.operations-panel > .feature-section-header { padding: var(--ui-space-6); }
.operations-panel > .kui-alert { margin: 0 var(--ui-space-6) var(--ui-space-5); }
.operations-update-center > .feature-section-header { border-bottom: 1px solid var(--ui-color-border); }
.operations-update-center__body { display: grid; }
.operations-update-center__summary { align-items: flex-start; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr); padding: var(--ui-space-6); }
.operations-update-center__mark { align-items: center; background: var(--ui-color-accent-soft); border: 1px solid color-mix(in srgb, var(--ui-color-accent) 28%, var(--ui-color-border)); border-radius: var(--ui-radius-md); color: var(--ui-color-accent); display: flex; height: 3rem; justify-content: center; width: 3rem; }
.operations-update-center__body[data-state="up_to_date"] .operations-update-center__mark,
.operations-update-center__body[data-state="succeeded"] .operations-update-center__mark { background: var(--ui-color-success-soft); border-color: color-mix(in srgb, var(--ui-color-success) 28%, var(--ui-color-border)); color: var(--ui-color-success); }
.operations-update-center__body[data-state="blocked"] .operations-update-center__mark,
.operations-update-center__body[data-state="rolled_back"] .operations-update-center__mark { background: var(--ui-color-warning-soft); border-color: color-mix(in srgb, var(--ui-color-warning) 28%, var(--ui-color-border)); color: var(--ui-color-warning); }
.operations-update-center__body[data-state="failed"] .operations-update-center__mark { background: var(--ui-color-danger-soft); border-color: color-mix(in srgb, var(--ui-color-danger) 28%, var(--ui-color-border)); color: var(--ui-color-danger); }
.operations-update-center__summary h3 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; margin: 0; }
.operations-update-center__summary p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: var(--ui-leading-body); margin: var(--ui-space-2) 0 0; max-width: 48rem; }
.operations-update-center__facts { border-block: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.operations-update-center__facts > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; padding: var(--ui-space-4) var(--ui-space-6); }
.operations-update-center__facts > div:first-child { border-left: 0; }
.operations-update-center__facts dt,
.operations-update-center__review dt,
.operations-update-center__receipt dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-update-center__facts dd { font-size: var(--ui-text-sm); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-weight: var(--ui-weight-semibold); margin: 0; overflow-wrap: anywhere; }
.operations-update-center__release { align-items: stretch; border-bottom: 1px solid var(--ui-color-border); display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.34fr); }
.operations-update-center__release > div:first-child { padding: var(--ui-space-5) var(--ui-space-6); }
.operations-update-center__release p { font-size: var(--ui-text-sm); line-height: var(--ui-leading-body); margin: var(--ui-space-2) 0 0; max-width: 46rem; }
.operations-update-center__release small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); margin-top: var(--ui-space-2); }
.operations-update-center__compatibility { align-items: center; background: var(--ui-color-success-soft); border-left: 1px solid var(--ui-color-border); color: var(--ui-color-success); display: flex; gap: var(--ui-space-3); padding: var(--ui-space-5); }
.operations-update-center__compatibility[data-compatible="false"] { background: var(--ui-color-warning-soft); color: var(--ui-color-warning); }
.operations-update-center__compatibility svg { flex: 0 0 auto; }
.operations-update-center__compatibility strong { display: block; font-size: var(--ui-text-sm); }
.operations-update-center__compatibility span { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); margin-top: 0.1rem; }
.operations-update-center__progress { border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); padding: var(--ui-space-5) var(--ui-space-6); }
.operations-update-center__progress > div { align-items: center; display: flex; font-size: var(--ui-text-sm); justify-content: space-between; }
.operations-update-center__progress > div span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }
.operations-update-center__progress ol { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.operations-update-center__progress li { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: 999px; height: 0.45rem; }
.operations-update-center__progress li[data-state="complete"] { background: color-mix(in srgb, var(--ui-color-accent) 52%, var(--ui-color-surface)); border-color: color-mix(in srgb, var(--ui-color-accent) 38%, var(--ui-color-border)); }
.operations-update-center__progress li[data-state="current"] { background: var(--ui-color-accent); border-color: var(--ui-color-accent); }
.operations-update-center__progress small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.operations-update-center__receipt { border-bottom: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-5) var(--ui-space-6); }
.operations-update-center__receipt h3 { font-size: var(--ui-text-md); margin: var(--ui-space-1) 0 0; }
.operations-update-center__receipt dl { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; overflow: hidden; }
.operations-update-center__receipt dl > div { border-left: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; padding: var(--ui-space-3); }
.operations-update-center__receipt dl > div:nth-child(-n + 3) { border-top: 0; }
.operations-update-center__receipt dl > div:nth-child(3n + 1) { border-left: 0; }
.operations-update-center__receipt dd { font-size: var(--ui-text-xs); margin: 0; overflow-wrap: anywhere; }
.operations-update-center__receipt code { font-size: var(--ui-text-2xs); }
.operations-update-center__error { align-items: center; color: var(--ui-color-danger); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); margin: 0; }
.operations-update-center__actions { align-items: center; display: flex; gap: var(--ui-space-5); justify-content: space-between; padding: var(--ui-space-4) var(--ui-space-6); }
.operations-update-center__actions p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: 0; max-width: 42rem; }
.operations-update-center__actions > div { align-items: center; display: flex; flex: 0 0 auto; gap: var(--ui-space-2); }
.operations-update-center__unavailable { align-items: center; display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-6); }
.operations-update-center__unavailable > span { align-items: center; background: var(--ui-color-warning-soft); border: 1px solid color-mix(in srgb, var(--ui-color-warning) 28%, var(--ui-color-border)); border-radius: var(--ui-radius-md); color: var(--ui-color-warning); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.operations-update-center__unavailable strong { display: block; font-size: var(--ui-text-sm); }
.operations-update-center__unavailable p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: var(--ui-space-1) 0 0; }
.operations-update-center__review { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; margin: 0; overflow: hidden; }
.operations-update-center__review > div { align-items: center; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: minmax(7rem, 0.35fr) minmax(0, 1fr); padding: var(--ui-space-3) var(--ui-space-4); }
.operations-update-center__review > div:first-child { border-top: 0; }
.operations-update-center__review dd { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); margin: 0; overflow-wrap: anywhere; }
.operations-release-meta { align-items: flex-end; display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); justify-items: end; }
.operations-release-meta > span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.035em; text-transform: uppercase; }
.operations-readiness-grid { border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.operations-readiness-grid > section { min-width: 0; }
.operations-readiness-grid > section + section { border-left: 1px solid var(--ui-color-border); }
.operations-readiness-grid > section > header { background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); padding: var(--ui-space-4) var(--ui-space-5); }
.operations-readiness-grid > section > header > div { align-items: center; display: flex; gap: var(--ui-space-3); justify-content: space-between; }
.operations-readiness-grid > section > header strong { font-size: var(--ui-text-sm); }
.operations-readiness-grid > section > header span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.operations-check-list { display: grid; }
.operations-check-list > div { align-items: flex-start; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; padding: var(--ui-space-4) var(--ui-space-5); }
.operations-check-list > div:first-child { border-top: 0; }
.operations-check-list > div.is-degraded { background: color-mix(in srgb, var(--ui-color-warning-soft) 38%, var(--ui-color-surface)); }
.operations-check-mark { color: var(--ui-color-success); display: inline-flex; margin-top: 0.15rem; }
.operations-check-list > div.is-degraded .operations-check-mark { color: var(--ui-color-warning); }
.operations-check-list strong { display: block; font-size: var(--ui-text-sm); }
.operations-check-list p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: 0.15rem 0 0; overflow-wrap: anywhere; }
.operations-check-empty { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-2); min-height: 5.25rem; padding: var(--ui-space-5); }
.operations-check-empty svg { color: var(--ui-color-success); }
.operations-queue-grid { border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.operations-queue-grid > article { border-left: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); min-width: 0; }
.operations-queue-grid > article:nth-child(-n + 3) { border-top: 0; }
.operations-queue-grid > article:nth-child(3n + 1) { border-left: 0; }
.operations-queue-grid > article.is-paused { background: color-mix(in srgb, var(--ui-color-warning-soft) 30%, var(--ui-color-surface)); }
.operations-queue-grid article > header { align-items: flex-start; display: flex; gap: var(--ui-space-3); justify-content: space-between; padding: var(--ui-space-5); }
.operations-queue-grid article > header > div { align-items: center; display: flex; gap: var(--ui-space-3); min-width: 0; }
.operations-queue-icon { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; flex: 0 0 auto; height: 2.25rem; justify-content: center; width: 2.25rem; }
.operations-queue-grid article > header strong { display: block; font-size: var(--ui-text-sm); }
.operations-queue-grid article > header small { color: var(--ui-color-text-muted); display: block; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); margin-top: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operations-queue-grid dl { border-block: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.operations-queue-grid dl > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-3); }
.operations-queue-grid dl > div:first-child { border-left: 0; }
.operations-queue-grid dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-queue-grid dd { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; line-height: 1; margin: 0; }
.operations-queue-grid dl .is-danger { color: var(--ui-color-danger); }
.operations-queue-grid article > footer { align-items: center; display: flex; gap: var(--ui-space-2); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-4); }
.operations-lower-grid { display: grid; grid-gap: var(--ui-space-6); gap: var(--ui-space-6); grid-template-columns: minmax(0, 2fr) minmax(19rem, 0.8fr); }
.operations-tenants .kui-data-table { border: 0; border-radius: 0; box-shadow: none; }
.operations-tenant-search { display: block; min-width: min(24rem, 100%); }
.operations-tenant-search input { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-md); color: var(--ui-color-text); font-size: var(--ui-text-sm); min-height: var(--ui-control-md); padding: 0 var(--ui-space-3); width: 100%; }
.operations-tenant-search input::placeholder { color: var(--ui-color-text-subtle); }
.operations-launch-summary { align-items: center; border-block: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-4) var(--ui-space-5); }
.operations-launch-summary > div { display: grid; }
.operations-launch-summary strong { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; line-height: 1; }
.operations-launch-summary span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-top: var(--ui-space-1); }
.operations-snapshot-list { display: grid; }
.operations-snapshot-list article { align-items: center; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-4) var(--ui-space-5); }
.operations-snapshot-list article:first-child { border-top: 0; }
.operations-snapshot-list article > span { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-warning); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.operations-snapshot-list article > span.is-ok { color: var(--ui-color-success); }
.operations-snapshot-list strong { display: block; font-size: var(--ui-text-sm); }
.operations-snapshot-list small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); margin-top: 0.15rem; }
.operations-confirmation { align-items: flex-start; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); cursor: pointer; display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-3); line-height: var(--ui-leading-body); padding: var(--ui-space-4); }
.operations-confirmation input { accent-color: var(--ui-color-accent); flex: 0 0 auto; height: 1rem; margin-top: 0.15rem; width: 1rem; }
.operations-diagnostics { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.operations-diagnostics-loading { align-items: center; color: var(--ui-color-text-muted); display: flex; gap: var(--ui-space-2); justify-content: center; min-height: 14rem; }
.operations-diagnostic-metrics { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; }
.operations-diagnostic-metrics > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-4); }
.operations-diagnostic-metrics > div:first-child { border-left: 0; }
.operations-diagnostic-metrics span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-diagnostic-metrics strong { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; }
.operations-diagnostic-metrics small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.operations-diagnostic-section { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); min-width: 0; overflow: hidden; }
.operations-diagnostic-section > header { align-items: center; background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-4); }
.operations-diagnostic-section h3 { font-size: var(--ui-text-md); margin: var(--ui-space-1) 0 0; }
.operations-diagnostic-list { display: grid; max-height: 22rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.operations-diagnostic-list:focus-visible { box-shadow: inset var(--ui-focus-ring); outline: 0; }
.operations-diagnostic-list > div { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-4); }
.operations-diagnostic-list > div:first-child { border-top: 0; }
.operations-diagnostic-list strong { display: block; font-size: var(--ui-text-sm); }
.operations-diagnostic-list small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); margin-top: 0.1rem; }
.operations-diagnostic-grid { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.operations-router-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.operations-router-summary > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; padding: var(--ui-space-4); }
.operations-router-summary > div:first-child { border-left: 0; }
.operations-router-summary dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-router-summary dd { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); margin: 0; overflow-wrap: anywhere; }
.operations-router-details { border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.operations-router-details > div { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); min-width: 0; padding: var(--ui-space-4); }
.operations-router-details > div + div { border-left: 1px solid var(--ui-color-border); }
.operations-router-details strong { font-size: var(--ui-text-sm); }
.operations-router-details p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.operations-router-details ul { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); list-style: none; margin: 0; padding: 0; }
.operations-router-details li { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); overflow-wrap: anywhere; padding: var(--ui-space-1) var(--ui-space-2); }
.operations-detail-list { display: grid; margin: 0; }
.operations-detail-list > div { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-3) var(--ui-space-4); }
.operations-detail-list > div:first-child { border-top: 0; }
.operations-detail-list dt { color: var(--ui-color-text-muted); }
.operations-detail-list dd { font-weight: var(--ui-weight-semibold); margin: 0; }
.operations-kind-list { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); padding: var(--ui-space-4); }
.operations-kind-list span { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); padding: var(--ui-space-1) var(--ui-space-2); }
.operations-muted { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: 0; padding: var(--ui-space-4); }
.operations-tenant-dialog .kui-dialog__body { align-content: start; display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); grid-auto-rows: max-content; padding: 0; }
.operations-tenant-dialog .kui-dialog__body > .kui-alert { margin: var(--ui-space-5) var(--ui-space-6) 0; }
.operations-tenant-tabs { background: var(--ui-color-surface-subtle); border-block: 1px solid var(--ui-color-border); display: flex; min-block-size: calc(3.25rem + 2px); overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; padding: 0 var(--ui-space-4); scroll-snap-type: x proximity; scrollbar-width: thin; }
.operations-tenant-tabs button { align-items: center; background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--ui-color-text-muted); cursor: pointer; display: flex; flex: 1 0 auto; font: inherit; font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); justify-content: center; margin-bottom: -1px; min-height: 3.25rem; min-width: max-content; padding: 0 var(--ui-space-3); scroll-snap-align: start; }
.operations-tenant-tabs button > span { align-items: center; display: inline-flex; gap: var(--ui-space-2); min-width: 0; }
.operations-tenant-tabs button small { align-items: center; background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-pill); display: inline-flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); height: 1.375rem; justify-content: center; min-width: 1.375rem; padding: 0 0.3rem; }
.operations-tenant-tabs button:hover { color: var(--ui-color-text); }
.operations-tenant-tabs button[aria-selected="true"] { border-bottom-color: var(--ui-color-accent); color: var(--ui-color-accent); }
.operations-tenant-form,
.operations-tenant-section,
.operations-diagnostics { margin: 0 var(--ui-space-6) var(--ui-space-6); }
.operations-tenant-fieldset { border: 0; display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); margin: 0; min-width: 0; padding: 0; }
.operations-tenant-fieldset[disabled] .operations-form-section { background: color-mix(in srgb, var(--ui-color-surface-subtle) 45%, var(--ui-color-surface)); }
.operations-tenant-fieldset[disabled] .operations-form-actions { display: none; }
.operations-tenant-summary { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; }
.operations-tenant-summary > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-4); }
.operations-tenant-summary > div:first-child { border-left: 0; }
.operations-tenant-summary span { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-tenant-summary strong { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; letter-spacing: -0.02em; }
.operations-form-section { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); overflow: hidden; }
.operations-form-section > header { background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); padding: var(--ui-space-4) var(--ui-space-5); }
.operations-form-section > header h3,
.operations-section-toolbar h3 { font-size: var(--ui-text-md); margin: var(--ui-space-1) 0 0; }
.operations-form-section > header p,
.operations-section-toolbar p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: var(--ui-space-1) 0 0; }
.operations-form-grid { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--ui-space-5); }
.operations-delete-confirm,
.operations-suspend-confirm { align-items: flex-start; background: color-mix(in srgb, var(--ui-color-danger-soft) 32%, var(--ui-color-surface)); border-top: 1px solid var(--ui-color-border); cursor: pointer; display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-3); padding: var(--ui-space-4) var(--ui-space-5); }
.operations-suspend-confirm { background: color-mix(in srgb, var(--ui-color-warning-soft) 40%, var(--ui-color-surface)); }
.operations-delete-confirm input,
.operations-suspend-confirm input { accent-color: var(--ui-color-danger); flex: 0 0 auto; height: 1rem; margin-top: 0.15rem; width: 1rem; }
.operations-suspend-confirm input { accent-color: var(--ui-color-warning); }
.operations-delete-confirm span,
.operations-suspend-confirm span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.operations-delete-confirm strong { color: var(--ui-color-danger); }
.operations-suspend-confirm strong { color: var(--ui-color-warning); }
.operations-delete-confirm small,
.operations-suspend-confirm small { color: var(--ui-color-text-muted); line-height: var(--ui-leading-body); }
.operations-flag-grid { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--ui-space-5); }
.operations-feature-switch { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); justify-content: flex-start; min-height: var(--ui-control-lg); padding: 0 var(--ui-space-4); }
.operations-feature-switch strong { font-size: var(--ui-text-sm); }
.operations-form-actions { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; justify-content: flex-end; margin-top: calc(var(--ui-space-5) * -1); padding-top: var(--ui-space-5); }
.operations-section-toolbar { align-items: flex-start; display: flex; gap: var(--ui-space-5); justify-content: space-between; }
.operations-tenant-section { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.operations-invoice-form { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); }
.operations-invoice-form .operations-form-actions { margin: 0; padding: 0 var(--ui-space-5) var(--ui-space-5); }
.operations-invoice-list,
.operations-task-list { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; overflow: hidden; }
.operations-invoice-list article { align-items: center; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: minmax(0, 1fr) auto minmax(12rem, auto); padding: var(--ui-space-4); }
.operations-invoice-list article:first-child,
.operations-task-list article:first-child { border-top: 0; }
.operations-invoice-primary { align-items: center; display: flex; gap: var(--ui-space-3); min-width: 0; }
.operations-invoice-primary > span { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-accent); display: flex; flex: 0 0 auto; height: 2.25rem; justify-content: center; width: 2.25rem; }
.operations-invoice-primary strong { display: block; font-size: var(--ui-text-sm); }
.operations-invoice-primary small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); margin-top: 0.15rem; }
.operations-invoice-control { align-items: center; display: flex; gap: var(--ui-space-2); justify-content: flex-end; }
.operations-invoice-control select { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-md); color: var(--ui-color-text); font: inherit; font-size: var(--ui-text-xs); min-height: var(--ui-control-sm); padding: 0 var(--ui-space-2); }
.operations-invoice-void { align-items: center; color: var(--ui-color-danger); cursor: pointer; display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); grid-column: 1 / -1; justify-self: end; }
.operations-invoice-void input { accent-color: var(--ui-color-danger); height: 1rem; width: 1rem; }
.operations-task-list article { align-items: center; border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto auto; padding: var(--ui-space-4); }
.operations-task-list article > span { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-warning); display: flex; height: 2rem; justify-content: center; width: 2rem; }
.operations-task-list article > span[data-status="complete"] { color: var(--ui-color-success); }
.operations-task-list article > span[data-status="skipped"] { color: var(--ui-color-text-muted); }
.operations-task-list strong { display: block; font-size: var(--ui-text-sm); }
.operations-task-list small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-xs); margin-top: 0.1rem; }
.operations-task-actions { align-items: center; display: flex; gap: var(--ui-space-2); }
.operations-evidence { gap: var(--ui-space-4); }
.operations-evidence__toolbar { align-items: center; }
.operations-evidence__toolbar > div { min-width: 0; }
.operations-evidence__summary { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; overflow: hidden; }
.operations-evidence__summary > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-3) var(--ui-space-4); }
.operations-evidence__summary > div:first-child { border-left: 0; }
.operations-evidence__summary dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-evidence__summary dd { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-weight: 500; letter-spacing: -0.03em; margin: 0; }
.operations-evidence-list { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); list-style: none; margin: 0; overflow: hidden; padding: 0; }
.operations-evidence-list > li + li { border-top: 1px solid var(--ui-color-border); }
.operations-evidence-list article { display: grid; }
.operations-evidence-list article > header { align-items: center; display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--ui-space-4); }
.operations-evidence-list article > header > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.operations-evidence-list article > header strong { font-size: var(--ui-text-sm); }
.operations-evidence-list article > header small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operations-evidence-icon { align-items: center; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); color: var(--ui-color-text-muted); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.operations-evidence-icon.is-pending { color: var(--ui-color-warning); }
.operations-evidence-icon.is-running { color: var(--ui-color-accent); }
.operations-evidence-icon.is-completed { color: var(--ui-color-success); }
.operations-evidence-icon.is-failed { color: var(--ui-color-danger); }
.operations-evidence-filters,
.operations-evidence-facts { background: var(--ui-color-surface-subtle); border-top: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.operations-evidence-filters > div,
.operations-evidence-facts > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; padding: var(--ui-space-3); }
.operations-evidence-filters > div:first-child,
.operations-evidence-facts > div:first-child { border-left: 0; }
.operations-evidence-filters dt,
.operations-evidence-facts dt { align-items: center; color: var(--ui-color-text-muted); display: flex; font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); gap: var(--ui-space-1); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-evidence-filters dd,
.operations-evidence-facts dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: 0; min-width: 0; overflow-wrap: anywhere; }
.operations-evidence-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.operations-evidence-facts .is-checksum { border-left: 0; border-top: 1px solid var(--ui-color-border); grid-column: 1 / -1; }
.operations-evidence-facts code { color: var(--ui-color-text); font-size: var(--ui-text-2xs); font-weight: 400; word-break: break-all; }
.operations-evidence-list article > footer { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; min-height: var(--ui-control-sm); padding: var(--ui-space-3) var(--ui-space-4); }
.operations-evidence-state { align-items: center; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); line-height: var(--ui-leading-body); }
.operations-evidence-state svg { flex: 0 0 auto; }
.operations-evidence-state.is-failed { color: var(--ui-color-danger); }
.operations-evidence-state.is-completed { color: var(--ui-color-success); }
.operations-evidence-window { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); white-space: nowrap; }
.operations-identity { gap: var(--ui-space-4); }
.operations-identity__toolbar { align-items: center; }
.operations-identity__toolbar > div { min-width: 0; }
.operations-identity__readiness { align-items: center; border-block: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-5); justify-content: space-between; padding-block: var(--ui-space-4); }
.operations-identity__readiness > div { align-items: center; display: flex; gap: var(--ui-space-3); min-width: 0; }
.operations-identity__readiness h4 { font-family: var(--ui-font-display); font-size: var(--ui-text-xl); font-weight: 500; letter-spacing: -0.03em; margin: var(--ui-space-1) 0 0; }
.operations-identity__readiness p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: var(--ui-leading-body); margin: var(--ui-space-1) 0 0; }
.operations-identity__mark { align-items: center; border: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); display: flex; flex: 0 0 auto; height: 2.75rem; justify-content: center; width: 2.75rem; }
.operations-identity__mark.is-success { color: var(--ui-color-success); }
.operations-identity__mark.is-warning { color: var(--ui-color-warning); }
.operations-identity__summary { border: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.operations-identity__summary > div { border-left: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; padding: var(--ui-space-3) var(--ui-space-4); }
.operations-identity__summary > div:first-child { border-left: 0; }
.operations-identity__summary dt { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); letter-spacing: 0.04em; text-transform: uppercase; }
.operations-identity__summary dd { font-size: var(--ui-text-xs); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-weight: var(--ui-weight-semibold); margin: 0; overflow-wrap: anywhere; }
.operations-identity__details { border: 1px solid var(--ui-color-border); }
.operations-identity__details > header { align-items: center; background: var(--ui-color-surface-subtle); border-bottom: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-4); justify-content: space-between; padding: var(--ui-space-4); }
.operations-identity__details h4 { font-size: var(--ui-text-sm); margin: var(--ui-space-1) 0 0; }
.operations-identity__details > header small { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.operations-identity__materials { border-bottom: 1px solid var(--ui-color-border); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.operations-identity__materials > div { align-items: center; border-left: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-3); min-width: 0; padding: var(--ui-space-4); }
.operations-identity__materials > div:first-child { border-left: 0; }
.operations-identity__materials > div > span { align-items: center; border: 1px solid currentColor; display: flex; flex: 0 0 auto; height: 1.75rem; justify-content: center; width: 1.75rem; }
.operations-identity__materials .is-present { color: var(--ui-color-success); }
.operations-identity__materials .is-missing { color: var(--ui-color-danger); }
.operations-identity__materials strong { display: block; font-size: var(--ui-text-xs); }
.operations-identity__materials small { color: var(--ui-color-text-muted); display: block; font-size: var(--ui-text-2xs); margin-top: 0.1rem; }
.operations-identity__endpoints { display: grid; margin: 0; }
.operations-identity__endpoints > div { border-top: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); grid-template-columns: minmax(8rem, 0.3fr) minmax(0, 1fr); padding: var(--ui-space-3) var(--ui-space-4); }
.operations-identity__endpoints > div:first-child { border-top: 0; }
.operations-identity__endpoints dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.operations-identity__endpoints dd { margin: 0; min-width: 0; }
.operations-identity__endpoints code { font-size: var(--ui-text-2xs); overflow-wrap: anywhere; }
.operations-identity__action { align-items: center; border-top: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-5); justify-content: space-between; padding-top: var(--ui-space-4); }
.operations-identity__action > div { align-items: flex-start; color: var(--ui-color-text-muted); display: flex; font-size: var(--ui-text-xs); gap: var(--ui-space-2); line-height: var(--ui-leading-body); max-width: 42rem; }
.operations-identity__action > div svg { flex: 0 0 auto; margin-top: 0.1rem; }
.operations-identity__action .kui-button { flex: 0 0 auto; }
.operations-provision-form { padding-top: var(--ui-space-1); }
.operations-provision-form .operations-form-grid { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); }

@media (max-width: 1180px) {
  .operations-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-queue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-queue-grid > article:nth-child(n) { border-left: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); }
  .operations-queue-grid > article:nth-child(-n + 2) { border-top: 0; }
  .operations-queue-grid > article:nth-child(2n + 1) { border-left: 0; }
  .operations-lower-grid { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  .operations-update-center__release { grid-template-columns: 1fr; }
  .operations-update-center__compatibility { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-update-center__receipt dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-update-center__receipt dl > div:nth-child(n) { border-left: 1px solid var(--ui-color-border); border-top: 1px solid var(--ui-color-border); }
  .operations-update-center__receipt dl > div:nth-child(-n + 2) { border-top: 0; }
  .operations-update-center__receipt dl > div:nth-child(2n + 1) { border-left: 0; }
  .operations-readiness-grid,
  .operations-diagnostic-grid { grid-template-columns: 1fr; }
  .operations-readiness-grid > section + section { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-diagnostic-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-diagnostic-metrics > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-diagnostic-metrics > div:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
  .operations-router-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-router-summary > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-router-summary > div:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
  .operations-router-details { grid-template-columns: 1fr; }
  .operations-router-details > div + div { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-tenant-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-tenant-summary > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-tenant-summary > div:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
  .operations-invoice-list article { align-items: start; grid-template-columns: minmax(0, 1fr) auto; }
  .operations-invoice-control { grid-column: 1 / -1; justify-content: stretch; }
  .operations-invoice-control label { flex: 1 1; }
  .operations-invoice-control select { width: 100%; }
  .operations-task-list article { grid-template-columns: auto minmax(0, 1fr) auto; }
  .operations-task-actions { grid-column: 2 / -1; justify-self: start; }
  .operations-evidence__summary,
  .operations-evidence-filters,
  .operations-evidence-facts,
  .operations-identity__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-evidence__summary > div:nth-child(3),
  .operations-evidence-filters > div:nth-child(3),
  .operations-evidence-facts > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-evidence__summary > div:nth-child(4),
  .operations-evidence-filters > div:nth-child(4),
  .operations-evidence-facts > div:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
  .operations-evidence-facts .is-checksum { grid-column: 1 / -1; }
  .operations-identity__summary > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-identity__summary > div:nth-child(4) { border-top: 1px solid var(--ui-color-border); }
}

@media (max-width: 640px) {
  .operations-metrics,
  .operations-queue-grid,
  .operations-diagnostic-metrics { grid-template-columns: 1fr; }
  .operations-queue-grid > article:nth-child(n) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-queue-grid > article:first-child { border-top: 0; }
  .operations-panel > .feature-section-header { padding: var(--ui-space-5); }
  .operations-panel > .kui-alert { margin-inline: var(--ui-space-5); }
  .operations-update-center__summary,
  .operations-update-center__unavailable { grid-template-columns: 1fr; padding: var(--ui-space-5); }
  .operations-update-center__facts,
  .operations-update-center__receipt dl { grid-template-columns: 1fr; }
  .operations-update-center__facts > div:nth-child(n),
  .operations-update-center__receipt dl > div:nth-child(n) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-update-center__facts > div:first-child,
  .operations-update-center__receipt dl > div:first-child { border-top: 0; }
  .operations-update-center__release > div:first-child,
  .operations-update-center__progress,
  .operations-update-center__receipt { padding-inline: var(--ui-space-5); }
  .operations-update-center__actions { align-items: stretch; flex-direction: column; padding-inline: var(--ui-space-5); }
  .operations-update-center__actions > div { align-items: stretch; display: grid; grid-template-columns: 1fr; }
  .operations-update-center__actions .kui-button,
  .operations-update-center__unavailable .kui-button { width: 100%; }
  .operations-release-meta { align-items: flex-start; justify-items: start; }
  .operations-check-list > div { grid-template-columns: auto minmax(0, 1fr); }
  .operations-check-list .kui-badge { grid-column: 2; justify-self: start; }
  .operations-queue-grid article > footer { align-items: stretch; flex-direction: column; }
  .operations-diagnostic-metrics > div:nth-child(n) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-diagnostic-metrics > div:first-child { border-top: 0; }
  .operations-router-summary { grid-template-columns: 1fr; }
  .operations-router-summary > div:nth-child(n) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-router-summary > div:first-child { border-top: 0; }
  .operations-tenant-dialog .kui-dialog__body > .kui-alert { margin-inline: var(--ui-space-5); }
  .operations-tenant-tabs { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; padding-inline: var(--ui-space-2); scroll-snap-type: x proximity; scrollbar-width: thin; }
  .operations-tenant-tabs button { flex: 0 0 auto; min-width: max-content; padding-inline: var(--ui-space-4); scroll-snap-align: start; }
  .operations-tenant-tabs button:nth-child(n) { border-top: 0; }
  .operations-tenant-form,
  .operations-tenant-section,
  .operations-diagnostics { margin-inline: var(--ui-space-5); }
  .operations-form-grid,
  .operations-flag-grid { grid-template-columns: 1fr; }
  .operations-form-grid { padding: var(--ui-space-4); }
  .operations-form-section > header,
  .operations-delete-confirm,
  .operations-suspend-confirm { padding-inline: var(--ui-space-4); }
  .operations-section-toolbar { align-items: stretch; flex-direction: column; }
  .operations-section-toolbar .kui-button { align-self: flex-start; }
  .operations-invoice-list article { grid-template-columns: minmax(0, 1fr); }
  .operations-invoice-list article > .kui-badge { justify-self: start; }
  .operations-invoice-control { grid-column: 1; }
  .operations-task-list article { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .operations-task-list article > .kui-badge,
  .operations-task-actions { grid-column: 2; justify-self: start; }
  .operations-evidence__summary,
  .operations-evidence-filters,
  .operations-evidence-facts,
  .operations-identity__summary,
  .operations-identity__materials { grid-template-columns: 1fr; }
  .operations-evidence__summary > div:nth-child(n),
  .operations-evidence-filters > div:nth-child(n),
  .operations-evidence-facts > div:nth-child(n) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-evidence__summary > div:first-child,
  .operations-evidence-filters > div:first-child,
  .operations-evidence-facts > div:first-child { border-top: 0; }
  .operations-evidence-facts .is-checksum { grid-column: 1; }
  .operations-evidence-list article > footer { align-items: flex-start; flex-direction: column; }
  .operations-identity__readiness,
  .operations-identity__action { align-items: flex-start; flex-direction: column; }
  .operations-identity__materials > div:nth-child(n) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-identity__materials > div:first-child { border-top: 0; }
  .operations-identity__summary > div:nth-child(n) { border-left: 0; border-top: 1px solid var(--ui-color-border); }
  .operations-identity__summary > div:first-child { border-top: 0; }
  .operations-identity__endpoints > div { gap: var(--ui-space-1); grid-template-columns: 1fr; }
}

/* Zoho People uses OAuth, but the same explicit self-only HR boundary as the
   credential-backed India directory connectors. Keep this block isolated from
   the calendar browser styles above so both features can evolve independently. */
.hrms-oauth-setup {
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  margin-top: var(--ui-space-4);
  padding: var(--ui-space-4);
}

.hrms-oauth-setup__heading {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
}

.hrms-oauth-setup__heading > span {
  align-items: center;
  background: var(--ui-color-accent-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-accent) 28%, var(--ui-color-border));
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-accent);
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.hrms-oauth-setup h3 {
  font-family: var(--ui-font-display);
  font-size: var(--ui-text-lg);
  font-weight: 500;
  letter-spacing: -0.025em;
  margin: var(--ui-space-1) 0 0;
}

.hrms-oauth-setup > p,
.hrms-oauth-setup > small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: 1.55;
  margin: 0;
}

.hrms-oauth-setup > small {
  border-left: 0.1875rem solid var(--ui-color-accent);
  padding-left: var(--ui-space-3);
}

.hrms-oauth-setup__facts {
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.hrms-oauth-setup__facts > div {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
  padding: var(--ui-space-3);
}

.hrms-oauth-setup__facts > div + div {
  border-left: 1px solid var(--ui-color-border);
}

.hrms-oauth-setup__facts dt {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hrms-oauth-setup__facts dd {
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  margin: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 42rem) {
  .hrms-oauth-setup__facts { grid-template-columns: 1fr; }
  .hrms-oauth-setup__facts > div + div { border-left: 0; border-top: 1px solid var(--ui-color-border); }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/owner-demo-campaigns.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.owner-demo-campaigns {
  display: grid;
  min-width: 0;
}

.owner-demo-campaigns__header {
  align-items: end;
  border-bottom: 1px solid var(--ui-color-border);
}

.owner-demo-campaigns__toolbar {
  align-items: flex-end;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  justify-content: flex-end;
}

.owner-demo-campaigns__toolbar > label {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: min(21rem, 100%);
}

.owner-demo-campaigns__toolbar > label > span {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.owner-demo-campaigns__toolbar select {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text);
  font: inherit;
  font-size: var(--ui-text-sm);
  min-height: var(--ui-control-md);
  padding: 0 var(--ui-space-3);
  width: 100%;
}

.owner-demo-campaigns > .kui-alert {
  -webkit-margin-before: var(--ui-space-5);
          margin-block-start: var(--ui-space-5);
}

.owner-demo-campaigns > .kui-empty-state {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.owner-demo-campaigns__loading {
  align-items: center;
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-2);
  justify-content: center;
  min-height: 10rem;
}

.owner-demo-campaigns__list {
  display: grid;
}

.owner-demo-campaigns__list > article {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  min-width: 0;
}

.owner-demo-campaigns__list > article.is-selected {
  background: color-mix(in srgb, var(--ui-color-accent-soft) 15%, var(--ui-color-surface));
}

.owner-demo-campaigns__list > article > header {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--ui-space-5) var(--ui-space-6) var(--ui-space-3);
}

.owner-demo-campaigns__mark {
  align-items: center;
  background: var(--ui-color-accent-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-accent) 24%, var(--ui-color-border));
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-accent);
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.owner-demo-campaigns__list > article > header h3 {
  font-size: var(--ui-text-md);
  margin: 0;
}

.owner-demo-campaigns__list > article > header h3:focus-visible {
  border-radius: var(--ui-radius-xs);
  box-shadow: var(--ui-focus-ring);
  outline: 0;
}

.owner-demo-campaigns__list > article > header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  margin: var(--ui-space-1) 0 0;
}

.owner-demo-campaigns__list code {
  font-size: var(--ui-text-2xs);
  overflow-wrap: anywhere;
}

.owner-demo-campaigns__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0 var(--ui-space-6);
}

.owner-demo-campaigns__summary > div {
  border-left: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.owner-demo-campaigns__summary > div:first-child {
  border-left: 0;
  padding-left: 0;
}

.owner-demo-campaigns__summary dt,
.owner-demo-campaigns__facts dt,
.owner-demo-campaigns__session-list dt {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.owner-demo-campaigns__summary dd {
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  line-height: var(--ui-leading-body);
  margin: 0;
  overflow-wrap: anywhere;
}

.owner-demo-campaigns__list > article > footer {
  align-items: center;
  display: flex;
  gap: var(--ui-space-4);
  justify-content: space-between;
  padding: var(--ui-space-3) var(--ui-space-6) var(--ui-space-5);
}

.owner-demo-campaigns__list > article > footer > span {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
}

.owner-demo-campaigns__detail {
  background: var(--ui-color-surface);
  border-top: 1px solid var(--ui-color-border-strong);
  display: grid;
}

.owner-demo-campaigns__detail-heading,
.owner-demo-campaigns__sessions-heading {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
  padding: var(--ui-space-5) var(--ui-space-6);
}

.owner-demo-campaigns__detail-heading h4,
.owner-demo-campaigns__sessions-heading h5,
.owner-demo-campaigns__allowlist h5,
.owner-demo-campaigns__facts h5 {
  font-size: var(--ui-text-md);
  margin: var(--ui-space-1) 0 0;
}

.owner-demo-campaigns__detail-heading p,
.owner-demo-campaigns__sessions-heading p,
.owner-demo-campaigns__allowlist p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
  max-width: 48rem;
}

.owner-demo-campaigns__lifecycle-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  justify-content: flex-end;
}

.owner-demo-campaigns__facts {
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
}

.owner-demo-campaigns__facts > dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

.owner-demo-campaigns__facts > dl > div {
  border-left: 1px solid var(--ui-color-border);
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.owner-demo-campaigns__facts > dl > div:nth-child(-n + 4) {
  border-top: 0;
}

.owner-demo-campaigns__facts > dl > div:nth-child(4n + 1) {
  border-left: 0;
}

.owner-demo-campaigns__facts dd {
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  margin: 0;
  overflow-wrap: anywhere;
}

.owner-demo-campaigns__facts > section {
  border-left: 1px solid var(--ui-color-border);
  padding: var(--ui-space-4);
}

.owner-demo-campaigns__facts > section > h5 {
  margin-top: 0;
}

.owner-demo-campaigns__facts ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: var(--ui-space-3) 0 0;
  padding: 0;
}

.owner-demo-campaigns__facts li {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: auto minmax(0, 1fr);
  margin: -1px 0 0 -1px;
  padding: var(--ui-space-3);
}

.owner-demo-campaigns__facts li > span {
  color: var(--ui-color-text-muted);
  display: inline-flex;
  grid-row: 1 / 3;
}

.owner-demo-campaigns__facts li[data-enabled="true"] > span {
  color: var(--ui-color-success);
}

.owner-demo-campaigns__facts li strong {
  font-size: var(--ui-text-xs);
}

.owner-demo-campaigns__facts li small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
}

.owner-demo-campaigns__allowlist {
  align-items: flex-start;
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  grid-template-columns: minmax(15rem, 0.45fr) minmax(0, 1fr);
  padding: var(--ui-space-5) var(--ui-space-6);
}

.owner-demo-campaigns__allowlist ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.owner-demo-campaigns__allowlist li {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: flex;
  gap: var(--ui-space-2);
  max-width: 100%;
  padding: var(--ui-space-2) var(--ui-space-3);
}

.owner-demo-campaigns__allowlist > span {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
}

.owner-demo-campaigns__sessions {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
}

.owner-demo-campaigns__sessions > .kui-alert {
  margin: 0 var(--ui-space-6) var(--ui-space-5);
}

.owner-demo-campaigns__sessions-loading {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  padding: var(--ui-space-6);
  text-align: center;
}

.owner-demo-campaigns__sessions > .kui-empty-state {
  border: 0;
  border-radius: 0;
  border-top: 1px solid var(--ui-color-border);
  box-shadow: none;
}

.owner-demo-campaigns__session-list {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.owner-demo-campaigns__session-list > article {
  border-left: 1px solid var(--ui-color-border);
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  min-width: 0;
}

.owner-demo-campaigns__session-list > article:nth-child(-n + 2) {
  border-top: 0;
}

.owner-demo-campaigns__session-list > article:nth-child(2n + 1) {
  border-left: 0;
}

.owner-demo-campaigns__session-list article > header {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-3);
  justify-content: space-between;
  padding: var(--ui-space-4);
}

.owner-demo-campaigns__session-list header strong {
  display: block;
  font-size: var(--ui-text-sm);
}

.owner-demo-campaigns__session-list header small {
  color: var(--ui-color-text-muted);
  display: block;
  font-size: var(--ui-text-xs);
  margin-top: var(--ui-space-1);
}

.owner-demo-campaigns__session-list dl {
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
}

.owner-demo-campaigns__session-list dl > div {
  border-left: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
  padding: var(--ui-space-3);
}

.owner-demo-campaigns__session-list dl > div:first-child {
  border-left: 0;
}

.owner-demo-campaigns__session-list dd {
  font-size: var(--ui-text-xs);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: var(--ui-weight-semibold);
  margin: 0;
  overflow-wrap: anywhere;
}

.owner-demo-campaigns__session-list article > footer {
  display: flex;
  justify-content: flex-end;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.owner-demo-campaigns__create-dialog .kui-dialog__body {
  padding: 0;
}

.owner-demo-campaigns__create {
  display: grid;
}

.owner-demo-campaigns__create > section {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  padding: var(--ui-space-5) var(--ui-space-6);
}

.owner-demo-campaigns__create > section:first-of-type {
  border-top: 0;
}

.owner-demo-campaigns__create > section > header h3 {
  font-size: var(--ui-text-md);
  margin: var(--ui-space-1) 0 0;
}

.owner-demo-campaigns__create > section > header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.owner-demo-campaigns__form-grid {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.owner-demo-campaigns__feature-picker {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.owner-demo-campaigns__feature-picker > label {
  align-items: flex-start;
  border: 1px solid var(--ui-color-border);
  cursor: pointer;
  display: flex;
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.owner-demo-campaigns__feature-picker > label[data-disabled="true"] {
  background: var(--ui-color-surface-subtle);
  color: var(--ui-color-text-muted);
  cursor: not-allowed;
}

.owner-demo-campaigns__feature-picker input,
.owner-demo-campaigns__tiers input {
  accent-color: var(--ui-color-accent);
  flex: 0 0 auto;
  height: 1rem;
  margin-top: 0.15rem;
  width: 1rem;
}

.owner-demo-campaigns__feature-picker span {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
}

.owner-demo-campaigns__feature-picker strong {
  font-size: var(--ui-text-sm);
}

.owner-demo-campaigns__feature-picker small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
}

.owner-demo-campaigns__blocked-policy {
  align-items: flex-start;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  line-height: var(--ui-leading-body);
  padding: var(--ui-space-3) var(--ui-space-4);
}

.owner-demo-campaigns__blocked-policy svg {
  color: var(--ui-color-warning);
  flex: 0 0 auto;
  margin-top: 0.1rem;
}

.owner-demo-campaigns__tiers {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  margin: 0;
  padding: 0;
}

.owner-demo-campaigns__tiers legend {
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  margin-bottom: var(--ui-space-2);
  width: 100%;
}

.owner-demo-campaigns__tiers label {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-2);
  min-height: var(--ui-control-md);
  padding: 0 var(--ui-space-3);
}

.owner-demo-campaigns__create > .kui-alert {
  margin: 0 var(--ui-space-6) var(--ui-space-5);
}

@media (max-width: 74rem) {
  .owner-demo-campaigns__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .owner-demo-campaigns__toolbar {
    justify-content: flex-start;
    width: 100%;
  }

  .owner-demo-campaigns__toolbar > label {
    flex: 1 1 20rem;
  }

  .owner-demo-campaigns__summary,
  .owner-demo-campaigns__facts > dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owner-demo-campaigns__summary > div:nth-child(3) {
    border-left: 0;
  }

  .owner-demo-campaigns__facts > dl > div:nth-child(n) {
    border-left: 1px solid var(--ui-color-border);
    border-top: 1px solid var(--ui-color-border);
  }

  .owner-demo-campaigns__facts > dl > div:nth-child(-n + 2) {
    border-top: 0;
  }

  .owner-demo-campaigns__facts > dl > div:nth-child(2n + 1) {
    border-left: 0;
  }

  .owner-demo-campaigns__session-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .owner-demo-campaigns__session-list > article:nth-child(n) {
    border-left: 0;
    border-top: 1px solid var(--ui-color-border);
  }

  .owner-demo-campaigns__session-list > article:first-child {
    border-top: 0;
  }
}

@media (max-width: 52rem) {
  .owner-demo-campaigns__detail-heading,
  .owner-demo-campaigns__sessions-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .owner-demo-campaigns__lifecycle-actions {
    justify-content: flex-start;
  }

  .owner-demo-campaigns__facts,
  .owner-demo-campaigns__allowlist {
    grid-template-columns: minmax(0, 1fr);
  }

  .owner-demo-campaigns__facts > section {
    border-left: 0;
    border-top: 1px solid var(--ui-color-border);
  }

  .owner-demo-campaigns__feature-picker {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 40rem) {
  .owner-demo-campaigns__toolbar,
  .owner-demo-campaigns__toolbar .kui-button,
  .owner-demo-campaigns__lifecycle-actions,
  .owner-demo-campaigns__lifecycle-actions .kui-button {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .owner-demo-campaigns__list > article > header {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
    padding-inline: var(--ui-space-5);
  }

  .owner-demo-campaigns__list > article > header > .kui-badge {
    grid-column: 2;
    justify-self: start;
  }

  .owner-demo-campaigns__summary,
  .owner-demo-campaigns__facts > dl,
  .owner-demo-campaigns__facts ul,
  .owner-demo-campaigns__form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .owner-demo-campaigns__summary {
    padding-inline: var(--ui-space-5);
  }

  .owner-demo-campaigns__summary > div:nth-child(n),
  .owner-demo-campaigns__facts > dl > div:nth-child(n) {
    border-left: 0;
    border-top: 1px solid var(--ui-color-border);
    padding-inline: 0;
  }

  .owner-demo-campaigns__summary > div:first-child,
  .owner-demo-campaigns__facts > dl > div:first-child {
    border-top: 0;
  }

  .owner-demo-campaigns__list > article > footer {
    align-items: stretch;
    flex-direction: column;
    padding-inline: var(--ui-space-5);
  }

  .owner-demo-campaigns__detail-heading,
  .owner-demo-campaigns__sessions-heading,
  .owner-demo-campaigns__allowlist,
  .owner-demo-campaigns__create > section {
    padding-inline: var(--ui-space-5);
  }

  .owner-demo-campaigns__session-list dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owner-demo-campaigns__session-list dl > div:nth-child(3),
  .owner-demo-campaigns__session-list dl > div:nth-child(5) {
    border-left: 0;
    border-top: 1px solid var(--ui-color-border);
  }

  .owner-demo-campaigns__session-list dl > div:nth-child(4) {
    border-top: 1px solid var(--ui-color-border);
  }
}

@media (prefers-reduced-motion: reduce) {
  .owner-demo-campaigns *,
  .owner-demo-campaigns *::before,
  .owner-demo-campaigns *::after {
    scroll-behavior: auto !important;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/member-start-guide.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.member-start-guide,
.member-start-reopen {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  min-width: 0;
  position: relative;
}

.member-start-guide::before,
.member-start-reopen::before {
  background: var(--ui-color-brand);
  content: "";
  height: 0.1875rem;
  inset: 0 0 auto;
  position: absolute;
}

.member-start-guide {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  padding: var(--ui-space-5) var(--ui-space-6);
}

.member-start-guide > header {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
}

.member-start-guide > header > div {
  display: grid;
  min-width: 0;
}

.member-start-guide h2,
.member-start-reopen h2 {
  font-family: var(--ui-font-display);
  font-weight: var(--ui-weight-medium);
  letter-spacing: -0.04em;
  line-height: 1.08;
}

.member-start-guide h2 {
  font-size: var(--ui-text-xl);
  margin: var(--ui-space-2) 0 0;
}

.member-start-guide > header p,
.member-start-reopen p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-body);
}

.member-start-guide > header p {
  margin: var(--ui-space-2) 0 0;
}

.member-start-actions {
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.member-start-actions > li {
  min-width: 0;
}

.member-start-actions > li + li {
  border-left: 1px solid var(--ui-color-border);
}

.member-start-actions a {
  align-content: start;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 12rem;
  padding: var(--ui-space-4);
  transition: background var(--ui-duration-fast), color var(--ui-duration-fast);
}

.member-start-actions a:hover {
  background: var(--ui-color-surface-subtle);
}

.member-start-number {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.06em;
  text-align: right;
}

.member-start-action-icon {
  align-items: center;
  background: var(--ui-color-brand-soft);
  color: var(--ui-color-brand);
  display: flex;
  grid-column: 1;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.member-start-action-copy {
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-column: 2;
  min-width: 0;
}

.member-start-action-copy strong {
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-tight);
}

.member-start-action-copy > span {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
}

.member-start-action-label {
  align-items: center;
  align-self: end;
  border-top: 1px solid var(--ui-color-border);
  display: flex;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  grid-column: 1 / -1;
  justify-content: space-between;
  min-height: var(--ui-control-md);
  padding-top: var(--ui-space-3);
}

.member-start-actions a:hover .member-start-action-label {
  color: var(--ui-color-brand);
}

.member-start-guide > footer {
  align-items: center;
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  padding-top: var(--ui-space-3);
}

.member-start-reopen {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--ui-space-5) var(--ui-space-6);
}

.member-start-reopen-icon {
  align-items: center;
  background: var(--ui-color-brand-soft);
  color: var(--ui-color-brand);
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.member-start-reopen > div {
  min-width: 0;
}

.member-start-reopen h2 {
  font-size: var(--ui-text-lg);
  margin: var(--ui-space-2) 0 0;
}

.member-start-reopen p {
  margin: var(--ui-space-1) 0 0;
}

@media (max-width: 68rem) {
  .member-start-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-start-actions > li + li {
    border-left: 0;
    border-top: 1px solid var(--ui-color-border);
  }

  .member-start-actions a {
    align-content: center;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    min-height: 7.5rem;
  }

  .member-start-number,
  .member-start-action-icon,
  .member-start-action-copy,
  .member-start-action-label {
    grid-column: auto;
  }

  .member-start-action-label {
    align-self: stretch;
    border-left: 1px solid var(--ui-color-border);
    border-top: 0;
    justify-content: flex-end;
    min-width: 9rem;
    padding: 0 0 0 var(--ui-space-4);
  }
}

@media (max-width: 44rem) {
  .member-start-guide,
  .member-start-reopen {
    padding: var(--ui-space-4);
  }

  .member-start-guide > header {
    align-items: stretch;
    flex-direction: column;
  }

  .member-start-guide > header > .kui-button {
    align-self: flex-start;
  }

  .member-start-actions a {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 11rem;
  }

  .member-start-number,
  .member-start-action-icon {
    grid-column: 1;
  }

  .member-start-action-copy {
    grid-column: 2;
  }

  .member-start-action-label {
    border-left: 0;
    border-top: 1px solid var(--ui-color-border);
    grid-column: 1 / -1;
    justify-content: space-between;
    min-width: 0;
    padding: var(--ui-space-3) 0 0;
  }

  .member-start-guide > footer {
    align-items: flex-start;
  }

  .member-start-reopen {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .member-start-reopen > .kui-button {
    grid-column: 2;
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .member-start-actions a {
    transition: none;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/demo-guide.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.demo-guide {
  background: var(--ui-color-surface-raised);
  border: 1px solid var(--ui-color-border-strong);
  bottom: var(--ui-space-5);
  box-shadow: var(--ui-shadow-lg);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  max-height: min(46rem, calc(100dvh - var(--ui-topbar-height) - var(--ui-space-8)));
  max-width: calc(100vw - var(--ui-space-8));
  overflow: hidden;
  position: fixed;
  right: var(--ui-space-5);
  width: min(29rem, calc(100vw - var(--ui-space-8)));
  z-index: 70;
}

.demo-guide::before {
  background: var(--ui-color-brand);
  content: "";
  height: 0.1875rem;
  inset: 0 0 auto;
  position: absolute;
}

.demo-guide-header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-4);
  justify-content: space-between;
  padding: var(--ui-space-4) var(--ui-space-5);
}

.demo-guide-header > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2) var(--ui-space-3);
  min-width: 0;
}

.demo-guide-eyebrow {
  align-items: center;
  color: var(--ui-color-brand-hover);
  display: inline-flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-1);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.demo-guide-readiness {
  align-items: center;
  color: var(--ui-color-warning);
  display: inline-flex;
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-1);
}

.demo-guide-readiness::before {
  background: currentColor;
  border-radius: 50%;
  content: "";
  height: 0.375rem;
  width: 0.375rem;
}

.demo-guide-readiness.is-ready { color: var(--ui-color-success); }

.demo-guide-disclosure {
  align-items: start;
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: grid;
  flex-basis: 100%;
  font-size: var(--ui-text-2xs);
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: auto minmax(0, 1fr);
  line-height: 1.45;
  margin: 0;
  padding-top: var(--ui-space-3);
}

.demo-guide-disclosure svg { color: var(--ui-color-brand); margin-top: 0.125rem; }
.demo-guide-disclosure strong { color: var(--ui-color-text); font-weight: var(--ui-weight-semibold); }

.demo-guide-close {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: var(--ui-control-sm);
  justify-content: center;
  padding: 0;
  width: var(--ui-control-sm);
}

.demo-guide-close:hover { background: var(--ui-color-surface-subtle); color: var(--ui-color-text); }
.demo-guide-close:focus-visible { box-shadow: var(--ui-focus-ring); outline: 2px solid var(--ui-color-surface); outline-offset: 1px; }

.demo-guide > .kui-progress {
  background: var(--ui-color-surface);
  border-bottom: 1px solid var(--ui-color-border);
  padding: var(--ui-space-3) var(--ui-space-5);
}

.demo-guide > .kui-progress .kui-progress__bar { background: var(--ui-color-brand); }

.demo-guide-body {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--ui-space-5);
}

.demo-guide-step-icon {
  align-items: center;
  background: var(--ui-color-brand-soft);
  color: var(--ui-color-brand);
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.demo-guide-copy { min-width: 0; }

.demo-guide-copy h2,
.demo-guide-complete h2 {
  font-family: var(--ui-font-display);
  font-size: var(--ui-text-xl);
  font-weight: var(--ui-weight-medium);
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0;
}

.demo-guide-copy h2:focus,
.demo-guide-complete h2:focus { outline: 0; }

.demo-guide-copy p,
.demo-guide-complete > p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-2) 0 0;
}

.demo-guide-task,
.demo-guide-look-for,
.demo-guide-boundary,
.demo-guide-target-state {
  grid-column: 1 / -1;
}

.demo-guide-task {
  background: var(--ui-color-accent-soft);
  border-left: 2px solid var(--ui-color-accent);
  padding: var(--ui-space-3) var(--ui-space-4);
}

.demo-guide-task strong,
.demo-guide-look-for h3 {
  color: var(--ui-color-text);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.demo-guide-task p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: 1.5;
  margin: var(--ui-space-1) 0 0;
}

.demo-guide-look-for {
  border-top: 1px solid var(--ui-color-border);
  padding-top: var(--ui-space-4);
}

.demo-guide-look-for h3 { margin: 0; }
.demo-guide-look-for ul { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); list-style: none; margin: var(--ui-space-3) 0 0; padding: 0; }
.demo-guide-look-for li { align-items: start; color: var(--ui-color-text-muted); display: grid; font-size: var(--ui-text-xs); grid-gap: var(--ui-space-2); gap: var(--ui-space-2); grid-template-columns: auto minmax(0, 1fr); line-height: 1.45; }
.demo-guide-look-for li svg { color: var(--ui-color-success); margin-top: 0.125rem; }

.demo-guide-boundary {
  align-items: start;
  background: var(--ui-color-info-soft);
  color: var(--ui-color-info);
  display: grid;
  font-size: var(--ui-text-2xs);
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: auto minmax(0, 1fr);
  line-height: 1.5;
  margin: 0;
  padding: var(--ui-space-3);
}

.demo-guide-boundary svg { margin-top: 0.125rem; }

.demo-guide-target-state {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  line-height: 1.45;
  margin: 0;
}

.demo-guide-target-state.is-ready { color: var(--ui-color-success); }
.demo-guide-target-state.is-empty,
.demo-guide-target-state.is-unavailable { color: var(--ui-color-warning); }

.demo-guide-footer {
  align-items: center;
  background: var(--ui-color-surface);
  border-top: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-3);
  justify-content: space-between;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.demo-guide-footer > div { align-items: center; display: flex; gap: var(--ui-space-2); }

.demo-guide-complete {
  align-content: center;
  display: grid;
  justify-items: start;
  min-height: 22rem;
  padding: var(--ui-space-8);
}

.demo-guide-complete-icon {
  align-items: center;
  background: var(--ui-color-success-soft);
  color: var(--ui-color-success);
  display: flex;
  height: 3rem;
  justify-content: center;
  margin-bottom: var(--ui-space-4);
  width: 3rem;
}

.demo-guide-complete-actions { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); margin-top: var(--ui-space-5); }

@media (max-width: 48rem) {
  .demo-guide {
    bottom: 0;
    left: 0;
    max-height: min(50dvh, 28rem);
    max-width: none;
    right: 0;
    width: 100%;
  }

  [data-tour] {
    scroll-margin-bottom: calc(50dvh + var(--ui-space-4));
    scroll-margin-top: calc(var(--ui-topbar-height) + var(--ui-space-4));
  }
  .demo-guide-body { padding: var(--ui-space-4); }
  .demo-guide-disclosure { line-height: 1.35; }
  .demo-guide-footer { align-items: stretch; flex-direction: column-reverse; }
  .demo-guide-footer > .kui-button { align-self: flex-start; }
  .demo-guide-footer > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; }
  .demo-guide-footer > div .kui-button { width: 100%; }
}

@media (max-width: 760px) {
  .app-frame:has(> .demo-guide) > .workspace-stage.is-immersive {
    height: 50dvh;
  }
}

@media (min-width: 48.0625rem) and (max-height: 38rem) {
  .demo-guide { bottom: 0; max-height: calc(100dvh - var(--ui-topbar-height)); }
  .demo-guide-header { padding-block: var(--ui-space-3); }
  .demo-guide-body { padding-block: var(--ui-space-3); }
}

@media (max-width: 48rem) and (max-height: 38rem) {
  .demo-guide { max-height: 50dvh; }
}

@media (prefers-reduced-motion: reduce) {
  .demo-guide { scroll-behavior: auto; }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/onboarding.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.setup-layout {
  display: grid;
  grid-gap: var(--ui-space-8);
  gap: var(--ui-space-8);
  min-width: 0;
}

.setup-state {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  min-height: 24rem;
}

.setup-summary {
  background: var(--ui-color-surface);
  border-block: 1px solid var(--ui-color-border-strong);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(9rem, 0.45fr) minmax(16rem, 0.7fr);
  min-width: 0;
}

.setup-summary-progress,
.setup-next-step {
  padding: var(--ui-space-8);
}

.setup-summary-heading {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-6);
  gap: var(--ui-space-6);
  grid-template-columns: auto minmax(0, 1fr);
  margin: var(--ui-space-5) 0 var(--ui-space-6);
}

.setup-summary-heading > div:first-child {
  align-items: baseline;
  display: flex;
  font-family: var(--ui-font-display);
  letter-spacing: -0.055em;
}

.setup-summary-heading > div:first-child strong {
  font-size: clamp(3.75rem, 7vw, 6.5rem);
  font-weight: 500;
  line-height: 0.78;
}

.setup-summary-heading > div:first-child span {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-xl);
  margin-left: var(--ui-space-2);
}

.setup-summary-heading h2,
.setup-complete h2 {
  font-family: var(--ui-font-display);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
  margin: 0;
}

.setup-summary-heading p,
.setup-next-step p,
.setup-complete p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-2) 0 0;
}

.setup-counts {
  border-inline: 1px solid var(--ui-color-border);
  display: grid;
  margin: 0;
}

.setup-counts > div {
  align-content: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  padding: var(--ui-space-4) var(--ui-space-6);
}

.setup-counts > div:last-child { border-bottom: 0; }
.setup-counts dt,
.setup-next-step > span,
.setup-complete small {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.setup-counts dd {
  font-family: var(--ui-font-display);
  font-size: 1.75rem;
  line-height: 1;
  margin: var(--ui-space-1) 0 0;
}

.setup-next-step {
  align-content: center;
  display: grid;
}

.setup-next-step > strong {
  font-size: var(--ui-text-lg);
  letter-spacing: var(--ui-tracking-tight);
  margin-top: var(--ui-space-3);
}

.setup-next-step > button,
.setup-next-step > a {
  align-items: center;
  background: transparent;
  color: var(--ui-color-accent-text);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  justify-self: start;
  margin-top: var(--ui-space-5);
  min-height: var(--ui-control-md);
  padding-block: var(--ui-space-2);
}

.setup-workbench {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: minmax(17rem, 0.6fr) minmax(0, 1.4fr);
  min-height: 35rem;
  min-width: 0;
}

.setup-step-rail {
  background: var(--ui-color-surface-subtle);
  border-right: 1px solid var(--ui-color-border);
  min-width: 0;
  padding: var(--ui-space-5);
}

.setup-step-rail > header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border-strong);
  display: flex;
  justify-content: space-between;
  padding: 0 var(--ui-space-2) var(--ui-space-4);
}

.setup-step-rail > header > span {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.setup-step-rail ol {
  display: grid;
  list-style: none;
  margin: var(--ui-space-2) 0 0;
  padding: 0;
}

.setup-step-rail li { border-bottom: 1px solid var(--ui-color-border); }

.setup-step-rail li > button {
  align-items: center;
  background: transparent;
  color: var(--ui-color-text);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 4.5rem;
  padding: var(--ui-space-3) var(--ui-space-2);
  text-align: left;
  width: 100%;
}

.setup-step-rail li > button:hover { background: var(--ui-color-surface); }
.setup-step-rail li > button.is-selected { background: var(--ui-color-surface-raised); box-shadow: inset 3px 0 0 var(--ui-color-accent); }

.setup-step-status {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-subtle);
  display: flex;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}

.setup-step-status.is-complete { background: var(--ui-color-success); border-color: var(--ui-color-success); color: var(--ui-color-on-accent); }
.setup-step-status.is-skipped { background: var(--ui-color-surface); color: var(--ui-color-text-muted); }
.setup-step-status.is-pending > span { background: var(--ui-color-warning); border-radius: 50%; height: 0.35rem; width: 0.35rem; }

.setup-step-copy { display: grid; min-width: 0; }
.setup-step-copy small { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.setup-step-copy strong { font-size: var(--ui-text-sm); margin-top: var(--ui-space-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.setup-focus {
  align-content: start;
  display: grid;
  min-width: 0;
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.setup-focus-heading {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.setup-focus-icon {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-accent);
  display: flex;
  height: 3.25rem;
  justify-content: center;
  width: 3.25rem;
}

.setup-focus-heading h2 {
  font-family: var(--ui-font-display);
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 0.95;
  margin: var(--ui-space-2) 0 0;
  scroll-margin-top: var(--ui-space-8);
}

.setup-focus-heading h2:focus { outline: 2px solid var(--ui-color-accent); outline-offset: var(--ui-space-2); }

.setup-focus-description {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-md);
  line-height: var(--ui-leading-relaxed);
  margin: var(--ui-space-6) 0 0;
  max-width: 48rem;
}

.setup-evidence {
  align-items: start;
  background: var(--ui-color-surface-subtle);
  border-left: 3px solid var(--ui-color-info);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr);
  margin-top: var(--ui-space-8);
  padding: var(--ui-space-5);
}

.setup-evidence[data-tone="success"] { border-left-color: var(--ui-color-success); }
.setup-evidence[data-tone="warning"] { border-left-color: var(--ui-color-warning); }
.setup-evidence[data-tone="neutral"] { border-left-color: var(--ui-color-border-strong); }
.setup-evidence > span { color: var(--ui-color-accent); display: flex; padding-top: var(--ui-space-1); }
.setup-evidence > div { display: grid; }
.setup-evidence small { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.setup-evidence strong { font-size: var(--ui-text-sm); margin-top: var(--ui-space-1); }
.setup-evidence p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }

.setup-task-meta {
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: var(--ui-space-8) 0 0;
}

.setup-task-meta > div { display: grid; padding: var(--ui-space-4) 0; }
.setup-task-meta > div + div { border-left: 1px solid var(--ui-color-border); padding-left: var(--ui-space-5); }
.setup-task-meta dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.setup-task-meta dd { font-size: var(--ui-text-sm); margin: var(--ui-space-1) 0 0; }

.setup-focus-actions {
  align-items: center;
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
  margin-top: var(--ui-space-8);
}

.setup-focus-actions > div { display: flex; gap: var(--ui-space-2); }
.setup-destination,
.setup-direct-note {
  align-items: center;
  color: var(--ui-color-accent-text);
  display: inline-flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
}
.setup-direct-note { color: var(--ui-color-text-muted); font-weight: var(--ui-weight-medium); }

.setup-complete {
  align-items: center;
  background: var(--ui-color-accent-soft);
  border: 1px solid var(--ui-color-accent);
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--ui-space-6);
}

.setup-complete > span {
  align-items: center;
  background: var(--ui-color-accent);
  color: var(--ui-color-on-accent);
  display: flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}
.setup-complete h2 { font-size: 1.75rem; margin-top: var(--ui-space-1); }
.setup-complete.has-warning { background: var(--ui-color-warning-soft); border-color: var(--ui-color-warning); }
.setup-complete.has-warning > span { background: var(--ui-color-warning); }

.settings-setup-link {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-top: var(--ui-space-6);
  padding: var(--ui-space-5) 0;
}

.settings-setup-link > span { align-items: center; color: var(--ui-color-accent); display: flex; height: 2.75rem; justify-content: center; width: 2.75rem; }
.settings-setup-link > div { display: grid; }
.settings-setup-link strong { font-size: var(--ui-text-sm); }
.settings-setup-link p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-1) 0 0; }
.settings-setup-link > a { align-items: center; color: var(--ui-color-accent-text); display: flex; font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-2); }
.settings-setup-link > small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }

.overview-availability {
  align-items: center;
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr);
  margin-top: var(--ui-space-6);
  padding: var(--ui-space-8) 0;
}

.overview-availability > span { align-items: center; border: 1px solid var(--ui-color-border-strong); color: var(--ui-color-warning); display: flex; height: 3.5rem; justify-content: center; width: 3.5rem; }
.overview-availability.is-ready > span { color: var(--ui-color-success); }
.overview-availability strong { font-family: var(--ui-font-display); font-size: var(--ui-text-lg); font-weight: 500; }
.overview-availability p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-2) 0 0; }

@media (max-width: 980px) {
  .setup-summary { grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.45fr); }
  .setup-next-step { border-top: 1px solid var(--ui-color-border); grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .setup-summary { grid-template-columns: 1fr; }
  .setup-summary-progress,
  .setup-next-step { padding: var(--ui-space-6); }
  .setup-counts { border-block: 1px solid var(--ui-color-border); border-inline: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .setup-counts > div { border-bottom: 0; border-right: 1px solid var(--ui-color-border); padding: var(--ui-space-4); }
  .setup-counts > div:last-child { border-right: 0; }
  .setup-next-step { grid-column: auto; }
  .setup-workbench { grid-template-columns: 1fr; }
  .setup-step-rail { border-bottom: 1px solid var(--ui-color-border); border-right: 0; }
  .setup-step-rail ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .setup-step-rail li:nth-child(odd) { border-right: 1px solid var(--ui-color-border); }
  .setup-focus-actions { align-items: stretch; flex-direction: column; }
  .setup-focus-actions > div { justify-content: flex-end; }
}

@media (max-width: 620px) {
  .setup-summary-heading { align-items: start; grid-template-columns: 1fr; }
  .setup-summary-heading > div:first-child strong { font-size: 4.5rem; }
  .setup-step-rail ol { grid-template-columns: 1fr; }
  .setup-step-rail li:nth-child(odd) { border-right: 0; }
  .setup-step-rail li > button { grid-template-columns: auto minmax(0, 1fr); }
  .setup-step-rail li > button > .kui-badge { grid-column: 2; justify-self: start; }
  .setup-focus { padding: var(--ui-space-5); }
  .setup-focus-heading { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .setup-focus-heading > .kui-badge { grid-column: 2; justify-self: start; }
  .setup-task-meta { grid-template-columns: 1fr; }
  .setup-task-meta > div + div { border-left: 0; border-top: 1px solid var(--ui-color-border); padding-left: 0; }
  .setup-focus-actions > div { flex-direction: column-reverse; }
  .setup-focus-actions .kui-button,
  .setup-destination { justify-content: center; width: 100%; }
  .setup-complete { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .setup-complete > a,
  .setup-complete > button { grid-column: 1 / -1; justify-content: center; width: 100%; }
  .settings-setup-link { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .settings-setup-link > a,
  .settings-setup-link > small { grid-column: 2; justify-self: start; }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/access.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.access-layout {
  display: grid;
  grid-gap: var(--ui-space-8);
  gap: var(--ui-space-8);
  min-width: 0;
}

.access-identity-links {
  background: var(--ui-color-surface);
  border-block: 1px solid var(--ui-color-border-strong);
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  padding: var(--ui-space-6);
}

.access-identity-links > header,
.access-directory > header,
.access-token-section > header {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
}

.access-identity-links h2,
.access-directory > header h2,
.access-token-section > header h2 {
  font-family: var(--ui-font-display);
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
  margin: var(--ui-space-2) 0 0;
}

.access-identity-links > header p,
.access-directory > header p,
.access-token-section > header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  margin: var(--ui-space-2) 0 0;
}

.access-identity-links > div {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.access-identity-links a {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  min-height: 5rem;
  padding: var(--ui-space-4);
  transition: background-color var(--ui-duration-fast), border-color var(--ui-duration-fast);
}

.access-identity-links a:hover {
  background: var(--ui-color-surface-subtle);
  border-color: var(--ui-color-border-strong);
}

.access-link-icon,
.access-connection-mark,
.access-record-icon,
.access-metric-grid > article > span {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-accent);
  display: flex;
  flex: 0 0 auto;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.access-identity-links a > span:nth-child(2) {
  display: grid;
  min-width: 0;
}

.access-identity-links strong { font-size: var(--ui-text-sm); }
.access-identity-links small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-top: var(--ui-space-1); }
.access-identity-links a > svg { color: var(--ui-color-text-subtle); }

.access-overview {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: minmax(20rem, 0.8fr) minmax(0, 1.2fr);
  min-width: 0;
}

.access-connection-card {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  display: grid;
  min-width: 0;
  padding: var(--ui-space-6);
}

.access-connection-card > header {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.access-connection-card > header > div { display: grid; min-width: 0; }
.access-connection-card > header small,
.access-endpoint > span:first-child,
.access-metric-grid small,
.access-record-list dt,
.access-group-meta small,
.access-group-facts dt {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.access-connection-card h2 {
  font-family: var(--ui-font-display);
  font-size: var(--ui-text-xl);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.1;
  margin: var(--ui-space-1) 0 0;
}

.access-endpoint {
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: var(--ui-space-6);
  padding-block: var(--ui-space-4);
}

.access-endpoint > span:first-child { grid-column: 1 / -1; }
.access-endpoint code {
  align-self: center;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-connection-card > footer {
  align-items: center;
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-4);
  justify-content: space-between;
  padding-top: var(--ui-space-4);
}

.access-connection-card > footer span { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; gap: var(--ui-space-2); }
.access-connection-card > footer strong { font-size: var(--ui-text-xs); text-align: right; }
.access-connection-card > .kui-alert { margin-top: var(--ui-space-4); }

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

.access-metric-grid > article {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
  padding: var(--ui-space-5);
}

.access-metric-grid > article > div { display: grid; min-width: 0; }
.access-metric-grid strong { font-family: var(--ui-font-display); font-size: 2rem; font-weight: 500; line-height: 1; margin-top: var(--ui-space-1); }
.access-metric-grid p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-2) 0 0; }

.access-directory,
.access-token-section {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  min-width: 0;
  padding: clamp(var(--ui-space-5), 3vw, var(--ui-space-8));
}

.access-directory-toolbar {
  align-items: center;
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(15rem, 1fr) auto;
  padding-block: var(--ui-space-4);
}

.access-view-switch {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  display: flex;
  padding: 0.1875rem;
}

.access-view-switch button {
  align-items: center;
  background: transparent;
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  min-height: 2.25rem;
  padding-inline: var(--ui-space-3);
}

.access-view-switch button[aria-pressed="true"] { background: var(--ui-color-accent-soft); color: var(--ui-color-accent-text); font-weight: var(--ui-weight-semibold); }
.access-view-switch button span { font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }

.access-directory-search {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  display: flex;
  gap: var(--ui-space-2);
  min-height: var(--ui-control-md);
  min-width: 0;
  padding-inline: var(--ui-space-3);
}

.access-directory-search:focus-within,
.access-member-search > div:focus-within { border-color: var(--ui-color-accent); box-shadow: var(--ui-focus-ring); }
.access-directory-search > svg { color: var(--ui-color-text-muted); flex: 0 0 auto; }
.access-directory-search input,
.access-member-search input {
  background: transparent;
  border: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-text-sm);
  min-width: 0;
  outline: 0;
  width: 100%;
}

.access-directory-filter select {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-text);
  min-height: var(--ui-control-md);
  padding-inline: var(--ui-space-3);
}

.access-result-summary {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  margin-top: calc(var(--ui-space-2) * -1);
}
.access-result-summary strong { color: var(--ui-color-text); }

.access-record-list,
.access-member-list {
  border: 1px solid var(--ui-color-border);
  list-style: none;
  margin: 0;
  padding: 0;
}

.access-record-list > li,
.access-member-list > li { border-bottom: 1px solid var(--ui-color-border); }
.access-record-list > li:last-child,
.access-member-list > li:last-child { border-bottom: 0; }

.access-people-list > li {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(11rem, 0.8fr) auto minmax(18rem, 1.2fr);
  min-width: 0;
  padding: var(--ui-space-4);
}

.access-record-icon { height: 2.25rem; width: 2.25rem; }
.access-record-primary { display: grid; min-width: 0; }
.access-record-primary strong { font-size: var(--ui-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.access-record-primary small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-top: var(--ui-space-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.access-people-list dl {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  min-width: 0;
}
.access-people-list dl > div { display: grid; min-width: 0; }
.access-record-list dd,
.access-group-facts dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: var(--ui-space-1) 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.access-group-list > li > button {
  align-items: center;
  background: transparent;
  color: var(--ui-color-text);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(11rem, 0.7fr) auto minmax(19rem, 1.3fr) auto;
  min-height: 5rem;
  padding: var(--ui-space-4);
  text-align: left;
  width: 100%;
}
.access-group-list > li > button:hover { background: var(--ui-color-surface-subtle); }
.access-group-list > li > button > svg { color: var(--ui-color-text-subtle); }

.access-group-meta {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}
.access-group-meta > span { display: grid; min-width: 0; }
.access-group-meta strong { font-size: var(--ui-text-xs); margin-top: var(--ui-space-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.access-result-limit {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  margin: 0;
  text-align: center;
}

.access-resource-state { background: var(--ui-color-surface); border: 1px solid var(--ui-color-border); }
.access-resource-state .kui-empty-state { min-height: 20rem; }
.access-token-section > .scim-provisioning-card { border-color: var(--ui-color-border); }

.access-group-detail { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.access-group-facts {
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}
.access-group-facts > div { border-right: 1px solid var(--ui-color-border); display: grid; min-width: 0; padding: var(--ui-space-4); }
.access-group-facts > div:last-child { border-right: 0; }

.access-member-search { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.access-member-search > span { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.access-member-search > div { align-items: center; border: 1px solid var(--ui-color-border-strong); display: flex; gap: var(--ui-space-2); min-height: var(--ui-control-md); padding-inline: var(--ui-space-3); }
.access-member-search svg { color: var(--ui-color-text-muted); flex: 0 0 auto; }
.access-member-heading { align-items: center; display: flex; font-size: var(--ui-text-sm); justify-content: space-between; }
.access-member-heading span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }

.access-member-list { max-height: min(28rem, 48vh); overflow-y: auto; }
.access-member-list > li {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto minmax(10rem, auto);
  padding: var(--ui-space-3);
}
.access-member-list > li > div { display: grid; min-width: 0; }
.access-member-list strong { font-size: var(--ui-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.access-member-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.access-member-list code { color: var(--ui-color-text-muted); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.access-member-list > li > span:last-child { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); }

.application-access {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  min-width: 0;
  padding: var(--ui-space-6);
}

.application-access--state .kui-empty-state { min-height: 12rem; }

.application-access__header {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
}

.application-access__header h2 {
  font-family: var(--ui-font-display);
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
  margin: var(--ui-space-2) 0 0;
}

.application-access__header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  margin: var(--ui-space-2) 0 0;
  max-width: 50rem;
}

.application-access__summary {
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.application-access__summary > div {
  border-right: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  grid-template-columns: minmax(0, 1fr) auto;
  padding: var(--ui-space-4);
}

.application-access__summary > div:last-child { border-right: 0; }
.application-access__summary dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.application-access__summary dd { font-family: var(--ui-font-display); font-size: 2rem; grid-row: 1 / 3; margin: 0; }
.application-access__summary span { color: var(--ui-color-text-subtle); font-size: var(--ui-text-xs); }

.application-access__toolbar {
  align-items: center;
  display: flex;
  gap: var(--ui-space-3);
  justify-content: space-between;
}

.application-access__switch {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  display: inline-flex;
  padding: 0.1875rem;
}

.application-access__switch button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  min-height: 2.25rem;
  padding: 0 var(--ui-space-3);
}

.application-access__switch button:hover { color: var(--ui-color-text); }
.application-access__switch button[aria-pressed="true"] { background: var(--ui-color-surface); box-shadow: inset 0 0 0 1px var(--ui-color-border-strong); color: var(--ui-color-text); }
.application-access__switch button span { align-items: center; background: var(--ui-color-surface-subtle); display: inline-flex; font-size: var(--ui-text-2xs); height: 1.125rem; justify-content: center; min-width: 1.125rem; padding-inline: 0.25rem; }

.application-access__panel { min-height: 9rem; min-width: 0; }
.application-access__list { border-top: 1px solid var(--ui-color-border); list-style: none; margin: 0; padding: 0; }
.application-access__list > li { border-bottom: 1px solid var(--ui-color-border); min-width: 0; }

.application-access__members > li {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(10rem, 1fr) minmax(8rem, auto) minmax(12rem, 1fr) minmax(6rem, auto) auto;
  min-height: 5.25rem;
  padding: var(--ui-space-4);
}

.application-access__invitations > li {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(12rem, 1fr) auto minmax(17rem, 1fr) auto;
  min-height: 5.25rem;
  padding: var(--ui-space-4);
}

.application-access__roles > li {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(12rem, 1fr) minmax(8rem, auto) minmax(15rem, 1fr) minmax(6rem, auto) auto;
  min-height: 5.5rem;
  padding: var(--ui-space-4);
}

.application-access__icon {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-accent);
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.application-access__primary { display: grid; min-width: 0; }
.application-access__primary strong { font-size: var(--ui-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.application-access__primary small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-top: var(--ui-space-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.application-access__badges,
.application-access__role-stack,
.application-access__actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); min-width: 0; }
.application-access__role-stack .kui-badge { max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.application-access__mfa,
.application-access__count,
.application-access__locked { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-xs); gap: var(--ui-space-1); white-space: nowrap; }
.application-access__mfa[data-ready="true"] { color: var(--ui-color-success); }

.application-access__invitations dl {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.application-access__invitations dl > div { display: grid; min-width: 0; }
.application-access__invitations dt { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.application-access__invitations dd { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); margin: var(--ui-space-1) 0 0; }
.application-access__actions { justify-content: flex-end; }

.application-access__permissions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-1); min-width: 0; }
.application-access__permissions span { border: 1px solid var(--ui-color-border); color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); padding: 0.1875rem 0.375rem; }
.application-access__permissions small { color: var(--ui-color-text-muted); font-size: var(--ui-text-2xs); }

.application-access__check-list,
.application-access__permission-grid { border: 0; display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); margin: 0; padding: 0; }
.application-access__check-list legend,
.application-access__permission-grid legend { font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); margin-bottom: var(--ui-space-2); }

.application-access__check-list label {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--ui-space-3);
}

.application-access__check-list label:has(input:checked) { border-color: var(--ui-color-border-strong); background: var(--ui-color-surface-subtle); }
.application-access__check-list label > span { display: grid; }
.application-access__check-list strong { font-size: var(--ui-text-sm); }
.application-access__check-list small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin-top: var(--ui-space-1); }
.application-access__validation { color: var(--ui-color-danger); font-size: var(--ui-text-xs); margin: var(--ui-space-3) 0 0; }
.application-access__form-note { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: var(--ui-space-3) 0 0; }

.application-access__role-review { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.application-access__role-review h3 { font-size: var(--ui-text-sm); margin: 0; }
.application-access__role-review-focus:focus-visible { outline: 2px solid var(--ui-color-accent); outline-offset: var(--ui-space-2); }
.application-access__role-diff {
  border-block: 1px solid var(--ui-color-border);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.application-access__role-diff > div { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); padding: var(--ui-space-4); }
.application-access__role-diff > div + div { border-left: 1px solid var(--ui-color-border); }
.application-access__role-diff strong { font-size: var(--ui-text-xs); }
.application-access__role-diff span { color: var(--ui-color-text-subtle); font-size: var(--ui-text-sm); }
.application-access__role-diff ul { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); list-style: none; margin: 0; padding: 0; }
.application-access__role-diff li { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); font-size: var(--ui-text-xs); padding: 0.25rem 0.5rem; }
.application-access__manager-change {
  align-items: start;
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-3);
}
.application-access__manager-change > svg { color: var(--ui-color-text-muted); margin-top: 0.125rem; }
.application-access__manager-change[data-change="gained"] > svg { color: var(--ui-color-warning); }
.application-access__manager-change[data-change="lost"] > svg { color: var(--ui-color-danger); }
.application-access__manager-change > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.application-access__manager-change strong { font-size: var(--ui-text-sm); }
.application-access__manager-change span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.45; }

.application-access__credential { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.application-access__credential > div { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); padding: var(--ui-space-3); }
.application-access__credential > div span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }
.application-access__credential code { font-family: var(--ui-font-mono); font-size: var(--ui-text-xs); max-height: 8rem; overflow: auto; overflow-wrap: anywhere; -webkit-user-select: all; -moz-user-select: all; user-select: all; }

.application-access__action-facts { border-block: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); padding: var(--ui-space-4) 0; }
.application-access__action-facts strong { font-size: var(--ui-text-sm); }
.application-access__action-facts span,
.application-access__action-facts small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }

.application-access__role-fields { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.application-access__permission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.application-access__permission-grid legend { grid-column: 1 / -1; }
.application-access__permission-grid label {
  align-items: start;
  border: 1px solid var(--ui-color-border);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 6.25rem;
  padding: var(--ui-space-3);
}

.application-access__permission-grid label:has(input:checked) { background: var(--ui-color-surface-subtle); border-color: var(--ui-color-border-strong); }
.application-access__permission-grid input,
.application-access__check-list input { margin-top: 0.1875rem; }
.application-access__permission-grid label > span { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.application-access__permission-grid small { color: var(--ui-color-accent); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); text-transform: uppercase; }
.application-access__permission-grid strong { font-size: var(--ui-text-sm); }
.application-access__permission-grid em { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); font-style: normal; line-height: 1.45; }

@media (max-width: 1060px) {
  .access-overview { grid-template-columns: 1fr; }
  .access-people-list > li { grid-template-columns: auto minmax(0, 1fr) auto; }
  .access-people-list dl { grid-column: 2 / -1; }
  .access-group-list > li > button { grid-template-columns: auto minmax(0, 1fr) auto auto; }
  .access-group-meta { grid-column: 2 / -1; grid-row: 2; }
  .application-access__members > li,
  .application-access__roles > li { grid-template-columns: auto minmax(10rem, 1fr) minmax(8rem, auto) minmax(12rem, 1fr); }
  .application-access__members > li > .application-access__mfa,
  .application-access__roles > li > .application-access__count { grid-column: 2; }
  .application-access__members > li > .kui-button,
  .application-access__roles > li > .kui-button,
  .application-access__roles > li > .application-access__locked { grid-column: 4; grid-row: 2; justify-self: end; }
  .application-access__invitations > li { grid-template-columns: auto minmax(10rem, 1fr) auto minmax(15rem, 1fr); }
  .application-access__invitations .application-access__actions { grid-column: 2 / -1; }
}

@media (max-width: 820px) {
  .access-identity-links > div { grid-template-columns: 1fr; }
  .access-directory-toolbar { grid-template-columns: 1fr auto; }
  .access-view-switch { grid-column: 1 / -1; }
  .access-directory-search { min-width: 0; }
  .access-group-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .access-group-facts > div:nth-child(2) { border-right: 0; }
  .access-group-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--ui-color-border); }
  .access-member-list > li { grid-template-columns: auto minmax(0, 1fr) auto; }
  .access-member-list > li > span:last-child { grid-column: 2 / -1; }
  .application-access__summary { grid-template-columns: 1fr; }
  .application-access__summary > div { border-bottom: 1px solid var(--ui-color-border); border-right: 0; }
  .application-access__summary > div:last-child { border-bottom: 0; }
  .application-access__members > li,
  .application-access__roles > li,
  .application-access__invitations > li { align-items: start; grid-template-columns: auto minmax(0, 1fr) auto; }
  .application-access__members .application-access__role-stack,
  .application-access__members .application-access__mfa,
  .application-access__roles .application-access__permissions,
  .application-access__roles .application-access__count,
  .application-access__invitations dl { grid-column: 2 / -1; }
  .application-access__members > li > .kui-button,
  .application-access__roles > li > .kui-button,
  .application-access__roles > li > .application-access__locked,
  .application-access__invitations .application-access__actions { grid-column: 2 / -1; grid-row: auto; justify-self: start; }
}

@media (max-width: 620px) {
  .access-identity-links,
  .access-directory,
  .access-token-section { padding: var(--ui-space-5); }
  .access-identity-links > header,
  .access-directory > header,
  .access-token-section > header { align-items: flex-start; flex-direction: column; }
  .access-identity-links a { grid-template-columns: auto minmax(0, 1fr); }
  .access-identity-links a > .kui-badge,
  .access-identity-links a > svg { grid-column: 2; justify-self: start; }
  .access-metric-grid { grid-template-columns: 1fr; }
  .access-connection-card { padding: var(--ui-space-5); }
  .access-connection-card > header { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .access-connection-card > header > .kui-badge { grid-column: 2; justify-self: start; }
  .access-connection-card > footer { align-items: flex-start; flex-direction: column; gap: var(--ui-space-1); }
  .access-connection-card > footer strong { text-align: left; }
  .access-directory-toolbar { grid-template-columns: 1fr; }
  .access-view-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .access-view-switch button { justify-content: center; padding-inline: var(--ui-space-2); }
  .access-people-list > li { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .access-people-list > li > .kui-badge { grid-column: 2; justify-self: start; }
  .access-people-list dl { grid-column: 2; grid-template-columns: 1fr; }
  .access-group-list > li > button { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .access-group-list > li > button > .kui-badge,
  .access-group-meta,
  .access-group-list > li > button > svg { grid-column: 2; grid-row: auto; justify-self: start; }
  .access-group-meta { grid-template-columns: 1fr; }
  .access-group-facts { grid-template-columns: 1fr; }
  .access-group-facts > div { border-bottom: 1px solid var(--ui-color-border); border-right: 0; }
  .access-group-facts > div:last-child { border-bottom: 0; }
  .access-member-list > li { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .access-member-list > li > .kui-badge,
  .access-member-list > li > span:last-child { grid-column: 2; justify-self: start; }
  .application-access { padding: var(--ui-space-5); }
  .application-access__header { flex-direction: column; }
  .application-access__toolbar { align-items: stretch; flex-direction: column; }
  .application-access__switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .application-access__switch button { justify-content: center; padding-inline: var(--ui-space-1); }
  .application-access__members > li,
  .application-access__roles > li,
  .application-access__invitations > li { grid-template-columns: auto minmax(0, 1fr); }
  .application-access__members .application-access__badges,
  .application-access__members .application-access__role-stack,
  .application-access__members .application-access__mfa,
  .application-access__members > li > .kui-button,
  .application-access__roles .application-access__badges,
  .application-access__roles .application-access__permissions,
  .application-access__roles .application-access__count,
  .application-access__roles > li > .kui-button,
  .application-access__roles > li > .application-access__locked,
  .application-access__invitations > li > .kui-badge,
  .application-access__invitations dl,
  .application-access__invitations .application-access__actions { grid-column: 2; }
  .application-access__invitations dl,
  .application-access__role-fields,
  .application-access__permission-grid,
  .application-access__role-diff { grid-template-columns: 1fr; }
  .application-access__role-diff > div + div { border-left: 0; border-top: 1px solid var(--ui-color-border); }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/assistant-content.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.assistant-content {
  min-width: 0;
  overflow-wrap: anywhere;
}

.assistant-content > :first-child {
  margin-top: 0;
}

.assistant-content > :last-child {
  margin-bottom: 0;
}

.assistant-content p,
.assistant-content ul,
.assistant-content ol,
.assistant-content pre {
  margin: var(--ui-space-3) 0;
}

.assistant-content p {
  white-space: pre-wrap;
}

.assistant-content h2,
.assistant-content h3,
.assistant-content h4,
.assistant-content h5,
.assistant-content h6 {
  color: var(--ui-color-text);
  font-family: var(--ui-font-display);
  font-weight: var(--ui-weight-semibold);
  letter-spacing: -0.015em;
  line-height: var(--ui-leading-tight);
  margin: var(--ui-space-5) 0 var(--ui-space-2);
}

.assistant-content h2 {
  font-size: var(--ui-text-lg);
}

.assistant-content h3 {
  font-size: 1.0625rem;
}

.assistant-content h4,
.assistant-content h5,
.assistant-content h6 {
  font-size: var(--ui-text-md);
}

.assistant-content ul,
.assistant-content ol {
  padding-left: var(--ui-space-6);
}

.assistant-content li + li {
  margin-top: var(--ui-space-1);
}

.assistant-content pre {
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  max-width: 100%;
  overflow-x: auto;
  padding: var(--ui-space-4);
  -moz-tab-size: 2;
       tab-size: 2;
}

.assistant-content pre code {
  background: transparent;
  border: 0;
  color: var(--ui-color-text);
  font-family: var(--ui-font-mono);
  font-size: 0.8125rem;
  line-height: 1.6;
  padding: 0;
  white-space: pre;
}

.assistant-content__inline-code {
  background: var(--ui-color-accent-soft);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  font-family: var(--ui-font-mono);
  font-size: 0.875em;
  padding: 0.08em 0.3em;
}

.assistant-content a {
  color: var(--ui-color-brand-hover);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

.assistant-content a:hover {
  color: var(--ui-color-brand);
}

.assistant-content a:focus-visible {
  border-radius: var(--ui-radius-sm);
  box-shadow: var(--ui-focus-ring);
  outline: 2px solid var(--ui-color-surface);
  outline-offset: 1px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/chat.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* End-user chat surface. This file owns the complete conversation layout so
   administrative workspace styles cannot leak into the product experience. */

.workspace-chat-page {
  margin: 0 auto;
  max-width: 90rem;
  min-width: 0;
  width: 100%;
}

.chat-experience {
  min-width: 0;
  position: relative;
}

.chat-layout {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-xl);
  box-shadow: var(--ui-shadow-sm);
  display: grid;
  grid-template-columns: 17.5rem minmax(0, 1fr);
  height: min(54rem, calc(100dvh - 9rem));
  min-height: min(42rem, calc(100dvh - 9rem));
  overflow: hidden;
  position: relative;
}

.chat-history-scrim {
  display: none;
}

.rail-label {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-bold);
  letter-spacing: var(--ui-tracking-wide);
  text-transform: uppercase;
}

.conversation-rail-item:disabled {
  cursor: progress;
  opacity: 0.72;
}

.conversation-rail-item > div {
  display: grid;
  min-width: 0;
}

.conversation-rail-item strong,
.conversation-rail-item small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conversation-rail-item small,
.conversation-rail-item p {
  color: var(--ui-color-text-muted);
}

.conversation-rail-item p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  line-height: 1.4;
  margin: var(--ui-space-1) 0 0;
  overflow: hidden;
}

.rail-empty-note svg {
  flex: 0 0 auto;
}

.rail-empty-note.is-error {
  color: var(--ui-color-danger);
}

.rail-empty-note button {
  align-self: center;
  background: transparent;
  color: var(--ui-color-accent-text);
  cursor: pointer;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  margin-left: auto;
}

.chat-message-body {
  min-width: 0;
}

.chat-message-heading {
  align-items: baseline;
  display: flex;
  gap: var(--ui-space-3);
}

.chat-message-heading strong {
  font-size: var(--ui-text-sm);
}

.chat-message-heading span {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
}

.chat-message-content {
  color: var(--ui-color-text);
}

p.chat-message-content {
  white-space: pre-wrap;
}

.chat-processing {
  align-items: center;
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-2);
  margin-top: var(--ui-space-3);
}

.chat-error {
  margin-top: var(--ui-space-3);
}

.chat-error small {
  display: block;
  font-size: var(--ui-text-xs);
  margin-top: var(--ui-space-2);
}

.chat-citations {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  margin-top: var(--ui-space-4);
}

.chat-citation {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-xs);
  gap: 0.375rem;
  min-height: 2rem;
  padding: 0 var(--ui-space-3) 0 0.3rem;
}

.chat-citation > span {
  align-items: center;
  border-right: 1px solid var(--ui-color-border);
  color: var(--ui-color-accent-text);
  display: flex;
  height: 1.4rem;
  justify-content: center;
  width: 1.6rem;
}

.chat-citation.is-reference {
  cursor: default;
}

.chat-response-details {
  border-top: 1px solid var(--ui-color-border);
  margin-top: var(--ui-space-4);
  max-width: none;
  padding-top: var(--ui-space-3);
}

.chat-response-details summary {
  align-items: center;
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  list-style: none;
  width: -moz-fit-content;
  width: fit-content;
}

.chat-response-details summary::-webkit-details-marker {
  display: none;
}

.chat-response-details summary::after {
  content: "+";
  font-family: var(--ui-font-mono);
  margin-left: var(--ui-space-1);
}

.chat-response-details[open] summary::after {
  content: "−";
}

.chat-response-details summary:hover,
.chat-response-details summary:focus-visible {
  color: var(--ui-color-text);
}

.chat-response-details summary:focus-visible {
  border-radius: var(--ui-radius-xs);
  outline: 0;
  box-shadow: var(--ui-focus-ring);
}

.chat-response-details summary small {
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: 999px;
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  padding: 0.15rem var(--ui-space-2);
}

.chat-response-details-body {
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  margin-top: var(--ui-space-3);
  padding: var(--ui-space-3);
}

.chat-knowledge-receipt,
.chat-memory-receipt,
.chat-calendar-receipt,
.chat-memory-save-policy,
.chat-project-artifact-policy {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-2);
}

.chat-knowledge-receipt > svg,
.chat-memory-receipt > svg,
.chat-calendar-receipt > svg,
.chat-memory-save-policy > svg,
.chat-project-artifact-policy > svg {
  color: var(--ui-color-accent-text);
  flex: 0 0 auto;
  margin-top: 0.15rem;
}

.chat-knowledge-receipt strong,
.chat-memory-receipt strong,
.chat-calendar-receipt strong,
.chat-memory-save-policy strong,
.chat-project-artifact-policy strong {
  font-size: var(--ui-text-xs);
}

.chat-knowledge-receipt p,
.chat-memory-receipt p,
.chat-calendar-receipt p,
.chat-memory-save-policy p,
.chat-project-artifact-policy p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: 1.5;
  margin: var(--ui-space-1) 0 0;
}

.chat-knowledge-receipt a,
.chat-memory-receipt a,
.chat-memory-save-policy a,
.chat-project-artifact-policy a {
  color: var(--ui-color-accent-text);
  display: inline-block;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  margin-top: var(--ui-space-2);
}

.chat-memory-save-policy,
.chat-project-artifact-policy {
  background: var(--ui-color-success-soft);
  border-left: 0.1875rem solid var(--ui-color-success);
  padding: var(--ui-space-3);
}

.chat-memory-save-policy > svg,
.chat-project-artifact-policy > svg {
  color: var(--ui-color-success);
}

.chat-memory-save-dialog .kui-dialog__body {
  padding-block: var(--ui-space-4);
}

.chat-memory-save-form {
  gap: var(--ui-space-3);
}

.chat-memory-save-form textarea {
  min-height: 5.5rem;
}

.chat-memory-save-form .memory-visibility {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chat-memory-save-form .memory-visibility legend {
  grid-column: 1 / -1;
}

.chat-memory-save-form .memory-visibility > label {
  padding: var(--ui-space-2);
}

.chat-project-artifact-dialog .kui-dialog__body {
  padding-block: var(--ui-space-4);
}

.chat-project-artifact-form {
  gap: var(--ui-space-3);
}

.chat-project-artifact-form textarea {
  line-height: var(--ui-leading-body);
  min-height: 9rem;
  resize: vertical;
}

.chat-project-artifact-empty {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--ui-space-3);
}

.chat-project-artifact-empty > svg {
  color: var(--ui-color-text-muted);
}

.chat-project-artifact-empty strong,
.chat-project-artifact-confirmation strong {
  font-size: var(--ui-text-sm);
}

.chat-project-artifact-empty p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.chat-project-artifact-confirmation {
  align-items: start;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-3);
}

.chat-project-artifact-confirmation.is-checked {
  background: var(--ui-color-accent-soft);
  border-color: var(--ui-color-accent);
}

.chat-project-artifact-confirmation[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.62;
}

.chat-project-artifact-confirmation input {
  margin-top: 0.2rem;
  min-height: auto;
}

.chat-project-artifact-confirmation > span {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
}

.chat-project-artifact-confirmation small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
}

.chat-metadata {
  align-items: center;
  color: var(--ui-color-text-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-3);
  margin-top: 0;
}

.chat-message-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-1);
  margin-left: auto;
}

.chat-message-actions button,
.chat-message-actions a {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-1);
  height: 2rem;
  justify-content: center;
  padding: 0 var(--ui-space-2);
  text-decoration: none;
}

.chat-message-actions button:hover,
.chat-message-actions button:focus-visible,
.chat-message-actions a:hover,
.chat-message-actions a:focus-visible {
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
}

.chat-message-actions button:focus-visible,
.chat-message-actions a:focus-visible {
  box-shadow: var(--ui-focus-ring);
  outline: 0;
}

.chat-message-actions a {
  color: var(--ui-color-success);
}

.chat-feedback {
  align-items: center;
  border-top: 1px solid var(--ui-color-border);
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  margin-top: var(--ui-space-3);
  padding-top: var(--ui-space-3);
}

.chat-feedback > span {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
}

.chat-feedback-actions,
.chat-feedback-submit {
  display: flex;
  gap: var(--ui-space-2);
}

.chat-feedback-reason {
  display: grid;
  flex-basis: 100%;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  max-width: 34rem;
}

.chat-feedback.is-submitted {
  border-top: 0;
  color: var(--ui-color-success);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.04em;
  padding-top: 0;
  text-transform: uppercase;
}

.chat-suggestions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.chat-suggestions button > span {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-accent);
  display: flex;
  justify-content: center;
}

.chat-composer-standard {
  transition: border var(--ui-duration-fast), box-shadow var(--ui-duration-fast);
}

.chat-composer-standard textarea {
  border: 0;
  color: var(--ui-color-text);
  display: block;
  outline: 0;
  resize: none;
  width: 100%;
}

.chat-composer-standard textarea::placeholder {
  color: var(--ui-color-text-subtle);
}

.composer-standard-toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.composer-standard-toolbar > div {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  min-width: 0;
}

.select-control {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-accent);
  display: flex;
  min-height: 2.25rem;
  padding: 0 var(--ui-space-2);
}

.select-control:focus-within {
  border-color: var(--ui-color-accent);
  box-shadow: var(--ui-focus-ring);
}

.select-control select {
  background: transparent;
  border: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-text-xs);
  max-width: 14rem;
  outline: 0;
  padding: 0 var(--ui-space-2);
}

.composer-toggle {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  min-height: 2.25rem;
  padding: 0 var(--ui-space-3);
}

.composer-toggle.is-active {
  background: var(--ui-color-accent-soft);
  border-color: color-mix(in srgb, var(--ui-color-accent) 20%, transparent);
  color: var(--ui-color-accent-text);
}

.composer-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.composer-knowledge-controls {
  align-items: center;
  display: inline-flex;
  gap: 0.125rem;
  max-width: 100%;
}

.knowledge-source-picker.is-compact {
  background: transparent;
  border: 0;
  border-radius: var(--ui-radius-sm);
  position: static;
}

.knowledge-source-picker.is-compact > summary {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  display: flex;
  gap: var(--ui-space-1);
  grid-template-columns: none;
  min-height: 2.25rem;
  padding: 0 var(--ui-space-2);
  white-space: nowrap;
}

.knowledge-source-picker.is-compact > summary:hover,
.knowledge-source-picker.is-compact > summary:focus-visible {
  border-color: var(--ui-color-border-strong);
  color: var(--ui-color-text);
}

.knowledge-source-picker.is-compact > summary > span:first-child {
  display: block;
  min-width: 0;
}

.knowledge-source-picker.is-compact > summary strong {
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
}

.knowledge-source-picker.is-compact .knowledge-source-picker-action {
  color: currentColor;
  display: flex;
}

.knowledge-source-picker.is-compact > .knowledge-source-picker-body {
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-lg);
  bottom: calc(100% + var(--ui-space-2));
  box-shadow: 0 1rem 2.5rem rgb(17 17 17 / 14%);
  left: var(--ui-space-2);
  max-height: min(28rem, calc(100dvh - 17rem));
  overflow-y: auto;
  position: absolute;
  right: var(--ui-space-2);
  z-index: 12;
}

.composer-memory-link {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  padding: var(--ui-space-1);
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-underline-offset: 0.2rem;
}

.composer-memory-link:hover,
.composer-memory-link:focus-visible {
  color: var(--ui-color-text);
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}

.composer-context-link {
  align-items: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  display: inline-flex;
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-2);
  min-height: 2.25rem;
  padding: 0 var(--ui-space-2);
  white-space: nowrap;
}

.composer-context-link:hover,
.composer-context-link:focus-visible {
  background: var(--ui-color-surface-subtle);
  border-color: var(--ui-color-border-strong);
  color: var(--ui-color-text);
}

.composer-send {
  align-items: center;
  background: var(--ui-color-accent);
  color: var(--ui-color-on-accent);
  cursor: pointer;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.composer-send:disabled {
  background: var(--ui-color-border-strong);
  color: var(--ui-color-text-subtle);
  cursor: not-allowed;
}

.composer-send.is-stop {
  background: var(--ui-color-danger);
}

.composer-footnote {
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-xs);
  justify-content: space-between;
}

.chat-rail {
  background: var(--ui-color-surface-subtle);
  border-right: 1px solid var(--ui-color-border);
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: var(--ui-space-4);
}

.chat-rail-header,
.chat-product-lockup,
.chat-rail-section-heading,
.chat-surface-header,
.chat-policy-status {
  align-items: center;
  display: flex;
}

.chat-rail-header,
.chat-rail-section-heading {
  justify-content: space-between;
}

.chat-product-lockup {
  gap: var(--ui-space-3);
  min-width: 0;
}

.chat-product-lockup > span {
  align-items: center;
  background: var(--ui-color-accent);
  border-radius: var(--ui-radius-sm);
  box-shadow: inset 0 -0.1875rem 0 var(--ui-color-brand);
  color: var(--ui-color-on-accent);
  display: flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.chat-product-lockup > div {
  display: grid;
  min-width: 0;
}

.chat-product-lockup strong {
  font-size: var(--ui-text-sm);
  line-height: 1.15;
}

.chat-product-lockup small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  margin-top: 0.125rem;
}

.chat-rail-close,
.chat-history-toggle {
  align-items: center;
  background: transparent;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  height: var(--ui-control-md);
  justify-content: center;
  width: var(--ui-control-md);
}

.chat-rail-close {
  display: none;
}

.chat-new-button {
  align-items: center;
  background: var(--ui-color-accent);
  border: 1px solid var(--ui-color-accent);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-on-accent);
  cursor: pointer;
  display: flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  justify-content: center;
  margin-top: var(--ui-space-5);
  min-height: var(--ui-control-md);
  width: 100%;
}

.chat-new-button:hover:not(:disabled) {
  background: var(--ui-color-accent-hover);
}

.chat-new-button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.chat-rail .rail-section {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: var(--ui-space-2);
  margin-top: var(--ui-space-4);
  min-height: 0;
}

.chat-rail-section-heading {
  align-items: flex-start;
  gap: var(--ui-space-2);
}

.chat-rail-heading-copy {
  display: grid;
  grid-gap: 0.125rem;
  gap: 0.125rem;
  min-width: 0;
}

.chat-rail-section-heading small {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  line-height: 1.35;
}

.chat-history-refresh {
  align-items: center;
  background: transparent;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  height: var(--ui-control-sm);
  justify-content: center;
  width: var(--ui-control-sm);
}

.chat-history-refresh:hover:not(:disabled) {
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
}

.chat-history-refresh:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.chat-history-search {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text-subtle);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 2.5rem;
  padding: 0 var(--ui-space-2);
  width: 100%;
}

.chat-history-search:focus-within {
  border-color: var(--ui-color-brand);
  box-shadow: var(--ui-focus-ring);
}

.chat-history-search input {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  color: var(--ui-color-text);
  font-size: var(--ui-text-xs);
  height: 100%;
  min-width: 0;
  outline: 0;
  padding: 0 var(--ui-space-2);
  width: 100%;
}

.chat-history-search input::-webkit-search-cancel-button {
  display: none;
}

.chat-history-search button {
  align-items: center;
  background: transparent;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  height: var(--ui-control-sm);
  justify-content: center;
  width: var(--ui-control-sm);
}

.chat-history-search button:hover {
  background: var(--ui-color-surface-subtle);
  color: var(--ui-color-text);
}

.chat-history-results {
  align-content: start;
  display: grid;
  flex: 1 1;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1px var(--ui-space-1) var(--ui-space-2) 1px;
  scrollbar-gutter: stable;
}

.conversation-group {
  align-content: start;
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
}

.conversation-group-heading {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  color: var(--ui-color-text-subtle);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  justify-content: space-between;
  letter-spacing: 0.045em;
  margin: 0;
  padding: var(--ui-space-1) var(--ui-space-2);
  position: -webkit-sticky;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.chat-rail .conversation-list {
  align-content: start;
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  list-style: none;
  margin: 0;
  max-height: none;
  padding: 1px;
}

.chat-rail .conversation-list li {
  min-width: 0;
}

.chat-rail .conversation-rail-item {
  align-items: start;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-2);
  text-align: left;
  width: 100%;
}

.chat-rail .conversation-rail-item:hover:not(:disabled) {
  background: var(--ui-color-surface);
  border-color: var(--ui-color-border);
}

.chat-rail .conversation-rail-item.is-active {
  background: var(--ui-color-surface-raised);
  border-color: var(--ui-color-border-strong);
  box-shadow: var(--ui-shadow-sm);
}

.chat-rail .conversation-rail-item > span {
  align-items: center;
  border: 0;
  color: var(--ui-color-text-muted);
  display: flex;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}

.chat-rail .conversation-rail-item strong {
  font-size: var(--ui-text-xs);
}

.chat-rail .conversation-rail-item small {
  font-size: var(--ui-text-2xs);
}

.chat-rail .conversation-rail-item p {
  -webkit-line-clamp: 1;
  font-size: var(--ui-text-2xs);
}

.chat-rail .rail-empty-note {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-2);
  margin-top: var(--ui-space-3);
}

.chat-rail .rail-empty-note p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  margin: 0;
}

.chat-rail-footer {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  margin-top: var(--ui-space-4);
  padding-top: var(--ui-space-4);
}

.chat-rail-footer small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  line-height: 1.55;
}

.chat-surface {
  background: var(--ui-color-surface-raised);
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.chat-surface-header {
  background: color-mix(in srgb, var(--ui-color-surface-raised) 96%, transparent);
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  flex: 0 0 auto;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 4rem;
  padding: 0 var(--ui-space-5);
}

.chat-history-toggle {
  display: none;
}

.chat-surface-title {
  display: grid;
  min-width: 0;
}

.chat-surface-title strong,
.chat-surface-title h1 {
  font-size: var(--ui-text-sm);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-surface-title span {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  margin-top: 0.125rem;
}

.chat-policy-status {
  color: var(--ui-color-success);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-2);
  white-space: nowrap;
}

.chat-thread {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  max-height: none;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}

.chat-thread.is-empty {
  justify-content: center;
}

.chat-transcript-boundary {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--ui-space-2);
  margin: 0 auto;
  max-width: 52rem;
  padding: var(--ui-space-4) var(--ui-space-5) 0;
  width: 100%;
}

.chat-transcript-boundary button {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: 999px;
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  min-height: 2.25rem;
  padding: 0 var(--ui-space-4);
}

.chat-transcript-boundary button:hover:not(:disabled) {
  border-color: var(--ui-color-border-strong);
  color: var(--ui-color-text);
}

.chat-transcript-boundary button:disabled {
  cursor: progress;
  opacity: 0.65;
}

.chat-transcript-boundary > span,
.chat-transcript-boundary > small {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
}

.chat-transcript-boundary > small {
  color: var(--ui-color-danger);
}

.chat-message,
.chat-message.is-assistant {
  background: transparent;
  border: 0;
  display: block;
  padding: var(--ui-space-5) var(--ui-space-8);
}

.chat-message + .chat-message {
  border-top: 1px solid color-mix(in srgb, var(--ui-color-border) 65%, transparent);
}

.chat-message-inner {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  margin: 0 auto;
  max-width: 52rem;
}

.chat-message.is-user .chat-message-inner {
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-xl);
  padding: var(--ui-space-4);
}

.chat-avatar {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.chat-message.is-assistant .chat-avatar {
  background: var(--ui-color-accent);
  border-color: var(--ui-color-accent);
  color: var(--ui-color-on-accent);
}

.chat-message-heading {
  min-height: 2rem;
}

.chat-message-content {
  font-size: 0.9375rem;
  line-height: 1.72;
  margin-top: 0;
  max-width: none;
}

.chat-citations,
.chat-feedback,
.chat-response-details,
.chat-metadata {
  max-width: none;
}

.chat-welcome {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 48rem;
  min-height: 0;
  padding: var(--ui-space-8) var(--ui-space-6);
  text-align: center;
  width: 100%;
}

.chat-welcome-icon {
  align-items: center;
  background: var(--ui-color-accent);
  border: 0;
  border-radius: var(--ui-radius-md);
  box-shadow: inset 0 -0.1875rem 0 var(--ui-color-brand);
  color: var(--ui-color-on-accent);
  display: flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}

.chat-welcome h1 {
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  font-weight: var(--ui-weight-medium);
  letter-spacing: var(--ui-tracking-tight);
  line-height: var(--ui-leading-tight);
  margin: var(--ui-space-5) 0 0;
}

.chat-welcome > p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: 1.65;
  margin: var(--ui-space-3) 0 0;
  max-width: 34rem;
}

.chat-suggestions {
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: var(--ui-space-8);
  max-width: none;
  width: 100%;
}

.chat-suggestions button {
  align-items: start;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 6.25rem;
  padding: var(--ui-space-3);
  text-align: left;
}

.chat-suggestions button:hover:not(:disabled) {
  background: var(--ui-color-surface-subtle);
  border-color: var(--ui-color-border-strong);
}

.chat-suggestions button > span {
  height: 1.75rem;
  width: 1.75rem;
}

.chat-suggestions button > svg {
  align-self: end;
  color: var(--ui-color-text-subtle);
  grid-column: 2;
  justify-self: end;
}

.chat-suggestions strong {
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-medium);
  line-height: 1.5;
}

.chat-composer-zone {
  background: var(--ui-color-surface-raised);
  border-top: 0;
  flex: 0 0 auto;
  margin-top: 0;
  padding: var(--ui-space-3) var(--ui-space-8) var(--ui-space-5);
}

.chat-composer-zone > .permission-panel {
  margin: 0 auto var(--ui-space-3);
  max-width: 52rem;
}

.chat-composer-standard {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-xl);
  box-shadow: 0 0.5rem 1.75rem rgb(17 17 17 / 8%);
  margin: 0 auto;
  max-width: 52rem;
  overflow: visible;
}

.chat-composer-standard:focus-within {
  border-color: var(--ui-color-brand);
  box-shadow: var(--ui-focus-ring), 0 0.5rem 1.75rem rgb(17 17 17 / 8%);
}

.chat-composer-standard textarea {
  background: transparent;
  font-size: 0.9375rem;
  line-height: 1.55;
  min-height: 4.75rem;
  padding: var(--ui-space-4) var(--ui-space-4) var(--ui-space-2);
}

.composer-standard-toolbar {
  background: transparent;
  border-top: 0;
  padding: var(--ui-space-2);
}

.select-control {
  background: var(--ui-color-surface-subtle);
}

.composer-toggle:hover:not(:disabled) {
  background: var(--ui-color-surface-subtle);
}

.composer-send {
  border-radius: var(--ui-radius-md);
}

.composer-footnote {
  margin: var(--ui-space-2) auto 0;
  max-width: 52rem;
}

@media (max-height: 48rem) and (min-width: 761px) {
  .chat-thread.is-empty { justify-content: flex-start; }
  .chat-welcome { align-items: flex-start; justify-content: flex-start; margin: 0 auto; padding: var(--ui-space-4) var(--ui-space-6); text-align: left; }
  .chat-welcome-icon { display: none; }
  .chat-welcome h1 { font-size: 1.6rem; margin-top: 0; }
  .chat-welcome > p { margin-top: var(--ui-space-2); }
  .chat-suggestions { margin-top: var(--ui-space-3); }
  .chat-suggestions button { align-items: center; grid-template-columns: auto minmax(0, 1fr) auto; min-height: 3.5rem; }
  .chat-suggestions button > svg { align-self: center; grid-column: 3; }
  .chat-composer-zone { padding: var(--ui-space-2) var(--ui-space-6) var(--ui-space-3); }
  .chat-composer-zone > .permission-panel { margin-bottom: var(--ui-space-2); padding: var(--ui-space-3); }
  .chat-composer-standard textarea { min-height: 3.5rem; padding-top: var(--ui-space-3); }
}

@media (max-width: 900px) {
  .chat-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .chat-history-scrim {
    background: rgb(17 17 17 / 42%);
    cursor: pointer;
    display: block;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity var(--ui-duration-normal) var(--ui-ease-standard);
    z-index: 110;
  }

  .chat-history-scrim.is-visible {
    opacity: 1;
    pointer-events: auto;
  }

  .chat-rail {
    box-shadow: 1.5rem 0 4rem rgb(17 17 17 / 18%);
    height: 100dvh;
    left: 0;
    max-width: calc(100% - 3rem);
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translateX(-105%);
    transition: transform var(--ui-duration-normal) var(--ui-ease-standard), visibility var(--ui-duration-normal);
    visibility: hidden;
    width: 19rem;
    z-index: 111;
  }

  .chat-rail.is-open {
    pointer-events: auto;
    transform: translateX(0);
    visibility: visible;
  }

  .chat-rail-close,
  .chat-history-toggle {
    display: flex;
  }
}

@media (max-width: 760px) {
  .workspace-stage.is-immersive .workspace-chat-page,
  .workspace-stage.is-immersive .chat-experience {
    display: flex;
    flex: 1 1;
    min-height: 0;
  }

  .chat-layout {
    border-radius: var(--ui-radius-md);
    flex: 1 1;
    height: auto;
    min-height: 0;
    width: 100%;
  }

  .chat-surface-header {
    display: grid;
    grid-gap: var(--ui-space-2);
    gap: var(--ui-space-2);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3.75rem;
    padding-inline: var(--ui-space-3);
  }

  .chat-policy-status {
    display: none;
  }

  .chat-message,
  .chat-message.is-assistant {
    padding: var(--ui-space-4);
  }

  .chat-message.is-user .chat-message-inner {
    padding: var(--ui-space-3);
  }

  .chat-message-actions {
    flex-basis: 100%;
    margin-left: 0;
  }

  .chat-welcome {
    justify-content: flex-start;
    margin: 0 auto;
    padding: var(--ui-space-6) var(--ui-space-4);
  }

  .chat-thread.is-empty {
    justify-content: flex-start;
  }

  .chat-welcome h1 {
    font-size: 1.75rem;
  }

  .chat-suggestions {
    grid-template-columns: 1fr;
    margin-top: var(--ui-space-6);
  }

  .chat-suggestions button {
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 3.75rem;
  }

  .chat-suggestions button > svg {
    align-self: center;
    grid-column: 3;
  }

  .chat-composer-zone {
    padding: var(--ui-space-2) var(--ui-space-3) var(--ui-space-3);
  }

  .composer-standard-toolbar {
    align-items: flex-end;
    gap: var(--ui-space-2);
  }

  .composer-standard-toolbar > div {
    flex-wrap: wrap;
    min-width: 0;
  }

  .composer-footnote span:first-child {
    display: none;
  }
}

@media (max-width: 460px) {
  .chat-memory-save-form .memory-visibility {
    grid-template-columns: minmax(0, 1fr);
  }

  .chat-project-artifact-empty {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .chat-project-artifact-empty > .kui-button {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .chat-message-inner {
    gap: var(--ui-space-2);
    grid-template-columns: 1fr;
  }

  .chat-avatar {
    height: 1.75rem;
    width: 1.75rem;
  }

  .composer-standard-toolbar > div {
    flex-wrap: wrap;
    min-width: 0;
  }

  .select-control select {
    max-width: 8.25rem;
  }

  .composer-toggle {
    padding-inline: var(--ui-space-2);
  }

  .knowledge-source-picker.is-compact > summary {
    max-width: 8rem;
  }

  .knowledge-source-picker.is-compact > summary strong {
    display: block;
    max-width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .knowledge-source-picker.is-compact > .knowledge-source-picker-body {
    left: 0;
    max-height: min(26rem, calc(100dvh - 17rem));
    right: 0;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/knowledge.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Search is the member surface; connection operations live in a separate,
   permission-gated administrator tab. */

.knowledge-layout {
  gap: var(--ui-space-5);
}

.knowledge-tabs {
  align-items: flex-end;
  border-bottom: 1px solid var(--ui-color-border-strong);
  display: flex;
  gap: var(--ui-space-1);
  min-width: 0;
}

.knowledge-tabs > button {
  align-items: center;
  background: transparent;
  border-bottom: 0.1875rem solid transparent;
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: flex;
  gap: var(--ui-space-3);
  margin-bottom: -1px;
  min-height: 3.75rem;
  padding: var(--ui-space-2) var(--ui-space-4);
  text-align: left;
}

.knowledge-tabs > button:hover {
  background: var(--ui-color-surface-subtle);
  color: var(--ui-color-text);
}

.knowledge-tabs > button[aria-selected="true"] {
  border-bottom-color: var(--ui-color-brand);
  color: var(--ui-color-text);
}

.knowledge-tabs > button > svg {
  color: var(--ui-color-text-subtle);
  flex: 0 0 auto;
}

.knowledge-tabs > button[aria-selected="true"] > svg {
  color: var(--ui-color-brand);
}

.knowledge-tabs > button > span {
  display: grid;
  grid-gap: 0.0625rem;
  gap: 0.0625rem;
}

.knowledge-tabs strong {
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
}

.knowledge-tabs small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
}

.knowledge-tab-panel {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  min-width: 0;
  outline: none;
}

.knowledge-tab-panel[hidden] {
  display: none;
}

.knowledge-tab-panel:focus-visible {
  border-radius: var(--ui-radius-md);
  box-shadow: var(--ui-focus-ring);
}

.knowledge-tab-panel.is-connections > .kui-alert {
  margin: 0;
}

@media (max-width: 42rem) {
  .knowledge-tabs > button {
    flex: 1 1;
    justify-content: center;
    min-width: 0;
    padding-inline: var(--ui-space-2);
  }

  .knowledge-tabs small {
    display: none;
  }
}

@media (max-width: 28rem) {
  .knowledge-tabs > button {
    gap: var(--ui-space-2);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/memory.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.memory-page {
  grid-template-columns: minmax(0, 1fr);
  margin-inline: auto;
  max-width: 88rem;
}

.memory-layout {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.memory-page .kui-page-header,
.memory-page .kui-page-header__copy,
.memory-principles,
.memory-principle-copy,
.memory-control-bar,
.memory-library {
  max-width: 100%;
  min-width: 0;
}

.memory-page .kui-page-header__title,
.memory-page .kui-page-header__description,
.memory-principle-copy h2,
.memory-principle-copy > p {
  overflow-wrap: anywhere;
}

.memory-principles {
  background: var(--ui-color-surface);
  border-bottom: 1px solid var(--ui-color-border-strong);
  border-top: 1px solid var(--ui-color-border-strong);
}

.memory-principles > summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  list-style: none;
  min-height: 4.5rem;
  padding: var(--ui-space-3) 0;
}

.memory-principles > summary::-webkit-details-marker { display: none; }
.memory-principles > summary:focus-visible { box-shadow: var(--ui-focus-ring); outline: 0; }
.memory-principles > summary > span:nth-child(2) { display: grid; grid-gap: 0.125rem; gap: 0.125rem; min-width: 0; }
.memory-principles > summary strong { font-size: var(--ui-text-sm); }
.memory-principles > summary small { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); }

.memory-principles-icon {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-brand);
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.memory-principles-action {
  align-items: center;
  color: var(--ui-color-accent-text);
  display: inline-flex;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  min-height: var(--ui-control-sm);
}

.memory-principles-action svg { transition: transform var(--ui-duration-fast) var(--ui-ease-standard); }
.memory-principles[open] .memory-principles-action svg { transform: rotate(180deg); }

.memory-principles-details {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: clamp(var(--ui-space-6), 4vw, var(--ui-space-10));
  gap: clamp(var(--ui-space-6), 4vw, var(--ui-space-10));
  grid-template-columns: minmax(0, 1.15fr) minmax(19rem, 0.85fr);
  padding: var(--ui-space-5) 0;
}

.memory-principle-copy {
  max-width: 45rem;
}

.memory-principle-copy h2 {
  font-family: var(--ui-font-display);
  font-size: clamp(var(--ui-text-xl), 2.5vw, 2rem);
  font-weight: var(--ui-weight-medium);
  letter-spacing: -0.045em;
  line-height: 1.06;
  margin: var(--ui-space-3) 0 0;
  text-wrap: balance;
}

.memory-principle-copy > p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-3) 0 0;
  max-width: 42rem;
}

.memory-principles dl {
  border-top: 1px solid var(--ui-color-border);
  margin: 0;
}

.memory-principles dl > div {
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  padding: var(--ui-space-3) 0;
}

.memory-principles dt {
  align-items: center;
  display: flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
}

.memory-principles dt svg {
  color: var(--ui-color-brand);
}

.memory-principles dd {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: 0 0 0 1.45rem;
}

.memory-control-bar {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
  padding: var(--ui-space-5) var(--ui-space-6);
}

.memory-control-bar > div {
  align-items: center;
  display: flex;
  gap: var(--ui-space-4);
  min-width: 0;
}

.memory-control-state {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-text-muted);
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.75rem;
  justify-content: center;
  width: 2.75rem;
}

.memory-control-state.is-on {
  background: var(--ui-color-success-soft);
  border-color: color-mix(in srgb, var(--ui-color-success) 38%, var(--ui-color-border));
  color: var(--ui-color-success);
}

.memory-control-bar h2 {
  font-size: var(--ui-text-md);
  margin: 0;
}

.memory-control-bar p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.memory-switch {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: var(--ui-space-2);
}

.memory-switch input {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  position: absolute;
}

.memory-switch > span {
  background: var(--ui-color-border-strong);
  border: 1px solid transparent;
  border-radius: var(--ui-radius-pill);
  display: inline-flex;
  height: 1.5rem;
  padding: 0.1875rem;
  transition: background var(--ui-duration-fast), box-shadow var(--ui-duration-fast);
  width: 2.75rem;
}

.memory-switch > span::after {
  background: var(--ui-color-surface-raised);
  border-radius: 50%;
  box-shadow: var(--ui-shadow-sm);
  content: "";
  height: 1rem;
  transition: transform var(--ui-duration-fast);
  width: 1rem;
}

.memory-switch input:checked + span {
  background: var(--ui-color-success);
}

.memory-switch input:checked + span::after {
  transform: translateX(1.25rem);
}

.memory-switch input:focus-visible + span {
  box-shadow: var(--ui-focus-ring);
}

.memory-switch input:disabled + span,
.memory-switch input:disabled ~ strong {
  cursor: not-allowed;
  opacity: 0.55;
}

.memory-switch strong {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.05em;
  min-width: 2.5rem;
  text-transform: uppercase;
}

.memory-library {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  min-width: 0;
}

.memory-library > header {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
  padding: var(--ui-space-6);
}

.memory-library > header h2 {
  font-family: var(--ui-font-display);
  font-size: var(--ui-text-xl);
  font-weight: var(--ui-weight-medium);
  letter-spacing: var(--ui-tracking-tight);
  margin: var(--ui-space-2) 0 0;
}

.memory-library > header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-2) 0 0;
  max-width: 44rem;
}

.memory-toolbar {
  align-items: end;
  background: var(--ui-color-surface-subtle);
  border-bottom: 1px solid var(--ui-color-border);
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: minmax(15rem, 1fr) minmax(10rem, 0.35fr) minmax(10rem, 0.35fr);
  padding: var(--ui-space-3) var(--ui-space-6);
}

.memory-toolbar > label {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
}

.memory-toolbar > label > span:first-child {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.memory-toolbar input,
.memory-toolbar select {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text);
  font-size: var(--ui-text-xs);
  min-height: var(--ui-control-md);
  min-width: 0;
  outline: 0;
  padding: 0 var(--ui-space-3);
  width: 100%;
}

.memory-toolbar input:focus,
.memory-toolbar select:focus {
  border-color: var(--ui-color-accent);
  box-shadow: var(--ui-focus-ring);
}

.memory-search > span:last-child {
  align-items: center;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  position: relative;
}

.memory-search svg {
  color: var(--ui-color-text-subtle);
  left: var(--ui-space-3);
  pointer-events: none;
  position: absolute;
}

.memory-search input {
  padding-left: 2.25rem;
}

.memory-result-count {
  border-bottom: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  padding: var(--ui-space-2) var(--ui-space-6);
  text-transform: uppercase;
}

.memory-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.memory-list > li {
  border-bottom: 1px solid var(--ui-color-border);
  min-width: 0;
}

.memory-list > li:nth-child(odd) {
  border-right: 1px solid var(--ui-color-border);
}

.memory-card {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  height: 100%;
  min-height: 12rem;
  padding: var(--ui-space-5) var(--ui-space-6);
  scroll-margin-block: calc(var(--ui-topbar-height) + var(--ui-space-5));
  transition: background var(--ui-duration-fast), box-shadow var(--ui-duration-fast);
}

.memory-card:hover {
  background: var(--ui-color-surface-subtle);
}

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

.memory-card.is-deep-link-target {
  background: var(--ui-color-brand-soft);
  box-shadow: inset 0.1875rem 0 0 var(--ui-color-brand), inset 0 0 0 1px color-mix(in srgb, var(--ui-color-brand) 42%, var(--ui-color-border));
}

.memory-card.is-deep-link-target:hover {
  background: var(--ui-color-brand-soft);
}

.memory-card-top,
.memory-card-top > div,
.memory-card-actions,
.memory-card footer,
.memory-card footer > span {
  align-items: center;
  display: flex;
}

.memory-card-top {
  gap: var(--ui-space-4);
  justify-content: space-between;
}

.memory-card-top > div,
.memory-card-actions {
  gap: var(--ui-space-2);
}

.memory-card-actions {
  opacity: 0.72;
}

.memory-card:hover .memory-card-actions,
.memory-card:focus-within .memory-card-actions {
  opacity: 1;
}

.memory-scope {
  align-items: center;
  color: var(--ui-color-text-muted);
  display: inline-flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-1);
}

.memory-content {
  font-size: var(--ui-text-md);
  line-height: var(--ui-leading-relaxed);
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.memory-card footer {
  align-self: end;
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-3);
  justify-content: space-between;
  min-width: 0;
}

.memory-card footer > span {
  gap: var(--ui-space-1);
}

.memory-card footer code {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  max-width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.memory-empty {
  border: 0;
  border-radius: 0;
  border-top: 1px solid var(--ui-color-border);
}

.memory-visibility {
  border: 0;
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  margin: 0;
  padding: 0;
}

.memory-visibility legend {
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  margin-bottom: var(--ui-space-2);
}

.memory-visibility > label {
  align-items: start;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-3);
}

.memory-visibility > label.is-selected {
  background: var(--ui-color-accent-soft);
  border-color: var(--ui-color-accent);
}

.memory-visibility > label[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.56;
}

.memory-visibility input {
  min-height: auto;
  margin-top: 0.2rem;
}

.memory-visibility label > span {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
}

.memory-visibility strong {
  font-size: var(--ui-text-sm);
}

.memory-visibility small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
}

.memory-editor textarea {
  line-height: var(--ui-leading-body);
  min-height: 8.5rem;
  padding: var(--ui-space-3);
  resize: vertical;
}

.memory-editor input,
.memory-editor select {
  padding-inline: var(--ui-space-3);
}

.memory-delete-preview {
  background: var(--ui-color-surface-subtle);
  border-left: 0.1875rem solid var(--ui-color-danger);
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-body);
  margin: 0;
  max-height: 10rem;
  overflow: auto;
  padding: var(--ui-space-4);
  white-space: pre-wrap;
}

.memory-loading {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
}

.memory-loading > span {
  animation: memory-pulse 1.4s ease-in-out infinite;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  display: block;
  height: 7rem;
}

.memory-loading > span:nth-child(2) { animation-delay: 120ms; height: 5rem; }
.memory-loading > span:nth-child(3) { animation-delay: 240ms; height: 16rem; }

@keyframes memory-pulse {
  50% { opacity: 0.55; }
}

.memory-restricted {
  align-items: start;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-6);
}

.memory-restricted > svg {
  color: var(--ui-color-text-muted);
}

.memory-restricted h2 {
  font-size: var(--ui-text-md);
  margin: 0;
}

.memory-restricted p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  margin: var(--ui-space-1) 0 0;
}

.memory-load-error {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
}

@media (max-width: 64rem) {
  .memory-principles-details {
    gap: var(--ui-space-8);
    grid-template-columns: minmax(0, 1fr);
  }

  .memory-principles dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .memory-principles dl > div + div {
    border-left: 1px solid var(--ui-color-border);
    padding-left: var(--ui-space-4);
  }

  .memory-principles dd {
    margin-left: 0;
  }
}

@media (max-width: 52rem) {
  .memory-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .memory-search {
    grid-column: 1 / -1;
  }

  .memory-list {
    grid-template-columns: 1fr;
  }

  .memory-list > li:nth-child(odd) {
    border-right: 0;
  }
}

@media (max-width: 42rem) {
  .memory-principles > summary { align-items: start; }
  .memory-principles-action { grid-column: 2; justify-self: start; }

  .memory-principles dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .memory-principles dl > div + div {
    border-left: 0;
    padding-left: 0;
  }

  .memory-control-bar,
  .memory-library > header {
    align-items: stretch;
    flex-direction: column;
  }

  .memory-switch {
    justify-content: space-between;
    padding-left: 3.75rem;
  }

  .memory-toolbar {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: var(--ui-space-4);
  }

  .memory-search {
    grid-column: auto;
  }

  .memory-card {
    min-height: 0;
    padding-inline: var(--ui-space-4);
  }

  .memory-card-top {
    align-items: flex-start;
  }

  .memory-card-top > div:first-child {
    align-items: flex-start;
    flex-direction: column;
  }

  .memory-card-actions .kui-button__label {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }

  .memory-card-actions .kui-button {
    padding-inline: var(--ui-space-2);
  }

  .memory-card footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .memory-principles-action svg { transition: none; }
}

@media (prefers-reduced-motion: reduce) {
  .memory-loading > span {
    animation: none;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/projects.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.projects-page,
.project-detail-page {
  max-width: 92rem;
}

.project-index-layout,
.project-detail-layout {
  display: grid;
  grid-gap: var(--ui-space-6);
  gap: var(--ui-space-6);
  min-width: 0;
}

.project-index-toolbar {
  align-items: center;
  background: var(--ui-color-surface);
  border-bottom: 1px solid var(--ui-color-border-strong);
  border-top: 1px solid var(--ui-color-border-strong);
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
  padding: var(--ui-space-3) 0;
}

.project-library h2,
.project-detail-header h1,
.project-thread-header h2,
.project-thread-welcome h3 {
  font-family: var(--ui-font-display);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.project-index-toolbar p {
  align-items: flex-start;
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-2);
  line-height: var(--ui-leading-body);
  margin: 0;
  max-width: 44rem;
}

.project-index-toolbar p > svg { color: var(--ui-color-brand); flex: 0 0 auto; margin-top: 0.15rem; }
.project-index-toolbar p strong { color: var(--ui-color-text); }

.project-library {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
}

.project-library > header {
  align-items: flex-end;
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
}

.project-library h2 {
  font-size: 1.55rem;
  margin: var(--ui-space-1) 0 0;
}

.project-status-tabs {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-1);
}

.project-status-tabs button {
  background: transparent;
  border-bottom: 2px solid transparent;
  color: var(--ui-color-text-muted);
  cursor: pointer;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  min-height: 2.5rem;
  padding: 0 var(--ui-space-3);
}

.project-status-tabs button span {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  margin-left: var(--ui-space-1);
}

.project-status-tabs button:hover,
.project-status-tabs button.is-active {
  color: var(--ui-color-text);
}

.project-status-tabs button.is-active {
  border-bottom-color: var(--ui-color-brand);
}

.project-search {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-subtle);
  display: flex;
  gap: var(--ui-space-2);
  max-width: 31rem;
  min-height: var(--ui-control-md);
  padding: 0 var(--ui-space-3);
}

.project-search:focus-within {
  border-color: var(--ui-color-brand);
  box-shadow: var(--ui-focus-ring);
}

.project-search input {
  background: transparent;
  border: 0;
  color: var(--ui-color-text);
  min-width: 0;
  outline: 0;
  width: 100%;
}

.project-card-grid {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-card-grid > li {
  display: flex;
  min-width: 0;
}

.project-card {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  display: grid;
  grid-gap: var(--ui-space-6);
  gap: var(--ui-space-6);
  grid-template-rows: auto 1fr auto;
  min-height: 16.5rem;
  overflow: hidden;
  padding: var(--ui-space-5);
  position: relative;
  transition: border-color var(--ui-duration-normal) var(--ui-ease-standard), box-shadow var(--ui-duration-normal) var(--ui-ease-standard), transform var(--ui-duration-normal) var(--ui-ease-standard);
  width: 100%;
}

.project-card::before {
  background: var(--ui-color-brand);
  content: "";
  height: 0.1875rem;
  left: var(--ui-space-5);
  position: absolute;
  top: 0;
  width: 2rem;
}

.project-card[data-status="archived"]::before {
  background: var(--ui-color-border-strong);
}

.project-card:hover {
  border-color: var(--ui-color-border-strong);
  box-shadow: var(--ui-shadow-md);
  transform: translateY(-2px);
}

.project-card-top,
.project-card footer,
.project-detail-badges,
.project-detail-actions {
  align-items: center;
  display: flex;
}

.project-card-top {
  justify-content: space-between;
}

.project-card-icon,
.project-detail-icon,
.project-message-avatar,
.project-member-avatar {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
}

.project-card-icon {
  background: var(--ui-color-brand-soft);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-brand);
  height: 2.5rem;
  width: 2.5rem;
}

.project-card[data-status="archived"] .project-card-icon {
  background: var(--ui-color-surface-subtle);
  color: var(--ui-color-text-subtle);
}

.project-card-copy h3 {
  font-family: var(--ui-font-display);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin: 0;
}

.project-card-copy p {
  color: var(--ui-color-text-muted);
  display: -webkit-box;
  font-size: var(--ui-text-sm);
  -webkit-line-clamp: 3;
  line-height: 1.55;
  margin: var(--ui-space-2) 0 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.project-card footer {
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-subtle);
  flex-wrap: wrap;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-3);
  padding-top: var(--ui-space-4);
}

.project-card footer span:first-child {
  align-items: center;
  display: inline-flex;
  gap: var(--ui-space-1);
}

.project-card footer span:nth-child(2) {
  margin-left: auto;
}

.project-card footer > svg {
  color: var(--ui-color-brand);
}

.project-index-empty,
.project-load-error {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  min-height: 21rem;
}

.project-restricted {
  align-items: flex-start;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  display: flex;
  gap: var(--ui-space-4);
  padding: var(--ui-space-6);
}

.project-restricted > svg {
  color: var(--ui-color-warning);
  flex: 0 0 auto;
}

.project-restricted h2,
.project-restricted p {
  margin: 0;
}

.project-restricted h2 {
  font-size: var(--ui-text-md);
}

.project-restricted p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  margin-top: var(--ui-space-1);
}

.project-index-loading,
.project-detail-loading,
.project-transcript-loading {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
}

.project-index-loading span,
.project-detail-loading span,
.project-transcript-loading span {
  animation: project-loading-pulse 1.2s ease-in-out infinite alternate;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  display: block;
}

.project-index-loading span,
.project-detail-loading span {
  height: 8rem;
}

.project-index-loading span:nth-child(2),
.project-detail-loading span:nth-child(2),
.project-transcript-loading span:nth-child(2) {
  animation-delay: 120ms;
}

.project-index-loading span:nth-child(3),
.project-detail-loading span:nth-child(3),
.project-transcript-loading span:nth-child(3) {
  animation-delay: 240ms;
}

@keyframes project-loading-pulse {
  to { opacity: 0.52; }
}

.project-editor,
.project-member-form {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
}

.project-context-guard {
  align-items: flex-start;
  background: var(--ui-color-success-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-success) 25%, var(--ui-color-border));
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-success);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.project-context-guard svg {
  flex: 0 0 auto;
  margin-top: 0.125rem;
}

.project-context-guard p,
.project-confirm-copy p {
  margin: 0;
}

.project-back-link {
  align-items: center;
  color: var(--ui-color-text-muted);
  display: inline-flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  justify-self: start;
}

.project-back-link:hover {
  color: var(--ui-color-brand);
}

.project-detail-header {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-8);
  justify-content: space-between;
}

.project-detail-heading {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-5);
  min-width: 0;
}

.project-detail-icon {
  background: var(--ui-color-brand-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-brand) 18%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-brand);
  height: 3.25rem;
  width: 3.25rem;
}

.project-detail-badges {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-3);
}

.project-detail-header h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin: var(--ui-space-2) 0 0;
}

.project-detail-header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-md);
  margin: var(--ui-space-3) 0 0;
  max-width: 48rem;
}

.project-detail-actions {
  flex: 0 0 auto;
  gap: var(--ui-space-2);
}

.project-context-receipt {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-left: 3px solid var(--ui-color-success);
  border-radius: var(--ui-radius-md);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--ui-space-4) var(--ui-space-5);
}

.project-context-receipt > span {
  align-items: center;
  background: var(--ui-color-success-soft);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-success);
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.project-context-receipt strong,
.project-context-receipt p {
  display: block;
  margin: 0;
}

.project-context-receipt p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  margin-top: 0.125rem;
}

.project-context-receipt dl {
  display: flex;
  gap: var(--ui-space-6);
  margin: 0;
}

.project-context-receipt dl > div {
  display: grid;
  grid-gap: 0.125rem;
  gap: 0.125rem;
}

.project-context-receipt dt {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.project-context-receipt dd {
  align-items: center;
  color: var(--ui-color-success);
  display: flex;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-1);
  margin: 0;
}

.project-workbench {
  align-items: start;
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  grid-template-columns: minmax(0, 1fr) 20rem;
  grid-template-rows: auto auto;
  min-width: 0;
}

.project-workbench-main {
  grid-column: 1;
  grid-row: 1 / span 2;
  min-width: 0;
}

.project-handoff-rail {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.project-thread-workspace {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  display: grid;
  grid-template-columns: 16rem minmax(0, 1fr);
  min-height: 46rem;
  min-width: 0;
  overflow: hidden;
}

.project-thread-rail {
  background: var(--ui-color-surface-subtle);
  border-right: 1px solid var(--ui-color-border);
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.project-thread-rail > header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  justify-content: space-between;
  min-height: 4.5rem;
  padding: var(--ui-space-4);
}

.project-thread-rail > header > div {
  display: grid;
}

.project-thread-rail > header span {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.project-thread-rail > header strong {
  font-size: var(--ui-text-sm);
}

.project-thread-rail > header button,
.project-members-card > header button,
.project-brief-card > header button,
.project-member-controls button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: var(--ui-control-sm);
}

.project-thread-rail > header button {
  height: 2rem;
  width: 2rem;
}

.project-thread-rail > header button:hover,
.project-members-card > header button:hover,
.project-brief-card > header button:hover,
.project-member-controls button:hover:not(:disabled) {
  background: var(--ui-color-surface);
  border-color: var(--ui-color-text);
}

.project-thread-rail ol {
  display: grid;
  flex: 1 1;
  list-style: none;
  margin: 0;
  min-height: 0;
  overflow: auto;
  padding: var(--ui-space-2);
}

.project-thread-rail li button {
  background: transparent;
  border-left: 2px solid transparent;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  padding: var(--ui-space-3);
  text-align: left;
  width: 100%;
}

.project-thread-rail li button:hover {
  background: color-mix(in srgb, var(--ui-color-surface) 72%, transparent);
}

.project-thread-rail li button.is-active {
  background: var(--ui-color-surface);
  border-left-color: var(--ui-color-brand);
  box-shadow: var(--ui-shadow-sm);
}

.project-thread-rail li button > span {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
}

.project-thread-rail li strong,
.project-thread-rail li small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-thread-rail li strong {
  font-size: var(--ui-text-sm);
}

.project-thread-rail li small,
.project-thread-rail li time {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
}

.project-thread-rail-empty {
  align-items: center;
  color: var(--ui-color-text-subtle);
  display: flex;
  flex-direction: column;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  padding: var(--ui-space-8) var(--ui-space-4);
  text-align: center;
}

.project-thread-rail-empty p {
  margin: 0;
}

.project-thread-main {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.project-thread-header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-4);
  justify-content: space-between;
  min-height: 4.5rem;
  padding: var(--ui-space-3) var(--ui-space-5);
}

.project-thread-header h2 {
  font-size: 1.05rem;
  margin: var(--ui-space-1) 0 0;
}

.project-thread-header > span {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-xs);
}

.project-thread-transcript {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ui-color-surface-subtle) 52%, transparent), transparent 7rem),
    var(--ui-color-surface);
  min-height: 29rem;
  overflow-y: auto;
  padding: var(--ui-space-5);
}

@media (min-width: 901px) {
  .project-workbench-main .project-thread-workspace {
    block-size: clamp(28rem, calc(100dvh - 7rem), 52rem);
    min-height: 28rem;
  }
}

.project-transcript-loading span {
  height: 5rem;
}

.project-transcript-loading span:nth-child(2) {
  margin-left: 18%;
}

.project-transcript-loading span:nth-child(3) {
  margin-right: 18%;
}

.project-load-earlier {
  display: flex;
  margin: 0 auto var(--ui-space-5);
}

.project-message-list {
  display: grid;
  grid-gap: var(--ui-space-6);
  gap: var(--ui-space-6);
  list-style: none;
  margin: 0 auto;
  max-width: 50rem;
  padding: 0;
}

.project-message-list article {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
}

.project-message-list article > header {
  align-items: center;
  display: flex;
  gap: var(--ui-space-3);
}

.project-message-avatar {
  background: var(--ui-color-accent);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-on-accent);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  height: 2rem;
  width: 2rem;
}

.project-message-list li[data-role="assistant"] .project-message-avatar {
  background: var(--ui-color-brand-soft);
  color: var(--ui-color-brand);
}

.project-message-list li[data-role="system"] .project-message-avatar {
  background: var(--ui-color-info-soft);
  color: var(--ui-color-info);
}

.project-message-list article > header > div {
  display: grid;
}

.project-message-list article > header strong {
  font-size: var(--ui-text-sm);
}

.project-message-list article > header small {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
}

.project-message-list article > .project-message-content {
  color: var(--ui-color-text);
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0 0 0 2.75rem;
  overflow-wrap: anywhere;
}

.project-message-list article > p.project-message-content {
  white-space: pre-wrap;
}

.project-thread-welcome {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 5rem auto 0;
  max-width: 30rem;
  text-align: center;
}

.project-thread-welcome > span {
  align-items: center;
  background: var(--ui-color-brand-soft);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-brand);
  display: flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}

.project-thread-welcome h3 {
  font-size: 1.4rem;
  margin: var(--ui-space-4) 0 0;
}

.project-thread-welcome p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  margin: var(--ui-space-2) 0 0;
}

.project-composer {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  padding: var(--ui-space-4) var(--ui-space-5);
}

.project-composer textarea {
  background: transparent;
  border: 0;
  line-height: 1.55;
  min-height: 4.25rem;
  outline: 0;
  padding: 0;
  resize: none;
  width: 100%;
}

.project-composer textarea:focus-visible {
  outline: 2px solid var(--ui-color-brand);
  outline-offset: 3px;
}

.project-composer-toolbar {
  align-items: center;
  display: flex;
  gap: var(--ui-space-4);
  justify-content: space-between;
}

.project-composer-toolbar .project-composer-context {
  align-items: center;
  color: var(--ui-color-success);
  display: flex;
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-1);
}

.project-composer-input {
  min-width: 0;
  position: relative;
}

.project-composer-problem {
  margin-bottom: var(--ui-space-1);
}

.project-mention-recipients {
  align-items: flex-start;
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: auto minmax(0, 1fr);
}

.project-mention-recipients > span,
.project-message-recipients > span {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  letter-spacing: 0.06em;
  padding-top: 0.45rem;
  text-transform: uppercase;
}

.project-mention-recipients ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.project-mention-recipients li {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-2);
  max-width: min(18rem, 100%);
  min-height: 2.25rem;
  padding: 0.25rem 0.3rem 0.25rem var(--ui-space-2);
}

.project-mention-recipients li[data-invalid="true"] {
  background: var(--ui-color-warning-soft);
  border-color: color-mix(in srgb, var(--ui-color-warning) 42%, var(--ui-color-border));
}

.project-mention-recipients li > span {
  display: grid;
  min-width: 0;
}

.project-mention-recipients li strong,
.project-mention-recipients li small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-mention-recipients li strong { font-size: var(--ui-text-xs); }
.project-mention-recipients li small { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); }
.project-mention-recipients li button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ui-color-text-muted);
  display: flex;
  flex: 0 0 auto;
  height: 1.75rem;
  justify-content: center;
  padding: 0;
  width: 1.75rem;
}
.project-mention-recipients li button:hover { background: var(--ui-color-surface-raised); color: var(--ui-color-danger); }
.project-mention-recipients li button:focus-visible { box-shadow: var(--ui-focus-ring); outline: 0; }

.project-mention-listbox {
  background: var(--ui-color-surface-raised);
  border: 1px solid var(--ui-color-border-strong);
  bottom: calc(100% + var(--ui-space-2));
  box-shadow: 0 1rem 2.75rem rgb(17 17 17 / 14%);
  display: grid;
  left: 0;
  max-height: min(22rem, 45vh);
  max-width: 32rem;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 20;
}

.project-mention-listbox > header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  justify-content: space-between;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.project-mention-listbox > header strong { font-size: var(--ui-text-xs); }
.project-mention-listbox > header span { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }
.project-mention-listbox > ul { list-style: none; margin: 0; padding: var(--ui-space-1); }
.project-mention-listbox li {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 2.75rem;
  padding: var(--ui-space-2) var(--ui-space-3);
}
.project-mention-listbox li[aria-selected="true"] { background: var(--ui-color-brand-soft); }
.project-mention-listbox li[aria-disabled="true"] { cursor: not-allowed; opacity: 0.48; }
.project-mention-listbox li > span:nth-child(2) { display: grid; min-width: 0; }
.project-mention-listbox li strong { font-size: var(--ui-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-mention-listbox li small { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-mention-listbox li em { color: var(--ui-color-brand); font-size: var(--ui-text-2xs); font-style: normal; font-weight: var(--ui-weight-semibold); }
.project-mention-option-avatar {
  align-items: center;
  background: var(--ui-color-brand-soft);
  color: var(--ui-color-brand);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.project-mention-listbox > p,
.project-mention-listbox > footer { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; padding: var(--ui-space-4); }
.project-mention-listbox > footer { background: var(--ui-color-surface-subtle); border-top: 1px solid var(--ui-color-border); padding-block: var(--ui-space-2); }

.project-composer-invalid {
  align-items: center;
  color: var(--ui-color-warning);
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-1);
  margin: 0;
}

.project-composer-tools {
  align-items: center;
  display: flex;
  gap: var(--ui-space-3);
  min-width: 0;
}

.project-mention-trigger { flex: 0 0 auto; min-height: 2.75rem; }

.project-inline-mention {
  background: var(--ui-color-brand-soft);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--ui-color-brand);
  font-weight: var(--ui-weight-semibold);
  padding-inline: 0.125rem;
}

.project-message-recipients {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  margin-left: 2.75rem;
}
.project-message-recipients > span { padding-top: 0; }
.project-message-recipients > strong { color: var(--ui-color-brand); font-size: var(--ui-text-xs); }

.project-message-list > li {
  scroll-margin-block: 7rem;
}
.project-message-list > li:focus { outline: 0; }
.project-message-list > li.is-targeted {
  background: color-mix(in srgb, var(--ui-color-brand-soft) 48%, var(--ui-color-surface));
  box-shadow: inset 0.1875rem 0 var(--ui-color-brand);
}
.project-message-list > li.is-targeted:focus-visible { box-shadow: inset 0.1875rem 0 var(--ui-color-brand), var(--ui-focus-ring); }

.project-thread-header-actions {
  align-items: center;
  display: flex;
  gap: var(--ui-space-2);
}

.project-composer-readonly {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-2);
  min-height: 4.5rem;
  padding: var(--ui-space-4) var(--ui-space-5);
}

.project-detail-sidebar {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
}

.project-state-card,
.project-handoffs-panel,
.project-brief-card,
.project-members-card {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  min-width: 0;
  overflow: hidden;
}

.project-handoffs-panel > header {
  align-items: start;
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: minmax(0, 1fr) auto;
  padding: var(--ui-space-4);
}

.project-handoffs-panel > header h2 {
  align-items: center;
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-2);
  margin: 0;
}

.project-handoffs-panel > header h2 svg { color: var(--ui-color-brand); }
.project-handoffs-panel > header h2:focus { box-shadow: var(--ui-focus-ring); outline: 0; }
.project-handoffs-panel > header p,
.project-handoff-unavailable p,
.project-handoff-empty p,
.project-handoff-create-note {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.project-handoff-alert { border-width: 0 0 1px; margin: 0; }

.project-handoff-loading {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.project-handoff-loading span {
  animation: project-loading-pulse 1.2s ease-in-out infinite alternate;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  display: block;
  height: 5rem;
}

.project-handoff-loading span + span { animation-delay: 120ms; }

.project-handoff-unavailable,
.project-handoff-empty {
  align-items: start;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-4);
}

.project-handoff-unavailable > svg { color: var(--ui-color-warning); margin-top: 0.125rem; }
.project-handoff-empty > svg { color: var(--ui-color-success); margin-top: 0.125rem; }
.project-handoff-unavailable strong,
.project-handoff-empty strong { font-size: var(--ui-text-xs); }
.project-handoff-unavailable .kui-button { justify-self: start; margin-left: calc(-1 * var(--ui-space-3)); margin-top: var(--ui-space-1); }

.project-handoff-groups > section > h3 {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border-bottom: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  justify-content: space-between;
  letter-spacing: 0.055em;
  margin: 0;
  min-height: 2.25rem;
  padding: 0 var(--ui-space-4);
  text-transform: uppercase;
}

.project-handoff-groups > section > h3 span { color: var(--ui-color-text-subtle); }

.project-handoff-record-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-handoff-record {
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  min-width: 0;
  padding: var(--ui-space-4);
}

.project-handoff-record[data-highlighted="true"] {
  box-shadow: inset 3px 0 var(--ui-color-brand);
  outline: none;
}

.project-handoff-record[data-highlighted="true"]:focus-visible { box-shadow: inset 3px 0 var(--ui-color-brand), var(--ui-focus-ring); }

.project-handoff-record-topline,
.project-handoff-record-actions {
  align-items: center;
  display: flex;
  gap: var(--ui-space-2);
  justify-content: space-between;
}

.project-handoff-record-topline .kui-badge { gap: var(--ui-space-1); }
.project-handoff-record-topline time { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); white-space: nowrap; }
.project-handoff-project-name { font-size: var(--ui-text-sm); }
.project-handoff-certified-note { align-items: center; color: var(--ui-color-text-muted); display: inline-flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: 0.3rem; }

.project-handoff-note {
  color: var(--ui-color-text);
  font-size: var(--ui-text-sm);
  line-height: 1.55;
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.project-handoff-decision {
  border-left: 2px solid var(--ui-color-info);
  color: var(--ui-color-text-muted);
  display: grid;
  font-size: var(--ui-text-xs);
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  line-height: 1.5;
  margin: 0;
  padding-left: var(--ui-space-3);
}

.project-handoff-decision strong { color: var(--ui-color-text); font-size: var(--ui-text-2xs); text-transform: uppercase; }
.project-handoff-decision span { overflow-wrap: anywhere; white-space: pre-wrap; }

.project-handoff-reference {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
}

.project-handoff-reference > span {
  align-items: center;
  background: var(--ui-color-accent-soft);
  color: var(--ui-color-brand);
  display: inline-flex;
  height: var(--ui-control-sm);
  justify-content: center;
  width: var(--ui-control-sm);
}

.project-handoff-reference > div { display: grid; min-width: 0; }
.project-handoff-reference strong { font-size: var(--ui-text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-handoff-reference small { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-handoff-record-actions { flex-wrap: wrap; justify-content: flex-start; }
.project-handoff-record-actions .kui-button:first-child { margin-left: calc(-1 * var(--ui-space-3)); }
.project-handoff-record-actions .kui-button:last-child:not(:first-child) { margin-left: auto; }

.project-handoff-resolved { border-top: 1px solid var(--ui-color-border); }

.project-handoff-resolved > summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: minmax(0, 1fr) auto auto;
  list-style: none;
  min-height: 3rem;
  padding: 0 var(--ui-space-4);
}

.project-handoff-resolved > summary::-webkit-details-marker { display: none; }
.project-handoff-resolved > summary span { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); }
.project-handoff-resolved > summary small { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); }
.project-handoff-resolved > summary svg { color: var(--ui-color-text-subtle); transition: transform var(--ui-duration-fast); }
.project-handoff-resolved[open] > summary svg { transform: rotate(180deg); }

.project-handoff-create-note {
  align-items: flex-start;
  border-top: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-2);
  margin: 0;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.project-handoff-create-note svg { flex: 0 0 auto; margin-top: 0.125rem; }
.project-handoff-form { display: grid; grid-gap: var(--ui-space-5); gap: var(--ui-space-5); }
.project-handoff-boundary { align-items: flex-start; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: flex; gap: var(--ui-space-3); padding: var(--ui-space-4); }
.project-handoff-boundary svg { color: var(--ui-color-success); flex: 0 0 auto; margin-top: 0.125rem; }
.project-handoff-boundary p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: 0; }
.project-handoff-resolve-copy { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); padding: var(--ui-space-4); }
.project-handoff-resolve-copy p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: 1.55; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }

.project-state-card > header {
  border-bottom: 1px solid var(--ui-color-border);
  padding: var(--ui-space-4);
}

.project-state-card > header h2 {
  align-items: center;
  display: flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  margin: 0;
}

.project-state-card > header h2 svg {
  color: var(--ui-color-brand);
}

.project-state-card > header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.project-state-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-state-item {
  align-items: start;
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2) var(--ui-space-3);
  gap: var(--ui-space-2) var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-4);
}

.project-state-item:last-child {
  border-bottom: 0;
}

.project-state-item[data-state="unavailable"] {
  background: var(--ui-color-surface-subtle);
}

.project-state-icon {
  align-items: center;
  background: var(--ui-color-accent-soft);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-brand);
  display: inline-flex;
  height: var(--ui-control-sm);
  justify-content: center;
  width: var(--ui-control-sm);
}

.project-state-item[data-state="loading"] .project-state-icon,
.project-state-item[data-state="unavailable"] .project-state-icon {
  background: var(--ui-color-surface);
  color: var(--ui-color-text-subtle);
}

.project-state-item > div {
  display: grid;
  min-width: 0;
}

.project-state-item > div > span {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.project-state-item strong {
  font-size: var(--ui-text-xs);
  margin-top: 0.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-state-item p,
.project-state-empty p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.project-state-action.kui-button {
  grid-column: 2;
  justify-self: start;
  margin-left: calc(-1 * var(--ui-space-3));
}

.project-state-empty {
  align-items: flex-start;
  color: var(--ui-color-text-subtle);
  display: flex;
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.project-state-empty strong {
  color: var(--ui-color-text);
  font-size: var(--ui-text-xs);
}

.project-brief-card > header,
.project-members-card > header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  justify-content: space-between;
  min-height: 3.5rem;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.project-brief-card > header > span,
.project-members-card > header > div > span {
  align-items: center;
  display: flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
}

.project-brief-card > header button {
  border: 0;
  color: var(--ui-color-brand);
  font-size: var(--ui-text-xs);
  min-height: var(--ui-control-sm);
  padding: 0 var(--ui-space-2);
}

.project-brief-card > div {
  padding: var(--ui-space-4);
}

.project-brief-card h2 {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.05em;
  margin: 0;
  text-transform: uppercase;
}

.project-brief-card p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: 1.6;
  margin: var(--ui-space-2) 0 0;
  max-height: 14rem;
  overflow: auto;
  white-space: pre-wrap;
}

.project-brief-card > footer,
.project-members-card > footer {
  background: var(--ui-color-surface-subtle);
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
  padding: var(--ui-space-3) var(--ui-space-4);
}

.project-members-card > header > div {
  align-items: center;
  display: flex;
  gap: var(--ui-space-2);
}

.project-members-card > header small {
  background: var(--ui-color-surface-subtle);
  border-radius: var(--ui-radius-pill);
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  padding: 0.125rem 0.4rem;
}

.project-members-card > header button {
  color: var(--ui-color-brand);
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-1);
  min-height: var(--ui-control-sm);
  padding: 0 var(--ui-space-2);
}

.project-members-card ol {
  list-style: none;
  margin: 0;
  max-height: 27rem;
  overflow: auto;
  padding: 0;
}

.project-members-card li {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 4rem;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.project-members-card li:last-child {
  border-bottom: 0;
}

.project-member-avatar {
  background: var(--ui-color-accent-soft);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-bold);
  height: 2rem;
  width: 2rem;
}

.project-members-card li > div:nth-child(2) {
  display: grid;
  min-width: 0;
}

.project-members-card li strong,
.project-members-card li small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-members-card li strong {
  font-size: var(--ui-text-xs);
}

.project-members-card li small {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
}

.project-member-controls {
  align-items: center;
  display: flex;
  gap: var(--ui-space-1);
}

.project-member-controls select {
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  height: var(--ui-control-sm);
  max-width: 5.2rem;
  padding: 0 var(--ui-space-1);
}

.project-member-controls button {
  color: var(--ui-color-text-subtle);
  height: var(--ui-control-sm);
  width: var(--ui-control-sm);
}

.project-member-controls button:disabled,
.project-member-controls select:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.project-members-card > footer {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-2);
}

.project-confirm-copy {
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  padding: var(--ui-space-4);
}

.project-confirm-copy p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
}

@media (max-width: 1360px) {
  .project-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-workbench {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-handoff-rail {
    grid-column: 1;
    grid-row: 2;
  }

  .project-workbench-main {
    grid-column: 1;
    grid-row: 1;
  }

  .project-detail-sidebar {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  }

  .project-state-list {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }

  .project-handoff-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-handoff-groups > section + section { border-left: 1px solid var(--ui-color-border); }
  .project-handoff-groups > .project-handoff-empty,
  .project-handoff-groups > details { grid-column: 1 / -1; }

  .project-state-item {
    border-bottom: 0;
    border-right: 1px solid var(--ui-color-border);
  }

  .project-state-item:last-child {
    border-right: 0;
  }
}

@media (max-width: 900px) {
  .project-thread-workspace {
    block-size: clamp(30rem, calc(100dvh - 6rem), 44rem);
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .project-thread-rail {
    border-bottom: 1px solid var(--ui-color-border);
    border-right: 0;
    max-height: 14rem;
  }

  .project-thread-rail ol {
    grid-auto-columns: minmax(13rem, 17rem);
    grid-auto-flow: column;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  .project-thread-rail li {
    scroll-snap-align: start;
  }

  .project-context-receipt {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .project-context-receipt dl {
    grid-column: 2;
  }
}

@media (max-width: 700px) {
  .project-index-toolbar,
  .project-detail-header,
  .project-library > header {
    align-items: stretch;
    flex-direction: column;
  }

  .project-index-toolbar > .kui-button,
  .project-detail-actions > .kui-button {
    flex: 1 1;
  }

  .project-detail-actions {
    width: 100%;
  }

  .project-card-grid,
  .project-detail-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-state-card {
    grid-column: auto;
  }

  .project-state-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-handoff-groups { grid-template-columns: minmax(0, 1fr); }
  .project-handoff-groups > section + section { border-left: 0; }
  .project-handoff-record-actions { align-items: stretch; flex-direction: column; }
  .project-handoff-record-actions .kui-button { justify-content: center; margin-left: 0 !important; min-height: 2.75rem; width: 100%; }
  .project-handoff-resolved > summary { min-height: 3.25rem; }

  .project-state-item {
    border-bottom: 1px solid var(--ui-color-border);
    border-right: 0;
  }

  .project-state-item:last-child {
    border-bottom: 0;
  }

  .project-status-tabs {
    overflow-x: auto;
  }

  .project-card {
    min-height: 14rem;
  }

  .project-detail-heading {
    gap: var(--ui-space-3);
  }

  .project-detail-icon {
    height: 2.75rem;
    width: 2.75rem;
  }

  .project-detail-header h1 {
    font-size: 2rem;
  }

  .project-context-receipt {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-context-receipt > span {
    display: none;
  }

  .project-context-receipt dl {
    flex-direction: column;
    gap: var(--ui-space-2);
    grid-column: auto;
  }

  .project-context-receipt dl > div {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .project-thread-transcript,
  .project-thread-header,
  .project-composer {
    padding-left: var(--ui-space-4);
    padding-right: var(--ui-space-4);
  }

  .project-message-list article > .project-message-content {
    margin-left: 0;
  }

  .project-composer-toolbar {
    align-items: flex-end;
  }

  .project-composer-toolbar > .kui-button,
  .project-knowledge-toggle {
    min-height: 2.75rem;
  }

  .project-thread-rail > header button,
  .project-member-controls button {
    height: 2.75rem;
    min-height: 2.75rem;
    width: 2.75rem;
  }

  .project-member-controls select {
    height: 2.75rem;
  }

  .project-composer-toolbar .project-composer-context {
    max-width: 12rem;
  }

  .project-composer-tools {
    align-items: flex-start;
    flex-direction: column;
  }

  .project-mention-listbox { max-height: min(20rem, 52vh); max-width: none; }
  .project-mention-recipients { grid-template-columns: minmax(0, 1fr); }
  .project-mention-recipients > span { padding-top: 0; }
  .project-mention-recipients li button { height: 2.75rem; width: 2.75rem; }
  .project-message-recipients { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .project-card,
  .project-index-loading span,
  .project-detail-loading span,
  .project-transcript-loading span,
  .project-handoff-loading span {
    animation: none;
    transition: none;
  }

  .project-handoff-resolved > summary svg { transition: none; }

  .project-card:hover {
    transform: none;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/activity.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.activity-page {
  gap: clamp(var(--ui-space-6), 3vw, var(--ui-space-10));
  max-width: 70rem;
}

.activity-list-shell {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  min-width: 0;
}

.activity-filters {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border-strong);
  display: flex;
  gap: var(--ui-space-1);
  min-width: 0;
}

.activity-filters a {
  align-items: center;
  border-bottom: 0.1875rem solid transparent;
  color: var(--ui-color-text-muted);
  display: inline-flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  min-height: 2.875rem;
  padding: 0 var(--ui-space-4);
}

.activity-filters a:hover { color: var(--ui-color-text); }
.activity-filters a[aria-current="page"] { border-bottom-color: var(--ui-color-brand); color: var(--ui-color-text); }
.activity-filters a span {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.activity-groups { display: grid; grid-gap: var(--ui-space-7); gap: var(--ui-space-7); }
.activity-groups > section { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.activity-groups h2 {
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  letter-spacing: 0.09em;
  margin: 0;
  padding: 0 var(--ui-space-1);
  text-transform: uppercase;
}

.activity-list {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  list-style: none;
  margin: 0;
  padding: 0;
}

.activity-row {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-width: 0;
  padding: var(--ui-space-4) var(--ui-space-5);
  position: relative;
}

.activity-row + .activity-row { border-top: 1px solid var(--ui-color-border); }
.activity-row.is-unread { background: color-mix(in srgb, var(--ui-color-brand-soft) 34%, var(--ui-color-surface)); }
.activity-row.is-unread::before {
  background: var(--ui-color-brand);
  content: "";
  height: calc(100% + 2px);
  left: -1px;
  position: absolute;
  top: -1px;
  width: 0.1875rem;
}

.activity-row-icon {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  color: var(--ui-color-brand);
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.activity-row-copy { display: grid; grid-gap: 0.15rem; gap: 0.15rem; min-width: 0; }
.activity-row-title { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.activity-row-title strong { font-size: var(--ui-text-sm); overflow-wrap: anywhere; }
.activity-row-badges { align-items: center; display: inline-flex; flex-wrap: wrap; gap: var(--ui-space-1); }
.activity-row-copy p,
.activity-row-copy time { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); margin: 0; }
.activity-row-copy p { overflow-wrap: anywhere; }
.activity-row-copy time { font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }

.activity-row-actions { align-items: center; display: flex; gap: var(--ui-space-1); }
.activity-row-actions > a {
  align-items: center;
  color: var(--ui-color-text);
  display: inline-flex;
  font-size: var(--ui-text-xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-1);
  min-height: var(--ui-control-md);
  padding: 0 var(--ui-space-3);
}
.activity-row-actions > a:hover { background: var(--ui-color-surface-subtle); }
.activity-row-actions > a:focus-visible { box-shadow: var(--ui-focus-ring); outline: 0; }
.activity-row-problem { grid-column: 2 / -1; margin-top: var(--ui-space-1); }

.activity-empty,
.activity-static-state {
  align-items: center;
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  min-height: 10rem;
  padding: var(--ui-space-6);
}
.activity-empty { justify-items: center; text-align: center; }
.activity-empty > svg { color: var(--ui-color-brand); }
.activity-empty h2 { font-size: var(--ui-text-lg); margin: 0; }
.activity-empty h2:focus { box-shadow: var(--ui-focus-ring); outline: 0; }
.activity-empty p,
.activity-static-state p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); margin: 0; }
.activity-static-state { grid-template-columns: auto minmax(0, 1fr) auto; min-height: 7rem; }
.activity-static-state > svg { color: var(--ui-color-warning); }
.activity-static-state strong { font-size: var(--ui-text-sm); }
.activity-static-state p { font-size: var(--ui-text-xs); margin-top: var(--ui-space-1); }
.activity-load-more { display: flex; justify-content: center; padding-top: var(--ui-space-1); }
.activity-pagination { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); }

.home-activity { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); }
.home-activity > header {
  align-items: flex-end;
  border-bottom: 1px solid var(--ui-color-border-strong);
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
  padding-bottom: var(--ui-space-3);
}
.home-activity > header > div { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); }
.home-activity > header > div > span {
  color: var(--ui-color-accent-text);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.home-activity > header h2 { align-items: center; display: flex; font-family: var(--ui-font-display); font-size: var(--ui-text-2xl); font-weight: 500; gap: var(--ui-space-2); margin: 0; }
.home-activity > header h2 svg { color: var(--ui-color-brand); }
.home-activity > header > a { align-items: center; display: inline-flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); min-height: var(--ui-control-md); }
.home-activity .activity-list { max-height: 24rem; overflow: auto; }
.home-activity .activity-row { padding-block: var(--ui-space-3); }
.activity-static-state.is-compact { min-height: 6rem; }
.home-activity.is-unavailable { gap: var(--ui-space-2); }
.home-activity.is-unavailable > header { align-items: center; padding-bottom: var(--ui-space-2); }
.home-activity.is-unavailable > header h2 { font-size: var(--ui-text-xl); }
.home-activity.is-unavailable .activity-static-state.is-compact { min-height: 0; padding: var(--ui-space-3) var(--ui-space-4); }

.activity-loading { display: grid; max-width: 70rem; min-width: 0; width: 100%; }
.activity-loading > *,
.activity-loading .kui-skeleton { min-width: 0; }
.activity-loading-copy,
.activity-loading-list { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); min-width: 0; }
.activity-loading-kicker { max-width: min(7rem, 100%); }
.activity-loading-title { max-width: min(24rem, 100%); }
.activity-loading-description { max-width: min(30rem, 100%); }
.activity-loading-filters {
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) minmax(0, 10fr);
  max-width: min(23rem, 100%);
  min-width: 0;
  width: 100%;
}

@media (max-width: 800px) {
  .activity-row { align-items: start; grid-template-columns: auto minmax(0, 1fr); padding: var(--ui-space-4); }
  .activity-row-actions { grid-column: 2; justify-content: flex-start; }
  .activity-static-state { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
  .activity-static-state > .kui-button { grid-column: 2; justify-self: start; }
  .activity-row-problem { grid-column: 2; }
}

@media (max-width: 560px) {
  .activity-filters { overflow-x: auto; }
  .activity-filters a { flex: 0 0 auto; min-height: 2.75rem; padding-inline: var(--ui-space-3); }
  .activity-row { gap: var(--ui-space-3); grid-template-columns: minmax(0, 1fr); }
  .activity-row-icon { display: none; }
  .activity-row-actions { grid-column: 1; flex-wrap: wrap; }
  .activity-row-problem { grid-column: 1; }
  .activity-row-actions > a,
  .activity-row-actions > .kui-button { min-height: 2.75rem; }
  .home-activity > header { align-items: center; }
  .home-activity > header h2 { font-size: var(--ui-text-xl); }
}

@media (prefers-reduced-motion: reduce) {
  .activity-row,
  .activity-row-actions > a { transition: none; }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/project-artifacts.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.project-workbench-main {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  min-width: 0;
}

.project-workbench-switch {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  display: inline-flex;
  justify-self: start;
  padding: 0.1875rem;
}

.project-workbench-switch button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-2);
  min-height: 2.125rem;
  padding: 0 var(--ui-space-3);
}

.project-workbench-switch button:hover {
  color: var(--ui-color-text);
}

.project-workbench-switch button.is-active {
  background: var(--ui-color-surface-raised);
  box-shadow: var(--ui-shadow-sm);
  color: var(--ui-color-text);
}

.project-workbench-switch button.is-active svg {
  color: var(--ui-color-brand);
}

.project-workbench-switch button:focus-visible,
.project-message-artifact-action:focus-visible,
.project-artifact-rail button:focus-visible,
.project-artifact-versions button:focus-visible,
.project-artifact-document footer button:focus-visible {
  box-shadow: var(--ui-focus-ring);
  outline: 2px solid var(--ui-color-surface);
  outline-offset: 1px;
}

.project-workbench-main > [role="tabpanel"] {
  min-width: 0;
}

.project-workbench-main > [role="tabpanel"][hidden] {
  display: none;
}

.project-workbench-main .project-thread-workspace {
  min-height: 28rem;
}

.project-workbench-main .project-thread-transcript {
  min-height: 16rem;
}

.project-workbench-main .project-thread-welcome {
  margin-top: 1.5rem;
}

.project-message-artifact-action {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-subtle);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--ui-text-2xs);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-1);
  margin-left: auto;
  min-height: var(--ui-control-sm);
  padding: 0 var(--ui-space-2);
}

.project-message-artifact-action:hover {
  background: var(--ui-color-brand-soft);
  color: var(--ui-color-brand);
}

.project-artifact-workspace {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  display: grid;
  grid-template-columns: 16rem minmax(0, 1fr);
  min-height: 32rem;
  min-width: 0;
  overflow: hidden;
}

.project-artifact-rail {
  background: var(--ui-color-surface-subtle);
  border-right: 1px solid var(--ui-color-border);
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.project-artifact-rail > header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  justify-content: space-between;
  min-height: 4.5rem;
  padding: var(--ui-space-4);
}

.project-artifact-rail > header > div {
  display: grid;
}

.project-artifact-rail > header span {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.project-artifact-rail > header strong {
  font-size: var(--ui-text-sm);
}

.project-artifact-rail > header button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.project-artifact-rail > header button:hover {
  background: var(--ui-color-surface);
  border-color: var(--ui-color-text);
}

.project-artifact-rail ol {
  display: grid;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: var(--ui-space-2);
}

.project-artifact-rail li > button {
  align-items: start;
  background: transparent;
  border: 0;
  border-left: 2px solid transparent;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  padding: var(--ui-space-3);
  text-align: left;
  width: 100%;
}

.project-artifact-rail li > button:hover {
  background: color-mix(in srgb, var(--ui-color-surface) 72%, transparent);
}

.project-artifact-rail li > button.is-active {
  background: var(--ui-color-surface);
  border-left-color: var(--ui-color-brand);
  box-shadow: var(--ui-shadow-sm);
}

.project-artifact-rail li > button > span:first-child {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
}

.project-artifact-rail li strong,
.project-artifact-rail li small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-artifact-rail li strong {
  font-size: var(--ui-text-sm);
}

.project-artifact-rail li small {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
}

.project-artifact-rail li .kui-badge {
  justify-self: start;
}

.project-artifact-rail-loading,
.project-artifact-detail-loading {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.project-artifact-rail-loading span,
.project-artifact-detail-loading span {
  animation: project-loading-pulse 1.2s ease-in-out infinite alternate;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  display: block;
}

.project-artifact-rail-loading span {
  height: 4.5rem;
}

.project-artifact-detail-loading span {
  height: 7rem;
}

.project-artifact-rail-error {
  align-items: center;
  color: var(--ui-color-text-muted);
  display: grid;
  font-size: var(--ui-text-xs);
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  justify-items: center;
  padding: var(--ui-space-8) var(--ui-space-4);
  text-align: center;
}

.project-artifact-rail-error p {
  margin: 0;
}

.project-artifact-rail-error button {
  background: transparent;
  border: 0;
  color: var(--ui-color-brand);
  cursor: pointer;
  font-weight: var(--ui-weight-semibold);
}

.project-artifact-main {
  min-height: 0;
  min-width: 0;
}

.project-artifact-empty {
  min-height: 32rem;
}

.project-artifact-editor,
.project-artifact-detail {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  min-width: 0;
  padding: var(--ui-space-5);
}

.project-artifact-editor > header,
.project-artifact-detail > header {
  align-items: flex-start;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
  padding-bottom: var(--ui-space-4);
}

.project-artifact-editor h2,
.project-artifact-detail h2 {
  font-family: var(--ui-font-display);
  font-size: 1.3rem;
  font-weight: var(--ui-weight-semibold);
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin: var(--ui-space-2) 0 0;
}

.project-artifact-source-receipt,
.project-artifact-readonly {
  align-items: flex-start;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-3);
  padding: var(--ui-space-3);
}

.project-artifact-source-receipt > svg,
.project-artifact-readonly > svg {
  flex: 0 0 auto;
}

.project-artifact-source-receipt > div {
  display: grid;
  grid-gap: 0.125rem;
  gap: 0.125rem;
}

.project-artifact-source-receipt strong {
  color: var(--ui-color-text);
}

.project-artifact-editor-fields {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
}

.project-artifact-editor-fields input,
.project-artifact-editor-fields textarea {
  background: var(--ui-color-surface-raised);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text);
  font: inherit;
  margin-top: var(--ui-space-2);
  padding: var(--ui-space-3);
  width: 100%;
}

.project-artifact-editor-fields textarea {
  font-family: var(--ui-font-mono);
  font-size: 0.8125rem;
  line-height: 1.6;
  min-height: 20rem;
  resize: vertical;
}

.project-artifact-editor-fields input:focus,
.project-artifact-editor-fields textarea:focus {
  border-color: var(--ui-color-brand);
  box-shadow: var(--ui-focus-ring);
  outline: 0;
}

.project-artifact-editor > footer {
  align-items: center;
  border-top: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
  padding-top: var(--ui-space-4);
}

.project-artifact-editor > footer > span {
  align-items: center;
  color: var(--ui-color-success);
  display: inline-flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
}

.project-artifact-heading-meta,
.project-artifact-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
}

.project-artifact-heading-meta > span:last-child,
.project-artifact-detail > header p {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-xs);
}

.project-artifact-detail > header p {
  margin: var(--ui-space-2) 0 0;
}

.project-artifact-knowledge-status {
  align-items: center;
  background: color-mix(in srgb, var(--ui-color-success) 6%, var(--ui-color-surface-subtle));
  border: 1px solid var(--ui-color-border);
  border-left: 3px solid var(--ui-color-success);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text-muted);
  display: flex;
  gap: var(--ui-space-3);
  min-width: 0;
  padding: var(--ui-space-3);
}

.project-artifact-knowledge-status[data-status="withdrawn"] {
  background: var(--ui-color-surface-subtle);
  border-left-color: var(--ui-color-text-subtle);
}

.project-artifact-knowledge-status > svg {
  color: var(--ui-color-success);
  flex: 0 0 auto;
}

.project-artifact-knowledge-status[data-status="withdrawn"] > svg {
  color: var(--ui-color-text-subtle);
}

.project-artifact-knowledge-status > div {
  display: grid;
  grid-gap: 0.125rem;
  gap: 0.125rem;
  min-width: 0;
}

.project-artifact-knowledge-status strong {
  color: var(--ui-color-text);
  font-size: var(--ui-text-xs);
}

.project-artifact-knowledge-status span {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
}

.project-artifact-knowledge-status > .kui-badge {
  margin-left: auto;
}

.project-artifact-detail-grid {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  grid-template-columns: minmax(0, 1fr) 13rem;
  min-width: 0;
}

.project-artifact-document {
  background: var(--ui-color-surface-raised);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  min-height: 20rem;
  min-width: 0;
  padding: var(--ui-space-6);
}

.project-artifact-document > .assistant-content {
  font-size: 0.9375rem;
  line-height: 1.7;
}

.project-artifact-document > footer {
  align-items: center;
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-subtle);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  margin-top: var(--ui-space-8);
  padding-top: var(--ui-space-3);
}

.project-artifact-document > footer button {
  background: transparent;
  border: 0;
  color: var(--ui-color-brand);
  cursor: pointer;
  font: inherit;
  font-weight: var(--ui-weight-semibold);
  margin-left: auto;
}

.project-artifact-versions {
  border-left: 1px solid var(--ui-color-border);
  min-width: 0;
  padding-left: var(--ui-space-4);
}

.project-artifact-versions > header {
  align-items: center;
  color: var(--ui-color-text-subtle);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-2);
  letter-spacing: 0.04em;
  margin-bottom: var(--ui-space-2);
  text-transform: uppercase;
}

.project-artifact-versions ol {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-artifact-versions li > button {
  background: transparent;
  border: 0;
  border-left: 2px solid transparent;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  padding: var(--ui-space-2) var(--ui-space-3);
  text-align: left;
  width: 100%;
}

.project-artifact-versions li > button:hover {
  background: var(--ui-color-surface-subtle);
}

.project-artifact-versions li > button.is-active {
  background: var(--ui-color-brand-soft);
  border-left-color: var(--ui-color-brand);
}

.project-artifact-versions li > button:disabled {
  cursor: wait;
  opacity: 0.6;
}

.project-artifact-versions li > button > span {
  align-items: center;
  display: flex;
  gap: var(--ui-space-2);
  justify-content: space-between;
}

.project-artifact-versions strong {
  font-size: var(--ui-text-xs);
}

.project-artifact-versions small {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
  line-height: 1.4;
}

.project-artifact-versions .kui-badge {
  font-size: var(--ui-text-2xs);
  padding-inline: 0.3rem;
}

@media (max-width: 900px) {
  .project-artifact-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-artifact-rail {
    border-bottom: 1px solid var(--ui-color-border);
    border-right: 0;
    max-height: 14rem;
  }

  .project-artifact-rail ol {
    grid-auto-columns: minmax(13rem, 17rem);
    grid-auto-flow: column;
    overflow-x: auto;
  }

  .project-artifact-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-artifact-versions {
    border-left: 0;
    border-top: 1px solid var(--ui-color-border);
    padding-left: 0;
    padding-top: var(--ui-space-4);
  }

  .project-artifact-versions ol {
    grid-auto-columns: minmax(10rem, 13rem);
    grid-auto-flow: column;
    overflow-x: auto;
  }
}

@media (max-width: 700px) {
  .project-workbench-switch {
    justify-self: stretch;
    max-width: 100%;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  .project-workbench-switch button {
    flex: 1 0 auto;
    justify-content: center;
    min-height: 2.75rem;
    scroll-snap-align: start;
  }

  .project-message-artifact-action {
    font-size: 0;
    height: 2.75rem;
    padding: 0;
    width: 2.75rem;
  }

  .project-message-artifact-action svg {
    height: 0.9375rem;
    width: 0.9375rem;
  }

  .project-artifact-editor,
  .project-artifact-detail {
    padding: var(--ui-space-4);
  }

  .project-artifact-editor > header,
  .project-artifact-detail > header,
  .project-artifact-editor > footer {
    align-items: stretch;
    flex-direction: column;
  }

  .project-artifact-actions > .kui-button,
  .project-artifact-editor > footer > .kui-button {
    flex: 1 1;
  }

  .project-artifact-knowledge-status {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .project-artifact-knowledge-status > .kui-badge {
    margin-left: 1.75rem;
  }

  .project-artifact-document {
    padding: var(--ui-space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .project-artifact-rail-loading span,
  .project-artifact-detail-loading span {
    animation: none;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/project-knowledge.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.project-knowledge-workspace {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  display: grid;
  min-height: 32rem;
  overflow: hidden;
}

.project-knowledge-header {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
  padding: var(--ui-space-5) var(--ui-space-6);
}

.project-knowledge-header h2 {
  font-family: var(--ui-font-display);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  margin: var(--ui-space-1) 0 0;
}

.project-knowledge-header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  margin: var(--ui-space-2) 0 0;
  max-width: 42rem;
}

.project-knowledge-readonly,
.project-knowledge-role-note,
.project-knowledge-boundary,
.project-knowledge-boundary p {
  align-items: center;
  display: flex;
}

.project-knowledge-readonly {
  color: var(--ui-color-text-subtle);
  flex: 0 0 auto;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-1);
}

.project-knowledge-boundary {
  background: color-mix(in srgb, var(--ui-color-info-soft) 58%, var(--ui-color-surface));
  border-bottom: 1px solid var(--ui-color-border);
  color: var(--ui-color-info);
  gap: var(--ui-space-3);
  padding: var(--ui-space-3) var(--ui-space-6);
}

.project-knowledge-boundary p {
  color: var(--ui-color-text-muted);
  display: block;
  font-size: var(--ui-text-xs);
  line-height: 1.55;
  margin: 0;
}

.project-knowledge-boundary strong {
  color: var(--ui-color-text);
}

.project-knowledge-role-note {
  border-bottom: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  padding: var(--ui-space-3) var(--ui-space-6);
}

.project-knowledge-list {
  align-content: start;
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-knowledge-list > li {
  align-items: center;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  gap: var(--ui-space-5);
  justify-content: space-between;
  min-width: 0;
  padding: var(--ui-space-5) var(--ui-space-6);
}

.project-knowledge-list > li[data-status="withdrawn"] {
  background: color-mix(in srgb, var(--ui-color-surface-subtle) 55%, transparent);
}

.project-knowledge-item-main {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
}

.project-knowledge-item-heading {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
}

.project-knowledge-item-heading > a {
  align-items: center;
  color: var(--ui-color-text);
  display: inline-flex;
  font-size: var(--ui-text-sm);
  font-weight: var(--ui-weight-semibold);
  gap: var(--ui-space-1);
  min-width: 0;
  text-decoration: none;
}

.project-knowledge-item-heading > a:hover {
  color: var(--ui-color-brand);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.project-knowledge-item-heading > a:focus-visible,
.project-knowledge-toggle:has(input:focus-visible) {
  box-shadow: var(--ui-focus-ring);
  outline: 2px solid var(--ui-color-surface);
  outline-offset: 1px;
}

.project-knowledge-item-main p,
.project-knowledge-item-main small {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-xs);
  margin: 0;
}

.project-knowledge-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: var(--ui-space-2);
}

.project-knowledge-empty {
  align-self: center;
  justify-self: center;
  margin: var(--ui-space-10) auto;
  max-width: 30rem;
}

.project-knowledge-loading {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  min-height: 32rem;
  padding: var(--ui-space-6);
}

.project-knowledge-loading span {
  animation: project-loading-pulse 1.2s ease-in-out infinite alternate;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  display: block;
  height: 6.5rem;
}

.project-knowledge-dialog-empty {
  align-items: flex-start;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  display: flex;
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.project-knowledge-dialog-empty div {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
}

.project-knowledge-dialog-empty strong {
  font-size: var(--ui-text-sm);
}

.project-knowledge-dialog-empty p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  margin: 0;
}

.project-knowledge-toggle {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  display: flex;
  gap: var(--ui-space-2);
  min-width: 0;
  padding: var(--ui-space-1);
}

.project-composer .project-composer-toolbar .project-composer-context {
  color: var(--ui-color-text-subtle);
}

.project-knowledge-toggle input {
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.project-knowledge-toggle > span {
  background: var(--ui-color-border-strong);
  border-radius: var(--ui-radius-pill);
  height: 1.125rem;
  position: relative;
  transition: background-color var(--ui-duration-fast) var(--ui-ease-standard);
  width: 2rem;
}

.project-knowledge-toggle > span::after {
  background: var(--ui-color-surface-raised);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgb(17 17 17 / 22%);
  content: "";
  height: 0.75rem;
  left: 0.1875rem;
  position: absolute;
  top: 0.1875rem;
  transition: transform var(--ui-duration-fast) var(--ui-ease-standard);
  width: 0.75rem;
}

.project-knowledge-toggle input:checked + span {
  background: var(--ui-color-success);
}

.project-knowledge-toggle input:checked + span::after {
  transform: translateX(0.875rem);
}

.project-knowledge-toggle > div {
  display: grid;
  grid-gap: 0.0625rem;
  gap: 0.0625rem;
  min-width: 0;
}

.project-knowledge-toggle strong {
  align-items: center;
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-1);
}

.project-knowledge-toggle small {
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-text-2xs);
}

.project-message-knowledge {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  margin-left: 2.75rem;
  padding-top: var(--ui-space-3);
}

.project-message-knowledge > div:first-child {
  align-items: center;
  color: var(--ui-color-text-subtle);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-2);
}

.project-message-knowledge > div:first-child strong {
  color: var(--ui-color-text-muted);
}

.project-message-sources {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
}

.project-message-sources a {
  align-items: center;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text);
  display: inline-flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-1);
  max-width: 100%;
  min-height: var(--ui-control-sm);
  padding: 0 var(--ui-space-2);
  text-decoration: none;
}

.project-message-sources a:hover {
  border-color: var(--ui-color-border-strong);
}

.project-message-sources a span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-message-sources a small {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .project-workbench-switch button {
    font-size: var(--ui-text-xs);
    gap: var(--ui-space-1);
    padding-inline: var(--ui-space-2);
  }

  .project-knowledge-header,
  .project-knowledge-list > li {
    align-items: stretch;
    flex-direction: column;
  }

  .project-knowledge-header,
  .project-knowledge-boundary,
  .project-knowledge-role-note,
  .project-knowledge-list > li {
    padding-left: var(--ui-space-4);
    padding-right: var(--ui-space-4);
  }

  .project-knowledge-actions > .kui-button {
    flex: 1 1;
  }

  .project-composer-toolbar {
    align-items: flex-end;
  }

  .project-knowledge-toggle small {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .project-message-knowledge {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .project-knowledge-loading span,
  .project-knowledge-toggle > span,
  .project-knowledge-toggle > span::after {
    animation: none;
    transition: none;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/project-decisions.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.project-decisions-workspace {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  min-height: 32rem;
  padding: var(--ui-space-6);
}

.project-message-actions { align-items: center; display: flex; gap: var(--ui-space-1); margin-left: auto; }
.project-message-actions .project-message-artifact-action { margin-left: 0; }
.project-message-decision-action { align-items: center; background: transparent; border: 0; border-radius: var(--ui-radius-sm); color: var(--ui-color-text-subtle); cursor: pointer; display: inline-flex; font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); min-height: var(--ui-control-sm); padding: 0 var(--ui-space-2); }
.project-message-decision-action:hover { background: var(--ui-color-brand-soft); color: var(--ui-color-brand); }
.project-message-decision-action:focus-visible { box-shadow: var(--ui-focus-ring); outline: 2px solid var(--ui-color-surface); outline-offset: 1px; }

.project-decisions-header {
  align-items: flex-end;
  border-bottom: 1px solid var(--ui-color-border-strong);
  display: flex;
  gap: var(--ui-space-6);
  justify-content: space-between;
  padding-bottom: var(--ui-space-4);
}

.project-decisions-header > div:first-child { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); max-width: 48rem; }
.project-decisions-header h2 { font-family: var(--ui-font-display); font-size: 1.5rem; font-weight: 500; letter-spacing: -0.03em; margin: 0; }
.project-decisions-header p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: 1.55; margin: 0; }
.project-decision-counts { align-items: center; display: flex; gap: var(--ui-space-3); }
.project-decision-counts span { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); white-space: nowrap; }
.project-decision-counts strong { color: var(--ui-color-text); font-family: var(--ui-font-mono); }

.project-decision-groups { display: grid; grid-gap: var(--ui-space-6); gap: var(--ui-space-6); }
.project-decision-groups > section { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); }
.project-decision-groups > section > h3 { align-items: center; display: flex; font-size: var(--ui-text-sm); gap: var(--ui-space-2); margin: 0; }
.project-decision-groups > section > h3 span { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); }
.project-decision-groups ol { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); list-style: none; margin: 0; padding: 0; }
.project-decision-groups li { border-radius: var(--ui-radius-md); outline: 0; }
.project-decision-groups li.is-targeted { box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-color-brand) 24%, transparent); }
.project-decision-groups li:focus-visible { box-shadow: var(--ui-focus-ring); }

.project-decision-card { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); padding: var(--ui-space-4); }
.project-decision-card > header,
.project-decision-card > footer,
.project-decision-card > header > div { align-items: center; display: flex; gap: var(--ui-space-3); }
.project-decision-card > header { justify-content: space-between; }
.project-decision-card time,
.project-decision-card > footer { color: var(--ui-color-text-subtle); font-size: var(--ui-text-2xs); }
.project-decision-copy { display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); }
.project-decision-copy h3 { font-family: var(--ui-font-display); font-size: 1.125rem; letter-spacing: -0.02em; margin: 0; }
.project-decision-copy p,
.project-decision-outcome p { font-size: var(--ui-text-sm); line-height: 1.6; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.project-decision-outcome { background: var(--ui-color-surface-subtle); border-left: 2px solid var(--ui-color-success); display: grid; grid-gap: var(--ui-space-2); gap: var(--ui-space-2); padding: var(--ui-space-4); }
.project-decision-outcome span,
.project-decision-question > span,
.project-decision-source span { color: var(--ui-color-text-subtle); font-family: var(--ui-font-mono); font-size: var(--ui-text-2xs); font-weight: var(--ui-weight-semibold); letter-spacing: 0.06em; text-transform: uppercase; }
.project-decision-card > footer { justify-content: space-between; }
.project-decision-card > footer button { align-items: center; background: transparent; border: 0; color: var(--ui-color-accent-text); cursor: pointer; display: inline-flex; font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); gap: var(--ui-space-1); min-height: 2.5rem; padding: 0 var(--ui-space-2); }
.project-decision-card > footer button:hover { background: var(--ui-color-surface-subtle); }
.project-decision-card > footer button:focus-visible { box-shadow: var(--ui-focus-ring); outline: 0; }

.project-decision-empty,
.project-decision-boundary,
.project-decision-source { align-items: flex-start; display: flex; gap: var(--ui-space-3); }
.project-decision-empty { background: var(--ui-color-surface-subtle); justify-content: center; min-height: 14rem; padding: var(--ui-space-8); text-align: left; }
.project-decision-empty > svg { color: var(--ui-color-brand); }
.project-decision-empty strong { font-size: var(--ui-text-sm); }
.project-decision-empty p,
.project-decision-boundary p { color: var(--ui-color-text-muted); font-size: var(--ui-text-xs); line-height: 1.5; margin: var(--ui-space-1) 0 0; }
.project-decision-boundary { border-top: 1px solid var(--ui-color-border); color: var(--ui-color-text-subtle); padding-top: var(--ui-space-4); }

.project-decision-loading { display: grid; grid-gap: var(--ui-space-3); gap: var(--ui-space-3); }
.project-decision-loading span { animation: project-pulse 1.4s ease-in-out infinite; background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); height: 8rem; }
.project-decision-loading span:nth-child(2) { animation-delay: 120ms; }
.project-decision-loading span:nth-child(3) { animation-delay: 240ms; }

.project-decision-form { display: grid; grid-gap: var(--ui-space-4); gap: var(--ui-space-4); }
.project-decision-source,
.project-decision-question { background: var(--ui-color-surface-subtle); border: 1px solid var(--ui-color-border); padding: var(--ui-space-4); }
.project-decision-source > svg { color: var(--ui-color-brand); flex: 0 0 auto; }
.project-decision-source > div,
.project-decision-question { display: grid; grid-gap: var(--ui-space-1); gap: var(--ui-space-1); min-width: 0; }
.project-decision-source strong { font-size: var(--ui-text-sm); overflow-wrap: anywhere; }
.project-decision-question p { color: var(--ui-color-text-muted); font-size: var(--ui-text-sm); line-height: 1.55; margin: var(--ui-space-1) 0 0; max-height: 8rem; overflow: auto; white-space: pre-wrap; }

@media (max-width: 700px) {
  .project-message-actions { gap: var(--ui-space-2); }
  .project-message-decision-action { font-size: 0; height: 2.75rem; justify-content: center; padding: 0; width: 2.75rem; }
  .project-message-decision-action svg { height: 0.9375rem; width: 0.9375rem; }
  .project-decisions-workspace { min-height: 26rem; padding: var(--ui-space-4); }
  .project-decisions-header { align-items: flex-start; flex-direction: column; gap: var(--ui-space-3); }
  .project-decision-counts { width: 100%; }
  .project-decision-card > header,
  .project-decision-card > footer { align-items: flex-start; flex-direction: column; }
  .project-decision-card > header > .kui-button,
  .project-decision-card > footer button { justify-content: center; min-height: 2.75rem; width: 100%; }
  .project-decision-empty { min-height: 10rem; padding: var(--ui-space-6) var(--ui-space-4); }
}

@media (prefers-reduced-motion: reduce) {
  .project-decision-loading span { animation: none; }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/project-overview.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.project-overview-workspace {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  min-width: 0;
  overflow: hidden;
}

.project-overview-header {
  align-items: flex-end;
  border-bottom: 1px solid var(--ui-color-border);
  display: flex;
  justify-content: space-between;
  padding: var(--ui-space-6);
}

.project-overview-header h2 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  letter-spacing: -0.035em;
  margin: var(--ui-space-2) 0 0;
}

.project-overview-header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-sm);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-2) 0 0;
}

.project-overview-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

.project-overview-metrics > div {
  border-bottom: 1px solid var(--ui-color-border);
  border-right: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  min-width: 0;
  padding: var(--ui-space-4) var(--ui-space-5);
}

.project-overview-metrics > div:last-child { border-right: 0; }

.project-overview-metrics dt {
  align-items: center;
  color: var(--ui-color-text-subtle);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  gap: var(--ui-space-2);
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.project-overview-metrics dt svg { color: var(--ui-color-brand); }

.project-overview-metrics dd {
  font-size: 1.4rem;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: var(--ui-weight-semibold);
  line-height: 1;
  margin: 0;
}

.project-overview-grid {
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
  padding: var(--ui-space-5);
}

.project-overview-grid .project-state-card,
.project-checkpoints {
  border-radius: var(--ui-radius-md);
  min-width: 0;
}

.project-checkpoints {
  border: 1px solid var(--ui-color-border);
  overflow: hidden;
}

.project-checkpoints > header {
  border-bottom: 1px solid var(--ui-color-border);
  padding: var(--ui-space-4);
}

.project-checkpoints > header h3 {
  align-items: center;
  display: flex;
  font-size: var(--ui-text-sm);
  gap: var(--ui-space-2);
  margin: 0;
}

.project-checkpoints > header h3 svg { color: var(--ui-color-brand); }

.project-checkpoints > header p,
.project-checkpoints-empty p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.project-checkpoints > ol {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-checkpoints > ol > li {
  align-items: start;
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2) var(--ui-space-3);
  gap: var(--ui-space-2) var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-4);
}

.project-checkpoint-icon {
  align-items: center;
  background: var(--ui-color-accent-soft);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-brand);
  display: inline-flex;
  height: var(--ui-control-sm);
  justify-content: center;
  width: var(--ui-control-sm);
}

.project-checkpoints li > div { display: grid; min-width: 0; }

.project-checkpoints li > div > span {
  color: var(--ui-color-text-subtle);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.project-checkpoints li strong {
  font-size: var(--ui-text-xs);
  margin-top: 0.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-checkpoints li p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-body);
  margin: var(--ui-space-1) 0 0;
}

.project-checkpoints li > .kui-button {
  grid-column: 2;
  justify-self: start;
  margin-left: calc(-1 * var(--ui-space-3));
}

.project-checkpoints-loading {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
}

.project-checkpoints-loading span {
  animation: project-loading-pulse 1.2s ease-in-out infinite alternate;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  height: 4.25rem;
}

.project-checkpoints-loading span + span { animation-delay: 120ms; }

.project-checkpoints-empty {
  align-items: flex-start;
  display: flex;
  gap: var(--ui-space-3);
  padding: var(--ui-space-5) var(--ui-space-4);
}

.project-checkpoints-empty > svg { color: var(--ui-color-success); flex: 0 0 auto; margin-top: 0.125rem; }
.project-checkpoints-empty strong { font-size: var(--ui-text-xs); }

.project-checkpoints-partial {
  align-items: flex-start;
  border-top: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  display: flex;
  font-size: var(--ui-text-xs);
  gap: var(--ui-space-2);
  line-height: var(--ui-leading-body);
  margin: 0;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.project-checkpoints-partial svg {
  color: var(--ui-color-warning);
  flex: 0 0 auto;
  margin-top: 0.125rem;
}

.project-checkpoints > footer {
  align-items: center;
  border-top: 1px solid var(--ui-color-border);
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  padding: var(--ui-space-2) var(--ui-space-3);
}

@media (max-width: 900px) {
  .project-overview-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 700px) {
  .project-overview-header { padding: var(--ui-space-5) var(--ui-space-4); }
  .project-overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-overview-metrics > div:nth-child(2) { border-right: 0; }
  .project-overview-metrics > div:nth-child(n + 3) { border-bottom: 0; }
  .project-overview-grid { gap: var(--ui-space-4); padding: var(--ui-space-4); }
}

@media (prefers-reduced-motion: reduce) {
  .project-checkpoints-loading span { animation: none; }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/integrations.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.integration-catalog {
  background: var(--ui-color-surface);
  border-top: 1px solid var(--ui-color-border-strong);
  display: grid;
  grid-gap: var(--ui-space-5);
  gap: var(--ui-space-5);
  padding: var(--ui-space-6);
}

.integration-catalog > header {
  align-items: start;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
}

.integration-catalog__mark {
  align-items: center;
  background: var(--ui-color-accent-soft);
  border: 1px solid color-mix(in srgb, var(--ui-color-accent) 26%, var(--ui-color-border));
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-accent);
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.integration-catalog h3,
.integration-catalog h4,
.integration-catalog p {
  margin: 0;
}

.integration-catalog h3 {
  font-size: var(--ui-text-lg);
  margin-top: var(--ui-space-1);
}

.integration-catalog > header p,
.integration-catalog__group > header p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: 1.5;
  margin-top: var(--ui-space-1);
}

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

.integration-catalog__group {
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  min-width: 0;
  overflow: hidden;
}

.integration-catalog__group > header {
  align-items: start;
  background: var(--ui-color-surface-subtle);
  border-bottom: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-4);
}

.integration-catalog__group > header > svg {
  color: var(--ui-color-text-subtle);
  margin-top: 0.125rem;
}

.integration-catalog__group h4 {
  font-size: var(--ui-text-sm);
}

.integration-catalog__group ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.integration-catalog__group li {
  align-items: center;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: minmax(7.5rem, 1fr) minmax(8rem, 0.9fr) auto;
  min-height: 4.25rem;
  padding: var(--ui-space-3) var(--ui-space-4);
}

.integration-catalog__group li + li {
  border-top: 1px solid var(--ui-color-border);
}

.integration-catalog__provider {
  display: grid;
  min-width: 0;
}

.integration-catalog__provider strong {
  font-size: var(--ui-text-xs);
}

.integration-catalog__provider small,
.integration-catalog__boundary {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  line-height: 1.45;
}

.integration-catalog__boundary {
  overflow-wrap: anywhere;
}

.integration-catalog__group .kui-badge,
.integration-catalog__group .kui-button {
  justify-self: end;
  white-space: nowrap;
}

@media (max-width: 74rem) {
  .integration-catalog__groups {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 42rem) {
  .integration-catalog {
    padding: var(--ui-space-5);
  }

  .integration-catalog__group li {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .integration-catalog__boundary {
    grid-column: 1;
  }

  .integration-catalog__group .kui-badge,
  .integration-catalog__group .kui-button {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 28rem) {
  .integration-catalog__group li {
    grid-template-columns: 1fr;
  }

  .integration-catalog__group .kui-badge,
  .integration-catalog__group .kui-button,
  .integration-catalog__boundary {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
}

.keka-setup-fields {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  margin-top: var(--ui-space-4);
  padding-top: var(--ui-space-4);
}

.keka-setup-fields__row {
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.keka-setup-fields input,
.keka-setup-fields select {
  background: var(--ui-color-surface);
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text);
  font: inherit;
  min-height: var(--ui-control-md);
  outline: 0;
  padding: 0 var(--ui-space-3);
  width: 100%;
}

.keka-setup-fields input:focus,
.keka-setup-fields select:focus {
  border-color: var(--ui-color-accent);
  box-shadow: var(--ui-focus-ring);
}

.keka-company-input {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
}

.keka-company-input:focus-within {
  border-color: var(--ui-color-accent);
  box-shadow: var(--ui-focus-ring);
}

.keka-company-input input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-width: 0;
}

.keka-company-input input:focus {
  box-shadow: none;
}

.keka-company-input span {
  background: var(--ui-color-surface-subtle);
  border-left: 1px solid var(--ui-color-border);
  color: var(--ui-color-text-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  line-height: var(--ui-control-md);
  padding: 0 var(--ui-space-3);
  white-space: nowrap;
}

.keka-data-boundary {
  align-items: start;
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--ui-space-4);
}

.keka-data-boundary > svg {
  color: var(--ui-color-accent);
  margin-top: 0.125rem;
}

.keka-data-boundary strong {
  font-size: var(--ui-text-sm);
}

.keka-data-boundary p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: 1.55;
  margin: var(--ui-space-1) 0 0;
}

@media (max-width: 42rem) {
  .keka-setup-fields__row {
    grid-template-columns: 1fr;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles/invitation-join.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.invitation-join__progress {
  display: grid;
  grid-gap: 0;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.invitation-join__progress li {
  border-top: 1px solid var(--ui-color-border);
  display: grid;
  grid-gap: var(--ui-space-2);
  gap: var(--ui-space-2);
  min-width: 0;
  padding: var(--ui-space-3) var(--ui-space-3) 0 0;
}

.invitation-join__progress li > span {
  align-items: center;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: 50%;
  color: var(--ui-color-text-subtle);
  display: flex;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-2xs);
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}

.invitation-join__progress li > div {
  display: grid;
  grid-gap: var(--ui-space-1);
  gap: var(--ui-space-1);
  min-width: 0;
}

.invitation-join__progress strong {
  font-size: var(--ui-text-xs);
  line-height: 1.35;
}

.invitation-join__progress small {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-2xs);
  line-height: 1.4;
}

.invitation-join__progress li[data-state="complete"] {
  border-color: var(--ui-color-success);
}

.invitation-join__progress li[data-state="complete"] > span {
  background: var(--ui-color-success);
  border-color: var(--ui-color-success);
  color: var(--ui-color-on-accent);
}

.invitation-join__progress li[data-state="current"] {
  border-color: var(--ui-color-accent);
}

.invitation-join__progress li[data-state="current"] > span {
  border-color: var(--ui-color-accent);
  color: var(--ui-color-accent-text);
}

.invitation-join__progress li[data-state="upcoming"] {
  color: var(--ui-color-text-muted);
}

.invitation-join__problem {
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  justify-items: start;
}

.invitation-join__handoff {
  background: var(--ui-color-surface-subtle);
  border: 1px solid var(--ui-color-border-strong);
  display: grid;
  grid-gap: var(--ui-space-4);
  gap: var(--ui-space-4);
  padding: var(--ui-space-5);
}

.invitation-join__handoff[data-kind="blocked"] {
  border-left: 3px solid var(--ui-color-warning);
}

.invitation-join__handoff-heading {
  align-items: start;
  display: grid;
  grid-gap: var(--ui-space-3);
  gap: var(--ui-space-3);
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.invitation-join__handoff-heading > span:first-child {
  align-items: center;
  background: var(--ui-color-accent-soft);
  color: var(--ui-color-accent);
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.invitation-join__handoff-heading strong {
  font-size: var(--ui-text-sm);
}

.invitation-join__handoff-heading p {
  color: var(--ui-color-text-muted);
  font-size: var(--ui-text-xs);
  line-height: 1.55;
  margin: var(--ui-space-1) 0 0;
}

.invitation-join__handoff > .kui-button {
  justify-self: start;
}

@media (max-width: 560px) {
  .invitation-join__progress {
    grid-template-columns: 1fr;
  }

  .invitation-join__progress li {
    align-items: start;
    border-left: 1px solid var(--ui-color-border);
    border-top: 0;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0 0 var(--ui-space-4) var(--ui-space-3);
  }

  .invitation-join__progress li[data-state="complete"] { border-color: var(--ui-color-success); }
  .invitation-join__progress li[data-state="current"] { border-color: var(--ui-color-accent); }

  .invitation-join__handoff-heading {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .invitation-join__handoff-heading > .kui-badge {
    grid-column: 2;
    justify-self: start;
  }

  .invitation-join__handoff > .kui-button {
    justify-self: stretch;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.21_@playwright+test@1.62.1_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Workspace navigation stays quiet and capability-led: labels establish
   orientation, while the current destination carries the only strong accent. */
.workspace-nav {
  gap: var(--ui-space-6);
  margin-top: var(--ui-space-8);
}

.workspace-nav-group,
.workspace-nav-items {
  display: grid;
  min-width: 0;
}

.workspace-nav-group {
  gap: var(--ui-space-1);
}

.workspace-nav-items {
  gap: 0.125rem;
}

.workspace-nav-label {
  border: 0;
  font-size: var(--ui-text-2xs);
  letter-spacing: 0.105em;
  margin: 0;
  padding: 0 var(--ui-space-2) var(--ui-space-1);
}

.workspace-nav a {
  border: 0;
  border-radius: var(--ui-radius-sm);
  min-height: 2.5rem;
  padding-inline: var(--ui-space-3);
}

.workspace-nav a:hover {
  background: color-mix(in srgb, var(--ui-color-sidebar-raised) 72%, transparent);
}

.workspace-nav a.is-active {
  background: var(--ui-color-sidebar-raised);
  box-shadow: inset 0.1875rem 0 0 var(--ui-color-brand);
}

.workspace-nav a.is-active::before {
  display: none;
}

.workspace-nav a.is-active > svg {
  color: var(--ui-color-brand);
}

.workspace-nav-badge {
  align-items: center;
  background: var(--ui-color-brand);
  border-radius: var(--ui-radius-pill);
  color: #ffffff;
  display: inline-flex;
  font-family: var(--ui-font-mono);
  font-size: 0.625rem;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: var(--ui-weight-bold);
  justify-content: center;
  line-height: 1;
  min-height: 1.25rem;
  min-width: 1.25rem;
  padding: 0 0.3rem;
}

.account-copy small.is-email {
  text-transform: none;
}

@media (max-width: 1180px) {
  .workspace-nav {
    gap: var(--ui-space-3);
    margin-top: var(--ui-space-8);
  }

  .workspace-nav-group {
    width: 100%;
  }

  .workspace-nav-group + .workspace-nav-group {
    border-top: 1px solid var(--ui-color-border-strong);
    padding-top: var(--ui-space-3);
  }

  .workspace-nav a {
    padding-inline: 0;
  }

  .workspace-nav-badge {
    position: absolute;
    right: 0.1rem;
    top: 0.2rem;
  }
}

@media (max-width: 760px) {
  .workspace-sidebar {
    width: min(18rem, calc(100vw - 2.5rem));
  }

  .workspace-nav {
    gap: var(--ui-space-5);
    margin-top: var(--ui-space-7);
  }

  .workspace-nav-group + .workspace-nav-group {
    border-top: 0;
    padding-top: 0;
  }

  .workspace-nav-label {
    display: block;
  }

  .workspace-nav a {
    padding-inline: var(--ui-space-3);
  }

  .workspace-nav-badge {
    margin-left: auto;
    position: static;
  }
}