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

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

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

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

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

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

:root {
  --vt-menu-bg: #0a1611;
  --vt-menu-hover-bg: #111e18;
  --vt-menu-active-bg: #14261e;
  --vt-menu-active-bar: #6ee7b7;
  --vt-menu-text: #f1f5f3;
  --vt-menu-text-muted: #b5c3bc;
  --vt-menu-border: #1a2b23;
  --vt-text: #111915;
  --vt-text-muted: #5d6762;
  --vt-text-faint: #6b7570;
  --vt-line: #e5e9e6;
  --vt-grid: #edf0ee;
  --vt-primary: #0a6a4a;
  --vt-primary-hover: #08593e;
  --vt-primary-pressed: #064a34;
  --vt-primary-text: #fff;
  --vt-secondary-border: #828c87;
  --vt-accent: #047857;
  --vt-link: #0a6a4a;
  --vt-error: #b2394f;
  --vt-success: #10b981;
  --vt-star: #fbbf24;
  --vt-ai-from: #047857;
  --vt-ai-to: #0a8681;
  --vt-ai-gradient: linear-gradient(135deg, var(--vt-ai-from), var(--vt-ai-to));
  --vt-ai-text: #fff;
  --vt-ai-button-from: #0a6a4a;
  --vt-ai-button-to: #0b5f55;
  --vt-ai-button-gradient: linear-gradient(135deg, var(--vt-ai-button-from), var(--vt-ai-button-to));
  --vt-table-head-bg: #f7f8f7;
  --vt-filter-strip-bg: #f7f8f7;
  --vt-pill-track-bg: #f2f4f3;
  --vt-row-hover-bg: #f2f5f3;
  --vt-row-selected-bg: #eaf4ee;
  --vt-row-open-bg: #eff6f2;
  --vt-counter-bg: #1d2622;
  --vt-counter-text: #fff;
  --vt-options-link: #0a6a4a;
  --vt-panel-bg: #f7f8f7;
  --vt-chip-set-bg: #f2f8f5;
  --vt-chip-set-border: #a9d4bf;
  --vt-user-bubble-bg: #f2f4f3;
  --vt-radius-control: .4375rem;
  --vt-radius-tile: .75rem;
  --vt-row-height: 2.5rem;
  --vt-head-height: 2.25rem;
  --vt-chip-height: 2rem;
  --vt-focus-ring: 0 0 0 2px var(--background), 0 0 0 4px var(--vt-accent);
  --vt-duration-instant: 80ms;
  --vt-duration-fast: .14s;
  --vt-duration-base: .2s;
  --vt-duration-slow: .32s;
  --vt-duration-loop: 2.4s;
  --vt-ease-out: cubic-bezier(.2, .8, .2, 1);
  --vt-ease-in: cubic-bezier(.4, 0, 1, 1);
  --vt-ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --vt-press-scale: .97;
  --vt-hover-lift: -1px;
  --font-geist-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", "Liberation Sans", Arial, "DejaVu Sans", ui-sans-serif, system-ui, sans-serif;
  --font-geist-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: .5rem;
  --background: var(--vt-table-head-bg);
  --card: #fff;
  --popover: #fff;
  --foreground: var(--vt-text);
  --card-foreground: var(--vt-text);
  --popover-foreground: var(--vt-text);
  --primary: var(--vt-primary);
  --primary-hover: var(--vt-primary-hover);
  --primary-foreground: var(--vt-primary-text);
  --secondary: var(--vt-pill-track-bg);
  --secondary-foreground: var(--vt-counter-bg);
  --muted: var(--vt-pill-track-bg);
  --muted-foreground: var(--vt-text-muted);
  --accent: var(--vt-row-hover-bg);
  --accent-foreground: var(--vt-text);
  --border: var(--vt-line);
  --input: var(--vt-secondary-border);
  --ring: var(--vt-accent);
  --destructive: var(--vt-error);
  --accent-indigo: var(--vt-accent);
  --sidebar: var(--vt-menu-bg);
  --sidebar-foreground: var(--vt-menu-text);
  --sidebar-primary: var(--vt-accent);
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: var(--vt-menu-active-bg);
  --sidebar-accent-foreground: var(--vt-menu-text);
  --sidebar-border: var(--vt-menu-border);
  --sidebar-ring: var(--vt-accent);
  --focus-ring-inner: var(--background);
  --focus-ring-outer: var(--vt-accent);
}

:root[data-vt-menu="light"]:not(.dark) {
  --vt-menu-bg: #fff;
  --vt-menu-hover-bg: #f0f3f2;
  --vt-menu-active-bg: #e8ecea;
  --vt-menu-active-bar: #006d4c;
  --vt-menu-text: #2e3a35;
  --vt-menu-text-muted: #57635d;
  --vt-menu-border: #d7dfdb;
}

.dark {
  --vt-error: #e0899b;
  --destructive: var(--vt-error);
  --vt-menu-bg: #070c0a;
  --vt-menu-hover-bg: #0e1512;
  --vt-menu-active-bg: #121c17;
  --vt-menu-active-bar: #34d399;
  --vt-menu-text: #f1f5f3;
  --vt-menu-text-muted: #a9b5af;
  --vt-menu-border: #16201b;
  --vt-text: #e9eeeb;
  --vt-text-muted: #8f9b95;
  --vt-text-faint: #85918b;
  --vt-line: #1e2824;
  --vt-grid: #18211d;
  --vt-primary: #10b981;
  --vt-primary-hover: #0e9f70;
  --vt-primary-pressed: #0c9064;
  --vt-primary-text: #06120d;
  --vt-secondary-border: #6f7c76;
  --vt-accent: #34d399;
  --vt-link: #6ee7b7;
  --vt-options-link: #6ee7b7;
  --vt-table-head-bg: #0a0f0d;
  --vt-filter-strip-bg: #0c1210;
  --vt-pill-track-bg: #151c19;
  --vt-row-hover-bg: #121a17;
  --vt-row-selected-bg: #11201a;
  --vt-row-open-bg: #15271f;
  --vt-counter-bg: #e9eeeb;
  --vt-counter-text: #0a0f0d;
  --vt-panel-bg: #0a0f0d;
  --vt-chip-set-bg: #0f1f18;
  --vt-chip-set-border: #2a5141;
  --vt-user-bubble-bg: #151c19;
  --background: var(--vt-table-head-bg);
  --card: #0f1513;
  --popover: #0f1513;
  --foreground: var(--vt-text);
  --card-foreground: var(--vt-text);
  --popover-foreground: var(--vt-text);
  --primary: var(--vt-primary);
  --primary-hover: var(--vt-primary-hover);
  --primary-foreground: var(--vt-primary-text);
  --secondary: var(--vt-pill-track-bg);
  --secondary-foreground: var(--vt-text);
  --muted: var(--vt-pill-track-bg);
  --muted-foreground: var(--vt-text-muted);
  --accent: var(--vt-row-hover-bg);
  --accent-foreground: var(--vt-text);
  --border: var(--vt-line);
  --input: var(--vt-secondary-border);
  --ring: var(--vt-accent);
  --sidebar: var(--vt-menu-bg);
  --sidebar-foreground: var(--vt-menu-text);
  --sidebar-primary: var(--vt-accent);
  --sidebar-primary-foreground: var(--vt-primary-text);
  --sidebar-accent: var(--vt-menu-active-bg);
  --sidebar-accent-foreground: var(--vt-menu-text);
  --sidebar-border: var(--vt-menu-border);
  --sidebar-ring: var(--vt-accent);
  --focus-ring-outer: var(--vt-accent);
}

[data-slot="button"].bg-primary:active:not(:disabled) {
  background-color: var(--vt-primary-pressed);
}

header.sticky:has( ~ main#main-content) {
  flex-wrap: wrap;
  row-gap: .5rem;
  min-width: 0;
  max-width: 100%;
}

header.sticky:has( ~ main#main-content) > div:not(.hidden):not(:last-child) {
  flex: 12rem;
  min-width: 0;
}

header.sticky:has( ~ main#main-content) > div:last-child {
  flex-wrap: wrap;
  flex-shrink: 1;
  justify-content: flex-end;
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
}

main#main-content {
  min-width: 0;
  max-width: none;
}

main a.underline, main .prose a {
  color: var(--vt-link);
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) {
  --background: var(--vt-menu-bg);
  --foreground: var(--vt-menu-text);
  --muted: var(--vt-menu-active-bg);
  --muted-foreground: var(--vt-menu-text-muted);
  --accent: var(--vt-menu-active-bg);
  --accent-foreground: var(--vt-menu-text);
  --border: var(--vt-menu-border);
  --input: var(--vt-menu-border);
  --ring: var(--vt-menu-active-bar);
  --focus-ring-inner: var(--vt-menu-bg);
  --focus-ring-outer: var(--vt-menu-active-bar);
  background-color: var(--vt-menu-bg);
  color: var(--vt-menu-text);
  border-color: var(--vt-menu-border);
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-menu-item-id] > span[aria-hidden].absolute {
  background-color: var(--vt-menu-active-bar);
  width: 3px;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-menu-item-id]:not(:has( > span[aria-hidden].absolute)):hover {
  background-color: var(--vt-menu-hover-bg);
  color: var(--vt-menu-text);
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-menu-item-id]:has( > span[aria-hidden].absolute) {
  background-color: var(--vt-menu-active-bg);
  color: var(--vt-menu-text);
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) :is(a, button):focus-visible {
  outline: 2px solid var(--vt-menu-active-bar);
  outline-offset: 1px;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-sidebar-group="true"] > button {
  letter-spacing: .06em;
  color: color-mix(in srgb, var(--vt-menu-text-muted) 92%, var(--vt-menu-bg));
  font-size: .6875rem;
}

[data-twin-list] div:has( > div > [data-twin-topbar]) {
  border-bottom: 1px solid var(--vt-line);
  padding: 0;
}

[data-twin-list] div:has( > [data-twin-topbar]) {
  border: 0;
  margin: 0;
  padding: 0;
}

[data-twin-list] div:has( + div > [data-twin-topbar]) {
  display: none;
}

.vt-list-bar {
  min-width: 0;
  container: vt-list-bar / inline-size;
}

.vt-bar-row, .vt-bar-line {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  padding: .5rem 1rem;
  display: flex;
}

.vt-bar-row + .vt-bar-row {
  border-top: 1px solid var(--vt-grid);
}

.vt-bar-spacer {
  flex: 1 1 0;
  min-width: 0;
}

.vt-bar-title {
  min-width: 0;
  color: var(--vt-text);
  overflow-wrap: anywhere;
  margin-right: .5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.vt-bar-actions, .vt-bar-chips {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.vt-filter-strip {
  background: var(--vt-filter-strip-bg);
  min-height: 2.875rem;
}

.vt-filter-heading {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--vt-text-muted);
  font-size: .6875rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .vt-filter-strip > .vt-bar-chips, [data-list-bar-row="saved"] > .vt-view-pills {
    flex: 1 1 0;
  }

  .vt-filter-strip > .vt-bar-spacer, [data-list-bar-row="saved"] > .vt-bar-spacer {
    display: none;
  }

  .vt-filter-strip > .vt-search, .vt-filter-strip > .vt-bar-actions, [data-list-bar-row="saved"] > .vt-options-link {
    flex: none;
    align-self: flex-start;
  }
}

.vt-view-switch-item, .vt-mode-switch-item {
  gap: .375rem;
}

.vt-view-switch-item[data-state="checked"] svg, .vt-mode-switch-item[data-state="checked"] svg {
  color: var(--vt-accent);
}

.vt-view-pills {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  min-width: 0;
  display: flex;
}

.vt-view-pill {
  max-width: 16rem;
  height: var(--vt-chip-height);
  color: var(--vt-text-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 9999px;
  align-items: center;
  gap: .375rem;
  padding: 0 .625rem;
  font-size: .8125rem;
  font-weight: 400;
  display: inline-flex;
}

.vt-view-pill:hover {
  background: var(--vt-row-hover-bg);
  color: var(--vt-text);
}

.vt-view-pill[data-active="true"], .vt-view-pill[aria-selected="true"] {
  border-color: var(--vt-line);
  background: var(--card);
  color: var(--vt-text);
  box-shadow: var(--shadow-xs);
  font-weight: 700;
}

span.vt-view-pill {
  cursor: default;
}

.vt-view-pill-count {
  font-variant-numeric: tabular-nums;
  min-width: 1.25rem;
  height: 1.25rem;
  color: var(--vt-text-muted);
  background: var(--vt-pill-track-bg);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 0 .375rem;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-view-pill[data-active="true"] .vt-view-pill-count, .vt-view-pill[aria-selected="true"] .vt-view-pill-count {
  color: var(--vt-counter-text);
  background: var(--vt-counter-bg);
}

tr[data-vt-task-done] > td {
  color: var(--vt-text-muted);
  background: color-mix(in srgb, var(--muted) 45%, transparent);
}

tr:has([data-vt-task-status="COMPLETED"]) > td {
  color: var(--vt-text-muted);
  background: color-mix(in srgb, var(--muted) 45%, transparent);
}

tr:has([data-vt-task-status="CANCELLED"]) > td {
  color: var(--vt-text-muted);
  background: color-mix(in srgb, var(--muted) 45%, transparent);
}

tr[data-vt-task-done] > td :is(a, [data-slot="badge"]) {
  opacity: .75;
}

tr:has([data-vt-task-status="COMPLETED"]) > td :is(a, [data-slot="badge"]) {
  opacity: .75;
}

tr:has([data-vt-task-status="CANCELLED"]) > td :is(a, [data-slot="badge"]) {
  opacity: .75;
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:has([data-row-muted]) > td {
  color: var(--vt-text-muted);
  background: color-mix(in srgb, var(--muted) 35%, transparent);
  transition: opacity var(--vt-duration-fast, .15s) var(--vt-ease-out, ease-out);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:has([data-row-muted]) > td :is([data-slot="badge"], img) {
  opacity: .7;
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:has([data-row-muted]):is(:hover, :focus-within) > td {
  color: var(--vt-text);
}

.vt-select-box {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
}

.vt-select-box input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--vt-accent);
  cursor: pointer;
}

.vt-bulk-bar {
  border-top: 1px solid var(--vt-grid);
  background: var(--vt-chip-set-bg);
}

@media (max-width: 767px) {
  .vt-select-box {
    width: 2.75rem;
    height: 2.75rem;
  }

  .vt-bulk-bar [data-slot="button"] {
    min-height: 2.75rem;
  }
}

.vt-bar-compact .vt-bar-line {
  flex-wrap: nowrap;
  gap: .375rem;
}

.vt-bar-compact .vt-bar-title-compact {
  overflow-wrap: normal;
  white-space: nowrap;
  flex: 1 1 0;
  align-items: center;
  gap: .375rem;
  min-width: 0;
  margin-right: 0;
  display: flex;
}

.vt-bar-compact .vt-bar-actions {
  flex-wrap: nowrap;
  flex: none;
}

.vt-bar-compact [data-create-label] {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.vt-bar-compact [data-list-create] {
  width: var(--vt-chip-height);
  justify-content: center;
  padding: 0;
}

.vt-bar-compact .vt-search {
  flex: 1 1 0;
  width: auto;
}

.vt-bar-compact .vt-icon-button[data-set="true"] {
  color: var(--vt-accent);
}

@media (max-width: 767px) {
  .vt-bar-compact [data-list-create] {
    width: 2.75rem;
    min-height: 2.75rem;
  }
}

.vt-chip-add {
  color: var(--vt-link);
  border-style: dashed;
}

.vt-view-changed {
  color: var(--vt-text);
  background: color-mix(in srgb, var(--vt-star, #fbbf24) 35%, var(--card));
  border-radius: 9999px;
  flex: none;
  padding: 0 .375rem;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.vt-view-changed-actions {
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.vt-view-add {
  width: var(--vt-chip-height);
  height: var(--vt-chip-height);
  border: 1px dashed var(--vt-secondary-border);
  color: var(--vt-text-muted);
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-view-add:hover {
  border-color: var(--vt-accent);
  color: var(--vt-accent);
}

.vt-options-link {
  height: var(--vt-chip-height);
  border-radius: var(--vt-radius-control);
  color: var(--vt-options-link);
  cursor: pointer;
  align-items: center;
  gap: .375rem;
  padding: 0 .5rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-options-link:hover {
  background: var(--vt-row-hover-bg);
}

.vt-chip {
  max-width: 100%;
  height: var(--vt-chip-height);
  border: 1px solid var(--vt-secondary-border);
  border-radius: var(--vt-radius-control);
  color: var(--vt-text);
  background: var(--card);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: .375rem;
  padding: 0 .625rem;
  font-size: .8125rem;
  font-weight: 400;
  display: inline-flex;
}

.vt-chip:hover {
  background: var(--vt-row-hover-bg);
}

.vt-chip:active {
  background: var(--vt-row-selected-bg);
}

.vt-chip[data-set="true"] {
  border-color: var(--vt-chip-set-border);
  background: var(--vt-chip-set-bg);
}

.vt-chip-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.vt-chip-value {
  text-overflow: ellipsis;
  max-width: 14rem;
  color: var(--vt-accent);
  font-weight: 700;
  overflow: hidden;
}

.vt-icon-button, .vt-bare-menu {
  width: var(--vt-chip-height);
  height: var(--vt-chip-height);
  border-radius: var(--vt-radius-control);
  color: var(--vt-text-muted);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-bare-menu {
  border-radius: .25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.vt-icon-button:hover, .vt-bare-menu:hover {
  background: var(--vt-row-hover-bg);
  color: var(--vt-text);
}

.vt-chip:focus-visible, .vt-view-pill:focus-visible, .vt-view-add:focus-visible, .vt-options-link:focus-visible, .vt-icon-button:focus-visible, .vt-bare-menu:focus-visible, .vt-filter-option:focus-visible, .vt-filter-link:focus-visible, .vt-col-sort:focus-visible, .vt-option-view:focus-visible, .vt-tile-toggle:focus-visible, .vt-tile-toggle-icon:focus-visible, .vt-panel-handle:focus-visible, .vt-suggestion:focus-visible, .vt-ai-button:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

.vt-filter-panel {
  flex-direction: column;
  gap: .5rem;
  width: 18rem;
  max-width: calc(100vw - 2rem);
  padding: .75rem;
  display: flex;
}

.vt-filter-operator, .vt-filter-note {
  color: var(--vt-text-muted);
  font-size: .8125rem;
}

.vt-filter-options {
  flex-direction: column;
  max-height: 16rem;
  display: flex;
  overflow-y: auto;
}

.vt-filter-option {
  min-height: 2rem;
  color: var(--vt-text);
  cursor: pointer;
  border-radius: .375rem;
  align-items: center;
  gap: .5rem;
  padding: .25rem .375rem;
  font-size: .875rem;
  display: flex;
}

.vt-filter-option:hover {
  background: var(--vt-row-hover-bg);
}

.vt-filter-option-mark {
  border: 1px solid var(--vt-secondary-border);
  width: 1rem;
  height: 1rem;
  color: var(--vt-primary-text);
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-filter-option[aria-checked="true"] .vt-filter-option-mark {
  border-color: var(--vt-accent);
  background: var(--vt-accent);
}

.vt-filter-footer {
  border-top: 1px solid var(--vt-grid);
  padding-top: .5rem;
}

.vt-filter-link {
  color: var(--vt-link);
  cursor: pointer;
  font-size: .8125rem;
  font-weight: 700;
}

.vt-filter-link:hover {
  text-decoration: underline;
}

.vt-search {
  width: 13rem;
  max-width: 100%;
  height: var(--vt-chip-height);
  border: 1px solid var(--vt-secondary-border);
  border-radius: var(--vt-radius-control);
  background: var(--card);
  color: var(--vt-text);
  align-items: center;
  gap: .375rem;
  padding: 0 .625rem;
  transition: width .15s ease-out, box-shadow .15s ease-out, border-color .15s ease-out;
  display: inline-flex;
}

.vt-search:focus-within {
  border-color: var(--vt-accent);
  width: 20rem;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vt-accent) 22%, transparent);
}

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

.vt-search input::placeholder {
  color: var(--vt-text-muted);
  text-overflow: ellipsis;
}

[data-twin-list] [data-slot="table-header"] {
  background: var(--vt-table-head-bg);
}

[data-twin-list] [data-slot="table-header"] [data-slot="table-row"] {
  border-bottom: 1px solid var(--vt-grid);
}

[data-twin-list] [data-slot="table-head"] {
  height: var(--vt-head-height);
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--vt-text-muted);
  padding-top: 0;
  padding-bottom: 0;
  font-size: .8125rem;
  font-weight: 700;
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"] {
  height: var(--vt-row-height);
  border-bottom: 1px solid var(--vt-grid);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:hover {
  background: var(--vt-row-hover-bg);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-cell"] {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:has([data-row-open]) {
  background: var(--vt-row-open-bg);
  box-shadow: inset 3px 0 0 var(--vt-accent);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"][data-state="selected"] {
  background: var(--vt-row-selected-bg);
  box-shadow: inset 3px 0 0 var(--vt-primary);
}

[data-twin-list] [data-slot="table-row"] > :is([data-slot="table-cell"], [data-slot="table-head"]):has( + [class*="md:right-0"]) {
  padding-right: 1.5rem;
}

[data-twin-list]:not([data-x-scroll="true"]) [class*="md:right-0"]:before {
  display: none;
}

[data-twin-list] [data-slot="table-cell"][data-actions-cell] {
  cursor: default;
}

[data-twin-list] [data-slot="table-cell"]:has([data-cell-control]) {
  cursor: default;
}

.vt-col-head {
  align-items: center;
  gap: .25rem;
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
}

.vt-col-sort {
  min-width: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  border-radius: .25rem;
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.vt-col-sort:hover, .vt-col-sort[data-col-sort="asc"], .vt-col-sort[data-col-sort="desc"] {
  color: var(--vt-text);
}

.vt-cell-wrap {
  white-space: normal;
  overflow-wrap: anywhere;
}

.vt-bar-overflow {
  display: contents;
}

.vt-bar-more {
  display: none;
}

.vt-bar-secondary {
  display: contents;
}

@media (min-width: 768px) {
  .vt-list-bar:not(.vt-bar-compact) :is(.vt-bar-line, .vt-filter-strip) > .vt-search {
    flex: 0 13rem;
    min-width: 11.25rem;
  }

  .vt-list-bar:not(.vt-bar-compact) :is(.vt-bar-line, .vt-filter-strip) > .vt-search:focus-within {
    flex-basis: 20rem;
  }
}

@container vt-list-bar (max-width: 1599.98px) {
  .vt-list-bar:not(.vt-bar-compact) .vt-bar-overflow {
    display: inline-flex;
    position: relative;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-more {
    display: inline-flex;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-secondary {
    display: none;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-overflow[data-open="true"] > .vt-bar-secondary {
    z-index: 40;
    border: 1px solid var(--vt-line);
    border-radius: var(--vt-radius-control);
    background: var(--popover, var(--card));
    min-width: 14rem;
    box-shadow: var(--shadow-md, 0 8px 24px #0000001f);
    animation: vt-menu-in var(--vt-duration-fast) var(--vt-ease-out);
    flex-direction: column;
    align-items: stretch;
    gap: .375rem;
    padding: .5rem;
    display: flex;
    position: absolute;
    top: calc(100% + .25rem);
    right: 0;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-overflow[data-open="true"] > .vt-bar-secondary > * {
    justify-content: flex-start;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-unfold-label {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-unfold {
    min-width: var(--vt-chip-height);
    justify-content: center;
  }
}

@container vt-list-bar (max-width: 1247.98px) {
  .vt-list-bar:not(.vt-bar-compact) [data-sort-chip]:not([data-set="true"]) .vt-chip-label {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-line > .vt-bar-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 auto;
    min-width: 4rem;
    max-width: 16rem;
    overflow: hidden;
  }

  .vt-list-bar:not(.vt-bar-compact) .vt-bar-line {
    gap: .375rem;
  }
}

@container vt-list-bar (max-width: 1023.98px) {
  .vt-list-bar:not(.vt-bar-compact) .vt-view-switch-label, .vt-list-bar:not(.vt-bar-compact) .vt-bar-more-label {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }
}

@keyframes vt-menu-in {
  from {
    opacity: 0;
    transform: translateY(-.25rem);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vt-bar-overflow[data-open="true"] > .vt-bar-secondary {
    animation: none;
  }
}

[data-twin-list] {
  container: vt-list / inline-size;
}

@container vt-list (max-width: 1599.98px) {
  [data-twin-list] [data-slot="table-head"] {
    letter-spacing: .01em;
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: .75rem;
  }

  [data-twin-list] [data-slot="table-body"] [data-slot="table-cell"] {
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: .8125rem;
  }
}

@container vt-list (max-width: 1247.98px) {
  [data-twin-list] [data-slot="table-head"], [data-twin-list] [data-slot="table-body"] [data-slot="table-cell"] {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

.vt-options-title {
  font-size: 1.375rem;
  line-height: 1.25;
}

.vt-option-views {
  grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
  gap: .5rem;
  display: grid;
}

.vt-option-view {
  border: 1px solid var(--vt-line);
  border-radius: var(--vt-radius-tile);
  color: var(--vt-text-muted);
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  padding: .75rem .5rem;
  font-size: .8125rem;
  font-weight: 400;
  display: flex;
}

.vt-option-view:hover {
  background: var(--vt-row-hover-bg);
}

.vt-option-view[aria-checked="true"] {
  border-color: var(--vt-chip-set-border);
  background: var(--vt-chip-set-bg);
  color: var(--vt-text);
  font-weight: 700;
}

.vt-option-view[aria-checked="true"] svg {
  color: var(--vt-accent);
}

.vt-option-row {
  border-bottom: 1px solid var(--vt-grid);
  gap: .75rem;
  padding: .75rem 0;
  display: flex;
}

.vt-option-row:last-child {
  border-bottom: 0;
}

.vt-option-icon {
  width: 2rem;
  height: 2rem;
  color: var(--vt-text-faint);
  background: var(--vt-pill-track-bg);
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-option-row[data-set="true"] .vt-option-icon {
  color: var(--vt-accent);
  background: var(--vt-chip-set-bg);
}

@media (max-width: 767px) {
  .vt-chip, .vt-view-pill, .vt-options-link, .vt-search, .vt-filter-option {
    height: 2.75rem;
    min-height: 2.75rem;
  }

  .vt-icon-button, .vt-view-add, .vt-bare-menu {
    width: 2.75rem;
    height: 2.75rem;
  }

  .vt-view-switch {
    height: 2.75rem;
  }

  .vt-view-switch-item, .vt-mode-switch-item {
    height: 2.5rem;
  }

  .vt-search, .vt-search:focus-within {
    flex: 100%;
    width: 100%;
  }

  .vt-bar-spacer {
    display: none;
  }

  .vt-bar-row, .vt-bar-line {
    padding: .5rem .75rem;
  }

  .vt-bar-actions [data-slot="button"], .vt-view-changed-actions [data-slot="button"] {
    min-height: 2.75rem;
  }
}

.vt-tile {
  border: 1px solid var(--vt-line);
  border-radius: var(--vt-radius-tile);
  background: var(--card);
  min-width: 0;
}

.vt-tile-plain {
  padding: 1rem;
}

.vt-tile-header {
  align-items: center;
  gap: .5rem;
  min-height: 2.75rem;
  padding: .25rem .5rem .25rem .75rem;
  display: flex;
}

.vt-tile-toggle {
  min-width: 0;
  max-width: 100%;
  min-height: 2rem;
  color: var(--vt-text);
  cursor: pointer;
  border-radius: .375rem;
  align-items: center;
  gap: .5rem;
  padding: 0 .25rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-tile-toggle:hover {
  background: var(--vt-row-hover-bg);
}

.vt-tile-toggle-icon {
  width: 2rem;
  height: 2rem;
  color: var(--vt-text-muted);
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out);
  border-radius: .375rem;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: -.5rem;
  display: inline-flex;
}

.vt-tile-toggle-icon:hover {
  background: var(--vt-row-hover-bg);
  color: var(--vt-text);
}

.vt-tile-menu[data-slot="button"] {
  box-shadow: none;
  color: var(--vt-text-muted);
  background: none;
  border-color: #0000;
}

.vt-tile-menu[data-slot="button"]:hover {
  background: var(--vt-row-hover-bg);
}

.vt-tile-body {
  padding: .25rem 1rem 1rem;
}

.vt-tile[data-collapsed="true"] .vt-tile-header {
  min-height: 2.75rem;
}

[data-slot="tabs-list"].vt-tab-pills {
  border-bottom: 0;
  gap: .375rem;
  height: auto;
  padding-bottom: .25rem;
}

[data-slot="tabs-trigger"].vt-tab-pill {
  height: var(--vt-chip-height);
  color: var(--vt-text-muted);
  background: none;
  border: 1px solid #0000;
  border-radius: 9999px;
  flex: none;
  margin-bottom: 0;
  padding: 0 .75rem;
  font-size: .8125rem;
  font-weight: 400;
}

[data-slot="tabs-trigger"].vt-tab-pill:hover {
  background: var(--vt-row-hover-bg);
  color: var(--vt-text);
}

[data-slot="tabs-trigger"].vt-tab-pill[data-state="active"] {
  border-color: var(--vt-line);
  background: var(--card);
  color: var(--vt-text);
  box-shadow: var(--shadow-xs);
  font-weight: 700;
}

[data-slot="tabs-trigger"].vt-tab-pill [data-slot="tabs-trigger-count"] {
  color: var(--vt-text-muted);
  background: var(--vt-pill-track-bg);
  font-variant-numeric: tabular-nums;
}

[data-slot="tabs-trigger"].vt-tab-pill[data-state="active"] [data-slot="tabs-trigger-count"] {
  color: var(--vt-counter-text);
  background: var(--vt-counter-bg);
}

.vt-split {
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.vt-split-list {
  flex: 1 1 0;
  min-width: 0;
}

.vt-split[data-record-split="open"] .vt-split-list {
  min-width: 360px;
}

.vt-record-panel {
  top: calc(var(--vt-topbar-height, var(--topbar-height, 61px)) + .75rem);
  height: calc(100svh - var(--vt-topbar-height, var(--topbar-height, 61px)) - 1.5rem);
  border: 1px solid var(--vt-line);
  border-radius: var(--vt-radius-tile);
  background: var(--vt-panel-bg);
  min-width: 0;
  box-shadow: var(--shadow-lg);
  flex: none;
  animation: .18s ease-out vt-panel-in;
  display: flex;
  position: sticky;
}

@keyframes vt-panel-in {
  from {
    opacity: 0;
    transform: translateX(1.5rem);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vt-record-panel, .vt-chat-dock {
    animation: none;
  }

  .vt-search {
    transition: none;
  }
}

.vt-panel-handle {
  z-index: 2;
  width: .75rem;
  color: var(--vt-text-faint);
  cursor: col-resize;
  touch-action: none;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.5625rem;
}

.vt-split[data-panel-side="left"] {
  flex-direction: row-reverse;
}

.vt-record-panel[data-panel-side="left"] {
  animation-name: vt-panel-in-left;
}

.vt-record-panel[data-panel-side="left"] .vt-panel-handle {
  left: auto;
  right: -.5625rem;
}

@keyframes vt-panel-in-left {
  from {
    opacity: 0;
    transform: translateX(-1.5rem);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.vt-panel-handle:hover {
  color: var(--vt-accent);
  background: color-mix(in srgb, var(--vt-accent) 12%, transparent);
}

.vt-panel-scroll {
  border-radius: inherit;
  flex: 1 1 0;
  min-width: 0;
  overflow-y: auto;
}

.vt-panel-header {
  z-index: 3;
  border-bottom: 1px solid var(--vt-line);
  background: color-mix(in srgb, var(--vt-panel-bg) 82%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  align-items: center;
  gap: .5rem;
  padding: .5rem .5rem .5rem 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

.vt-panel-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--vt-text);
  flex: 1 1 0;
  font-size: 1.125rem;
  font-weight: 700;
  overflow: hidden;
}

.vt-panel-body {
  min-width: 0;
  padding: 1rem;
}

.vt-record-panel:not([data-wide]) .vt-panel-body :is([class*="sm:grid-cols-"], [class*="md:grid-cols-"], [class*="lg:grid-cols-"], [class*="xl:grid-cols-"]) {
  grid-template-columns: minmax(0, 1fr);
}

.vt-record-panel:not([data-wide]) .vt-panel-body :is([class*="sm:col-span-"], [class*="md:col-span-"], [class*="lg:col-span-"], [class*="xl:col-span-"]) {
  grid-column: auto;
}

.vt-record-panel:not([data-wide]) .vt-panel-body :is([class*="md:flex-row"], [class*="lg:flex-row"], [class*="xl:flex-row"]) {
  flex-direction: column;
  align-items: stretch;
}

.vt-ai-button {
  height: 2rem;
  color: var(--vt-ai-text);
  background: var(--vt-ai-button-gradient);
  cursor: pointer;
  white-space: nowrap;
  border-radius: .5rem;
  flex: none;
  align-items: center;
  gap: .375rem;
  padding: 0 .75rem 0 .375rem;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-ai-button:hover {
  filter: brightness(.94);
}

.vt-ai-button:active {
  filter: brightness(.86);
}

.vt-ai-button .vt-ai-logo {
  background: color-mix(in srgb, var(--vt-ai-text) 22%, transparent);
}

.vt-ai-logo {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--vt-ai-text);
  background: var(--vt-ai-gradient);
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-ai-logo svg {
  width: 62%;
  height: 62%;
}

.vt-ai-logo[data-size="sm"] {
  border-radius: .375rem;
  width: 1.375rem;
  height: 1.375rem;
}

.vt-ai-logo[data-size="lg"] {
  border-radius: .75rem;
  width: 2.75rem;
  height: 2.75rem;
}

.vt-chat-dock {
  top: var(--vt-topbar-height, var(--topbar-height, 61px));
  z-index: var(--z-index-sticky, 10);
  border-left: 1px solid var(--vt-line);
  background: var(--card);
  flex-direction: column;
  max-width: 100vw;
  animation: .18s ease-out vt-panel-in;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
}

.vt-chat-dock[data-assistant-dock="floating"] {
  z-index: var(--z-index-overlay, 30);
  box-shadow: var(--shadow-xl);
}

.vt-chat-dock[data-assistant-dock="floating"][data-over-panel="true"] {
  top: calc(var(--vt-topbar-height, var(--topbar-height, 61px)) + .75rem + 3.25rem);
  border-top: 1px solid var(--vt-line);
  border-top-left-radius: var(--vt-radius-tile);
}

@media (max-width: 767px) {
  .vt-chat-dock [data-phone-hidden] {
    display: none;
  }
}

.vt-split[data-record-split-collapsed="true"] .vt-split-list {
  display: none;
}

.vt-split[data-record-split-collapsed="true"] .vt-record-panel {
  flex: 1 1 0;
  width: auto !important;
}

.vt-split[data-record-split-collapsed="true"] .vt-panel-handle {
  display: none;
}

.vt-chat-dock[data-assistant-dock="fullscreen"] {
  width: auto;
  z-index: var(--z-index-modal, 40);
  border-left: 0;
  top: 0;
  left: 0;
}

.vt-chat-dock .vt-panel-handle {
  left: -.375rem;
}

.vt-chat-header {
  border-bottom: 1px solid var(--vt-line);
  flex: none;
  align-items: center;
  gap: .5rem;
  min-height: 3rem;
  padding: .5rem .5rem .5rem .75rem;
  display: flex;
}

.vt-chat-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--vt-text);
  flex: 1 1 0;
  font-size: .9375rem;
  font-weight: 700;
  overflow: hidden;
}

.vt-chat-columns {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.vt-chat-side {
  border-right: 1px solid var(--vt-line);
  background: var(--vt-panel-bg);
  flex: none;
  width: 16.25rem;
  min-height: 0;
  padding: .75rem .5rem;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .vt-chat-side {
    display: none;
  }
}

.vt-chat-library {
  border-left: 1px solid var(--vt-line);
  background: var(--vt-panel-bg);
  flex: none;
  width: 18rem;
  min-height: 0;
  padding: .75rem;
  overflow: hidden auto;
}

@media (max-width: 1279px) {
  .vt-chat-library {
    display: none;
  }
}

.vt-approval-source blockquote {
  border-color: var(--vt-line);
  color: var(--vt-text);
}

@media (min-width: 768px) {
  .vt-chat-dock[data-assistant-dock="fullscreen"] .vt-chat-menu-slot {
    display: none;
  }
}

.vt-chat-menu-slot {
  display: contents;
}

.vt-chat-nav-popover {
  width: 18rem;
  max-width: calc(100vw - 2rem);
  max-height: min(32rem, 100svh - 6rem);
  padding: .5rem;
  overflow-y: auto;
}

.vt-chat-nav {
  flex-direction: column;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.vt-nav-list {
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.vt-nav-item {
  width: 100%;
  min-height: 2.25rem;
  color: var(--vt-text);
  text-align: left;
  cursor: pointer;
  border-radius: .5rem;
  align-items: center;
  gap: .5rem;
  padding: .375rem .5rem;
  font-size: .875rem;
  display: flex;
}

.vt-nav-item:hover {
  background: var(--vt-row-hover-bg);
}

.vt-nav-item[aria-current="true"] {
  background: var(--vt-row-open-bg);
  box-shadow: inset 3px 0 0 var(--vt-accent);
}

.vt-nav-item:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

.vt-nav-item svg {
  color: var(--vt-accent);
  flex: none;
}

.vt-nav-section {
  border-top: 1px solid var(--vt-grid);
  flex-direction: column;
  gap: .25rem;
  min-width: 0;
  padding-top: .5rem;
  display: flex;
}

.vt-nav-heading {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--vt-text-muted);
  padding: 0 .5rem;
  font-size: .6875rem;
  font-weight: 700;
}

.vt-nav-note {
  color: var(--vt-text-muted);
  padding: .25rem .5rem;
  font-size: .8125rem;
}

.vt-nav-conversation {
  flex-direction: column;
  align-items: stretch;
  gap: .125rem;
}

.vt-nav-conversation-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 700;
  overflow: hidden;
}

[data-assistant-conversation-agent] .vt-nav-conversation-title {
  align-items: center;
  gap: .375rem;
  display: inline-flex;
}

.vt-nav-conversation-text {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  min-width: 0;
  color: var(--vt-text-muted);
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  display: -webkit-box;
  overflow: hidden;
}

.vt-nav-conversation-meta {
  color: var(--vt-text-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .375rem;
  font-size: .75rem;
  display: flex;
}

.vt-nav-conversation-waiting {
  color: var(--vt-text);
  align-items: center;
  gap: .25rem;
  font-weight: 700;
  display: inline-flex;
}

@media (max-width: 767px) {
  .vt-nav-item {
    min-height: 2.75rem;
  }
}

.vt-chat-main {
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  padding: .75rem 1rem;
  display: flex;
}

.vt-chat-dock[data-assistant-dock="fullscreen"] .vt-chat-main {
  width: 100%;
  max-width: 44.5rem;
  margin: 0 auto;
}

.vt-chat-body {
  flex-direction: column;
  flex: 1 1 0;
  gap: .75rem;
  min-height: 0;
  display: flex;
}

.vt-chat-context {
  color: var(--vt-text-muted);
  background: var(--vt-pill-track-bg);
  border-radius: .625rem;
  flex: none;
  align-items: flex-start;
  gap: .5rem;
  padding: .5rem .625rem;
  font-size: .8125rem;
  display: flex;
}

.vt-chat-scroll {
  flex-direction: column;
  flex: 1 1 0;
  gap: 1rem;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.vt-chat-greeting {
  flex-direction: column;
  gap: .25rem;
  padding: .75rem 0 .25rem;
  display: flex;
}

.vt-chat-greeting-title {
  color: var(--vt-text);
  margin-top: .5rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.25;
}

.vt-chat-greeting-subtitle {
  color: var(--vt-text-muted);
  font-size: .9375rem;
}

.vt-suggestions {
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.vt-suggestions-title {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--vt-text-muted);
  font-size: .6875rem;
  font-weight: 700;
}

.vt-suggestion {
  border: 1px solid var(--vt-line);
  min-height: 2.75rem;
  color: var(--vt-text);
  background: var(--card);
  cursor: pointer;
  border-radius: .625rem;
  align-items: center;
  gap: .625rem;
  padding: .375rem .625rem;
  font-size: .875rem;
  display: flex;
}

.vt-suggestion:hover:not(:disabled) {
  background: var(--vt-row-hover-bg);
}

.vt-suggestion:disabled {
  opacity: .6;
  cursor: default;
}

.vt-suggestion-icon {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--vt-accent);
  background: var(--vt-chip-set-bg);
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-chat-user {
  width: fit-content;
  max-width: 88%;
  color: var(--vt-text);
  background: var(--vt-user-bubble-bg);
  border-radius: .875rem .875rem .25rem;
  margin-left: auto;
  padding: .5rem .75rem;
  font-size: .875rem;
}

.vt-chat-answer {
  align-items: flex-start;
  gap: .625rem;
  min-width: 0;
  display: flex;
}

.vt-chat-answer-meta {
  color: var(--vt-text-muted);
  align-items: center;
  gap: .75rem;
  font-size: .75rem;
  display: flex;
}

.vt-chat-meta-button {
  min-height: 1.75rem;
  color: var(--vt-text-muted);
  cursor: pointer;
  border-radius: .375rem;
  align-items: center;
  gap: .25rem;
  padding: 0 .375rem;
  display: inline-flex;
}

.vt-chat-meta-button:hover {
  background: var(--vt-row-hover-bg);
  color: var(--vt-text);
}

.vt-chat-meta-button:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

.vt-composer {
  border: 1px solid var(--vt-secondary-border);
  background: var(--card);
  border-radius: .875rem;
  flex-direction: column;
  flex: none;
  gap: .25rem;
  padding: .5rem .625rem;
  transition: box-shadow .15s ease-out, border-color .15s ease-out;
  display: flex;
  container: vt-composer / inline-size;
}

.vt-composer:focus-within {
  border-color: var(--vt-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vt-accent) 22%, transparent);
}

.vt-composer[data-status="busy"] {
  border-color: var(--vt-ai-from);
}

.vt-composer textarea {
  resize: none;
  width: 100%;
  min-height: 2.75rem;
  max-height: 10rem;
  color: var(--vt-text);
  background: none;
  border: 0;
  outline: none;
  font-size: .9375rem;
  line-height: 1.4;
}

.vt-composer textarea::placeholder {
  color: var(--vt-text-muted);
}

.vt-composer-status {
  color: var(--vt-text-muted);
  align-items: center;
  gap: .375rem;
  font-size: .75rem;
  display: flex;
}

.vt-composer-dot {
  background: var(--vt-success);
  border-radius: 9999px;
  width: .5rem;
  height: .5rem;
}

.vt-composer-status[data-assistant-status="waiting"] .vt-composer-dot {
  background: var(--vt-star);
}

.vt-composer-status[data-assistant-status="busy"] .vt-composer-dot {
  background: var(--vt-ai-from);
}

.vt-composer-status[data-assistant-status="limit"] .vt-composer-dot {
  background: var(--vt-star);
}

.vt-composer-status[data-assistant-status="error"] .vt-composer-dot {
  background: var(--vt-error);
}

.vt-composer[data-status="error"], .vt-composer[data-status="limit"] {
  background: var(--vt-pill-track-bg);
}

.vt-composer-bar {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.vt-composer-bar > :first-child {
  flex: 0 auto;
  min-width: 0;
}

.vt-composer-bar .vt-composer-tools {
  flex-wrap: nowrap;
}

.vt-composer-actions {
  flex: none;
}

.vt-composer-hint {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

@container vt-composer (max-width: 26rem) {
  .vt-composer-soon, .vt-composer-hint {
    display: none;
  }

  .vt-composer-chip-label {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .vt-composer .vt-composer-chip {
    justify-content: center;
    min-width: 2rem;
    padding: 0 .375rem;
  }
}

.vt-composer-send[data-slot="button"] {
  border-radius: 9999px;
  width: 2rem;
  height: 2rem;
}

.vt-agent-avatar {
  color: #fff;
  background: var(--vt-agent-tone, var(--vt-accent));
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
}

.vt-agent-avatar[data-size="sm"] {
  width: 1.5rem;
  height: 1.5rem;
}

.vt-agent-avatar[data-size="lg"] {
  border-radius: .875rem;
  width: 3rem;
  height: 3rem;
}

.vt-agent-avatar-icon {
  width: 55%;
  height: 55%;
}

.vt-agent-avatar[data-agent="coordinator"] {
  --vt-agent-tone: #006d4c;
}

.vt-agent-avatar[data-agent="sop"] {
  --vt-agent-tone: #0a8681;
}

.vt-agent-avatar[data-agent="muda"] {
  --vt-agent-tone: #b45309;
}

.vt-agent-avatar[data-agent="knowledge"] {
  --vt-agent-tone: #4d7c0f;
}

.vt-nav-agent {
  gap: .5rem;
}

.vt-nav-agent-name {
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  font-weight: 400;
  display: flex;
}

.vt-nav-agent-skill {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vt-text-muted);
  font-size: .75rem;
  font-weight: 400;
  overflow: hidden;
}

.vt-nav-item[data-pinned="true"] {
  background: var(--vt-chip-set-bg);
}

.vt-nav-pin {
  width: .875rem;
  height: .875rem;
}

.vt-kbd {
  border: 1px solid var(--vt-line);
  color: var(--vt-text-muted);
  background: var(--card);
  border-radius: .3125rem;
  flex: none;
  padding: .0625rem .3125rem;
  font-family: inherit;
  font-size: .6875rem;
}

.vt-chat-view {
  flex-direction: column;
  flex: 1 1 0;
  gap: .5rem;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.vt-chat-view-title {
  color: var(--vt-text);
  font-size: 1rem;
  font-weight: 700;
}

.vt-skill-row {
  border: 1px solid var(--vt-line);
  background: var(--card);
  border-radius: .625rem;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  padding: .5rem;
  display: flex;
}

.vt-chat-greeting-note {
  color: var(--vt-text-muted);
  margin-top: .25rem;
  font-size: .875rem;
}

.vt-composer-tools {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  display: inline-flex;
}

.vt-composer-icon {
  width: 2rem;
  height: 2rem;
  color: var(--vt-text-muted);
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-composer-icon:hover:not(:disabled):not([aria-disabled="true"]) {
  color: var(--vt-text);
  background: var(--vt-row-hover-bg);
}

.vt-composer-icon:focus-visible, .vt-composer-chip:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

.vt-composer-mic {
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.vt-composer-mic .vt-composer-icon {
  border: 1px dashed var(--vt-line);
  opacity: .6;
  cursor: not-allowed;
}

.vt-composer-soon {
  color: var(--vt-text-muted);
  font-size: .6875rem;
  font-weight: 700;
}

.vt-composer-chip {
  height: 1.75rem;
  color: var(--vt-text);
  background: var(--vt-pill-track-bg);
  cursor: pointer;
  border-radius: .5rem;
  align-items: center;
  gap: .25rem;
  padding: 0 .5rem;
  font-size: .8125rem;
  display: inline-flex;
}

.vt-composer-chip:hover {
  background: var(--vt-row-hover-bg);
}

.vt-composer-file, .vt-chat-file {
  min-width: 0;
  color: var(--vt-text);
  align-items: center;
  gap: .375rem;
  font-size: .75rem;
  display: flex;
}

.vt-skills-popover {
  width: 18rem;
  max-width: calc(100vw - 2rem);
  padding: .75rem;
}

.vt-typing {
  color: var(--vt-text-muted);
  align-items: center;
  gap: .5rem;
  font-size: .8125rem;
  display: inline-flex;
}

.vt-typing-dots {
  gap: .1875rem;
  display: inline-flex;
}

.vt-typing-dots span {
  background: var(--vt-accent);
  border-radius: 9999px;
  width: .375rem;
  height: .375rem;
}

@media (max-width: 767px) {
  .vt-composer-icon, .vt-composer-chip {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }

  .vt-kbd {
    display: none;
  }
}

.vt-approval-card {
  border: 1px solid var(--vt-line);
  border-left: 3px solid var(--vt-accent);
  border-radius: var(--vt-radius-tile);
  background: var(--card);
  flex-direction: column;
  gap: .5rem;
  padding: .75rem;
  display: flex;
}

.vt-approval-head {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.vt-approval-status {
  color: var(--vt-text-muted);
  margin-left: auto;
  font-size: .75rem;
  font-weight: 700;
}

.vt-approval-card[data-agent-proposal="open"] .vt-approval-status, .vt-approval-card[data-change-variant="proposal"] .vt-approval-status {
  color: var(--vt-accent);
}

.vt-approval-title {
  overflow-wrap: anywhere;
  color: var(--vt-text);
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.3;
}

.vt-approval-fields {
  gap: .375rem;
  font-size: .8125rem;
  display: grid;
}

.vt-approval-fields dt {
  color: var(--vt-text-muted);
  font-weight: 700;
}

.vt-approval-fields dd {
  color: var(--vt-text);
}

.vt-approval-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.vt-approval-card[data-agent-proposal="approved"], .vt-approval-card[data-agent-proposal="rejected"], .vt-approval-card[data-agent-proposal="unavailable"] {
  border-left-color: var(--vt-line);
  background: var(--vt-panel-bg);
}

.vt-reject {
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.vt-chat-footnote {
  text-align: center;
  color: var(--vt-text-muted);
  flex: none;
  font-size: .6875rem;
}

@media (max-width: 767px) {
  .vt-ai-button {
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
  }

  .vt-composer-send[data-slot="button"], .vt-chat-meta-button {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }

  .vt-composer-send[data-slot="button"], .vt-chat-dock .vt-icon-button {
    width: 2.75rem;
    height: 2.75rem;
  }
}

[data-slot="button"], .vt-icon-button, .vt-chip, .vt-view-pill, .vt-composer-chip, .vt-composer-icon, .vt-chat-meta-button, .vt-ai-button {
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out),
    color var(--vt-duration-fast) var(--vt-ease-out),
    border-color var(--vt-duration-fast) var(--vt-ease-out),
    box-shadow var(--vt-duration-fast) var(--vt-ease-out),
    opacity var(--vt-duration-fast) var(--vt-ease-out),
    scale var(--vt-duration-instant) var(--vt-ease-out);
}

[data-slot="button"]:active:not(:disabled):not([aria-disabled="true"]), .vt-icon-button:active:not(:disabled), .vt-chip:active:not(:disabled), .vt-view-pill:active, .vt-composer-chip:active, .vt-composer-icon:active:not(:disabled):not([aria-disabled="true"]), .vt-chat-meta-button:active:not(:disabled), .vt-ai-button:active {
  scale: var(--vt-press-scale);
}

[data-slot="button"]:focus-visible, .vt-icon-button:focus-visible, .vt-chip:focus-visible, .vt-view-pill:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

.vt-ai-button:hover {
  translate: 0 var(--vt-hover-lift);
}

main a, .vt-filter-link, .vt-options-link {
  transition: color var(--vt-duration-fast) var(--vt-ease-out),
    text-decoration-color var(--vt-duration-fast) var(--vt-ease-out),
    text-underline-offset var(--vt-duration-fast) var(--vt-ease-out);
}

main .prose a:hover, .vt-filter-link:hover {
  text-underline-offset: .2em;
}

main a:focus-visible, .vt-filter-link:focus-visible {
  box-shadow: var(--vt-focus-ring);
  border-radius: .25rem;
  outline: none;
}

[data-slot="table-row"] {
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out);
}

[data-slot="table-row"]:focus-within {
  box-shadow: inset 2px 0 0 var(--vt-accent);
}

[data-slot="card"], .vt-tile, .vt-suggestion, .vt-approval-card, .vt-skill-row {
  transition: box-shadow var(--vt-duration-base) var(--vt-ease-out),
    border-color var(--vt-duration-base) var(--vt-ease-out),
    background-color var(--vt-duration-fast) var(--vt-ease-out),
    translate var(--vt-duration-base) var(--vt-ease-out);
}

:is([data-slot="card"]:has(a, button):hover, .vt-tile:hover, .vt-skill-row:hover, .vt-approval-card:hover) {
  box-shadow: var(--shadow-sm, 0 1px 3px #00000014);
}

.vt-suggestion:hover:not(:disabled) {
  border-color: var(--vt-chip-set-border);
  translate: 2px;
}

.vt-suggestion:active:not(:disabled) {
  scale: .99;
}

.vt-suggestion:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])) :is(a, button), .vt-nav-item {
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out),
    color var(--vt-duration-fast) var(--vt-ease-out),
    box-shadow var(--vt-duration-fast) var(--vt-ease-out),
    padding-left var(--vt-duration-fast) var(--vt-ease-out);
}

.vt-nav-item:hover {
  padding-left: .625rem;
}

.vt-nav-item:active {
  scale: .99;
}

[data-slot="tabs-trigger"] {
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out),
    color var(--vt-duration-fast) var(--vt-ease-out),
    box-shadow var(--vt-duration-fast) var(--vt-ease-out),
    border-color var(--vt-duration-fast) var(--vt-ease-out);
}

[data-slot="tabs-trigger"]:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

[data-slot="tabs-content"][data-state="active"] {
  animation: vt-fade-in var(--vt-duration-base) var(--vt-ease-out);
}

[data-slot="dialog-content"][data-state="open"] {
  animation: vt-pop-in var(--vt-duration-base) var(--vt-ease-out);
}

[data-slot="dialog-overlay"][data-state="open"], [data-slot="sheet-overlay"][data-state="open"] {
  animation: vt-fade-in var(--vt-duration-base) var(--vt-ease-out);
}

[data-slot="sheet-content"][data-state="open"] {
  animation: vt-slide-in-right var(--vt-duration-base) var(--vt-ease-out);
}

[data-slot="popover-content"][data-state="open"], [data-slot="dropdown-content"], [role="menu"][data-state="open"], [role="listbox"][data-state="open"] {
  animation: vt-pop-in var(--vt-duration-fast) var(--vt-ease-out);
  transform-origin: var(--radix-popper-transform-origin, top);
}

[data-slot="dropdown-item"], [role="menuitem"], [role="option"] {
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out), color var(--vt-duration-fast) var(--vt-ease-out);
}

.vt-chat-user, .vt-chat-answer, [data-agent-exchange] {
  animation: vt-rise-in var(--vt-duration-base) var(--vt-ease-out);
}

.vt-approval-card {
  animation: vt-rise-in var(--vt-duration-slow) var(--vt-ease-out) both;
}

[data-agent-proposals] > li:nth-child(2) > .vt-approval-card {
  animation-delay: 60ms;
}

[data-agent-proposals] > li:nth-child(3) > .vt-approval-card {
  animation-delay: .12s;
}

[data-agent-proposals] > li:nth-child(n+4) > .vt-approval-card {
  animation-delay: .18s;
}

.vt-approval-card[data-leaving="approved"] {
  animation: vt-leave-approved var(--vt-duration-base) var(--vt-ease-in) forwards;
  border-left-color: var(--vt-success);
}

.vt-approval-card[data-leaving="rejected"] {
  animation: vt-leave-rejected var(--vt-duration-base) var(--vt-ease-in) forwards;
}

.vt-reject {
  animation: vt-fade-in var(--vt-duration-fast) var(--vt-ease-out);
}

.vt-chat-scroll, .vt-chat-view {
  overflow-x: hidden;
}

.vt-composer[data-status="busy"] {
  background: linear-gradient(var(--card), var(--card)) padding-box,
    linear-gradient(90deg, var(--vt-ai-from), var(--vt-ai-to), var(--vt-accent), var(--vt-ai-from)) border-box;
  animation: vt-flow var(--vt-duration-loop) linear infinite;
  background-size: 100% 100%, 300% 100%;
  border-color: #0000;
}

.vt-composer-status[data-assistant-status="busy"] .vt-composer-dot, .vt-composer-status[data-assistant-status="waiting"] .vt-composer-dot {
  animation: vt-pulse 1.4s var(--vt-ease-in-out) infinite;
}

.vt-typing-dots span {
  animation: vt-typing 1.2s var(--vt-ease-in-out) infinite;
}

.vt-typing-dots span:nth-child(2) {
  animation-delay: .16s;
}

.vt-typing-dots span:nth-child(3) {
  animation-delay: .32s;
}

@keyframes vt-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes vt-pop-in {
  from {
    opacity: 0;
    scale: .97;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

@keyframes vt-slide-in-right {
  from {
    opacity: .6;
    translate: 1.5rem;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

@keyframes vt-rise-in {
  from {
    opacity: 0;
    translate: 0 .375rem;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

@keyframes vt-leave-approved {
  to {
    opacity: 0;
    translate: 1.25rem;
  }
}

@keyframes vt-leave-rejected {
  to {
    opacity: 0;
    scale: .97;
  }
}

@keyframes vt-flow {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 0 0, 300% 0;
  }
}

@keyframes vt-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}

@keyframes vt-typing {
  0%, 60%, 100% {
    opacity: .3;
    translate: 0;
  }

  30% {
    opacity: 1;
    translate: 0 -.1875rem;
  }
}

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

  [data-slot="button"]:active, .vt-icon-button:active, .vt-chip:active, .vt-view-pill:active, .vt-composer-chip:active, .vt-composer-icon:active, .vt-chat-meta-button:active, .vt-ai-button:active, .vt-ai-button:hover, .vt-suggestion:hover, .vt-suggestion:active, .vt-nav-item:active {
    translate: none;
    scale: none;
  }

  .vt-nav-item:hover {
    padding-left: .5rem;
  }

  .vt-composer[data-status="busy"] {
    border-color: var(--vt-ai-from);
    background: var(--card);
    animation: none;
  }
}

.vt-kpi-strip {
  min-width: 0;
  max-width: 100%;
  margin: 0 0 .75rem;
}

.vt-kpi-strip-head {
  justify-content: flex-end;
  margin-bottom: .375rem;
  display: flex;
}

.vt-kpi-toggle {
  border-radius: var(--vt-radius-control);
  min-height: 2rem;
  color: var(--vt-options-link);
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out);
  align-items: center;
  gap: .25rem;
  padding: 0 .5rem;
  font-size: .8125rem;
  font-weight: 400;
  display: inline-flex;
}

.vt-kpi-toggle:hover {
  background-color: var(--vt-row-hover-bg);
}

.vt-kpi-toggle:focus-visible, .vt-kpi-button:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

.vt-kpi-row {
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  grid-auto-columns: minmax(15rem, 1fr);
  grid-auto-flow: column;
  gap: .75rem;
  padding-bottom: .25rem;
  display: grid;
  overflow-x: auto;
}

.vt-kpi-item {
  scroll-snap-align: start;
  min-width: 0;
}

@media (min-width: 768px) {
  .vt-kpi-row {
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    grid-auto-columns: auto;
    grid-auto-flow: row;
    overflow-x: visible;
  }
}

.vt-kpi-card {
  border-color: var(--vt-line);
  background-color: var(--card);
  border-radius: var(--radius);
}

.vt-kpi-label {
  overflow-wrap: anywhere;
  letter-spacing: .06em;
  text-transform: uppercase;
  min-width: 0;
  color: var(--vt-text-muted);
  flex: auto;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1rem;
}

.vt-kpi-delta {
  white-space: nowrap;
  flex-shrink: 0;
}

.vt-kpi-item[data-tone="danger"] .vt-kpi-card p.tracking-tight {
  color: var(--vt-error);
}

.vt-kpi-item[data-tone="success"] .vt-kpi-card p.tracking-tight {
  color: var(--vt-primary);
}

.vt-kpi-button {
  text-align: left;
  border-radius: var(--radius);
  width: 100%;
  height: 100%;
  transition: translate var(--vt-duration-base) var(--vt-ease-out),
    box-shadow var(--vt-duration-base) var(--vt-ease-out);
  display: block;
}

.vt-kpi-button:hover {
  translate: 0 var(--vt-hover-lift);
  box-shadow: var(--shadow-sm, 0 1px 3px #00000014);
}

.vt-kpi-button:active {
  scale: .99;
}

@media (prefers-reduced-motion: reduce) {
  .vt-kpi-button:hover, .vt-kpi-button:active {
    translate: none;
    scale: none;
  }
}

.vt-kpi-item[data-tone="warning"] .vt-kpi-card p.tracking-tight {
  color: var(--status-warning-text, var(--vt-text));
}

.vt-bento-host {
  container: vt-card / inline-size;
}

.vt-bento {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
  display: grid;
}

.vt-bento > * {
  min-width: 0;
}

@container vt-card (min-width: 52rem) {
  .vt-bento {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vt-bento > .vt-bento-2 {
    grid-column: span 2;
  }

  .vt-bento > .vt-bento-full {
    grid-column: 1 / -1;
  }

  .vt-bento > .vt-bento-1 :is([class*="sm:grid-cols-"], [class*="md:grid-cols-"], [class*="lg:grid-cols-"]) {
    grid-template-columns: minmax(0, 1fr);
  }

  .vt-bento > .vt-bento-1 :is([class*="sm:col-span-"], [class*="md:col-span-"], [class*="lg:col-span-"]) {
    grid-column: auto;
  }
}

.vt-addon-icon {
  border: 1px solid var(--vt-chip-set-border);
  background: var(--vt-chip-set-bg);
  color: var(--vt-accent);
}

.vt-addon-icon[data-addon-kind="connector"] {
  border-color: var(--vt-line);
  background: var(--vt-pill-track-bg);
  color: var(--vt-text);
}

.vt-addon-card {
  width: 100%;
}

.vt-addon-card:hover, .vt-addon-card:focus-within {
  translate: 0 var(--vt-hover-lift);
  box-shadow: var(--shadow-sm, 0 1px 3px #00000014);
}

@media (prefers-reduced-motion: reduce) {
  .vt-addon-card, .vt-addon-card:hover, .vt-addon-card:focus-within {
    transition: none;
    translate: none;
  }
}

.vt-mentor {
  flex-direction: column;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.vt-mentor[data-fullscreen="true"] {
  z-index: 60;
  background: var(--background);
  animation: vt-rise-in var(--vt-duration-base) var(--vt-ease-out) both;
  padding: 1rem;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.vt-mentor-progress {
  background: var(--vt-pill-track-bg);
  border-radius: 9999px;
  height: .25rem;
  overflow: hidden;
}

.vt-mentor-progress > span {
  border-radius: inherit;
  background: var(--vt-ai-gradient);
  height: 100%;
  transition: width var(--vt-duration-slow) var(--vt-ease-out);
  display: block;
}

.vt-mentor-tabs {
  display: none;
}

.vt-mentor-split {
  grid-template-columns: minmax(0, var(--vt-mentor-split, 58%)) .75rem minmax(0, 1fr);
  min-width: 0;
  height: calc(100dvh - 13rem);
  min-height: 32rem;
  display: grid;
}

.vt-mentor[data-fullscreen="true"] .vt-mentor-split {
  flex: 1 1 0;
  height: auto;
  min-height: 0;
}

.vt-mentor-pane {
  overscroll-behavior: contain;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}

.vt-mentor-pane-chat {
  border: 1px solid var(--vt-line);
  border-radius: var(--vt-radius-tile);
  background: var(--vt-panel-bg);
  flex-direction: column;
  padding: .75rem;
  display: flex;
  overflow: hidden;
}

.vt-mentor-divider {
  cursor: col-resize;
  touch-action: none;
  border-radius: 9999px;
  position: relative;
}

.vt-mentor-divider:after {
  content: "";
  background: var(--vt-line);
  width: 2px;
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out), width var(--vt-duration-fast) var(--vt-ease-out);
  border-radius: 9999px;
  position: absolute;
  inset: 0 auto 0 50%;
  translate: -50%;
}

.vt-mentor-divider:hover:after, .vt-mentor-divider:focus-visible:after {
  background: var(--vt-accent);
  width: 4px;
}

.vt-mentor-divider:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

.vt-mentor-document {
  padding-right: .25rem;
}

.vt-mentor-section {
  border: 1px solid var(--vt-line);
  border-radius: var(--vt-radius-tile);
  background: var(--card);
  transition: border-color var(--vt-duration-fast) var(--vt-ease-out), box-shadow var(--vt-duration-base) var(--vt-ease-out);
  flex-direction: column;
  gap: .625rem;
  padding: 1rem;
  display: flex;
}

.vt-mentor-section[data-status="closed"] {
  border-left: 3px solid var(--vt-success);
}

.vt-mentor-section[data-status="needs_input"] {
  border-style: dashed;
}

.vt-mentor-section-head {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.vt-mentor-section-number, .vt-mentor-row-number {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--vt-text-muted);
  background: var(--vt-pill-track-bg);
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-mentor-field {
  border-radius: var(--vt-radius-control);
  min-width: 0;
  transition: background-color var(--vt-duration-base) var(--vt-ease-out), box-shadow var(--vt-duration-base) var(--vt-ease-out);
  flex-direction: column;
  gap: .25rem;
  padding: .5rem .625rem;
  display: flex;
}

.vt-mentor-field[data-from-mentor="true"] {
  background: var(--vt-row-open-bg);
  box-shadow: inset 3px 0 0 var(--vt-accent);
  animation: vt-rise-in var(--vt-duration-slow) var(--vt-ease-out) both;
}

.vt-mentor-mark {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  min-width: 0;
  display: flex;
}

.vt-mentor-rows {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.vt-mentor-row {
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.vt-mentor-row-meta {
  color: var(--vt-text-muted);
  flex-wrap: wrap;
  gap: .25rem .75rem;
  font-size: .75rem;
  display: flex;
}

.vt-mentor-row-meta > div {
  gap: .25rem;
  min-width: 0;
  display: inline-flex;
}

.vt-mentor-row-meta dt:after {
  content: ":";
}

.vt-mentor-row-edit {
  border: 1px solid var(--vt-line);
  border-radius: var(--vt-radius-control);
  padding: .75rem;
}

.vt-mentor-select {
  border: 1px solid var(--vt-secondary-border);
  border-radius: var(--vt-radius-control);
  background: var(--background);
  width: 100%;
  min-height: 2.25rem;
  color: var(--vt-text);
  padding: 0 .5rem;
}

.vt-mentor-refs {
  border: 1px solid var(--vt-secondary-border);
  border-radius: var(--vt-radius-control);
  max-height: 12rem;
  padding: .25rem .5rem;
  overflow-y: auto;
}

.vt-mentor-guard {
  border: 1px solid var(--vt-chip-set-border);
  border-radius: var(--vt-radius-control);
  background: var(--vt-chip-set-bg);
  animation: vt-rise-in var(--vt-duration-base) var(--vt-ease-out) both;
  padding: .75rem;
}

.vt-mentor-gaps {
  border: 1px solid var(--vt-line);
  border-left: 3px solid var(--vt-star);
  border-radius: var(--vt-radius-tile);
  background: var(--card);
  flex-direction: column;
  gap: .375rem;
  padding: .75rem 1rem;
  display: flex;
}

.vt-mentor-avatar {
  width: 2rem;
  height: 2rem;
  color: var(--vt-ai-text);
  background: var(--vt-ai-gradient);
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-mentor-avatar[data-size="sm"] {
  width: 1.5rem;
  height: 1.5rem;
}

.vt-mentor-avatar[data-size="lg"] {
  width: 3rem;
  height: 3rem;
}

.vt-mentor-questions {
  border-radius: var(--vt-radius-control);
  background: var(--vt-chip-set-bg);
  flex-direction: column;
  gap: .375rem;
  padding: .5rem .625rem;
  display: flex;
}

.vt-mentor-question {
  text-align: left;
  border-radius: var(--vt-radius-control);
  width: 100%;
  color: var(--vt-text);
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out);
  padding: .25rem .375rem;
}

.vt-mentor-question:hover {
  background: var(--vt-row-hover-bg);
}

.vt-mentor-question:focus-visible {
  box-shadow: var(--vt-focus-ring);
  outline: none;
}

[data-mentor-cards] > li:nth-child(2) > .vt-approval-card {
  animation-delay: 60ms;
}

[data-mentor-cards] > li:nth-child(n+3) > .vt-approval-card {
  animation-delay: .12s;
}

@media (max-width: 767px) {
  .vt-mentor-tabs {
    border-radius: var(--vt-radius-control);
    background: var(--vt-pill-track-bg);
    grid-template-columns: 1fr 1fr;
    gap: .25rem;
    padding: .25rem;
    display: grid;
  }

  .vt-mentor-tab {
    border-radius: var(--vt-radius-control);
    min-height: 2.75rem;
    color: var(--vt-text-muted);
    transition: background-color var(--vt-duration-fast) var(--vt-ease-out), color var(--vt-duration-fast) var(--vt-ease-out);
    font-weight: 400;
  }

  .vt-mentor-tab[aria-selected="true"] {
    color: var(--vt-text);
    background: var(--card);
    box-shadow: 0 1px 2px #00000014;
  }

  .vt-mentor-tab:focus-visible {
    box-shadow: var(--vt-focus-ring);
    outline: none;
  }

  .vt-mentor-split {
    height: auto;
    min-height: 0;
    display: block;
  }

  .vt-mentor-divider {
    display: none;
  }

  .vt-mentor-pane {
    display: none;
    overflow: visible;
  }

  .vt-mentor-pane[data-active="true"] {
    display: block;
  }

  .vt-mentor-pane-chat[data-active="true"] {
    height: calc(100dvh - 12rem);
    min-height: 28rem;
    display: flex;
  }

  .vt-mentor[data-fullscreen="true"] {
    padding: .5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vt-mentor[data-fullscreen="true"], .vt-mentor-field[data-from-mentor="true"], .vt-mentor-guard {
    animation: none;
  }

  .vt-mentor-progress > span, .vt-mentor-section, .vt-mentor-field, .vt-mentor-divider:after, .vt-mentor-question, .vt-mentor-tab {
    transition: none;
  }
}

/* [project]/src/app/vantage-premium.css [app-client] (css) */
:root {
  --font-weight-medium: 400;
  --font-weight-semibold: 700;
  --vt-radius-card: .75rem;
  --vt-shadow-card: 0 1px 2px #11191508, 0 8px 24px -12px #1119151a;
  --vt-shadow-pop: 0 1px 2px #1119150f, 0 16px 40px -12px #1119152e;
  --vt-g-900: #0b3d2c;
  --vt-g-700: #047857;
  --vt-g-500: #2f9e78;
  --vt-g-300: #8fcfb3;
  --vt-g-100: #e4f2eb;
  --vt-g-50: #f2f8f5;
  --vt-hatch: repeating-linear-gradient(135deg, var(--vt-g-300) 0 2px, transparent 2px 5px);
  --vt-good-bg: #eaf5ef;
  --vt-good-border: #bfdfcf;
  --vt-good-text: #0b5a40;
  --vt-bad-bg: #fbf3f4;
  --vt-bad-border: #ecd5da;
  --vt-bad-text: #8e3446;
  --vt-row-height: 3.5rem;
  --vt-head-height: 2.5rem;
  --vt-control-height: 2.5rem;
  --vt-chip-height: 2.5rem;
  --chart-1: var(--vt-g-700);
  --chart-2: var(--vt-g-500);
  --chart-3: var(--vt-g-300);
  --chart-4: var(--vt-g-900);
  --chart-5: #a3aca7;
}

.dark {
  --vt-shadow-card: 0 0 0 1px #ffffff05;
  --vt-shadow-pop: 0 16px 40px -12px #0009;
  --vt-g-900: #a7e9cc;
  --vt-g-700: #34d399;
  --vt-g-500: #1f9e74;
  --vt-g-300: #17604a;
  --vt-g-100: #10241c;
  --vt-g-50: #0d1b15;
  --vt-good-bg: #10241c;
  --vt-good-border: #235340;
  --vt-good-text: #8ee3bf;
  --vt-bad-bg: #22151a;
  --vt-bad-border: #4a2a33;
  --vt-bad-text: #efb1be;
  --chart-5: #5c6863;
}

@media (pointer: coarse), (max-width: 767.98px) {
  :root {
    --vt-control-height: 2.75rem;
  }
}

body {
  font-family: var(--font-geist-sans);
  font-feature-settings: "ss01" off;
  letter-spacing: 0;
}

:is(code, kbd, samp, pre, .font-mono) {
  font-family: var(--font-geist-mono);
}

.tabular-nums, [data-slot="badge"], [data-slot="table-cell"] time {
  font-variant-numeric: tabular-nums;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) {
  border-right: 1px solid var(--vt-menu-border);
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-menu-item-id] {
  white-space: nowrap;
  min-height: 2.5rem;
  font-weight: 400;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-menu-item-id] > span:not([aria-hidden]) {
  min-width: 0;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-menu-item-id]:has( > span[aria-hidden].absolute) {
  box-shadow: inset 2px 0 0 var(--vt-menu-active-bar);
  font-weight: 700;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-menu-item-id] > span[aria-hidden].absolute {
  opacity: 0;
}

:is(div:has( > a[href="#main-content"]) > aside, aside:has([data-sidebar-scroll="true"])):not([data-testid="appshell-section-sidebar"]) [data-sidebar-group="true"] > button {
  letter-spacing: .1em;
  font-size: .75rem;
}

header.sticky:has( ~ main#main-content) {
  background: color-mix(in srgb, var(--background) 80%, transparent);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--vt-line);
}

header.sticky:has( ~ main#main-content) :is([data-slot="icon-button"], [data-slot="button"], button) {
  min-height: var(--vt-control-height);
}

header.sticky:has( ~ main#main-content) [data-slot="icon-button"] {
  min-width: var(--vt-control-height);
}

header.sticky:has( ~ main#main-content) button:not([data-slot="button"]):not(.vt-ai-button):empty {
  min-width: var(--vt-control-height);
}

header.sticky:has( ~ main#main-content) button:has( > svg:only-child) {
  min-width: var(--vt-control-height);
}

.vt-ai-button {
  height: var(--vt-control-height);
  color: var(--vt-text);
  background: var(--card);
  border: 1px solid var(--vt-line);
  padding: 0 .75rem 0 .375rem;
  font-weight: 700;
  box-shadow: 0 1px 2px #1119150a;
}

.vt-ai-button:hover {
  filter: none;
  background: var(--vt-pill-track-bg);
}

.vt-ai-button:active {
  filter: none;
  background: var(--vt-row-hover-bg);
}

.vt-ai-button .vt-ai-logo {
  color: var(--primary-foreground);
  background: var(--primary);
}

:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select, [role="combobox"], [data-slot="input"], [data-slot="select-trigger"], [data-slot="textarea"]):not(.vt-search input):not([data-vt-bare]):not([aria-invalid="true"]), .vt-search {
  border-color: var(--vt-secondary-border);
}

[data-slot="button"] {
  border-radius: .5rem;
}

[data-slot="badge"] {
  font-weight: 400;
}

[data-slot="button"].bg-primary {
  box-shadow: inset 0 1px #ffffff1f, 0 1px 2px #1119151f;
}

input[type="checkbox"] {
  accent-color: var(--vt-primary);
}

main :is([data-slot="button"], [data-slot="icon-button"]), .vt-list-bar :is(button, [role="radio"], [role="tab"], a[href]) {
  min-height: var(--vt-control-height);
}

main [data-slot="icon-button"], [data-twin-list] nav :is(button, a[href]) {
  min-width: var(--vt-control-height);
}

[data-twin-list] nav :is(button, a[href], [role="combobox"]) {
  min-height: var(--vt-control-height);
}

.vt-col-head :is(button, [role="button"]) {
  position: relative;
}

.vt-col-head :is(button, [role="button"]):after {
  content: "";
  position: absolute;
  inset: -10px;
}

.vt-kpi-toggle {
  min-height: var(--vt-control-height);
}

main :is(.text-\[10px\], .text-\[11px\], .text-\[10\.5px\]) {
  font-size: .75rem;
}

:is([data-slot="card"], .vt-tile, .vt-kpi-card) {
  border-color: var(--vt-line);
  border-radius: var(--vt-radius-card);
  box-shadow: var(--vt-shadow-card);
}

:is([data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="dialog-content"], [role="menu"], [role="listbox"]) {
  box-shadow: var(--vt-shadow-pop);
}

[data-twin-list] [data-slot="table-header"] {
  background: var(--background);
}

[data-twin-list] [data-slot="table-head"] {
  height: var(--vt-head-height);
  letter-spacing: .08em;
  color: var(--vt-text-muted);
  font-size: .75rem;
  font-weight: 700;
}

[data-twin-list] [data-slot="table-header"] [data-slot="table-row"] {
  border-bottom: 1px solid var(--vt-line);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"] {
  height: var(--vt-row-height);
  background: var(--card);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:nth-child(2n) {
  background: var(--card);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:hover {
  background: var(--vt-row-hover-bg);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"][data-state="selected"] {
  box-shadow: inset 2px 0 0 var(--vt-primary);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-row"]:has([data-row-open]) {
  box-shadow: inset 2px 0 0 var(--vt-primary);
}

[data-twin-list] [data-slot="table-body"] [data-slot="table-cell"] {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

[data-twin-list] [data-slot="table-head"] .vt-col-sort {
  min-height: 2.5rem;
}

@media (min-width: 768px) {
  [data-twin-list] [data-slot="table-body"] [data-slot="table-cell"]:not(:has([data-vt-main-cell])) {
    width: 1%;
  }

  [data-twin-list] [data-vt-main-cell] {
    min-width: 14rem;
  }

  [data-twin-list] [data-vt-main-cell] :is(.text-ellipsis, .truncate) {
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    max-width: 40rem !important;
  }
}

.vt-kpi-label {
  letter-spacing: .08em;
  color: var(--vt-text-muted);
  font-size: .75rem;
}

.vt-kpi-card p.tracking-tight {
  letter-spacing: -.03em;
  font-weight: 400;
}

.text-destructive, .text-status-error-text {
  color: var(--vt-error);
}

.vt-view-pill[aria-selected="true"] .vt-view-pill-count {
  background: var(--vt-text);
  color: var(--card);
}

:focus-visible {
  outline-color: var(--vt-accent);
}

:root {
  --brand-violet: #0a6a4a;
  --brand-violet-soft: #f2f8f5;
  --brand-violet-foreground: #fff;
  --status-success-bg: #eaf5ef;
  --status-success-text: #0b5a40;
  --status-success-border: #bfdfcf;
  --status-success-icon: #047857;
  --status-info-bg: #f2f8f5;
  --status-info-text: #0f5a42;
  --status-info-border: #cfe5da;
  --status-info-icon: #2f9e78;
  --status-warning-bg: #f4f6f5;
  --status-warning-text: #2f3934;
  --status-warning-border: #d3d9d6;
  --status-warning-icon: #66706b;
  --status-neutral-bg: #fff;
  --status-neutral-text: #3c4641;
  --status-neutral-border: #dce1de;
  --status-neutral-icon: #a3aca7;
  --status-pink-bg: #f4f6f5;
  --status-pink-text: #2f3934;
  --status-pink-border: #d3d9d6;
  --status-pink-icon: #858f8a;
  --status-error-bg: #fbf3f4;
  --status-error-text: #8e3446;
  --status-error-border: #ecd5da;
  --status-error-icon: #b2485e;
}

.dark {
  --brand-violet: #34d399;
  --brand-violet-soft: #0f1f18;
  --brand-violet-foreground: #06120d;
  --status-success-bg: #10241c;
  --status-success-text: #8ee3bf;
  --status-success-border: #235340;
  --status-success-icon: #34d399;
  --status-info-bg: #0f1f18;
  --status-info-text: #9fe7c8;
  --status-info-border: #1d3a2e;
  --status-info-icon: #1f9e74;
  --status-warning-bg: #151c19;
  --status-warning-text: #d6dedb;
  --status-warning-border: #34413b;
  --status-warning-icon: #aab4af;
  --status-neutral-bg: transparent;
  --status-neutral-text: #c3ccc7;
  --status-neutral-border: #2b3631;
  --status-neutral-icon: #5c6863;
  --status-pink-bg: #151c19;
  --status-pink-text: #d6dedb;
  --status-pink-border: #34413b;
  --status-pink-icon: #aab4af;
  --status-error-bg: #22151a;
  --status-error-text: #efb1be;
  --status-error-border: #4a2a33;
  --status-error-icon: #d77a8e;
}

.vt-pulpit {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.vt-pulpit-head {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.vt-pulpit-title {
  letter-spacing: -.02em;
  color: var(--vt-text);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.vt-pulpit-sub {
  color: var(--vt-text-muted);
  margin: 0;
  font-size: .875rem;
}

.vt-bento-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
  gap: 1rem;
  display: grid;
}

.vt-bento-card {
  border: 1px solid var(--vt-line);
  border-radius: var(--vt-radius-card);
  background: var(--card);
  min-width: 0;
  color: var(--card-foreground);
  box-shadow: var(--vt-shadow-card);
  animation: .7s cubic-bezier(.2, .9, .25, 1) both vt-bento-in;
  animation-delay: var(--vt-enter-delay, 0s);
  flex-direction: column;
  grid-column: span 12;
  gap: 1rem;
  padding: 1.5rem;
  display: flex;
}

@keyframes vt-bento-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.vt-skeleton {
  background: linear-gradient(90deg, var(--card), var(--vt-pill-track-bg), var(--card));
  background-size: 200% 100%;
  min-height: 8rem;
  animation: 1.4s linear infinite vt-skeleton;
}

@keyframes vt-skeleton {
  to {
    background-position: -200% 0;
  }
}

@media (min-width: 768px) {
  .vt-span-4 {
    grid-column: span 6;
  }
}

@media (min-width: 1360px) {
  .vt-span-4 {
    grid-column: span 4;
  }

  .vt-span-8 {
    grid-column: span 8;
  }
}

.vt-bento-caption {
  align-items: center;
  gap: .75rem;
  min-height: 2.5rem;
  display: flex;
}

.vt-bento-icon {
  border: 1px solid var(--vt-line);
  width: 2rem;
  height: 2rem;
  color: var(--vt-text-muted);
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-cap {
  letter-spacing: .1em;
  text-transform: uppercase;
  min-width: 0;
  color: var(--vt-text-muted);
  flex: auto;
  margin: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1rem;
}

.vt-bento-caption-end {
  flex: none;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.vt-card-link {
  min-height: var(--vt-control-height);
  color: var(--vt-link);
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out);
  border-radius: .5rem;
  align-items: center;
  gap: .25rem;
  margin-right: -.5rem;
  padding: 0 .5rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-card-link:hover {
  background: var(--vt-pill-track-bg);
}

.vt-card-link svg {
  transition: transform var(--vt-duration-fast) var(--vt-ease-out);
}

.vt-card-link:hover svg {
  transform: translateX(2px);
}

.vt-big {
  flex-wrap: wrap;
  align-items: baseline;
  gap: .5rem;
  margin: 0;
  display: flex;
}

.vt-big-value {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  color: var(--vt-text);
  font-size: 2.75rem;
  font-weight: 400;
  line-height: 3rem;
}

.vt-big-unit {
  color: var(--vt-text-muted);
  font-size: .875rem;
}

.vt-note {
  color: var(--vt-text-muted);
  margin: 0;
  font-size: .875rem;
  line-height: 1.5rem;
}

.vt-badges {
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  display: flex;
}

.vt-delta {
  border: 1px solid var(--vt-line);
  background: var(--card);
  min-height: 1.5rem;
  color: var(--vt-text);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  align-items: center;
  gap: .25rem;
  padding: 0 .5rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-delta svg {
  width: .75rem;
  height: .75rem;
}

.vt-delta[data-tone="good"] {
  background: var(--vt-good-bg);
  border-color: var(--vt-good-border);
  color: var(--vt-good-text);
}

.vt-delta[data-tone="bad"] {
  background: var(--vt-bad-bg);
  border-color: var(--vt-bad-border);
  color: var(--vt-bad-text);
}

.vt-pill, .vt-status {
  border: 1px solid var(--vt-line);
  background: var(--card);
  min-height: 1.75rem;
  color: var(--vt-text);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: .5rem;
  padding: 0 .75rem;
  font-size: .75rem;
  display: inline-flex;
}

.vt-pill > i, .vt-status > i {
  background: var(--vt-g-500);
  border-radius: 999px;
  width: .375rem;
  height: .375rem;
}

.vt-status {
  align-self: flex-start;
}

.vt-status[data-tone="good"] {
  background: var(--vt-good-bg);
  border-color: var(--vt-good-border);
  color: var(--vt-good-text);
}

.vt-status[data-tone="bad"] {
  background: var(--vt-bad-bg);
  border-color: var(--vt-bad-border);
  color: var(--vt-bad-text);
}

.vt-status[data-tone="bad"] > i {
  background: var(--vt-error);
}

.vt-status[data-tone="neutral"] > i {
  background: var(--vt-text-faint);
}

.vt-pulpit-process {
  gap: 1.5rem;
}

.vt-process-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.vt-process-icon {
  border: 1px solid var(--vt-line);
  background: var(--vt-pill-track-bg);
  width: 3rem;
  height: 3rem;
  color: var(--vt-text);
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.vt-process-text {
  flex: 20rem;
  min-width: 0;
}

.vt-process-title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  display: flex;
}

.vt-process-title {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.vt-process-meta {
  color: var(--vt-text-muted);
  margin: .25rem 0 0;
  font-size: .875rem;
}

.vt-process-actions {
  flex-wrap: wrap;
  gap: .75rem;
  display: flex;
}

.vt-btn {
  min-height: var(--vt-control-height);
  border: 1px solid var(--vt-secondary-border);
  background: var(--card);
  color: var(--vt-text);
  white-space: nowrap;
  transition: background-color var(--vt-duration-fast) var(--vt-ease-out),
    transform var(--vt-duration-instant) var(--vt-ease-out);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 0 1rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

.vt-btn:hover {
  background: var(--vt-pill-track-bg);
}

.vt-btn:active {
  transform: scale(var(--vt-press-scale));
}

.vt-btn[data-variant="primary"] {
  border-color: var(--vt-primary);
  background: var(--vt-primary);
  color: var(--vt-primary-text);
  box-shadow: inset 0 1px #ffffff1f, 0 1px 2px #1119151f;
}

.vt-btn[data-variant="primary"]:hover {
  background: var(--vt-primary-hover);
  border-color: var(--vt-primary-hover);
}

.vt-process-foot {
  border-top: 1px solid var(--vt-grid);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  display: flex;
}

.vt-meta-row {
  flex-wrap: wrap;
  gap: .5rem 2rem;
  margin: 0;
  display: flex;
}

.vt-meta-row > div {
  align-items: baseline;
  gap: .5rem;
  display: flex;
}

.vt-meta-row dt {
  color: var(--vt-text-muted);
  font-size: .875rem;
}

.vt-meta-row dd {
  margin: 0;
}

.vt-meta-link {
  min-width: 2.5rem;
  min-height: 2.5rem;
  color: var(--vt-text);
  border-radius: .5rem;
  align-items: center;
  padding: 0 .25rem;
  font-size: 1.25rem;
  font-weight: 400;
  display: inline-flex;
}

.vt-meta-link:hover {
  color: var(--vt-link);
  text-underline-offset: 4px;
  text-decoration: underline;
}

.vt-quick-actions {
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.vt-kpi-split {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.vt-ring {
  flex: none;
  position: relative;
}

.vt-ring-track {
  fill: none;
  stroke: var(--vt-grid);
  stroke-width: 4px;
}

.vt-ring-value {
  fill: none;
  stroke: var(--vt-g-700);
  stroke-width: 4px;
  stroke-linecap: round;
  transition: stroke-dasharray 1.1s cubic-bezier(.3, .8, .2, 1) .2s;
}

.vt-ring-label {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  display: flex;
  position: absolute;
  inset: 0;
}

.vt-ring-label b {
  font-size: .875rem;
  font-weight: 700;
}

.vt-ring-label small {
  color: var(--vt-text-muted);
  font-size: .75rem;
}

.vt-area-list {
  flex-direction: column;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.vt-area-list li {
  grid-template-columns: 6.5rem minmax(0, 1fr) 3rem;
  align-items: center;
  gap: .75rem;
  font-size: .875rem;
  display: grid;
}

.vt-area-list b {
  text-align: right;
  font-weight: 400;
}

.vt-area-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.vt-mini-track {
  background: var(--vt-pill-track-bg);
  border-radius: 999px;
  height: .5rem;
  position: relative;
  overflow: hidden;
}

.vt-mini-track > i {
  background: var(--vt-g-500);
  transition: width var(--vt-duration-slow) var(--vt-ease-out);
  border-radius: 999px;
  position: absolute;
  inset: 0 auto 0 0;
}

.vt-split-bar-wrap {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.vt-split-bar {
  gap: 2px;
  height: .5rem;
  display: flex;
}

.vt-split-bar > i, .vt-legend i {
  background: var(--vt-g-900);
  border-radius: 2px;
}

:is(.vt-split-bar > i, .vt-legend i)[data-step="1"] {
  background: var(--vt-g-700);
}

:is(.vt-split-bar > i, .vt-legend i)[data-step="2"] {
  background: var(--vt-g-500);
}

:is(.vt-split-bar > i, .vt-legend i)[data-step="3"] {
  background: var(--vt-g-300);
}

:is(.vt-split-bar > i, .vt-legend i)[data-step="hatch"], .vt-hatch-swatch {
  background: var(--vt-hatch);
  box-shadow: inset 0 0 0 1px var(--vt-g-500);
}

.vt-legend {
  flex-direction: column;
  gap: .25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.vt-legend li {
  grid-template-columns: .75rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  min-height: 1.5rem;
  font-size: .875rem;
  display: grid;
}

.vt-legend i {
  width: .75rem;
  height: .75rem;
  display: block;
}

.vt-legend b {
  font-weight: 400;
}

.vt-legend-inline {
  flex-direction: row;
  gap: 1rem;
}

.vt-legend-inline li {
  color: var(--vt-text-muted);
  grid-template-columns: .75rem auto;
}

.vt-hatch-swatch {
  vertical-align: -1px;
  border-radius: 2px;
  width: .75rem;
  height: .75rem;
  margin-right: .25rem;
  display: inline-block;
}

.vt-funnel {
  flex-direction: column;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.vt-funnel-row {
  grid-template-columns: minmax(0, 1fr) minmax(3rem, 6rem) 3rem;
  align-items: center;
  gap: 1rem;
  display: grid;
}

.vt-funnel-text {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.vt-funnel-title {
  overflow-wrap: anywhere;
  font-size: .875rem;
  font-weight: 700;
}

.vt-funnel-note {
  color: var(--vt-text-muted);
  font-size: .75rem;
  line-height: 1rem;
}

.vt-funnel-track {
  background: var(--vt-pill-track-bg);
  border-radius: 4px;
  height: 1.25rem;
  display: flex;
  overflow: hidden;
}

.vt-funnel-done {
  background: var(--vt-g-700);
  transition: width var(--vt-duration-slow) var(--vt-ease-out);
}

.vt-funnel-wait {
  background: var(--vt-hatch);
  box-shadow: inset 0 0 0 1px var(--vt-g-500);
}

.vt-funnel-value {
  text-align: right;
  font-size: .875rem;
}

.vt-tempo {
  flex: auto;
  grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
  align-items: stretch;
  gap: 1.5rem;
  display: grid;
}

@media (max-width: 767.98px) {
  .vt-tempo {
    grid-template-columns: minmax(0, 1fr);
  }
}

.vt-tempo-number {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.vt-area {
  border-radius: .75rem;
  outline: none;
  min-height: 12rem;
  position: relative;
}

.vt-area:focus-visible {
  box-shadow: var(--vt-focus-ring);
}

.vt-area svg {
  display: block;
  position: absolute;
  inset: 0;
}

.vt-area-grid {
  stroke: var(--vt-grid);
  stroke-width: 1px;
}

.vt-area-cross {
  stroke: var(--vt-text-faint);
  stroke-width: 1px;
  stroke-dasharray: 3 4;
}

.vt-area-dot {
  fill: var(--vt-g-700);
  stroke: var(--card);
  stroke-width: 2px;
}

.vt-area-bar {
  stroke: var(--vt-g-500);
  stroke-width: 1px;
}

.vt-area-bar[data-hover="true"] {
  stroke-width: 1.5px;
}

.vt-area-axis {
  fill: var(--vt-text-muted);
  font-size: 12px;
  font-family: var(--font-geist-mono);
}

.vt-area-breathe[data-motion="on"] {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: 4.8s ease-in-out 1.6s infinite vt-breathe;
}

@keyframes vt-breathe {
  0%, 100% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(1.04);
  }
}

.vt-goals {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.vt-goals li {
  border-top: 1px solid var(--vt-grid);
  flex-direction: column;
  gap: .5rem;
  padding: 1rem 0;
  display: flex;
}

.vt-goals li:first-child {
  border-top: 0;
  padding-top: 0;
}

.vt-goal-head {
  justify-content: space-between;
  gap: 1rem;
  font-size: .875rem;
  display: flex;
}

.vt-goal-sub {
  color: var(--vt-text-muted);
  margin: 0;
  font-size: .875rem;
}

.vt-ticks line {
  stroke-width: 1.6px;
  stroke-linecap: round;
  animation: .3s ease-out both vt-tick-in;
}

.vt-tick-off {
  stroke: var(--vt-line);
}

.vt-tick-on {
  stroke: var(--vt-g-700);
}

.vt-ticks[data-tone="bad"] .vt-tick-on {
  stroke: var(--vt-error);
}

.vt-ticks[data-tone="neutral"] .vt-tick-on {
  stroke: var(--vt-g-500);
}

@keyframes vt-tick-in {
  from {
    opacity: 0;
  }
}

.vt-chart-tip {
  z-index: 60;
  border: 1px solid var(--vt-line);
  background: color-mix(in srgb, var(--popover) 94%, transparent);
  min-width: 9rem;
  color: var(--popover-foreground);
  box-shadow: var(--vt-shadow-pop);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  border-radius: .75rem;
  padding: .5rem .75rem;
  font-size: .75rem;
  transition: opacity .15s;
  position: fixed;
}

.vt-chart-tip[data-open="true"] {
  opacity: 1;
}

.vt-chart-tip-title {
  color: var(--vt-text-muted);
  margin-bottom: .25rem;
}

.vt-chart-tip-row {
  justify-content: space-between;
  gap: 1rem;
  line-height: 1.25rem;
  display: flex;
}

.vt-chart-tip-row span {
  color: var(--vt-text-muted);
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.vt-chart-tip-row i {
  background: var(--vt-g-700);
  border-radius: 2px;
  width: .5rem;
  height: .5rem;
}

.vt-chart-tip-row i[data-swatch="hatch"] {
  background: var(--vt-hatch);
  box-shadow: inset 0 0 0 1px var(--vt-g-500);
}

[data-pulpit-widgets] h1 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}

[data-pulpit-widgets] [data-slot="card"], [data-pulpit-widgets] .rounded-lg.border {
  border-radius: var(--vt-radius-card);
}

@media (prefers-reduced-motion: reduce) {
  .vt-bento-card, .vt-skeleton, .vt-area-breathe, .vt-ticks line, .vt-ring-value, .vt-funnel-done, .vt-mini-track > i, .vt-btn, .vt-card-link svg {
    transition: none !important;
    animation: none !important;
  }
}

body.vt-focus div:has( > a[href="#main-content"]) {
  --app-content-offset: 0px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body.vt-focus div:has( > a[href="#main-content"]) > :is(aside, button) {
  display: none !important;
}

body.vt-focus header.sticky:has( ~ main#main-content) {
  z-index: 60;
  transition: transform .2s var(--vt-ease-out);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
}

body.vt-focus header.sticky:has( ~ main#main-content):after {
  content: "";
  height: 12px;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
}

:is(body.vt-focus header.sticky:has( ~ main#main-content):is(:hover, :focus-within), body.vt-focus.vt-focus-peek header.sticky:has( ~ main#main-content)) {
  transform: none;
}

body.vt-focus {
  --vt-topbar-height: 0px;
}

body.vt-focus main#main-content {
  padding-top: 1rem;
}

body.vt-focus .vt-record-panel {
  height: calc(100svh - 1.5rem);
  top: .75rem;
}

body.vt-focus .vt-chat-dock {
  top: 0;
}

body.vt-focus [data-record-header] h1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
}

body.vt-focus .vt-pulpit-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

body.vt-focus .vt-kpi-strip {
  display: none;
}

.vt-focus-peek-zone {
  z-index: 59;
  height: 8px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.vt-focus-exit {
  z-index: 61;
  border: 1px solid var(--vt-line);
  background: color-mix(in srgb, var(--background) 85%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  min-height: 2.75rem;
  box-shadow: var(--vt-shadow-pop);
  color: var(--vt-text);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: .5rem;
  padding: 0 1rem;
  font-size: .875rem;
  display: inline-flex;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

.vt-focus-exit:hover {
  background: var(--vt-pill-track-bg);
}

.vt-focus-exit kbd {
  font: inherit;
  color: var(--vt-text-muted);
}

@media (prefers-reduced-motion: reduce) {
  body.vt-focus header.sticky:has( ~ main#main-content) {
    transition: none;
  }
}