/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
:root, :host {
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --color-lk-navy: #0b1f33;
  --color-lk-blue: #163a5f;
  --color-lk-teal: #13b8a6;
  --color-lk-teal-text: #0c7f73;
  --color-lk-green: #7bd14b;
  --color-lk-ink: #172636;
  --color-lk-muted: #5f6b7c;
  --color-lk-line: #dfe7ec;
  --color-lk-disc: #e8f7f4;
  --color-lk-rule: #cfdce2;
  --color-lk-soft: #f5f8fa;
  --color-lk-footer: #071726;
}
.lkt-frame {
  --lkt-navy: #0b1f33;
  --lkt-ink: #172636;
  --lkt-muted: #5f6b7c;
  --lkt-line: #dfe7ec;
  --lkt-teal: #13b8a6;
  --lkt-teal-text: #0c7f73;
  --lkt-disc: #e8f7f4;
  --lkt-rule: #cfdce2;
  --lkt-soft: #f5f8fa;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #fff;
  border-bottom: 1px solid var(--lkt-line);
  color: var(--lkt-ink);
}
.lkt-in {
  max-width: 1216px;
  margin: 0 auto;
  padding: 22px clamp(18px, 3.2vw, 38px) 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 32px;
}
.lkt-spine {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 0 1 auto;
}
.lkt-step {
  display: flex;
  align-items: center;
  margin: 0;
}
.lkt-step + .lkt-step::before {
  content: "";
  width: 14px;
  height: 1px;
  background: var(--lkt-rule);
  flex: 0 0 auto;
}
.lkt-step > a, .lkt-step > a:hover, .lkt-step > a:focus-visible {
  color: inherit;
}
.lkt-step > a, .lkt-step > span.lkt-step-body {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 10px;
  border-radius: 8px;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}
.lkt-step-label {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--lkt-muted);
}
.lkt-step > a:hover {
  background: var(--lkt-disc);
}
.lkt-step > a:hover .lkt-step-label {
  color: var(--lkt-teal-text);
}
.lkt-step.is-current .lkt-step-label {
  color: var(--lkt-navy);
  font-weight: 700;
}
.lkt-project {
  flex: 1 0 100%;
  order: 2;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--lkt-muted);
  font-size: 13px;
}
@media (max-width: 980px) {
  .lkt-in {
    align-items: flex-start;
    gap: 10px 24px;
  }
}
@media (max-width: 640px) {
  .lkt-project {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .lkt-in {
    padding: 16px 18px 14px;
  }
  .lkt-spine {
    width: 100%;
    row-gap: 0;
  }
  .lkt-step + .lkt-step::before {
    display: none;
  }
  .lkt-step > a, .lkt-step > span.lkt-step-body {
    padding: 0 8px 0 0;
    gap: 7px;
  }
  .lkt-step-label {
    font-size: 13px;
  }
}
.lkt-aside {
  position: relative;
  flex: 0 1 auto;
  order: 1;
  max-width: 100%;
}
.lkt-aside-expand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 44px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--lkt-line);
  border-radius: 8px;
  background: #fff;
  color: var(--lkt-teal-text);
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}
.lkt-aside-expand:hover {
  background: var(--lkt-disc);
  border-color: var(--lkt-teal-text);
}
.lkt-aside-play {
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 11px;
  border-color: transparent transparent transparent currentColor;
}
.lkt-aside-label {
  overflow-wrap: anywhere;
}
body.lia-workspace-page [class*="col-"]:has(> .lkt-frame[data-lkt-frame="advisor"]) {
  display: flex;
  flex-direction: column;
  height: calc(100dvh - var(--lk-header-h, 80px));
  /* A raised keyboard shrinks the visual viewport only; --lia-vv (set by the
   * assistant bundle) is the visible height, so the column bottom - and the
   * composer - stays inside it. */
  max-height: calc(var(--lia-vv, 100dvh) - var(--lk-header-h, 80px));
  min-height: 0;
}
body.lia-workspace-page .lkt-frame[data-lkt-frame="advisor"] {
  flex: 0 0 auto;
}
body.lia-workspace-page .lia-workspace-mount {
  flex: 1 1 auto;
  min-height: 0;
}
body.lia-workspace-page .lia--workspace,
body.lia-workspace-page .lia--workspace .lia-shell {
  height: 100%;
  min-height: 0;
}
.lkt-light {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(1100px, 92vw);
  max-width: none;
  height: fit-content;
  max-height: 90vh;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: #000;
  overflow: visible;
}
.lkt-light::backdrop {
  background: rgba(7, 23, 38, .82);
}
.lkt-light-video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 84vh;
  border-radius: 14px;
  background: #000;
}
.lkt-light-close {
  position: absolute;
  z-index: 1;
  top: -14px;
  right: -14px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lkt-line);
  border-radius: 999px;
  background: #fff;
  color: var(--lkt-navy);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 640px) {
  .lkt-light {
    width: 94vw;
  }
  .lkt-light-close {
    top: -12px;
    right: -6px;
  }
}
@media (max-width: 680px) {
  body.lia-workspace-page .lkt-frame[data-lkt-frame="advisor"] .lkt-in {
    padding-top: 10px;
    padding-bottom: 8px;
  }
}
.lkt-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.lkt-step > a:focus-visible, .lkt-aside-expand:focus-visible, .lkt-light-close:focus-visible, details[data-lk-section] > summary:focus-visible {
  outline: 3px solid var(--color-lk-teal-text) !important;
  outline-offset: 2px !important;
}

/* Short viewports (D01b/D07): compact the advisor frame chrome; at keyboard
 * heights the step spine yields to the composer entirely. */
@media (max-height: 620px) {
  body.lia-workspace-page .lkt-frame[data-lkt-frame="advisor"] .lkt-in {
    padding-top: 8px;
    padding-bottom: 6px;
  }
  body.lia-workspace-page .lkt-frame[data-lkt-frame="advisor"] .lkt-step > a,
  body.lia-workspace-page .lkt-frame[data-lkt-frame="advisor"] .lkt-step > span.lkt-step-body {
    min-height: 32px;
  }
}
@media (max-height: 400px) {
  body.lia-workspace-page .lkt-frame[data-lkt-frame="advisor"] .lkt-spine {
    display: none;
  }
}