html,
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    font-family: var(--ui-font-family);
}

body {
    color: #20242a;
}

:root {
    --ui-radius: 8px;
    --ui-radius-soft: 6px;
    --ui-font-family: "Inter", Aptos, "Segoe UI Variable Text", "Segoe UI", sans-serif;
    --ui-mono-font-family: "JetBrains Mono", monospace;
    --ui-motion-fast: 90ms;
    --ui-motion-base: 150ms;
    --ui-motion-slow: 220ms;
    --ui-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ui-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ui-z-modal: 40;
    --ui-z-floating: 360;
    --ui-z-tooltip: 420;
}

* {
    box-sizing: border-box;
}

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

button,
a {
    transition:
        background-color var(--ui-motion-base) ease,
        border-color var(--ui-motion-base) ease,
        color var(--ui-motion-base) ease,
        transform var(--ui-motion-base) var(--ui-motion-ease),
        box-shadow var(--ui-motion-base) ease;
}

a {
    color: inherit;
}

:where(h1, h2, h3, h4, h5, h6)[tabindex="-1"]:focus,
:where(h1, h2, h3, h4, h5, h6)[tabindex="-1"]:focus-visible {
    outline: none;
}

.stagger-list > .stagger-item {
    opacity: 1;
    transform: none;
}

.shell-allow-stagger .stagger-list > .stagger-item {
    opacity: 0;
    transform: translateY(12px);
    animation: stagger-in 360ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: calc(var(--stagger-index, 0) * 60ms);
    will-change: transform, opacity;
}

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

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .shell-allow-stagger .stagger-list > .stagger-item {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

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

.ui-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.85rem;
    height: 1.85rem;
    padding-inline: 0.45rem;
    margin-left: auto;
    border-radius: 999px;
    background: var(--shell-surface-tint, #ecece8);
    color: var(--shell-accent-strong, #a63b36);
    font-size: 0.82rem;
    font-weight: 800;
}

.ui-badge--soft {
    min-width: 1.7rem;
    height: 1.7rem;
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 70%, var(--shell-accent, #ff665f) 12%);
}

.ui-action,
.ui-profile-chip,
.ui-status-banner,
.ui-notification-card,
.ui-empty-state,
.ui-surface-card {
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: var(--ui-radius-soft, 6px);
    background: var(--shell-surface, #ffffff);
    color: inherit;
    box-shadow: none;
}

.ui-action {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.15rem;
    padding: 0.42rem 0.65rem;
    font-family: var(--ui-font-family);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

.ui-action:focus,
.ui-action:focus-visible {
    outline: none;
}

.ui-action:disabled {
    cursor: not-allowed;
    opacity: 0.52;
    box-shadow: none;
}

.ui-action--loading,
.ui-action[aria-busy='true'] {
    pointer-events: none;
}

.ui-action:hover:not(:disabled) {
    transform: none;
}

.ui-action:active:not(:disabled) {
    transform: translateY(0);
}

.ui-action--primary:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 40%, var(--shell-line, #dddddd));
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--shell-surface, #ffffff) 84%, var(--shell-accent, #ff665f) 16%) 0%,
            color-mix(in srgb, var(--shell-surface, #ffffff) 76%, var(--shell-accent, #ff665f) 24%) 100%);
    box-shadow: none;
}

.ui-action--secondary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f0ec) 86%, transparent);
    box-shadow: none;
}

.ui-action--ghost:hover:not(:disabled) {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f0ec) 86%, transparent);
}

.ui-action__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-action--primary {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 34%, var(--shell-line, #dddddd));
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--shell-surface, #ffffff) 90%, var(--shell-accent, #ff665f) 10%) 0%,
            color-mix(in srgb, var(--shell-surface, #ffffff) 84%, var(--shell-accent, #ff665f) 16%) 100%);
    color: var(--shell-accent-strong, #a63b36);
    box-shadow: none;
}

.ui-action--secondary {
    border-color: var(--shell-line, #d8d4cd);
    background: color-mix(in srgb, var(--shell-surface-soft, #f5f3ef) 88%, var(--shell-surface, #ffffff) 12%);
    color: var(--shell-ink, #2f2f2f);
}

.ui-action--ghost {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: inherit;
}

.ui-action--link {
    text-decoration: none;
}

.ui-action__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
}

.ui-action__icon[class*='--']::before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-action__icon--bell::before {
    -webkit-mask-image: url("/images/icons/bootstrap/bell-fill.svg");
    mask-image: url("/images/icons/bootstrap/bell-fill.svg");
}

.ui-action__icon--settings::before {
    -webkit-mask-image: url("/images/icons/bootstrap/gear-fill.svg");
    mask-image: url("/images/icons/bootstrap/gear-fill.svg");
}

.ui-action__icon--shield::before {
    -webkit-mask-image: url("/images/icons/bootstrap/shield-lock-fill.svg");
    mask-image: url("/images/icons/bootstrap/shield-lock-fill.svg");
}

.ui-action__icon--user::before {
    -webkit-mask-image: url("/images/icons/bootstrap/person-circle.svg");
    mask-image: url("/images/icons/bootstrap/person-circle.svg");
}

.ui-action__icon--modules::before {
    -webkit-mask-image: url("/images/icons/bootstrap/grid-3x2-gap-fill.svg");
    mask-image: url("/images/icons/bootstrap/grid-3x2-gap-fill.svg");
}

.ui-action__icon--ai-agent::before {
    -webkit-mask-image: url("/images/icons/bootstrap/cpu-fill.svg");
    mask-image: url("/images/icons/bootstrap/cpu-fill.svg");
}

.ui-action__icon--clipboard::before {
    -webkit-mask-image: url("/images/icons/bootstrap/clipboard.svg");
    mask-image: url("/images/icons/bootstrap/clipboard.svg");
}

.ui-action__icon--share::before {
    -webkit-mask-image: url("/images/icons/bootstrap/share-fill.svg");
    mask-image: url("/images/icons/bootstrap/share-fill.svg");
}

.ui-action__icon--productivity::before {
    -webkit-mask-image: url("/images/icons/bootstrap/list-check.svg");
    mask-image: url("/images/icons/bootstrap/list-check.svg");
}
.ui-action__icon--signout::before {
    -webkit-mask-image: url("/images/icons/bootstrap/box-arrow-right.svg");
    mask-image: url("/images/icons/bootstrap/box-arrow-right.svg");
}

.ui-module-nav-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: var(--ui-radius, 10px);
    background: transparent;
    color: inherit;
    text-decoration: none;
    box-shadow: none;
}

.ui-module-nav-item--without-icon {
    grid-template-columns: minmax(0, 1fr) auto;
}

.ui-module-nav-item--without-trailing {
    grid-template-columns: auto minmax(0, 1fr);
}

.ui-module-nav-item--without-icon.ui-module-nav-item--without-trailing {
    grid-template-columns: minmax(0, 1fr);
}

.ui-module-nav-item:focus,
.ui-module-nav-item:focus-visible {
    outline: none;
}

.ui-module-nav-item:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 88%, transparent);
    transform: translateY(-1px);
}

.ui-module-nav-item.active,
.ui-module-nav-item--active {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 94%, transparent);
    color: var(--shell-accent-strong, #a63b36);
}

.ui-module-nav-item:active {
    transform: translateY(0);
}

.ui-module-nav-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.ui-module-nav-item__icon .ui-action__icon {
    width: 0.95rem;
    height: 0.95rem;
}

.ui-profile-chip__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: var(--ui-radius, 10px);
    background: linear-gradient(180deg, #f7f5f2 0%, #ebe7e1 100%);
    color: var(--shell-accent-strong, #a63b36);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.ui-module-nav-item__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.92rem;
    font-weight: 700;
}

.ui-module-nav-item__badge-slot {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 1.55rem;
}

.ui-module-nav-item__badge-placeholder {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 78%, transparent);
    opacity: 0.45;
}

.ui-filter-bar {
    position: relative;
    z-index: 1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 6px;
    width: 100%;
    padding: 2px 0;
    pointer-events: auto;
}

.ui-filter-bar__button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-height: 2.1rem;
    padding: 0.35rem 0.3rem;
    border: none;
    border-radius: var(--ui-radius-soft, 8px);
    background: transparent;
    color: var(--shell-muted, #756f67);
    box-shadow: none;
    cursor: pointer;
    pointer-events: auto;
}

.ui-filter-bar__button:hover:not(:disabled) {
    color: var(--shell-ink, #20242a);
}

.ui-filter-bar__button:focus-visible {
    outline: none;
}

.ui-filter-bar__button--selected {
    color: var(--shell-accent-strong, #a63b36);
}

.ui-filter-bar__button--selected::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform: translateX(-50%);
}

.ui-filter-bar__button:disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

.ui-filter-bar__button--icon-only {
    padding-inline: 0.4rem;
}

.ui-filter-bar__icon {
    width: 1rem;
    height: 1rem;
    color: currentColor;
}

.ui-filter-bar__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.76rem;
    font-weight: 700;
}

.shell--theme-dark .ui-filter-bar__button:hover:not(:disabled) {
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-filter-bar__button--selected {
    color: var(--shell-accent-strong, #ff8178);
}

.ui-data-grid {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
    min-height: 0;
}

.ui-data-grid__toolbar,
.ui-data-grid__empty {
    min-width: 0;
}

.ui-data-grid__scroll-shell {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--shell-line, #d9e1ea);
    border-radius: var(--ui-radius, 10px);
    background: var(--shell-surface, #ffffff);
}

.ui-data-grid__table {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.ui-data-grid__toggle-column {
    width: 3rem;
}

.ui-data-grid__head th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 0;
    border-bottom: 1px solid rgba(31, 38, 46, 0.1);
    background: #faf8f4;
    color: var(--shell-muted, #756f67);
    text-align: left;
    vertical-align: middle;
}

.ui-data-grid__toggle-header {
    width: 3rem;
    min-width: 3rem;
}

.ui-data-grid__header-copy,
.ui-data-grid__header-button {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.7rem 0.8rem;
    color: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.ui-data-grid__header-copy {
    cursor: default;
}

.ui-data-grid__header-button {
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.ui-data-grid__header-button:focus,
.ui-data-grid__header-button:focus-visible {
    outline: none;
}

.ui-data-grid__header-button:hover,
.ui-data-grid__header-button--sorted {
    color: var(--shell-ink, #20242a);
}

.ui-data-grid__sort-indicator,
.ui-data-grid__toggle-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 0.95rem;
    height: 0.95rem;
    color: currentColor;
}

.ui-data-grid__sort-indicator::before,
.ui-data-grid__toggle-icon::before {
    content: "";
    width: 0.95rem;
    height: 0.95rem;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-data-grid__sort-indicator::before {
    -webkit-mask-image: url("/images/icons/bootstrap/sort-down.svg");
    mask-image: url("/images/icons/bootstrap/sort-down.svg");
}

.ui-data-grid__sort-indicator--active.ui-data-grid__sort-indicator--ascending::before {
    -webkit-mask-image: url("/images/icons/bootstrap/sort-up.svg");
    mask-image: url("/images/icons/bootstrap/sort-up.svg");
}

.ui-data-grid__sort-indicator--active.ui-data-grid__sort-indicator--descending::before {
    -webkit-mask-image: url("/images/icons/bootstrap/sort-down.svg");
    mask-image: url("/images/icons/bootstrap/sort-down.svg");
}

.ui-data-grid__sort-indicator:not(.ui-data-grid__sort-indicator--active) {
    opacity: 0.4;
}

.ui-data-grid__body td {
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid rgba(31, 38, 46, 0.08);
    vertical-align: top;
    font-size: 0.86rem;
}

.ui-data-grid__body tr:last-child > td {
    border-bottom: none;
}

.ui-data-grid__cell-content {
    min-width: 0;
}

.ui-data-grid__toggle-cell {
    width: 3rem;
    min-width: 3rem;
    padding: 0.35rem 0.45rem;
    text-align: center;
}

.ui-data-grid__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(31, 38, 46, 0.12);
    border-radius: 999px;
    background: #ffffff;
    color: var(--shell-muted, #756f67);
    cursor: pointer;
}

.ui-data-grid__toggle:focus,
.ui-data-grid__toggle:focus-visible {
    outline: none;
}

.ui-data-grid__toggle:hover {
    color: var(--shell-accent-strong, #a63b36);
    border-color: rgba(216, 79, 73, 0.22);
}

.ui-data-grid__toggle-icon::before {
    -webkit-mask-image: url("/images/icons/bootstrap/chevron-right.svg");
    mask-image: url("/images/icons/bootstrap/chevron-right.svg");
    transition: transform 120ms ease;
}

.ui-data-grid__toggle[aria-expanded='true'] .ui-data-grid__toggle-icon::before {
    transform: rotate(90deg);
}

.ui-data-grid__detail-row > .ui-data-grid__detail-cell {
    padding: 0;
    background: #fcfbf8;
}

.ui-data-grid__detail-panel {
    padding: 0.9rem;
}

.ui-pagination-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.ui-pagination-bar__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    min-width: 0;
}

.ui-pagination-bar__summary-text {
    color: var(--shell-ink, #20242a);
    font-size: 0.86rem;
    font-weight: 700;
}

.ui-pagination-bar__page-label {
    color: var(--shell-muted, #756f67);
    font-size: 0.8rem;
    font-weight: 600;
}

.ui-pagination-bar__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.shell--theme-dark .ui-data-grid__scroll-shell {
    border-color: rgba(255, 248, 242, 0.12);
    background: var(--shell-surface, #2f3238);
}

.shell--theme-dark .ui-data-grid__head th,
.shell--theme-dark .ui-data-grid__detail-row > .ui-data-grid__detail-cell {
    background: color-mix(in srgb, var(--shell-surface, #2f3238) 88%, #1f232a 12%);
}

.shell--theme-dark .ui-data-grid__head th {
    border-bottom-color: rgba(255, 248, 242, 0.4);
}

.shell--theme-dark .ui-data-grid__header-button:hover,
.shell--theme-dark .ui-data-grid__header-button--sorted {
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-data-grid__toggle {
    border-color: rgba(255, 248, 242, 0.12);
    background: color-mix(in srgb, var(--shell-surface, #2f3238) 90%, #ffffff 10%);
}

.shell--theme-dark .ui-data-grid__body td {
    border-bottom-color: rgba(255, 248, 242, 0.08);
}
.ui-profile-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.35rem 0.6rem 0.35rem 0.35rem;
}

.ui-profile-chip__avatar--large {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: var(--ui-radius, 10px);
}

.ui-profile-chip__copy {
    display: grid;
    gap: 0.1rem;
}

.ui-profile-chip__copy strong,
.ui-surface-card__title,
.ui-notification-card__title,
.ui-empty-state__title,
.ui-panel-header h2 {
    margin: 0;
}

.ui-profile-chip__copy span,
.ui-surface-card__eyebrow,
.ui-surface-card__description,
.ui-notification-card__scope,
.ui-notification-card small,
.ui-empty-state p,
.ui-panel-header p,
.ui-status-banner span {
    color: var(--shell-muted, #756f67);
}

.ui-status-banner {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.65rem;
    font-family: var(--ui-font-family);
    font-size: 0.82rem;
}

.ui-status-banner--info {
    border-color: transparent;
    background: #efede9;
}

.ui-status-banner--warning {
    border-color: transparent;
    background: #f3f1ed;
}

.ui-status-banner--neutral {
    border-color: transparent;
    background: #f1f0ec;
}

.ui-notification-card,
.ui-empty-state,
.ui-surface-card {
    padding: 0.65rem;
}

.ui-notification-card--read {
    opacity: 0.68;
}

.ui-notification-card__scope,
.ui-surface-card__eyebrow {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.ui-notification-card p,
.ui-surface-card__description,
.ui-empty-state p,
.ui-panel-header p {
    margin: 0.25rem 0 0;
    line-height: 1.6;
}

.ui-empty-state {
    display: grid;
    gap: 0.25rem;
    text-align: left;
}

.ui-empty-state p {
    margin: 0;
}

.ui-empty-state--bare {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.ui-surface-card {
    display: grid;
    gap: 0.25rem;
    font-family: var(--ui-font-family);
}

.ui-surface-card--panel {
    background: var(--shell-surface, #ffffff);
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0.5rem;
}

.ui-surface-card--tinted {
    background: color-mix(in srgb, var(--shell-surface-soft, #f3f1ea) 82%, var(--shell-surface, #ffffff) 18%);
}

.shell--theme-dark .ui-surface-card--panel,
.shell--theme-dark .ui-surface-card--tinted {
    background: color-mix(in srgb, var(--shell-surface-soft, #25272b) 88%, transparent);
}

.ui-surface-card__body {
    display: grid;
    gap: 8px;
    margin-top: 0.25rem;
}

.ui-panel-header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 8px;
    font-family: var(--ui-font-family);
}

.ui-panel-header__copy {
    display: grid;
    gap: 0.25rem;
}

.shell__user-menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    width: 100%;
    min-width: 220px;
    z-index: 5;
}

.shell__user-menu-meta {
    display: grid;
    gap: 2px;
    margin-bottom: 6px;
}

.shell__user-menu-meta strong {
    margin: 0;
}

.shell__user-menu-meta span {
    color: var(--shell-muted, #756f67);
    font-size: 0.84rem;
}

.shell__drawer-empty,
.home__panel-card {
    width: 100%;
}

.shell__user-menu-action {
    width: 100%;
    justify-content: flex-start;
}

.home__button {
    justify-self: start;
}

.home__alert {
    margin-top: 1.25rem;
}

#blazor-error-ui {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    display: none;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 102, 95, 0.24);
    border-radius: var(--ui-radius, 10px);
    background: #f0eeea;
    color: #4f4943;
    box-shadow: 0 14px 36px rgba(26, 32, 44, 0.12);
}

#blazor-error-ui .dismiss,
#blazor-error-ui .reload {
    color: inherit;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
}




.ui-modal {
    position: fixed;
    inset: 0;
    z-index: var(--ui-z-modal, 40);
    display: grid;
    place-items: center;
    padding: 40px 24px;
    background: rgba(20, 20, 19, 0.46);
    backdrop-filter: blur(2px);
    animation: ui-modal-fade-in 120ms ease;
}

.ui-modal__dialog {
    display: flex;
    flex-direction: column;
    width: min(var(--ui-modal-width, 720px), calc(100vw - 48px));
    height: min(var(--ui-modal-height, 445px), calc(100dvh - 48px));
    max-width: calc(100vw - 48px);
    max-height: calc(100dvh - 48px);
    border: 1px solid var(--shell-line, #d9e1ea);
    border-radius: var(--ui-radius, 8px);
    background: var(--shell-surface, #ffffff);
    color: inherit;
    box-shadow: 0 22px 54px rgba(20, 20, 19, 0.22);
    font-family: var(--ui-font-family);
    overflow: hidden;
}

.ui-modal__dialog--fit-content {
    height: auto;
}

.ui-modal__dialog--fit-content .ui-modal__body {
    flex: 0 1 auto;
    overflow: auto;
}

.ui-modal__dialog--fit-content .ui-modal__body > * {
    flex: 0 1 auto;
}

.shell--theme-dark .ui-modal__dialog {
    background: var(--shell-surface, #202225);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.48);
}

.shell--theme-dark .ui-modal {
    background: rgba(0, 0, 0, 0.62);
}

.ui-modal__header,
.ui-modal__footer {
    padding: 10px 14px;
}

.ui-modal__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    min-height: 3.15rem;
    border-bottom: 1px solid var(--shell-line, #d9e1ea);
    background: var(--shell-surface, #ffffff);
}

.ui-modal__header-copy {
    min-width: 0;
}

.ui-modal__header-trailing {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.ui-modal__header h2 {
    margin: 0;
    overflow: hidden;
    color: var(--shell-ink, #20242a);
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-modal__header p {
    margin: 3px 0 0;
    overflow: hidden;
    color: var(--shell-muted, #756f67);
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .ui-modal__header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .ui-modal__header-copy {
        grid-column: 1;
        grid-row: 1;
    }

    .ui-modal__close {
        grid-column: 2;
        grid-row: 1;
    }

    .ui-modal__header-trailing {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
        overflow: hidden;
    }
}

.ui-modal__close {
    margin-bottom: 0;
    min-width: 1.9rem;
    min-height: 1.9rem;
    padding: 0.38rem;
}

.ui-modal__body {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 16px 18px;
    background: var(--shell-surface, #ffffff);
}

.ui-modal__body > * {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}

.ui-modal__footer {
    border-top: 1px solid var(--shell-line, #d9e1ea);
    background: var(--shell-surface, #ffffff);
}

.ui-dialog-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
    min-width: 0;
}

.ui-dialog-actions__button {
    min-width: 96px;
    justify-content: center;
}

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

    to {
        opacity: 1;
    }
}

.ui-select {
    position: relative;
    min-width: 0;
}

.ui-field-block {
    display: grid;
    gap: 5px;
    font-family: var(--ui-font-family);
}

.ui-field-block__header {
    display: grid;
    gap: 2px;
}

.ui-field-block__header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ui-field-block__label-row {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.ui-field-block__header-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.ui-file-picker {
    display: grid;
    gap: 8px;
}

.ui-file-picker__trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    min-height: 38px;
    width: fit-content;
    padding: 8px 14px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: var(--ui-radius, 10px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 97%, transparent);
    color: var(--shell-ink, #20242a);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.ui-file-picker__trigger--dropzone {
    width: 100%;
    min-height: 7.5rem;
    padding: 18px;
    border-style: dashed;
    border-width: 1.5px;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--shell-surface, #ffffff) 92%, var(--shell-accent, #ff665f) 8%) 0%,
            color-mix(in srgb, var(--shell-surface-soft, #f2f0ec) 94%, var(--shell-accent, #ff665f) 6%) 100%);
}

.ui-file-picker__trigger-label {
    font-weight: 800;
    line-height: 1.2;
}

.ui-file-picker__trigger-hint {
    color: var(--shell-muted, #756f67);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.ui-file-picker__trigger:hover {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 22%, var(--shell-line, #dddddd));
    background: color-mix(in srgb, var(--shell-accent-soft, #fff4f2) 45%, var(--shell-surface, #ffffff));
}

.ui-file-picker__trigger--disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.ui-file-picker__trigger--disabled .ui-file-picker__input {
    cursor: not-allowed;
}

.ui-file-picker__input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip: auto;
    white-space: nowrap;
    border: 0;
    opacity: 0;
    cursor: pointer;
}

.ui-file-picker__hint {
    margin: 0;
    color: var(--shell-muted, #756f67);
    font-size: 0.9rem;
}

.ui-field-block__label {
    color: var(--shell-ink, #20242a);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.15;
}

.ui-field-block__required {
    margin-left: 0.2rem;
    color: var(--shell-accent-strong, #a63b36);
}

.ui-field-block__hint {
    margin: 0;
    color: var(--shell-muted, #756f67);
    font-size: 0.76rem;
    line-height: 1.35;
}

.ui-field-block__hint-icon {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.ui-field-block__supporting {
    margin: 0;
    color: var(--shell-muted, #756f67);
    font-size: 0.74rem;
    line-height: 1.4;
}

.ui-help-popover {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 0;
    isolation: isolate;
    z-index: 0;
}

.ui-help-popover--open {
    z-index: var(--ui-z-floating, 360);
}

.ui-help-popover__trigger {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: color-mix(in srgb, var(--shell-muted, #756f67) 82%, var(--shell-ink, #20242a) 18%);
    cursor: help;
}

.ui-help-popover__trigger:hover,
.ui-help-popover__trigger:active,
.ui-help-popover__trigger:focus,
.ui-help-popover__trigger:focus-visible {
    transform: none;
    background: transparent;
    box-shadow: none;
    color: var(--shell-accent-strong, #a63b36);
    outline: none;
}

.ui-help-popover__body {
    display: grid;
    gap: 8px;
}

.ui-help-popover__body p,
.ui-help-popover__body ol,
.ui-help-popover__body ul {
    margin: 0;
}

.ui-help-popover__body ol,
.ui-help-popover__body ul {
    padding-left: 1rem;
}

.ui-help-popover__surface {
    border-color: color-mix(in srgb, #ffffff 72%, var(--shell-line, #e8dfd4) 28%);
}

.ui-disclosure {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.ui-disclosure__toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.ui-disclosure__toggle:focus,
.ui-disclosure__toggle:focus-visible {
    outline: none;
}

.ui-disclosure__copy {
    display: grid;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}

.ui-disclosure__title {
    color: var(--shell-ink, #20242a);
    font-size: 0.94rem;
    font-weight: 700;
}

.ui-disclosure__description {
    color: var(--shell-muted, #756f67);
    font-size: 0.85rem;
}

.ui-disclosure__chevron {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    color: var(--shell-muted, #756f67);
    transition: transform 120ms ease, color 120ms ease;
}

.ui-disclosure__chevron::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: currentcolor;
    -webkit-mask-image: url("/images/icons/bootstrap/chevron-down.svg");
    mask-image: url("/images/icons/bootstrap/chevron-down.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-disclosure--open .ui-disclosure__chevron {
    color: var(--shell-accent-strong, #a63b36);
    transform: rotate(180deg);
}

.ui-disclosure__body {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.ui-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 0;
    isolation: isolate;
    z-index: 0;
}

.ui-tooltip--open {
    z-index: var(--ui-z-tooltip, 420);
}

.ui-tooltip__trigger-content {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    width: auto;
    max-width: 100%;
}

.ui-tooltip__trigger {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: color-mix(in srgb, var(--shell-muted, #756f67) 82%, var(--shell-ink, #20242a) 18%);
    cursor: help;
}

.ui-tooltip__trigger:hover,
.ui-tooltip__trigger:active {
    transform: none;
    background: transparent;
    box-shadow: none;
    color: var(--shell-accent-strong, #a63b36);
}

.ui-tooltip__trigger:focus,
.ui-tooltip__trigger:focus-visible,
.ui-field-block__hint-icon:focus,
.ui-field-block__hint-icon:focus-visible {
    outline: none;
}

.ui-tooltip__bubble {
    position: fixed;
    top: var(--ui-floating-top, 0);
    left: var(--ui-floating-left, 0);
    z-index: var(--ui-z-tooltip, 420);
    width: fit-content;
    max-width: min(16rem, calc(100vw - 2rem));
    padding: 5px 8px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: 6px;
    background: var(--shell-surface, #ffffff);
    color: var(--shell-ink, #20242a);
    box-shadow: 0 8px 18px rgba(31, 31, 27, 0.1);
    font-size: 0.74rem;
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
    text-align: left;
    overflow-wrap: break-word;
    max-height: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-2px);
    transition:
        opacity 120ms ease,
        transform 120ms ease,
        visibility 0s linear 120ms;
}

.ui-tooltip__bubble::before {
    content: none;
}

.ui-tooltip[data-ui-floating-horizontal="end"] .ui-tooltip__bubble {
    transform-origin: top right;
}

.ui-tooltip[data-ui-floating-horizontal="end"] .ui-tooltip__bubble::before {
    left: var(--ui-tooltip-arrow-offset, 12px);
    right: auto;
}

.ui-tooltip[data-ui-floating-vertical="top"] .ui-tooltip__bubble {
    transform: translateY(2px);
}

.ui-tooltip--open .ui-tooltip__bubble {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 35ms, 35ms, 0s;
}

.shell--theme-dark .ui-tooltip__trigger {
    color: color-mix(in srgb, var(--shell-muted, #a6afbb) 78%, var(--shell-ink, #f5efe7) 22%);
}

.shell--theme-dark .ui-tooltip__trigger:hover,
.shell--theme-dark .ui-tooltip__trigger:active {
    color: color-mix(in srgb, var(--shell-accent, #ff665f) 86%, #ffe3dc 14%);
}

.shell--theme-dark .ui-tooltip__bubble {
    border-color: var(--shell-line, #464b52);
    background: var(--shell-surface, #25282d);
    color: var(--shell-ink, #f5efe7);
    box-shadow: 0 10px 22px rgba(4, 7, 12, 0.32);
}

@media (max-width: 760px) {
    .ui-tooltip__bubble {
        max-width: min(15.5rem, calc(100vw - 1.5rem));
        transform: translateY(-2px);
    }

    .ui-tooltip--open .ui-tooltip__bubble {
        transform: translateY(0);
    }
}

.ui-action__tooltip,
.ui-filter-bar__tooltip {
    display: flex;
    width: 100%;
}

.ui-action__tooltip--icon-only,
.ui-action__tooltip:has(.ui-action--icon-only),
.ui-filter-bar__tooltip:has(> .ui-filter-bar__button--icon-only) {
    display: inline-flex;
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto;
}

.ui-action__tooltip--icon-only > .ui-tooltip__trigger-content {
    display: inline-flex;
    width: auto;
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
}

.ui-step-navigator__tooltip {
    display: inline-flex;
}

.ui-field-block__control {
    min-width: 0;
}

.ui-select,
.ui-combobox {
    position: relative;
    min-width: 0;
}

.ui-select--open,
.ui-combobox--open {
    z-index: var(--ui-z-floating, 360);
}

.ui-select__trigger,
.ui-select__native {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 34px;
    padding: 6px 34px 6px 10px;
    border: 1px solid var(--shell-line, #d9e1ea);
    border-radius: var(--ui-radius-soft, 6px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 96%, transparent);
    color: inherit;
    box-shadow: none;
    font-family: var(--ui-font-family);
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.25;
}

.ui-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    cursor: pointer;
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        box-shadow 120ms ease;
}

.ui-select__native {
    cursor: pointer;
}

.ui-select__trigger:hover:not(:disabled),
.ui-select__trigger--open {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 18%, var(--shell-line, #d9e1ea));
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 92%, var(--shell-accent-soft, #fff4f2) 8%);
}

.ui-select__trigger:disabled,
.ui-select__native:disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

.ui-select__trigger:focus,
.ui-select__trigger:focus-visible,
.ui-select__native:focus,
.ui-select__native:focus-visible {
    outline: none;
}

.ui-select__value {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

.ui-select__value-label,
.ui-select__option-label {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-select__value-label--placeholder,
.ui-select__option-label--placeholder {
    color: var(--shell-muted, #756f67);
}

.ui-select__menu {
    position: fixed;
    top: var(--ui-floating-top, 0);
    left: var(--ui-floating-left, 0);
    right: auto;
    z-index: var(--ui-z-floating, 360);
    width: var(--ui-floating-width, auto);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px) scale(0.985);
    transform-origin: top center;
    transition:
        opacity 120ms ease,
        transform 120ms ease,
        visibility 0s linear 120ms;
}

.ui-select[data-ui-floating-vertical="top"] .ui-select__menu,
.ui-icon-select[data-ui-floating-vertical="top"] .ui-select__menu {
    transform: translateY(6px) scale(0.985);
}

.ui-select__menu--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition-delay: 0s, 0s, 0s;
}

.ui-select__menu-surface {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: min(18rem, var(--ui-floating-max-height, calc(100vh - 8rem)));
    border: 1px solid var(--shell-line, #e8dfd4);
    border-radius: var(--ui-radius-soft, 6px);
    background: var(--shell-surface, #ffffff);
    box-shadow: 0 12px 28px rgba(20, 20, 19, 0.12);
    overscroll-behavior: contain;
}

.ui-select__empty {
    margin: 0;
    padding: 8px 10px;
    color: var(--shell-muted, #756f67);
    font-size: 0.78rem;
}

.ui-select__option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-family: var(--ui-font-family);
    font-size: 0.82rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.ui-select__option + .ui-select__option {
    border-top: 1px solid color-mix(in srgb, var(--shell-line, #d9e1ea) 78%, transparent);
}

.ui-select__option:hover,
.ui-select__option:focus-visible,
.ui-select__option--active {
    outline: none;
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 78%, var(--shell-accent-soft, #fff4f2) 22%);
}

.ui-select__option--disabled {
    cursor: not-allowed;
    color: var(--shell-muted, #756f67);
    opacity: 0.72;
}

.ui-select__option--disabled:hover,
.ui-select__option--disabled:focus-visible,
.ui-select__option--disabled.ui-select__option--active {
    background: transparent;
}

.ui-select__option--selected {
    color: var(--shell-accent-strong, #a63b36);
}

.ui-select__option-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ui-select__option-secondary {
    display: block;
    color: var(--shell-muted, #756f67);
    font-size: 0.74rem;
}

.ui-select__chevron,
.ui-select__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    color: var(--shell-muted, #756f67);
}

.ui-select__chevron {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(0deg);
    pointer-events: none;
    transition: transform 120ms ease, color 120ms ease;
}

.ui-select--open .ui-select__chevron {
    color: var(--shell-accent-strong, #a63b36);
    transform: translateY(-50%) rotate(180deg);
}

.ui-select__chevron::before,
.ui-select__check::before {
    -webkit-mask-image: url("/images/icons/bootstrap/check-lg.svg");
    mask-image: url("/images/icons/bootstrap/check-lg.svg");
}

.ui-select__check {
    opacity: 0;
    transition: opacity 120ms ease;
}

.ui-select__option--selected .ui-select__check {
    opacity: 1;
}

.ui-combobox__control {
    position: relative;
}

.ui-combobox__input {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 42px;
    padding: 6px 38px 6px 12px;
    border: 1px solid var(--shell-line, #d9e1ea);
    border-radius: var(--ui-radius, 10px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 94%, transparent);
    color: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    font-size: 0.95rem;
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        box-shadow 120ms ease;
}

.ui-combobox__input::placeholder {
    color: var(--shell-muted, #756f67);
}

.ui-combobox__input:hover:not(:disabled),
.ui-combobox--open .ui-combobox__input {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 18%, var(--shell-line, #d9e1ea));
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 90%, var(--shell-accent-soft, #fff4f2) 10%);
}

.ui-combobox__input:focus,
.ui-combobox__input:focus-visible {
    outline: none;
}

.ui-combobox__input:disabled,
.ui-combobox__toggle:disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

.ui-combobox__toggle {
    position: absolute;
    top: 50%;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--shell-muted, #756f67);
    transform: translateY(-50%);
    box-shadow: none;
}

.ui-combobox__toggle::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: currentcolor;
    -webkit-mask-image: url("/images/icons/bootstrap/chevron-down.svg");
    mask-image: url("/images/icons/bootstrap/chevron-down.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-combobox__menu {
    position: fixed;
    top: var(--ui-floating-top, 0);
    left: var(--ui-floating-left, 0);
    right: auto;
    z-index: var(--ui-z-floating, 360);
    width: var(--ui-floating-width, auto);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px) scale(0.985);
    transform-origin: top center;
    transition:
        opacity 120ms ease,
        transform 120ms ease,
        visibility 0s linear 120ms;
}

.ui-combobox[data-ui-floating-vertical="top"] .ui-combobox__menu {
    transform: translateY(6px) scale(0.985);
}

.ui-combobox__menu--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition-delay: 0s, 0s, 0s;
}

.ui-combobox__menu-surface {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: min(18rem, var(--ui-floating-max-height, calc(100vh - 8rem)));
    border: 1px solid var(--shell-line, #e8dfd4);
    border-radius: calc(var(--ui-radius, 10px) + 2px);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--shell-surface, #ffffff) 98%, #fbf4ee 2%) 0%,
            color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 95%, #efe3d7 5%) 100%);
    box-shadow: 0 18px 34px rgba(27, 33, 45, 0.14);
    overscroll-behavior: contain;
}

.ui-combobox__empty,
.ui-combobox__option {
    width: 100%;
    padding: 10px 12px;
}

.ui-combobox__empty {
    color: var(--shell-muted, #756f67);
    font-size: 0.9rem;
}

.ui-combobox__option {
    display: grid;
    gap: 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.ui-combobox__option + .ui-combobox__option {
    border-top: 1px solid color-mix(in srgb, var(--shell-line, #d9e1ea) 78%, transparent);
}

.ui-combobox__option:hover,
.ui-combobox__option:focus-visible,
.ui-combobox__option--active {
    outline: none;
    background: color-mix(in srgb, var(--shell-accent-soft, #fff4f2) 62%, var(--shell-surface, #ffffff));
}

.ui-combobox__option--selected {
    color: var(--shell-accent-strong, #a63b36);
}

.ui-combobox__option-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ui-combobox__option-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.ui-combobox__option-secondary {
    color: var(--shell-muted, #756f67);
    font-size: 0.82rem;
}

.ui-icon-select {
    width: auto;
}

.ui-icon-select__trigger {
    width: 3.25rem;
    min-width: 3.25rem;
    padding: 0.55rem 1.95rem 0.55rem 0.85rem;
    justify-content: flex-start;
}

.ui-icon-select--ghost-trigger .ui-icon-select__trigger {
    width: 2.35rem;
    min-width: 2.35rem;
    padding: 0.45rem;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.ui-icon-select--ghost-trigger .ui-select__trigger:hover:not(:disabled),
.ui-icon-select--ghost-trigger .ui-select__trigger--open {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.ui-icon-select--ghost-trigger .ui-select__chevron {
    display: none;
}

.ui-icon-select__menu {
    width: var(--ui-floating-width, auto);
}

.ui-icon-select[data-ui-floating-horizontal="start"] .ui-select__menu {
    transform-origin: top left;
}

.ui-icon-select[data-ui-floating-horizontal="end"] .ui-select__menu {
    transform-origin: top right;
}

.ui-icon-select--open-upward .ui-select__menu {
    transform-origin: bottom right;
}

.ui-icon-select[data-ui-floating-vertical="top"] .ui-select__menu {
    transform-origin: bottom right;
}

.ui-icon-select[data-ui-floating-vertical="top"][data-ui-floating-horizontal="start"] .ui-select__menu {
    transform-origin: bottom left;
}

.ui-icon-select[data-ui-floating-horizontal="start"] .ui-select__menu {
    transform-origin: top left;
}

.ui-icon-select__menu-surface {
    min-width: 9.75rem;
}

.ui-icon-select__option.ui-select__option--selected {
    color: inherit;
}

.ui-icon-select__option.ui-select__option--selected .ui-select__check {
    color: var(--shell-accent-strong, #a63b36);
}

.ui-icon-select__option-copy {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ui-icon-select__option-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.ui-icon-select__glyph {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
}

.ui-icon-select__glyph--neutral {
    color: #8b847a;
}

.ui-icon-select__glyph--info {
    color: #4f7cff;
}

.ui-icon-select__glyph--warning {
    color: #8a5a06;
}

.ui-icon-select__glyph--danger {
    color: #d84f49;
}

.ui-star-rating {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ui-star-rating--disabled {
    opacity: 0.68;
}

.ui-star-rating__star-shell {
    position: relative;
    display: inline-flex;
    width: 1.2rem;
    height: 1.2rem;
    flex: 0 0 1.2rem;
}

.ui-star-rating__star {
    position: absolute;
    inset: 0;
}

.ui-star-rating__star::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-star-rating__star--base {
    color: color-mix(in srgb, var(--shell-line, #d9e1ea) 84%, transparent);
}

.ui-star-rating__star--base::before {
    -webkit-mask-image: url("/images/icons/bootstrap/star.svg");
    mask-image: url("/images/icons/bootstrap/star.svg");
}

.ui-star-rating__star--fill {
    width: 100%;
    overflow: hidden;
    clip-path: inset(0 calc(100% - var(--ui-star-fill, 0%)) 0 0);
    -webkit-clip-path: inset(0 calc(100% - var(--ui-star-fill, 0%)) 0 0);
    color: var(--shell-accent-strong, #a63b36);
}

.ui-star-rating__star--fill::before {
    -webkit-mask-image: url("/images/icons/bootstrap/star-fill.svg");
    mask-image: url("/images/icons/bootstrap/star-fill.svg");
}

.ui-star-rating__hit {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.ui-star-rating__hit:disabled {
    cursor: not-allowed;
}

.ui-star-rating__hit--left {
    left: 0;
}

.ui-star-rating__hit--right {
    right: 0;
}

.ui-star-rating__value {
    color: var(--shell-muted, #756f67);
    font-size: 0.88rem;
    font-weight: 600;
    white-space: nowrap;
}

.ui-select__chevron::before {
    -webkit-mask-image: url("/images/icons/bootstrap/chevron-down.svg");
    mask-image: url("/images/icons/bootstrap/chevron-down.svg");
}

.ui-select__check::before {
    -webkit-mask-image: url("/images/icons/bootstrap/check-lg.svg");
    mask-image: url("/images/icons/bootstrap/check-lg.svg");
}

.ui-input,
.ui-textarea {
    width: 100%;
    min-width: 0;
    padding: 7px 10px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: var(--ui-radius-soft, 6px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 96%, transparent);
    color: inherit;
    box-shadow: none;
    font-family: var(--ui-font-family);
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.35;
}

.ui-input {
    min-height: 34px;
}

.ui-textarea {
    min-height: 76px;
    resize: vertical;
}

.ui-markdown-viewer {
    width: 100%;
    min-width: 0;
    min-height: 96px;
    padding: 10px 12px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: var(--ui-radius, 10px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 94%, transparent);
    color: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    overflow: auto;
}

.ui-markdown-viewer:focus,
.ui-markdown-viewer:focus-visible {
    outline: none;
}

.ui-markdown-viewer > :first-child {
    margin-top: 0;
}

.ui-markdown-viewer > :last-child {
    margin-bottom: 0;
}

.ui-markdown-viewer p,
.ui-markdown-viewer ul,
.ui-markdown-viewer ol,
.ui-markdown-viewer blockquote,
.ui-markdown-viewer pre,
.ui-markdown-viewer table {
    margin: 0 0 10px;
}

.ui-markdown-viewer h1,
.ui-markdown-viewer h2,
.ui-markdown-viewer h3,
.ui-markdown-viewer h4,
.ui-markdown-viewer h5,
.ui-markdown-viewer h6 {
    margin: 0 0 10px;
    line-height: 1.25;
}

.ui-markdown-viewer h1 {
    font-size: 1.35rem;
}

.ui-markdown-viewer h2 {
    font-size: 1.18rem;
}

.ui-markdown-viewer h3,
.ui-markdown-viewer h4,
.ui-markdown-viewer h5,
.ui-markdown-viewer h6 {
    font-size: 1rem;
}

.ui-markdown-viewer ul,
.ui-markdown-viewer ol {
    padding-left: 1.25rem;
}

.ui-markdown-viewer li + li {
    margin-top: 4px;
}

.ui-markdown-viewer blockquote {
    padding-left: 10px;
    border-left: 3px solid color-mix(in srgb, var(--shell-accent, #ff665f) 34%, var(--shell-line, #dddddd));
    color: var(--shell-muted, #756f67);
}

.ui-markdown-viewer pre {
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--shell-line, #dddddd) 82%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--shell-ink, #20242a) 6%, var(--shell-surface, #ffffff));
    overflow: auto;
}

.ui-markdown-viewer code {
    font: 0.88em/1.45 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
}

.ui-markdown-viewer :not(pre) > code {
    padding: 1px 4px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--shell-ink, #20242a) 8%, transparent);
}

.ui-markdown-viewer table {
    display: block;
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow-x: auto;
}

.ui-markdown-viewer th,
.ui-markdown-viewer td {
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--shell-line, #dddddd) 86%, transparent);
    text-align: left;
    vertical-align: top;
}

.ui-markdown-viewer th {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 88%, transparent);
    font-weight: 800;
}

.ui-markdown-viewer a {
    color: var(--shell-accent-strong, #d84f49);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ui-markdown-viewer__placeholder {
    color: var(--shell-muted, #756f67);
}

.ui-mermaid-viewer {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-self: stretch;
    justify-self: stretch;
    gap: 8px;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 96px;
    max-height: 100%;
    padding: 10px 12px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: var(--ui-radius, 10px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 94%, transparent);
    color: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    overflow: hidden;
}

.ui-mermaid-viewer:focus,
.ui-mermaid-viewer:focus-visible {
    outline: none;
}

.ui-mermaid-viewer__toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-width: 0;
}

.ui-mermaid-viewer__action.ui-action {
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.ui-mermaid-viewer__zoom {
    min-width: 42px;
    color: var(--shell-muted, #756f67);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.ui-mermaid-viewer__move-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--shell-muted, #756f67);
}

.ui-mermaid-viewer__move-hint::before {
    content: "";
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: url("/images/icons/bootstrap/arrows-move.svg") center / contain no-repeat;
    mask: url("/images/icons/bootstrap/arrows-move.svg") center / contain no-repeat;
}

.ui-mermaid-viewer__viewport {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    cursor: grab;
    scrollbar-gutter: stable;
    touch-action: none;
}

.ui-mermaid-viewer__viewport--panning {
    cursor: grabbing;
    user-select: none;
}

.ui-mermaid-viewer__diagram {
    display: grid;
    place-items: start center;
    width: max-content;
    min-width: 100%;
    min-height: 100%;
    box-sizing: content-box;
}

.ui-mermaid-viewer__diagram svg {
    display: block;
    max-width: none;
}

.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable {
    cursor: pointer;
}

.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable > rect,
.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable > polygon,
.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable > path {
    transition: filter 140ms ease, stroke-width 140ms ease;
}

.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable:hover > rect,
.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable:hover > polygon,
.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable:hover > path,
.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable:focus-visible > rect,
.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable:focus-visible > polygon,
.ui-mermaid-viewer__diagram .ui-mermaid-viewer__node--selectable:focus-visible > path {
    filter: drop-shadow(0 0 0.35rem color-mix(in srgb, var(--accent, #ff665f) 30%, transparent));
    stroke-width: 2px;
}

.ui-mermaid-viewer__fallback {
    max-width: 100%;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--shell-line, #dddddd) 82%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--shell-ink, #20242a) 6%, var(--shell-surface, #ffffff));
    overflow: auto;
}

.ui-mermaid-viewer__fallback code {
    font: 0.88em/1.45 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
}

.ui-mermaid-viewer__placeholder {
    margin: 0;
    color: var(--shell-muted, #756f67);
}

.ui-prompt-composer {
    display: grid;
    grid-template-rows: auto auto;
    gap: 6px;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: 18px;
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 92%, var(--shell-surface-soft, #f2f0ec) 8%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.ui-prompt-composer__input,
.ui-prompt-composer__bar,
.ui-prompt-composer__tools {
    min-width: 0;
}

.ui-prompt-composer__textarea.ui-textarea {
    min-height: 3.25rem;
    max-height: 12rem;
    padding: 8px 10px;
    border: 0;
    background: transparent;
    box-shadow: none;
    resize: none;
    overflow-y: hidden;
}

.ui-prompt-composer__textarea.ui-textarea:focus,
.ui-prompt-composer__textarea.ui-textarea:focus-visible {
    outline: none;
}

.ui-prompt-composer__bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ui-prompt-composer__tools {
    display: inline-flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
}

.ui-prompt-composer__tools .ui-tooltip,
.ui-prompt-composer__tools .ui-tooltip__trigger-content {
    display: inline-flex;
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
}

.ui-prompt-composer__tools .ui-icon-select .ui-icon-select__trigger {
    width: 2.35rem;
    min-width: 2.35rem;
    min-height: 2.35rem;
    padding: 0.45rem;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.ui-prompt-composer__tools .ui-icon-select .ui-icon-select__trigger:hover:not(:disabled),
.ui-prompt-composer__tools .ui-icon-select .ui-icon-select__trigger.ui-select__trigger--open {
    border-color: transparent;
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f0ec) 78%, transparent);
    box-shadow: none;
}

.ui-prompt-composer__tools .ui-icon-select .ui-icon-select__glyph {
    width: 1rem;
    height: 1rem;
}

.ui-prompt-composer__send.ui-action {
    flex: 0 0 auto;
    border-radius: 999px;
}

.ui-ai-chat-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 0;
    min-width: 0;
}

.ui-ai-chat-panel__header {
    min-width: 0;
}

.ui-ai-chat-panel__messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    padding: 2px;
}

.ui-ai-chat-panel__empty {
    margin: 0;
    color: var(--shell-muted, #756f67);
    font-size: 0.86rem;
}

.ui-ai-chat-panel__message {
    display: grid;
    gap: 4px;
    max-width: min(42rem, 92%);
    padding: 10px 12px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: 8px;
    background: var(--shell-surface, #ffffff);
}

.ui-ai-chat-panel__message--user {
    align-self: flex-end;
    background: color-mix(in srgb, var(--shell-accent, #d66300) 9%, var(--shell-surface, #ffffff));
}

.ui-ai-chat-panel__message--assistant,
.ui-ai-chat-panel__message--system,
.ui-ai-chat-panel__message--tool {
    align-self: flex-start;
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f0ec) 72%, var(--shell-surface, #ffffff));
}

.ui-ai-chat-panel__message-label {
    color: var(--shell-muted, #756f67);
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ui-ai-chat-panel__message-body {
    min-width: 0;
    color: var(--shell-ink, #2f2f2f);
    font-size: 0.9rem;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.ui-ai-chat-panel__composer {
    min-width: 0;
}

.ui-ai-chat-panel__model-select {
    min-width: min(13rem, 100%);
}

.ui-ai-chat-panel__model-select .ui-select__menu-surface {
    min-width: min(20rem, calc(100vw - 24px));
}

.ui-ai-chat-panel__model-select .ui-select__trigger {
    min-height: 30px;
    padding: 4px 26px 4px 8px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.ui-ai-chat-panel__model-select .ui-select__trigger:hover:not(:disabled),
.ui-ai-chat-panel__model-select .ui-select__trigger--open {
    border-color: transparent;
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f0ec) 74%, transparent);
    box-shadow: none;
}

.ui-ai-chat-panel__model-select .ui-select__value-label {
    font-size: 0.78rem;
    font-weight: 650;
}

.ui-ai-chat-panel__model-select .ui-select__chevron {
    right: 8px;
}

.ui-ai-chat-panel__busy {
    align-self: center;
    color: var(--shell-muted, #756f67);
    font-size: 0.78rem;
}

.ui-input:focus,
.ui-textarea:focus,
.ui-checkbox__native:focus,
.ui-radio-group__native:focus {
    outline: none;
}

.ui-input:disabled,
.ui-textarea:disabled,
.ui-radio-group:disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

.ui-input:focus-visible,
.ui-textarea:focus-visible,
.ui-checkbox__native:focus-visible,
.ui-radio-group__native:focus-visible {
    outline: none;
}

.ui-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ui-checkbox__content {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ui-checkbox__native {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--shell-accent, #ff665f);
}

.ui-checkbox__label {
    color: inherit;
}

.ui-checkbox__badge {
    margin-left: 0;
}

.ui-checklist {
    display: grid;
    gap: 10px;
}

.ui-checklist__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: var(--ui-radius, 10px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 94%, transparent);
}

.ui-checklist__item--with-icon {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.ui-checklist__leading-icon {
    display: inline-grid;
    place-items: center;
    align-self: start;
    width: 1.55rem;
    height: 1.55rem;
    margin-top: 1px;
    border: 1px solid color-mix(in srgb, var(--shell-line, #dddddd) 82%, transparent);
    border-radius: 6px;
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f0ec) 86%, transparent);
    color: var(--shell-muted, #756f67);
}

.ui-checklist__leading-icon .ui-action__icon {
    width: 0.82rem;
    height: 0.82rem;
}

.ui-checklist__body {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.ui-checklist__checkbox {
    min-width: 0;
}

.ui-checklist__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: nowrap;
}

.ui-checklist__actions > .ui-tooltip,
.ui-checklist__actions > .ui-action__tooltip {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    flex: 0 0 auto;
}

.ui-checklist__actions .ui-tooltip__trigger-content {
    display: inline-flex;
    width: auto;
    max-width: 100%;
}

.ui-checklist__action {
    margin-bottom: 0;
}

.ui-checklist__meta,
.ui-checklist__empty {
    color: var(--shell-muted, #756f67);
    font-size: 0.86rem;
}

.ui-checklist__empty {
    margin: 0;
}

.ui-radio-group {
    margin: 0;
    padding: 0;
    min-width: 0;
    border: 0;
}

.ui-radio-group__legend {
    margin: 0 0 6px;
    padding: 0;
    font-weight: 600;
    font-size: 0.95rem;
}

.ui-radio-group__options {
    display: grid;
    gap: 8px;
}

.ui-radio-group__option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: var(--ui-radius, 10px);
    background: color-mix(in srgb, var(--shell-surface, #ffffff) 94%, transparent);
    cursor: pointer;
}

.ui-radio-group__native {
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
    accent-color: var(--shell-accent, #ff665f);
}

.ui-radio-group__copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.ui-radio-group__copy strong {
    color: var(--shell-ink, #20242a);
}

.ui-radio-group__copy span {
    color: var(--shell-muted, #756f67);
    font-size: 0.9rem;
}

.shell--theme-dark .ui-input,
.shell--theme-dark .ui-textarea,
.shell--theme-dark .ui-markdown-viewer,
.shell--theme-dark .ui-mermaid-viewer,
.shell--theme-dark .ui-radio-group__option,
.shell--theme-dark .ui-checklist__item {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 92%, transparent);
    box-shadow: none;
}

.shell--theme-dark .ui-markdown-viewer blockquote {
    border-left-color: color-mix(in srgb, var(--shell-accent, #ff665f) 44%, var(--shell-line, #4b5563));
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-markdown-viewer pre {
    border-color: rgba(255, 248, 242, 0.18);
    background: color-mix(in srgb, var(--shell-surface, #1f232b) 88%, #05070a 12%);
}

.shell--theme-dark .ui-mermaid-viewer__fallback {
    border-color: rgba(255, 248, 242, 0.18);
    background: color-mix(in srgb, var(--shell-surface, #1f232b) 88%, #05070a 12%);
}

.shell--theme-dark .ui-markdown-viewer :not(pre) > code {
    background: color-mix(in srgb, var(--shell-surface, #1f232b) 72%, #ffffff 8%);
}

.shell--theme-dark .ui-markdown-viewer th {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 82%, #ffffff 6%);
}

.shell--theme-dark .ui-markdown-viewer__placeholder,
.shell--theme-dark .ui-mermaid-viewer__placeholder {
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-prompt-composer {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 92%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.shell--theme-dark .ui-prompt-composer__textarea.ui-textarea {
    color: var(--shell-ink, #f2f2f2);
    background: transparent;
    box-shadow: none;
}

.shell--theme-dark .ui-ai-chat-panel__message {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 88%, transparent);
    background: var(--shell-surface, #25282d);
}

.shell--theme-dark .ui-ai-chat-panel__message--user {
    background: color-mix(in srgb, var(--shell-accent, #ff665f) 16%, var(--shell-surface, #25282d));
}

.shell--theme-dark .ui-ai-chat-panel__message--assistant,
.shell--theme-dark .ui-ai-chat-panel__message--system,
.shell--theme-dark .ui-ai-chat-panel__message--tool {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 90%, transparent);
}
.shell--theme-dark .ui-action--primary {
    background: linear-gradient(180deg, rgba(255, 102, 95, 0.22) 0%, rgba(255, 102, 95, 0.14) 100%);
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-action--primary:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(255, 102, 95, 0.28) 0%, rgba(255, 102, 95, 0.18) 100%);
    color: var(--shell-ink, #f5efe7);
    box-shadow: none;
}

.shell--theme-dark .ui-action--secondary {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 86%, transparent);
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 92%, transparent);
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-action--secondary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 82%, var(--shell-accent, #ff665f) 10%);
    color: var(--shell-ink, #f5efe7);
    box-shadow: none;
}

.shell--theme-dark .ui-action--secondary:active:not(:disabled) {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 78%, var(--shell-accent, #ff665f) 14%);
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-action--ghost:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 86%, var(--shell-accent, #ff665f) 8%);
}

.shell--theme-dark .ui-badge--soft {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 76%, var(--shell-accent, #ff665f) 14%);
}

.shell--theme-dark .ui-select__trigger,
.shell--theme-dark .ui-select__native {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 92%, transparent);
    box-shadow: none;
}

.shell--theme-dark .ui-combobox__input {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 92%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.shell--theme-dark .ui-select__trigger:hover:not(:disabled),
.shell--theme-dark .ui-select__trigger--open {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 24%, var(--shell-line, #4b5563));
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 82%, var(--shell-accent, #ff665f) 8%);
}

.shell--theme-dark .ui-combobox__input:hover:not(:disabled),
.shell--theme-dark .ui-combobox--open .ui-combobox__input {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 24%, var(--shell-line, #4b5563));
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 82%, var(--shell-accent, #ff665f) 8%);
}

.shell--theme-dark .ui-select__native option {
    color: var(--shell-ink, #f5efe7);
    background: #1f1f1f;
}

.shell--theme-dark .ui-select__value-label--placeholder,
.shell--theme-dark .ui-select__option-label--placeholder,
.shell--theme-dark .ui-select__option-secondary,
.shell--theme-dark .ui-combobox__option-secondary,
.shell--theme-dark .ui-field-block__supporting,
.shell--theme-dark .ui-disclosure__description {
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-select__menu-surface {
    border-color: rgba(255, 248, 242, 0.16);
    background: var(--shell-surface, #202225);
    box-shadow: 0 12px 28px rgba(4, 7, 12, 0.32);
}

.shell--theme-dark .ui-combobox__menu-surface {
    border-color: rgba(255, 248, 242, 0.16);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--shell-surface-soft, #31343a) 94%, #232832 6%) 0%,
            color-mix(in srgb, var(--shell-surface-soft, #31343a) 88%, #171b21 12%) 100%);
    box-shadow: 0 20px 36px rgba(4, 7, 12, 0.36);
}

.shell--theme-dark .ui-select__option + .ui-select__option {
    border-top-color: color-mix(in srgb, rgba(255, 248, 242, 0.16) 72%, transparent);
}

.shell--theme-dark .ui-combobox__option + .ui-combobox__option {
    border-top-color: color-mix(in srgb, rgba(255, 248, 242, 0.16) 72%, transparent);
}

.shell--theme-dark .ui-select__option:hover,
.shell--theme-dark .ui-select__option:focus-visible,
.shell--theme-dark .ui-select__option--active {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 76%, var(--shell-accent, #ff665f) 10%);
}

.shell--theme-dark .ui-combobox__option:hover,
.shell--theme-dark .ui-combobox__option:focus-visible,
.shell--theme-dark .ui-combobox__option--active {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 76%, var(--shell-accent, #ff665f) 10%);
}

.shell--theme-dark .ui-select__option--disabled {
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-select__option--disabled:hover,
.shell--theme-dark .ui-select__option--disabled:focus-visible,
.shell--theme-dark .ui-select__option--disabled.ui-select__option--active {
    background: transparent;
}

.shell--theme-dark .ui-icon-select__glyph--neutral {
    color: #d3ccc4;
}

.shell--theme-dark .ui-icon-select__glyph--info {
    color: #7da8ff;
}

.shell--theme-dark .ui-icon-select__glyph--warning {
    color: #e7bf52;
}

.shell--theme-dark .ui-icon-select__glyph--danger {
    color: #ff7c74;
}

.shell--theme-dark .ui-icon-select--ghost-trigger .ui-icon-select__trigger,
.shell--theme-dark .ui-icon-select--ghost-trigger .ui-select__trigger:hover:not(:disabled),
.shell--theme-dark .ui-icon-select--ghost-trigger .ui-select__trigger--open {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.shell--theme-dark .ui-star-rating__star--base {
    color: rgba(255, 248, 242, 0.18);
}

.shell--theme-dark .ui-star-rating__star--fill {
    color: #ff7c74;
}

.shell--theme-dark .ui-star-rating__value {
    color: var(--shell-muted, #a6afbb);
}
.shell--theme-dark #blazor-error-ui {
    background: rgba(44, 32, 34, 0.94);
    color: #ffd4d1;
}

.shell--theme-dark .ui-status-banner--info,
.shell--theme-dark .ui-status-banner--warning,
.shell--theme-dark .ui-status-banner--neutral {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 92%, transparent);
}

@media (max-width: 760px) {
    .ui-modal {
        padding: 6px;
    }

    .ui-modal__header,
    .ui-modal__body,
    .ui-modal__footer {
        padding: 12px;
    }

    .ui-dialog-actions {
        width: 100%;
    }

    .ui-dialog-actions__button {
        flex: 1 1 0;
        min-width: 0;
    }
}












.ui-action__icon--close::before {
    -webkit-mask-image: url("/images/icons/bootstrap/x-lg.svg");
    mask-image: url("/images/icons/bootstrap/x-lg.svg");
}

.ui-panel-header__close {
    flex: 0 0 auto;
}
.ui-action__icon--open::before {
    -webkit-mask-image: url("/images/icons/bootstrap/box-arrow-up-right.svg");
    mask-image: url("/images/icons/bootstrap/box-arrow-up-right.svg");
}

.ui-action__icon--globe::before {
    -webkit-mask-image: url("/images/icons/bootstrap/globe.svg");
    mask-image: url("/images/icons/bootstrap/globe.svg");
}

.ui-action__icon--link::before {
    -webkit-mask-image: url("/images/icons/bootstrap/link-45deg.svg");
    mask-image: url("/images/icons/bootstrap/link-45deg.svg");
}

.ui-action__icon--company::before {
    -webkit-mask-image: url("/images/icons/bootstrap/building.svg");
    mask-image: url("/images/icons/bootstrap/building.svg");
}

.ui-action__icon--fund::before {
    -webkit-mask-image: url("/images/icons/bootstrap/bank.svg");
    mask-image: url("/images/icons/bootstrap/bank.svg");
}

.ui-action__icon--suggested::before {
    -webkit-mask-image: url("/images/icons/bootstrap/patch-question.svg");
    mask-image: url("/images/icons/bootstrap/patch-question.svg");
}

.ui-action__icon--unknown::before {
    -webkit-mask-image: url("/images/icons/bootstrap/question-circle.svg");
    mask-image: url("/images/icons/bootstrap/question-circle.svg");
}

.ui-action__icon--arrow-left::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-left.svg");
    mask-image: url("/images/icons/bootstrap/arrow-left.svg");
}

.ui-action__icon--arrow-right::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-right.svg");
    mask-image: url("/images/icons/bootstrap/arrow-right.svg");
}

.ui-action__icon--arrow-up::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-up.svg");
    mask-image: url("/images/icons/bootstrap/arrow-up.svg");
}

.ui-action__icon--arrow-down::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-down.svg");
    mask-image: url("/images/icons/bootstrap/arrow-down.svg");
}

.ui-action__icon--restart::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
    mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
}

.ui-action__icon--reset::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-counterclockwise.svg");
    mask-image: url("/images/icons/bootstrap/arrow-counterclockwise.svg");
}

.ui-action__icon--zoom-in::before {
    -webkit-mask-image: url("/images/icons/bootstrap/zoom-in.svg");
    mask-image: url("/images/icons/bootstrap/zoom-in.svg");
}

.ui-action__icon--zoom-out::before {
    -webkit-mask-image: url("/images/icons/bootstrap/zoom-out.svg");
    mask-image: url("/images/icons/bootstrap/zoom-out.svg");
}

.ui-action__icon--play::before {
    -webkit-mask-image: url("/images/icons/bootstrap/play-fill.svg");
    mask-image: url("/images/icons/bootstrap/play-fill.svg");
}

.ui-action__icon--pause::before {
    -webkit-mask-image: url("/images/icons/bootstrap/pause-fill.svg");
    mask-image: url("/images/icons/bootstrap/pause-fill.svg");
}

.ui-action__icon--stop::before {
    -webkit-mask-image: url("/images/icons/bootstrap/stop-fill.svg");
    mask-image: url("/images/icons/bootstrap/stop-fill.svg");
}

.ui-action__icon--fullscreen::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrows-fullscreen.svg");
    mask-image: url("/images/icons/bootstrap/arrows-fullscreen.svg");
}

.ui-action__icon--eye::before {
    -webkit-mask-image: url("/images/icons/bootstrap/eye.svg");
    mask-image: url("/images/icons/bootstrap/eye.svg");
}

.ui-action__icon--robot::before {
    -webkit-mask-image: url("/images/icons/bootstrap/robot.svg");
    mask-image: url("/images/icons/bootstrap/robot.svg");
}

.ui-action__icon--guided::before {
    -webkit-mask-image: url("/images/icons/bootstrap/person-check.svg");
    mask-image: url("/images/icons/bootstrap/person-check.svg");
}

.ui-action__icon--send::before {
    -webkit-mask-image: url("/images/icons/bootstrap/send-arrow-up-fill.svg");
    mask-image: url("/images/icons/bootstrap/send-arrow-up-fill.svg");
}

.ui-action__icon--think::before {
    -webkit-mask-image: url("/images/icons/bootstrap/lightbulb-fill.svg");
    mask-image: url("/images/icons/bootstrap/lightbulb-fill.svg");
}

.ui-action__icon--think-off::before {
    -webkit-mask-image: url("/images/icons/bootstrap/lightbulb-off.svg");
    mask-image: url("/images/icons/bootstrap/lightbulb-off.svg");
}

.ui-action__icon--check::before {
    -webkit-mask-image: url("/images/icons/bootstrap/check-lg.svg");
    mask-image: url("/images/icons/bootstrap/check-lg.svg");
}

.ui-action__icon--warning::before {
    -webkit-mask-image: url("/images/icons/bootstrap/exclamation-triangle.svg");
    mask-image: url("/images/icons/bootstrap/exclamation-triangle.svg");
}

.ui-action__icon--calendar::before {
    -webkit-mask-image: url("/images/icons/bootstrap/calendar2-date.svg");
    mask-image: url("/images/icons/bootstrap/calendar2-date.svg");
}

.ui-action__icon--layers::before {
    -webkit-mask-image: url("/images/icons/bootstrap/layers.svg");
    mask-image: url("/images/icons/bootstrap/layers.svg");
}

.ui-action__icon--trash::before {
    -webkit-mask-image: url("/images/icons/bootstrap/trash3-fill.svg");
    mask-image: url("/images/icons/bootstrap/trash3-fill.svg");
}

.ui-action__icon--add::before {
    -webkit-mask-image: url("/images/icons/bootstrap/plus-lg.svg");
    mask-image: url("/images/icons/bootstrap/plus-lg.svg");
}

.ui-action__icon--dash::before {
    -webkit-mask-image: url("/images/icons/bootstrap/dash-lg.svg");
    mask-image: url("/images/icons/bootstrap/dash-lg.svg");
}

.ui-action__icon--edit::before {
    -webkit-mask-image: url("/images/icons/bootstrap/pencil-square.svg");
    mask-image: url("/images/icons/bootstrap/pencil-square.svg");
}

.ui-action__icon--save::before {
    -webkit-mask-image: url("/images/icons/bootstrap/save.svg");
    mask-image: url("/images/icons/bootstrap/save.svg");
}

.ui-action__icon--publish::before {
    -webkit-mask-image: url("/images/icons/bootstrap/rocket-takeoff.svg");
    mask-image: url("/images/icons/bootstrap/rocket-takeoff.svg");
}

.ui-tab-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.ui-tab-strip__tabs {
    display: flex;
    align-items: stretch;
    gap: 2px;
    flex-wrap: wrap;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    padding: 2px;
    border: 1px solid var(--border, var(--shell-line, #dddddd));
    border-radius: var(--wfa-radius, 6px);
    background: var(--surface-2, var(--shell-surface-soft, #f7f7f4));
    overflow: visible;
}

.ui-tab-strip__tab {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    flex: 0 1 auto;
    width: auto;
    min-width: 4.4rem;
    max-width: min(15rem, 100%);
    border: 1px solid transparent;
    border-radius: var(--wfa-radius, 6px);
    background: transparent;
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        color 120ms ease;
}

.ui-tab-strip__tab:hover {
    background: color-mix(in srgb, var(--surface, var(--shell-surface, #ffffff)) 64%, transparent);
}

.ui-tab-strip__tab--active {
    border-color: var(--border, var(--shell-line, #dddddd));
    background: var(--surface, var(--shell-surface, #ffffff));
}

.ui-tab-strip__tab--active .ui-tab-strip__button {
    color: var(--text, var(--shell-ink, #20242a));
}

.ui-tab-strip__tab--failed {
    border-color: color-mix(in srgb, #d84f49 22%, var(--shell-line, #dddddd));
}

.ui-tab-strip__tab--done {
    border-color: color-mix(in srgb, #2f9f5a 26%, var(--shell-line, #dddddd));
}

.ui-tab-strip__button,
.ui-tab-strip__close,
.ui-tab-strip__add {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    color: inherit;
}

.ui-tab-strip__button,
.ui-tab-strip__close,
.ui-tab-strip__add {
    cursor: pointer;
}

.ui-tab-strip__button:focus,
.ui-tab-strip__button:focus-visible,
.ui-tab-strip__close:focus,
.ui-tab-strip__close:focus-visible,
.ui-tab-strip__add:focus,
.ui-tab-strip__add:focus-visible {
    outline: none;
}

.ui-tab-strip__button {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    width: 100%;
    min-height: 1.75rem;
    padding: 0.32rem 0.65rem;
    color: var(--text-muted, var(--shell-muted, #756f67));
    text-align: center;
}

.ui-tab-strip__copy {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 2px;
    min-width: 0;
}

.ui-tab-strip__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.15;
}

.ui-tab-strip__meta {
    min-width: 0;
    overflow: hidden;
    color: var(--shell-muted, #756f67);
    font-size: 0.62rem;
    font-weight: 650;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-tab-strip__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.15rem;
    width: 1.15rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border-radius: 999px;
}

.ui-tab-strip__status-icon {
    display: block;
    width: 0.68rem;
    height: 0.68rem;
    background: currentColor;
    -webkit-mask-image: url("/images/icons/bootstrap/clock.svg");
    mask-image: url("/images/icons/bootstrap/clock.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-tab-strip__status--loading {
    background: transparent;
    color: var(--shell-accent-strong, #a63b36);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--shell-line, #dddddd) 70%, transparent);
}

.ui-tab-strip__loading-circle {
    width: 0.66rem;
    height: 0.66rem;
    border: 2px solid color-mix(in srgb, currentColor 24%, transparent);
    border-top-color: currentColor;
    border-radius: 999px;
    animation: ui-loading-spin 0.78s linear infinite;
}

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

.ui-tab-strip__status--default {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 84%, transparent);
    color: var(--shell-muted, #756f67);
}

.ui-tab-strip__status--queued {
    background: color-mix(in srgb, #f4c857 20%, var(--shell-surface, #ffffff));
    color: #8a5a06;
}

.ui-tab-strip__status--queued .ui-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/hourglass-split.svg");
    mask-image: url("/images/icons/bootstrap/hourglass-split.svg");
}

.ui-tab-strip__status--running {
    background: color-mix(in srgb, var(--shell-accent, #ff665f) 16%, var(--shell-surface, #ffffff));
    color: var(--shell-accent-strong, #a63b36);
}

.ui-tab-strip__status--running .ui-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
    mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
}

.ui-tab-strip__status--failed {
    background: color-mix(in srgb, #d84f49 16%, var(--shell-surface, #ffffff));
    color: var(--shell-accent-strong, #a63b36);
}

.ui-tab-strip__status--failed .ui-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/exclamation-triangle.svg");
    mask-image: url("/images/icons/bootstrap/exclamation-triangle.svg");
}

.ui-tab-strip__status--done {
    background: color-mix(in srgb, #2f9f5a 18%, var(--shell-surface, #ffffff));
    color: #1f6a3c;
}

.ui-tab-strip__status--done .ui-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/check-lg.svg");
    mask-image: url("/images/icons/bootstrap/check-lg.svg");
}

.ui-tab-strip__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    min-height: 1.75rem;
    padding: 0;
    color: var(--shell-muted, #756f67);
}

.ui-tab-strip__close:hover,
.ui-tab-strip__tab--active .ui-tab-strip__close:hover {
    color: var(--shell-ink, #20242a);
}

.ui-tab-strip__close-icon,
.ui-tab-strip__add-icon {
    display: inline-flex;
    width: 0.82rem;
    height: 0.82rem;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-tab-strip__close-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/x-lg.svg");
    mask-image: url("/images/icons/bootstrap/x-lg.svg");
}

.ui-tab-strip__add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    min-height: 1.75rem;
    border: 1px solid transparent;
    border-radius: var(--wfa-radius, 6px);
    background: transparent;
    color: var(--shell-muted, #756f67);
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        color 120ms ease;
}

.ui-tab-strip__add:hover {
    color: var(--shell-accent-strong, #a63b36);
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 20%, var(--border, var(--shell-line, #dddddd)));
    background: var(--surface, var(--shell-surface, #ffffff));
}

.ui-tab-strip__add-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/plus-lg.svg");
    mask-image: url("/images/icons/bootstrap/plus-lg.svg");
}

.shell--theme-dark .ui-tab-strip__tabs {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 88%, transparent);
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 90%, transparent);
}

.shell--theme-dark .ui-tab-strip__tab--active {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 88%, transparent);
    background: color-mix(in srgb, var(--shell-surface, #23262d) 82%, var(--shell-accent, #ff665f) 8%);
}

.shell--theme-dark .ui-tab-strip__status--queued {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, #b88409 28%);
    color: #ffe8b3;
}

.shell--theme-dark .ui-tab-strip__status--running {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 74%, var(--shell-accent, #ff665f) 26%);
    color: #ffd6d3;
}

.shell--theme-dark .ui-tab-strip__status--failed {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 74%, #d84f49 26%);
    color: #ffd6d3;
}

.shell--theme-dark .ui-tab-strip__status--done {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, #2f9f5a 28%);
    color: #dff8e8;
}

.shell--theme-dark .ui-tab-strip__button,
.shell--theme-dark .ui-tab-strip__close,
.shell--theme-dark .ui-tab-strip__add {
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-tab-strip__tab--active .ui-tab-strip__button {
    color: var(--shell-ink, #f8fafc);
}

.shell--theme-dark .ui-tab-strip__add:hover {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 88%, transparent);
    background: color-mix(in srgb, var(--shell-surface, #23262d) 82%, var(--shell-accent, #ff665f) 8%);
}

@media (max-width: 760px) {
    .ui-tab-strip {
        grid-template-columns: 1fr;
    }

    .ui-tab-strip__tabs {
        width: 100%;
    }

    .ui-tab-strip__tab {
        flex: 1 1 7rem;
        min-width: min(7rem, 100%);
        max-width: 100%;
    }

    .ui-tab-strip__add {
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ui-modal {
        animation: none;
    }

    .ui-popover {
        transition: none;
    }

    .ui-tab-strip__loading-circle,
    .ui-workspace-tab-strip__loading-circle,
    .ui-timeline__loading-circle {
        animation: none;
    }
}

.ui-action__icon--sidebar::before {
    -webkit-mask-image: url("/images/icons/bootstrap/layout-sidebar.svg");
    mask-image: url("/images/icons/bootstrap/layout-sidebar.svg");
}

.ui-action__icon--bar-chart::before {
    -webkit-mask-image: url("/images/icons/bootstrap/bar-chart.svg");
    mask-image: url("/images/icons/bootstrap/bar-chart.svg");
}

.ui-action__icon--database::before {
    -webkit-mask-image: url("/images/icons/bootstrap/database.svg");
    mask-image: url("/images/icons/bootstrap/database.svg");
}

.ui-action__icon--search::before {
    -webkit-mask-image: url("/images/icons/bootstrap/search.svg");
    mask-image: url("/images/icons/bootstrap/search.svg");
}

.ui-action__icon--person::before {
    -webkit-mask-image: url("/images/icons/bootstrap/person.svg");
    mask-image: url("/images/icons/bootstrap/person.svg");
}

.ui-action__icon--approval::before {
    -webkit-mask-image: url("/images/icons/bootstrap/clipboard-check.svg");
    mask-image: url("/images/icons/bootstrap/clipboard-check.svg");
}

.ui-action__icon--diagram::before {
    -webkit-mask-image: url("/images/icons/bootstrap/diagram-3.svg");
    mask-image: url("/images/icons/bootstrap/diagram-3.svg");
}

.ui-action__icon--more::before {
    -webkit-mask-image: url("/images/icons/bootstrap/three-dots.svg");
    mask-image: url("/images/icons/bootstrap/three-dots.svg");
}

.ui-action__icon--flag::before {
    -webkit-mask-image: url("/images/icons/bootstrap/flag.svg");
    mask-image: url("/images/icons/bootstrap/flag.svg");
}

.ui-action__icon--gear::before {
    -webkit-mask-image: url("/images/icons/bootstrap/gear.svg");
    mask-image: url("/images/icons/bootstrap/gear.svg");
}

.ui-tab-strip__utilities {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ui-tab-strip__tab--review,
.ui-tab-strip__tab--cancelled {
    border-color: color-mix(in srgb, var(--shell-line, #dddddd) 88%, transparent);
}

.ui-tab-strip__tab--draft {
    border-color: transparent;
}

.ui-tab-strip__tab--draft.ui-tab-strip__tab--active {
    border-color: var(--border, var(--shell-line, #dddddd));
}

.ui-tab-strip__tab--review {
    border-color: color-mix(in srgb, #b97a1f 28%, var(--shell-line, #dddddd));
}

.ui-tab-strip__tab--cancelled {
    border-color: color-mix(in srgb, var(--shell-muted, #756f67) 28%, var(--shell-line, #dddddd));
}

.ui-tab-strip__status--draft {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 84%, transparent);
    color: var(--shell-muted, #756f67);
}

.ui-tab-strip__status--draft .ui-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/pencil.svg");
    mask-image: url("/images/icons/bootstrap/pencil.svg");
}

.ui-tab-strip__status--review {
    background: color-mix(in srgb, #f4c857 22%, var(--shell-surface, #ffffff));
    color: #8a5a06;
}

.ui-tab-strip__status--review .ui-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/eye.svg");
    mask-image: url("/images/icons/bootstrap/eye.svg");
}

.ui-tab-strip__status--cancelled {
    background: color-mix(in srgb, var(--shell-muted, #756f67) 14%, var(--shell-surface, #ffffff));
    color: var(--shell-muted, #756f67);
}

.ui-tab-strip__status--cancelled .ui-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/slash-circle.svg");
    mask-image: url("/images/icons/bootstrap/slash-circle.svg");
}

.shell--theme-dark .ui-tab-strip__status--draft,
.shell--theme-dark .ui-tab-strip__status--cancelled {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 84%, transparent);
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-tab-strip__status--review {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, #b88409 28%);
    color: #ffe8b3;
}

.ui-workspace-tab-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.ui-workspace-tab-strip__tabs {
    display: flex;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.ui-workspace-tab-strip__tab {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    flex: 0 1 16.5rem;
    width: min(16.5rem, 28vw);
    min-width: 12.25rem;
    max-width: min(16.5rem, 100%);
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: calc(var(--ui-radius, 10px) + 2px);
    background: color-mix(in srgb, var(--shell-surface-soft, #f5f3ef) 72%, var(--shell-surface, #ffffff));
    box-shadow: 0 10px 20px rgba(27, 33, 45, 0.04);
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        transform 120ms ease,
        box-shadow 120ms ease;
}

.ui-workspace-tab-strip__tab:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(27, 33, 45, 0.06);
}

.ui-workspace-tab-strip__tab--active,
.ui-workspace-tab-strip__tab--draft.ui-workspace-tab-strip__tab--active,
.ui-workspace-tab-strip__tab--failed.ui-workspace-tab-strip__tab--active,
.ui-workspace-tab-strip__tab--done.ui-workspace-tab-strip__tab--active,
.ui-workspace-tab-strip__tab--review.ui-workspace-tab-strip__tab--active,
.ui-workspace-tab-strip__tab--cancelled.ui-workspace-tab-strip__tab--active {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 24%, var(--shell-line, #dddddd));
    background: color-mix(in srgb, var(--shell-accent-soft, #fff4f2) 48%, var(--shell-surface, #ffffff));
}

.ui-workspace-tab-strip__tab--failed {
    border-color: color-mix(in srgb, #d84f49 22%, var(--shell-line, #dddddd));
}

.ui-workspace-tab-strip__tab--done {
    border-color: color-mix(in srgb, #2f9f5a 26%, var(--shell-line, #dddddd));
}

.ui-workspace-tab-strip__tab--review {
    border-color: color-mix(in srgb, #b97a1f 28%, var(--shell-line, #dddddd));
}

.ui-workspace-tab-strip__tab--cancelled {
    border-color: color-mix(in srgb, var(--shell-muted, #756f67) 28%, var(--shell-line, #dddddd));
}

.ui-workspace-tab-strip__button,
.ui-workspace-tab-strip__close,
.ui-workspace-tab-strip__add {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.ui-workspace-tab-strip__button:focus,
.ui-workspace-tab-strip__button:focus-visible,
.ui-workspace-tab-strip__close:focus,
.ui-workspace-tab-strip__close:focus-visible,
.ui-workspace-tab-strip__add:focus,
.ui-workspace-tab-strip__add:focus-visible {
    outline: none;
}

.ui-workspace-tab-strip__button {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    width: 100%;
    min-height: 2.85rem;
    padding: 0.42rem 0.45rem 0.42rem 0.7rem;
    text-align: left;
}

.ui-workspace-tab-strip__copy {
    display: grid;
    align-content: center;
    gap: 2px;
    min-width: 0;
}

.ui-workspace-tab-strip__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.15;
}

.ui-workspace-tab-strip__meta {
    min-width: 0;
    overflow: hidden;
    color: var(--shell-muted, #756f67);
    font-size: 0.66rem;
    font-weight: 650;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-workspace-tab-strip__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.35rem;
    width: 1.35rem;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border-radius: 999px;
}

.ui-workspace-tab-strip__status-icon {
    display: block;
    width: 0.78rem;
    height: 0.78rem;
    background: currentColor;
    -webkit-mask-image: url("/images/icons/bootstrap/clock.svg");
    mask-image: url("/images/icons/bootstrap/clock.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-workspace-tab-strip__status--loading {
    background: transparent;
    color: var(--shell-accent-strong, #a63b36);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--shell-line, #dddddd) 70%, transparent);
}

.ui-workspace-tab-strip__loading-circle {
    width: 0.75rem;
    height: 0.75rem;
    border: 2px solid color-mix(in srgb, currentColor 24%, transparent);
    border-top-color: currentColor;
    border-radius: 999px;
    animation: ui-loading-spin 0.78s linear infinite;
}

.ui-workspace-tab-strip__status--default,
.ui-workspace-tab-strip__status--draft {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 84%, transparent);
    color: var(--shell-muted, #756f67);
}

.ui-workspace-tab-strip__status--draft .ui-workspace-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/pencil.svg");
    mask-image: url("/images/icons/bootstrap/pencil.svg");
}

.ui-workspace-tab-strip__status--queued,
.ui-workspace-tab-strip__status--review {
    background: color-mix(in srgb, #f4c857 20%, var(--shell-surface, #ffffff));
    color: #8a5a06;
}

.ui-workspace-tab-strip__status--queued .ui-workspace-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/hourglass-split.svg");
    mask-image: url("/images/icons/bootstrap/hourglass-split.svg");
}

.ui-workspace-tab-strip__status--review .ui-workspace-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/eye.svg");
    mask-image: url("/images/icons/bootstrap/eye.svg");
}

.ui-workspace-tab-strip__status--running {
    background: color-mix(in srgb, var(--shell-accent, #ff665f) 16%, var(--shell-surface, #ffffff));
    color: var(--shell-accent-strong, #a63b36);
}

.ui-workspace-tab-strip__status--running .ui-workspace-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
    mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
}

.ui-workspace-tab-strip__status--failed {
    background: color-mix(in srgb, #d84f49 16%, var(--shell-surface, #ffffff));
    color: var(--shell-accent-strong, #a63b36);
}

.ui-workspace-tab-strip__status--failed .ui-workspace-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/exclamation-triangle.svg");
    mask-image: url("/images/icons/bootstrap/exclamation-triangle.svg");
}

.ui-workspace-tab-strip__status--done {
    background: color-mix(in srgb, #2f9f5a 18%, var(--shell-surface, #ffffff));
    color: #1f6a3c;
}

.ui-workspace-tab-strip__status--done .ui-workspace-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/check-lg.svg");
    mask-image: url("/images/icons/bootstrap/check-lg.svg");
}

.ui-workspace-tab-strip__status--cancelled {
    background: color-mix(in srgb, var(--shell-muted, #756f67) 14%, var(--shell-surface, #ffffff));
    color: var(--shell-muted, #756f67);
}

.ui-workspace-tab-strip__status--cancelled .ui-workspace-tab-strip__status-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/slash-circle.svg");
    mask-image: url("/images/icons/bootstrap/slash-circle.svg");
}

.ui-workspace-tab-strip__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-height: 2.85rem;
    padding: 0;
    color: var(--shell-muted, #756f67);
}

.ui-workspace-tab-strip__close:hover,
.ui-workspace-tab-strip__tab--active .ui-workspace-tab-strip__close:hover {
    color: var(--shell-ink, #20242a);
}

.ui-workspace-tab-strip__close-icon,
.ui-workspace-tab-strip__add-icon {
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-workspace-tab-strip__close-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/x-lg.svg");
    mask-image: url("/images/icons/bootstrap/x-lg.svg");
}

.ui-workspace-tab-strip__add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    min-height: 2.6rem;
    border: 1px solid var(--shell-line, #dddddd);
    border-radius: calc(var(--ui-radius, 10px) + 2px);
    background: color-mix(in srgb, var(--shell-surface-soft, #f5f3ef) 72%, var(--shell-surface, #ffffff));
    color: var(--shell-muted, #756f67);
    box-shadow: 0 10px 20px rgba(27, 33, 45, 0.04);
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        color 120ms ease,
        transform 120ms ease,
        box-shadow 120ms ease;
}

.ui-workspace-tab-strip__add:hover {
    color: var(--shell-accent-strong, #a63b36);
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 20%, var(--shell-line, #dddddd));
    background: color-mix(in srgb, var(--shell-accent-soft, #fff4f2) 42%, var(--shell-surface, #ffffff));
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(27, 33, 45, 0.06);
}

.ui-workspace-tab-strip__add-icon {
    -webkit-mask-image: url("/images/icons/bootstrap/plus-lg.svg");
    mask-image: url("/images/icons/bootstrap/plus-lg.svg");
}

.ui-workspace-tab-strip__utilities {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.shell--theme-dark .ui-workspace-tab-strip__tab {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 88%, transparent);
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 90%, transparent);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.18);
}

.shell--theme-dark .ui-workspace-tab-strip__tab--active,
.shell--theme-dark .ui-workspace-tab-strip__tab--draft.ui-workspace-tab-strip__tab--active,
.shell--theme-dark .ui-workspace-tab-strip__tab--failed.ui-workspace-tab-strip__tab--active,
.shell--theme-dark .ui-workspace-tab-strip__tab--done.ui-workspace-tab-strip__tab--active,
.shell--theme-dark .ui-workspace-tab-strip__tab--review.ui-workspace-tab-strip__tab--active,
.shell--theme-dark .ui-workspace-tab-strip__tab--cancelled.ui-workspace-tab-strip__tab--active {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 28%, var(--shell-line, #4b5563));
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, var(--shell-accent, #ff665f) 10%);
}

.shell--theme-dark .ui-workspace-tab-strip__status--queued {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, #b88409 28%);
    color: #ffe8b3;
}

.shell--theme-dark .ui-workspace-tab-strip__status--running {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 74%, var(--shell-accent, #ff665f) 26%);
    color: #ffd6d3;
}

.shell--theme-dark .ui-workspace-tab-strip__status--failed {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 74%, #d84f49 26%);
    color: #ffd6d3;
}

.shell--theme-dark .ui-workspace-tab-strip__status--done {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, #2f9f5a 28%);
    color: #dff8e8;
}

.shell--theme-dark .ui-workspace-tab-strip__status--draft,
.shell--theme-dark .ui-workspace-tab-strip__status--cancelled {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 84%, transparent);
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-workspace-tab-strip__status--review {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, #b88409 28%);
    color: #ffe8b3;
}

.shell--theme-dark .ui-workspace-tab-strip__button,
.shell--theme-dark .ui-workspace-tab-strip__close,
.shell--theme-dark .ui-workspace-tab-strip__add {
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-workspace-tab-strip__add {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 88%, transparent);
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 90%, transparent);
}

.shell--theme-dark .ui-workspace-tab-strip__tab--active .ui-workspace-tab-strip__button {
    color: var(--shell-ink, #f8fafc);
}

@media (max-width: 760px) {
    .ui-workspace-tab-strip {
        grid-template-columns: 1fr;
    }

    .ui-workspace-tab-strip__tab {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .ui-workspace-tab-strip__add {
        justify-self: start;
    }
}

.ui-workspace-split {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    transition:
        grid-template-columns var(--shell-motion-slow, 220ms) var(--shell-motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1)),
        gap var(--shell-motion-slow, 220ms) var(--shell-motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
}

.ui-workspace-split--start-collapsed {
    grid-template-columns: 40px minmax(0, 1fr);
}

.ui-workspace-split__start-pane,
.ui-workspace-split__collapsed-pane,
.ui-workspace-split__main-pane {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.ui-timeline {
    display: grid;
    gap: 0;
    min-width: 0;
}

.ui-timeline__item {
    position: relative;
    min-width: 0;
    padding: 0 0 12px 28px;
}

.ui-timeline__item::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 26px;
    bottom: 0;
    width: 2px;
    border-radius: 999px;
    background: var(--border, var(--shell-line, #d9e1ea));
}

.ui-timeline__item--last::before {
    display: none;
}

.ui-timeline__item--connector-complete::before {
    background: color-mix(in srgb, var(--ok, #4a7d4f) 50%, transparent);
}

.ui-timeline__item--running::before,
.ui-timeline__item--review::before {
    background: color-mix(in srgb, var(--running, var(--shell-accent, #ff665f)) 50%, transparent);
}

.ui-timeline__item-head {
    appearance: none;
    -webkit-appearance: none;
    display: grid;
    grid-template-columns: 20px 24px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: var(--wfa-radius, var(--ui-radius-soft, 6px));
    background: transparent;
    color: var(--text, var(--shell-ink, #2f2f2f));
    text-align: left;
    cursor: pointer;
}

.ui-timeline__item-head:hover,
.ui-timeline__item--selected .ui-timeline__item-head {
    border-color: var(--border, var(--shell-line, #d9e1ea));
    background: var(--surface-2, color-mix(in srgb, var(--shell-surface, #ffffff) 96%, var(--shell-line, #d9e1ea) 4%));
}

.ui-timeline__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--border, var(--shell-line, #d9e1ea));
    border-radius: 999px;
    background: var(--surface, var(--shell-surface, #ffffff));
    color: var(--text-muted, var(--shell-muted, #756f67));
    font-family: var(--ui-mono-font-family);
    font-size: 0.66rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ui-timeline__item--done .ui-timeline__marker {
    border-color: color-mix(in srgb, var(--ok, #4a7d4f) 60%, transparent);
    background: color-mix(in srgb, var(--ok, #4a7d4f) 14%, var(--surface, #ffffff));
    color: var(--ok, #4a7d4f);
}

.ui-timeline__item--done .ui-timeline__marker::before {
    content: "";
    width: 11px;
    height: 11px;
    background: currentColor;
    -webkit-mask-image: url("/images/icons/bootstrap/check-lg.svg");
    mask-image: url("/images/icons/bootstrap/check-lg.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ui-timeline__item--running .ui-timeline__marker {
    border-color: var(--running, var(--shell-accent, #ff665f));
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--running, #ff665f) 24%, transparent);
    animation: wfa-pulse 1.8s ease-out infinite;
}

.ui-timeline__marker--loading {
    color: var(--running, var(--shell-accent, #ff665f));
}

.ui-timeline__loading-circle {
    width: 10px;
    height: 10px;
    border: 2px solid color-mix(in srgb, currentColor 24%, transparent);
    border-top-color: currentColor;
    border-radius: 999px;
    animation: ui-loading-spin 0.78s linear infinite;
}

.ui-timeline__item--failed .ui-timeline__marker {
    border-color: var(--danger, #b14238);
    color: var(--danger, #b14238);
}

.ui-timeline__type-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    color: var(--text-muted, var(--shell-muted, #756f67));
    background: var(--surface-3, var(--shell-surface-soft, #f2f2ef));
}

.ui-timeline__type-icon .ui-action__icon {
    width: 13px;
    height: 13px;
}

.ui-timeline__type-icon--analysis {
    color: var(--type-analysis-fg);
    background: var(--type-analysis-bg);
}

.ui-timeline__type-icon--retrieval {
    color: var(--type-retrieval-fg);
    background: var(--type-retrieval-bg);
}

.ui-timeline__type-icon--websearch {
    color: var(--type-websearch-fg);
    background: var(--type-websearch-bg);
}

.ui-timeline__type-icon--agentgraph {
    color: var(--type-agentgraph-fg);
    background: var(--type-agentgraph-bg);
}

.ui-timeline__type-icon--hitl {
    color: var(--type-hitl-fg);
    background: var(--type-hitl-bg);
}

.ui-timeline__type-icon--synthesis {
    color: var(--type-synthesis-fg);
    background: var(--type-synthesis-bg);
}

.ui-timeline__copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ui-timeline__title {
    min-width: 0;
    overflow: hidden;
    color: var(--text, var(--shell-ink, #2f2f2f));
    font-size: 0.86rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-timeline__meta,
.ui-timeline__type-label,
.ui-timeline__execution-badge,
.ui-timeline__status {
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ui-timeline__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    line-height: 1;
}

.ui-timeline__type-label {
    color: var(--text-subtle, var(--shell-muted, #756f67));
    line-height: 0.67rem;
}

.ui-timeline__execution-badge {
    display: inline-flex;
    align-items: center;
    max-width: 9rem;
    height: 0.67rem;
    padding: 0 3px;
    overflow: hidden;
    border: 0;
    border-radius: 3px;
    background: color-mix(in srgb, var(--surface-2, #f7f7f5) 86%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border, #d9e1ea) 72%, transparent);
    color: var(--text-muted, var(--shell-muted, #756f67));
    font-family: var(--ui-mono-font-family);
    font-size: 0.62rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.67rem;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

.ui-timeline__status {
    color: var(--text-muted, var(--shell-muted, #756f67));
    display: inline-flex;
    justify-content: flex-end;
    min-width: 5.35rem;
    white-space: nowrap;
}

.ui-timeline__item--running .ui-timeline__status,
.ui-timeline__item--review .ui-timeline__status {
    color: var(--running, #b97a1f);
}

.ui-timeline__item--done .ui-timeline__status {
    color: var(--ok, #4a7d4f);
}

.ui-timeline__item--failed .ui-timeline__status {
    color: var(--danger, #b14238);
}

.ui-timeline__item--future .ui-timeline__title {
    color: var(--text-subtle, var(--shell-muted, #756f67));
}

.ui-timeline__activity {
    display: grid;
    gap: 4px;
    margin: 2px 0 0 52px;
    padding: 0;
    list-style: none;
    color: var(--text-muted, var(--shell-muted, #756f67));
    font-size: 0.76rem;
}

.ui-timeline__activity li {
    display: grid;
    grid-template-columns: 4.8rem minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
}

.ui-timeline__activity li span:first-child:not(:only-child) {
    font-family: var(--ui-mono-font-family);
    font-variant-numeric: tabular-nums;
    justify-self: end;
    white-space: nowrap;
}

.ui-timeline__activity li span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ui-timeline__activity li span:only-child {
    grid-column: 1 / -1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workflow-assistant {
    --bg: var(--shell-surface, #ffffff);
    --bg-2: var(--shell-surface-soft, #f2f2ef);
    --surface: var(--shell-surface, #ffffff);
    --surface-2: color-mix(in srgb, var(--shell-surface, #ffffff) 96%, var(--shell-line, #d9e1ea) 4%);
    --surface-3: var(--shell-surface-soft, #f2f2ef);
    --border: var(--shell-line, #d9e1ea);
    --border-strong: color-mix(in srgb, var(--shell-line, #d9e1ea) 70%, var(--shell-ink, #2f2f2f) 30%);
    --text: var(--shell-ink, #2f2f2f);
    --text-muted: var(--shell-muted, #756f67);
    --text-subtle: color-mix(in srgb, var(--shell-muted, #756f67) 70%, var(--shell-line, #d9e1ea) 30%);
    --accent: var(--shell-accent, #ff665f);
    --accent-text: var(--shell-accent-strong, #a63b36);
    --accent-soft: var(--shell-surface-tint, #fff1ef);
    --ok: #4a7d4f;
    --warn: #b97a1f;
    --danger: #b14238;
    --running: #b97a1f;
    --type-analysis-fg: #6b8caf;
    --type-analysis-bg: rgba(107, 140, 175, 0.16);
    --type-retrieval-fg: #7a9c6b;
    --type-retrieval-bg: rgba(122, 156, 107, 0.16);
    --type-websearch-fg: #b97a3f;
    --type-websearch-bg: rgba(185, 122, 63, 0.16);
    --type-agentgraph-fg: #5f75b8;
    --type-agentgraph-bg: rgba(95, 117, 184, 0.16);
    --type-hitl-fg: #a86bb0;
    --type-hitl-bg: rgba(168, 107, 176, 0.18);
    --type-synthesis-fg: var(--shell-accent-strong, #a63b36);
    --type-synthesis-bg: var(--shell-surface-tint, #fff1ef);
    --wfa-radius: var(--ui-radius-soft, 6px);
    --wfa-radius-lg: var(--ui-radius, 8px);
    --wfa-tabbar-h: 36px;
}

.shell--theme-dark .workflow-assistant {
    --type-analysis-fg: #8aaecf;
    --type-retrieval-fg: #95bd84;
    --type-websearch-fg: #d49664;
    --type-agentgraph-fg: #9aaaf0;
    --type-hitl-fg: #c389cc;
    --type-synthesis-fg: var(--shell-accent, #ff665f);
}

.workflow-assistant .prompt-builder {
    background: var(--bg);
}

.workflow-assistant__body {
    min-height: 0;
}

.workflow-assistant__setup-pane,
.workflow-assistant__run-pane {
    display: grid;
    min-width: 0;
    min-height: 0;
    height: 100%;
    border: 1px solid var(--border, var(--shell-line, #d9e1ea));
    border-radius: var(--wfa-radius-lg, 6px);
    background: var(--surface, var(--shell-surface, #ffffff));
    overflow: hidden;
}

.workflow-assistant__setup-pane--solid,
.workflow-assistant__run-pane--solid {
    background: var(--surface, var(--shell-surface, #ffffff));
}

.workflow-assistant__setup-pane {
    grid-template-rows: auto minmax(0, 1fr);
}

.workflow-assistant__run-pane {
    grid-template-rows: minmax(0, 1fr);
}

.workflow-assistant__pane-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px 10px 2px;
}

.workflow-assistant__pane-header h2 {
    margin: 0 0 10px;
    color: var(--text, var(--shell-ink, #2f2f2f));
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.15;
}

.workflow-assistant__pane-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-bottom: 10px;
}

.workflow-assistant__pane-actions .ui-action--icon-only {
    transition: transform 140ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.workflow-assistant__pane-actions .ui-action--icon-only:not(:disabled):hover {
    transform: translateY(-1px);
}

.workflow-assistant__pane-actions .workflow-assistant__pane-action--active,
.workflow-assistant__pane-actions .workflow-assistant__pane-action--active:hover:not(:disabled) {
    background: var(--surface-3, var(--shell-surface-soft, #f2f2ef));
    color: var(--accent, var(--shell-accent, #e66b2a));
    box-shadow: inset 0 0 0 1px var(--accent-soft, color-mix(in srgb, var(--shell-accent, #e66b2a) 18%, transparent));
}

.workflow-assistant__setup-scroll {
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 10px 10px;
}

.workflow-assistant__setup-form {
    display: grid;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 10px;
    height: auto;
    min-height: 0;
    overflow: visible;
}

.workflow-assistant__setup-form .ui-field-block,
.workflow-assistant__setup-form .prompt-builder__context-row,
.workflow-assistant__setup-form .prompt-builder__process-meta-row,
.workflow-assistant__setup-form .prompt-builder__case-system-row {
    margin-bottom: 0;
}

.workflow-assistant__setup-form .prompt-builder__context-row,
.workflow-assistant__setup-form .prompt-builder__process-meta-row {
    display: grid;
    gap: 10px;
}

.workflow-assistant__setup-form .prompt-builder__context-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workflow-assistant__setup-form .prompt-builder__process-meta-row {
    grid-template-columns: minmax(0, 1fr) minmax(7rem, 0.7fr);
}

.workflow-assistant__setup-form .ui-field-block__label {
    font-size: 0.76rem;
    font-weight: 800;
}

.workflow-assistant__setup-form .ui-field-block__hint-text,
.workflow-assistant__setup-form .ui-field-block__supporting-text {
    font-size: 0.7rem;
}

.workflow-assistant__setup-form .ui-text-input,
.workflow-assistant__setup-form .ui-textarea,
.workflow-assistant__setup-form .ui-select__trigger,
.workflow-assistant__setup-form .prompt-builder__readout,
.workflow-assistant__setup-form .prompt-builder__meta-readout {
    min-height: 34px;
    border-color: var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 650;
}

.workflow-assistant__setup-form .prompt-builder__input-textarea {
    min-height: 76px;
    height: 76px;
    resize: none;
}

.workflow-assistant__setup-sources {
    min-height: 0;
}

.workflow-assistant__setup-sources .ui-field-block__header {
    align-items: center;
}

.workflow-assistant__setup-sources .ui-checklist {
    gap: 6px;
}

.workflow-assistant__setup-sources .ui-checklist__item {
    min-height: 34px;
    padding: 6px 8px;
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
}

.workflow-assistant__setup-sources .ui-checklist__item--with-icon {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 7px;
}

.workflow-assistant__setup-sources .ui-checklist__leading-icon {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 6px;
}

.workflow-assistant__setup-sources .ui-checklist__leading-icon .ui-action__icon {
    width: 0.78rem;
    height: 0.78rem;
}

.workflow-assistant__setup-sources .ui-checklist__leading-icon--source-sharepoint {
    border-color: rgba(0, 120, 212, 0.28);
    background: rgba(0, 120, 212, 0.14);
    color: #58a6df;
}

.workflow-assistant__setup-sources .ui-checklist__leading-icon--source-outlook {
    border-color: rgba(0, 103, 184, 0.3);
    background: rgba(0, 103, 184, 0.16);
    color: #60a9f2;
}

.workflow-assistant__setup-sources .ui-checklist__leading-icon--source-affinity {
    border-color: rgba(142, 91, 188, 0.3);
    background: rgba(142, 91, 188, 0.17);
    color: #c39be4;
}

.workflow-assistant__setup-sources .ui-checklist__leading-icon--source-openregister {
    border-color: rgba(74, 125, 79, 0.3);
    background: rgba(74, 125, 79, 0.16);
    color: #93c487;
}

.workflow-assistant__setup-sources .ui-checklist__leading-icon--source-misc {
    border-color: rgba(185, 122, 31, 0.26);
    background: rgba(185, 122, 31, 0.13);
    color: #d8a05a;
}

.workflow-assistant__setup-sources .ui-checklist__body {
    gap: 3px;
}

.workflow-assistant__setup-sources .ui-checkbox {
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}

.workflow-assistant__setup-sources .ui-checkbox__native {
    width: 13px;
    height: 13px;
    margin-top: 1px;
}

.workflow-assistant__setup-sources .ui-checkbox__content {
    min-width: 0;
}

.workflow-assistant__setup-sources .ui-checkbox__label {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 0.74rem;
    font-weight: 740;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.workflow-assistant__setup-sources .ui-checklist__meta,
.workflow-assistant__setup-sources .ui-checklist__empty {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.62rem;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.workflow-assistant__add-source-menu {
    --ui-floating-width: min(18.25rem, calc(100vw - 24px));
}

.workflow-assistant__add-source-menu .ui-popover__surface {
    width: 100%;
}

.workflow-assistant__add-source-menu .ui-popover__header {
    min-height: 36px;
    padding: 8px 36px 8px 12px;
}

.workflow-assistant__add-source-menu .ui-popover__header > .ui-tooltip,
.workflow-assistant__add-source-menu .ui-popover__header > .ui-action__tooltip {
    top: 6px;
    right: 8px;
}

.workflow-assistant__add-source-menu .ui-popover__close {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    border-color: transparent;
    background: transparent;
}

.workflow-assistant__add-source-menu .ui-popover__close .ui-action__icon {
    width: 14px;
    height: 14px;
}

.workflow-assistant__add-source-menu .ui-popover__body {
    padding: 6px;
}

.workflow-assistant .prompt-builder__datasource-menu {
    display: grid;
    gap: 4px;
}

.workflow-assistant .prompt-builder__datasource-menu-button {
    min-height: 30px;
    border-radius: var(--wfa-radius);
    color: var(--text);
    font-size: 0.76rem;
    font-weight: 700;
    text-align: left;
}

.workflow-assistant .prompt-builder__datasource-menu-button:hover,
.workflow-assistant .prompt-builder__datasource-menu-button:focus-visible {
    background: var(--accent-soft);
    color: var(--accent-text);
}

.workflow-assistant__pane-collapsed {
    appearance: none;
    -webkit-appearance: none;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    justify-items: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 10px 6px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius-lg);
    background: var(--surface);
    color: var(--text-muted);
    cursor: pointer;
}

.workflow-assistant__pane-collapsed-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workflow-assistant__run-body {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px;
}

.workflow-assistant__run-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    min-width: 0;
    margin-bottom: 0;
}

.workflow-assistant__run-heading {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.workflow-assistant__run-heading h1 {
    margin: 0;
    overflow: hidden;
    color: var(--text);
    font-family: var(--ui-font-family);
    font-size: clamp(1.28rem, 1.1rem + 0.55vw, 1.85rem);
    font-weight: 650;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workflow-assistant__run-heading p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

.workflow-assistant__run-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 6px;
    min-width: 0;
}

.workflow-assistant__meta-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    max-width: 16rem;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.workflow-assistant__timeline-wrap {
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow-y: auto;
    padding: 4px 2px 0;
}

.workflow-assistant__control-bar {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius-lg);
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: 0 -12px 24px rgba(27, 33, 45, 0.06);
    backdrop-filter: blur(10px);
}

.workflow-assistant__control-zone {
    min-width: 0;
}

.workflow-assistant__control-context {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    flex: 1 1 20rem;
}

.workflow-assistant__control-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
}

.workflow-assistant__download-control {
    display: inline-flex;
    position: relative;
}

.workflow-assistant__download-menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 6px);
    z-index: 40;
    display: grid;
    gap: 4px;
    min-width: 12.25rem;
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius-lg);
    background: var(--surface);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}

.workflow-assistant__download-control--modal .workflow-assistant__download-menu {
    bottom: calc(100% + 8px);
}

.workflow-assistant__download-option {
    justify-content: flex-start;
    width: 100%;
    min-height: 2rem;
    margin-bottom: 0;
    border-color: transparent;
    background: transparent;
}

.workflow-assistant__download-option:not(:disabled):hover {
    border-color: color-mix(in srgb, var(--border) 72%, var(--accent) 28%);
    background: color-mix(in srgb, var(--surface-2) 78%, var(--accent-soft) 22%);
}

.workflow-assistant__control-type-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.workflow-assistant__control-type-badge--analysis {
    color: var(--type-analysis-fg);
    background: var(--type-analysis-bg);
}

.workflow-assistant__control-type-badge--retrieval {
    color: var(--type-retrieval-fg);
    background: var(--type-retrieval-bg);
}

.workflow-assistant__control-type-badge--websearch {
    color: var(--type-websearch-fg);
    background: var(--type-websearch-bg);
}

.workflow-assistant__control-type-badge--agentgraph {
    color: var(--type-agentgraph-fg);
    background: var(--type-agentgraph-bg);
}

.workflow-assistant__control-type-badge--hitl {
    color: var(--type-hitl-fg);
    background: var(--type-hitl-bg);
}

.workflow-assistant__control-type-badge--synthesis {
    color: var(--type-synthesis-fg);
    background: var(--type-synthesis-bg);
}

.workflow-assistant__control-eyebrow,
.workflow-assistant__control-step-indicator {
    color: var(--text-muted);
    font-family: var(--ui-mono-font-family);
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.workflow-assistant__control-title {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workflow-assistant__control-primary {
    margin-left: auto;
}

.workflow-assistant__transport {
    margin-left: auto;
    background: color-mix(in srgb, var(--surface-2) 82%, var(--accent-soft) 18%);
}

.workflow-assistant__transport-button {
    min-width: 2rem;
    min-height: 2rem;
}

.workflow-assistant__transport-button--play:not(:disabled) {
    border-color: color-mix(in srgb, var(--accent) 52%, var(--border) 48%);
}

.workflow-assistant .ui-workspace-tab-strip__add {
    align-self: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    padding: 0.45rem;
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 38%, var(--shell-line, #dddddd));
    background: color-mix(in srgb, var(--shell-accent, #ff665f) 22%, var(--shell-surface, #ffffff));
    color: var(--shell-accent-strong, #a63b36);
    box-shadow: 0 8px 16px color-mix(in srgb, var(--shell-accent, #ff665f) 10%, transparent);
}

.workflow-assistant .ui-workspace-tab-strip__add:hover,
.workflow-assistant .ui-workspace-tab-strip__add:focus-visible {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 54%, var(--shell-line, #dddddd));
    background: color-mix(in srgb, var(--shell-accent, #ff665f) 34%, var(--shell-surface, #ffffff));
    color: var(--shell-accent-strong, #a63b36);
    box-shadow: 0 10px 20px color-mix(in srgb, var(--shell-accent, #ff665f) 16%, transparent);
}

.shell--theme-dark .workflow-assistant .ui-workspace-tab-strip__add {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 40%, var(--shell-line, #4b5563));
    background: color-mix(in srgb, var(--shell-accent, #ff665f) 24%, var(--shell-surface-soft, #31343a));
    color: #ffd6d3;
}

.workflow-assistant__step-dialog .ui-markdown-viewer,
.workflow-assistant__output-body {
    font-family: var(--ui-font-family);
}

.workflow-assistant .ui-modal {
    color: var(--text);
}

.workflow-assistant .ui-modal__dialog {
    border-color: var(--border);
    background: var(--surface);
}

.workflow-assistant .ui-modal__header,
.workflow-assistant .ui-modal__footer {
    border-color: var(--border);
    background: var(--surface);
}

.workflow-assistant .ui-modal__header h2 {
    color: var(--text);
    font-size: 0.86rem;
}

.workflow-assistant .ui-modal__header p {
    color: var(--text-muted);
}

.workflow-assistant .ui-modal__body {
    background: var(--bg);
}

.workflow-assistant .prompt-builder__datasource-modal .ui-modal__body {
    padding: 16px 18px;
}

.workflow-assistant .prompt-builder__upload-datasource-modal {
    --ui-modal-height: 36rem;
}

.workflow-assistant .prompt-builder__upload-datasource-modal .ui-modal__body {
    scrollbar-gutter: stable;
}

.workflow-assistant .workflow-assistant__step-dialog .ui-modal__body {
    padding: 0;
}

.workflow-assistant .workflow-assistant__step-dialog .ui-modal__header {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: start;
    gap: 8px;
    min-height: 3.55rem;
    padding: 10px 12px 8px;
}

.workflow-assistant .workflow-assistant__step-dialog .ui-modal__header-copy {
    align-self: center;
}

.workflow-assistant .workflow-assistant__step-dialog .ui-modal__header-trailing,
.workflow-assistant .workflow-assistant__step-dialog .ui-modal__close {
    align-self: start;
}

.workflow-assistant .workflow-assistant__step-dialog .ui-modal__header-trailing {
    min-height: 1.9rem;
}

.workflow-assistant .workflow-assistant__step-dialog .ui-modal__close {
    width: 1.9rem;
    min-width: 1.9rem;
    height: 1.9rem;
    min-height: 1.9rem;
    padding: 0.35rem;
}

@media (max-width: 760px) {
    .workflow-assistant .workflow-assistant__step-dialog .ui-modal__header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .workflow-assistant .workflow-assistant__step-dialog .ui-modal__header-copy {
        grid-column: 1;
        grid-row: 1;
    }

    .workflow-assistant .workflow-assistant__step-dialog .ui-modal__close {
        grid-column: 2;
        grid-row: 1;
    }

    .workflow-assistant .workflow-assistant__step-dialog .ui-modal__header-trailing {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }
}

.workflow-assistant .workflow-assistant__step-dialog .ui-modal__footer {
    padding: 8px 10px;
}

.workflow-assistant .prompt-builder__datasource-modal-body {
    color: var(--text);
    font-size: 0.8rem;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-file-picker__trigger--dropzone {
    min-height: 7rem;
    border-color: color-mix(in srgb, var(--border) 76%, var(--accent) 24%);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--surface) 88%, var(--accent-soft) 12%) 0%,
            color-mix(in srgb, var(--surface-2) 84%, var(--accent-soft) 16%) 100%);
}

.workflow-assistant .prompt-builder__datasource-modal .ui-file-picker__trigger--dropzone:hover {
    border-color: color-mix(in srgb, var(--accent) 48%, var(--border) 52%);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--surface) 78%, var(--accent-soft) 22%) 0%,
            color-mix(in srgb, var(--surface-2) 74%, var(--accent-soft) 26%) 100%);
}

.workflow-assistant .prompt-builder__upload-original-option {
    display: grid;
    gap: 4px;
    margin-bottom: 10px;
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
}

.workflow-assistant .prompt-builder__upload-original-option p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.72rem;
    line-height: 1.3;
}

.workflow-assistant .prompt-builder__upload-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 1.6rem;
    margin-bottom: 10px;
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.workflow-assistant .prompt-builder__upload-spinner {
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid color-mix(in srgb, var(--border) 72%, transparent);
    border-top-color: var(--accent);
    border-radius: 999px;
    animation: wfa-spin 780ms linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    .workflow-assistant .prompt-builder__upload-spinner {
        animation: none;
    }
}

.workflow-assistant .prompt-builder__datasource-modal-actions,
.workflow-assistant .prompt-builder__prompt-modal-actions,
.workflow-assistant .prompt-builder-page__close-actions {
    gap: 8px;
}

.workflow-assistant .prompt-builder__prompt-modal-actions {
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    align-items: center;
}

.workflow-assistant .prompt-builder__prompt-modal-leading-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    justify-self: start;
}

.workflow-assistant .prompt-builder__prompt-modal-step-actions,
.workflow-assistant .prompt-builder__prompt-modal-command-actions {
    gap: 4px;
    padding: 2px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
}

.workflow-assistant .prompt-builder__prompt-modal-step-actions {
    justify-self: start;
}

.workflow-assistant .prompt-builder__prompt-modal-command-actions {
    justify-self: end;
}

.workflow-assistant .prompt-builder__prompt-modal-step-actions:empty,
.workflow-assistant .prompt-builder__prompt-modal-command-actions:empty {
    display: none;
}

.workflow-assistant .prompt-builder__prompt-modal-body {
    gap: 10px;
    padding: 14px 16px;
}

.workflow-assistant .prompt-builder__prompt-modal-body--activity,
.workflow-assistant .prompt-builder__prompt-modal-body--empty {
    grid-template-rows: minmax(0, 1fr);
}

.workflow-assistant .prompt-builder__prompt-preview-markdown,
.workflow-assistant .prompt-builder__guided-review-output,
.workflow-assistant .prompt-builder__prompt-modal-empty {
    border-color: var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface);
}

.workflow-assistant .prompt-builder__prompt-preview-markdown {
    padding: 16px 18px;
    color: var(--text);
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.55;
}

.workflow-assistant .prompt-builder__prompt-preview-markdown :is(p, ul, ol, blockquote, pre, table) {
    margin-top: 0;
    margin-bottom: 10px;
}

.workflow-assistant .prompt-builder__prompt-preview-markdown :is(h1, h2, h3, h4, h5, h6) {
    margin-top: 0;
    margin-bottom: 10px;
    color: var(--text);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.25;
}

.workflow-assistant .prompt-builder__prompt-preview-markdown > :last-child {
    margin-bottom: 0;
}

.workflow-assistant .prompt-builder__prompt-modal-body--prompt .prompt-builder__prompt-preview-markdown {
    font-family: var(--ui-mono-font-family);
    font-size: 0.76rem;
    line-height: 1.55;
}

.workflow-assistant .prompt-builder__prompt-modal-body--prompt .prompt-builder__prompt-preview-markdown :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--ui-font-family);
}

.workflow-assistant .prompt-builder__prompt-preview-markdown .ui-markdown-viewer__placeholder {
    margin: 0;
    color: var(--text-muted);
}

.workflow-assistant .prompt-builder__prompt-modal-empty {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 12rem;
    height: 100%;
    padding: 18px;
    color: var(--text-muted);
    text-align: center;
}

.workflow-assistant .prompt-builder__prompt-modal-empty p {
    max-width: 28rem;
    margin: 0;
}

.workflow-assistant .prompt-builder__activity-preview {
    display: grid;
    align-content: start;
    gap: 8px;
    min-height: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 12px 14px;
    overflow: auto;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.45;
    list-style: none;
}

.workflow-assistant .prompt-builder__activity-preview li {
    display: grid;
    grid-template-columns: 3.2rem minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-width: 0;
    padding: 6px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--border) 62%, transparent);
}

.workflow-assistant .prompt-builder__activity-preview li:last-child {
    border-bottom: none;
}

.workflow-assistant .prompt-builder__activity-preview-time {
    color: var(--text-subtle);
    font-family: var(--ui-mono-font-family);
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
}

.workflow-assistant .prompt-builder__activity-preview-text {
    min-width: 0;
    color: var(--text);
    overflow-wrap: anywhere;
}

.workflow-assistant .prompt-builder__activity-preview-text:only-child {
    grid-column: 1 / -1;
}

.workflow-assistant .prompt-builder__prompt-files-row,
.workflow-assistant .prompt-builder__prompt-part {
    border-color: var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface);
}

.workflow-assistant .prompt-builder__prompt-files-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
    min-height: 2.35rem;
    margin-bottom: 0;
    padding: 7px 10px;
    background: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);
}

.workflow-assistant .prompt-builder__prompt-files-label {
    flex: 0 0 auto;
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.25;
}

.workflow-assistant .prompt-builder__prompt-files-value {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.workflow-assistant .prompt-builder__prompt-files-empty,
.workflow-assistant .prompt-builder__prompt-file-chip {
    max-width: min(22rem, 100%);
    min-height: 1.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    line-height: 1.2;
}

.workflow-assistant .prompt-builder__prompt-file-chip {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border: 1px solid color-mix(in srgb, var(--border) 72%, var(--text) 28%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface) 82%, var(--text) 10%);
    color: var(--text);
    font-weight: 750;
}

.workflow-assistant .prompt-builder__prompt-files-empty {
    color: var(--text-muted);
}

.workflow-assistant .prompt-builder__prompt-part-content {
    border-color: var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
    font-family: var(--ui-mono-font-family);
}

.workflow-assistant .ui-popover__surface {
    border-color: var(--border);
    background: var(--surface);
}

.workflow-assistant .ui-popover__header {
    border-color: var(--border);
    background: var(--surface);
}

.workflow-assistant .ui-popover__header h3 {
    color: var(--text);
}

.workflow-assistant__output-body--prompt,
.workflow-assistant__step-dialog pre {
    font-family: var(--ui-mono-font-family);
}

@keyframes wfa-pulse {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--running, #ff665f) 28%, transparent);
    }

    70% {
        box-shadow: 0 0 0 8px color-mix(in srgb, var(--running, #ff665f) 0%, transparent);
    }

    100% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--running, #ff665f) 0%, transparent);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ui-timeline__item--running .ui-timeline__marker {
        animation: none;
    }

    .ui-workspace-split {
        transition: none;
    }
}

@media (max-width: 1180px) {
    .workflow-assistant__control-step-indicator {
        display: none;
    }
}

@media (max-width: 980px) {
    .ui-workspace-split,
    .ui-workspace-split--start-collapsed {
        grid-template-columns: 1fr;
    }

    .ui-workspace-split__collapsed-pane {
        min-height: 40px;
    }

    .workflow-assistant__pane-collapsed {
        grid-template-rows: 1fr;
        grid-template-columns: auto 1fr;
        justify-items: start;
    }

    .workflow-assistant__pane-collapsed-label {
        writing-mode: horizontal-tb;
        transform: none;
    }

    .workflow-assistant__run-header {
        grid-template-columns: 1fr;
    }

    .workflow-assistant__run-chips {
        justify-content: start;
    }

    .workflow-assistant__control-step-nav,
    .ui-timeline__meta {
        display: none;
    }

    .ui-timeline__item-head {
        grid-template-columns: 20px 24px minmax(0, 1fr) auto;
    }
}

.ui-action--icon-only {
    position: relative;
    min-height: 2rem;
    min-width: 2rem;
    padding: 0.45rem;
    justify-content: center;
    gap: 0;
}

.ui-action--icon-only .ui-action__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ui-action--icon-only .ui-action__icon {
    width: 1rem;
    height: 1rem;
}

.ui-notification-card {
    display: grid;
    gap: 0.7rem;
}

.ui-notification-card__header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.9rem;
}

.ui-notification-card__copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.ui-notification-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    flex-wrap: wrap;
}








.ui-action__icon--folder::before {
    -webkit-mask-image: url("/images/icons/bootstrap/folder-fill.svg");
    mask-image: url("/images/icons/bootstrap/folder-fill.svg");
}

.ui-action__icon--file::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark.svg");
}

.ui-action__icon--file-word::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-word-fill.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-word-fill.svg");
}

.ui-action__icon--file-excel::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-excel-fill.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-excel-fill.svg");
}

.ui-action__icon--file-powerpoint::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-ppt-fill.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-ppt-fill.svg");
}

.ui-action__icon--file-pdf::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-pdf.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-pdf.svg");
}

.ui-action__icon--file-zip::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-zip.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-zip.svg");
}

.ui-action__icon--file-image::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-image.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-image.svg");
}

.ui-action__icon--file-text::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-text.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-text.svg");
}

.ui-action__icon--file-md::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-md.svg");
    mask-image: url("/images/icons/bootstrap/filetype-md.svg");
}

.ui-action__icon--source-sharepoint::before {
    -webkit-mask-image: url("/images/icons/bootstrap/collection-fill.svg");
    mask-image: url("/images/icons/bootstrap/collection-fill.svg");
}

.ui-action__icon--source-outlook::before {
    -webkit-mask-image: url("/images/icons/bootstrap/envelope-at-fill.svg");
    mask-image: url("/images/icons/bootstrap/envelope-at-fill.svg");
}

.ui-action__icon--source-affinity::before {
    -webkit-mask-image: url("/images/icons/bootstrap/people-fill.svg");
    mask-image: url("/images/icons/bootstrap/people-fill.svg");
}

.ui-action__icon--source-openregister::before {
    -webkit-mask-image: url("/images/icons/bootstrap/building-fill.svg");
    mask-image: url("/images/icons/bootstrap/building-fill.svg");
}

.ui-action__icon--source-misc::before {
    -webkit-mask-image: url("/images/icons/bootstrap/paperclip.svg");
    mask-image: url("/images/icons/bootstrap/paperclip.svg");
}

.ui-action__icon--file-richtext::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-richtext-fill.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-richtext-fill.svg");
}

.ui-action__icon--file-onenote::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-richtext-fill.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-richtext-fill.svg");
}

.ui-action__icon--file-audio::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-music.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-music.svg");
}

.ui-action__icon--file-video::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-play.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-play.svg");
}

.ui-action__icon--file-code::before {
    -webkit-mask-image: url("/images/icons/bootstrap/file-earmark-code.svg");
    mask-image: url("/images/icons/bootstrap/file-earmark-code.svg");
}

.ui-action__icon--file-csv::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-csv.svg");
    mask-image: url("/images/icons/bootstrap/filetype-csv.svg");
}

.ui-action__icon--file-docx::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-docx.svg");
    mask-image: url("/images/icons/bootstrap/filetype-docx.svg");
}

.ui-action__icon--file-xlsx::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-xlsx.svg");
    mask-image: url("/images/icons/bootstrap/filetype-xlsx.svg");
}

.ui-action__icon--file-pptx::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-pptx.svg");
    mask-image: url("/images/icons/bootstrap/filetype-pptx.svg");
}

.ui-action__icon--file-png::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-png.svg");
    mask-image: url("/images/icons/bootstrap/filetype-png.svg");
}

.ui-action__icon--file-jpg::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-jpg.svg");
    mask-image: url("/images/icons/bootstrap/filetype-jpg.svg");
}

.ui-action__icon--file-txt::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filetype-txt.svg");
    mask-image: url("/images/icons/bootstrap/filetype-txt.svg");
}

.ui-action__icon--download::before {
    -webkit-mask-image: url("/images/icons/bootstrap/download.svg");
    mask-image: url("/images/icons/bootstrap/download.svg");
}

.ui-action__icon--upload::before {
    -webkit-mask-image: url("/images/icons/bootstrap/upload.svg");
    mask-image: url("/images/icons/bootstrap/upload.svg");
}

.ui-action__icon--refresh::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
    mask-image: url("/images/icons/bootstrap/arrow-clockwise.svg");
}

.ui-action__icon--filter::before {
    -webkit-mask-image: url("/images/icons/bootstrap/filter.svg");
    mask-image: url("/images/icons/bootstrap/filter.svg");
}

.ui-action__icon--info::before {
    -webkit-mask-image: url("/images/icons/bootstrap/info-circle.svg");
    mask-image: url("/images/icons/bootstrap/info-circle.svg");
}

.ui-action__icon--question::before {
    -webkit-mask-image: url("/images/icons/bootstrap/question-circle.svg");
    mask-image: url("/images/icons/bootstrap/question-circle.svg");
}

.ui-action__icon--chevron-right::before {
    -webkit-mask-image: url("/images/icons/bootstrap/chevron-right.svg");
    mask-image: url("/images/icons/bootstrap/chevron-right.svg");
}

.ui-action__icon--chevron-down::before {
    -webkit-mask-image: url("/images/icons/bootstrap/chevron-down.svg");
    mask-image: url("/images/icons/bootstrap/chevron-down.svg");
}

.ui-tree-item {
    display: grid;
    gap: 2px;
}

.ui-tree-item__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    padding-left: calc(var(--ui-tree-depth, 0) * 0.9rem);
}

.ui-tree-item__toggle,
.ui-tree-item__button {
    border: none;
    background: transparent;
    color: inherit;
}

.ui-tree-item__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    cursor: pointer;
    color: var(--shell-muted, #756f67);
    transition: background-color 120ms ease, color 120ms ease;
}

.ui-tree-item__toggle:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 78%, var(--shell-accent, #ff665f) 8%);
    color: var(--shell-ink, #20242a);
}

.ui-tree-item__button:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 78%, var(--shell-accent, #ff665f) 6%);
    color: var(--shell-ink, #20242a);
}

.ui-tree-item__toggle:focus-visible,
.ui-tree-item__button:focus-visible {
    outline: none;
}

.ui-tree-item__toggle:focus,
.ui-tree-item__button:focus {
    outline: none;
}

.ui-tree-item__toggle-placeholder {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
}

.ui-tree-item__button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
    min-height: 2.1rem;
    padding: 0.35rem 0.55rem;
    border-radius: var(--ui-radius-soft, 8px);
    cursor: pointer;
    text-align: left;
    transition: background-color 120ms ease, color 120ms ease;
}

.ui-tree-item__button--selected {
    background: linear-gradient(180deg, rgba(255, 102, 95, 0.12) 0%, rgba(255, 102, 95, 0.07) 100%);
    color: var(--shell-accent-strong, #a63b36);
}

.ui-tree-item__icon {
    color: var(--shell-accent-strong, #a63b36);
}

.ui-action__icon--loading::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-repeat.svg");
    mask-image: url("/images/icons/bootstrap/arrow-repeat.svg");
    animation: ui-action-icon-spin 0.9s linear infinite;
}

.external-source-picker__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.external-source-picker__toolbar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 20rem));
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.external-source-picker__field-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.external-source-picker__query-row {
    display: grid;
    grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.external-source-picker__filter-stack {
    display: grid;
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.external-source-picker__filter-row {
    display: grid;
    grid-template-columns: minmax(12rem, 1.2fr) minmax(9rem, 0.8fr) minmax(12rem, 1fr) auto;
    align-items: end;
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.external-source-picker__filter-row--range {
    grid-template-columns: minmax(12rem, 1.2fr) minmax(9rem, 0.8fr) minmax(10rem, 1fr) minmax(10rem, 1fr) auto;
}

.external-source-picker__filter-row-action {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    min-width: 0;
    margin-bottom: 0;
}

.external-source-picker__toolbar > *,
.external-source-picker__field-grid > *,
.external-source-picker__query-row > *,
.external-source-picker__filter-row > * {
    min-width: 0;
}

.external-source-picker__actions,
.external-source-picker__footer {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.external-source-picker__footer {
    justify-content: flex-end;
}

.external-source-picker__search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
    min-width: 0;
}

.external-source-picker__search-row-action {
    display: flex;
    align-items: end;
    min-width: 0;
}

.external-source-picker__checklist,
.external-source-picker__radio-group {
    margin-bottom: 0;
}

@media (max-width: 760px) {
    .external-source-picker__toolbar,
    .external-source-picker__field-grid,
    .external-source-picker__query-row,
    .external-source-picker__filter-row,
    .external-source-picker__filter-row--range,
    .external-source-picker__search-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .external-source-picker__footer .ui-action,
    .external-source-picker__search-row-action .ui-action {
        flex: 1 1 0;
        justify-content: center;
    }
}

.ui-tree-item__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.ui-tree-item__status {
    margin-left: auto;
    font-size: 0.72rem;
    color: var(--shell-muted, #756f67);
}

.ui-tree-item__children {
    display: grid;
    gap: 2px;
}

.ui-popover {
    position: fixed;
    top: var(--ui-floating-top, 0);
    left: var(--ui-floating-left, 0);
    z-index: var(--ui-z-floating, 360);
    right: auto;
    width: var(--ui-floating-width, min(24rem, calc(100vw - 2rem)));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px) scale(0.985);
    transform-origin: top right;
    transition:
        opacity 120ms ease,
        transform 120ms ease,
        visibility 0s linear 120ms;
}

.ui-popover[data-ui-floating-horizontal="start"] {
    transform-origin: top left;
}

.ui-popover[data-ui-floating-vertical="top"] {
    transform: translateY(6px) scale(0.985);
    transform-origin: bottom right;
}

.ui-popover[data-ui-floating-horizontal="start"][data-ui-floating-vertical="top"] {
    transform-origin: bottom left;
}

.ui-popover--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition-delay: 0s, 0s, 0s;
}

.ui-popover__surface {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    border: 1px solid var(--shell-line, #e8dfd4);
    border-radius: var(--ui-radius, 8px);
    background: var(--shell-surface, #ffffff);
    box-shadow: 0 18px 40px rgba(27, 33, 45, 0.14);
    max-height: min(24rem, var(--ui-floating-max-height, calc(100vh - 2rem)));
    overflow: hidden;
    overscroll-behavior: contain;
}

.ui-popover__header {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 6px;
    min-width: 0;
    padding: 10px 42px 8px 12px;
    border-bottom: 1px solid var(--shell-line-soft, rgba(32, 36, 42, 0.08));
    background: var(--shell-surface, #ffffff);
}

.ui-popover__header h3 {
    margin: 0;
    color: var(--shell-ink, #20242a);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-popover__body {
    min-width: 0;
    min-height: 0;
    padding: 10px 12px 12px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.ui-popover__body > * {
    min-width: 0;
    max-width: 100%;
}

.ui-popover__header > .ui-tooltip,
.ui-popover__header > .ui-action__tooltip {
    position: absolute;
    top: 7px;
    right: 7px;
    width: auto;
    flex: 0 0 auto;
}

.ui-popover__close {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.shell--theme-dark .ui-tree-item__toggle:hover,
.shell--theme-dark .ui-tree-item__button:hover {
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-tree-item__toggle:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 70%, var(--shell-accent, #ff665f) 14%);
}

.shell--theme-dark .ui-tree-item__button:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 76%, var(--shell-accent, #ff665f) 10%);
}

.shell--theme-dark .ui-tree-item__button--selected {
    color: var(--shell-accent-strong, #ff8178);
}

.shell--theme-dark .ui-popover__surface {
    background: var(--shell-surface, #202225);
}

.shell--theme-dark .ui-help-popover__surface {
    border-color: rgba(255, 255, 255, 0.68);
}

.shell--theme-dark .ui-popover__header h3 {
    color: var(--shell-ink, #f5efe7);
}
.ui-action__icon--projects::before {
    -webkit-mask-image: url("/images/icons/bootstrap/briefcase-fill.svg");
    mask-image: url("/images/icons/bootstrap/briefcase-fill.svg");
}

.ui-action__icon--areas::before {
    -webkit-mask-image: url("/images/icons/bootstrap/grid-fill.svg");
    mask-image: url("/images/icons/bootstrap/grid-fill.svg");
}

.ui-action__icon--resources::before {
    -webkit-mask-image: url("/images/icons/bootstrap/bookmarks-fill.svg");
    mask-image: url("/images/icons/bootstrap/bookmarks-fill.svg");
}

.ui-action__icon--archive::before {
    -webkit-mask-image: url("/images/icons/bootstrap/archive-fill.svg");
    mask-image: url("/images/icons/bootstrap/archive-fill.svg");
}

.ui-action__icon--template::before {
    -webkit-mask-image: url("/images/icons/bootstrap/card-text.svg");
    mask-image: url("/images/icons/bootstrap/card-text.svg");
}

.ui-action__icon--dashboard::before {
    -webkit-mask-image: url("/images/icons/bootstrap/speedometer2.svg");
    mask-image: url("/images/icons/bootstrap/speedometer2.svg");
}

.ui-action__icon--sp-explorer::before {
    -webkit-mask-image: url("/images/icons/bootstrap/folder-fill.svg");
    mask-image: url("/images/icons/bootstrap/folder-fill.svg");
}

.ui-action__icon--playground::before {
    -webkit-mask-image: url("/images/icons/bootstrap/beaker.svg");
    mask-image: url("/images/icons/bootstrap/beaker.svg");
}

.ui-action__icon--saas-proxy::before {
    -webkit-mask-image: url("/images/icons/bootstrap/arrow-left-right.svg");
    mask-image: url("/images/icons/bootstrap/arrow-left-right.svg");
}


.ui-progress-strip {
    display: grid;
    gap: 6px;
    width: 100%;
}

.ui-progress-strip__track {
    position: relative;
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--shell-line, #dddddd) 78%, transparent);
}

.ui-progress-strip__indicator {
    position: absolute;
    inset: 0 auto 0 -32%;
    width: 32%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 102, 95, 0.22) 0%, rgba(255, 102, 95, 0.92) 50%, rgba(255, 102, 95, 0.22) 100%);
    animation: ui-progress-strip-slide 1.25s ease-in-out infinite;
}

.ui-progress-strip__label {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--shell-muted, #756f67);
    letter-spacing: 0.02em;
}

@keyframes ui-progress-strip-slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(420%);
    }
}

@keyframes ui-action-icon-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.ui-step-navigator {
    display: grid;
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
}

.ui-step-navigator__action--previous {
    justify-self: start;
}

.ui-step-navigator__action--next {
    justify-self: end;
}

.ui-step-navigator__current {
    display: grid;
    justify-content: center;
}

.ui-step-navigator__steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ui-step-navigator--labels .ui-step-navigator__steps {
    justify-content: flex-start;
}

.ui-step-navigator__marker {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid var(--shell-line, #dddddd);
    background: color-mix(in srgb, var(--shell-surface-soft, #f2f2ef) 88%, transparent);
    color: var(--shell-ink, #2f2f2f);
    font-size: 0.95rem;
    font-weight: 800;
    box-shadow: none;
}

.ui-step-navigator__marker--pending {
    color: var(--shell-muted, #756f67);
}

.ui-step-navigator__marker--complete {
    border-color: color-mix(in srgb, #4ca66c 52%, var(--shell-line, #dddddd));
    background: color-mix(in srgb, #ddf3e4 74%, var(--shell-surface, #ffffff));
    color: #1f6a3c;
}

.ui-step-navigator__marker--current {
    border-color: #f0554f;
    background: linear-gradient(180deg, #ff665f 0%, #f0554f 100%);
    color: var(--shell-ink, #20242a);
    box-shadow: 0 10px 22px rgba(240, 85, 79, 0.18);
}

.ui-step-navigator__marker--working::after {
    content: "";
    position: absolute;
    inset: -0.28rem;
    border-radius: 999px;
    border: 2px solid rgba(240, 85, 79, 0.16);
    border-top-color: #f0554f;
    animation: ui-step-navigator-spin 0.9s linear infinite;
    pointer-events: none;
}

.ui-step-navigator__marker--error {
    border-color: rgba(216, 79, 73, 0.4);
    background: color-mix(in srgb, #d84f49 14%, var(--shell-surface, #ffffff));
    color: var(--shell-accent-strong, #a63b36);
}

a.ui-step-navigator__marker {
    text-decoration: none;
}

button.ui-step-navigator__marker {
    cursor: pointer;
}

button.ui-step-navigator__marker:hover,
a.ui-step-navigator__marker:hover {
    transform: translateY(-1px);
}

button.ui-step-navigator__marker:focus,
button.ui-step-navigator__marker:focus-visible,
a.ui-step-navigator__marker:focus,
a.ui-step-navigator__marker:focus-visible {
    outline: none;
}

.ui-step-navigator__step {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: min(14rem, 100%);
    padding: 4px 6px 4px 4px;
    border: 1px solid transparent;
    border-radius: calc(var(--ui-radius, 10px) + 2px);
    background: transparent;
    color: inherit;
    text-decoration: none;
    transition:
        border-color 120ms ease,
        background-color 120ms ease,
        transform 120ms ease;
}

.ui-step-navigator__step:hover {
    transform: translateY(-1px);
}

.ui-step-navigator__step:focus,
.ui-step-navigator__step:focus-visible {
    outline: none;
}

.ui-step-navigator__step--current {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 18%, var(--shell-line, #dddddd));
    background: color-mix(in srgb, var(--shell-accent-soft, #fff4f2) 54%, transparent);
}

.ui-step-navigator__step--complete {
    background: color-mix(in srgb, #ddf3e4 42%, transparent);
}

.ui-step-navigator__step--error {
    background: color-mix(in srgb, #d84f49 10%, transparent);
}

.ui-step-navigator__step-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 700;
}

.ui-step-navigator__step .ui-step-navigator__marker {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    font-size: 0.82rem;
}

.shell--theme-dark .ui-step-navigator__marker {
    border-color: color-mix(in srgb, var(--shell-line, #4b5563) 86%, transparent);
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 92%, transparent);
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-step-navigator__marker--pending {
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-step-navigator__marker--complete {
    border-color: color-mix(in srgb, #5ec17f 60%, var(--shell-line, #4b5563));
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 66%, #2f7d4d 34%);
    color: #e3f8ea;
}

.shell--theme-dark .ui-step-navigator__marker--current {
    border-color: rgba(255, 132, 124, 0.72);
    background: linear-gradient(180deg, rgba(255, 102, 95, 0.88) 0%, rgba(240, 85, 79, 0.88) 100%);
    color: #111418;
}

.shell--theme-dark .ui-step-navigator__marker--working::after {
    border-color: rgba(255, 132, 124, 0.18);
    border-top-color: rgba(255, 132, 124, 0.88);
}

.shell--theme-dark .ui-step-navigator__marker--error {
    border-color: rgba(255, 132, 124, 0.46);
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 74%, #d84f49 26%);
    color: #ffd6d3;
}

.shell--theme-dark .ui-step-navigator__step--current {
    border-color: color-mix(in srgb, var(--shell-accent, #ff665f) 24%, var(--shell-line, #4b5563));
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 72%, var(--shell-accent, #ff665f) 8%);
}

.shell--theme-dark .ui-step-navigator__step--complete {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 74%, #2f7d4d 26%);
}

.shell--theme-dark .ui-step-navigator__step--error {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 78%, #d84f49 22%);
}

@keyframes ui-step-navigator-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 760px) {
    .ui-pagination-bar {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-pagination-bar__actions {
        justify-content: flex-start;
    }

    .ui-step-navigator {
        grid-template-columns: auto 1fr auto;
    }

    .ui-step-navigator__action {
        min-width: 0;
    }
}

.ui-sp-browser {
    display: grid;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    min-height: 0;
    height: 100%;
    align-items: stretch;
}

.ui-sp-browser__pane {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.ui-sp-browser__pane--tree {
    padding-right: 10px;
    border-right: 1px solid color-mix(in srgb, var(--shell-line, #e8dfd4) 72%, transparent);
}

.ui-sp-browser__pane--content {
    padding-left: 10px;
}

.ui-sp-browser__pane-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    margin-bottom: 10px;
}

.ui-sp-browser__pane-header h2,
.ui-sp-browser__pane-header p,
.ui-sp-browser__item-copy strong,
.ui-sp-browser__metadata dt {
    margin: 0;
}

.ui-sp-browser__pane-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.ui-sp-browser__pane-copy h2 {
    font-size: 1rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.ui-sp-browser__pane-copy p {
    color: var(--shell-muted, #756f67);
    overflow-wrap: anywhere;
}

.ui-sp-browser__pane-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.ui-sp-browser__pane-body {
    min-height: 0;
    overflow: auto;
    align-content: start;
}

.ui-sp-browser__tree,
.ui-sp-browser__items {
    display: grid;
    gap: 2px;
    align-content: start;
}

.ui-sp-browser__empty,
.ui-sp-browser__banner {
    width: 100%;
}

.ui-sp-browser__item {
    position: relative;
    display: grid;
    gap: 4px;
}

.ui-sp-browser__item-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border-radius: var(--ui-radius-soft, 8px);
    transition: background-color 120ms ease, border-color 120ms ease;
}

.ui-sp-browser__item-shell:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #fbf8f4) 68%, var(--shell-accent, #e36e2c) 10%);
    border-color: color-mix(in srgb, var(--shell-accent, #e36e2c) 18%, transparent);
}

.ui-sp-browser__item-name {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding: 0.55rem 0.8rem;
    border: none;
    border-radius: var(--ui-radius-soft, 8px);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 120ms ease;
}

.ui-sp-browser__item-name:hover,
.ui-sp-browser__item-name:focus-visible,
.ui-sp-browser__item-details[open] > .ui-sp-browser__item-name--file {
    background: transparent;
    color: var(--shell-ink, #20242a);
}

.ui-sp-browser__item-name:focus,
.ui-sp-browser__item-name:focus-visible {
    outline: none;
}

.ui-sp-browser__item-name--static {
    cursor: default;
}

.ui-sp-browser__item-details {
    position: relative;
    min-width: 0;
}

.ui-sp-browser__item-details summary {
    list-style: none;
    user-select: none;
}

.ui-sp-browser__item-details summary::-webkit-details-marker {
    display: none;
}

.ui-sp-browser__item-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ui-sp-browser__item-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-sp-browser__item-icon {
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;
}

.ui-sp-browser__item-icon::before {
    width: 1.5rem;
    height: 1.5rem;
}

.ui-sp-browser__item-icon--folder {
    color: var(--shell-folder-accent, #8a5a06);
}

.ui-sp-browser__item-icon--neutral {
    color: var(--shell-muted, #756f67);
}

.ui-sp-browser__item-icon--word {
    color: #2b579a;
}

.ui-sp-browser__item-icon--excel {
    color: #217346;
}

.ui-sp-browser__item-icon--powerpoint {
    color: #d24726;
}

.ui-sp-browser__item-icon--onenote {
    color: #80397b;
}

.ui-sp-browser__item-icon--pdf {
    color: #b30b00;
}

.ui-sp-browser__item-icon--zip {
    color: #8a6f47;
}

.ui-sp-browser__item-icon--image {
    color: #0f6cbd;
}

.ui-sp-browser__item-icon--code {
    color: #5c2d91;
}

.ui-sp-browser__item-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-right: 6px;
    margin: 0;
}

.ui-sp-browser__item-action.ui-action {
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
    gap: 0.45rem;
    line-height: 1.2;
}

.ui-sp-browser__item--file .ui-sp-browser__item-actions {
    align-self: center;
}

.ui-sp-browser__item-popover {
    position: absolute;
    left: calc(0.8rem + 1.8rem + 0.65rem);
    top: var(--ui-sp-popover-top, calc(100% + 8px));
    bottom: var(--ui-sp-popover-bottom, auto);
    z-index: 8;
    width: max-content;
    min-width: min(22rem, calc(100vw - 4rem));
    max-width: min(42rem, calc(100vw - 4rem));
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--shell-line, #e8dfd4) 82%, transparent);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 244, 237, 0.98) 100%);
    box-shadow: 0 16px 38px rgba(23, 27, 32, 0.12);
}

.ui-sp-browser__item-details--above > .ui-sp-browser__item-popover {
    top: auto;
    bottom: calc(100% + 8px);
}

.ui-sp-browser__item-details--below > .ui-sp-browser__item-popover {
    top: calc(100% + 8px);
    bottom: auto;
}

.ui-sp-browser__item-details--above {
    --ui-sp-popover-top: auto;
    --ui-sp-popover-bottom: calc(100% + 8px);
}

.ui-sp-browser__item-details--below {
    --ui-sp-popover-top: calc(100% + 8px);
    --ui-sp-popover-bottom: auto;
}

.ui-sp-browser__item-popover-content {
    display: block;
}

.ui-sp-browser__metadata {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 6px;
    margin: 0;
    align-items: start;
}

.ui-sp-browser__metadata dt {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--shell-muted, #756f67);
    line-height: 1.35;
    white-space: nowrap;
    text-align: left;
    align-self: start;
}

.ui-sp-browser__metadata dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--shell-ink, #20242a);
    line-height: 1.35;
    text-align: left;
    align-self: start;
}

.shell--theme-dark .ui-sp-browser__pane-copy p,
.shell--theme-dark .ui-sp-browser__metadata dt {
    color: var(--shell-muted, #a6afbb);
}

.shell--theme-dark .ui-sp-browser__item-shell:hover {
    background: color-mix(in srgb, var(--shell-surface-soft, #31343a) 76%, var(--shell-accent, #ff665f) 10%);
}

.shell--theme-dark .ui-sp-browser__item-name:hover,
.shell--theme-dark .ui-sp-browser__item-name:focus-visible,
.shell--theme-dark .ui-sp-browser__item-details[open] > .ui-sp-browser__item-name--file {
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-sp-browser__item-popover {
    border-color: rgba(255, 248, 242, 0.16);
    background: linear-gradient(180deg, rgba(22, 27, 34, 0.98) 0%, rgba(28, 35, 44, 0.98) 100%);
}

.shell--theme-dark .ui-sp-browser__metadata dd {
    color: var(--shell-ink, #f5efe7);
}

.shell--theme-dark .ui-sp-browser__item-icon--folder {
    color: var(--shell-folder-accent, #e7bf52);
}

.shell--theme-dark .ui-sp-browser__item-icon--word {
    color: #85b7ff;
}

.shell--theme-dark .ui-sp-browser__item-icon--excel {
    color: #70d391;
}

.shell--theme-dark .ui-sp-browser__item-icon--powerpoint {
    color: #ff9d72;
}

.shell--theme-dark .ui-sp-browser__item-icon--onenote {
    color: #d78bd7;
}

.shell--theme-dark .ui-sp-browser__item-icon--pdf {
    color: #ff8178;
}

.shell--theme-dark .ui-sp-browser__item-icon--zip {
    color: #d6bd8d;
}

.shell--theme-dark .ui-sp-browser__item-icon--image {
    color: #76c9ff;
}

.shell--theme-dark .ui-sp-browser__item-icon--code {
    color: #c2a0ff;
}

@media (max-width: 980px) {
    .ui-sp-browser {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ui-sp-browser__pane--tree {
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid color-mix(in srgb, var(--shell-line, #e8dfd4) 72%, transparent);
        padding-bottom: 10px;
    }

    .ui-sp-browser__pane--content {
        padding-left: 0;
    }
}

@media (max-width: 760px) {
    .ui-sp-browser__pane-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-sp-browser__pane-actions {
        justify-content: flex-start;
    }

    .ui-sp-browser__item-shell {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .ui-sp-browser__item-actions {
        justify-content: flex-start;
        padding-right: 0;
        padding-left: 0.7rem;
        padding-bottom: 0.45rem;
    }

    .ui-sp-browser__item-popover {
        left: 0 !important;
        top: calc(100% + 8px) !important;
        bottom: auto !important;
        min-width: min(18rem, calc(100vw - 3rem));
        max-width: min(100%, calc(100vw - 3rem));
    }

    .ui-sp-browser__metadata {
        grid-template-columns: 1fr;
        row-gap: 8px;
    }
}

.workflow-assistant .prompt-builder__provider-datasource-modal.ui-modal__dialog--fit-content .ui-modal__body,
.workflow-assistant .prompt-builder__openregister-datasource-modal.ui-modal__dialog--fit-content .ui-modal__body {
    max-height: min(34rem, calc(100dvh - 8.5rem));
    scrollbar-gutter: stable;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-modal__footer {
    padding: 8px 10px;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-status-banner {
    margin-bottom: 0;
    padding: 7px 9px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
    color: var(--text);
    font-size: 0.74rem;
    line-height: 1.35;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-status-banner span {
    color: var(--text-muted);
}

.workflow-assistant .external-source-picker__body {
    gap: 12px;
    padding-right: 2px;
    color: var(--text);
    font-size: 0.78rem;
}

.workflow-assistant .external-source-picker__field-grid,
.workflow-assistant .external-source-picker__query-row,
.workflow-assistant .external-source-picker__search-row {
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface);
}

.workflow-assistant .external-source-picker__toolbar {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: 10px;
}

.workflow-assistant .external-source-picker__query-row {
    grid-template-columns: minmax(13rem, 0.9fr) minmax(0, 1.1fr);
}

.workflow-assistant .external-source-picker__search-row {
    grid-template-columns: minmax(0, 1fr) auto;
}

.workflow-assistant .external-source-picker__actions {
    justify-content: flex-end;
    gap: 6px;
    margin-bottom: 0;
}

.workflow-assistant .external-source-picker__actions .ui-action,
.workflow-assistant .external-source-picker__search-row-action .ui-action {
    min-height: 2rem;
    padding-block: 0.35rem;
}

.workflow-assistant .external-source-picker__footer {
    gap: 6px;
}

.workflow-assistant .external-source-picker__footer .ui-action {
    min-height: 2rem;
    padding-block: 0.35rem;
}

.workflow-assistant .external-source-picker__footer .ui-action--icon-only {
    width: 2rem;
    min-width: 2rem;
    padding-inline: 0;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-field-block {
    gap: 4px;
    margin-bottom: 0;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-field-block__header {
    margin-bottom: 0;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-field-block__label {
    color: var(--text);
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.1;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-input,
.workflow-assistant .prompt-builder__datasource-modal .ui-select__trigger,
.workflow-assistant .prompt-builder__datasource-modal .ui-multi-select__trigger,
.workflow-assistant .prompt-builder__datasource-modal .ui-textarea {
    border-color: var(--border);
    background: var(--surface-2);
    color: var(--text);
    font-size: 0.78rem;
}

.workflow-assistant .prompt-builder__datasource-modal .ui-input:focus,
.workflow-assistant .prompt-builder__datasource-modal .ui-select__trigger:focus-visible,
.workflow-assistant .prompt-builder__datasource-modal .ui-multi-select__trigger:focus-visible,
.workflow-assistant .prompt-builder__datasource-modal .ui-textarea:focus {
    border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);
}

.workflow-assistant .external-source-picker__radio-group .ui-radio-group__options,
.workflow-assistant .external-source-picker__checklist {
    gap: 6px;
}

.workflow-assistant .external-source-picker__radio-group .ui-radio-group__option,
.workflow-assistant .external-source-picker__checklist .ui-checklist__item {
    min-height: 2.5rem;
    padding: 8px 10px;
    border-color: var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface);
    transition: background-color 120ms ease, border-color 120ms ease;
}

.workflow-assistant .external-source-picker__radio-group .ui-radio-group__option:hover,
.workflow-assistant .external-source-picker__checklist .ui-checklist__item:hover {
    border-color: color-mix(in srgb, var(--accent) 22%, var(--border));
    background: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);
}

.workflow-assistant .external-source-picker__radio-group .ui-radio-group__option:has(.ui-radio-group__native:checked),
.workflow-assistant .external-source-picker__checklist .ui-checklist__item:has(.ui-checkbox__native:checked) {
    border-color: color-mix(in srgb, var(--accent) 34%, var(--border));
    background: color-mix(in srgb, var(--accent-soft) 56%, var(--surface));
}

.workflow-assistant .external-source-picker__radio-group .ui-radio-group__copy {
    gap: 2px;
}

.workflow-assistant .external-source-picker__radio-group .ui-radio-group__copy strong,
.workflow-assistant .external-source-picker__checklist .ui-checkbox__label {
    overflow: hidden;
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.workflow-assistant .external-source-picker__radio-group .ui-radio-group__copy span,
.workflow-assistant .external-source-picker__checklist .ui-checklist__meta,
.workflow-assistant .external-source-picker__checklist .ui-checklist__empty {
    color: var(--text-muted);
    font-size: 0.72rem;
    line-height: 1.3;
}

.workflow-assistant .external-source-picker__filter-stack {
    gap: 6px;
}

.workflow-assistant .external-source-picker__filter-row {
    align-items: end;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface);
}

.workflow-assistant .external-source-picker__filter-row-action .ui-action {
    width: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser.ui-sp-browser {
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface);
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__pane--tree {
    padding-right: 10px;
    border-right-color: var(--border);
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__pane--content {
    padding-left: 0;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__pane-header {
    min-height: 0;
    margin-bottom: 8px;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__pane-copy h2 {
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 800;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__pane-copy p {
    color: var(--text-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__tree,
.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__items {
    gap: 4px;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-tree-item__button,
.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-shell {
    border: 1px solid transparent;
    border-radius: var(--wfa-radius);
    background: transparent;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-tree-item__button:hover,
.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-shell:hover {
    border-color: color-mix(in srgb, var(--accent) 22%, var(--border));
    background: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-tree-item__button--selected {
    border-color: color-mix(in srgb, var(--accent) 34%, var(--border));
    background: color-mix(in srgb, var(--accent-soft) 56%, var(--surface));
    color: var(--text);
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-name {
    min-height: 2.35rem;
    padding: 0.42rem 0.55rem;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-copy strong,
.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-tree-item__label {
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 750;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-icon {
    width: 1.55rem;
    height: 1.55rem;
    flex-basis: 1.55rem;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-actions {
    gap: 4px;
    padding-right: 4px;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-action.ui-action,
.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-actions .ui-action {
    min-height: 1.85rem;
    padding: 0.3rem 0.48rem;
    font-size: 0.72rem;
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__empty,
.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__banner {
    border: 1px solid var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface-2);
}

.workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__item-popover {
    border-color: var(--border);
    border-radius: var(--wfa-radius);
    background: var(--surface);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
}

@media (max-width: 980px) {
    .workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__pane--tree {
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid var(--border);
        padding-bottom: 10px;
    }

    .workflow-assistant .prompt-builder__sharepoint-picker-browser .ui-sp-browser__pane--content {
        padding-left: 0;
    }
}

@media (max-width: 760px) {
    .workflow-assistant .external-source-picker__query-row,
    .workflow-assistant .external-source-picker__search-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .workflow-assistant .external-source-picker__footer {
        justify-content: stretch;
    }

    .workflow-assistant .external-source-picker__footer .ui-action:not(.ui-action--icon-only) {
        flex: 1 1 0;
        justify-content: center;
    }
}