.aic[b-t0bqr2ggi3] {
    max-width: 760px;
    margin: 14px 0;
}

.aic:first-child[b-t0bqr2ggi3] { margin-top: 2px; }
.aic:last-child[b-t0bqr2ggi3] { margin-bottom: 2px; }

.aac[b-va4b2liaon] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 0;
    margin: 12px 0;
}

.aac:first-child[b-va4b2liaon] { margin-top: 2px; }
.aac:last-child[b-va4b2liaon] { margin-bottom: 2px; }

.aac-head[b-va4b2liaon] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    height: 18px;
    font-size: var(--text-xs);
    line-height: 18px;
    color: var(--text-secondary);
}

.aac-title[b-va4b2liaon] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aac-unit[b-va4b2liaon] {
    flex: 0 0 auto;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.aac-plot[b-va4b2liaon] {
    height: 208px;
    min-width: 0;
}

.aac-plot[b-va4b2liaon]  > div {
    height: 100%;
    min-height: 0;
}

.aac-hold[b-va4b2liaon] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--border-default);
    border-radius: var(--r-ctl);
    font-size: var(--text-xs);
    color: var(--text-quaternary);
}

.evs-head[b-fp4orpozz2] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.evs-verdict[b-fp4orpozz2] {
    flex: none;
    min-width: 50px;
    padding: 3px 9px;
    box-sizing: border-box;
    border-radius: var(--r-ctl);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    text-align: center;
    background: var(--surface-active);
    color: var(--text-secondary);
}

.evs-verdict.pass[b-fp4orpozz2] { background: var(--status-ok-soft); color: var(--status-ok); }
.evs-verdict.warn[b-fp4orpozz2] { background: var(--status-warn-soft); color: var(--status-warn); }
.evs-verdict.fail[b-fp4orpozz2] { background: var(--status-crit-soft); color: var(--status-crit); }
.evs-verdict.none[b-fp4orpozz2],
.evs-verdict.skip[b-fp4orpozz2] { color: var(--text-tertiary); }

.evs-score[b-fp4orpozz2] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.evs-title[b-fp4orpozz2] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.evs-key[b-fp4orpozz2] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evs-sub[b-fp4orpozz2] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evs-nav[b-fp4orpozz2] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.evs-step[b-fp4orpozz2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.evs-step:hover:not(:disabled)[b-fp4orpozz2] { background: var(--surface-hover); color: var(--text-primary); }
.evs-step:disabled[b-fp4orpozz2] { color: var(--text-quaternary); cursor: default; }
.evs-step .material-icons[b-fp4orpozz2] { font-size: 20px; }

.evs-pos[b-fp4orpozz2] {
    min-width: 62px;
    text-align: center;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}


.evs-body[b-fp4orpozz2] {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    transition: opacity var(--transition-fast);
}

.evs-body.is-reading[b-fp4orpozz2] { opacity: 0.55; }

.evs-state[b-fp4orpozz2] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.evs-facts[b-fp4orpozz2] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px;
}

.evs-fact[b-fp4orpozz2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-pill);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.evs-fact b[b-fp4orpozz2] { font-weight: var(--weight-semibold); color: var(--text-primary); }
.evs-fact.warn[b-fp4orpozz2] { border-color: var(--status-warn); color: var(--status-warn); }
.evs-fact.then[b-fp4orpozz2] { border-style: dashed; }

.evs-mini[b-fp4orpozz2] {
    padding: 0 5px;
    border-radius: var(--r-ctl);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    background: var(--surface-active);
}

.evs-mini.pass[b-fp4orpozz2] { background: var(--status-ok-soft); color: var(--status-ok); }
.evs-mini.warn[b-fp4orpozz2] { background: var(--status-warn-soft); color: var(--status-warn); }
.evs-mini.fail[b-fp4orpozz2] { background: var(--status-crit-soft); color: var(--status-crit); }

.evs-callout[b-fp4orpozz2] { margin: 0; }

.evs-sec[b-fp4orpozz2] {
    gap: 8px;
    padding-bottom: 12px;
}

.evs-turns[b-fp4orpozz2] { gap: 4px; padding-bottom: 4px; }

.evs-sec-head[b-fp4orpozz2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.evs-note[b-fp4orpozz2] {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    letter-spacing: 0;
    text-transform: none;
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.evs-num[b-fp4orpozz2] { font-variant-numeric: tabular-nums; }

.evs-question[b-fp4orpozz2] {
    font-size: var(--text-base);
    line-height: 1.55;
    color: var(--text-primary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.evs-none[b-fp4orpozz2] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.evs-turn-meta[b-fp4orpozz2] {
    margin: 6px 0 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.evs-turn .evs-question[b-fp4orpozz2] { margin-bottom: 8px; color: var(--text-secondary); }



.evs-answer[b-fp4orpozz2] {
    font-size: var(--text-base);
    line-height: 1.6;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.evs-answer[b-fp4orpozz2]  p { margin: 0 0 8px; }
.evs-answer[b-fp4orpozz2]  p:last-child { margin-bottom: 0; }
.evs-answer[b-fp4orpozz2]  h1,
.evs-answer[b-fp4orpozz2]  h2,
.evs-answer[b-fp4orpozz2]  h3,
.evs-answer[b-fp4orpozz2]  h4 {
    margin: 14px 0 6px;
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}
.evs-answer[b-fp4orpozz2]  h1:first-child,
.evs-answer[b-fp4orpozz2]  h2:first-child,
.evs-answer[b-fp4orpozz2]  h3:first-child { margin-top: 0; }
.evs-answer[b-fp4orpozz2]  strong { font-weight: var(--weight-display); }
.evs-answer[b-fp4orpozz2]  ul,
.evs-answer[b-fp4orpozz2]  ol { margin: 4px 0 8px; padding-left: 20px; }
.evs-answer[b-fp4orpozz2]  li { margin: 2px 0; }
.evs-answer[b-fp4orpozz2]  code {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-inset);
    font-family: var(--font-code);
    font-size: var(--text-xs);
}
.evs-answer[b-fp4orpozz2]  pre {
    margin: 8px 0;
    padding: 10px 12px;
    border-radius: var(--r-ctl);
    background: var(--surface-inset);
    overflow-x: auto;
}
.evs-answer[b-fp4orpozz2]  pre code { padding: 0; background: none; }
.evs-answer[b-fp4orpozz2]  table {
    margin: 8px 0;
    border-collapse: collapse;
    font-size: var(--text-sm);
    display: block;
    max-width: 100%;
    overflow-x: auto;
}
.evs-answer[b-fp4orpozz2]  th,
.evs-answer[b-fp4orpozz2]  td {
    padding: 5px 10px;
    border-bottom: 1px solid var(--border-subtle);
    text-align: left;
    white-space: nowrap;
}
.evs-answer[b-fp4orpozz2]  th { color: var(--text-secondary); font-weight: var(--weight-medium); }
.evs-answer[b-fp4orpozz2]  blockquote {
    margin: 8px 0;
    padding-left: 12px;
    border-left: 2px solid var(--border-strong);
    color: var(--text-secondary);
}
.evs-answer[b-fp4orpozz2]  hr { border: none; border-top: 1px solid var(--border-subtle); margin: 12px 0; }


.evs-opinions .lum-seg-btn[b-fp4orpozz2] { padding: 3px 9px; }
.evs-opinions .lum-seg-btn b[b-fp4orpozz2] { margin-left: 4px; font-variant-numeric: tabular-nums; }

.evs-rubric[b-fp4orpozz2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 24px;
    padding: 2px 0;
}

.evs-rub[b-fp4orpozz2] {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 48px;
    align-items: center;
    gap: 10px;
}

.evs-rub-name[b-fp4orpozz2] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.evs-rub-n[b-fp4orpozz2] {
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.evs-rub-n b[b-fp4orpozz2] { font-weight: var(--weight-semibold); color: var(--text-primary); }

.evs-checks[b-fp4orpozz2] {
    display: flex;
    flex-direction: column;
}

.evs-check[b-fp4orpozz2] {
    display: grid;
    grid-template-columns: 18px 150px minmax(0, 1fr);
    align-items: baseline;
    column-gap: 8px;
    padding: 5px 2px;
    border-top: 1px solid var(--border-subtle);
}

.evs-check:first-child[b-fp4orpozz2] { border-top: none; }

.evs-check-mark[b-fp4orpozz2] {
    font-weight: var(--weight-bold);
    text-align: center;
    color: var(--text-tertiary);
}

.evs-check.yes .evs-check-mark[b-fp4orpozz2] { color: var(--accent); }
.evs-check.no .evs-check-mark[b-fp4orpozz2],
.evs-check.no .evs-check-name[b-fp4orpozz2] { color: var(--status-crit); }
.evs-check.partly .evs-check-mark[b-fp4orpozz2],
.evs-check.partly .evs-check-name[b-fp4orpozz2] { color: var(--status-warn); }
.evs-check.na .evs-check-name[b-fp4orpozz2] { color: var(--text-tertiary); }

.evs-check-name[b-fp4orpozz2] {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.evs-check-ev[b-fp4orpozz2] {
    min-width: 0;
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

.evs-check-ev.quiet[b-fp4orpozz2] {
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evs-facts-list[b-fp4orpozz2],
.evs-audit[b-fp4orpozz2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.evs-facts-label[b-fp4orpozz2] {
    margin-right: 4px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.evs-facts-label b[b-fp4orpozz2] { color: var(--text-primary); font-variant-numeric: tabular-nums; }

.evs-fact-chip[b-fp4orpozz2] {
    max-width: 100%;
    padding: 1px 7px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-ctl);
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    overflow-wrap: anywhere;
}

.evs-fact-chip.missed[b-fp4orpozz2] {
    border-color: var(--status-crit);
    color: var(--status-crit);
}

.evs-explain[b-fp4orpozz2] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.55;
    color: var(--text-secondary);
}

.evs-audit[b-fp4orpozz2] { align-items: flex-start; flex-direction: column; gap: 3px; }

.evs-audit-line[b-fp4orpozz2] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    line-height: 1.5;
    color: var(--text-tertiary);
    overflow-wrap: anywhere;
}


.evs-gaps[b-fp4orpozz2] {
    display: flex;
    flex-direction: column;
}

.evs-gap[b-fp4orpozz2] {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.evs-gap + .evs-gap[b-fp4orpozz2] { border-top: 1px solid var(--border-subtle); }

.evs-gap-top[b-fp4orpozz2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.evs-gap-type[b-fp4orpozz2] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.evs-gap-desc[b-fp4orpozz2],
.evs-gap-ev[b-fp4orpozz2],
.evs-gap-fix[b-fp4orpozz2] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.evs-gap-desc[b-fp4orpozz2] { color: var(--text-primary); }

.evs-gap-ev[b-fp4orpozz2] {
    padding-left: 10px;
    border-left: 2px solid var(--border-strong);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.evs-gap-fix[b-fp4orpozz2] { font-size: var(--text-xs); color: var(--text-tertiary); }
.evs-gap-fix[b-fp4orpozz2]::before { content: "→ "; color: var(--accent); }


.evs-tool-note[b-fp4orpozz2] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.evs-tool-note.bad[b-fp4orpozz2] { color: var(--status-crit); }

.evs-mono[b-fp4orpozz2] { font-family: var(--font-mono); overflow-wrap: anywhere; }

.evs-tools[b-fp4orpozz2] {
    display: flex;
    flex-direction: column;
}

.evs-tools > :last-child[b-fp4orpozz2] { border-bottom: 0; }

.evs-tool[b-fp4orpozz2] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto 64px;
    align-items: baseline;
    column-gap: 10px;
    width: 100%;
    padding: 7px 4px;
    border: none;
    border-bottom: 1px solid var(--border-subtle);
    background: transparent;
    font: inherit;
    text-align: left;
    color: inherit;
    cursor: pointer;
}

.evs-tool:hover[b-fp4orpozz2],
.evs-tool.is-open[b-fp4orpozz2] { background: var(--surface-hover); }
.evs-tool:focus-visible[b-fp4orpozz2] { outline: 2px solid var(--border-focus); outline-offset: -2px; }

.evs-tool-round[b-fp4orpozz2] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.evs-tool-what[b-fp4orpozz2] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.evs-tool-name[b-fp4orpozz2] {
    flex: none;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.evs-tool-sum[b-fp4orpozz2] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evs-tool.is-failed .evs-tool-sum[b-fp4orpozz2] { color: var(--status-crit); }

.evs-tool-flags[b-fp4orpozz2] { display: inline-flex; gap: 4px; }

.evs-tool-ms[b-fp4orpozz2] {
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.evs-tool-open[b-fp4orpozz2] {
    padding: 6px 10px 10px 36px;
    border-bottom: 1px solid var(--border-subtle);
    background: var(--surface-hover);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.evs-kv[b-fp4orpozz2] {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 10px;
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-primary);
}

.evs-kv > span:first-child[b-fp4orpozz2] { color: var(--text-tertiary); }


.evs-raw[b-fp4orpozz2] { gap: 0; }

.evs-pre[b-fp4orpozz2] {
    margin: 0;
    max-height: 420px;
    overflow: auto;
    padding: 10px 12px;
    border-radius: var(--r-ctl);
    background: var(--surface-inset);
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-primary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.ais-sh-head[b-bu8ei9uze7] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 28px;
}

.ais-sh-title[b-bu8ei9uze7] {
    margin: 0;
    min-width: 0;
    font-family: var(--font-title);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ais-sh-state[b-bu8ei9uze7] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.ais-sh-state.is-on[b-bu8ei9uze7] { color: var(--text-secondary); }

.ais-tick[b-bu8ei9uze7] { display: inline-flex; color: var(--accent); }

.ais-card .lum-prefs-row[b-bu8ei9uze7] { grid-template-columns: 104px minmax(0, 1fr); }
.ais-card .lum-sheet-card-title + .lum-prefs-row[b-bu8ei9uze7] { border-top: none; }

.ais-choices[b-bu8ei9uze7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 6px 0 12px;
}

.ais-choice[b-bu8ei9uze7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-control);
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--dur) var(--ease);
}

.ais-choice:hover:not(:disabled)[b-bu8ei9uze7] { border-color: var(--border-strong); }
.ais-choice.is-on[b-bu8ei9uze7] { border-color: var(--accent); }
.ais-choice:focus-visible[b-bu8ei9uze7] { outline: none; box-shadow: var(--focus-ring); }
.ais-choice:disabled[b-bu8ei9uze7] { cursor: default; }

.ais-choice-head[b-bu8ei9uze7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ais-pmark[b-bu8ei9uze7] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--r-chip);
    background: var(--surface-segment);
    font-family: var(--font-display);
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-heading);
}

.ais-choice-name[b-bu8ei9uze7] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-heading);
}

.ais-choice-tick[b-bu8ei9uze7] { margin-left: auto; }

.ais-choice-note[b-bu8ei9uze7] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.ais-card[b-bu8ei9uze7]  .ais-advanced .lum-disc-body { padding: 0; }

.ais-check[b-bu8ei9uze7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 8px 0 10px;
}

.ais-check-note[b-bu8ei9uze7] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.ais-check-ok[b-bu8ei9uze7],
.ais-check-fail[b-bu8ei9uze7] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
}

.ais-check-ok[b-bu8ei9uze7] { color: var(--text-secondary); }
.ais-check-fail[b-bu8ei9uze7] { color: var(--critical-text); }

.ais-diamond[b-bu8ei9uze7] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 1px;
    background: currentColor;
    transform: rotate(45deg);
}

.ais-sh-foot[b-bu8ei9uze7] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ais-gap[b-bu8ei9uze7] { flex: 1 1 auto; }

.ais-sh-note[b-bu8ei9uze7] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.ais-sh-foot[b-bu8ei9uze7]  .ais-delete { color: var(--critical-text); }
.ais[b-bkvya6ohmp] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 760px;
    padding: 2px 4px 16px 0;
}

.ais-row[b-bkvya6ohmp] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 64px;
    margin: 0 -10px;
    padding: 10px;
    border-radius: var(--r-ctl);
    transition: background var(--dur) var(--ease);
}

.ais-row + .ais-row[b-bkvya6ohmp] { box-shadow: 0 -1px 0 var(--border-subtle); }
.ais-row:hover[b-bkvya6ohmp] { background: var(--surface-hover); }

.ais-mark[b-bkvya6ohmp] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--r-ctl);
    background: var(--surface-control);
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-heading);
}

.ais-open[b-bkvya6ohmp] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.ais-open[b-bkvya6ohmp]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--r-ctl);
}

.ais-open:focus-visible[b-bkvya6ohmp] { outline: none; }
.ais-open:focus-visible[b-bkvya6ohmp]::after { box-shadow: var(--focus-ring); }

.ais-row-name[b-bkvya6ohmp] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ais-row-meta[b-bkvya6ohmp] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ais-in-use[b-bkvya6ohmp] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
}

.ais-in-use[b-bkvya6ohmp]  .owl-icon { color: var(--accent); }
.ais-row[b-bkvya6ohmp]  .ais-use { position: relative; z-index: 1; flex: none; }
.ais-row[b-bkvya6ohmp]  .ais-chev { flex: none; color: var(--text-tertiary); }

.ais-empty[b-bkvya6ohmp] {
    padding: 14px 0;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.ais-frow[b-bkvya6ohmp] {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 58px;
}

.ais-feature[b-bkvya6ohmp] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ais-feature-name[b-bkvya6ohmp] {
    font-size: var(--text-base);
    color: var(--text-primary);
}

.ais-feature-note[b-bkvya6ohmp] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.ais-frow[b-bkvya6ohmp]  .ais-judge { width: 180px; flex: none; }

.alrt-overlay[b-p3x5o1ijme] {
    position: fixed;
    inset: 0;
    background: var(--scrim);
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.alrt-dialog[b-p3x5o1ijme] {
    width: min(900px, 94vw);
    max-height: min(86vh, calc(100vh - 48px));
    height: auto;
}

.alrt-dialog:focus[b-p3x5o1ijme] { outline: none; }

.alrt-title[b-p3x5o1ijme] { overflow-wrap: anywhere; }

.alrt-sub[b-p3x5o1ijme] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.alrt-state[b-p3x5o1ijme] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 4px;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.alrt-db[b-p3x5o1ijme] {
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.alrt-body[b-p3x5o1ijme] { padding-top: 2px; }

.alrt-desc[b-p3x5o1ijme] {
    margin: 0 0 12px;
    font-size: var(--text-sm);
}

.alrt-facts[b-p3x5o1ijme] { margin-bottom: 4px; }

.alrt-cut[b-p3x5o1ijme] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.alrt-dialog .alrt-ev-kv[b-p3x5o1ijme] { padding: 4px 14px; }

.alrt-ev-row[b-p3x5o1ijme] {
    display: grid;
    grid-template-columns: minmax(140px, max-content) minmax(0, 1fr);
    align-items: baseline;
    column-gap: 24px;
    padding: 6px 0;
    border-bottom: 1px solid var(--border-subtle);
}

.alrt-ev-row:last-child[b-p3x5o1ijme] { border-bottom: none; }

.alrt-ev-key[b-p3x5o1ijme] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.alrt-ev-val[b-p3x5o1ijme] {
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    color: var(--text-primary);
    word-break: break-word;
}

.alrt-dialog .alrt-ev-scroll[b-p3x5o1ijme] {
    flex: none;
    max-height: 340px;
    overflow: auto;
}

.alrt-ev-table[b-p3x5o1ijme] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: var(--text-xs);
}

.alrt-ev-table th[b-p3x5o1ijme] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface-card);
    color: var(--text-secondary);
    font-size: var(--text-2xs);
    font-weight: 600;
    letter-spacing: 0.01em;
    text-align: left;
    padding: 7px 10px;
    white-space: nowrap;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}

.alrt-ev-table td[b-p3x5o1ijme] {
    padding: 6px 10px;
    border-top: 1px solid var(--border-subtle);
    font-family: var(--font-mono);
    color: var(--text-primary);
    white-space: nowrap;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alrt-ev-table tbody tr:first-child td[b-p3x5o1ijme] { border-top: none; }

.alrt-dialog .alrt-members[b-p3x5o1ijme] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 132px;
    overflow-y: auto;
    padding: 10px 12px;
}

.alrt-member[b-p3x5o1ijme] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    padding: 3px 10px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    color: var(--text-primary);
}

.afl[b-hrt8n8fqqc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.afl-row[b-hrt8n8fqqc] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.afl-flag[b-hrt8n8fqqc] {
    flex: none;
    min-width: 46px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    letter-spacing: 0.01em;
    color: inherit;
    opacity: 0.85;
}

.afl-flag.warn[b-hrt8n8fqqc] {
    color: var(--warn);
    opacity: 1;
}

.afl-text[b-hrt8n8fqqc] { min-width: 0; }

.afl-empty[b-hrt8n8fqqc] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.ald[b-bji94rfcrz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    max-height: min(720px, 85vh);
}


.ald-dot[b-bji94rfcrz] {
    margin: 0 5px;
    color: var(--text-quaternary);
}

.ald-gk[b-bji94rfcrz] { min-height: 28px; }

.ald-grp[b-bji94rfcrz] {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.ald-gap[b-bji94rfcrz] { flex: 1 1 auto; }

.ald-cap[b-bji94rfcrz] {
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-tertiary);
}


.ald-tools[b-bji94rfcrz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-subtle);
}

.ald[b-bji94rfcrz]  .ald-find { width: 240px; flex: none; }

.ald-count[b-bji94rfcrz] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ald-scroll[b-bji94rfcrz] {
    max-height: 280px;
    overflow-y: auto;
}

.ald-row[b-bji94rfcrz] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 34px;
    padding: 0 12px 0 calc(12px + var(--ald-depth, 0) * 20px);
    border-bottom: 1px solid var(--border-subtle);
    box-sizing: border-box;
    font-size: var(--text-sm);
}

.ald-row:last-child[b-bji94rfcrz] { border-bottom: none; }

.ald-row:hover[b-bji94rfcrz] { background: var(--surface-hover); }

.ald-name[b-bji94rfcrz] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ald-row.is-off .ald-name[b-bji94rfcrz] { color: var(--text-tertiary); }

.ald[b-bji94rfcrz]  .ald-flag {
    flex: none;
    color: var(--warn);
}

.ald-state[b-bji94rfcrz] {
    padding: 18px 16px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}


.ald-order[b-bji94rfcrz] {
    max-height: 240px;
    overflow-y: auto;
}

.ald-orow[b-bji94rfcrz] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    height: 34px;
    padding: 0 8px 0 12px;
    border-bottom: 1px solid var(--border-subtle);
    box-sizing: border-box;
}

.ald-orow:last-child[b-bji94rfcrz] { border-bottom: none; }

.ald-no[b-bji94rfcrz] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.ald-moves[b-bji94rfcrz] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.ald-problems[b-bji94rfcrz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 120px;
    overflow-y: auto;
    margin-top: 2px;
}

.ald-warn[b-bji94rfcrz] {
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--warn);
}

.apd[b-xfe7772pmx] {
    width: 100%;
    max-height: min(680px, calc(100vh - 48px));
}

.apd-two[b-xfe7772pmx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.apd-days[b-xfe7772pmx],
.apd-seg[b-xfe7772pmx] { align-self: flex-start; }

.apd-finds[b-xfe7772pmx] { margin-top: 6px; }

.apd-link[b-xfe7772pmx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0 6px;
    padding: 12px 14px;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
}

.atd[b-goz3tw9h3i] {
    height: 100%;
    min-height: 0;
}

.atd-dot[b-goz3tw9h3i] {
    margin: 0 5px;
    color: var(--text-quaternary);
}

.atd-text[b-goz3tw9h3i] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.atd[b-goz3tw9h3i]  .atd-w250 { width: 250px; flex: none; }
.atd[b-goz3tw9h3i]  .atd-w200 { width: 200px; flex: none; }
.atd[b-goz3tw9h3i]  .atd-w150 { width: 150px; flex: none; }
.atd[b-goz3tw9h3i]  .atd-w90 { width: 90px; flex: none; }
.atd[b-goz3tw9h3i]  .atd-wide { width: 100%; flex: 1 1 auto; }


.atd-chips[b-goz3tw9h3i] { row-gap: 6px; }

.atd-chip-in[b-goz3tw9h3i] {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}


.atd-link[b-goz3tw9h3i] {
    padding: 0;
    font: inherit;
    font-size: var(--text-xs);
    color: var(--accent);
    background: transparent;
    border: none;
    cursor: pointer;
}

.atd-link:hover:not(:disabled)[b-goz3tw9h3i] { text-decoration: underline; }
.atd-link:disabled[b-goz3tw9h3i] { cursor: default; opacity: 0.5; }

.atd-ddl[b-goz3tw9h3i] {
    margin: 8px 0 0;
    padding: 0;
    background: transparent;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.55;
    color: var(--text-secondary);
    white-space: pre-wrap;
    overflow-x: auto;
    max-height: 200px;
}


.atd-advgrp[b-goz3tw9h3i]  .lum-disc,
.atd-advgrp[b-goz3tw9h3i]  .lum-disc:last-child {
    border-top: none;
    border-bottom: none;
}

.atd-advgrp[b-goz3tw9h3i]  .lum-disc-head {
    min-height: 44px;
    padding: 0 14px;
}

.atd-license[b-goz3tw9h3i] { margin-top: 8px; }
.atd-license[b-goz3tw9h3i]  .lum-check { align-items: flex-start; }
.atd-license[b-goz3tw9h3i]  .lum-check-box { margin-top: 1px; }
.atd-license .atd-cap[b-goz3tw9h3i] { padding-left: 25px; }

.atd-advgrp[b-goz3tw9h3i] { margin-top: 16px; }

.atd-advgrp[b-goz3tw9h3i]  .lum-disc-title {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
}

.atd-advgrp[b-goz3tw9h3i]  .lum-disc-body { padding: 0 0 2px; }

.atd-rows > .atd-row[b-goz3tw9h3i] { border-top: 1px solid var(--border-subtle); }

.ats[b-qf1k6bn219] {
    --control-height: 32px;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    max-height: min(720px, 85vh);
}


.ats-head-sub[b-qf1k6bn219] { display: block; }



.ats-body[b-qf1k6bn219] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
}

.ats-body-form[b-qf1k6bn219] {
    gap: 16px;
    overflow-y: auto;
}


.ats-foot-line[b-qf1k6bn219] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.ats-gap[b-qf1k6bn219] { flex: 1 1 auto; }

.ats-k[b-qf1k6bn219] {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    line-height: 1.5;
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.ats-mono[b-qf1k6bn219] { font-family: var(--font-mono); }
.ats-quiet[b-qf1k6bn219] { color: var(--text-secondary); }
.ats-dim[b-qf1k6bn219] { color: var(--text-tertiary); }
.ats-right[b-qf1k6bn219] { text-align: right; }
.ats-warn[b-qf1k6bn219] { color: var(--warn); }

.ats-num[b-qf1k6bn219] {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

.ats-inset[b-qf1k6bn219] {
    flex: 1 1 auto;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
}

.ats-scroll[b-qf1k6bn219] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.ats-state[b-qf1k6bn219] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 18px 16px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.ats-name[b-qf1k6bn219] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.ats-tools[b-qf1k6bn219] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
}

.ats[b-qf1k6bn219]  .ats-schema { width: 220px; flex: none; }
.ats[b-qf1k6bn219]  .ats-find { width: 240px; flex: none; }

.ats-list[b-qf1k6bn219] {
    flex: 1 1 auto;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    background: var(--surface-card);
}

.ats-list[b-qf1k6bn219]  > .lum-grid { flex: 1 1 auto; min-height: 0; }
.ats-list[b-qf1k6bn219]  .lum-state { flex: 1 1 auto; justify-content: center; }


.ats-two[b-qf1k6bn219] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    flex: none;
}

.ats-gk[b-qf1k6bn219] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 4px;
}

.ats-grp[b-qf1k6bn219] {
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    padding: 2px 16px;
}

.ats-advgrp[b-qf1k6bn219] { flex: none; }

.ats-frow[b-qf1k6bn219] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    min-height: 44px;
    padding: 6px 0;
    box-sizing: border-box;
    border-top: 1px solid var(--border-subtle);
}

.ats-frow:first-child[b-qf1k6bn219] { border-top: none; }

.ats-flab[b-qf1k6bn219] {
    display: flex;
    align-items: center;
    min-height: var(--control-height, 32px);
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.ats-fcell[b-qf1k6bn219] { min-width: 0; }

.ats-fctl[b-qf1k6bn219] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-height: var(--control-height, 32px);
}

.ats-said[b-qf1k6bn219] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    white-space: nowrap;
}

.ats-license[b-qf1k6bn219] { margin-top: 8px; }
.ats-license[b-qf1k6bn219]  .lum-check { align-items: flex-start; }
.ats-license[b-qf1k6bn219]  .lum-check-box { margin-top: 1px; }

.ats-cap[b-qf1k6bn219] {
    display: block;
    margin-top: 4px;
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-tertiary);
}

.ats[b-qf1k6bn219]  .ats-w90 { width: 90px; flex: none; }
.ats[b-qf1k6bn219]  .ats-w120 { width: 120px; flex: none; }
.ats[b-qf1k6bn219]  .ats-w150 { width: 150px; flex: none; }
.ats[b-qf1k6bn219]  .ats-w180 { width: 180px; flex: none; }
.ats[b-qf1k6bn219]  .ats-w200 { width: 200px; flex: none; }
.ats[b-qf1k6bn219]  .ats-fill { width: 100%; min-width: 0; flex: none; }
.ats[b-qf1k6bn219]  .ats-w250 { width: 250px; flex: none; }

.ats-chip[b-qf1k6bn219] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 6px 0 9px;
    box-sizing: border-box;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-ctl);
    background: var(--surface-raised);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.ats-chip-x[b-qf1k6bn219] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    border-radius: var(--r-chip);
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
}

.ats-chip-x:hover[b-qf1k6bn219] { color: var(--text-primary); }

.ats-adv[b-qf1k6bn219]  .lum-disc { border-bottom: none; }
.ats-adv[b-qf1k6bn219]  .lum-disc-toggle { height: 44px; }
.ats-adv[b-qf1k6bn219]  .lum-disc-title { font-size: var(--text-base); }
.ats-adv[b-qf1k6bn219]  .lum-disc-summary { white-space: normal; }
.ats-adv[b-qf1k6bn219]  .lum-disc-body { padding: 0 0 4px; }


.ats-selbar[b-qf1k6bn219] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: var(--r-block);
    flex: none;
}

.ats-sel-count[b-qf1k6bn219] {
    font-size: var(--text-sm);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.ats-sel-line[b-qf1k6bn219] {
    width: 1px;
    height: 18px;
    background: var(--accent-fill);
    opacity: 0.45;
}

.ats-rev-head[b-qf1k6bn219],
.ats-rev-row[b-qf1k6bn219] {
    display: grid;
    grid-template-columns: 18px 210px minmax(0, 1fr) 230px 200px 32px;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    box-sizing: border-box;
}

.ats-rev-head[b-qf1k6bn219] {
    height: 30px;
    border-bottom: 1px solid var(--border-subtle);
    flex: none;
}

.ats-rev-row[b-qf1k6bn219] {
    --control-height: 28px;
    min-height: 44px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
}

.ats-rev-row:last-child[b-qf1k6bn219] { border-bottom: none; }

.ats-what[b-qf1k6bn219] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ats-what-text[b-qf1k6bn219] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 4px 0;
    line-height: 1.3;
    color: var(--text-secondary);
    overflow: hidden;
    overflow-wrap: anywhere;
}

.ats-what-text.ats-warn[b-qf1k6bn219] { color: var(--warn); }

.ats-pill[b-qf1k6bn219] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 7px;
    box-sizing: border-box;
    border: 1px solid var(--accent);
    border-radius: var(--r-chip);
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    letter-spacing: 0.06em;
    color: var(--text-primary);
    white-space: nowrap;
    flex: none;
}

.ats[b-qf1k6bn219]  .ats-col .lum-select-value:not(.placeholder) { font-family: var(--font-mono); }

.ats[b-qf1k6bn219]  .ats-needs .lum-select-trigger { border-color: var(--warn); }

.ats-rev-end[b-qf1k6bn219] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    font-size: var(--text-xs);
}

.ats[b-qf1k6bn219]  .ats-gear { flex: none; }

.cache-detail-dialog[b-20cox2oivy] {
    width: min(1240px, calc(100vw - 48px));
}

.cdd-state[b-20cox2oivy] { padding: 40px 20px; }

.cdd-grid-box[b-20cox2oivy] {
    height: min(500px, calc(100vh - 260px));
    min-height: 240px;
    display: flex;
    flex-direction: column;
}

.cdd-grid-box[b-20cox2oivy]  .lum-grid { flex: 1 1 auto; min-height: 0; }

.cld-dialog[b-dkiyurrs7t] {
    width: min(1080px, calc(100vw - 48px));
}

.cld-state[b-dkiyurrs7t] { padding: 40px 20px; }

.cld-top[b-dkiyurrs7t] { margin-bottom: 4px; }
.cld-val[b-dkiyurrs7t] { min-width: 0; padding-top: 7px; font-size: var(--text-sm); line-height: 1.45; color: var(--text-secondary); }
.cld-stats[b-dkiyurrs7t] { margin: 0; }
.cld-note[b-dkiyurrs7t] { margin-top: 8px; }
.cld-callout[b-dkiyurrs7t] { margin: 12px 0 0; }

.cld-body[b-dkiyurrs7t]  .cld-tabs { margin-top: 14px; }
.cld-grid-box[b-dkiyurrs7t] { height: min(420px, calc(100vh - 380px)); min-height: 220px; display: flex; flex-direction: column; }
.cld-grid-box[b-dkiyurrs7t]  .lum-grid { flex: 1 1 auto; min-height: 0; }

.cld-db[b-dkiyurrs7t] { font-family: var(--font-mono); font-size: var(--text-sm); }

.cld-object[b-dkiyurrs7t] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-primary); }
.cld-flag[b-dkiyurrs7t] { margin-left: 8px; }
.cld-num[b-dkiyurrs7t] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-primary); font-variant-numeric: tabular-nums; }
.cld-time[b-dkiyurrs7t] { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.cld-retention[b-dkiyurrs7t] { font-size: var(--text-sm); color: var(--text-tertiary); }

.cld-share[b-dkiyurrs7t] { display: flex; align-items: center; gap: 8px; }
.cld-share-pct[b-dkiyurrs7t] { width: 46px; text-align: right; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

.cmp-compact[b-7wtn3xgm6w] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cmp-side-chip[b-7wtn3xgm6w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--r-ctl);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.cmp-side-chip:hover[b-7wtn3xgm6w],
.cmp-side-chip.is-open[b-7wtn3xgm6w] { background: var(--surface-segment); }

.cmp-side-chip b[b-7wtn3xgm6w] {
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.cmp-swatch-a[b-7wtn3xgm6w] {
    stroke: var(--text-tertiary);
    stroke-width: 2;
    stroke-dasharray: 4 3;
}

.cmp-swatch-b[b-7wtn3xgm6w] {
    stroke: var(--accent-chart);
    stroke-width: 2;
}

.cmp-compact-seg[b-7wtn3xgm6w] { flex-wrap: nowrap; }
.cmp-compact-seg .lum-seg-btn[b-7wtn3xgm6w] { padding: 5px 10px; font-size: var(--text-sm); }

.cmp-compact-icon[b-7wtn3xgm6w] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.cmp-compact-icon:hover[b-7wtn3xgm6w] { background: var(--surface-hover); color: var(--text-primary); }

.cmp-compact-edit[b-7wtn3xgm6w] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: calc(100vw - 48px);
    padding: 12px 14px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    box-shadow: var(--shadow-pop);
}

.cmp-compact-label[b-7wtn3xgm6w] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.cmp-compact-label:not(:first-child)[b-7wtn3xgm6w] { margin-left: 8px; }

.cmp-compact-edit .cmp-sep[b-7wtn3xgm6w] { color: var(--text-tertiary); font-size: var(--text-xs); }
.cmp-compact-edit .cmp-sync[b-7wtn3xgm6w] { margin: 0 4px; }

.cmp-range-wrap[b-7wtn3xgm6w] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px 14px;
}

.cmp-range-wrap > .cmp-range-bar[b-7wtn3xgm6w] { margin-left: 0; }
.dta[b-yirn43bvjo] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.dad-body[b-tw6hi83o4a] {
    padding-top: 6px;
    padding-bottom: 10px;
}

.dad-lead[b-tw6hi83o4a] {
    margin: 0 0 20px;
    color: var(--text-primary);
    font-size: var(--text-md);
}

.dad-phases[b-tw6hi83o4a] {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dad-phase[b-tw6hi83o4a] {
    display: grid;
    grid-template-columns: 16px 100px minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    font-size: var(--text-sm);
    line-height: 1.5;
}

.dad-phase[b-tw6hi83o4a]  .owl-icon {
    margin-top: 2px;
    color: var(--text-tertiary);
}

.dad-phase.is-ready[b-tw6hi83o4a]  .owl-icon { color: var(--lume); }

.dad-when[b-tw6hi83o4a] { color: var(--text-tertiary); }
.dad-what[b-tw6hi83o4a] { color: var(--text-primary); }

.dds-glyph[b-bq7v58r96d] { flex: none; scale: 1.3; }

.dds-name[b-bq7v58r96d] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dds-kind[b-bq7v58r96d] {
    flex: none;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 400;
    letter-spacing: 0;
    color: var(--text-tertiary);
}

.dds-fill[b-bq7v58r96d] { flex: 1 1 auto; }

.dds-num[b-bq7v58r96d] { font-variant-numeric: tabular-nums; }

.dds-chart[b-bq7v58r96d] {
    height: 88px;
    margin: 6px 0 10px;
}

.dds-empty[b-bq7v58r96d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.dds-empty.is-error[b-bq7v58r96d] { color: var(--critical-text); }

.dds-why[b-bq7v58r96d] {
    padding: 0 0 8px;
    font-size: var(--text-sm);
    line-height: 1.4;
}

.dds-why.is-warn[b-bq7v58r96d] { color: var(--warn-text); }
.dds-why.is-crit[b-bq7v58r96d] { color: var(--critical-text); }

.dds-actions[b-bq7v58r96d] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-bq7v58r96d] .dds-open { flex: 1 1 auto; }

.dds-down[b-bq7v58r96d] { color: var(--critical-text); }

[b-bq7v58r96d] .dds-nodes .lum-grid-table th,
[b-bq7v58r96d] .dds-nodes .lum-grid-table td {
    padding-left: 8px;
    padding-right: 8px;
}

.dds-quiet[b-bq7v58r96d] { color: var(--text-tertiary); }

[b-bq7v58r96d] .dds-dg .is-warn { color: var(--warn-text); }
[b-bq7v58r96d] .dds-dg .is-crit { color: var(--critical-text); }

[b-bq7v58r96d] .dds-more { margin: -4px -6px -4px 0; }

.dds-problem-error[b-bq7v58r96d] {
    margin-top: 4px;
    overflow-wrap: anywhere;
}

.exec-cfm[b-29g55qbauv] {
    width: 100%;
    max-width: calc(100vw - 48px);
    height: auto;
    max-height: min(680px, calc(100vh - 48px));
}

.exec-cfm-spread[b-29g55qbauv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exec-cfm-body[b-29g55qbauv] { padding-top: 2px; }

.exec-cfm-changes[b-29g55qbauv] {
    flex: none;
    align-items: center;
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.exec-cfm .exec-cfm-what[b-29g55qbauv] {
    flex: none;
    overflow: hidden;
}

.exec-confirm-sql[b-29g55qbauv] {
    max-height: 140px;
    overflow: auto;
    margin: 0;
    padding: 12px 14px;
    background: var(--surface-inset);
    font-family: var(--font-code);
    font-size: var(--text-sm);
    line-height: 20px;
    color: var(--text-heading);
    white-space: pre-wrap;
    word-break: break-word;
}

.exec-confirm-as[b-29g55qbauv] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    padding: 9px 14px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.exec-confirm-as-label[b-29g55qbauv] { color: var(--text-tertiary); }

.exec-cfm-as-value[b-29g55qbauv] { font-weight: var(--weight-medium); }

.exec-cfm .exec-confirm-list[b-29g55qbauv] {
    flex: 0 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 14px 8px;
    scrollbar-width: thin;
}

.exec-confirm-type[b-29g55qbauv] {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--surface-card);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
}

.exec-confirm-type-n[b-29g55qbauv] {
    color: var(--text-heading);
    font-variant-numeric: tabular-nums;
}

.exec-confirm-dbs[b-29g55qbauv] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: 24px;
    column-gap: 12px;
    margin-bottom: 6px;
}

.exec-confirm-db[b-29g55qbauv] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-theme="light"] .exec-confirm-sql[b-29g55qbauv],
[data-theme="light"] .exec-confirm-list[b-29g55qbauv],
[data-theme="light"] .exec-confirm-type[b-29g55qbauv] { background: color-mix(in oklch, var(--surface-canvas) 55%, var(--surface-overlay)); }

@media (max-width: 1100px) {
    .exec-confirm-dbs[b-29g55qbauv] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.feedback-dialog[b-epqbjcoznk] { width: min(560px, calc(100vw - 48px)); }
.feedback-text[b-epqbjcoznk] { width: 100%; min-height: 120px; max-height: 280px; resize: vertical; box-sizing: border-box; }

.find-sql-dialog[b-9gpbfugrvd] {
    width: 100%;
    height: 100%;
    max-height: none;
}

.find-sql-body[b-9gpbfugrvd] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    overflow: hidden;
    padding: 0 24px 20px;
}

.find-sql-query[b-9gpbfugrvd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.find-sql-fragment-input[b-9gpbfugrvd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.find-sql-fragment-input[b-9gpbfugrvd]  .lum-input-wrap {
    flex: 1;
    min-width: 0;
}

.find-sql-chips[b-9gpbfugrvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.find-sql-chip[b-9gpbfugrvd] {
    border: none;
    cursor: pointer;
    font-family: var(--font-mono);
}

.find-sql-chip:hover[b-9gpbfugrvd] {
    background: var(--status-crit-soft);
    color: var(--status-crit);
}

.find-sql-chip-text[b-9gpbfugrvd] {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.find-sql-chips-note[b-9gpbfugrvd] {
    margin-left: 4px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.find-sql-filters[b-9gpbfugrvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px;
}

.find-sql-filter[b-9gpbfugrvd] {
    width: 220px;
}

.find-sql-optional[b-9gpbfugrvd] {
    margin-left: 4px;
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.find-sql-filters-note[b-9gpbfugrvd] {
    align-self: center;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.find-sql-provenance[b-9gpbfugrvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.find-sql-sep[b-9gpbfugrvd] { color: var(--text-tertiary); }
.find-sql-ok[b-9gpbfugrvd] { color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.find-sql-warn[b-9gpbfugrvd] { color: var(--warn-text); }
.find-sql-muted[b-9gpbfugrvd] { color: var(--text-tertiary); }

.find-sql-results-grid[b-9gpbfugrvd] {
    flex: 1 1 0;
    min-height: 160px;
    overflow: hidden;
    border-radius: var(--r-block);
}

.find-sql-results-grid[b-9gpbfugrvd]  .lum-grid-table {
    background: transparent !important;
}

.find-sql-results-grid[b-9gpbfugrvd]  .lum-grid-table tbody td {
    padding: 3px 10px;
    line-height: 1.35;
}

.find-sql-results-grid[b-9gpbfugrvd]  .lum-grid-table thead th {
    padding: 5px 10px;
}

.find-sql-results-grid[b-9gpbfugrvd]  .lum-badge {
    padding: 1px 5px;
    font-size: var(--text-2xs);
}

.find-sql-sqlid[b-9gpbfugrvd] {
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--text-primary);
}

.find-sql-id-copy[b-9gpbfugrvd] {
    padding: 2px 6px;
    margin-left: -6px;
    border: 1px solid transparent;
    border-radius: var(--r-ctl);
    background: transparent;
    font-size: var(--text-xs);
    cursor: copy;
}

.find-sql-id-copy:hover[b-9gpbfugrvd],
.find-sql-id-copy:focus-visible[b-9gpbfugrvd] {
    border-color: var(--border-default);
    background: var(--surface-hover);
    outline: none;
}

.find-sql-id-copy[b-9gpbfugrvd]  .find-sql-copied {
    margin-left: 4px;
    vertical-align: -1px;
}

.find-sql-owner[b-9gpbfugrvd] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.find-sql-num[b-9gpbfugrvd] {
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.find-sql-num.warn[b-9gpbfugrvd] { color: var(--warn-text); }

.find-sql-when[b-9gpbfugrvd] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.find-sql-where[b-9gpbfugrvd] {
    display: inline-flex;
    gap: 4px;
}

.find-sql-src.repo[b-9gpbfugrvd] {
    background: var(--surface-active);
    color: var(--text-secondary);
}

.find-sql-src.live[b-9gpbfugrvd] {
    background: var(--accent-soft);
    color: var(--text-heading);
}

.find-sql-preview[b-9gpbfugrvd] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
    max-height: 42%;
    background: var(--surface-input);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.find-sql-preview-header[b-9gpbfugrvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--surface-elevated);
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
}

.find-sql-preview-actions[b-9gpbfugrvd] {
    display: flex;
    gap: 6px;
    margin-left: auto;
}

.find-sql-preview-text[b-9gpbfugrvd] {
    margin: 0;
    padding: 10px 12px;
    flex: 1 1 auto;
    min-height: 60px;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-secondary);
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    user-select: text;
}

.find-sql-preview-text[b-9gpbfugrvd]  mark {
    background: var(--accent-soft);
    color: var(--text-heading);
    border-radius: 2px;
    padding: 0 1px;
}

.find-sql-hint[b-9gpbfugrvd] {
    flex: 1 1 auto;
    padding: 28px 20px;
}

.find-sql-hint-line[b-9gpbfugrvd],
.find-sql-error[b-9gpbfugrvd] {
    max-width: 640px;
    font-size: var(--text-xs);
    line-height: 1.45;
    color: var(--text-tertiary);
}

.find-sql-error[b-9gpbfugrvd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.find-sql-body > .lum-state[b-9gpbfugrvd] {
    flex: 1 1 auto;
}

.find-sql-loading-overlay[b-9gpbfugrvd] {
    position: absolute;
    inset: 0;
    background: var(--scrim);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border-radius: inherit;
}

.find-sql-body[b-9gpbfugrvd]  .find-sql-tabs { flex: 0 0 auto; }

.find-sql-repo-field[b-9gpbfugrvd]  .lum-switch {
    min-height: var(--control-height);
    font-size: var(--text-xs);
}

.find-sql-slower[b-9gpbfugrvd] { color: var(--text-tertiary); }

.find-sql-tab-body[b-9gpbfugrvd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
}

.find-sql-object-row[b-9gpbfugrvd] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.find-sql-object-box[b-9gpbfugrvd] {
    position: relative;
    flex: 1 1 auto;
    max-width: 560px;
    min-width: 0;
}

.find-sql-suggest[b-9gpbfugrvd] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 240px;
    overflow-y: auto;
    padding: 4px;
    background: var(--surface-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    box-shadow: var(--shadow-md);
}

.find-sql-suggest-item[b-9gpbfugrvd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 8px;
    border: none;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    text-align: left;
    cursor: pointer;
}

.find-sql-suggest-item:hover[b-9gpbfugrvd] { background: var(--surface-hover); }

.find-sql-suggest-name[b-9gpbfugrvd] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.find-sql-suggest-name b[b-9gpbfugrvd] { font-weight: 600; }

.find-sql-suggest-when[b-9gpbfugrvd] {
    flex: 0 0 auto;
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.find-sql-suggest-note[b-9gpbfugrvd] {
    padding: 6px 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.find-sql-object-pick[b-9gpbfugrvd] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
    max-width: 560px;
    min-height: 34px;
    min-width: 0;
}

.find-sql-object-chip[b-9gpbfugrvd] {
    font-family: var(--font-mono);
    max-width: 100%;
    min-width: 0;
}

.find-sql-object-name[b-9gpbfugrvd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.find-sql-object-clear[b-9gpbfugrvd] {
    display: inline-flex;
    align-items: center;
    padding: 2px;
    border: none;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
}

.find-sql-object-clear:hover[b-9gpbfugrvd] {
    color: var(--status-crit);
    background: var(--status-crit-soft);
}

.find-sql-access[b-9gpbfugrvd] {
    display: inline-flex;
    gap: 4px;
}

.grant-dialog[b-weei3gkbdp] { width: 820px; }

.grant-script[b-weei3gkbdp] {
    margin: 0;
    max-height: min(440px, calc(100vh - 330px));
    overflow: auto;
    padding: 12px 14px;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.6;
    color: var(--text-primary);
    white-space: pre;
}

.grant-none[b-weei3gkbdp] { padding: 16px 14px; }

.grant-for[b-weei3gkbdp] { margin-top: 8px; }

.hot[b-nqvjnoj5gu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.hot-state[b-nqvjnoj5gu] {
    padding: 28px 20px;
    gap: 8px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.hot-state.error[b-nqvjnoj5gu] { color: var(--status-warn); }

.hot-empty[b-nqvjnoj5gu] {
    max-width: 720px;
    line-height: 1.45;
}

.hot-head[b-nqvjnoj5gu] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 14px;
}

.hot-head[b-nqvjnoj5gu]  .lum-seg-btn { padding: 5px 11px; font-size: var(--text-sm); }

.hot-sum[b-nqvjnoj5gu] {
    margin-left: auto;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hot-grid[b-nqvjnoj5gu] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0 6px;
}

.hot-grid[b-nqvjnoj5gu]  .lum-grid-table { background: transparent !important; }

.hot-expand[b-nqvjnoj5gu] {
    padding: 0 14px 10px 54px;
}

.hot-rank[b-nqvjnoj5gu] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
}

.hot-name[b-nqvjnoj5gu] {
    display: block;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hot-meas[b-nqvjnoj5gu] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.hot-track[b-nqvjnoj5gu] {
    flex: 1 1 auto;
    min-width: 24px;
    display: flex;
    align-items: center;
}

.hot-meas .hot-num[b-nqvjnoj5gu] {
    flex: 0 0 auto;
    color: var(--text-secondary);
}

.hot-meas.is-on .hot-num[b-nqvjnoj5gu] { color: var(--text-heading); }

.hot-num[b-nqvjnoj5gu] {
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
    white-space: nowrap;
}

.hot-num.dim[b-nqvjnoj5gu] { color: var(--text-secondary); }

.hot-when[b-nqvjnoj5gu] {
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
}

.hot-foot[b-nqvjnoj5gu] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 30px;
    margin: 0 6px;
    padding: 0 10px;
    border-top: 1px solid var(--border-faint);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
}

.hot-note[b-nqvjnoj5gu] { margin-left: auto; overflow: hidden; text-overflow: ellipsis; }

.inc-page[b-cy1u43hl7u] {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 14px;
    width: 100%;
}

.inc-stats[b-cy1u43hl7u] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    margin-right: 6px;
}

.inc-stat-num[b-cy1u43hl7u] {
    margin-right: 3px;
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-size: var(--text-md);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.inc-stat.is-warn .inc-stat-num[b-cy1u43hl7u] { color: var(--status-warn); }
.inc-stat.is-crit .inc-stat-num[b-cy1u43hl7u] { color: var(--status-crit); }

.inc-toolbar[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 12px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
}

.inc-unreadable[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--status-warn-soft);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.inc-unreadable button[b-cy1u43hl7u] {
    margin-left: auto;
    padding: 3px 10px;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-secondary);
    font-size: var(--text-xs);
    cursor: pointer;
}

.inc-unreadable button:hover:not(:disabled)[b-cy1u43hl7u] {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.inc-scope[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.inc-scope strong[b-cy1u43hl7u] { color: var(--text-primary); font-weight: 650; }

.inc-scope button[b-cy1u43hl7u] {
    margin-left: auto;
    padding: 3px 10px;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-secondary);
    font-size: var(--text-xs);
    cursor: pointer;
}

.inc-scope button:hover[b-cy1u43hl7u] {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.inc-search[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    height: 30px;
    min-width: 220px;
    background: var(--surface-input);
    border: 1px solid var(--border-default);
    border-radius: var(--r-block);
}

.inc-search .material-icons[b-cy1u43hl7u] { font-size: 16px; color: var(--text-tertiary); }

.inc-search input[b-cy1u43hl7u] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-primary);
    font-size: var(--text-base);
    font-family: var(--font-ui);
}

.inc-search input[b-cy1u43hl7u]::placeholder { color: var(--text-tertiary); }

.inc-check[b-cy1u43hl7u] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
}

.inc-toolbar-right[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.inc-refresh[b-cy1u43hl7u] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-hover);
    border: 1px solid var(--border-default);
    border-radius: var(--r-block);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.inc-refresh:hover[b-cy1u43hl7u] { color: var(--text-primary); background: var(--surface-active); }
.inc-refresh.is-spin .material-icons[b-cy1u43hl7u] { animation: lum-spin-rotate 900ms linear infinite; }
.inc-refresh .material-icons[b-cy1u43hl7u] { font-size: 17px; }


.inc-grids[b-cy1u43hl7u] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.inc-grid-sec[b-cy1u43hl7u] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inc-locked[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 12px;
    border: 1px dashed var(--border-subtle);
    border-radius: var(--r-card);
    color: var(--text-tertiary);
    font-size: var(--text-sm);
}

.inc-locked[b-cy1u43hl7u]  .owl-icon { flex: none; color: var(--text-quaternary); }

.inc-sec-head[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.inc-sec-count[b-cy1u43hl7u] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.inc-sec-act[b-cy1u43hl7u] { margin-left: auto; }

.inc-grid[b-cy1u43hl7u]  td.inc-clear-cell {
    padding: 0 8px;
    text-overflow: clip;
}

.inc-clear-act[b-cy1u43hl7u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.inc-grid[b-cy1u43hl7u] {
    flex: 1;
    min-height: 0;
}

.inc-grid-sec.is-empty[b-cy1u43hl7u] { flex: 0 0 auto; }
.inc-grid-sec.is-empty .inc-grid[b-cy1u43hl7u] { flex: none; height: 112px; }

.inc-time[b-cy1u43hl7u] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.inc-src[b-cy1u43hl7u] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.inc-chip[b-cy1u43hl7u] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: var(--r-pill);
    font-size: var(--text-xs);
    font-weight: 600;
}

.inc-chip.is-warn[b-cy1u43hl7u] { background: var(--status-warn-soft); color: var(--status-warn); }
.inc-chip.is-crit[b-cy1u43hl7u] { background: var(--status-crit-soft); color: var(--status-crit); }
.inc-chip.is-ok[b-cy1u43hl7u]   { background: var(--status-ok-soft); color: var(--status-ok); }
.inc-chip.is-info[b-cy1u43hl7u] { background: var(--accent-soft); color: var(--text-heading); }

.inc-chip.is-muted[b-cy1u43hl7u] { background: var(--surface-hover); color: var(--text-secondary); }

.inc-db[b-cy1u43hl7u] { font-weight: 600; color: var(--text-primary); }

.inc-title[b-cy1u43hl7u] { color: var(--text-primary); }

.inc-detail[b-cy1u43hl7u] { color: var(--text-secondary); font-size: var(--text-sm); }

.inc-title[b-cy1u43hl7u],
.inc-detail[b-cy1u43hl7u] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inc-empty[b-cy1u43hl7u] { color: var(--text-quaternary); }
.inst-dlg[b-e42zco3zhl] {
    width: min(1040px, calc(100vw - 48px));
}

.inst-facts[b-e42zco3zhl] {
    flex: none;
    margin: 0 24px 6px;
}

.inst-error[b-e42zco3zhl] {
    max-width: 640px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

small[b-e42zco3zhl] {
    font-size: inherit;
    color: var(--text-tertiary);
}

.inst-mono[b-e42zco3zhl] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.inst-num[b-e42zco3zhl] { font-variant-numeric: tabular-nums; }
.inst-num.is-warn[b-e42zco3zhl],
.inst-state.is-warn[b-e42zco3zhl] { color: var(--warn-text); }
.inst-num.is-crit[b-e42zco3zhl],
.inst-state.is-crit[b-e42zco3zhl] { color: var(--critical-text); }

.inst-state[b-e42zco3zhl] { color: var(--text-tertiary); }

.inst-differs[b-e42zco3zhl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
    color: var(--warn-text);
}

.inst-differs .inst-mono[b-e42zco3zhl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inst-key[b-e42zco3zhl] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 12px;
    padding: 0 4px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.inst-key i[b-e42zco3zhl] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 2px;
}

.inst-note[b-e42zco3zhl] {
    margin-top: 10px;
    padding: 0 4px;
    font-size: var(--text-sm);
    line-height: 1.45;
    color: var(--warn-text);
}

[b-e42zco3zhl] .inst-search {
    width: 240px;
    --control-height: var(--control-height-sm);
}
.mse-row[b-zxw3qezoku] {
    grid-template-columns: 136px minmax(0, 1fr);
}

.mse-pair[b-zxw3qezoku] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    max-width: 540px;
}

.mse-pair[b-zxw3qezoku]  .lum-input-wrap { min-width: 0; }
.mse-box[b-zxw3qezoku] { min-width: 0; }

.mfl-view[b-m1b0rmldtz] {
    --mfl-ground: var(--surface-inset);
    --mfl-node: var(--surface-raised);
    --mfl-node-edge: var(--border-strong);
    --mfl-frame: var(--border-strong);
    --mfl-frame-faint: var(--border-subtle);
    --mfl-pill: var(--surface-raised);
    --mfl-tile: var(--surface-hover);
    --mfl-read: var(--cat-1);
    --mfl-write: var(--cat-3);
    --mfl-parse: var(--cat-4);
    --mfl-warn: var(--warn);
    --mfl-idle: var(--text-quaternary);
    --mfl-pulse: var(--lume);

    position: relative;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mfl-ground);
    border-radius: 0 0 var(--r-card) var(--r-card);
    font-family: var(--font-ui);
    font-variant-numeric: tabular-nums;
}

.mfl-state[b-m1b0rmldtz] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.mfl-stage[b-m1b0rmldtz] {
    position: relative;
    flex: none;
    aspect-ratio: 1504 / 562;
    width: min(100%, 1504px, calc((100dvh - var(--mfl-chrome, 168px)) * 1504 / 562));
}

.mfl-geo[b-m1b0rmldtz],
.mfl-over[b-m1b0rmldtz],
.mfl-canvas[b-m1b0rmldtz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.mfl-canvas[b-m1b0rmldtz],
.mfl-over[b-m1b0rmldtz] {
    pointer-events: none;
}

.mfl-frame[b-m1b0rmldtz] {
    fill: none;
    stroke: var(--mfl-frame);
    stroke-width: 1;
    stroke-dasharray: 4 4;
}

.mfl-frame.is-faint[b-m1b0rmldtz] {
    stroke: var(--mfl-frame-faint);
}

.mfl-frame-label-row[b-m1b0rmldtz] {
    display: flex;
    align-items: center;
    height: 20px;
}

.mfl-frame-label[b-m1b0rmldtz] {
    padding: 0 6px;
    background: var(--mfl-ground);
    font-family: var(--font-display);
    font-size: var(--text-xs);
    font-weight: var(--weight-display);
    letter-spacing: .08em;
    line-height: 20px;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.mfl-inst[b-m1b0rmldtz] {
    font-size: var(--text-xs);
    line-height: 22px;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.c-read[b-m1b0rmldtz] { --c: var(--mfl-read); }
.c-write[b-m1b0rmldtz] { --c: var(--mfl-write); }
.c-parse[b-m1b0rmldtz] { --c: var(--mfl-parse); }
.c-warn[b-m1b0rmldtz] { --c: var(--mfl-warn); }
.c-idle[b-m1b0rmldtz] { --c: var(--mfl-idle); }

.mfl-track[b-m1b0rmldtz] {
    fill: none;
    stroke: var(--c);
    stroke-opacity: .14;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity var(--dur-pop) var(--ease-out);
}

.mfl-track.is-still[b-m1b0rmldtz] {
    stroke-opacity: .08;
}

.mfl-march[b-m1b0rmldtz] {
    fill: none;
    stroke: var(--c);
    stroke-opacity: .22;
    stroke-width: 1.4;
    stroke-dasharray: 2 10;
    stroke-linecap: round;
    transition: opacity var(--dur-pop) var(--ease-out);
}

.mfl-march.is-moving[b-m1b0rmldtz] {
    stroke-opacity: .55;
    animation-name: mfl-march-b-m1b0rmldtz;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.mfl-hit[b-m1b0rmldtz] {
    fill: none;
    stroke: transparent;
    stroke-width: 18;
    pointer-events: stroke;
}

.mfl-stage[data-focus] [data-flow]:not([data-on])[b-m1b0rmldtz] {
    opacity: .15;
}

.mfl-node[b-m1b0rmldtz] {
    position: relative;
    box-sizing: border-box;
    margin: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px 14px;
    border-radius: var(--r-card);
    background: var(--mfl-node);
    box-shadow: inset 0 0 0 1px var(--mfl-node-edge);
    overflow: hidden;
    cursor: pointer;
    font-family: var(--font-ui);
    font-variant-numeric: tabular-nums;
}

.mfl-node:hover[b-m1b0rmldtz],
.mfl-node:focus-visible[b-m1b0rmldtz] {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--border-selected);
}

.mfl-node-name[b-m1b0rmldtz] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
    color: var(--text-heading);
    white-space: nowrap;
}

.mfl-node-sub[b-m1b0rmldtz] {
    font-size: var(--text-xs);
    line-height: 1.3;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.mfl-node.is-warn .mfl-node-name[b-m1b0rmldtz] { color: var(--warn-text); }
.mfl-node.is-crit .mfl-node-name[b-m1b0rmldtz] { color: var(--critical-text); }

.mfl-node-fill[b-m1b0rmldtz] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background: var(--c);
    opacity: .8;
}

.mfl-node.is-narrow[b-m1b0rmldtz] { padding: 10px 12px; }
.mfl-node.is-narrow .mfl-node-name[b-m1b0rmldtz] { font-size: 12.5px; }
.mfl-node.is-narrow .mfl-node-sub[b-m1b0rmldtz] { font-size: 11.5px; }

.mfl-in[b-m1b0rmldtz] {
    position: relative;
    flex: 1 1 auto;
    align-self: stretch;
    min-height: 0;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mfl-in-spark[b-m1b0rmldtz] {
    position: relative;
    flex: 1 1 auto;
    min-height: 24px;
}

.mfl-in-spark[b-m1b0rmldtz]  .lumviz-host {
    position: absolute;
    inset: 16px 0 0 0;
    height: auto !important;
}

.mfl-in-note[b-m1b0rmldtz] {
    position: absolute;
    right: 0;
    top: -2px;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
}

.mfl-in-stats[b-m1b0rmldtz] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 2px;
}

.mfl-in-stat[b-m1b0rmldtz] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
}

.mfl-in-stat b[b-m1b0rmldtz] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.mfl-in-stats.is-big .mfl-in-stat b[b-m1b0rmldtz] { font-size: var(--text-lg); }

.mfl-in-stat span[b-m1b0rmldtz] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}

.mfl-in-bar[b-m1b0rmldtz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mfl-in-bar[b-m1b0rmldtz]  .mfl-in-comp,
.mfl-node[b-m1b0rmldtz]  .mfl-in-used,
.mfl-in-row[b-m1b0rmldtz]  .mfl-in-rowbar {
    width: 100%;
}

.mfl-node[b-m1b0rmldtz]  .mfl-in-used { margin-top: 6px; }

.mfl-in-legend[b-m1b0rmldtz] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 2px;
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}

.mfl-in-legend span[b-m1b0rmldtz] {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.mfl-in-legend i[b-m1b0rmldtz] {
    width: 7px;
    height: 7px;
    border-radius: 2px;
}

.mfl-in-legend b[b-m1b0rmldtz] {
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.mfl-in-kpis[b-m1b0rmldtz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 8px;
}

.mfl-in-kpi[b-m1b0rmldtz] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    padding: 6px 8px;
    border-radius: var(--r-block);
    background: var(--mfl-tile);
}

.mfl-in-kpi b[b-m1b0rmldtz] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    line-height: 1.2;
    font-weight: var(--weight-display);
    color: var(--text-heading);
    white-space: nowrap;
}

.mfl-in-kpi span[b-m1b0rmldtz] {
    font-size: var(--text-2xs);
    line-height: 1.2;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mfl-in-kpi.is-warn b[b-m1b0rmldtz] { color: var(--warn-text); }

.mfl-in-table[b-m1b0rmldtz] {
    display: flex;
    flex-direction: column;
}

.mfl-in-tr[b-m1b0rmldtz] {
    height: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px 64px 64px;
    column-gap: 8px;
    align-items: center;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    box-shadow: inset 0 1px 0 var(--border-subtle);
}

.mfl-in-tr > span:not(:first-child)[b-m1b0rmldtz] { text-align: right; }

.mfl-in-tr.is-head[b-m1b0rmldtz] {
    height: 18px;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    box-shadow: none;
}

.mfl-in-ns[b-m1b0rmldtz] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mfl-in-hit[b-m1b0rmldtz] {
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.mfl-in-tr .is-warn[b-m1b0rmldtz] { color: var(--warn-text); }

.mfl-in-rows[b-m1b0rmldtz] { gap: 3px; flex: none; }

.mfl-in-row[b-m1b0rmldtz] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) 52px;
    column-gap: 10px;
    align-items: center;
    font-size: var(--text-2xs);
    color: var(--text-secondary);
}

.mfl-in-row > span:first-child[b-m1b0rmldtz] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mfl-in-sql[b-m1b0rmldtz] { font-family: var(--font-mono); }

.mfl-in-row b[b-m1b0rmldtz] {
    text-align: right;
    font-weight: var(--weight-semibold);
}

.mfl-in-dots[b-m1b0rmldtz] {
    align-self: stretch;
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.mfl-in-dots i[b-m1b0rmldtz] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mfl-read);
    opacity: .55;
    animation-name: mfl-blink-b-m1b0rmldtz;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.mfl-in-dots.is-still i[b-m1b0rmldtz] { animation: none; opacity: .35; }

.mfl-in-log[b-m1b0rmldtz] {
    position: relative;
    align-self: stretch;
    height: 12px;
    margin-top: 6px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    overflow: hidden;
}

.mfl-in-log i[b-m1b0rmldtz] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    scale: .4 1;
    transform-origin: left center;
    background: var(--mfl-write);
    opacity: .85;
    animation-name: mfl-fill-b-m1b0rmldtz;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.mfl-in-log.is-still i[b-m1b0rmldtz] { animation: none; scale: 0 1; }

.mfl-proc-cell[b-m1b0rmldtz] {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mfl-proc[b-m1b0rmldtz] {
    position: relative;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 50%;
    background: var(--mfl-node);
    box-shadow: inset 0 0 0 1px var(--mfl-node-edge);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: var(--font-ui);
}

.mfl-proc:not(.is-plain):hover[b-m1b0rmldtz],
.mfl-proc:focus-visible[b-m1b0rmldtz] {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--border-selected);
}

.mfl-proc.is-plain[b-m1b0rmldtz] { cursor: default; }

.mfl-proc-name[b-m1b0rmldtz] {
    position: relative;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    line-height: 1.25;
    color: var(--text-heading);
}

.mfl-proc-sub[b-m1b0rmldtz] {
    position: relative;
    font-size: var(--text-2xs);
    line-height: 1.25;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.mfl-beat[b-m1b0rmldtz],
.mfl-beat-ring[b-m1b0rmldtz] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    animation-iteration-count: infinite;
}

.mfl-beat[b-m1b0rmldtz] {
    box-shadow: inset 0 0 0 2px var(--mfl-pulse);
    animation-name: mfl-beat-b-m1b0rmldtz;
    animation-timing-function: ease-in-out;
}

.mfl-beat-ring[b-m1b0rmldtz] {
    box-shadow: 0 0 0 1.5px var(--mfl-pulse);
    animation-name: mfl-ring-b-m1b0rmldtz;
    animation-timing-function: ease-out;
}

.mfl-pill-row[b-m1b0rmldtz] {
    width: 320px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mfl-pill[b-m1b0rmldtz] {
    height: 24px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: var(--r-pill);
    background: var(--mfl-pill);
    box-shadow: inset 0 0 0 1px var(--mfl-node-edge);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    pointer-events: auto;
    transition: opacity var(--dur-pop) var(--ease-out);
}

.mfl-pill.is-warn[b-m1b0rmldtz] {
    box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--warn) 40%, var(--mfl-pill));
}

.mfl-pill-dot[b-m1b0rmldtz] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--c);
}

.mfl-pill-what[b-m1b0rmldtz] { color: var(--text-tertiary); }

.mfl-pill-value[b-m1b0rmldtz] {
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.mfl-pill.is-still .mfl-pill-value[b-m1b0rmldtz] {
    font-weight: 500;
    color: var(--text-tertiary);
}

.mfl-glyph[b-m1b0rmldtz] {
    flex: none;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--text-tertiary);
}

.mfl-glyph.is-warn[b-m1b0rmldtz] {
    width: 10px;
    height: 9px;
    border-radius: 0;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--warn);
}

.mfl-glyph.is-crit[b-m1b0rmldtz] {
    width: 7px;
    height: 7px;
    border-radius: 1.5px;
    transform: rotate(45deg);
    background: var(--critical);
}

@keyframes mfl-blink-b-m1b0rmldtz {
    0%, 100% { opacity: .22; }
    45% { opacity: 1; }
}

@keyframes mfl-fill-b-m1b0rmldtz {
    0% { scale: .06 1; }
    88% { scale: .86 1; }
    100% { scale: .06 1; }
}

:is(html.lum-no-gpu, html.lm-lite) .mfl-march.is-moving[b-m1b0rmldtz] { animation: none; }

@keyframes mfl-march-b-m1b0rmldtz {
    to { stroke-dashoffset: -48; }
}

@keyframes mfl-beat-b-m1b0rmldtz {
    0%, 100% { opacity: 0; }
    50% { opacity: .9; }
}

@keyframes mfl-ring-b-m1b0rmldtz {
    0% { transform: scale(1); opacity: .55; }
    100% { transform: scale(1.45); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .mfl-march.is-moving[b-m1b0rmldtz],
    .mfl-beat[b-m1b0rmldtz],
    .mfl-beat-ring[b-m1b0rmldtz],
    .mfl-in-dots i[b-m1b0rmldtz],
    .mfl-in-log i[b-m1b0rmldtz] {
        animation: none;
    }
}

.mfl-sh-head[b-m1b0rmldtz] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 28px;
}

.mfl-sh-name[b-m1b0rmldtz] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
    white-space: nowrap;
}

.mfl-sh-note[b-m1b0rmldtz] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mfl-sh-issue[b-m1b0rmldtz] {
    flex: none;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border-radius: var(--r-card);
    background: var(--warn-tint);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--warn-text);
}

.mfl-sh-issue.is-crit[b-m1b0rmldtz] {
    background: var(--critical-tint);
    color: var(--critical-text);
}

.mfl-sh-in[b-m1b0rmldtz] {
    height: 26px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px 72px;
    column-gap: 14px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.mfl-sh-in-name[b-m1b0rmldtz] {
    min-width: 0;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.mfl-sh-move[b-m1b0rmldtz] {
    height: 26px;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 80px;
    column-gap: 14px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.mfl-sh-move-at[b-m1b0rmldtz] { color: var(--text-tertiary); font-variant-numeric: tabular-nums; }
.mfl-sh-move-what[b-m1b0rmldtz] { color: var(--text-primary); }

.mfl-sh-empty[b-m1b0rmldtz] {
    padding: 4px 0 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.mfl-sh-who[b-m1b0rmldtz] {
    height: 28px;
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr) 150px 72px;
    column-gap: 14px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.mfl-sh-sql[b-m1b0rmldtz] {
    padding: 0;
    border: 0;
    background: none;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--accent-text);
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mfl-sh-sql:hover[b-m1b0rmldtz] { text-decoration: underline; text-underline-offset: 2px; }
.mfl-sh-sql.is-none[b-m1b0rmldtz] { color: var(--text-quaternary); cursor: default; }

.mfl-sh-who-sub[b-m1b0rmldtz] {
    min-width: 0;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mfl-sh-in[b-m1b0rmldtz]  .mfl-sh-bar,
.mfl-sh-who[b-m1b0rmldtz]  .mfl-sh-bar {
    width: 100%;
}

.mfl-sh-who-value[b-m1b0rmldtz] {
    text-align: right;
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
    font-variant-numeric: tabular-nums;
}

.mfl-sh-sparks[b-m1b0rmldtz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px 20px;
}

.mfl-sh-spark[b-m1b0rmldtz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 6px 0 10px;
}

.mfl-sh-spark-head[b-m1b0rmldtz] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 8px;
}

.mfl-sh-spark-label[b-m1b0rmldtz] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.mfl-sh-spark-now[b-m1b0rmldtz] {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.mfl-sh-find[b-m1b0rmldtz] {
    height: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.mfl-sh-find-title[b-m1b0rmldtz] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mon[b-2zbrqblfc8] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 14px;
    gap: 12px;
}

.mon-head[b-2zbrqblfc8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.mon-head-lead[b-2zbrqblfc8] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.mon-title[b-2zbrqblfc8] {
    flex: none;
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.mon-search[b-2zbrqblfc8] {
    flex: 0 1 320px;
    min-width: 160px;
}

.mon-search[b-2zbrqblfc8]  .lum-input-wrap { width: 100%; }

.mon-counts[b-2zbrqblfc8] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.mon-legend[b-2zbrqblfc8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    flex: 0 0 auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.mon-legend-item[b-2zbrqblfc8] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.mon-legend-name[b-2zbrqblfc8] {
    color: var(--text-primary);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
}

.mon-grid[b-2zbrqblfc8] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
}

.mon-grid[b-2zbrqblfc8]  .mon-table {
    width: 100%;
    min-width: 0;
}

.mon-muted[b-2zbrqblfc8] {
    color: var(--text-secondary);
}

.mon-check[b-2zbrqblfc8] {
    display: inline-flex;
    align-items: center;
}

.mon-dot[b-2zbrqblfc8] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1.5px solid var(--border-strong);
    background: transparent;
    vertical-align: middle;
}

.mon-dot.on[b-2zbrqblfc8] {
    border-color: var(--accent);
    background: var(--accent-fill);
}

.mon-dot.warn[b-2zbrqblfc8] {
    border-color: var(--status-warn);
    background: transparent;
}

.mon-bar[b-2zbrqblfc8] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px 20px;
    flex-wrap: wrap;
    padding: 12px 14px;
    background: var(--surface-elevated);
    border: 1px solid var(--accent-soft);
    border-radius: var(--r-card);
}

.mon-bar-count[b-2zbrqblfc8] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    color: var(--text-primary);
    font-size: var(--text-base);
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mon-bar-groups[b-2zbrqblfc8] {
    display: flex;
    align-items: center;
    gap: 12px 20px;
    flex-wrap: wrap;
    flex: 1 1 420px;
    min-width: 0;
}

.mon-bar-group[b-2zbrqblfc8] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.mon-bar-group.grow[b-2zbrqblfc8] {
    flex: 1 1 210px;
    min-width: 0;
}

.mon-bar-label[b-2zbrqblfc8] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.mon-bar-acts[b-2zbrqblfc8] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    flex-wrap: wrap;
}

.mon-bar-warn[b-2zbrqblfc8] {
    font-size: var(--text-sm);
    color: var(--status-warn);
    max-width: 340px;
}

.mon-bar-groups[b-2zbrqblfc8]  .lum-seg-btn.active.staged {
    background: var(--accent-fill);
    color: var(--text-on-accent);
}

.mon-mixed[b-2zbrqblfc8] {
    font-size: var(--text-xs);
    font-style: italic;
    color: var(--text-tertiary, var(--text-secondary));
    white-space: nowrap;
}

.mon-bar-pending[b-2zbrqblfc8] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.od[b-qte4ynrh5u] {
    width: min(1120px, 96vw);
    height: min(780px, calc(100vh - 48px));
    max-height: calc(100vh - 48px);
    overflow: hidden;
}

.od-body[b-qte4ynrh5u] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 0 0 4px;
}

.od-body[b-qte4ynrh5u]  .sb-head {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 14px 18px 10px;
    background: var(--surface-overlay);
    border-bottom: 1px solid var(--border-subtle);
}

.od-body[b-qte4ynrh5u]  .odp > :not(.sb-head) {
    margin-left: 18px;
    margin-right: 18px;
}

.od-back[b-qte4ynrh5u] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--r-block);
    background: var(--surface-hover);
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.od-back[b-qte4ynrh5u]  .owl-icon {
    transform: rotate(180deg);
}

.od-back:hover[b-qte4ynrh5u],
.od-back:focus-visible[b-qte4ynrh5u] {
    background: var(--surface-selected);
    color: var(--text-primary);
    outline: none;
}

.odp[b-kj99ri2q68] {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sb-kicker[b-kj99ri2q68] {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-bold);
    letter-spacing: 0.06em;
    padding: 3px 6px;
    border-radius: 3px;
}

.sb-name[b-kj99ri2q68] {
    font-weight: var(--weight-semibold);
}

.sb-state[b-kj99ri2q68] {
    padding: 24px 16px;
    font-size: var(--text-base);
}

.sb-num[b-kj99ri2q68] {
    flex: none;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}


.sb-head[b-kj99ri2q68] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.sb-head-id[b-kj99ri2q68] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
}

.sb-ident[b-kj99ri2q68] {
    font-family: var(--font-mono);
}

.sb-head-title[b-kj99ri2q68] {
    min-width: 0;
    font-family: var(--font-title);
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    letter-spacing: 0;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sb-head-owner[b-kj99ri2q68] {
    font-weight: var(--weight-medium);
    color: var(--text-tertiary);
}

.sb-head-owner[b-kj99ri2q68]::after {
    content: ".";
}

.sb-head-id .sb-kicker[b-kj99ri2q68] {
    flex: none;
}

.sb-owner[b-kj99ri2q68] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.sb-head-right[b-kj99ri2q68] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sb-live[b-kj99ri2q68] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
    white-space: nowrap;
}

.sb-live[b-kj99ri2q68]  .sb-live-dot {
    flex: none;
}

.sb-read[b-kj99ri2q68] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sb-headline[b-kj99ri2q68] {
    flex: none;
    min-width: 0;
    margin-top: 4px;
    font-size: var(--text-md);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.sb-issues[b-kj99ri2q68] {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
}

.sb-issue[b-kj99ri2q68] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 6px 8px 6px 14px;
    border-radius: var(--r-card);
    background: var(--status-warn-soft);
}

.sb-issue-mark[b-kj99ri2q68] {
    flex: none;
    width: 10px;
    height: 9px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--status-warn);
}

.sb-issue-what[b-kj99ri2q68] {
    flex: 0 1 auto;
    min-width: 0;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--warn-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sb-issue-fix[b-kj99ri2q68] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 460px;
    margin-left: auto;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sb-issue-more[b-kj99ri2q68] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sb-issue[b-kj99ri2q68]  .sb-issue-copy {
    flex: none;
}

.sb-facts-state[b-kj99ri2q68] {
    margin-top: 12px;
    padding: 16px;
    border-top: 1px solid var(--border-subtle);
}

.sb-comment[b-kj99ri2q68] {
    flex: none;
    margin-top: 10px;
    font-size: var(--text-base);
    line-height: 1.45;
    color: var(--text-secondary);
}

.sb-note[b-kj99ri2q68] {
    padding: 6px 14px 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}


.sb-size[b-kj99ri2q68] {
    flex: none;
    margin-top: 10px;
}

.sb-size[b-kj99ri2q68]  .lum-disc:last-child {
    border-bottom: none;
}

.sb-size[b-kj99ri2q68]  .lum-disc-body {
    padding: 2px 0 8px;
}

.sb-size[b-kj99ri2q68]  .szb-body {
    height: 180px;
}


.sb-tabs-wrap[b-kj99ri2q68] {
    flex: 1 0 auto;
    min-height: 340px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}

.sb-tabs-wrap[b-kj99ri2q68]  .lum-tabs-host {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.sb-tabs-wrap[b-kj99ri2q68]  .lum-tab-panels {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.sb-tabs-wrap[b-kj99ri2q68]  .lum-tab-panel {
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    padding: 10px 0 12px;
}

.sb-tabs-wrap[b-kj99ri2q68]  .sb-grid {
    height: 100%;
    min-height: 180px;
    font-size: var(--text-xs);
}


.sb-details[b-kj99ri2q68] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    align-items: start;
    gap: 8px 40px;
    max-width: 1280px;
    padding: 4px 14px 0;
    min-width: 0;
}

.sb-dgroup[b-kj99ri2q68] {
    min-width: 0;
}

.sb-dgroup-title[b-kj99ri2q68] {
    margin: 0 0 4px;
    padding-bottom: 8px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    box-shadow: inset 0 -1px 0 var(--border-default);
}

.sb-dlist[b-kj99ri2q68] {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.sb-drow[b-kj99ri2q68] {
    display: grid;
    grid-template-columns: minmax(120px, 42%) minmax(0, 1fr);
    gap: 16px;
    align-items: baseline;
    padding: 8px 0;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}

.sb-drow:last-child[b-kj99ri2q68] {
    box-shadow: none;
}

.sb-drow dt[b-kj99ri2q68] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.sb-drow dd[b-kj99ri2q68] {
    margin: 0;
    min-width: 0;
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.sb-panel[b-kj99ri2q68] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sb-panel[b-kj99ri2q68] >  .sb-grid {
    flex: 1 1 auto;
    height: auto;
}

.sb-panel > .sb-note[b-kj99ri2q68] {
    flex: none;
}

.sb-keys[b-kj99ri2q68] {
    color: var(--text-primary);
}

.sb-keys.is-bad[b-kj99ri2q68] {
    color: var(--status-warn);
}

.sb-bad[b-kj99ri2q68] {
    color: var(--status-crit);
}

.sb-gate[b-kj99ri2q68] {
    height: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px;
    text-align: center;
    color: var(--text-secondary);
    font-size: var(--text-base);
}

.sb-gate-text[b-kj99ri2q68] {
    max-width: 520px;
    line-height: 1.5;
}

.sb-link[b-kj99ri2q68] {
    max-width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    font-family: var(--font-mono);
    font-size: inherit;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sb-link:hover[b-kj99ri2q68],
.sb-link:focus-visible[b-kj99ri2q68] {
    color: var(--text-heading);
    text-decoration: underline;
}

.sb-quiet[b-kj99ri2q68] {
    color: var(--text-tertiary);
}

.sb-ellipsis[b-kj99ri2q68] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.sb-rel[b-kj99ri2q68] {
    gap: 10px;
}

.sb-rel-bar[b-kj99ri2q68] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 0 14px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.sb-rel-sum[b-kj99ri2q68] {
    white-space: nowrap;
}

.sb-rel-wait[b-kj99ri2q68],
.sb-rel-err[b-kj99ri2q68] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sb-rel-err[b-kj99ri2q68] {
    color: var(--status-crit);
}

.sb-rel-mode[b-kj99ri2q68] {
    margin-left: auto;
}

.sb-rel-graph[b-kj99ri2q68] {
    position: relative;
    flex: none;
    min-width: 0;
    border-radius: var(--r-modal);
    background: var(--surface-raised);
    overflow: hidden;
}

.sb-rel-links[b-kj99ri2q68] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.sb-rel-links path[b-kj99ri2q68] {
    fill: none;
    stroke: var(--border-default);
    stroke-width: 1.4;
    vector-effect: non-scaling-stroke;
}

.sb-rel-head[b-kj99ri2q68] {
    position: absolute;
    top: 14px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sb-rel-head.is-left[b-kj99ri2q68] { left: 3%; }
.sb-rel-head.is-right[b-kj99ri2q68] { right: 3%; }

.sb-rel-node[b-kj99ri2q68] {
    position: absolute;
    width: 22%;
    height: 44px;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--r-card);
    background: var(--surface-control);
    color: var(--text-heading);
    font-family: var(--font-ui);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.sb-rel-node.is-left[b-kj99ri2q68] { left: 3%; }
.sb-rel-node.is-right[b-kj99ri2q68] { left: 75%; }

.sb-rel-node:hover[b-kj99ri2q68],
.sb-rel-node:focus-visible[b-kj99ri2q68] {
    background: var(--surface-hover);
    outline: none;
}

.sb-rel-node.is-bad[b-kj99ri2q68] {
    background: var(--status-crit-soft);
    color: var(--status-crit);
}

.sb-rel-node.is-more[b-kj99ri2q68] {
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--border-default);
}

.sb-rel-node.is-self[b-kj99ri2q68] {
    left: 39%;
    width: 22%;
    height: 60px;
    cursor: default;
    background: var(--accent-tint);
    box-shadow: inset 0 0 0 1.5px var(--accent);
    color: var(--text-heading);
}

.sb-rel-name[b-kj99ri2q68] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
}

.sb-rel-node.is-self .sb-rel-name[b-kj99ri2q68] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
}

.sb-rel-note[b-kj99ri2q68] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sb-deps[b-kj99ri2q68] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.sb-dep-block[b-kj99ri2q68] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.sb-block-title[b-kj99ri2q68] {
    flex: none;
    padding: 0 14px 6px;
}

@media (max-width: 1500px) {
    .sb-deps[b-kj99ri2q68] {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: minmax(160px, auto);
        height: auto;
    }
}


.sb-code[b-kj99ri2q68] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 0 14px;
}

.sb-code-bar[b-kj99ri2q68] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    min-width: 0;
}

.sb-code-note[b-kj99ri2q68] {
    margin-left: auto;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sb-code-view[b-kj99ri2q68] {
    flex: 1 1 auto;
    min-height: 120px;
    min-width: 0;
    overflow: auto;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    padding: 6px 0;
}

.sb-line[b-kj99ri2q68] {
    display: flex;
    align-items: flex-start;
    width: max-content;
    min-width: 100%;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 18px;
}

.sb-ln[b-kj99ri2q68] {
    position: sticky;
    left: 0;
    flex: none;
    width: 52px;
    padding-right: 10px;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--text-quaternary);
    background: var(--surface-inset);
    user-select: none;
}

.sb-tx[b-kj99ri2q68] {
    flex: 1 1 auto;
    padding-right: 14px;
    white-space: pre;
    color: var(--text-primary);
}

.osp[b-bstx85p5uo] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-subtle);
    min-width: 0;
}

.osp.osp-lean[b-bstx85p5uo] {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.osp-lean .osp-toolbar[b-bstx85p5uo] { padding-top: 4px; }
.osp-lean .osp-grid[b-bstx85p5uo] { height: auto; max-height: 260px; }

.osp[b-bstx85p5uo]  .lum-disc { border-top: none; }
.osp[b-bstx85p5uo]  .lum-disc:last-child { border-bottom: none; }

.osp[b-bstx85p5uo]  .lum-disc-title,
.osp[b-bstx85p5uo]  .lum-disc.is-open .lum-disc-title {
    color: var(--accent);
    font-weight: var(--weight-semibold);
}

.osp[b-bstx85p5uo]  .lum-disc-icon { color: var(--accent); }

.osp-window[b-bstx85p5uo] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.osp-state[b-bstx85p5uo] {
    padding: 14px 0;
    gap: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.osp-state.error[b-bstx85p5uo] { color: var(--status-warn); }

.osp-empty[b-bstx85p5uo] {
    padding: 16px 0;
    max-width: 720px;
    line-height: 1.45;
}

.osp-toolbar[b-bstx85p5uo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding: 8px 0 10px;
    min-width: 0;
}

.osp-switch[b-bstx85p5uo] { font-size: var(--text-xs); }

.osp-count[b-bstx85p5uo] {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.osp-figs[b-bstx85p5uo] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    padding: 0 0 10px;
    min-width: 0;
}

.osp-fig[b-bstx85p5uo] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.osp-fig-v[b-bstx85p5uo] {
    font-family: var(--font-mono);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    line-height: 1.2;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.osp-fig-v.warn[b-bstx85p5uo] { color: var(--status-warn); }

.osp-grid[b-bstx85p5uo] {
    height: 320px;
    overflow: hidden;
    border: 1px solid var(--border-faint);
    border-radius: var(--r-block);
}

.osp-grid[b-bstx85p5uo]  .lum-grid-table { background: transparent !important; }

.osp-grid[b-bstx85p5uo]  .lum-grid-table tbody td {
    padding: 3px 10px;
    line-height: 1.35;
}

.osp-grid[b-bstx85p5uo]  .lum-grid-table thead th {
    padding: 5px 10px;
}

.osp-grid[b-bstx85p5uo]  .lum-badge {
    padding: 1px 5px;
    font-size: var(--text-2xs);
}

.osp-rank[b-bstx85p5uo] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
}

.osp-sqlid[b-bstx85p5uo] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.osp-who[b-bstx85p5uo] {
    display: block;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.osp-access[b-bstx85p5uo] {
    display: inline-flex;
    gap: 4px;
}

.osp-num[b-bstx85p5uo] {
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.osp-num.warn[b-bstx85p5uo] { color: var(--status-warn); }

.osp-when[b-bstx85p5uo] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.osp-foot[b-bstx85p5uo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px 0 2px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.osp-foot-sep[b-bstx85p5uo] { color: var(--text-quaternary); }
.osp-pending[b-bstx85p5uo] { color: var(--status-warn); }

.osl-dialog[b-a6dg8kqk51] {
    width: min(1100px, calc(100vw - 48px));
    height: 100%;
}

.osl-dialog .lum-prefs-head[b-a6dg8kqk51] { align-items: center; }

.osl-health[b-a6dg8kqk51] { flex-shrink: 0; }

.osl-toolbar[b-a6dg8kqk51]  .osl-search { width: 240px; }

.osl-stale[b-a6dg8kqk51] { color: var(--warn-text); }

.osl-problem[b-a6dg8kqk51] { margin-bottom: 12px; }
.osl-problem-line[b-a6dg8kqk51] { word-break: break-word; }

.osl-state-detail[b-a6dg8kqk51] {
    max-width: 720px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    word-break: break-word;
}

.osl-summary[b-a6dg8kqk51] {
    flex: none;
    margin-bottom: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.osl-finding[b-a6dg8kqk51] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    vertical-align: middle;
}

.osl-code[b-a6dg8kqk51] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
}

.osl-msg[b-a6dg8kqk51] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.osl-when[b-a6dg8kqk51] {
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.osl-muted[b-a6dg8kqk51] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.osl-mono[b-a6dg8kqk51] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    word-break: break-all;
}

.osl-history[b-a6dg8kqk51] { display: flex; flex-direction: column; }

.osl-history-row[b-a6dg8kqk51] {
    padding: 6px 0;
    border-top: 1px solid var(--border-subtle);
}

.osl-history-line[b-a6dg8kqk51] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.osl-history-line .when[b-a6dg8kqk51] { color: var(--text-primary); }
.osl-history-line .muted[b-a6dg8kqk51] { color: var(--text-tertiary); }

.osl-excerpt[b-a6dg8kqk51] {
    display: block;
    margin-top: 4px;
    max-height: 160px;
    overflow: auto;
}

.osl-nodes[b-a6dg8kqk51] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.osl-node[b-a6dg8kqk51] {
    overflow: hidden;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-card);
}

.osl-node-head[b-a6dg8kqk51] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 9px 14px;
    background: var(--surface-inset);
}

.osl-node-title[b-a6dg8kqk51] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.osl-node-inst[b-a6dg8kqk51],
.osl-node-host[b-a6dg8kqk51] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.osl-node-ip[b-a6dg8kqk51],
.osl-node-unresolved[b-a6dg8kqk51] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.osl-node-ip[b-a6dg8kqk51] { font-family: var(--font-mono); }

.osl-node-status[b-a6dg8kqk51] {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.osl-node-status.crit[b-a6dg8kqk51] { color: var(--critical-text); }
.osl-node-status.muted[b-a6dg8kqk51] { color: var(--text-tertiary); }

.osl-node-note[b-a6dg8kqk51] {
    padding: 8px 14px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    line-height: 1.45;
    color: var(--text-secondary);
    word-break: break-word;
}

.osl-node-note strong[b-a6dg8kqk51] {
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.osl-node-note.crit[b-a6dg8kqk51] { background: var(--status-crit-soft); color: var(--critical-text); }
.osl-node-note.crit strong[b-a6dg8kqk51] { color: var(--critical-text); }

.osl-files[b-a6dg8kqk51] { border-top: 1px solid var(--border-subtle); }

.osl-files-empty[b-a6dg8kqk51] {
    padding: 8px 14px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.osl-file[b-a6dg8kqk51] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
}

.osl-file:first-child[b-a6dg8kqk51] { border-top: none; }

.osl-file .lum-flag[b-a6dg8kqk51],
.osl-path .lum-flag[b-a6dg8kqk51] {
    flex: none;
    min-width: 66px;
    justify-content: center;
    box-sizing: border-box;
}

.osl-file-path[b-a6dg8kqk51] {
    flex: 1;
    min-width: 0;
    padding: 0;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.osl-file-path:hover[b-a6dg8kqk51] {
    color: var(--text-heading);
    text-decoration: underline;
}

.osl-file[b-a6dg8kqk51]  .osl-file-view { flex-shrink: 0; }

.osl-file-bytes[b-a6dg8kqk51] {
    flex-shrink: 0;
    width: 64px;
    text-align: right;
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.osl-file-when[b-a6dg8kqk51] {
    flex-shrink: 0;
    width: 140px;
    text-align: right;
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.osl-file-when.never[b-a6dg8kqk51] { color: var(--text-tertiary); }

.osl-check[b-a6dg8kqk51] {
    flex-shrink: 0;
    width: 84px;
    text-align: right;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.osl-check.unreadable[b-a6dg8kqk51] { color: var(--critical-text); }

.osl-file-error[b-a6dg8kqk51] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0 14px 8px 90px;
    font-size: var(--text-xs);
    line-height: 1.45;
    color: var(--critical-text);
    word-break: break-word;
}

.osl-file-error-tag[b-a6dg8kqk51] {
    flex-shrink: 0;
    margin-top: 1px;
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}

.osl-test-head[b-a6dg8kqk51] { margin-bottom: 12px; align-items: center; }

.osl-cred-ctl[b-a6dg8kqk51] { align-items: center; }

.osl-callout[b-a6dg8kqk51] { margin: 12px 0 0; }

.osl-test-node[b-a6dg8kqk51] { display: flex; align-items: flex-start; gap: 6px; }
.osl-test-mark[b-a6dg8kqk51] { font-size: 15px; flex-shrink: 0; }
.osl-test-mark.bad[b-a6dg8kqk51] { color: var(--critical-text); }
.osl-test-file[b-a6dg8kqk51] { padding-left: 21px; word-break: break-word; }
.osl-test-file.bad[b-a6dg8kqk51] { color: var(--critical-text); }

.osl-paths[b-a6dg8kqk51] {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-y: auto;
    padding: 4px 0;
}

.osl-path[b-a6dg8kqk51] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 3px 14px;
}

.osl-path:hover[b-a6dg8kqk51] { background: var(--surface-hover); }

.osl-path.off .osl-path-text[b-a6dg8kqk51],
.osl-path.off .lum-flag[b-a6dg8kqk51] { opacity: 0.5; }

.osl-path-text[b-a6dg8kqk51] {
    flex: 1;
    min-width: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.osl-path-manual[b-a6dg8kqk51] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.osl-add[b-a6dg8kqk51]  .lum-input-wrap {
    flex: 1;
    min-width: 0;
}

.olv-dialog[b-mo8y0ukxtq] { width: min(1100px, calc(100vw - 48px)); }

.olv-body[b-mo8y0ukxtq] { padding-top: 2px; }

.olv-where[b-mo8y0ukxtq] { flex-wrap: nowrap; }

.olv-how[b-mo8y0ukxtq] { margin-bottom: 10px; }

.olv-filter[b-mo8y0ukxtq]  .lum-input-wrap { width: 220px; }

.olv-view[b-mo8y0ukxtq] {
    height: min(58vh, calc(100vh - 330px));
    min-height: 280px;
    overflow: auto;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    background: var(--surface-inset);
}

.olv-pre[b-mo8y0ukxtq] {
    margin: 0;
    padding: 10px 12px;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.55;
    color: var(--text-secondary);
    white-space: pre-wrap;
    word-break: break-all;
}

.olv-center[b-mo8y0ukxtq] {
    height: 100%;
    box-sizing: border-box;
}

.olv-state-detail[b-mo8y0ukxtq] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    max-width: 720px;
    word-break: break-word;
}

.olv-summary[b-mo8y0ukxtq] { font-variant-numeric: tabular-nums; }

.bench-dialog[b-wtfkw5izwh] {
    position: relative;
    width: min(1080px, calc(100vw - 48px));
}

.bench-mix[b-wtfkw5izwh] { padding: 12px 14px 4px; }
.bench-op-label[b-wtfkw5izwh] { display: inline-flex; align-items: center; gap: 8px; }
.bench-op-dot[b-wtfkw5izwh] { flex: none; display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.bench-op-ctl[b-wtfkw5izwh] { flex-wrap: nowrap; }
.bench-op-ctl[b-wtfkw5izwh]  .bench-op-slider { flex: 1 1 auto; min-width: 0; }
.bench-op-val[b-wtfkw5izwh] { flex: none; width: 44px; text-align: right; font-size: var(--text-sm); color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.bench-op.is-off .bench-op-label[b-wtfkw5izwh], .bench-op.is-off .bench-op-val[b-wtfkw5izwh] { color: var(--text-tertiary); }

.bench-sql[b-wtfkw5izwh] { max-height: 236px; overflow: auto; white-space: pre; margin: 12px 14px; }

.bench-progress[b-wtfkw5izwh] { padding: 2px 4px 10px; }
.bench-stats[b-wtfkw5izwh] { margin-bottom: 4px; }
.bench-ops[b-wtfkw5izwh] { display: flex; flex-wrap: wrap; gap: 6px 22px; padding: 8px 14px 4px; font-size: var(--text-sm); color: var(--text-secondary); }
.bench-ops-item[b-wtfkw5izwh] { display: inline-flex; align-items: center; gap: 7px; }
.bench-ops-item b[b-wtfkw5izwh] { font-weight: var(--weight-semibold); color: var(--text-primary); font-variant-numeric: tabular-nums; }
.bench-meta[b-wtfkw5izwh] { padding: 6px 14px 12px; font-size: var(--text-sm); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }
.bench-failure[b-wtfkw5izwh] { margin-top: 12px; }

.bench-error-row[b-wtfkw5izwh] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: baseline;
    gap: 12px;
    padding: 8px 14px;
    font-size: var(--text-sm);
    border-top: 1px solid var(--border-subtle);
}
.bench-error-row:first-child[b-wtfkw5izwh] { border-top: none; }
.bench-error-code[b-wtfkw5izwh] { font-family: var(--font-mono); font-weight: var(--weight-semibold); color: var(--critical-text); white-space: nowrap; }
.bench-error-count[b-wtfkw5izwh] { color: var(--text-tertiary); white-space: nowrap; font-variant-numeric: tabular-nums; }
.bench-error-msg[b-wtfkw5izwh] { min-width: 0; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pcl-lane[b-57dbpy6zb4] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 6;
    pointer-events: none;
}

.pcl-pin[b-57dbpy6zb4] {
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    margin-left: -12.5px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    border: none;
    border-radius: var(--r-chip);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    pointer-events: auto;
    visibility: hidden;
}

.pcl-pin b[b-57dbpy6zb4] {
    font-weight: inherit;
    color: var(--text-secondary);
}

.pcl-pin.is-crit[b-57dbpy6zb4] { color: var(--status-crit); }
.pcl-pin.is-warn[b-57dbpy6zb4] { color: var(--status-warn); }
.pcl-pin.is-ok[b-57dbpy6zb4]   { color: var(--status-ok); }
.pcl-pin.is-info[b-57dbpy6zb4] { color: var(--text-secondary); }

.pcl-pin:hover[b-57dbpy6zb4],
.pcl-pin.is-on[b-57dbpy6zb4] { background: var(--surface-selected); }

.pcl-pin:focus-visible[b-57dbpy6zb4] {
    outline: 2px solid var(--border-focus);
    outline-offset: 1px;
}

.pcl-pin[b-57dbpy6zb4]::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 12px;
    width: 1px;
    height: 3px;
    background: currentColor;
    opacity: .5;
    pointer-events: none;
}

.pcl-balloon[b-57dbpy6zb4] { width: 340px; }

.procs-dialog[b-op3v18o0bk] {
    width: min(1060px, calc(100vw - 48px));
    height: min(760px, calc(100vh - 48px));
}

.procs-fill[b-op3v18o0bk] { flex: 1 1 auto; }

.procs-error[b-op3v18o0bk] {
    max-width: 640px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.procs-body[b-op3v18o0bk] {
    overflow: hidden;
    padding-top: 2px;
}

.procs-instances[b-op3v18o0bk] {
    flex: 0 1 auto;
    min-height: 0;
    max-height: 250px;
    overflow-y: auto;
}

.procs-list[b-op3v18o0bk] {
    flex: 1 1 0;
    min-height: 180px;
    overflow: hidden;
}

.procs-top-head[b-op3v18o0bk] { flex-wrap: nowrap; }

[b-op3v18o0bk] .procs-search {
    width: 240px;
    --control-height: var(--control-height-sm);
}

.procs-inst[b-op3v18o0bk] { font-weight: var(--weight-medium); }

.procs-usage[b-op3v18o0bk] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.procs-of[b-op3v18o0bk] {
    flex: none;
    min-width: 108px;
    color: var(--text-secondary);
}

.procs-of b[b-op3v18o0bk] {
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.procs-of b.is-warn[b-op3v18o0bk] { color: var(--warn-text); }
.procs-of b.is-crit[b-op3v18o0bk] { color: var(--critical-text); }

.procs-usage[b-op3v18o0bk]  .procs-bar {
    flex: 1 1 auto;
    min-width: 60px;
    max-width: 220px;
}

.procs-num[b-op3v18o0bk] { font-variant-numeric: tabular-nums; }

.procs-strong[b-op3v18o0bk] { font-weight: var(--weight-semibold); }

.procs-quiet[b-op3v18o0bk] { color: var(--text-tertiary); }

small.procs-quiet[b-op3v18o0bk] { font-size: var(--text-xs); }

.procs-mono[b-op3v18o0bk] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.procs-cut[b-op3v18o0bk] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ptg-overlay[b-4wma3dhb8m] {
    position: fixed;
    inset: 0;
    background: var(--scrim);
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.ptg-dialog[b-4wma3dhb8m] {
    width: min(480px, 100%);
    max-height: min(90vh, calc(100vh - 32px));
    height: auto;
}

.ptg-dialog:focus[b-4wma3dhb8m] { outline: none; }

.ptg-action-subject[b-4wma3dhb8m] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.45;
}

.ptg-action-subject b[b-4wma3dhb8m] { color: var(--text-secondary); font-weight: var(--weight-semibold); }

.ptg-action-body[b-4wma3dhb8m] { padding-top: 2px; }

.ptg-scope-list[b-4wma3dhb8m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 6px;
    padding: 0;
    border: none;
}

.ptg-scope-list legend[b-4wma3dhb8m] {
    padding: 0;
    margin-bottom: 8px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.ptg-scope[b-4wma3dhb8m] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--border-default);
    border-radius: var(--r-block);
    background: var(--surface-card);
    cursor: pointer;
    transition: border-color var(--transition-fast), background var(--transition-fast);
}

.ptg-scope:hover[b-4wma3dhb8m] { border-color: var(--border-strong); }
.ptg-scope input[b-4wma3dhb8m] { margin-top: 3px; accent-color: var(--accent); }
.ptg-scope > span[b-4wma3dhb8m] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.ptg-scope-title[b-4wma3dhb8m] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.ptg-scope-desc[b-4wma3dhb8m] {
    font-size: var(--text-xs);
    line-height: 1.45;
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

p.ptg-scope-desc[b-4wma3dhb8m] {
    margin: 0 0 6px;
    font-size: var(--text-sm);
}

.ptg-scope-desc code[b-4wma3dhb8m] {
    font-family: var(--font-code);
    font-size: var(--text-xs);
    background: var(--surface-input);
    border: 1px solid var(--border-default);
    border-radius: var(--r-chip);
    padding: 0 4px;
}

.ptg-field[b-4wma3dhb8m] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 10px 0 0;
}

.ptg-field label[b-4wma3dhb8m] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.ptg-optional[b-4wma3dhb8m] {
    margin-left: 4px;
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.ptg-snooze .lum-prefs-row[b-4wma3dhb8m] { grid-template-columns: 88px minmax(0, 1fr); }

.ptg-fineprint[b-4wma3dhb8m] {
    font-variant-numeric: tabular-nums;
}

.ptg-error[b-4wma3dhb8m] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 10px;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ptg-error[b-4wma3dhb8m]::before {
    content: "";
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--status-crit);
    transform: translateY(-1px);
}

.pal-g[b-suczaw5qxy] { display: block; flex: none; overflow: visible; }
.pal-gp[b-suczaw5qxy] { stroke-width: 1.4; stroke-linejoin: round; }
.pal-gp.is-crit[b-suczaw5qxy] { fill: var(--status-crit); stroke: var(--status-crit); }
.pal-gp.is-warn[b-suczaw5qxy] { fill: var(--status-warn); stroke: var(--status-warn); }
.pal-gp.is-info[b-suczaw5qxy] { fill: var(--text-quaternary); stroke: var(--text-quaternary); }
.pal-gp.is-past[b-suczaw5qxy] { fill-opacity: .28; }

.pal-pin[b-suczaw5qxy] {
    position: absolute;
    border: none;
    background: transparent;
    cursor: pointer;
}

.pal-pin:focus-visible[b-suczaw5qxy] {
    outline: 2px solid var(--border-focus);
    outline-offset: 1px;
}

.pal-lane[b-suczaw5qxy] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 6;
    pointer-events: none;
}

.pal-lane .pal-pin[b-suczaw5qxy] {
    left: 0;
    top: 0;
    height: 22px;
    margin-left: -11.5px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    border-radius: var(--r-chip);
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
    pointer-events: auto;
    visibility: hidden;
}

.pal-lane .pal-pin.is-past[b-suczaw5qxy] { color: var(--text-tertiary); }
.pal-lane .pal-pin:hover[b-suczaw5qxy],
.pal-lane .pal-pin.is-on[b-suczaw5qxy] { background: var(--surface-selected); }

.pal-lane .pal-pin[b-suczaw5qxy]::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 11px;
    width: 1px;
    height: 7px;
    opacity: .55;
    pointer-events: none;
}

.pal-lane .pal-pin[b-suczaw5qxy]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(11px - var(--pal-shift, 0px));
    width: 1px;
    height: var(--pal-drop, 0px);
    opacity: .7;
    pointer-events: none;
    display: none;
}

.pal-lane .pal-pin.is-crit[b-suczaw5qxy]::before,
.pal-lane .pal-pin.is-crit[b-suczaw5qxy]::after { background: var(--status-crit); }
.pal-lane .pal-pin.is-warn[b-suczaw5qxy]::before,
.pal-lane .pal-pin.is-warn[b-suczaw5qxy]::after { background: var(--status-warn); }
.pal-lane .pal-pin.is-info[b-suczaw5qxy]::before,
.pal-lane .pal-pin.is-info[b-suczaw5qxy]::after { background: var(--text-tertiary); }

.pal-lane .pal-pin:hover[b-suczaw5qxy]::after,
.pal-lane .pal-pin.is-on[b-suczaw5qxy]::after,
.pal-lane .pal-pin:focus-visible[b-suczaw5qxy]::after { display: block; }

.pal-lane .pal-pin:hover[b-suczaw5qxy]::before,
.pal-lane .pal-pin.is-on[b-suczaw5qxy]::before,
.pal-lane .pal-pin:focus-visible[b-suczaw5qxy]::before { display: none; }

.pal-pin.is-strip[b-suczaw5qxy] {
    top: 2px;
    z-index: 4;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.pal-pin.is-strip:hover[b-suczaw5qxy],
.pal-pin.is-strip.is-on[b-suczaw5qxy] { background: var(--surface-selected); }

.pal-balloon[b-suczaw5qxy] { width: 340px; }

.rc-card[b-tfegur9e7b] {
    gap: 14px;
    padding: 16px 18px;
}

.rc-sentence[b-tfegur9e7b] {
    margin: 0;
    font-family: var(--font-ui);
    font-size: var(--text-title3);
    font-weight: var(--weight-medium);
    line-height: 1.5;
    color: var(--text-heading);
    overflow-wrap: anywhere;
}

.rc-changes[b-tfegur9e7b] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 6px;
    margin: 0;
    padding: 12px 0 0;
    border-top: 1px solid var(--border-subtle);
    list-style: none;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.rc-change[b-tfegur9e7b] { display: contents; }

.rc-change-at[b-tfegur9e7b] {
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rc-change-text[b-tfegur9e7b] { min-width: 0; overflow-wrap: anywhere; }

.rc-change-near[b-tfegur9e7b] { color: var(--text-tertiary); }

.rc-checked[b-tfegur9e7b] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 12px;
    border-top: 1px solid var(--border-subtle);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
}

.rc-checked-k[b-tfegur9e7b] { color: var(--text-tertiary); }

.rc-checked-list[b-tfegur9e7b] {
    color: var(--text-primary);
    line-height: 1.5;
}

.ptg-overlay[b-p5feudfhnt] {
    position: fixed;
    inset: 0;
    background: var(--scrim);
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.ptg-dialog[b-p5feudfhnt] {
    width: min(960px, 100%);
    max-height: 92vh;
}

.ptg-dialog:focus[b-p5feudfhnt] { outline: none; }

.ptg-main[b-p5feudfhnt] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.ptg-dialog.has-rail[b-p5feudfhnt] {
    flex-direction: row;
    width: min(1280px, 100%);
    height: min(92vh, 860px);
}

.ptg-rail[b-p5feudfhnt] {
    flex: 0 0 380px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px 0;
    border-right: 1px solid var(--border-subtle);
}

.ptg-rail-head[b-p5feudfhnt] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px 6px;
}

.ptg-rail-head:first-child[b-p5feudfhnt] { padding-top: 6px; }

.ptg-rail-row[b-p5feudfhnt] {
    width: calc(100% - 16px);
    margin: 0 8px;
    padding: 5px 8px;
    border-radius: var(--r-block);
}

.ptg-rail-sql[b-p5feudfhnt] { font-family: var(--font-code); }

.ptg-rail-verdict[b-p5feudfhnt] {
    margin-left: 10px;
    font-weight: var(--weight-regular);
    color: var(--text-secondary);
}

.ptg-rail-row.is-on[b-p5feudfhnt] { background: var(--surface-selected); }

.ptg-rail-row.is-past .lum-glyph[b-p5feudfhnt] { background: var(--text-quaternary); }

.ptg-dialog-header[b-p5feudfhnt] {
    flex: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    padding: 18px 22px 10px 24px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
}

.ptg-sev[b-p5feudfhnt] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    white-space: nowrap;
}

.ptg-dialog-header .ptg-sev.sev-crit[b-p5feudfhnt] { color: var(--critical-text); }
.ptg-dialog-header .ptg-sev.sev-warn[b-p5feudfhnt] { color: var(--warn-text); }

.ptg-dialog-header .ptg-sev.is-closed[b-p5feudfhnt] { color: var(--text-secondary); }
.ptg-sev.is-closed .lum-glyph[b-p5feudfhnt] { background: var(--text-quaternary); }

.ptg-rule[b-p5feudfhnt] {
    flex: none;
    width: 1px;
    height: 16px;
    background: var(--border-strong);
}

.ptg-dialog-db[b-p5feudfhnt] {
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
    white-space: nowrap;
}

.ptg-state[b-p5feudfhnt] {
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ptg-clock-note[b-p5feudfhnt] {
    color: var(--text-tertiary);
    font-style: italic;
    cursor: help;
}

.ptg-dialog-tools[b-p5feudfhnt] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.ptg-dialog-tools .ptg-rule[b-p5feudfhnt] {
    height: 20px;
    margin: 0 4px;
}

.ptg-rating[b-p5feudfhnt] {
    display: inline-flex;
    gap: 4px;
}

.ptg-dialog-body[b-p5feudfhnt] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 24px 22px;
}

.ptg-dialog-titles[b-p5feudfhnt] {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ptg-dialog-heading[b-p5feudfhnt] { overflow-wrap: anywhere; }

.ptg-lead[b-p5feudfhnt] {
    margin: 0;
    line-height: 1.45;
}

.ptg-note[b-p5feudfhnt] {
    margin: 2px 0 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.ptg-episode-note[b-p5feudfhnt] {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.ptg-numbers[b-p5feudfhnt] {
    gap: 8px;
    padding-bottom: 10px;
}

.ptg-chart-wrap[b-p5feudfhnt] { min-width: 0; }

.ptg-chart-note[b-p5feudfhnt] {
    text-align: right;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-style: italic;
    cursor: help;
}

.ptg-step-text[b-p5feudfhnt] { margin: 0; }


.ptg-folded-list[b-p5feudfhnt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ptg-folded-item[b-p5feudfhnt] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ptg-folded-item .ptg-sev[b-p5feudfhnt] { flex: none; min-width: 74px; }

.ptg-folded-title[b-p5feudfhnt] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ptg-evidence[b-p5feudfhnt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    margin: 0 0 10px;
}

.ptg-evidence dd[b-p5feudfhnt] { margin: 0; }

.ptg-all-expl[b-p5feudfhnt] {
    margin: 0 0 10px;
    line-height: 1.5;
}

.ptg-recs[b-p5feudfhnt] {
    margin: 0 0 10px;
    padding-left: 22px;
    font-size: var(--text-base);
    line-height: 1.6;
    color: var(--text-primary);
}

.ptg-cmd + .ptg-cmd[b-p5feudfhnt] { margin-top: 8px; }

.ptg-aiplan-body[b-p5feudfhnt] {
    font-size: var(--text-base);
    line-height: 1.6;
    background: var(--accent-tint);
    border: 1px solid var(--border-default);
    border-radius: var(--r-block);
    padding: 12px 16px;
    margin-bottom: 10px;
    color: var(--text-primary);
}

.ptg-aiplan-body[b-p5feudfhnt]  code {
    background: var(--surface-active);
    padding: 1px 5px;
    border-radius: 4px;
    font-size: var(--text-sm);
}

.ptg-aiplan-empty[b-p5feudfhnt] { font-size: var(--text-base); color: var(--text-secondary); margin: 0 0 10px; }

.ptg-aiplan-actions[b-p5feudfhnt] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.ptg-aiplan-loading[b-p5feudfhnt] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--text-base);
    color: var(--text-secondary);
    padding: 10px 0;
}

.ptg-error[b-p5feudfhnt] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 8px;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.ptg-error[b-p5feudfhnt]::before {
    content: "";
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--status-crit);
    transform: translateY(-1px);
}

@media (max-width: 900px) {
    .ptg-dialog.has-rail[b-p5feudfhnt] { flex-direction: column; }

    .ptg-rail[b-p5feudfhnt] {
        flex: 0 0 auto;
        max-height: 34%;
        padding: 6px 0;
        border-right: 0;
        border-bottom: 1px solid var(--border-subtle);
    }
}

@media (max-width: 700px) {
    .ptg-dialog-header[b-p5feudfhnt] { padding: 14px 12px 8px 14px; }
    .ptg-dialog-body[b-p5feudfhnt] { padding: 2px 14px 16px; }
    .ptg-dialog-tools[b-p5feudfhnt] { margin-left: 0; width: 100%; }
    .ptg-evidence[b-p5feudfhnt] { grid-template-columns: minmax(0, 1fr); }
}

.ptg-page[b-a4e6j6tldf] {
    padding: 14px 0 24px;
    width: 100%;
    box-sizing: border-box;
}

.ptg-header[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-bottom: 16px;
}

.ptg-status[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 11px;
    border-radius: var(--r-pill);
    border: 1px solid var(--border-default);
    background: var(--surface-card);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    white-space: nowrap;
    cursor: help;
}

.ptg-status:focus-visible[b-a4e6j6tldf] { outline: 2px solid var(--border-focus); outline-offset: 2px; }

.ptg-status-dot[b-a4e6j6tldf] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-quaternary);
}

.ptg-status.is-bad[b-a4e6j6tldf] {
    background: var(--status-crit-soft);
    border-color: var(--status-crit);
    color: var(--text-primary);
    font-weight: var(--weight-semibold);
}

.ptg-status.is-bad .ptg-status-dot[b-a4e6j6tldf] { background: var(--status-crit); }

.ptg-controls[b-a4e6j6tldf] {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.ptg-btn[b-a4e6j6tldf] {
    width: var(--control-height);
    height: var(--control-height);
    flex: none;
    border-radius: var(--r-ctl);
    border: 1px solid var(--border-strong);
    background: var(--surface-card);
    color: var(--text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color var(--transition-fast), color var(--transition-fast);
}

.ptg-btn:hover[b-a4e6j6tldf] { border-color: var(--border-selected); color: var(--text-primary); }
.ptg-btn:focus-visible[b-a4e6j6tldf] { outline: 2px solid var(--border-focus); outline-offset: 1px; }
.ptg-btn:disabled[b-a4e6j6tldf] { opacity: .45; cursor: default; }
.ptg-btn:disabled:hover[b-a4e6j6tldf] { border-color: var(--border-strong); color: var(--text-secondary); }

.ptg-data-error[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 10px 14px;
    border: 1px solid var(--status-crit);
    border-radius: var(--r-card);
    background: var(--status-crit-soft);
    color: var(--text-primary);
    font-size: var(--text-base);
}

.ptg-views[b-a4e6j6tldf] { flex: none; }

.ptg-tab-count[b-a4e6j6tldf] {
    margin-left: 2px;
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}

.ptg-cards[b-a4e6j6tldf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr)) minmax(200px, 1.5fr);
    gap: 12px;
    margin-bottom: 14px;
}

.ptg-card[b-a4e6j6tldf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    padding: 12px 16px;
    background: var(--surface-card);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    color: var(--text-primary);
    font: inherit;
    text-align: left;
}

.ptg-card.is-clickable[b-a4e6j6tldf] { cursor: pointer; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }
.ptg-card.is-clickable:hover[b-a4e6j6tldf] { border-color: var(--border-strong); box-shadow: var(--shadow-sm); }
.ptg-card.is-clickable:focus-visible[b-a4e6j6tldf] { outline: 2px solid var(--border-focus); outline-offset: 2px; }

.ptg-card-value[b-a4e6j6tldf] {
    font-size: var(--text-2xl);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    line-height: 1.1;
    color: var(--text-primary);
}

.ptg-card-label[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ptg-card.is-clickable .ptg-card-label[b-a4e6j6tldf]::before {
    content: "";
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-quaternary);
}

.ptg-card.sev-crit .ptg-card-label[b-a4e6j6tldf]::before { background: var(--status-crit); }
.ptg-card.sev-warn .ptg-card-label[b-a4e6j6tldf]::before { background: var(--status-warn); }
.ptg-card.sev-watch .ptg-card-label[b-a4e6j6tldf]::before { background: var(--status-info); }

.ptg-card.is-selected[b-a4e6j6tldf] { box-shadow: inset 0 0 0 1px currentColor; }
.ptg-card.sev-crit.is-selected[b-a4e6j6tldf] { border-color: var(--status-crit); box-shadow: inset 0 0 0 1px var(--status-crit); }
.ptg-card.sev-warn.is-selected[b-a4e6j6tldf] { border-color: var(--status-warn); box-shadow: inset 0 0 0 1px var(--status-warn); }
.ptg-card.sev-watch.is-selected[b-a4e6j6tldf] { border-color: var(--status-info); box-shadow: inset 0 0 0 1px var(--status-info); }

.ptg-card-eta .ptg-card-value .ptg-eta[b-a4e6j6tldf] { font-size: var(--text-title1); padding: 1px 10px; }
.ptg-card-eta.is-clickable .ptg-card-label[b-a4e6j6tldf]::before { content: none; }

.ptg-cards-quality[b-a4e6j6tldf] { grid-template-columns: repeat(4, minmax(120px, 1fr)); margin: 14px; }

.ptg-toprisks[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.ptg-toprisks-label[b-a4e6j6tldf] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    margin-right: 2px;
}

.ptg-riskchip[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 10px;
    border-radius: var(--r-pill);
    border: 1px solid var(--border-strong);
    background: var(--surface-card);
    color: var(--text-primary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: border-color var(--transition-fast), background var(--transition-fast);
}

.ptg-riskchip:hover[b-a4e6j6tldf] { border-color: var(--text-quaternary); }
.ptg-riskchip:focus-visible[b-a4e6j6tldf] { outline: 2px solid var(--border-focus); outline-offset: 1px; }

.ptg-riskchip-count[b-a4e6j6tldf] {
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.ptg-dot[b-a4e6j6tldf] {
    display: inline-block;
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-quaternary);
}

.ptg-dot.sev-crit[b-a4e6j6tldf] { background: var(--status-crit); }
.ptg-dot.sev-warn[b-a4e6j6tldf] { background: var(--status-warn); }
.ptg-dot.sev-watch[b-a4e6j6tldf] { background: var(--status-info); }

.ptg-filters[b-a4e6j6tldf] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 12px 14px;
    margin-bottom: 14px;
}

.ptg-filters .filter-group[b-a4e6j6tldf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.ptg-filters .filter-group label[b-a4e6j6tldf] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.ptg-db-filter[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ptg-check[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
    padding-bottom: 8px;
}

.ptg-filter-count[b-a4e6j6tldf] {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 8px;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.ptg-filter-note[b-a4e6j6tldf] { font-size: var(--text-xs); color: var(--text-tertiary); }

.ptg-linkbtn[b-a4e6j6tldf] {
    padding: 0;
    border: none;
    background: none;
    color: var(--text-primary);
    font: inherit;
    font-size: var(--text-sm);
    text-decoration: underline;
    text-decoration-color: var(--text-quaternary);
    text-underline-offset: 3px;
    cursor: pointer;
}

.ptg-linkbtn:hover[b-a4e6j6tldf] { text-decoration-color: var(--text-secondary); }
.ptg-linkbtn:focus-visible[b-a4e6j6tldf] { outline: 2px solid var(--border-focus); outline-offset: 2px; }

.ptg-grid-container[b-a4e6j6tldf] {
    background: var(--surface-card);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    overflow: hidden;
}

.ptg-sev[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.ptg-sev[b-a4e6j6tldf]::before {
    content: "";
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-quaternary);
}

.ptg-sev.sev-crit[b-a4e6j6tldf]::before { background: var(--status-crit); }
.ptg-sev.sev-warn[b-a4e6j6tldf]::before { background: var(--status-warn); }
.ptg-sev.sev-watch[b-a4e6j6tldf]::before { background: var(--status-info); }
.ptg-sev.is-closed[b-a4e6j6tldf] { color: var(--text-secondary); font-weight: var(--weight-regular); }
.ptg-sev.is-closed[b-a4e6j6tldf]::before { background: var(--text-quaternary); }

.ptg-cat[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.ptg-cat-icon[b-a4e6j6tldf] { font-size: 16px; color: var(--text-secondary); }

.ptg-title-cell[b-a4e6j6tldf] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
    max-width: 100%;
    font-size: var(--text-base);
    line-height: 1.35;
    color: var(--text-primary);
}

.ptg-detected[b-a4e6j6tldf] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.ptg-eta[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: var(--r-pill);
    background: var(--surface-active);
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
}

.ptg-eta.sev-crit[b-a4e6j6tldf] { background: var(--status-crit-soft); }
.ptg-eta.sev-warn[b-a4e6j6tldf] { background: var(--status-warn-soft); }
.ptg-eta.sev-watch[b-a4e6j6tldf] { background: var(--status-info-soft); }
.ptg-eta.sev-closed[b-a4e6j6tldf] { background: transparent; color: var(--text-secondary); font-weight: var(--weight-regular); }

.ptg-muted[b-a4e6j6tldf] { font-size: var(--text-sm); color: var(--text-secondary); }

.ptg-status-pill[b-a4e6j6tldf] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    padding: 1px 8px;
    border: 1px solid transparent;
    border-radius: var(--r-block);
    background: var(--surface-active);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    white-space: nowrap;
}

.ptg-status-pill.is-admin[b-a4e6j6tldf] {
    background: transparent;
    border: 1px dashed var(--border-strong);
}

.ptg-actions[b-a4e6j6tldf] { display: grid; grid-template-columns: repeat(3, 30px); gap: 2px; }
.ptg-act-details[b-a4e6j6tldf] { grid-column: 1; }
.ptg-act-ack[b-a4e6j6tldf] { grid-column: 2; }
.ptg-act-more[b-a4e6j6tldf] { grid-column: 3; }

.ptg-loading[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.ptg-empty-note[b-a4e6j6tldf] {
    padding: 24px;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.ptg-precision[b-a4e6j6tldf] { font-weight: var(--weight-semibold); color: var(--text-primary); margin-right: 6px; }

.ptg-section-title[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 8px;
    font-size: var(--text-base);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.ptg-section-gap[b-a4e6j6tldf] { margin: 18px 14px 8px; }

.ptg-list[b-a4e6j6tldf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 240px;
    overflow-y: auto;
}

.ptg-grid-container > .ptg-list[b-a4e6j6tldf] { margin: 0 14px 14px; }

.ptg-list-item[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 6px 10px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    background: var(--surface-card);
    font-size: var(--text-sm);
}

.ptg-list-db[b-a4e6j6tldf] { flex: none; font-weight: var(--weight-semibold); color: var(--text-primary); white-space: nowrap; }

.ptg-list-key[b-a4e6j6tldf] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-primary);
}

.ptg-list-meta[b-a4e6j6tldf] { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }

.ptg-source[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ptg-source .material-icons[b-a4e6j6tldf] { font-size: 15px; color: var(--text-secondary); }

.ptg-run-detail[b-a4e6j6tldf] {
    margin: 12px;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    padding: 12px 14px;
    background: var(--surface-elevated);
}

.ptg-run-detail pre[b-a4e6j6tldf] {
    margin: 0;
    font-size: var(--text-xs);
    line-height: 1.55;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 300px;
    overflow-y: auto;
}

.ptg-overlay[b-a4e6j6tldf] {
    position: fixed;
    inset: 0;
    background: var(--scrim);
    backdrop-filter: blur(3px);
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.ptg-dialog[b-a4e6j6tldf] {
    background: var(--surface-secondary);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-card);
    width: min(760px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    padding: 18px 22px 20px;
    box-shadow: var(--shadow-lg);
    color: var(--text-primary);
}

.ptg-dialog:focus[b-a4e6j6tldf] { outline: none; }
.ptg-dialog-wide[b-a4e6j6tldf] { width: min(1040px, 100%); }

.ptg-dialog-header[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.ptg-dialog-title[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: var(--text-title3);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.ptg-dialog-title .material-icons[b-a4e6j6tldf] { font-size: 19px; color: var(--text-secondary); }

.ptg-dialog-actions[b-a4e6j6tldf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.ptg-dialog-gap[b-a4e6j6tldf] { flex: 1 1 auto; }

.ptg-dialog-footer[b-a4e6j6tldf] {
    position: sticky;
    bottom: -20px;
    margin: 16px -22px -20px;
    padding: 12px 22px;
    background: var(--surface-secondary);
    border-top: 1px solid var(--border-default);
}

.ptg-config-grid[b-a4e6j6tldf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}

.ptg-config-section[b-a4e6j6tldf] {
    min-width: 0;
    margin-bottom: 14px;
    padding: 12px 16px;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    background: var(--surface-elevated);
}

.ptg-config-grid > .ptg-config-section[b-a4e6j6tldf] { margin-bottom: 0; }

.ptg-config-row[b-a4e6j6tldf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    min-width: 0;
}

.ptg-config-row + .ptg-config-row[b-a4e6j6tldf] { border-top: 1px solid var(--border-subtle); }
.ptg-config-row-wide[b-a4e6j6tldf] { flex-direction: column; align-items: stretch; }

.ptg-config-row[b-a4e6j6tldf]  .lum-numeric,
.ptg-config-row[b-a4e6j6tldf]  .lum-switch,
.ptg-config-row[b-a4e6j6tldf]  .lum-select { flex: none; }

.ptg-config-label[b-a4e6j6tldf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.ptg-hint[b-a4e6j6tldf] {
    margin: 0 0 8px;
    font-size: var(--text-xs);
    line-height: 1.45;
    color: var(--text-secondary);
}

.ptg-config-label .ptg-hint[b-a4e6j6tldf] { margin: 0; }

.ptg-hint code[b-a4e6j6tldf] {
    font-family: var(--font-code);
    font-size: var(--text-xs);
    background: var(--surface-input);
    border: 1px solid var(--border-default);
    border-radius: var(--r-chip);
    padding: 0 4px;
}

.ptg-warn[b-a4e6j6tldf],
.ptg-error[b-a4e6j6tldf] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 8px 0 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ptg-warn[b-a4e6j6tldf]::before,
.ptg-error[b-a4e6j6tldf]::before {
    content: "";
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translateY(-1px);
}

.ptg-warn[b-a4e6j6tldf]::before { background: var(--status-warn); }
.ptg-error[b-a4e6j6tldf]::before { background: var(--status-crit); }

.ptg-hits[b-a4e6j6tldf] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.ptg-hits li[b-a4e6j6tldf] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }

.ptg-hits code[b-a4e6j6tldf] {
    font-family: var(--font-code);
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.ptg-hits .lum-glyph[b-a4e6j6tldf] { align-self: center; }
.ptg-hits li.is-warn > span:last-child[b-a4e6j6tldf] { color: var(--warn-text); }

.ptg-chips[b-a4e6j6tldf] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }

.ptg-chip-flag[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 4px 1px 9px;
    border: 1px dashed var(--status-warn);
    border-radius: var(--r-pill);
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.ptg-chip-flag button[b-a4e6j6tldf] {
    display: inline-flex;
    padding: 0;
    border: none;
    background: none;
    color: var(--text-secondary);
    cursor: pointer;
}

.ptg-chip-flag .material-icons[b-a4e6j6tldf] { font-size: 14px; }

.ptg-backtest-buttons[b-a4e6j6tldf] { display: flex; gap: 8px; padding-bottom: 1px; }

.ptg-backtest-summary[b-a4e6j6tldf] {
    margin: 10px 0 4px;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.ptg-backtest-days[b-a4e6j6tldf] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    max-height: 300px;
    overflow-y: auto;
    padding-right: 4px;
}

.ptg-backtest-day[b-a4e6j6tldf] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 4px 8px;
    border-radius: var(--r-block);
    background: var(--surface-hover);
}

.ptg-backtest-day.is-quiet[b-a4e6j6tldf] { opacity: .6; }

.ptg-backtest-date[b-a4e6j6tldf] {
    min-width: 48px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.ptg-backtest-items[b-a4e6j6tldf] { display: flex; flex-wrap: wrap; gap: 4px; }

.ptg-backtest-chip[b-a4e6j6tldf] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 1px 8px;
    border-radius: var(--r-block);
    background: var(--surface-active);
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.ptg-backtest-chip.is-repeat[b-a4e6j6tldf] { opacity: .55; }

.ptg-sweep-table[b-a4e6j6tldf] {
    border-collapse: collapse;
    font-size: var(--text-sm);
    margin: 6px 0 4px;
}

.ptg-sweep-table th[b-a4e6j6tldf] {
    text-align: left;
    padding: 4px 14px 4px 0;
    color: var(--text-tertiary);
    font-weight: var(--weight-regular);
    border-bottom: 1px solid var(--border-subtle);
}

.ptg-sweep-table td[b-a4e6j6tldf] {
    padding: 4px 14px 4px 0;
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.ptg-sweep-table tr.is-current td[b-a4e6j6tldf] { color: var(--text-primary); font-weight: var(--weight-semibold); }

@media (max-width: 900px) {
    .ptg-page[b-a4e6j6tldf] { padding: 16px 16px 32px; }
    .ptg-cards[b-a4e6j6tldf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ptg-cards-quality[b-a4e6j6tldf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ptg-filter-count[b-a4e6j6tldf] { margin-left: 0; width: 100%; }
}

@media (max-width: 560px) {
    .ptg-header h1[b-a4e6j6tldf] { font-size: var(--text-xl); }
    .ptg-tab[b-a4e6j6tldf] { padding: 8px 10px; }
    .ptg-status[b-a4e6j6tldf] { white-space: normal; }
    .ptg-filters .filter-group[b-a4e6j6tldf],
    .ptg-db-filter[b-a4e6j6tldf] { width: 100%; }
    .ptg-dialog[b-a4e6j6tldf] { padding: 14px 14px 16px; }
    .ptg-dialog-footer[b-a4e6j6tldf] { margin: 16px -14px -16px; padding: 12px 14px; bottom: -16px; }
    .ptg-config-grid[b-a4e6j6tldf] { grid-template-columns: minmax(0, 1fr); }
}
.rcd-code[b-btqutv4p4d] { margin: 4px 0 14px; }

.rcd-value[b-btqutv4p4d] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    min-height: var(--control-height);
    font-size: var(--text-sm);
    line-height: 1.4;
    color: var(--text-primary);
}

.rcd-cmd[b-btqutv4p4d] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    user-select: all;
}

.redo-dialog[b-oba4sc07wb] {
    width: min(1120px, calc(100vw - 48px));
    height: min(740px, calc(100vh - 48px));
}

.redo-fill[b-oba4sc07wb] { flex: 1 1 auto; }

.redo-error[b-oba4sc07wb] {
    max-width: 640px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.redo-note[b-oba4sc07wb] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.redo-tiles[b-oba4sc07wb] {
    flex: none;
    margin-bottom: 12px;
}

.redo-map[b-oba4sc07wb] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 14px 16px;
    background: var(--surface-card);
    border-radius: var(--r-card);
    overflow: hidden;
}

.redo-map[b-oba4sc07wb]  .lumviz-host {
    flex: 1 1 auto;
    min-height: 0;
}

.redo-files[b-oba4sc07wb] {
    overflow: hidden;
    border-radius: var(--r-card);
}

.redo-seg-n[b-oba4sc07wb] {
    margin-left: 4px;
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.redo-num[b-oba4sc07wb] { font-variant-numeric: tabular-nums; }

.redo-quiet[b-oba4sc07wb] { color: var(--text-secondary); }

.redo-status[b-oba4sc07wb] { color: var(--text-tertiary); }

.redo-status.is-current[b-oba4sc07wb] {
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.redo-member[b-oba4sc07wb] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.sdi[b-nddutdppcq] {
    display: flex;
    flex-direction: column;
    padding: 12px 14px 14px;
    background: var(--surface-inset);
    border-radius: var(--r-block);
    min-width: 0;
}

.sdi > * + *[b-nddutdppcq] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-subtle);
}

.sdi-head[b-nddutdppcq] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.sdi-head-text[b-nddutdppcq] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sdi-title[b-nddutdppcq] {
    font-family: var(--font-mono);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    line-height: 1.25;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sdi-owner[b-nddutdppcq] {
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.sdi-sentence[b-nddutdppcq] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    font-size: var(--text-sm);
    line-height: 1.3;
    color: var(--text-secondary);
}

.sdi-sentence > span[b-nddutdppcq] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sdi-sentence.dim[b-nddutdppcq] { color: var(--text-tertiary); }
.sdi-sentence.warn[b-nddutdppcq] { color: var(--status-warn); }

.sdi-keys[b-nddutdppcq] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: 1.3;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sdi-keys-l[b-nddutdppcq] {
    margin-right: 8px;
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-quaternary);
}

.sdi-col + .sdi-col[b-nddutdppcq]::before {
    content: ", ";
    color: var(--text-quaternary);
}

.sdi-col em[b-nddutdppcq] {
    font-style: normal;
    color: var(--text-quaternary);
}

.sdi-flags[b-nddutdppcq] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    padding-top: 1px;
}

.sdi-charts[b-nddutdppcq] { min-width: 0; }

.sdi-facts[b-nddutdppcq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px 32px;
    min-width: 0;
}

.sdi-fact[b-nddutdppcq] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.sdi-fact-l[b-nddutdppcq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    line-height: 1.2;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sdi-fact-l i[b-nddutdppcq] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
}

.sdi-fact-v[b-nddutdppcq] {
    font-family: var(--font-mono);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    line-height: 1.2;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sdi-fact-v.warn[b-nddutdppcq] { color: var(--status-warn); }

.sdi-fact-v.dim[b-nddutdppcq] {
    font-weight: var(--weight-regular);
    color: var(--text-quaternary);
}

.sdi-fact-s[b-nddutdppcq] {
    font-size: var(--text-xs);
    line-height: 1.25;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sdi-group[b-nddutdppcq] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: max-content;
    max-width: 100%;
    min-width: 0;
}

.sdi-group-cells[b-nddutdppcq] {
    display: flex;
    align-items: flex-start;
    gap: 26px;
}

.sdi-bar[b-nddutdppcq] { min-width: 0; }

.sdi-fact.is-table .sdi-fact-l i[b-nddutdppcq] { background: var(--cat-1); }
.sdi-fact.is-index .sdi-fact-l i[b-nddutdppcq] { background: var(--cat-2); }
.sdi-fact.is-lob .sdi-fact-l i[b-nddutdppcq]   { background: var(--cat-3); }

.sdi-group .sdi-meter[b-nddutdppcq] { flex: 0 0 auto; }

.sdi-lists[b-nddutdppcq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
    gap: 14px 32px;
    align-items: start;
}

.sdi-block[b-nddutdppcq] {
    min-width: 0;
    max-width: 980px;
}

.sdi-block-head[b-nddutdppcq] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 0 0 6px;
    min-width: 0;
}

.sdi-block-title[b-nddutdppcq] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.sdi-block-hint[b-nddutdppcq] {
    font-size: var(--text-xs);
    color: var(--text-quaternary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sdi-block-sum[b-nddutdppcq] {
    margin-left: auto;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.sdi-table[b-nddutdppcq] {
    display: grid;
    grid-template-columns: var(--cols);
    align-items: stretch;
}

.sdi-tr[b-nddutdppcq] { display: contents; }

.sdi-tr > *[b-nddutdppcq] {
    min-width: 0;
    padding: 6px 6px;
    line-height: 20px;
    border-bottom: 1px solid var(--border-faint);
}

.sdi-tr > :first-child[b-nddutdppcq] { padding-left: 8px; }
.sdi-tr > :last-child[b-nddutdppcq] { padding-right: 8px; }
.sdi-tr:last-child > *[b-nddutdppcq] { border-bottom: none; }

.sdi-th > *[b-nddutdppcq] {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 16px;
    background: var(--surface-card);
    border-bottom: none;
}

.sdi-th > :first-child[b-nddutdppcq] { border-radius: var(--r-ctl) 0 0 var(--r-ctl); }
.sdi-th > :last-child[b-nddutdppcq] { border-radius: 0 var(--r-ctl) var(--r-ctl) 0; }

.sdi-hd[b-nddutdppcq] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sdi-hd.num[b-nddutdppcq] { text-align: right; }

.sdi-t-idx[b-nddutdppcq]  { --cols: minmax(140px, 1fr) minmax(0, 1.4fr) auto 80px; }
.sdi-t-part[b-nddutdppcq] { --cols: minmax(120px, 1fr) minmax(110px, 1.1fr) 76px 80px minmax(90px, 0.9fr) auto; }
.sdi-t-part.no-bound[b-nddutdppcq] { --cols: minmax(120px, 1fr) 76px 80px minmax(90px, 0.9fr) auto; }
.sdi-t-lob[b-nddutdppcq]  { --cols: minmax(120px, 1fr) minmax(0, 1.3fr) auto 80px; }

.sdi-td[b-nddutdppcq] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sdi-td.name[b-nddutdppcq] {
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.sdi-td.mono[b-nddutdppcq] { font-family: var(--font-mono); }
.sdi-td.dim[b-nddutdppcq] { color: var(--text-tertiary); }
.sdi-td.num[b-nddutdppcq] { text-align: right; font-family: var(--font-mono); }
.sdi-td.num.dim[b-nddutdppcq] { color: var(--text-quaternary); }

.sdi-td.tags[b-nddutdppcq] {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: visible;
}

.sdi-tag[b-nddutdppcq] {
    padding: 1px 6px;
    font-size: var(--text-2xs);
    line-height: 16px;
}

.sdi-more[b-nddutdppcq] {
    display: block;
    width: 100%;
    padding: 6px 8px;
    border: none;
    border-top: 1px solid var(--border-faint);
    background: transparent;
    color: var(--text-tertiary);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    text-align: left;
    cursor: pointer;
}

.sdi-more:hover[b-nddutdppcq] {
    color: var(--text-primary);
    background: var(--surface-hover);
}

.sdi-empty[b-nddutdppcq] {
    padding: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sdi-facts-tail[b-nddutdppcq] {
    margin-left: auto;
    align-self: center;
    flex: 0 0 auto;
}

.sdi-footer[b-nddutdppcq] { min-width: 0; }

.sdi-footer[b-nddutdppcq]  .osp {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

@media (max-width: 1100px) {
    .sdi-lists[b-nddutdppcq] { grid-template-columns: minmax(0, 1fr); }
}

.sds-head[b-xqrximfcns] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.sds-id[b-xqrximfcns] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.sds-stamp[b-xqrximfcns] {
    padding-top: 7px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sds-idline[b-xqrximfcns] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}

.sds-sid[b-xqrximfcns] {
    font-family: var(--font-title);
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--text-heading);
    font-variant-numeric: tabular-nums;
}

.sds-ident[b-xqrximfcns] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sds-meta[b-xqrximfcns] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sds-note.is-error[b-xqrximfcns] { color: var(--status-crit); }

.sds-state[b-xqrximfcns] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.sds-num[b-xqrximfcns] { font-variant-numeric: tabular-nums; }

.sds-fill[b-xqrximfcns] { flex: 1; }

.sds-push[b-xqrximfcns] { margin-left: auto; }

.sds-hint[b-xqrximfcns] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}


.sds-rows[b-xqrximfcns] {
    display: flex;
    flex-direction: column;
}

.sds-row[b-xqrximfcns] {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    min-height: 30px;
    padding: 4px 0;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
}

.sds-k[b-xqrximfcns] { color: var(--text-tertiary); }

.sds-v[b-xqrximfcns] {
    min-width: 0;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sds-v.is-crit[b-xqrximfcns] { color: var(--status-crit); }
.sds-v.is-warn[b-xqrximfcns] { color: var(--status-warn); }

.sds-show[b-xqrximfcns] {
    border: none;
    background: transparent;
    padding: 0;
    color: var(--accent-text);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    cursor: pointer;
}

.sds-show:hover[b-xqrximfcns] { text-decoration: underline; }
.sds-show:disabled[b-xqrximfcns] { color: var(--text-tertiary); cursor: default; text-decoration: none; }


.sds-sqlid[b-xqrximfcns] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
}

.sds-op[b-xqrximfcns] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--border-subtle);
}

.sds-op-line[b-xqrximfcns] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    font-size: var(--text-sm);
}

.sds-op-name[b-xqrximfcns] { color: var(--text-primary); font-weight: var(--weight-medium); white-space: nowrap; }
.sds-op-target[b-xqrximfcns] { color: var(--text-tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.sds-since[b-xqrximfcns] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 28px;
    margin-bottom: 4px;
    padding: 0;
    border: none;
    background: transparent;
    font-family: var(--font-ui);
    text-align: left;
    cursor: pointer;
}

.sds-since .lum-sheet-card-title[b-xqrximfcns] { flex: none; }

.sds-since-sum[b-xqrximfcns] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sds-since:hover .sds-since-sum[b-xqrximfcns] { color: var(--text-primary); }

.sds-stats[b-xqrximfcns] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 6px;
}

.sds-stat-group .sds-row:last-child[b-xqrximfcns] { border-bottom: 0; }

.sds-stat-group[b-xqrximfcns] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sds-stat-title[b-xqrximfcns] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.sds-since[b-xqrximfcns]  .sds-caret { color: var(--text-tertiary); transition: transform var(--transition-fast); }
.sds-since[b-xqrximfcns]  .sds-caret.is-open { transform: rotate(90deg); }

.spm-dialog[b-ym5zp9uhdb] {
    width: 100%;
    max-width: 95vw;
}

.spm-id[b-ym5zp9uhdb] { font-family: var(--font-mono); }

.spm-body[b-ym5zp9uhdb] { padding-top: 2px; }

.spm-plan-grid[b-ym5zp9uhdb] {
    flex: none;
    height: 252px;
    overflow: hidden;
}

.spm-plan-grid.is-state[b-ym5zp9uhdb] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spm-manual[b-ym5zp9uhdb] { margin-top: 10px; }

.spm-manual[b-ym5zp9uhdb]  .lum-input { font-family: var(--font-mono); }

.spm-source[b-ym5zp9uhdb] { color: var(--text-secondary); }

.spm-hash[b-ym5zp9uhdb]  { font-family: var(--font-mono); font-weight: 600; color: var(--text-primary); }
.spm-execs[b-ym5zp9uhdb] { color: var(--text-primary); font-variant-numeric: tabular-nums; }
.spm-dim[b-ym5zp9uhdb]   { color: var(--text-secondary); }

.spm-avg[b-ym5zp9uhdb] {
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-size: var(--text-md);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.spm-tag[b-ym5zp9uhdb] {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 6px;
    border-radius: var(--r-pill);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    vertical-align: 1px;
}

.spm-tag + .spm-tag[b-ym5zp9uhdb] { margin-left: 4px; }

.spm-best[b-ym5zp9uhdb] {
    color: var(--best);
    background: color-mix(in oklch, var(--best) 18%, var(--surface-card));
}

.spm-current[b-ym5zp9uhdb] {
    color: var(--text-secondary);
    background: var(--surface-active);
}

.spm-plan-grid[b-ym5zp9uhdb]  .spm-tick-cell { padding-right: 0; }

.spm-tick[b-ym5zp9uhdb] {
    display: inline-flex;
    align-items: center;
    color: var(--accent);
    vertical-align: middle;
}

.spm-plan-grid[b-ym5zp9uhdb]  tr.unselectable td { cursor: not-allowed; opacity: 0.62; }
.spm-plan-grid[b-ym5zp9uhdb]  tr.unselectable .spm-cell { color: var(--text-tertiary); }

.spm-hint[b-ym5zp9uhdb] {
    margin: 8px 4px 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.spm-result[b-ym5zp9uhdb] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: var(--r-card);
    font-size: var(--text-sm);
    line-height: 1.45;
}

.spm-result.success[b-ym5zp9uhdb] {
    background: var(--surface-card);
    color: var(--text-primary);
}

.spm-result.success .material-icons[b-ym5zp9uhdb] { color: var(--accent); }

.spm-result.error[b-ym5zp9uhdb] {
    background: var(--status-crit-soft);
    color: var(--critical-text);
}

.spm-result .material-icons[b-ym5zp9uhdb] {
    flex: none;
    font-size: 18px;
}

.spm-result[b-ym5zp9uhdb]  .spm-replace {
    margin-left: auto;
    flex: none;
}

.szk[b-wfil6gdq2j] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.szk-chart[b-wfil6gdq2j] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    position: relative;
}

.szk-host[b-wfil6gdq2j] {
    height: 100%;
    min-height: 0;
}

.szk-host[b-wfil6gdq2j]  > div {
    height: 100%;
    min-height: 0;
}

.szk-peak[b-wfil6gdq2j] {
    position: absolute;
    transform: translate(-50%, calc(-100% - 3px));
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1.15;
    color: var(--text-secondary);
    white-space: nowrap;
    pointer-events: none;
}

.szk-peak.below[b-wfil6gdq2j] { transform: translate(-50%, 3px); }

.szk-ceil[b-wfil6gdq2j] {
    position: absolute;
    right: 2px;
    transform: translateY(4px);
    display: flex;
    align-items: baseline;
    gap: 4px;
    padding: 0 3px;
    border-radius: 3px;
    background: var(--surface-card);
    line-height: 1.15;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    white-space: nowrap;
    pointer-events: none;
}

.szk-ceil b[b-wfil6gdq2j] {
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.szk-ceil span[b-wfil6gdq2j] { color: var(--text-tertiary); }

.szk-dates[b-wfil6gdq2j] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 3px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.szk-empty[b-wfil6gdq2j] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    line-height: 1.2;
    color: var(--text-quaternary);
}

.szb[b-smgjmaccf5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.szb-pane[b-smgjmaccf5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--surface-inset);
    border-radius: var(--r-block);
}

.szb-size-pane[b-smgjmaccf5] { flex: 1.35 1 380px; }
.szb-io-pane[b-smgjmaccf5] { flex: 1 1 300px; }

.szb-head[b-smgjmaccf5] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px 3px;
    min-width: 0;
}

.szb-title[b-smgjmaccf5] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.szb-sub[b-smgjmaccf5] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.szb-delta[b-smgjmaccf5] { flex: 0 0 auto; }

.szb-parts[b-smgjmaccf5] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.szb-part[b-smgjmaccf5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--text-2xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.szb-part i[b-smgjmaccf5] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
}

.szb-part.is-table i[b-smgjmaccf5] { background: var(--cat-1); }
.szb-part.is-index i[b-smgjmaccf5] { background: var(--cat-2); }
.szb-part.is-lob i[b-smgjmaccf5]   { background: var(--cat-3); }

.szb-actions[b-smgjmaccf5] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.szb-spans[b-smgjmaccf5] { flex-wrap: nowrap; }
.szb-spans .lum-seg-btn[b-smgjmaccf5] { padding: 2px 9px; font-size: var(--text-xs); }

.szb-body[b-smgjmaccf5] {
    flex: 1 1 auto;
    height: 150px;
    min-height: 0;
    padding: 0 4px 4px;
    display: flex;
    flex-direction: column;
}

.szb-body[b-smgjmaccf5]  > div {
    flex: 1 1 auto;
    min-height: 0;
}

.szb-state[b-smgjmaccf5] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.szb-embedded[b-smgjmaccf5] { gap: 8px 24px; }

.szb-embedded .szb-pane[b-smgjmaccf5] {
    background: transparent;
    border-radius: 0;
}

.szb-embedded .szb-head[b-smgjmaccf5] { padding: 0 0 2px; }

.szb-embedded .szb-body[b-smgjmaccf5] { padding: 0; }


.sqlai-dialog[b-7iuppsrwq2] {
    width: 100%;
    height: 100%;
    max-height: none;
}

.sqlai-id[b-7iuppsrwq2] {
    font-family: var(--font-mono);
}

[b-7iuppsrwq2] .sqlai-copy {
    flex: none;
    margin-top: -1px;
}

.sqlai-body[b-7iuppsrwq2] { padding-top: 4px; }

.sqlai-wait[b-7iuppsrwq2] {
    flex: 1 1 auto;
    min-height: 0;
}

.sqlai-wait-title[b-7iuppsrwq2] {
    font-size: var(--text-base);
    color: var(--text-primary);
}

.sqlai-steps[b-7iuppsrwq2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 8px;
    min-width: 220px;
}

.sqlai-step[b-7iuppsrwq2] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.sqlai-step .material-icons[b-7iuppsrwq2] {
    font-size: 17px;
    color: var(--text-quaternary);
}

.sqlai-step.active[b-7iuppsrwq2] { color: var(--text-primary); }
.sqlai-step.done .material-icons[b-7iuppsrwq2] { color: var(--accent); }

.sqlai-error[b-7iuppsrwq2] {
    max-width: 640px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sql-ai-result-text[b-7iuppsrwq2] {
    font-size: var(--text-md);
    color: var(--text-primary);
    line-height: 1.7;
}

.sql-ai-result-text[b-7iuppsrwq2]  h2 {
    font-size: var(--text-title3);
    font-weight: 600;
    color: var(--text-primary);
    margin: 24px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border-default);
}

.sql-ai-result-text[b-7iuppsrwq2]  h2:first-child {
    margin-top: 0;
}

.sql-ai-result-text[b-7iuppsrwq2]  h3 {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    margin: 16px 0 8px;
}

.sql-ai-result-text[b-7iuppsrwq2]  strong {
    color: var(--text-primary);
    font-weight: 600;
}

.sql-ai-result-text[b-7iuppsrwq2]  em {
    color: var(--text-heading);
    font-style: normal;
    font-weight: 500;
}

.sql-ai-result-text[b-7iuppsrwq2]  code {
    background: var(--surface-active);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: var(--font-code);
    font-size: var(--text-sm);
    color: var(--text-heading);
}

.sql-ai-result-text[b-7iuppsrwq2]  ul,
.sql-ai-result-text[b-7iuppsrwq2]  ol {
    margin: 8px 0;
    padding-left: 20px;
}

.sql-ai-result-text[b-7iuppsrwq2]  li {
    margin: 4px 0;
}

.sql-ai-result-text[b-7iuppsrwq2]  p {
    margin: 8px 0;
}

.sql-ai-result-text[b-7iuppsrwq2]  p:first-child { margin-top: 0; }
.sql-ai-result-text[b-7iuppsrwq2]  p:last-child { margin-bottom: 0; }

.sql-ai-result-text[b-7iuppsrwq2]  pre {
    margin: 10px 0;
    padding: 14px 16px;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    overflow-x: auto;
    font-family: var(--font-code);
    font-size: var(--text-base);
    line-height: 1.6;
    color: var(--text-primary);
}

.sql-ai-result-text[b-7iuppsrwq2]  pre code {
    background: none;
    padding: 0;
    color: inherit;
    font-size: inherit;
    white-space: pre;
}

.sql-ai-result-text[b-7iuppsrwq2]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: var(--text-base);
    background: var(--surface-card);
    border: 1px solid var(--border-default);
    border-radius: var(--r-block);
    overflow: hidden;
}

.sql-ai-result-text[b-7iuppsrwq2]  table th {
    background: var(--surface-active);
    color: var(--text-primary);
    font-weight: 600;
    text-align: left;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-default);
}

.sql-ai-result-text[b-7iuppsrwq2]  table td {
    padding: 7px 12px;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    vertical-align: top;
}

.sql-ai-result-text[b-7iuppsrwq2]  table tr:last-child td { border-bottom: none; }

.sql-ai-result-text[b-7iuppsrwq2]  blockquote {
    margin: 10px 0;
    padding: 8px 14px;
    border-left: 3px solid var(--accent);
    background: var(--surface-card);
    color: var(--text-secondary);
    border-radius: 0 var(--r-ctl) var(--r-ctl) 0;
}

.sql-ai-result-text[b-7iuppsrwq2]  hr {
    border: none;
    border-top: 1px solid var(--border-default);
    margin: 20px 0;
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-container {
    margin: 12px 0;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    overflow: hidden;
    background: var(--surface-card);
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: var(--surface-active);
    border-bottom: 1px solid var(--border-default);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-heading);
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-header .material-icons {
    font-size: 16px;
    color: var(--accent-text);
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-preview {
    padding: 14px 16px;
    font-family: var(--font-code);
    font-size: var(--text-sm);
    line-height: 1.7;
    color: var(--text-secondary);
    white-space: pre;
    overflow-x: auto;
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 16px;
    border-top: 1px solid var(--border-default);
    background: var(--surface-card);
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-copy-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-copy-btn:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-copy-btn .material-icons {
    font-size: 14px;
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-copy-btn.copied {
    color: var(--accent-text);
    border-color: var(--accent);
}

.sql-ai-result-text[b-7iuppsrwq2]  .sql-rewrite-more {
    color: var(--text-tertiary);
    font-family: var(--font-code);
    font-size: var(--text-xs);
    padding: 0 16px 10px;
}

.dash-brief[b-w9c795li20] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
    container-type: inline-size;
}

.dash-sec[b-w9c795li20] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.dash-sec-head[b-w9c795li20] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 22px;
}

.dash-sec-kicker[b-w9c795li20] {
    flex: none;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.dash-sec-hint[b-w9c795li20] {
    flex: 0 1 auto;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-quaternary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-sec-tail[b-w9c795li20] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.dash-sec-tail[b-w9c795li20]  .dash-sec-btn,
.dash-stat-bar[b-w9c795li20]  .dash-sec-btn {
    flex: 0 0 auto;
    height: 24px;
}

.dash-sec-tail[b-w9c795li20]  .dash-sec-btn .material-icons,
.dash-stat-bar[b-w9c795li20]  .dash-sec-btn .material-icons { font-size: 14px; }

.dash-figs[b-w9c795li20] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 18px;
    min-width: 0;
}

.dash-fig[b-w9c795li20] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    white-space: nowrap;
}

.dash-fig-label[b-w9c795li20] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.dash-fig-value[b-w9c795li20] {
    font-family: var(--font-display, var(--font-ui));
    font-weight: var(--weight-display, 600);
    font-size: var(--text-title3);
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.dash-figs.is-chart[b-w9c795li20] {
    flex: 1 1 auto;
    justify-content: flex-end;
    margin-left: auto;
}

.dash-figs.is-chart .dash-fig-value[b-w9c795li20] { font-size: var(--text-md); }

.dash-sqlcode[b-w9c795li20] {
    max-height: 200px;
    overflow: auto;
    padding: 6px 0;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.dash-sqlline[b-w9c795li20] {
    display: flex;
    gap: 10px;
    padding: 0 12px;
}

.dash-sqlline:hover[b-w9c795li20] { background: var(--surface-hover); }

.dash-sqlline-no[b-w9c795li20] {
    flex: 0 0 auto;
    width: 26px;
    text-align: right;
    color: var(--text-quaternary);
    font-variant-numeric: tabular-nums;
    user-select: none;
}

.dash-sqlline-tx[b-w9c795li20] {
    min-width: 0;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary);
}

.dash-statcard[b-w9c795li20] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.dash-stat-bar[b-w9c795li20] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--border-faint);
}

.dash-split[b-w9c795li20] { margin-left: 6px; }

.dash-charttabs[b-w9c795li20] { flex: 0 0 auto; flex-wrap: wrap; }

.dash-chartsurface[b-w9c795li20] {
    height: 264px;
    min-height: 264px;
    padding: 6px 8px 0;
}

.dash-chartsurface.is-table[b-w9c795li20] { padding: 0 8px; }

.dash-histgrid[b-w9c795li20] {
    height: 100%;
    min-height: 0;
}

.dash-histgrid[b-w9c795li20]  .lum-grid-table thead th {
    padding: 6px 10px !important;
    font-size: var(--text-2xs) !important;
}

.dash-histgrid[b-w9c795li20]  .lum-grid-table tbody td {
    padding: 4px 10px !important;
    font-size: var(--text-xs) !important;
    line-height: 1.3;
}

.dash-fam-this[b-w9c795li20] { margin-left: 6px; }

.dash-chartfoot[b-w9c795li20] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 14px;
    padding: 4px 12px 8px;
}

.dash-caption[b-w9c795li20] {
    min-width: 0;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
}

.dash-legend[b-w9c795li20] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px 16px;
    min-width: 0;
    padding: 5px 12px 0;
}

.dash-key[b-w9c795li20] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.dash-key-dot[b-w9c795li20] {
    display: block;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.dash-key-name[b-w9c795li20] { color: var(--text-primary); }

.dash-key-val[b-w9c795li20] {
    font-family: var(--font-mono);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.dash-key-sub[b-w9c795li20] { color: var(--text-quaternary); }

.dash-key.is-clickable[b-w9c795li20] {
    padding: 1px 2px;
    border: 0;
    border-radius: 4px;
    background: none;
    font-family: inherit;
    cursor: pointer;
    transition: opacity var(--dur-control) var(--ease-out), transform var(--dur-quick) var(--ease-out);
}
.dash-key.is-clickable .dash-key-dot[b-w9c795li20] { transition: transform var(--dur-control) var(--spring-lively); }
.dash-key.is-clickable:hover .dash-key-dot[b-w9c795li20] { transform: scale(1.3); }
.dash-key.is-clickable:active[b-w9c795li20] { transform: scale(.95); }
.dash-key.is-clickable.is-faded[b-w9c795li20] { opacity: .4; }
.dash-key.is-clickable.is-faded:hover[b-w9c795li20] { opacity: .75; }
.dash-key.is-clickable[aria-pressed="true"] .dash-key-dot[b-w9c795li20] { transform: scale(1.45); }
.dash-key.is-clickable:focus-visible[b-w9c795li20] { outline: 2px solid var(--accent); outline-offset: 2px; }

@container (max-width: 700px) {
    .dash-key-sub[b-w9c795li20] { display: none; }
}

.dash-bcard[b-w9c795li20] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.dash-bcard-head[b-w9c795li20] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-faint);
}

.dash-bcard-tail[b-w9c795li20] {
    flex: none;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.dash-bcard-body[b-w9c795li20] {
    min-width: 0;
    padding: 10px 12px;
}

.dash-bcard-body.is-grid[b-w9c795li20] { padding: 0; }

.dash-planmap[b-w9c795li20] {
    display: flex;
    flex-direction: column;
    height: 380px;
}

.dash-bcard-note[b-w9c795li20] {
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-tertiary);
}

.dash-bcard-note.is-inline[b-w9c795li20] {
    font-size: var(--text-2xs);
    font-style: italic;
    color: var(--text-quaternary);
}

.dash-bcard-note.is-error[b-w9c795li20] { color: var(--status-crit); }

.dash-bcard-head[b-w9c795li20]  .dash-bcard-btn {
    flex: 0 0 auto;
    height: 24px;
}

.dash-bcard-head[b-w9c795li20]  .dash-bcard-btn .material-icons { font-size: 14px; }

.dash-planctl[b-w9c795li20] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    row-gap: 4px;
}


.dash-actcell[b-w9c795li20] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
}

.dash-actbar[b-w9c795li20] {
    display: block;
    flex: 0 0 34px;
}

.dash-num.is-hot[b-w9c795li20] { color: var(--status-warn); }
.dash-num.is-none[b-w9c795li20] { color: var(--text-quaternary); }

.dash-planid[b-w9c795li20] { color: var(--text-tertiary); }

.dash-binds[b-w9c795li20] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    max-height: 240px;
    overflow: auto;
}

.dash-bind[b-w9c795li20] {
    display: grid;
    grid-template-columns: minmax(72px, 0.8fr) minmax(60px, 0.7fr) minmax(0, 2fr) auto;
    align-items: baseline;
    gap: 10px;
    padding: 5px 8px;
    border-radius: var(--radius-sm);
}

.dash-bind:nth-child(odd)[b-w9c795li20] { background: var(--surface-inset); }

.dash-bind-name[b-w9c795li20] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.dash-bind-type[b-w9c795li20] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-quaternary);
}

.dash-bind-value[b-w9c795li20] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.dash-bind-when[b-w9c795li20] {
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    white-space: nowrap;
}

.sq-layout[b-w9c795li20] {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.sq-toc[b-w9c795li20] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 2px;
}

.sq-toc-pill[b-w9c795li20] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    height: 30px;
    border-radius: var(--r-ctl);
    background: var(--surface-card);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    opacity: 0;
    pointer-events: none;
    transition: transform var(--dur-flow) var(--spring), height var(--dur-flow) var(--spring), opacity var(--transition-fast);
}

.sq-toc-item[b-w9c795li20] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 0 8px 0 10px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-tertiary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    text-align: left;
    cursor: pointer;
    transition: color var(--transition-fast), background var(--transition-fast);
}

.sq-toc-label[b-w9c795li20] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sq-toc-count[b-w9c795li20] {
    flex: none;
    font-style: normal;
    font-size: var(--text-2xs);
    line-height: 1;
    padding: 3px 6px;
    border-radius: var(--r-ctl);
    background: var(--surface-active);
    color: var(--text-tertiary);
}

.sq-toc-item:hover[b-w9c795li20] { color: var(--text-primary); }
.sq-toc-item[aria-current="true"][b-w9c795li20] { color: var(--text-primary); font-weight: var(--weight-semibold); }
.sq-toc-item.is-dim:not([aria-current="true"])[b-w9c795li20] { color: var(--text-quaternary); }

.sq-toc-item:focus-visible[b-w9c795li20] {
    outline: 2px solid var(--border-focus);
    outline-offset: -2px;
}

.sq-main[b-w9c795li20] { gap: 14px; }

.sq-sec[b-w9c795li20] {
    gap: 0;
    padding: 0 14px 14px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    scroll-margin-top: 12px;
}

.sq-sec > .dash-sec-head[b-w9c795li20] {
    min-height: 44px;
    padding: 8px 0;
}

.sq-sec .dash-sec-kicker[b-w9c795li20] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.sq-sec .dash-sec-hint[b-w9c795li20] {
    flex: 1 1 auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sq-sec .dash-sec-tail[b-w9c795li20] { margin-left: auto; }

.sq-sec .dash-sqlcode[b-w9c795li20] {
    max-height: 220px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.sq-sec .dash-statcard[b-w9c795li20] { margin: 0 -14px -14px; }
.sq-sec .dash-stat-bar[b-w9c795li20] { padding: 0 14px 4px; border-bottom: 0; }
.sq-sec .dash-chartsurface[b-w9c795li20] { padding: 6px 10px 10px; }

.sq-sec .dash-bcard[b-w9c795li20] {
    margin: 0 -14px -14px;
    border-top: 1px solid var(--border-faint);
}

.sq-sec .dash-bcard-head[b-w9c795li20] { padding: 8px 14px; }

.sq-sec[b-w9c795li20] { position: relative; }

.sq-sec[data-arrived][b-w9c795li20]::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    border: 1px solid var(--accent-fill);
    pointer-events: none;
    opacity: 0;
    animation: sq-arrive-b-w9c795li20 1.2s ease-out both;
}

@keyframes sq-arrive-b-w9c795li20 {
    0% { opacity: 0; }
    15% { opacity: 1; }
    100% { opacity: 0; }
}

.sq-sec[b-w9c795li20] { --rise: 8px; animation: lm-rise var(--dur-panel) var(--spring) backwards; }
.sq-sec:nth-of-type(2)[b-w9c795li20] { animation-delay: 40ms; }
.sq-sec:nth-of-type(3)[b-w9c795li20] { animation-delay: 80ms; }
.sq-sec:nth-of-type(4)[b-w9c795li20] { animation-delay: 120ms; }
.sq-sec:nth-of-type(5)[b-w9c795li20] { animation-delay: 160ms; }
.sq-sec:nth-of-type(n+6)[b-w9c795li20] { animation-delay: 200ms; }

@media (prefers-reduced-motion: reduce) {
    .sq-sec[b-w9c795li20], .sq-sec[data-arrived][b-w9c795li20]::after { animation: none; }
    .sq-toc-pill[b-w9c795li20] { transition: none; }
}

.sq-gridcard[b-w9c795li20] {
    height: 280px;
    margin: 0 -14px;
    border-top: 1px solid var(--border-faint);
    border-bottom: 1px solid var(--border-faint);
    overflow: hidden;
}

.sq-gridcard:last-child[b-w9c795li20] {
    margin-bottom: -14px;
    border-bottom: 0;
    border-radius: 0 0 var(--r-card) var(--r-card);
}

.sq-gridcard.is-short[b-w9c795li20] { height: 180px; }

.sq-gridcard[b-w9c795li20]  .lum-grid,
.sq-monitor[b-w9c795li20]  .lum-grid {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.sq-rows[b-w9c795li20] {
    margin: 0 -14px -14px;
    max-height: 392px;
    overflow: auto;
    border-top: 1px solid var(--border-faint);
    border-radius: 0 0 var(--r-card) var(--r-card);
}

.sq-row[b-w9c795li20] {
    display: grid;
    grid-template-columns: 76px 92px minmax(0, 0.8fr) 112px minmax(0, 1.4fr) minmax(0, 1.2fr);
    gap: 14px;
    align-items: center;
    padding: 6px 14px;
    border-top: 1px solid var(--border-faint);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.sq-row > span[b-w9c795li20] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sq-row.is-head[b-w9c795li20] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 14px;
    border-top: 0;
    background: var(--surface-card);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.sq-row:not(.is-head):hover[b-w9c795li20] { background: var(--surface-hover); }

.sq-sid[b-w9c795li20] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--accent);
    cursor: pointer;
}

.sq-sid:hover[b-w9c795li20] { text-decoration: underline; }

.sq-sec .lx-planrev[b-w9c795li20] {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--border-faint);
    border-radius: 0;
    background: transparent;
}

.sq-sec .lx-planrev-hint[b-w9c795li20] { display: none; }

.sq-sec .lx-planrev[b-w9c795li20]  .lum-disc { border: 0; }
.sq-sec .lx-planrev[b-w9c795li20]  .lum-disc-head { min-height: 0; padding: 0 14px; }
.sq-sec .lx-planrev[b-w9c795li20]  .lum-disc-toggle { padding: 7px 0; }
.sq-sec .lx-planrev[b-w9c795li20]  .lum-disc-body { padding: 0 0 6px 26px; }

.sq-sec .lx-planrev-row[b-w9c795li20] {
    padding: 3px 14px;
    border-top: 0;
}

.sq-sec .lx-planrev-text[b-w9c795li20] { font-size: var(--text-xs); }
.sq-sec .lx-planrev-text em[b-w9c795li20] { color: var(--text-tertiary); }
.sq-sec .lx-planrev-more[b-w9c795li20] { padding: 3px 14px 6px; border-top: 0; }

.dash-planbox[b-w9c795li20]  .lum-grid-table thead th {
    padding: 6px 12px !important;
}

.dash-planbox[b-w9c795li20]  .lum-grid-table tbody td {
    padding: 4px 12px !important;
    font-size: var(--text-xs) !important;
}

.sq-sub[b-w9c795li20] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0 8px;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
}

.sq-sub i[b-w9c795li20] {
    font-style: normal;
    font-size: var(--text-2xs);
    line-height: 1;
    padding: 3px 6px;
    border-radius: var(--r-ctl);
    background: var(--surface-active);
    color: var(--text-tertiary);
}

.sq-monitor[b-w9c795li20] {
    display: flex;
    flex-direction: column;
    height: 200px;
    margin: 0 -14px -14px;
    border-top: 1px solid var(--border-faint);
    border-radius: 0 0 var(--r-card) var(--r-card);
    overflow: hidden;
}

.sq-monitor.is-report[b-w9c795li20] { height: 560px; }

.sq-facts[b-w9c795li20] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.sq-fact[b-w9c795li20] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    max-width: 280px;
    padding: 8px 16px;
    box-shadow: -1px 0 0 var(--border-subtle);
}

.sq-fact-label[b-w9c795li20] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sq-fact-value[b-w9c795li20] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sq-fact.is-live .sq-fact-value[b-w9c795li20] { color: var(--text-heading); }

.sq-now-dot[b-w9c795li20] {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent-fill);
    animation: lm-pulse 2s ease-in-out infinite;
}

@container sqsheet (max-width: 760px) {
    .sq-layout[b-w9c795li20] { grid-template-columns: minmax(0, 1fr); }
    .sq-toc[b-w9c795li20] { display: none; }
}

.dash-evbox[b-w9c795li20] { height: 100%; }

.dash-evcta[b-w9c795li20] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    text-align: center;
}

.dash-evcta p[b-w9c795li20] {
    margin: 0;
    max-width: 46ch;
    font-size: var(--text-sm);
    line-height: 1.5;
    color: var(--text-tertiary);
}

.dash-evcta .dash-evcta-note[b-w9c795li20] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.dash-evbar[b-w9c795li20] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px 4px 14px;
    border-bottom: 1px solid var(--border-faint);
}

.dash-evbar-note[b-w9c795li20] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-quaternary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-evbar[b-w9c795li20]  .dash-sec-btn { height: 24px; }
.dash-evbar[b-w9c795li20]  .dash-sec-btn .material-icons { font-size: 14px; }

.dash-ev-frame[b-w9c795li20] {
    display: block;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    border: none;
}

.dash-sqlid[b-w9c795li20] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.dash-sqlid.lg[b-w9c795li20] { font-size: var(--text-title3); }

.dash-hash[b-w9c795li20] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.clickable-cell[b-w9c795li20] {
    color: var(--accent);
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--accent);
    text-underline-offset: 2px;
    font-weight: var(--weight-medium);
    padding: 1px 4px;
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.clickable-cell:hover[b-w9c795li20] { background: var(--surface-hover); }


.dash-push[b-w9c795li20] { margin-left: auto; }

.dash-num[b-w9c795li20] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.dash-op[b-w9c795li20] {
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.dash-obj[b-w9c795li20] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.dash-pred[b-w9c795li20] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.dash-sub[b-w9c795li20] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.dash-glyph-sm[b-w9c795li20] { font-size: 14px; }

.dash-objtype[b-w9c795li20] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.03em;
    background: var(--surface-active);
    color: var(--text-tertiary);
}

.dash-objtype.is-table[b-w9c795li20] {
    background: color-mix(in oklch, var(--lume) 16%, transparent);
    color: var(--text-heading);
}

.dash-objtype.is-index[b-w9c795li20] {
    background: color-mix(in oklch, var(--lume) 10%, transparent);
    color: var(--text-secondary);
}

.dash-sheet-id[b-w9c795li20] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dash-sheet-idline[b-w9c795li20] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dash-bl-pill[b-w9c795li20] {
    border: 0;
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    line-height: 1.3;
    cursor: pointer;
}

.dash-bl-pill:disabled[b-w9c795li20] { cursor: progress; opacity: 0.6; }

.dash-bl-pill:focus-visible[b-w9c795li20] {
    outline: 2px solid var(--border-focus);
    outline-offset: 1px;
}

.dash-bl-state[b-w9c795li20] { line-height: 1.3; }

.lx-sql-grid[b-w9c795li20]  .dash-bl-del { color: var(--text-tertiary); }
.lx-sql-grid[b-w9c795li20]  .dash-bl-del:hover:not(:disabled) { color: var(--status-crit); }

.sqlmon-dialog[b-mv2i0qo70s] {
    width: 100%;
    height: 100%;
    max-height: none;
}

.sqlmon-id[b-mv2i0qo70s] {
    font-family: var(--font-mono);
}

[b-mv2i0qo70s] .sqlmon-reload {
    flex: none;
    margin-top: -1px;
}

.sqlmon-body[b-mv2i0qo70s] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--border-subtle);
}

.sqlmon-frame[b-mv2i0qo70s] {
    flex: 1 1 auto;
    width: 100%;
    border: none;
}

.sqlmon-fill[b-mv2i0qo70s] {
    flex: 1 1 auto;
}

.sqlmon-why[b-mv2i0qo70s] {
    max-width: 560px;
    font-size: var(--text-xs);
    line-height: 1.45;
    color: var(--text-tertiary);
}

.plan-dialog[b-65nbtio67w] {
    width: 100%;
    height: 100%;
    max-height: none;
}

.plan-tools[b-65nbtio67w] {
    flex: none;
    margin: 0 24px 12px;
}

[b-65nbtio67w] .plan-hash { width: 250px; }

.plan-seg-icon[b-65nbtio67w] { font-size: 16px; }

.plan-body[b-65nbtio67w] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 24px 20px;
}

.plan-review.is-dialog[b-65nbtio67w] { margin: 0 0 10px; }

.plan-review-list[b-65nbtio67w] {
    max-height: min(260px, 32vh);
    overflow-y: auto;
}

.plan-grid-box[b-65nbtio67w],
.plan-map[b-65nbtio67w] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--r-card);
}

.plan-line[b-65nbtio67w] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.plan-object[b-65nbtio67w] { font-weight: var(--weight-medium); }

.plan-num[b-65nbtio67w] { font-variant-numeric: tabular-nums; }

.sqltext-dialog[b-rkbiz4zcxw] {
    width: 100%;
    height: 100%;
    max-height: none;
}

.sqltext-id[b-rkbiz4zcxw] {
    font-family: var(--font-mono);
}

.sqltext-body[b-rkbiz4zcxw] {
    overflow: hidden;
    padding-top: 2px;
}

.sqltext-dialog .sqltext-card[b-rkbiz4zcxw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: var(--surface-inset);
}

.sqltext-code[b-rkbiz4zcxw] {
    margin: 0;
    padding: 14px 16px;
    font-family: var(--font-code);
    font-size: var(--text-base);
    line-height: 1.6;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
    user-select: text;
}

.sta-dialog[b-by5csjenbc] {
    width: 100%;
    max-width: 95vw;
}

.sta-id[b-by5csjenbc] {
    font-family: var(--font-mono);
}

.sta-body[b-by5csjenbc] { padding-top: 2px; }

.sta-limit[b-by5csjenbc] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: var(--control-height);
}

.sta-limit[b-by5csjenbc]  .sta-slider {
    flex: 1 1 auto;
    min-width: 0;
}

.sta-limit-value[b-by5csjenbc] {
    flex: none;
    min-width: 52px;
    text-align: right;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.lum-prefs-cell[b-by5csjenbc]  .sta-scope {
    min-height: var(--control-height);
    align-items: center;
}

.sta-error[b-by5csjenbc] { color: var(--critical-text); }

.sta-callout[b-by5csjenbc] { margin: 10px 0 0; }

.sta-runs[b-by5csjenbc] {
    flex: none;
    overflow: hidden;
}

.sta-run + .sta-run[b-by5csjenbc] { border-top: 1px solid var(--border-subtle); }

.sta-run-line[b-by5csjenbc] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 5px 8px 5px 14px;
}

.sta-run-when[b-by5csjenbc] {
    flex: none;
    min-width: 92px;
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
    white-space: nowrap;
}

.sta-run-text[b-by5csjenbc] {
    flex: 1;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sta-run-actions[b-by5csjenbc] {
    display: flex;
    gap: 2px;
    margin-left: auto;
    flex-shrink: 0;
}

.sta-report[b-by5csjenbc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 14px 14px;
    border-top: 1px solid var(--border-subtle);
}

.sta-report-head[b-by5csjenbc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sta-report-text[b-by5csjenbc] {
    margin: 0;
    max-height: 320px;
    overflow: auto;
    padding: 10px 12px;
    background: var(--surface-inset);
    border-radius: var(--r-block);
    color: var(--text-primary);
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}

.sta-empty[b-by5csjenbc] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.sta-foot-note[b-by5csjenbc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sdd-days .lum-seg-btn[b-fsc5bwai72] {
    min-width: 42px;
    justify-content: center;
}

.sdd[b-fsc5bwai72]  .sdd-method { width: 100%; flex: 1 1 100%; }

.sdd-add[b-fsc5bwai72] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sdd[b-fsc5bwai72] {
    width: 100%;
    height: auto;
    max-height: min(860px, calc(100vh - 48px));
}

.sgd .lum-prefs-row[b-i00bikllg6] { grid-template-columns: 110px minmax(0, 1fr); }

.sgd[b-i00bikllg6]  .sgd-search { width: 100%; flex: 1 1 auto; }

.sgd-list[b-i00bikllg6] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
}

.sgd-list li + li[b-i00bikllg6] { border-top: 1px solid var(--border-subtle); }

.sgd-item[b-i00bikllg6] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 32px;
    padding: 4px 10px;
    border: none;
    background: transparent;
    font: inherit;
    text-align: left;
    color: var(--text-primary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.sgd-item:hover[b-i00bikllg6],
.sgd-item:focus-visible[b-i00bikllg6] { background: var(--surface-hover); }

.sgd-item-name[b-i00bikllg6] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgd-item-state[b-i00bikllg6] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sgd[b-i00bikllg6] {
    width: 100%;
    height: auto;
    max-height: min(560px, calc(100vh - 48px));
}

.add-alert[b-mojex6k9pk] { width: 720px; }

.add-alert .lum-prefs-gk[b-mojex6k9pk] { margin-top: 14px; }
.add-alert .lum-prefs-gk:first-child[b-mojex6k9pk] { margin-top: 0; }
.add-alert .lum-prefs-body[b-mojex6k9pk] { padding-bottom: 14px; }

.add-alert[b-mojex6k9pk]  .lum-fd-sql textarea.lum-input {
    height: 104px;
    padding: 8px 12px;
}

.add-alert .lum-fd-reads[b-mojex6k9pk] { gap: 4px; }

.lum-fd-test-note.aa-test-msg[b-mojex6k9pk] {
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

.aa-test-on[b-mojex6k9pk] {
    flex: none;
    width: 200px;
}
.cred-saved[b-pci4qcuoco] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.cred-saved-text[b-pci4qcuoco] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-family: var(--font-mono);
    color: var(--text-primary);
    user-select: all;
}

.add-db[b-pk2yaueqi6] {
    width: 720px;
    height: 800px;
}

.add-policy[b-mfho7krgdu] { width: 520px; }

.add-policy .lum-prefs-body[b-mfho7krgdu] { padding-top: 16px; }

.ap-kind[b-mfho7krgdu] {
    display: flex;
    align-items: center;
    min-height: var(--control-height);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.add-report[b-o0qr82lm5r] {
    width: min(880px, calc(100vw - 48px));
    height: min(780px, calc(100vh - 48px));
}

.ar-test-on[b-o0qr82lm5r] {
    flex: none;
    width: 220px;
}

.add-report .ar-param[b-o0qr82lm5r] {
    font-family: var(--font-mono);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
}

.ar-param-ctl[b-o0qr82lm5r] { flex-wrap: nowrap; }

.ar-grow[b-o0qr82lm5r] {
    flex: 1 1 auto;
    min-width: 0;
}

.ar-rules-note[b-o0qr82lm5r] {
    padding: 10px 14px 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.ar-rule[b-o0qr82lm5r] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) 136px minmax(0, 1fr) 104px 124px 28px;
    gap: 6px;
    align-items: center;
    padding: 0 14px 8px;
}

.ar-rules-add[b-o0qr82lm5r] { padding: 2px 14px 12px; }

.add-category[b-4jwgvrz4bk] { width: 460px; }

.add-category .lum-prefs-body[b-4jwgvrz4bk] { padding-top: 16px; }

[b-nd9jl2sb00] .role-find { width: 240px; flex: none; }

.lum-prefs-group.role-card[b-nd9jl2sb00] { padding: 12px 14px 14px; }

.role-groups[b-nd9jl2sb00] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.role-group[b-nd9jl2sb00] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.role-group-head[b-nd9jl2sb00] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border-subtle);
}

.role-group-name[b-nd9jl2sb00] {
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.role-group-count[b-nd9jl2sb00] {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.role-items[b-nd9jl2sb00] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 12px;
}

.role-items[b-nd9jl2sb00]  .role-item {
    align-items: center;
    min-height: 30px;
    padding: 4px 6px;
    border-radius: var(--r-ctl);
}

.role-items[b-nd9jl2sb00]  .role-item:hover { background: var(--surface-hover); }

.role-items[b-nd9jl2sb00]  .role-item.is-on .role-item-label { color: var(--text-primary); }

.role-item-label[b-nd9jl2sb00] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-group-name[b-htwc8r6nee] {
    display: flex;
    align-items: center;
    min-height: var(--control-height);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.user-group-dn[b-htwc8r6nee] {
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.evl-acts[b-6fscf20866] { gap: 8px; }

.evl-acts[b-6fscf20866]  .evl-scope { width: 196px; }

.evl-live[b-6fscf20866] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: var(--r-ctl);
    background: var(--accent-soft);
    color: var(--text-heading);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.evl-live .evl-dot[b-6fscf20866] { color: var(--accent); }

.evl-dot[b-6fscf20866] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex: none;
}

.evl-dot.pulse[b-6fscf20866] { animation: lm-pulse 2s ease-in-out infinite; }


.evl-body[b-6fscf20866] { flex-direction: column; }

.evl-strip-card[b-6fscf20866] {
    flex: none;
    height: 124px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 10px 18px 4px;
}

.evl-strip-head[b-6fscf20866] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.evl-strip-note[b-6fscf20866] {
    font-size: var(--text-xs);
    color: var(--text-quaternary);
}

.evl-runs[b-6fscf20866] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: stretch;
    gap: 6px;
    padding-top: 8px;
}

.evl-run[b-6fscf20866] {
    flex: 1 1 0;
    min-width: 4px;
    max-width: 16px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.evl-run-col[b-6fscf20866] {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid var(--border-subtle);
}

.evl-run-fill[b-6fscf20866] {
    display: block;
    width: 100%;
    border-radius: 3px 3px 0 0;
    background: var(--border-strong);
}

.evl-run:hover .evl-run-fill[b-6fscf20866] { background: var(--text-quaternary); }
.evl-run.is-selected .evl-run-fill[b-6fscf20866] { background: var(--accent); }
.evl-run.is-hollow .evl-run-fill[b-6fscf20866] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--text-quaternary); }
.evl-run.is-hollow.is-selected .evl-run-fill[b-6fscf20866] { box-shadow: inset 0 0 0 1.5px var(--accent); }
.evl-run.is-empty .evl-run-fill[b-6fscf20866] { height: 0; }

.evl-run-lab[b-6fscf20866] {
    height: 16px;
    overflow: visible;
    white-space: nowrap;
    font-size: var(--text-2xs);
    line-height: 16px;
    color: var(--text-quaternary);
    font-variant-numeric: tabular-nums;
}

.evl-run.is-selected .evl-run-lab[b-6fscf20866] { color: var(--text-primary); font-weight: 600; }

.evl-note[b-6fscf20866] {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.evl-note p[b-6fscf20866] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}


.evl-title[b-6fscf20866] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-variant-numeric: tabular-nums;
}

.evl-head[b-6fscf20866] { flex-wrap: wrap; row-gap: 10px; }
.evl-head .lum-split-head-id[b-6fscf20866] { flex: 1 1 280px; }
.evl-head-acts[b-6fscf20866] { flex-wrap: wrap; justify-content: flex-end; }

.evl-vs[b-6fscf20866] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.evl-head-acts[b-6fscf20866]  .evl-compare { width: 270px; }


.evl-kpis[b-6fscf20866] {
    flex: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--border-subtle);
}

.evl-kpi[b-6fscf20866] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 12px 20px 13px;
    border: none;
    border-right: 1px solid var(--border-subtle);
    background: transparent;
    text-align: left;
    font: inherit;
    color: var(--text-primary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.evl-kpi:last-child[b-6fscf20866] { border-right: none; }
.evl-kpi:hover[b-6fscf20866] { background: var(--surface-hover); }
.evl-kpi:focus-visible[b-6fscf20866] { outline: 2px solid var(--border-focus); outline-offset: -2px; }

.evl-kpi-label[b-6fscf20866] {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.evl-kpi-line[b-6fscf20866] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-height: 30px;
}

.evl-kpi-value[b-6fscf20866] {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-size: clamp(20px, 1.7vw, 26px);
    line-height: 1.15;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.evl-kpi-unit[b-6fscf20866] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.evl-kpi-sub[b-6fscf20866],
.evl-kpi-delta[b-6fscf20866] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evl-kpi-delta[b-6fscf20866] { font-weight: var(--weight-medium); }
.evl-kpi-delta.good[b-6fscf20866] { color: var(--text-primary); }
.evl-kpi-delta.bad[b-6fscf20866] { color: var(--status-crit); }
.evl-kpi-vs[b-6fscf20866] { font-weight: var(--weight-regular); color: var(--text-tertiary); }


.evl-signals[b-6fscf20866] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 16px;
    padding: 8px 20px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.evl-sig[b-6fscf20866] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.evl-sig b[b-6fscf20866] {
    font-family: var(--font-mono);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.evl-sig.changed[b-6fscf20866],
.evl-sig.changed b[b-6fscf20866] { color: var(--status-warn); }


.evl-main[b-6fscf20866]  .lum-tabs-host {
    flex: 1 1 auto;
    min-height: 0;
}

.evl-main[b-6fscf20866]  .lum-tabs-host > .lum-tab-panels {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.evl-main[b-6fscf20866]  .lum-tabs-host > .lum-tab-panels > .lum-tab-panel {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.evl-pane[b-6fscf20866] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 12px 12px 12px;
}

.evl-scroll[b-6fscf20866] { overflow-y: auto; }

.evl-tools[b-6fscf20866] {
    flex: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 8px;
}

.evl-seg .lum-seg-btn[b-6fscf20866] { padding: 4px 10px; }
.evl-seg .lum-seg-btn:disabled[b-6fscf20866] { cursor: default; }

.evl-seg-n[b-6fscf20866] {
    margin-left: 6px;
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    opacity: 0.75;
}

.evl-main[b-6fscf20866]  .lum-tabs-toolbar .evl-cat { width: 168px; }
.evl-main[b-6fscf20866]  .lum-tabs-toolbar .evl-find { width: 220px; }

.evl-grid[b-6fscf20866] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.evl-grid[b-6fscf20866]  .lum-grid { flex: 1 1 auto; min-height: 0; }
.evl-grid[b-6fscf20866]  .lum-grid-table tbody td { padding-top: 6px; padding-bottom: 6px; }


.evl-verdict[b-6fscf20866] {
    display: inline-block;
    min-width: 50px;
    padding: 2px 8px;
    box-sizing: border-box;
    border-radius: var(--r-ctl);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
    background: var(--surface-active);
    color: var(--text-secondary);
}

.evl-verdict.pass[b-6fscf20866] { background: var(--status-ok-soft); color: var(--status-ok); }
.evl-verdict.warn[b-6fscf20866] { background: var(--status-warn-soft); color: var(--status-warn); }
.evl-verdict.fail[b-6fscf20866] { background: var(--status-crit-soft); color: var(--status-crit); }
.evl-verdict.none[b-6fscf20866] { background: var(--surface-active); color: var(--text-tertiary); }
.evl-verdict.skip[b-6fscf20866] { background: transparent; color: var(--text-tertiary); border: 1px dashed var(--border-strong); line-height: 14px; }

.evl-verdict.sm[b-6fscf20866] {
    min-width: 0;
    padding: 0 5px;
    font-size: var(--text-2xs);
    line-height: 15px;
}

.evl-num[b-6fscf20866] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
    white-space: nowrap;
}

.evl-q[b-6fscf20866] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.evl-q-text[b-6fscf20866] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--text-sm);
    line-height: 1.4;
    color: var(--text-primary);
    white-space: normal;
}

.evl-q-meta[b-6fscf20866] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
}

.evl-q-key[b-6fscf20866] {
    font-family: var(--font-mono);
    overflow: hidden;
    text-overflow: ellipsis;
}

.evl-turns[b-6fscf20866] {
    flex: none;
    padding: 0 5px;
    border: 1px solid var(--border-default);
    border-radius: var(--r-ctl);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.evl-then[b-6fscf20866] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.evl-arrow[b-6fscf20866] {
    width: 10px;
    flex: none;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    text-align: center;
}

.evl-then.bad .evl-arrow[b-6fscf20866] { color: var(--status-crit); }
.evl-then.good .evl-arrow[b-6fscf20866] { color: var(--accent); }

.evl-asked[b-6fscf20866] {
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    color: var(--text-tertiary);
}

.evl-none[b-6fscf20866] {
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    white-space: nowrap;
}

.evl-delta[b-6fscf20866] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
}

.evl-delta.good[b-6fscf20866] { color: var(--text-primary); }
.evl-delta.bad[b-6fscf20866] { color: var(--status-crit); }

.evl-cat-bar[b-6fscf20866] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.evl-cat-track[b-6fscf20866] {
    flex: 1 1 auto;
    min-width: 60px;
}

.evl-cat-counts[b-6fscf20866] {
    flex: none;
    display: inline-flex;
    gap: 8px;
    font-size: var(--text-2xs);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.evl-cat-counts .fail[b-6fscf20866] { color: var(--status-crit); }
.evl-cat-counts .warn[b-6fscf20866] { color: var(--status-warn); }


.evl-gaps[b-6fscf20866] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 8px 8px;
}

.evl-gap-head[b-6fscf20866] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 12px 10px 6px;
}

.evl-gap-head:first-child[b-6fscf20866] { padding-top: 2px; }

.evl-gap-head-n[b-6fscf20866] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.evl-gap[b-6fscf20866] {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(80px, 180px) 88px 170px minmax(0, 1fr);
    align-items: center;
    column-gap: 14px;
    width: 100%;
    min-height: 38px;
    padding: 6px 10px;
    border: none;
    border-radius: var(--r-ctl);
    background: transparent;
    font: inherit;
    text-align: left;
    color: inherit;
    cursor: pointer;
}

.evl-gap:hover[b-6fscf20866] { background: var(--surface-hover); }
.evl-gap:focus-visible[b-6fscf20866] { outline: 2px solid var(--border-focus); outline-offset: -2px; }

.evl-gap-name[b-6fscf20866] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evl-gap.is-signal .evl-gap-name[b-6fscf20866] { font-weight: var(--weight-regular); color: var(--text-secondary); }

.evl-gap-track[b-6fscf20866] {
    min-width: 0;
}

.evl-gap-n[b-6fscf20866] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.evl-gap-sev[b-6fscf20866] {
    display: inline-flex;
    gap: 4px;
    white-space: nowrap;
}

.evl-gap-ex[b-6fscf20866] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evl-foot[b-6fscf20866] {
    margin: 10px 10px 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}


.evl-qtable[b-6fscf20866] {
    --evl-cell: 16px;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin: 0 4px;
}

.evl-qrow[b-6fscf20866] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) calc(var(--evl-runs) * (var(--evl-cell) + 4px)) 64px 64px;
    align-items: center;
    column-gap: 16px;
    padding: 6px 8px;
    border-top: 1px solid var(--border-subtle);
}

.evl-qhead[b-6fscf20866] {
    flex: none;
    border-top: none;
    padding-top: 2px;
    padding-bottom: 6px;
}

.evl-qh[b-6fscf20866] {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.evl-qrow > .evl-num[b-6fscf20866],
.evl-qrow > .evl-qh.evl-num[b-6fscf20866] { text-align: right; }

.evl-qbody[b-6fscf20866] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.evl-qbody .evl-qrow:hover[b-6fscf20866] { background: var(--surface-hover); }

.evl-cells[b-6fscf20866] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.evl-cell-h[b-6fscf20866] {
    width: var(--evl-cell);
    flex: none;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    text-align: center;
    color: var(--text-quaternary);
    font-variant-numeric: tabular-nums;
    overflow: visible;
    white-space: nowrap;
}

.evl-cell-h.is-picked[b-6fscf20866] { color: var(--text-heading); font-weight: var(--weight-bold); }

.evl-cell[b-6fscf20866] {
    width: var(--evl-cell);
    height: var(--evl-cell);
    flex: none;
    box-sizing: border-box;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: var(--surface-active);
    cursor: pointer;
}

.evl-cell.pass[b-6fscf20866] { background: var(--calm-teal); }
.evl-cell.warn[b-6fscf20866] { background: var(--fill-warn); }
.evl-cell.fail[b-6fscf20866] { background: var(--fill-crit); }
.evl-cell.none[b-6fscf20866] { background: var(--surface-segment); }
.evl-cell.skip[b-6fscf20866] { background: transparent; border: 1px dashed var(--border-strong); }

span.evl-cell.none[b-6fscf20866] {
    background: transparent;
    border: 1px solid var(--border-subtle);
    cursor: default;
}

.evl-cell.is-picked[b-6fscf20866] { box-shadow: 0 0 0 2px var(--surface-raised), 0 0 0 3px var(--accent); }
.evl-cell:hover:not(span)[b-6fscf20866] { filter: brightness(1.15); }
.evl-cell:focus-visible[b-6fscf20866] { outline: 2px solid var(--border-focus); outline-offset: 1px; }


@media (max-height: 820px) {
    .evl-body[b-6fscf20866] { overflow-y: auto; }
    .evl-main[b-6fscf20866] { flex: 0 0 auto; height: 760px; }
}


@media (max-width: 1500px) {
    .evl-kpi[b-6fscf20866] { padding: 10px 14px 11px; }
    .evl-kpi-value[b-6fscf20866] { font-size: var(--text-xl); }
}

@media (max-width: 1200px) {
    .evl-kpis[b-6fscf20866] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .evl-kpi:nth-child(2)[b-6fscf20866] { border-right: none; }
    .evl-kpi:nth-child(-n+2)[b-6fscf20866] { border-bottom: 1px solid var(--border-subtle); }
    .evl-gap[b-6fscf20866] { grid-template-columns: minmax(130px, 180px) minmax(60px, 120px) 84px minmax(0, 1fr); }
    .evl-gap-ex[b-6fscf20866] { display: none; }
}

.akb-side[b-iet7xqz8in] { width: 330px; }

.akb-list[b-iet7xqz8in] { padding: 0 8px 8px; }

.akb-row[b-iet7xqz8in] { gap: 9px; padding-top: 6px; padding-bottom: 6px; }
.akb-row[b-iet7xqz8in]  .owl-icon { flex: none; color: var(--text-secondary); }
.akb-row.is-selected[b-iet7xqz8in]  .owl-icon { color: inherit; }
.akb-row .lum-split-row-name[b-iet7xqz8in] { flex: 1 1 auto; min-width: 0; }

.akb-doc.is-off .lum-split-row-name[b-iet7xqz8in] { color: var(--text-quaternary); }

.akb-n[b-iet7xqz8in] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.akb-mark[b-iet7xqz8in] {
    flex: none;
    width: 9px;
    height: 8px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--warn);
}

.akb-group-head[b-iet7xqz8in] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface-raised);
}

.akb-side-note[b-iet7xqz8in] {
    padding: 8px 10px;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}


.akb-main[b-iet7xqz8in] { display: flex; flex-direction: column; min-height: 0; }

.akb-pane[b-iet7xqz8in] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 22px 0;
    overflow-y: auto;
}

.akb-pane-head[b-iet7xqz8in] { display: flex; flex-direction: column; gap: 3px; }

.akb-title[b-iet7xqz8in] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.akb-pane-line[b-iet7xqz8in] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.akb-empty[b-iet7xqz8in] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.akb-doc-pane[b-iet7xqz8in] { height: auto; }

.akb-doc-head[b-iet7xqz8in] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-secondary);
}

.akb-doc-head[b-iet7xqz8in]  .akb-title-box { flex: 1 1 auto; max-width: 640px; }
.akb-doc-head[b-iet7xqz8in]  .akb-title-box input {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
}

.akb-updated[b-iet7xqz8in] {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.akb-fields[b-iet7xqz8in] { max-width: 760px; }
.akb-fields .lum-prefs-row[b-iet7xqz8in] { grid-template-columns: 120px minmax(0, 1fr); }
.akb-fields[b-iet7xqz8in]  .akb-tags { width: 420px; max-width: 100%; }

.akb-chunks[b-iet7xqz8in] { font-variant-numeric: tabular-nums; }

.akb-doc-pane[b-iet7xqz8in]  .akb-content { flex: 1 1 auto; min-height: 220px; }
.akb-doc-pane[b-iet7xqz8in]  .akb-content textarea { height: 100%; min-height: 220px; resize: vertical; line-height: 1.6; font-family: var(--font-mono); font-size: var(--text-sm); }

.akb-foot[b-iet7xqz8in] { padding: 12px 22px; }

.akb-usage[b-iet7xqz8in] { display: flex; flex-direction: column; max-width: 900px; }

.akb-day[b-iet7xqz8in] {
    height: 30px;
    display: flex;
    align-items: flex-end;
    padding: 0 10px 5px;
    box-sizing: border-box;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-tertiary);
}

.akb-use[b-iet7xqz8in] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 34px;
    padding: 0 10px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-base);
}

.akb-use-at[b-iet7xqz8in] { width: 40px; flex: none; color: var(--text-tertiary); font-variant-numeric: tabular-nums; }
.akb-use-q[b-iet7xqz8in] { flex: 1 1 auto; min-width: 0; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.akb-search[b-iet7xqz8in] { display: flex; gap: 8px; max-width: 760px; }
.akb-search[b-iet7xqz8in]  .akb-search-box { flex: 1 1 auto; }

.akb-hits[b-iet7xqz8in] { display: flex; flex-direction: column; gap: 8px; max-width: 820px; padding-bottom: 16px; }

.akb-hit[b-iet7xqz8in] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 14px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    background: var(--surface-inset);
}

.akb-hit-head[b-iet7xqz8in] { display: flex; align-items: baseline; gap: 10px; }
.akb-hit-title[b-iet7xqz8in] { font-size: var(--text-base); font-weight: 600; color: var(--text-primary); }
.akb-hit-meta[b-iet7xqz8in] { font-size: var(--text-xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

.akb-hit-text[b-iet7xqz8in] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.5;
    color: var(--text-secondary);
    white-space: pre-wrap;
}


.atr-day[b-wcx0bz8i3p] {
    display: inline-flex;
    align-items: center;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-ctl);
    background: var(--surface-raised);
    overflow: hidden;
}

.atr-day-btn[b-wcx0bz8i3p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 28px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.atr-day-btn:hover:not(:disabled)[b-wcx0bz8i3p] { background: var(--surface-hover); color: var(--text-primary); }
.atr-day-btn:disabled[b-wcx0bz8i3p] { color: var(--text-quaternary); cursor: default; }
.atr-day-btn .material-icons[b-wcx0bz8i3p] { font-size: 18px; }

.atr-day-label[b-wcx0bz8i3p] {
    padding: 0 10px;
    line-height: 28px;
    border-left: 1px solid var(--border-subtle);
    border-right: 1px solid var(--border-subtle);
    font-size: var(--text-base);
    color: var(--text-primary);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}


.atr-side[b-wcx0bz8i3p] { width: 330px; }

.atr-side-top[b-wcx0bz8i3p] {
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.atr-side-top[b-wcx0bz8i3p]  .atr-search { flex: 1 1 auto; min-width: 0; }

.atr-filter-btn[b-wcx0bz8i3p] { position: relative; }

.atr-filter-btn.has-filter[b-wcx0bz8i3p]::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
}

.atr-filters[b-wcx0bz8i3p] {
    position: absolute;
    z-index: 5;
    top: 46px;
    left: 12px;
    right: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    background: var(--surface-overlay);
    box-shadow: var(--shadow-md);
}

.atr-failed[b-wcx0bz8i3p] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.atr-failed-n[b-wcx0bz8i3p] {
    margin-left: auto;
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.atr-list[b-wcx0bz8i3p] { padding-top: 0; }

.atr-hour[b-wcx0bz8i3p] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 26px;
    padding: 0 10px 4px;
    box-sizing: border-box;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.atr-hour-n[b-wcx0bz8i3p] { font-weight: 500; color: var(--text-quaternary); }

.atr-row[b-wcx0bz8i3p] { padding-top: 6px; padding-bottom: 6px; }

.atr-more[b-wcx0bz8i3p] {
    justify-content: center;
    margin-top: 4px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.atr-more:hover[b-wcx0bz8i3p] { color: var(--text-primary); }
.atr-row .lum-split-row-name[b-wcx0bz8i3p] { flex: 1 1 auto; min-width: 0; }

.atr-dot[b-wcx0bz8i3p] {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.atr-dot.crit[b-wcx0bz8i3p] { background: var(--critical); }
.atr-dot.live[b-wcx0bz8i3p] { background: var(--accent); }

.atr-side-note[b-wcx0bz8i3p] {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.atr-side-note p[b-wcx0bz8i3p] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}


.atr-scroll[b-wcx0bz8i3p] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px 18px;
    background: var(--surface-ground);
}

.atr-figures[b-wcx0bz8i3p] { grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); }

.atr-failure[b-wcx0bz8i3p] {
    flex: none;
    padding: 10px 12px;
    border-radius: var(--r-block);
    background: var(--status-crit-soft);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.atr-failure-title[b-wcx0bz8i3p] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--critical);
}

.atr-failure-error[b-wcx0bz8i3p] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.atr-steps.lum-sheet-card[b-wcx0bz8i3p] { padding: 8px 0 6px; }

.atr-grid[b-wcx0bz8i3p] {
    display: grid;
    grid-template-columns: 38px minmax(220px, 440px) minmax(140px, 1fr) 64px;
    column-gap: 12px;
    align-items: center;
    padding: 0 14px;
}

.atr-axis[b-wcx0bz8i3p] {
    align-items: end;
    padding-bottom: 6px;
}

.atr-axis-ticks[b-wcx0bz8i3p] {
    display: flex;
    justify-content: space-between;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.atr-step[b-wcx0bz8i3p] {
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    padding-top: 6px;
    padding-bottom: 6px;
    border: none;
    border-top: 1px solid var(--border-subtle);
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.atr-step:hover:not(:disabled)[b-wcx0bz8i3p],
.atr-step.is-open[b-wcx0bz8i3p] { background: var(--surface-hover); }
.atr-step:disabled[b-wcx0bz8i3p] { cursor: default; }
.atr-step:focus-visible[b-wcx0bz8i3p] { outline: 2px solid var(--border-focus); outline-offset: -2px; }

.atr-step-n[b-wcx0bz8i3p] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}

.atr-chevron[b-wcx0bz8i3p] { font-size: 16px; }
.atr-chevron.none[b-wcx0bz8i3p] { visibility: hidden; }

.atr-step-what[b-wcx0bz8i3p] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.atr-step-name[b-wcx0bz8i3p] {
    flex: none;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.atr-step-name.tool[b-wcx0bz8i3p] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
}

.atr-step-detail[b-wcx0bz8i3p] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.atr-step.is-failed .atr-step-detail[b-wcx0bz8i3p],
.atr-step.is-failed .atr-step-time[b-wcx0bz8i3p] { color: var(--critical); }

.atr-track[b-wcx0bz8i3p] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.atr-step-time[b-wcx0bz8i3p] {
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.atr-step-open[b-wcx0bz8i3p] {
    padding: 4px 14px 12px 64px;
    background: var(--surface-hover);
    display: flex;
    flex-direction: column;
}

.atr-fact[b-wcx0bz8i3p] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px;
    padding: 4px 0;
}

.atr-fact-label[b-wcx0bz8i3p] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.atr-fact-value[b-wcx0bz8i3p] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.atr-fact-value.mono[b-wcx0bz8i3p] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.atr-fact-text[b-wcx0bz8i3p] {
    margin: 0;
    max-height: 320px;
    overflow: auto;
    padding: 8px 10px;
    border-radius: var(--r-ctl);
    background: var(--surface-inset);
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-primary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}


.atr-answer.lum-sheet-card[b-wcx0bz8i3p] {
    padding: 10px 14px 14px;
    gap: 8px;
}

.atr-answer-none[b-wcx0bz8i3p] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.atr-answer-text[b-wcx0bz8i3p] {
    max-width: 780px;
    font-size: var(--text-base);
    line-height: 1.6;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.atr-answer-text[b-wcx0bz8i3p]  p { margin: 0 0 8px; }
.atr-answer-text[b-wcx0bz8i3p]  p:last-child { margin-bottom: 0; }
.atr-answer-text[b-wcx0bz8i3p]  h1,
.atr-answer-text[b-wcx0bz8i3p]  h2,
.atr-answer-text[b-wcx0bz8i3p]  h3,
.atr-answer-text[b-wcx0bz8i3p]  h4 {
    margin: 14px 0 6px;
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}
.atr-answer-text[b-wcx0bz8i3p]  h1:first-child,
.atr-answer-text[b-wcx0bz8i3p]  h2:first-child,
.atr-answer-text[b-wcx0bz8i3p]  h3:first-child { margin-top: 0; }
.atr-answer-text[b-wcx0bz8i3p]  strong { font-weight: var(--weight-display); }
.atr-answer-text[b-wcx0bz8i3p]  ul,
.atr-answer-text[b-wcx0bz8i3p]  ol { margin: 4px 0 8px; padding-left: 20px; }
.atr-answer-text[b-wcx0bz8i3p]  li { margin: 2px 0; }
.atr-answer-text[b-wcx0bz8i3p]  code {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-inset);
    font-family: var(--font-code);
    font-size: var(--text-xs);
}
.atr-answer-text[b-wcx0bz8i3p]  pre {
    margin: 8px 0;
    padding: 10px 12px;
    border-radius: var(--r-ctl);
    background: var(--surface-inset);
    overflow-x: auto;
}
.atr-answer-text[b-wcx0bz8i3p]  pre code { padding: 0; background: none; }
.atr-answer-text[b-wcx0bz8i3p]  table {
    margin: 8px 0;
    border-collapse: collapse;
    font-size: var(--text-sm);
}
.atr-answer-text[b-wcx0bz8i3p]  th,
.atr-answer-text[b-wcx0bz8i3p]  td {
    padding: 5px 10px;
    border-bottom: 1px solid var(--border-subtle);
    text-align: left;
}
.atr-answer-text[b-wcx0bz8i3p]  th { color: var(--text-secondary); font-weight: var(--weight-medium); }
.atr-answer-text[b-wcx0bz8i3p]  blockquote {
    margin: 8px 0;
    padding-left: 12px;
    border-left: 2px solid var(--border-strong);
    color: var(--text-secondary);
}
.atr-answer-text[b-wcx0bz8i3p]  hr { border: none; border-top: 1px solid var(--border-subtle); margin: 12px 0; }

.atr-disclose[b-wcx0bz8i3p] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-size: var(--text-base);
    color: var(--text-secondary);
    cursor: pointer;
}

.atr-disclose:hover[b-wcx0bz8i3p] { color: var(--text-primary); }
.atr-disclose .material-icons[b-wcx0bz8i3p] { font-size: 18px; }

.aex-default strong[b-ny6rm5eb0i] {
    margin-left: 4px;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.aex-form[b-ny6rm5eb0i] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px;
}

.aex-field[b-ny6rm5eb0i] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.aex-field > label[b-ny6rm5eb0i] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
    cursor: help;
}

.aex-field.grow[b-ny6rm5eb0i] { flex: 1 1 160px; }
.aex-field.op[b-ny6rm5eb0i] { width: 130px; }
.aex-field.val[b-ny6rm5eb0i] { width: 120px; }
.aex-field.flag[b-ny6rm5eb0i] { width: 64px; align-items: center; }
.aex-field.flag[b-ny6rm5eb0i]  .lum-switch { height: var(--control-height); }

.aex-why[b-ny6rm5eb0i] {
    margin: 8px 4px 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.aex-empty[b-ny6rm5eb0i] {
    padding: 22px 0 6px;
    text-align: center;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.aex-list[b-ny6rm5eb0i] {
    display: flex;
    margin-top: 12px;
    overflow: hidden;
}

.aex-list[b-ny6rm5eb0i]  .lum-grid {
    flex: 1 1 auto;
    max-height: 340px;
}

.aex-item[b-ny6rm5eb0i] { font-family: var(--font-mono); }

.aex-off[b-ny6rm5eb0i],
.aex-global[b-ny6rm5eb0i] { color: var(--text-secondary); }

.aex-acts[b-ny6rm5eb0i] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
}

.alert-rule[b-lvtloxvwii] {
    width: min(1320px, calc(100vw - 48px));
    height: min(860px, calc(100vh - 48px));
}

.alr-fixed[b-lvtloxvwii] {
    display: flex;
    align-items: center;
    min-height: var(--control-height);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.alr-op[b-lvtloxvwii] { width: 112px; flex: none; }

.alr-own[b-lvtloxvwii] {
    flex-wrap: nowrap;
    min-height: var(--control-height);
}

.alr-own-text[b-lvtloxvwii] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.alr-trap[b-lvtloxvwii] { gap: 12px; }

.arc-pair-row.is-stopped .arc-pair-name[b-f4tuqud61t] { color: var(--text-tertiary); }

.arc-pair-title[b-f4tuqud61t] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arc-head-when[b-f4tuqud61t] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.arc-tabs[b-f4tuqud61t] {
    flex: 1 1 auto;
    min-height: 0;
}

.arc-kicker[b-f4tuqud61t] {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}


.arc-chart-wrap[b-f4tuqud61t] {
    flex: none;
    padding: 10px 16px 2px;
}

.arc-chart[b-f4tuqud61t] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 8px 14px 6px;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
}

.arc-chart-head[b-f4tuqud61t] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: var(--text-xs);
}

.arc-chart-hover[b-f4tuqud61t] {
    min-width: 0;
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arc-seg-small[b-f4tuqud61t] { padding: 2px; }
.arc-seg-small .lum-seg-btn[b-f4tuqud61t] { padding: 1px 8px; font-size: var(--text-xs); }

.arc-bars[b-f4tuqud61t] {
    display: block;
    width: 100%;
    height: 52px;
}

.arc-axis[b-f4tuqud61t] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    font-variant-numeric: tabular-nums;
}


.arc-hist-detail[b-f4tuqud61t] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 6px 4px 8px 28px;
}

.arc-hist-facts[b-f4tuqud61t] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.arc-hist-error[b-f4tuqud61t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.arc-hist-error-text[b-f4tuqud61t] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--font-code);
    font-size: var(--text-2xs);
    line-height: 1.6;
    white-space: pre-line;
    overflow-wrap: anywhere;
    color: var(--text-secondary);
}

.arc-hist-error[b-f4tuqud61t]  .arc-retry { flex: none; }

.arc-hist-chunks:empty[b-f4tuqud61t] { display: none; }

.arc-grid[b-f4tuqud61t]  .lum-grid-table tbody tr.arc-stopped { color: var(--text-tertiary); }
.arc-grid[b-f4tuqud61t]  .lum-grid-table tbody tr.arc-stopped .lum-cell-name { color: var(--text-tertiary); }

.arc-pick[b-f4tuqud61t] {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.arc-pick[b-f4tuqud61t]  .lum-check { gap: 0; }

.arc-cell[b-f4tuqud61t] {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arc-mono[b-f4tuqud61t] { font-family: var(--font-mono); }

.arc-linked[b-f4tuqud61t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    padding-left: 6px;
    vertical-align: middle;
}

.arc-linked[b-f4tuqud61t]  .arc-linked-mark { flex: none; color: var(--text-tertiary); }

.arc-dim[b-f4tuqud61t] { color: var(--text-tertiary); }
.arc-ink[b-f4tuqud61t] { color: var(--text-primary); }

.arc-num[b-f4tuqud61t] { font-variant-numeric: tabular-nums; }

.arc-status[b-f4tuqud61t] {
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}

.arc-row-bar[b-f4tuqud61t] {
    display: block;
    width: 140px;
    max-width: 100%;
}


.arc-detail[b-f4tuqud61t] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 10px 16px 14px 44px;
    background: var(--surface-inset);
}

.arc-detail-head[b-f4tuqud61t] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: var(--text-base);
}

.arc-detail-check[b-f4tuqud61t] { color: var(--text-secondary); }

.arc-detail-tally[b-f4tuqud61t] {
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.arc-link[b-f4tuqud61t] {
    padding: 0;
    border: none;
    background: none;
    color: var(--accent);
    font: inherit;
    cursor: pointer;
}

.arc-link:hover[b-f4tuqud61t] { text-decoration: underline; }


.arc-units[b-f4tuqud61t] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    overflow: hidden;
}

.arc-uhead[b-f4tuqud61t],
.arc-urow[b-f4tuqud61t] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) 150px minmax(0, 1fr) 100px 140px 60px;
    gap: 12px;
    align-items: center;
    padding: 0 14px;
    font-size: var(--text-sm);
}

.arc-uhead[b-f4tuqud61t] { height: 26px; }

.arc-urow[b-f4tuqud61t] {
    min-height: 34px;
    border-top: 1px solid var(--border-subtle);
    cursor: pointer;
}

.arc-urow:hover[b-f4tuqud61t] { background: var(--surface-hover); }


.arc-ustate[b-f4tuqud61t] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--text-secondary);
}

.arc-ustate-text[b-f4tuqud61t] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arc-ustate.done[b-f4tuqud61t] { color: var(--text-primary); }

.arc-uname[b-f4tuqud61t] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.arc-uname .arc-mono[b-f4tuqud61t] { flex: none; }

.arc-urange[b-f4tuqud61t] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--text-xs);
}

[b-f4tuqud61t] .arc-status-icon { flex: none; color: var(--text-tertiary); }
.arc-ustate.live[b-f4tuqud61t]  .arc-status-icon,
.arc-ustate.done[b-f4tuqud61t]  .arc-status-icon { color: var(--accent); }
.arc-ustate.warn[b-f4tuqud61t]  .arc-status-icon { color: var(--warn); }
.arc-ustate.live[b-f4tuqud61t] { color: var(--text-heading); }
.arc-ustate.warn[b-f4tuqud61t] { color: var(--warn); }

.arc-uprog[b-f4tuqud61t] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.arc-uprog .arc-row-bar[b-f4tuqud61t] { flex: none; width: 120px; }

.arc-uerr[b-f4tuqud61t] {
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arc-uerr.arc-unote[b-f4tuqud61t] { color: var(--warn); }

.arc-unit-note[b-f4tuqud61t],
.arc-chunk-note[b-f4tuqud61t] {
    margin: 0;
    padding: 8px 14px;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.arc-chunk[b-f4tuqud61t] {
    display: grid;
    grid-template-columns: 40px 80px 80px 64px 104px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 26px;
    padding: 0 14px 0 34px;
    font-size: var(--text-2xs);
}

.arc-chunk .warn[b-f4tuqud61t] { color: var(--warn); }

.arc-chunk-fold[b-f4tuqud61t] { min-height: 26px; padding-bottom: 4px; }
.arc-chunk-fold-line[b-f4tuqud61t] { grid-column: 2 / 7; }

.arc-umore[b-f4tuqud61t] { cursor: default; }
.arc-umore:hover[b-f4tuqud61t] { background: transparent; }
.arc-umore-line[b-f4tuqud61t] { grid-column: 1 / 7; }

.arc-units .r[b-f4tuqud61t] { text-align: right; }

.adb-body[b-kw3i5bmrui] {
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    min-height: 0;
    padding: 0 24px 16px;
    overflow: hidden;
}


.cmp-job[b-9d9elhu54w] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 9px;
    border-radius: var(--r-chip);
    font-size: var(--text-2xs);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    background: var(--surface-hover);
}

.cmp-job.live[b-9d9elhu54w] { color: var(--text-heading); background: var(--accent-soft); }
.cmp-job.warn[b-9d9elhu54w] { color: var(--status-warn); background: var(--status-warn-soft); }

.cmp-dot[b-9d9elhu54w] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex: none;
}

.cmp-dot.pulse[b-9d9elhu54w] { animation: lm-pulse 2s ease-in-out infinite; }

.cmp-job.live .cmp-dot[b-9d9elhu54w],
.cbr-seq.run .cmp-dot[b-9d9elhu54w] { color: var(--accent); }


.cmp-kpis[b-9d9elhu54w] {
    flex: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--border-subtle);
}

.cmp-kpi[b-9d9elhu54w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 12px 20px;
    border: none;
    border-right: 1px solid var(--border-subtle);
    background: transparent;
    text-align: left;
    font: inherit;
    color: var(--text-primary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.cmp-kpi:last-child[b-9d9elhu54w] { border-right: none; }
.cmp-kpi:hover[b-9d9elhu54w] { background: var(--surface-hover); }

.cmp-kpi-line[b-9d9elhu54w] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.cmp-kpi-value[b-9d9elhu54w] {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-size: clamp(20px, 1.6vw, 24px);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cmp-kpi.ok .cmp-kpi-value[b-9d9elhu54w] { color: var(--status-ok); }
.cmp-kpi.crit .cmp-kpi-value[b-9d9elhu54w] { color: var(--status-crit); }

.cmp-kpi-unit[b-9d9elhu54w] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}


.cmp-now[b-9d9elhu54w] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.cmp-now-db[b-9d9elhu54w] {
    flex: none;
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.cmp-now-ddl[b-9d9elhu54w] {
    min-width: 0;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.cmp-head-host[b-9d9elhu54w] {
    margin-left: 8px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: 0;
    color: var(--text-tertiary);
    white-space: nowrap;
}


.cmp-main[b-9d9elhu54w]  .lum-tabs-host {
    flex: 1 1 auto;
    min-height: 0;
}

.cmp-main[b-9d9elhu54w]  .lum-tabs-host > .lum-tab-panels > .lum-tab-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
}


.cmp-dbcell[b-9d9elhu54w] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.cmp-dbdot[b-9d9elhu54w] {
    flex: none;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--border-default);
}

.cmp-dbdot.ok[b-9d9elhu54w] { background: var(--status-ok); }
.cmp-dbdot.live[b-9d9elhu54w] { background: var(--accent-fill); animation: lm-pulse 2s ease-in-out infinite; }
.cmp-dbdot.warn[b-9d9elhu54w] { background: var(--status-warn); }

.cmp-now-cell[b-9d9elhu54w] {
    display: block;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
}

.cmp-now-cell.live[b-9d9elhu54w] { color: var(--text-heading); }
.cmp-now-cell.off[b-9d9elhu54w] { color: var(--text-quaternary); }

.cbr-seq[b-9d9elhu54w] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.cbr-seq.run[b-9d9elhu54w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--text-heading);
}

.cbr-lane-steps[b-9d9elhu54w] {
    padding: 0 0 2px 8px;
    border-left: 2px solid var(--accent-soft);
    min-width: 0;
}

@media (max-width: 1180px) {
    .cmp-kpis[b-9d9elhu54w] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cmp-kpi:nth-child(2)[b-9d9elhu54w] { border-right: none; }
    .cmp-kpi:nth-child(-n+2)[b-9d9elhu54w] { border-bottom: 1px solid var(--border-subtle); }
}

.cmp-held[b-9d9elhu54w] {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: var(--r-ctl);
    font-size: var(--text-2xs);
    font-weight: 600;
    background: var(--status-crit-soft);
    color: var(--status-crit);
    letter-spacing: 0.2px;
}

.cmp-main[b-9d9elhu54w]  .lum-grid-table tbody tr.cmp-obj-stopped,
.cmp-main[b-9d9elhu54w]  .lum-grid-table tbody tr.cmp-obj-stopped .lum-cell-name { color: var(--text-tertiary); }

.cmp-obj-pick[b-9d9elhu54w] { display: inline-flex; align-items: center; vertical-align: middle; }

.cdb[b-lug7dff341] {
    position: relative;
    width: min(1072px, 96vw);
    height: min(860px, calc(100vh - 48px));
    max-height: calc(100vh - 48px);
    overflow: hidden;
}

.cdb.is-new[b-lug7dff341] { height: auto; }

.cdb-head[b-lug7dff341] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px 12px;
    border-bottom: 1px solid var(--border-subtle);
}

.cdb.is-new .cdb-head[b-lug7dff341] { align-items: flex-start; }
.cdb.is-new .cdb-head-add[b-lug7dff341] { gap: 4px; }


.cdb-head-id[b-lug7dff341],
.cdb-head-add[b-lug7dff341] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cdb-head-add[b-lug7dff341] { gap: 6px; }

.cdb-head-name[b-lug7dff341] {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-size: var(--text-xl);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.cdb-head-sub[b-lug7dff341],
.cdb-head-kicker[b-lug7dff341] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.cdb-head-spacer[b-lug7dff341],
.cdb-foot-spacer[b-lug7dff341],
.cdb-list-spacer[b-lug7dff341] { flex: 1 1 auto; }

.cdb-master[b-lug7dff341] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 4px;
}

.cdb-master-text[b-lug7dff341] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    text-align: right;
}

.cdb-master-title[b-lug7dff341] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.cdb-master-hint[b-lug7dff341] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.cdb-body[b-lug7dff341] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

.cdb-nav[b-lug7dff341] {
    flex: none;
    width: 264px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 10px;
    border-right: 1px solid var(--border-subtle);
    background: var(--surface-base);
    overflow-y: auto;
}

.cdb-nav-item[b-lug7dff341] {
    display: grid;
    grid-template-columns: 8px 1fr;
    gap: 10px;
    align-items: start;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: var(--r-card);
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
    transition: background var(--transition-fast);
}

.cdb-nav-item:hover[b-lug7dff341] { background: var(--surface-hover); }
.cdb-nav-item.active[b-lug7dff341] { background: var(--surface-active); }
.cdb-nav-item:focus-visible[b-lug7dff341] { outline: 2px solid var(--accent); outline-offset: -2px; }

.cdb-nav-dot[b-lug7dff341] {
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background: var(--border-default);
}

.cdb-nav-dot.on[b-lug7dff341] { background: var(--accent-fill); }
.cdb-nav-dot.warn[b-lug7dff341] { background: var(--status-warn); }

.cdb-nav-text[b-lug7dff341] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cdb-nav-label[b-lug7dff341] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.cdb-nav-item.active .cdb-nav-label[b-lug7dff341] { color: var(--text-primary); }

.cdb-nav-sub[b-lug7dff341] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdb-nav-sub.warn[b-lug7dff341] { color: var(--status-warn); }

.cdb-pane[b-lug7dff341] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-y: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cdb-pane > *[b-lug7dff341] {
    flex: none;
    width: 100%;
    max-width: 780px;
}

.cdb-pane-head[b-lug7dff341] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.cdb-pane-title[b-lug7dff341] {
    margin: 0;
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-size: var(--text-lg);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.cdb-profile[b-lug7dff341] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
    padding: 8px 8px 8px 16px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-raised);
}

.cdb-profile-label[b-lug7dff341] {
    grid-row: 1;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.cdb-profile-row[b-lug7dff341],
.cdb-profile-status[b-lug7dff341],
.cdb-profile-name[b-lug7dff341] {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.cdb-profile-row[b-lug7dff341] { min-height: 34px; }
.cdb-profile-status[b-lug7dff341],
.cdb-profile-name[b-lug7dff341] { min-height: 32px; }

.cdb-profile[b-lug7dff341]  .cdb-profile-select {
    flex: 1 1 auto;
    min-width: 240px;
    max-width: 100%;
}

.cdb-profile-usage[b-lug7dff341] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdb-profile-edited[b-lug7dff341] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--status-warn);
    white-space: nowrap;
}

.cdb-profile-name[b-lug7dff341]  .cdb-profile-name-box {
    width: 320px;
    max-width: 100%;
}

.cdb-more .material-icons[b-lug7dff341] { font-size: 20px; }

.cdb-group[b-lug7dff341] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-raised);
    overflow: hidden;
}

.cdb-group-rows.lum-gated[b-lug7dff341] { gap: 0; }

.cdb-item[b-lug7dff341] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 48px;
    padding: 9px 16px;
}

.cdb-item + .cdb-item[b-lug7dff341]::before,
.cdb-item-head + .cdb-group-rows > .cdb-item:first-child[b-lug7dff341]::before,
.cdb-group-rows + .cdb-item[b-lug7dff341]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 0;
    height: 1px;
    background: var(--border-subtle);
}

.cdb-item-text[b-lug7dff341] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cdb-item-title[b-lug7dff341] {
    font-size: var(--text-base);
    color: var(--text-primary);
}

.cdb-item-head[b-lug7dff341] { min-height: 56px; }
.cdb-item-head .cdb-item-title[b-lug7dff341] { font-size: var(--text-md); font-weight: var(--weight-semibold); }

.cdb-item-sub[b-lug7dff341] {
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-tertiary);
}

.cdb-item-sub.warn[b-lug7dff341] { color: var(--status-warn); }

.cdb-item[b-lug7dff341]  .cdb-item-select { width: 280px; flex: none; }
.cdb-item[b-lug7dff341]  .cdb-item-select.wide { width: 360px; }
.cdb-item[b-lug7dff341]  .cdb-item-input { width: 360px; flex: none; }

.cdb-item-actions[b-lug7dff341] { justify-content: flex-end; gap: 8px; }

.cdb-unit[b-lug7dff341] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
}

.cdb-unit[b-lug7dff341]  .lum-numeric { width: 96px; }

.cdb-unit > span[b-lug7dff341] {
    min-width: 64px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.cdb-item .lum-seg[b-lug7dff341] { flex: none; }

.cdb-footnote[b-lug7dff341] {
    margin: -8px 0 0;
    padding: 0 16px;
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-tertiary);
}

.cdb-summary strong[b-lug7dff341] {
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.cdb-stack[b-lug7dff341] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cdb-list-head[b-lug7dff341] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 30px;
    padding: 0 4px 0 16px;
}

.cdb-list-title[b-lug7dff341] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.cdb-list-sub[b-lug7dff341] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.cdb-list-sub.warn[b-lug7dff341] { color: var(--status-warn); }

.cdb-add[b-lug7dff341] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px 5px 8px;
    border: 1px solid var(--border-default);
    border-radius: var(--r-ctl, 8px);
    background: transparent;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    cursor: pointer;
    transition: background var(--transition-fast), border-color var(--transition-fast);
}

.cdb-add:hover:not(:disabled)[b-lug7dff341] { background: var(--surface-hover); border-color: var(--border-strong, var(--border-default)); }

.cdb-add:disabled[b-lug7dff341] { opacity: .45; cursor: not-allowed; }

.cdb-draft[b-lug7dff341] { border-color: var(--accent); }

.cdb-optional[b-lug7dff341] {
    margin-left: 4px;
    font-size: var(--text-xs);
    color: var(--text-quaternary);
}

.cdb-preview[b-lug7dff341] { min-width: 240px; max-width: 340px; }

.cdb-preview-head[b-lug7dff341] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border-subtle);
}

.cdb-preview-name[b-lug7dff341] { font-weight: var(--weight-semibold); color: var(--text-primary); }
.cdb-preview-src[b-lug7dff341] { font-size: var(--text-2xs); color: var(--text-tertiary); }
.cdb-preview-empty[b-lug7dff341] { font-size: var(--text-xs); color: var(--text-tertiary); }

.cdb-preview-list[b-lug7dff341] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
    margin: 0;
}

.cdb-preview-list dt[b-lug7dff341] { font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }
.cdb-preview-list dd[b-lug7dff341] { margin: 0; font-size: var(--text-xs); color: var(--text-primary); }

.cdb-entries[b-lug7dff341] {
    display: flex;
    flex-direction: column;
}

.cdb-entry[b-lug7dff341] {
    position: relative;
    display: grid;
    gap: 14px;
    align-items: center;
    min-height: 48px;
    padding: 8px 12px 8px 16px;
}

.cdb-entry + .cdb-entry[b-lug7dff341]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 0;
    height: 1px;
    background: var(--border-subtle);
}

.cdb-ilm-row[b-lug7dff341] { grid-template-columns: minmax(0, 1fr) 56px 128px 92px; }
.cdb-ilm-row > .lum-badge[b-lug7dff341] { justify-self: start; }
.cdb-ilm-row.off[b-lug7dff341] { opacity: 0.5; }
.cdb-ilm-row.editing[b-lug7dff341] { background: var(--surface-active); }

.cdb-entry-text[b-lug7dff341] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cdb-entry-name[b-lug7dff341] {
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-size: var(--text-md);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdb-entry-sub[b-lug7dff341] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdb-entry-sub.warn[b-lug7dff341] { color: var(--status-warn); }

.cdb-entry-state[b-lug7dff341] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

.cdb-age[b-lug7dff341] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    text-align: right;
    color: var(--text-secondary);
}

.cdb-entry-actions[b-lug7dff341] {
    display: flex;
    gap: 2px;
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.cdb-entry:hover .cdb-entry-actions[b-lug7dff341],
.cdb-entry:focus-within .cdb-entry-actions[b-lug7dff341],
.cdb-entry.editing .cdb-entry-actions[b-lug7dff341] { opacity: 1; }

@media (hover: none) {
    .cdb-entry-actions[b-lug7dff341] { opacity: 1; }
}

.cdb-empty[b-lug7dff341] {
    padding: 22px 18px;
    font-size: var(--text-base);
    text-align: center;
    color: var(--text-tertiary);
}

.cdb-dot[b-lug7dff341] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-tertiary);
}

.cdb-dot.warn[b-lug7dff341] {
    width: 6px;
    height: 6px;
    background: var(--status-warn);
}

.cdb-foot[b-lug7dff341] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid var(--border-subtle);
    --control-height: 32px;
}

.cdb-license[b-lug7dff341] {
    min-width: 0;
    flex: 0 1 auto;
}
.cdb-license[b-lug7dff341]  .lum-check { align-items: flex-start; }
.cdb-license[b-lug7dff341]  .lum-check-box { margin-top: 1px; }

.cdb-changes[b-lug7dff341] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-right: 6px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

@media (max-width: 860px) {
    .cdb-nav[b-lug7dff341] { width: 180px; }
    .cdb-item[b-lug7dff341] { flex-wrap: wrap; }
    .cdb-item[b-lug7dff341]  .cdb-item-select,
    .cdb-item[b-lug7dff341]  .cdb-item-input { width: 100%; }
}

.cos[b-hdvrzgkg0w] {
    --control-height: 32px;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    max-height: min(680px, calc(100vh - 48px));
}

.cos-sub[b-hdvrzgkg0w] {
    display: block;
    font-family: var(--font-mono);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cos-body[b-hdvrzgkg0w] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 20px;
}

.cos-foot-line[b-hdvrzgkg0w] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.cob[b-hxj2c567s9] {
    --control-height: 32px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: min(760px, calc(100vh - 48px));
    min-height: 0;
}

.cob-sub[b-hxj2c567s9] { display: block; }

.cob-body[b-hxj2c567s9] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
}

.cob-body-form[b-hxj2c567s9] {
    gap: 0;
    overflow-y: auto;
}

.cob-tools[b-hxj2c567s9] {
    flex: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 8px;
}

.cob-tools[b-hxj2c567s9] { flex-wrap: nowrap; min-width: 0; }
.cob[b-hxj2c567s9]  .cob-schema { width: 220px; flex: none; }
.cob[b-hxj2c567s9]  .cob-find { flex: 1 1 200px; min-width: 120px; max-width: 260px; }
.cob-kinds[b-hxj2c567s9] { flex: none; flex-wrap: nowrap; }
.cob-tools .lum-dbp-shown[b-hxj2c567s9],
.cob-tools .lum-dbp-link[b-hxj2c567s9] { flex: none; white-space: nowrap; }

.cob-list[b-hxj2c567s9] {
    flex: 1 1 auto;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    background: var(--surface-card);
}

.cob-list[b-hxj2c567s9]  > .lum-grid { flex: 1 1 auto; min-height: 0; }

.cob-list[b-hxj2c567s9]  .lum-state { flex: 1 1 auto; justify-content: center; }

.cob-error[b-hxj2c567s9] { color: var(--critical-text); }

.cob-namecell[b-hxj2c567s9] {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}

.cob-name[b-hxj2c567s9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-mono);
    font-weight: var(--weight-medium);
    color: var(--text-heading);
}

.cob-listed[b-hxj2c567s9] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.cob-mono[b-hxj2c567s9] { font-family: var(--font-mono); }
.cob-dim[b-hxj2c567s9] { color: var(--text-tertiary); }
.cob-num[b-hxj2c567s9] { font-variant-numeric: tabular-nums; }

.cob-list[b-hxj2c567s9]  tr.cob-row-off .cob-name { color: var(--text-tertiary); }
.cob-list[b-hxj2c567s9]  tr.cob-row-off { cursor: default; }

.cob-foot-line[b-hxj2c567s9] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.cob-foot-line b[b-hxj2c567s9] {
    color: var(--text-heading);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
}

.cob-clear[b-hxj2c567s9] { margin-left: 8px; }

.cob-full[b-hxj2c567s9] { margin-left: 8px; }

.cpe[b-162yqdzm06] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cpe-group[b-162yqdzm06] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cpe-group-head[b-162yqdzm06] {
    padding: 0 4px;
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.cpe-passes[b-162yqdzm06] {
    display: flex;
    flex-direction: column;
    background: var(--surface-card);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
}

.cpe-pass[b-162yqdzm06],
.cpe-note[b-162yqdzm06] {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) 20px 96px;
}

.cpe-pass[b-162yqdzm06] {
    position: relative;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 7px 16px;
}

.cpe-pass + .cpe-pass[b-162yqdzm06]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 0;
    height: 1px;
    background: var(--border-subtle);
}

.cpe-pass-label[b-162yqdzm06] {
    font-size: var(--text-base);
    color: var(--text-primary);
}

.cpe-pass.off .cpe-pass-label[b-162yqdzm06] { color: var(--text-tertiary); }

.cpe-pass[b-162yqdzm06]  .cpe-pass-profile { width: 100%; min-width: 0; }

.cpe-pass-plain[b-162yqdzm06] {
    grid-column: span 2;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.cpe-pass-switch[b-162yqdzm06] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.cpe-pass-switch.mixed[b-162yqdzm06]  .lum-switch { opacity: 0.55; }

.cpe-mixed[b-162yqdzm06] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.cpe-note[b-162yqdzm06] {
    align-items: center;
    gap: 12px;
    padding: 0 16px;
}

.cpe-note-label[b-162yqdzm06] {
    font-size: var(--text-base);
    color: var(--text-primary);
}

.cpe-optional[b-162yqdzm06] {
    margin-left: 4px;
    font-size: var(--text-xs);
    color: var(--text-quaternary);
}

.cpe-note[b-162yqdzm06]  .cpe-note-box { grid-column: 2 / -1; width: 100%; }

.cpe-now-text[b-162yqdzm06] {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cpe-now-cap[b-162yqdzm06] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.cpe-now.off .cpe-now-cap[b-162yqdzm06] { color: var(--text-tertiary); }

.cpe-now-text .lum-field-error[b-162yqdzm06] { margin-top: 3px; }

.cpe-passes.is-bad[b-162yqdzm06] { border-color: var(--status-crit); }

.cpe-preview[b-162yqdzm06] { min-width: 240px; max-width: 340px; }

.cpe-preview-head[b-162yqdzm06] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border-subtle);
}

.cpe-preview-name[b-162yqdzm06] { font-weight: var(--weight-semibold); color: var(--text-primary); }
.cpe-preview-src[b-162yqdzm06] { font-size: var(--text-2xs); color: var(--text-tertiary); }
.cpe-preview-empty[b-162yqdzm06] { font-size: var(--text-xs); color: var(--text-tertiary); }

.cpe-preview-list[b-162yqdzm06] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
    margin: 0;
}

.cpe-preview-list dt[b-162yqdzm06] { font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }
.cpe-preview-list dd[b-162yqdzm06] { margin: 0; font-size: var(--text-xs); color: var(--text-primary); }

@media (max-width: 720px) {
    .cpe-pass[b-162yqdzm06], .cpe-note[b-162yqdzm06] { grid-template-columns: minmax(0, 1fr) auto; }
    .cpe-pass[b-162yqdzm06]  .cpe-pass-profile,
    .cpe-note[b-162yqdzm06]  .cpe-note-box,
    .cpe-now-text[b-162yqdzm06] { width: 100%; grid-column: 1 / -1; }
}

.rpt-page[b-e113jf3cc0] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    gap: 12px;
    padding: 12px 16px 14px;
    box-sizing: border-box;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-variant-numeric: tabular-nums;
}

.rpt-gap[b-e113jf3cc0] { flex: 1 1 auto; }

.rpt-list[b-e113jf3cc0] {
    width: clamp(300px, 17vw, 440px);
    flex: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 8px 8px;
    border-radius: var(--r-card);
    background: var(--surface-raised);
    overflow: hidden;
}

.rpt-list-head[b-e113jf3cc0] {
    height: 32px;
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
}

.rpt-list-title[b-e113jf3cc0] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.rpt-list-n[b-e113jf3cc0] { font-size: var(--text-sm); color: var(--text-tertiary); }

[b-e113jf3cc0] .rpt-find { flex: none; margin: 0 2px; }

.rpt-sections[b-e113jf3cc0] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 2px 4px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

.rpt-group[b-e113jf3cc0] { flex: none; display: flex; flex-direction: column; }

.rpt-section[b-e113jf3cc0] {
    flex: none;
    height: 24px;
    padding: 0 10px 5px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    font-size: var(--text-kicker);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.rpt-item[b-e113jf3cc0] {
    flex: none;
    height: 32px;
    border: 0;
    padding: 0 10px;
    border-radius: var(--r-block);
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.rpt-item:hover[b-e113jf3cc0] { background: var(--surface-hover); }
.rpt-item:focus-visible[b-e113jf3cc0] { outline: none; box-shadow: var(--focus-ring); }
.rpt-item.is-on .rpt-item-name[b-e113jf3cc0] { font-weight: var(--weight-semibold); }

.rpt-item-name[b-e113jf3cc0] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rpt-item[b-e113jf3cc0]  .info-tooltip-icon { flex: none; color: var(--text-quaternary); }
.rpt-item:hover[b-e113jf3cc0]  .info-tooltip-icon,
.rpt-item.is-on[b-e113jf3cc0]  .info-tooltip-icon { color: var(--text-secondary); }

.rpt-list-empty[b-e113jf3cc0] { padding: 10px; font-size: var(--text-sm); color: var(--text-quaternary); }

.rpt-work[b-e113jf3cc0] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rpt-head[b-e113jf3cc0] {
    position: relative;
    z-index: 12;
    flex: none;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 2px 4px 0 6px;
}

.rpt-title-row[b-e113jf3cc0] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.rpt-title[b-e113jf3cc0] {
    min-width: 0;
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.015em;
    line-height: 1.25;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rpt-sched svg[b-e113jf3cc0] { flex: none; color: var(--text-tertiary); }

.rpt-desc[b-e113jf3cc0] {
    max-width: 96ch;
    margin: 6px 0 0;
    font-size: var(--text-base);
    line-height: 1.45;
    color: var(--text-secondary);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.rpt-run-bar[b-e113jf3cc0] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 18px;
}

.rpt-field[b-e113jf3cc0] {
    flex: none;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.rpt-label[b-e113jf3cc0] {
    flex: none;
    line-height: var(--control-height);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.rpt-field.is-dbs[b-e113jf3cc0] { flex: 0 1 470px; }
.rpt-field.is-dbs[b-e113jf3cc0]  .lum-dbp { flex: 1 1 auto; min-width: 220px; }
[b-e113jf3cc0] .rpt-param-date { width: 200px; flex: none; }
[b-e113jf3cc0] .rpt-param-text { width: 180px; flex: none; }

[b-e113jf3cc0] .rpt-filter { width: 240px; flex: none; margin-left: 10px; }

[b-e113jf3cc0] .rpt-run.lum-btn { flex: none; height: var(--control-height); }
[b-e113jf3cc0] .rpt-tool.lum-btn { flex: none; width: 32px; height: 32px; min-width: 32px; padding: 0; justify-content: center; }
[b-e113jf3cc0] .rpt-tool.lum-btn .material-icons { font-size: 17px; }

.rpt-card[b-e113jf3cc0] {
    border-radius: var(--r-card);
    background: var(--surface-raised);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.rpt-result[b-e113jf3cc0] { flex: 1 1 auto; min-height: 0; }

.rpt-idle[b-e113jf3cc0] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.rpt-idle.is-quiet[b-e113jf3cc0] { gap: 10px; color: var(--text-quaternary); font-size: var(--text-base); }

.rpt-idle-head[b-e113jf3cc0] { font-size: var(--text-md); font-weight: var(--weight-medium); color: var(--text-tertiary); }
.rpt-idle-hint[b-e113jf3cc0] { margin-top: -4px; font-size: var(--text-sm); color: var(--text-quaternary); }

.rpt-running b[b-e113jf3cc0] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.rpt-bar[b-e113jf3cc0] {
    position: relative;
    width: 260px;
    height: 3px;
    border-radius: 2px;
    background: var(--surface-control);
    overflow: hidden;
}

.rpt-bar i[b-e113jf3cc0] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 34%;
    border-radius: 2px;
    background: var(--accent-fill);
    animation: rpt-slide-b-e113jf3cc0 1.6s ease-in-out infinite;
}

@keyframes rpt-slide-b-e113jf3cc0 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(300%); }
}

@media (prefers-reduced-motion: reduce) {
    .rpt-bar i[b-e113jf3cc0] { animation: none; left: 33%; }
}

.rpt-result-bar[b-e113jf3cc0] {
    height: 48px;
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 8px 0 16px;
}

.rpt-result-head[b-e113jf3cc0] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
    white-space: nowrap;
}

.rpt-result-sub[b-e113jf3cc0] { min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rpt-line[b-e113jf3cc0] {
    flex: none;
    height: 36px;
    margin: 0 10px 8px;
    box-sizing: border-box;
    padding: 0 12px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--text-base);
}

[data-theme="light"] .rpt-line[b-e113jf3cc0] { background: color-mix(in oklch, var(--surface-canvas) 70%, var(--surface-raised)); }

.rpt-glyph[b-e113jf3cc0] {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 1.5px;
    transform: rotate(45deg);
    background: var(--critical);
}

.rpt-line-n[b-e113jf3cc0] { flex: none; font-weight: var(--weight-semibold); color: var(--critical-text); }
.rpt-line-text[b-e113jf3cc0] { flex: 1 1 auto; min-width: 0; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rpt-result > .rpt-line:first-child[b-e113jf3cc0] { margin-top: 10px; }
.rpt-line.is-note[b-e113jf3cc0] { height: auto; min-height: 36px; padding: 9px 12px; align-items: flex-start; }
.rpt-line.is-note .rpt-glyph[b-e113jf3cc0] { margin-top: 6px; }
.rpt-line.is-note .rpt-line-text[b-e113jf3cc0] {
    white-space: normal;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rpt-chart[b-e113jf3cc0] {
    height: 214px;
    flex: none;
    display: flex;
    flex-direction: column;
    margin: 0 10px 6px;
    padding: 4px 6px 0;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}

.rpt-chart-bar[b-e113jf3cc0] {
    height: 28px;
    flex: none;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 8px;
}

.rpt-key[b-e113jf3cc0] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.rpt-key i[b-e113jf3cc0] { display: block; width: 14px; height: 2.5px; border-radius: 2px; }

.rpt-kind .lum-seg-btn[b-e113jf3cc0] { width: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }

.rpt-chart-plot[b-e113jf3cc0] { flex: 1 1 auto; min-height: 0; padding: 6px 0 4px; }

.rpt-grid[b-e113jf3cc0] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 10px 6px;
    display: flex;
    flex-direction: column;
}

[b-e113jf3cc0] .rpt-db-cell { font-weight: var(--weight-semibold); color: var(--text-heading); }

.rpt-grid[b-e113jf3cc0]  thead th:last-child .lum-grid-resize { display: none; }

.dash-page[b-050wy1l4ae] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 24px 16px;
    box-sizing: border-box;
    overflow: auto;
    font-variant-numeric: tabular-nums;
}

.dash-gap[b-050wy1l4ae] { flex: 1 1 auto; }

.dash-top[b-050wy1l4ae] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    min-height: 52px;
}

.dash-vitals[b-050wy1l4ae] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 8px 0;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
}

.dash-vitals > .dash-vital[b-050wy1l4ae] { padding: 0 22px; }
.dash-vitals > .dash-vital + .dash-vital[b-050wy1l4ae] { border-left: 1px solid var(--border-subtle); }

.dash-vital[b-050wy1l4ae] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    text-decoration: none;
    color: inherit;
}

button.dash-vital[b-050wy1l4ae], a.dash-vital[b-050wy1l4ae] { cursor: pointer; }

.dash-vital-label[b-050wy1l4ae] {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.dash-vital-value[b-050wy1l4ae] {
    display: flex;
    align-items: center;
    min-height: 24px;
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-semibold);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    white-space: nowrap;
    transition: color var(--transition-fast);
}

.dash-vital-value.warn[b-050wy1l4ae] { color: var(--status-warn); }
.dash-vital-value.crit[b-050wy1l4ae] { color: var(--status-crit); }
.dash-vital-none[b-050wy1l4ae] { color: var(--text-quaternary); }

.dash-down[b-050wy1l4ae] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    max-width: 680px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.dash-down-text[b-050wy1l4ae] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

button.dash-vital:hover .dash-vital-label[b-050wy1l4ae],
a.dash-vital:hover .dash-vital-label[b-050wy1l4ae] { color: var(--text-secondary); }

.dash-find[b-050wy1l4ae] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 4px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.dash-glyph[b-050wy1l4ae] {
    flex: none;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--text-tertiary);
}

.dash-glyph.is-crit[b-050wy1l4ae] {
    width: 8px;
    height: 8px;
    border-radius: 1.5px;
    transform: rotate(45deg);
    background: var(--status-crit);
}

.dash-glyph.is-warn[b-050wy1l4ae] {
    width: 10px;
    height: 9px;
    border-radius: 0;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--status-warn);
}

.dash-spans .lum-seg-btn[b-050wy1l4ae] { padding: 5px 12px; font-size: var(--text-sm); }

.dash-live-dot[b-050wy1l4ae] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-fill);
    animation: lm-pulse 2s ease-in-out infinite;
}

.dash-live-dot.is-off[b-050wy1l4ae] {
    background: currentColor;
    opacity: .35;
    animation: none;
}

.dash-custom[b-050wy1l4ae] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
}

.dash-custom-label[b-050wy1l4ae] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.dash-mid[b-050wy1l4ae] {
    flex: 1.1 1 0;
    min-height: 280px;
    display: flex;
    gap: 12px;
}

.dash-act[b-050wy1l4ae] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.dash-act:hover[b-050wy1l4ae] { z-index: 40; }

.dash-break[b-050wy1l4ae] {
    flex: 0 0 clamp(360px, 27%, 500px);
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dash-card-head[b-050wy1l4ae] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 42px;
    padding: 0 12px 0 16px;
}

.dash-card-head[b-050wy1l4ae]  .lum-seg-btn { padding: 5px 11px; font-size: var(--text-sm); }

.dash-card-title[b-050wy1l4ae] {
    margin: 0;
    font-family: var(--font-title);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.dash-chip[b-050wy1l4ae] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    min-width: 0;
    padding: 0 8px 0 10px;
    border: 0;
    border-radius: var(--radius-full);
    background: var(--accent-soft);
    color: var(--accent);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

.dash-chip[b-050wy1l4ae]  .owl-icon { flex: none; opacity: .75; }
.dash-chip:hover[b-050wy1l4ae]  .owl-icon { opacity: 1; }

.dash-when[b-050wy1l4ae] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.dash-mode[b-050wy1l4ae] {
    padding: 1px 7px;
    border-radius: var(--radius-sm);
    background: var(--surface-hover);
    color: var(--text-secondary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-medium);
}

.dash-chart-body[b-050wy1l4ae] {
    flex: 1 1 auto;
    min-height: 120px;
    position: relative;
    padding: 0 10px 0 8px;
}

.dash-strip[b-050wy1l4ae] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 12px;
}

.dash-strip-end[b-050wy1l4ae] {
    flex: none;
    min-width: 34px;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    white-space: nowrap;
}

.dash-strip-end:last-child[b-050wy1l4ae] { text-align: right; }

.dash-win-track[b-050wy1l4ae] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    border-radius: var(--radius-sm);
    background: var(--surface-inset);
    cursor: crosshair;
    overflow: hidden;
    user-select: none;
}

.dash-win-track:focus-visible[b-050wy1l4ae] { outline: 2px solid var(--accent); outline-offset: 2px; }

.dash-win-bars[b-050wy1l4ae] {
    position: absolute;
    inset: 0;
}

.dash-win-bars[b-050wy1l4ae]  .lumviz-host { pointer-events: none; }

.dash-win-empty[b-050wy1l4ae] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
}

.dash-win-sel[b-050wy1l4ae] {
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: 22px;
    box-sizing: border-box;
    border: 1.5px solid var(--accent-fill);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--accent-fill) 10%, transparent);
    cursor: grab;
}

.dash-win-sel:active[b-050wy1l4ae] { cursor: grabbing; }

.dash-win-edge[b-050wy1l4ae] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    cursor: ew-resize;
}

.dash-win-edge.l[b-050wy1l4ae] { left: -6px; }
.dash-win-edge.r[b-050wy1l4ae] { right: -6px; }
.dash-win-edge:hover[b-050wy1l4ae] { background: var(--accent-soft); }


.dash-break-body[b-050wy1l4ae] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 16px 10px;
}

.dash-break-empty[b-050wy1l4ae] { min-height: 90px; font-size: var(--text-xs); }


.dash-actors[b-050wy1l4ae] {
    flex: 1 1 0;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.dash-actors-tools[b-050wy1l4ae] {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 12px;
}

.dash-note[b-050wy1l4ae] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-sqlsearch[b-050wy1l4ae] {
    position: relative;
    flex: 0 1 420px;
    min-width: 260px;
    display: flex;
    align-items: center;
}

.dash-sqlsearch.is-open[b-050wy1l4ae] { z-index: 1352; }

.dash-sqlsearch-field[b-050wy1l4ae] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

.dash-sqlsearch[b-050wy1l4ae]  .lum-input-wrap,
.dash-sqlsearch[b-050wy1l4ae]  .lum-input { flex: 1 1 auto; min-width: 0; }

.dash-sqlsearch[b-050wy1l4ae]  .lum-input {
    background: var(--surface-card);
    border-color: var(--border-strong);
    padding-right: 76px;
}

.dash-sqlsearch-tools[b-050wy1l4ae] {
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}

.dash-sqlsearch-tools[b-050wy1l4ae]::before {
    content: "";
    width: 1px;
    height: 18px;
    margin-right: 4px;
    background: var(--border-strong);
}

.dash-sqlsearch-btn[b-050wy1l4ae] { height: 26px; }

.dash-sqlsearch-menu[b-050wy1l4ae] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.dash-sqlsearch-menu[b-050wy1l4ae]  .owl-icon { flex: none; color: var(--text-secondary); }
.dash-sqlsearch-menu .lum-sel[b-050wy1l4ae]  .owl-icon { color: inherit; }

.dash-grid[b-050wy1l4ae] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.dash-grid[b-050wy1l4ae]  .lum-grid-table tbody td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.dash-idline[b-050wy1l4ae] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
}

.dash-id[b-050wy1l4ae] {
    font-family: var(--font-code);
    font-size: var(--text-sm);
}

.dash-tag[b-050wy1l4ae] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.dash-tag.is-px[b-050wy1l4ae] { display: inline-flex; align-items: center; gap: 3px; }
.dash-tag.is-px[b-050wy1l4ae]  .owl-icon { --owl-accent: currentColor; opacity: .85; }
.dash-tag.is-warn[b-050wy1l4ae] { color: var(--status-warn); }
.dash-tag.is-crit[b-050wy1l4ae] { color: var(--status-crit); }

.dash-sqltext[b-050wy1l4ae] {
    display: block;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-sqltext-pending[b-050wy1l4ae] {
    font-family: inherit;
    font-style: italic;
    color: var(--text-quaternary);
}

.dash-cell-dim[b-050wy1l4ae] {
    display: block;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-cell-line[b-050wy1l4ae] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.dash-cell-ev[b-050wy1l4ae] {
    flex: 0 100 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-cell-sep[b-050wy1l4ae] { flex: none; color: var(--text-quaternary); }

.dash-cell-sql[b-050wy1l4ae] { flex: none; font-size: var(--text-xs); }

.dash-activity-cell[b-050wy1l4ae] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.dash-activity-track[b-050wy1l4ae] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

.dash-activity-track[b-050wy1l4ae]  .lum-bar {
    height: 8px;
    background: var(--surface-control);
}

.dash-activity-pct[b-050wy1l4ae] {
    flex: 0 0 44px;
    text-align: right;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.dash-board-head[b-050wy1l4ae] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.dash-board-title[b-050wy1l4ae] {
    margin: 0;
    font-family: var(--font-title);
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.dash-board-head .lum-seg[b-050wy1l4ae] { align-self: flex-start; }

.dash-seg-n[b-050wy1l4ae] {
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.dash-board-kind[b-050wy1l4ae] {
    min-height: 22px;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.dash-board-kind-n[b-050wy1l4ae] {
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.dash-board-row[b-050wy1l4ae] {
    width: 100%;
    min-height: 40px;
    padding: 9px 0;
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: start;
    column-gap: 12px;
    border: 0;
    border-bottom: 1px solid var(--border-subtle);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    line-height: 1.4;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.dash-board-row:hover[b-050wy1l4ae] { background: var(--surface-hover); }
.dash-board-row .dash-glyph[b-050wy1l4ae] { justify-self: center; margin-top: 5px; }

.dash-board-main[b-050wy1l4ae] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dash-board-headline[b-050wy1l4ae] {
    font-weight: var(--weight-medium);
    color: var(--text-heading);
    overflow-wrap: anywhere;
}

.dash-board-text[b-050wy1l4ae] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

.dash-board-row.is-info .dash-board-headline[b-050wy1l4ae] {
    font-weight: var(--weight-regular);
    color: var(--text-secondary);
}

.dash-board-row.is-info .dash-board-text[b-050wy1l4ae] { color: var(--text-tertiary); }

.dash-board-when[b-050wy1l4ae] {
    padding-top: 1px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.dash-board-foot[b-050wy1l4ae] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.dash-board-foot span[b-050wy1l4ae] { flex: 1 1 auto; }

.dash-board-foot a[b-050wy1l4ae] {
    font-weight: var(--weight-medium);
    color: var(--accent);
    text-decoration: none;
}

.dash-board-foot a:hover[b-050wy1l4ae] { text-decoration: underline; }

@media (max-width: 1100px) {
    .dash-mid[b-050wy1l4ae] { flex-direction: column; flex: none; }
    .dash-act[b-050wy1l4ae] { min-height: 300px; }
    .dash-break[b-050wy1l4ae] { flex: none; height: 260px; }
    .dash-actors[b-050wy1l4ae] { flex: none; height: 360px; }
}


.atl-empty-fleet[b-unubd1zcdc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 56px 24px;
    color: var(--text-tertiary);
}

.atl-empty-fleet[b-unubd1zcdc]  .owl-icon {
    color: var(--text-tertiary);
    opacity: 0.55;
}

.atl-empty-title[b-unubd1zcdc] {
    font-size: var(--text-title3);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.atl-empty-text[b-unubd1zcdc] {
    margin: 0 0 6px 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-align: center;
    max-width: 420px;
}

.ipl-page[b-frmhxh63oq] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px 14px;
    box-sizing: border-box;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
}

.ipl-gap[b-frmhxh63oq] { flex: 1 1 auto; }

.ipl-top[b-frmhxh63oq] {
    flex: none;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 4px;
}

.ipl-title[b-frmhxh63oq] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    color: var(--text-heading);
}

.ipl-sub[b-frmhxh63oq] {
    min-width: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ipl-pop[b-frmhxh63oq] { position: relative; flex: none; }

.ipl-pick[b-frmhxh63oq] {
    height: 32px;
    padding: 0 10px 0 12px;
    border: 0;
    border-radius: var(--r-block);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.ipl-pick:hover[b-frmhxh63oq] { background: var(--surface-hover); }
.ipl-pick[aria-expanded="true"][b-frmhxh63oq] { box-shadow: 0 0 0 1px var(--border-strong); }

.ipl-menu[b-frmhxh63oq] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: max-content;
    min-width: 200px;
    max-height: 420px;
    overflow-y: auto;
}

.ipl-menu .lum-ctx-item.is-on[b-frmhxh63oq] { font-weight: var(--weight-semibold); color: var(--text-heading); }

.ipl-menu-head[b-frmhxh63oq] {
    padding: 8px 10px 4px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
}

.ipl-body[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 14px;
}

.ipl-card[b-frmhxh63oq] {
    border-radius: var(--r-card);
    background: var(--surface-raised);
    outline: none;
}

.ipl-rail[b-frmhxh63oq] {
    width: 288px;
    flex: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 10px 8px 8px;
    overflow: hidden;
}

.ipl-search-row[b-frmhxh63oq] {
    flex: none;
    height: 36px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.ipl-search[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-width: 0;
    height: 36px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px 0 12px;
    border-radius: var(--r-card);
    background: var(--surface-control);
    color: var(--text-tertiary);
}

.ipl-search:focus-within[b-frmhxh63oq] { box-shadow: var(--focus-ring); }

.ipl-search input[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    color: var(--text-heading);
}

.ipl-search input[b-frmhxh63oq]::placeholder { color: var(--text-tertiary); }

.ipl-clear[b-frmhxh63oq] {
    flex: none;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--text-quaternary);
    color: var(--surface-control);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

[b-frmhxh63oq] .ipl-add { flex: none; width: 36px; height: 36px; border-radius: var(--r-card); }

.ipl-missing[b-frmhxh63oq],
.ipl-row[b-frmhxh63oq] {
    flex: none;
    height: 30px;
    border: 0;
    padding: 0 10px;
    border-radius: var(--r-block);
    background: transparent;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.ipl-missing:hover[b-frmhxh63oq],
.ipl-row:hover[b-frmhxh63oq] { background: var(--surface-hover); }

.ipl-missing-name[b-frmhxh63oq] { flex: 1 1 auto; color: var(--text-secondary); }
.ipl-missing-n[b-frmhxh63oq] { font-size: var(--text-xs); color: var(--text-tertiary); }

.ipl-rule[b-frmhxh63oq] {
    flex: none;
    display: block;
    height: 1px;
    margin: 4px 10px 2px;
    background: var(--border-subtle);
}

.ipl-found[b-frmhxh63oq],
.ipl-mode[b-frmhxh63oq] {
    flex: none;
    height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 4px 0 10px;
}

.ipl-mode[b-frmhxh63oq] { padding-left: 2px; }

.ipl-found-n[b-frmhxh63oq],
.ipl-mode-name[b-frmhxh63oq] {
    flex: 1 1 auto;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
}

.ipl-mode-name[b-frmhxh63oq] { font-size: var(--text-sm); color: var(--text-secondary); }
.ipl-mode-n[b-frmhxh63oq] { font-size: var(--text-xs); color: var(--text-tertiary); }

.ipl-selall[b-frmhxh63oq],
.ipl-back[b-frmhxh63oq] {
    flex: none;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ipl-selall:hover[b-frmhxh63oq],
.ipl-back:hover[b-frmhxh63oq] { background: var(--surface-hover); color: var(--text-primary); }

.ipl-list[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    scrollbar-width: thin;
}

.ipl-letter[b-frmhxh63oq] {
    flex: none;
    height: 26px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    padding: 0 10px 4px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
}

.ipl-row[b-frmhxh63oq] {
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 30px;
}

.ipl-row.is-off[b-frmhxh63oq] { color: var(--text-quaternary); }

.ipl-row.is-on[b-frmhxh63oq] {
    background: var(--surface-control);
    color: var(--text-heading);
    font-weight: var(--weight-semibold);
}

.ipl-row.is-on + .ipl-row.is-on[b-frmhxh63oq] { border-top-left-radius: 0; border-top-right-radius: 0; }
.ipl-row.is-on:has(+ .ipl-row.is-on)[b-frmhxh63oq] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.ipl-none[b-frmhxh63oq] {
    padding: 14px 10px;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.ipl-main[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 16px 22px 16px;
    overflow: hidden;
}

.ipl-head[b-frmhxh63oq] {
    flex: none;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.ipl-name[b-frmhxh63oq] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-heading);
}

.ipl-line[b-frmhxh63oq] {
    min-width: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ipl-round[b-frmhxh63oq] {
    flex: none;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.ipl-round:hover[b-frmhxh63oq] { background: var(--surface-hover); color: var(--text-primary); }
.ipl-round .material-icons[b-frmhxh63oq] { font-size: 16px; }

.ipl-icon[b-frmhxh63oq] {
    flex: none;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--text-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ipl-icon:hover[b-frmhxh63oq] { background: var(--surface-hover); color: var(--text-primary); }
.ipl-icon .material-icons[b-frmhxh63oq] { font-size: 15px; }

.ipl-round.is-done[b-frmhxh63oq],
.ipl-icon.is-done[b-frmhxh63oq],
.ipl-field.is-done .material-icons[b-frmhxh63oq],
.ipl-conn.is-done .ipl-icon[b-frmhxh63oq] { color: var(--accent-text); }

.ipl-seg[b-frmhxh63oq] { flex: none; flex-wrap: nowrap; }
.ipl-seg .lum-seg-btn[b-frmhxh63oq] { padding: 5px 12px; font-size: var(--text-sm); white-space: nowrap; }

.ipl-connect[b-frmhxh63oq] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.ipl-well[b-frmhxh63oq] {
    border-radius: var(--r-card);
    background: var(--surface-ground);
}

.ipl-conn[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-width: 0;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 6px 0 14px;
    transition: background var(--transition-fast);
}

.ipl-conn.is-done[b-frmhxh63oq] { background: var(--accent-tint); }

.ipl-conn-text[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--font-mono);
    font-size: var(--text-base);
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: all;
}

.ipl-fields[b-frmhxh63oq] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 34px;
    margin-top: 14px;
    padding: 0 2px;
}

.ipl-field[b-frmhxh63oq] {
    border: 0;
    padding: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-ui);
    cursor: pointer;
}

span.ipl-field[b-frmhxh63oq] { cursor: default; }
.ipl-field-l[b-frmhxh63oq] { font-size: var(--text-xs); color: var(--text-tertiary); }
.ipl-field-v[b-frmhxh63oq] { font-family: var(--font-mono); font-size: var(--text-base); font-weight: var(--weight-semibold); color: var(--text-heading); }
.ipl-field .material-icons[b-frmhxh63oq] { font-size: 13px; color: var(--text-quaternary); }
.ipl-field:hover .material-icons[b-frmhxh63oq] { color: var(--text-secondary); }

.ipl-rule-wide[b-frmhxh63oq] { margin: 16px 0; }

.ipl-tiles[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 560px);
    align-content: start;
    gap: 12px 14px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.ipl-tiles.is-two[b-frmhxh63oq] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

.ipl-tile[b-frmhxh63oq] {
    display: flex;
    flex-direction: column;
    padding: 2px 4px 4px;
    border-radius: var(--r-card);
    background: var(--surface-ground);
}

.ipl-tile-head[b-frmhxh63oq] {
    height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 4px 0 10px;
}

.ipl-tile-name[b-frmhxh63oq] { font-size: var(--text-base); font-weight: var(--weight-semibold); color: var(--text-heading); }
.ipl-tile-n[b-frmhxh63oq] { font-size: var(--text-xs); color: var(--text-tertiary); }

.ipl-addr[b-frmhxh63oq] {
    height: 32px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 4px 0 10px;
    border-radius: var(--r-block);
    box-shadow: inset 0 1px 0 var(--border-subtle);
}

.ipl-addr:hover[b-frmhxh63oq] { background: color-mix(in srgb, var(--text-primary) 5%, transparent); }

.ipl-ip[b-frmhxh63oq],
.ipl-dns[b-frmhxh63oq] {
    border: 0;
    padding: 0;
    background: transparent;
    font-family: var(--font-mono);
    text-align: left;
    white-space: nowrap;
    cursor: copy;
}

.ipl-ip[b-frmhxh63oq] {
    flex: none;
    width: 128px;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.ipl-dns[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
}

.ipl-ip:hover[b-frmhxh63oq],
.ipl-dns:hover[b-frmhxh63oq] { color: var(--text-heading); text-decoration: underline; text-decoration-color: var(--border-strong); text-underline-offset: 3px; }

.ipl-dns.is-empty[b-frmhxh63oq] { color: var(--text-quaternary); cursor: default; }

.ipl-match[b-frmhxh63oq] { font-weight: var(--weight-semibold); color: var(--text-heading); }

.ipl-extra[b-frmhxh63oq] {
    flex: none;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.ipl-link[b-frmhxh63oq] {
    flex: none;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: var(--r-block);
    background: var(--surface-control);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    visibility: hidden;
}

.ipl-link .material-icons[b-frmhxh63oq] { font-size: 14px; }
.ipl-addr:hover .ipl-link[b-frmhxh63oq],
.ipl-link:focus-visible[b-frmhxh63oq] { visibility: visible; }

.ipl-none-card[b-frmhxh63oq] { padding: 22px 2px; }

.ipl-multi[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 14px;
    padding: 4px 14px 8px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.ipl-table[b-frmhxh63oq] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ipl-table th[b-frmhxh63oq] {
    position: sticky;
    top: 0;
    height: 32px;
    padding: 0 16px 0 0;
    background: var(--surface-ground);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: .01em;
    color: var(--text-secondary);
    text-align: left;
    white-space: nowrap;
}

.ipl-table .ipl-w-db[b-frmhxh63oq] { width: 18%; }
.ipl-table .ipl-w-kind[b-frmhxh63oq] { width: 70px; }
.ipl-table .ipl-w-ip[b-frmhxh63oq] { width: 120px; }
.ipl-table .ipl-w-port[b-frmhxh63oq] { width: 56px; }
.ipl-table .ipl-w-svc[b-frmhxh63oq] { width: 24%; }

.ipl-table td[b-frmhxh63oq] {
    height: 28px;
    padding: 0 16px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ipl-table tr.ipl-first td[b-frmhxh63oq] { box-shadow: inset 0 1px 0 var(--border-strong); }
.ipl-db[b-frmhxh63oq] { font-weight: var(--weight-semibold); color: var(--text-heading); }
.ipl-kind[b-frmhxh63oq],
.ipl-svc[b-frmhxh63oq],
.ipl-dns-cell[b-frmhxh63oq] { color: var(--text-secondary); }
.ipl-ip-cell[b-frmhxh63oq] { font-family: var(--font-mono); color: var(--text-primary); }


.ipl-ips[b-frmhxh63oq] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 16px;
    padding-top: 8px;
}

.ipl-ips span[b-frmhxh63oq] {
    height: 28px;
    display: flex;
    align-items: center;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ipl-conn-line[b-frmhxh63oq] {
    height: 32px;
    display: grid;
    grid-template-columns: minmax(150px, 18%) minmax(0, 1fr);
    column-gap: 16px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.ipl-conn-line .ipl-db[b-frmhxh63oq] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ipl-mono[b-frmhxh63oq] {
    font-family: var(--font-mono);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-frmhxh63oq] .ipl-done { flex: none; }

.ipl-edit[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.ipl-edit-grid[b-frmhxh63oq] {
    display: grid;
    grid-template-columns: 30px 120px 170px 84px minmax(160px, 2fr) minmax(0, 3fr);
    column-gap: 10px;
    align-items: center;
    padding: 0 6px;
}

.ipl-edit-head[b-frmhxh63oq] {
    flex: none;
    height: 26px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: .01em;
    color: var(--text-secondary);
}

.ipl-edit-rows[b-frmhxh63oq] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    scrollbar-width: thin;
}

.ipl-edit-row[b-frmhxh63oq] {
    flex: none;
    min-height: 40px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}

.ipl-edit-row[b-frmhxh63oq]  .lum-input-wrap,
.ipl-edit-row[b-frmhxh63oq]  .lum-select { min-width: 0; }

.ipl-minus[b-frmhxh63oq] {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ipl-minus:hover[b-frmhxh63oq] { color: var(--text-primary); }
.ipl-minus .material-icons[b-frmhxh63oq] { font-size: 18px; }

.ipl-paste[b-frmhxh63oq] {
    flex: none;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding: 4px 0 6px;
    border-radius: var(--r-card);
    background: var(--accent-tint);
}

.ipl-paste-head[b-frmhxh63oq] {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 8px 0 14px;
}

.ipl-paste-head .material-icons[b-frmhxh63oq] { font-size: 16px; color: var(--accent-text); }
.ipl-paste-name[b-frmhxh63oq] { font-size: var(--text-base); font-weight: var(--weight-semibold); color: var(--text-heading); }
.ipl-paste-n[b-frmhxh63oq] { font-size: var(--text-xs); color: var(--text-tertiary); }

.ipl-paste-row[b-frmhxh63oq] { height: 38px; }

.ipl-cell[b-frmhxh63oq] {
    height: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: var(--r-block);
    background: var(--surface-raised);
    font-size: var(--text-sm);
    color: var(--text-heading);
    min-width: 0;
}

.ipl-cell.is-empty[b-frmhxh63oq] { color: var(--text-quaternary); }

.ipl-addrow[b-frmhxh63oq] {
    flex: none;
    align-self: flex-start;
    height: 38px;
    margin-top: 6px;
    padding: 0 12px 0 9px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--accent-text);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.ipl-addrow:hover[b-frmhxh63oq] { background: var(--surface-hover); }
.ipl-addrow .material-icons[b-frmhxh63oq] { font-size: 18px; }

.ipl-toast[b-frmhxh63oq] {
    position: absolute;
    z-index: 30;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
    max-width: 620px;
    height: 38px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px 0 13px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    box-shadow: var(--shadow-pop), 0 0 0 1px var(--border-strong);
    pointer-events: none;
}

.ipl-toast .material-icons[b-frmhxh63oq] { flex: none; font-size: 16px; color: var(--accent-text); }
.ipl-toast-head[b-frmhxh63oq] { flex: none; font-size: var(--text-base); font-weight: var(--weight-semibold); color: var(--text-heading); }

.ipl-toast-text[b-frmhxh63oq] {
    min-width: 0;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-page[b-vrb4lwb5ab] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 24px 16px;
    box-sizing: border-box;
    overflow: auto;
    font-variant-numeric: tabular-nums;
}

.exa-gap[b-vrb4lwb5ab] { flex: 1 1 auto; }
.exa-muted[b-vrb4lwb5ab] { color: var(--text-quaternary); }

.exa-page[b-vrb4lwb5ab]  .exa-tabs {
    flex: 1 1 auto;
    min-height: 0;
}

.exa-page[b-vrb4lwb5ab]  .lum-tab-panels,
.exa-page[b-vrb4lwb5ab]  .lum-tab-panel {
    min-height: 0;
}

.exa-page[b-vrb4lwb5ab]  .lum-tabs-toolbar {
    flex-shrink: 1;
    min-width: 0;
    gap: 10px;
}

.exa-hint[b-vrb4lwb5ab] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-hint.is-failed[b-vrb4lwb5ab] { color: var(--status-crit); }

.exa-stamp[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: 6px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.exa-stamp.is-failed[b-vrb4lwb5ab] { color: var(--status-crit); }
.exa-stamp-sep[b-vrb4lwb5ab] { color: var(--text-quaternary); }

.exa-pulse[b-vrb4lwb5ab] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-quaternary);
    flex: none;
}

.exa-pulse.on[b-vrb4lwb5ab] {
    background: var(--accent-fill);
    animation: lm-pulse 2s ease-in-out infinite;
}


.exa-spans[b-vrb4lwb5ab],
.exa-sevs[b-vrb4lwb5ab] { flex: none; flex-wrap: nowrap; }

.exa-spans .lum-seg-btn[b-vrb4lwb5ab],
.exa-sevs .lum-seg-btn[b-vrb4lwb5ab] { padding: 5px 12px; font-size: var(--text-sm); }

.exa-seg-n[b-vrb4lwb5ab] {
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.exa-live-dot[b-vrb4lwb5ab] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-fill);
    animation: lm-pulse 2s ease-in-out infinite;
}

.exa-live-dot.is-off[b-vrb4lwb5ab] { background: currentColor; opacity: .35; animation: none; }

.exa-chip[b-vrb4lwb5ab] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 8px 0 10px;
    border: 0;
    border-radius: var(--radius-full);
    background: var(--accent-soft);
    color: var(--accent);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
    .exa-pulse.on[b-vrb4lwb5ab], .exa-live-dot[b-vrb4lwb5ab] { animation: none; }
}

.exa-glyph[b-vrb4lwb5ab] {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--text-tertiary);
}

.exa-glyph.is-ok[b-vrb4lwb5ab] { background: var(--accent-fill); }

.exa-glyph.is-warn[b-vrb4lwb5ab] {
    width: 10px;
    height: 9px;
    border-radius: 0;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--status-warn);
}

.exa-glyph.is-crit[b-vrb4lwb5ab] {
    width: 8px;
    height: 8px;
    border-radius: 1.5px;
    transform: rotate(45deg);
    background: var(--status-crit);
}

.exa-glyph.is-unk[b-vrb4lwb5ab] { background: transparent; box-shadow: inset 0 0 0 1px var(--text-quaternary); }

.exa-overview[b-vrb4lwb5ab] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
    box-sizing: border-box;
}

.exa-empty[b-vrb4lwb5ab] { flex: 0 0 auto; }

.exa-top[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.exa-vitals[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    align-items: stretch;
    padding: 10px 0;
}

.exa-vital[b-vrb4lwb5ab] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 0 22px;
}

.exa-vital + .exa-vital[b-vrb4lwb5ab] { border-left: 1px solid var(--border-subtle); }

.exa-vital-label[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.exa-vital-line[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 24px;
}

.exa-vital-value[b-vrb4lwb5ab] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-semibold);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    white-space: nowrap;
}

.exa-vital-value small[b-vrb4lwb5ab] {
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    letter-spacing: 0;
    color: var(--text-secondary);
}

.exa-vital.warn .exa-vital-value[b-vrb4lwb5ab] { color: var(--status-warn); }
.exa-vital.crit .exa-vital-value[b-vrb4lwb5ab] { color: var(--status-crit); }

.exa-vital-note[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.exa-spark[b-vrb4lwb5ab] {
    display: block;
    width: 84px;
    height: 22px;
}

.exa-dgs[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    align-content: center;
    gap: 10px 22px;
    padding: 10px 18px;
}

.exa-dg[b-vrb4lwb5ab] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.exa-dg-line[b-vrb4lwb5ab] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    font-size: var(--text-xs);
    white-space: nowrap;
}

.exa-dg-name[b-vrb4lwb5ab] {
    flex: none;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.exa-dg-red[b-vrb4lwb5ab] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-quaternary);
}

.exa-dg-off[b-vrb4lwb5ab] { flex: none; color: var(--status-crit); }

.exa-dg-pct[b-vrb4lwb5ab] {
    flex: none;
    margin-left: auto;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.exa-dg.warn .exa-dg-pct[b-vrb4lwb5ab] { color: var(--status-warn); }
.exa-dg.crit .exa-dg-pct[b-vrb4lwb5ab] { color: var(--status-crit); }

.exa-main[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.exa-rack[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 6px 10px 0;
    --exa-rack-cols: minmax(200px, 1.2fr) 168px 88px minmax(76px, 1fr) minmax(76px, 1fr) minmax(76px, 1fr) 144px 50px 40px;
}

.exa-cols[b-vrb4lwb5ab],
.exa-row[b-vrb4lwb5ab] {
    display: grid;
    grid-template-columns: var(--exa-rack-cols);
    column-gap: 14px;
    align-items: center;
    padding: 0 12px;
}

.exa-cols[b-vrb4lwb5ab] {
    flex: none;
    height: 30px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.exa-cols span[b-vrb4lwb5ab] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exa-cols .is-num[b-vrb4lwb5ab] { text-align: right; }

.exa-rows[b-vrb4lwb5ab] {
    flex: 0 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.exa-row[b-vrb4lwb5ab] {
    flex: 0 1 62px;
    min-height: 42px;
    border-radius: var(--r-block);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.exa-row:hover[b-vrb4lwb5ab],
.exa-row.is-open[b-vrb4lwb5ab] { background: var(--surface-hover); }
.exa-row:focus-visible[b-vrb4lwb5ab] { outline: 2px solid var(--accent); outline-offset: -2px; }

.exa-c-name[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.exa-gl[b-vrb4lwb5ab] {
    flex: none;
    width: 12px;
    display: flex;
    justify-content: center;
}

.exa-ident[b-vrb4lwb5ab] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.exa-name-line[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.exa-name[b-vrb4lwb5ab] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exa-flag[b-vrb4lwb5ab] {
    flex: none;
    font-size: var(--text-2xs);
    color: var(--status-warn);
}

.exa-cap[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-row.is-offline .exa-name[b-vrb4lwb5ab] { color: var(--status-crit); }

.exa-row.is-offline > :not(.exa-c-name):not(.exa-c-open)[b-vrb4lwb5ab] { opacity: 0.45; }

.exa-slots[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    gap: 3px;
    min-width: 0;
    overflow: hidden;
}

.exa-slot[b-vrb4lwb5ab] {
    position: relative;
    flex: none;
    display: block;
    border-radius: 3px;
    background: var(--surface-control);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
}

.exa-slots.is-hdd .exa-slot[b-vrb4lwb5ab] { width: 11px; height: 26px; }
.exa-slots.is-flash .exa-slot[b-vrb4lwb5ab] { width: 19px; height: 12px; }

.exa-slots.is-hdd .exa-slot[b-vrb4lwb5ab]::after {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 4px;
    height: 2px;
    border-radius: 1px;
    background: var(--text-quaternary);
}

.exa-slot:hover[b-vrb4lwb5ab] { box-shadow: inset 0 0 0 1px var(--border-selected); }

.exa-slot.unk[b-vrb4lwb5ab] { background: transparent; box-shadow: inset 0 0 0 1px var(--border-subtle); }

.exa-slot.warn[b-vrb4lwb5ab] { background: var(--status-warn-soft); box-shadow: inset 0 0 0 1px var(--status-warn); }
.exa-slot.warn[b-vrb4lwb5ab]::after { background: var(--status-warn) !important; }
.exa-slot.crit[b-vrb4lwb5ab] { background: var(--status-crit-soft); box-shadow: inset 0 0 0 1px var(--status-crit); }
.exa-slot.crit[b-vrb4lwb5ab]::after { background: var(--status-crit) !important; }

.exa-meter[b-vrb4lwb5ab] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.exa-meter b[b-vrb4lwb5ab] {
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    color: var(--text-secondary);
    text-align: right;
    white-space: nowrap;
}

.exa-meter b.warn[b-vrb4lwb5ab] { color: var(--status-warn); }
.exa-meter b.crit[b-vrb4lwb5ab] { color: var(--status-crit); }
.exa-meter.is-empty b[b-vrb4lwb5ab] { color: var(--text-quaternary); }
.exa-meter.is-empty .exa-muted[b-vrb4lwb5ab] { grid-column: 1 / -1; font-size: var(--text-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.exa-io[b-vrb4lwb5ab] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-io-sep[b-vrb4lwb5ab] { color: var(--text-quaternary); }
.exa-io.is-empty[b-vrb4lwb5ab] { color: var(--text-quaternary); }

.exa-env[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    font-size: var(--text-sm);
    white-space: nowrap;
}

.exa-temp[b-vrb4lwb5ab] { color: var(--text-secondary); }
.exa-temp.warn[b-vrb4lwb5ab] { color: var(--status-warn); }
.exa-temp.crit[b-vrb4lwb5ab] { color: var(--status-crit); }
.exa-temp.unk[b-vrb4lwb5ab] { color: var(--text-quaternary); }

.exa-c-open[b-vrb4lwb5ab] { display: flex; justify-content: flex-end; }

.exa-count[b-vrb4lwb5ab] {
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    border: 0;
    border-radius: var(--radius-full);
    background: var(--surface-hover);
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    cursor: pointer;
}

.exa-count.warn[b-vrb4lwb5ab] { background: var(--status-warn-soft); color: var(--status-warn); }
.exa-count.crit[b-vrb4lwb5ab] { background: var(--status-crit-soft); color: var(--status-crit); }

.exa-rack-foot[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 34px;
    padding: 0 12px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.exa-key[b-vrb4lwb5ab] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.exa-key .exa-slot[b-vrb4lwb5ab] { width: 8px; height: 14px; }

.exa-quiet[b-vrb4lwb5ab] { color: var(--text-tertiary); }

.exa-foot-hint[b-vrb4lwb5ab] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-attention[b-vrb4lwb5ab] {
    flex: 0 0 320px;
    min-height: 0;
    max-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.exa-card-head[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 8px;
    height: 42px;
    padding: 14px 16px 0;
    box-sizing: border-box;
}

.exa-card-title[b-vrb4lwb5ab] {
    margin: 0;
    font-family: var(--font-title);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.exa-card-count[b-vrb4lwb5ab] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.exa-att-body[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 8px 8px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.exa-att[b-vrb4lwb5ab] {
    flex: none;
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 9px 10px;
    border: none;
    border-radius: var(--r-block);
    background: none;
    font-family: var(--font-ui);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.exa-att:hover[b-vrb4lwb5ab] { background: var(--surface-hover); }

.exa-att .exa-glyph[b-vrb4lwb5ab] { justify-self: center; margin-top: 5px; }

.exa-att-main[b-vrb4lwb5ab] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.exa-att-title[b-vrb4lwb5ab] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    line-height: 1.35;
    color: var(--text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.exa-att-meta[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-att-time[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.exa-metrics[b-vrb4lwb5ab] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
    box-sizing: border-box;
}

.exa-custom[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
}

.exa-custom-label[b-vrb4lwb5ab] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.exa-charts[b-vrb4lwb5ab] {
    position: relative;
    flex: 1 1 auto;
    min-height: 420px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.exa-veil[b-vrb4lwb5ab] {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: grid;
    place-items: center;
    border-radius: var(--radius-md);
}

.exa-veil[b-vrb4lwb5ab]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--surface-overlay);
    opacity: 0.7;
    border-radius: inherit;
}

.exa-chart-card[b-vrb4lwb5ab] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: visible;
    position: relative;
}

.exa-chart-card:hover[b-vrb4lwb5ab] {
    z-index: 30;
}

.exa-chart-head[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 42px;
    padding: 0 16px 0 8px;
    min-width: 0;
}

.exa-chart-head[b-vrb4lwb5ab]  .lum-select {
    flex: 0 1 auto;
    min-width: 120px;
    max-width: 60%;
}

.exa-chart-head[b-vrb4lwb5ab]  .lum-select-trigger {
    background: transparent;
    border: none;
    box-shadow: none;
    padding-left: 8px;
}

.exa-chart-head[b-vrb4lwb5ab]  .lum-select-value {
    font-family: var(--font-title);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.exa-unit[b-vrb4lwb5ab] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    cursor: help;
}

.exa-stat[b-vrb4lwb5ab] {
    flex: none;
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.exa-stat em[b-vrb4lwb5ab] {
    font-style: normal;
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.exa-chart-body[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 10px 8px 6px;
    display: flex;
    flex-direction: column;
}

.exa-chart-body[b-vrb4lwb5ab]  > div {
    flex: 1 1 auto;
    min-height: 0;
}

.exa-alerts[b-vrb4lwb5ab] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    box-sizing: border-box;
}

.exa-alerts-grid[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.exa-alerts-foot[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 2px 4px 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-al-sev[b-vrb4lwb5ab] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.exa-al-sev .exa-glyph[b-vrb4lwb5ab] { margin: 0 1px; }

.exa-al-open[b-vrb4lwb5ab] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 6px;
    border-radius: var(--r-chip);
    background: var(--surface-hover);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: .02em;
    color: var(--text-primary);
}

.exa-al-cell[b-vrb4lwb5ab] {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.exa-al-dim[b-vrb4lwb5ab] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.exa-al-msg[b-vrb4lwb5ab] {
    display: block;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-al-msg.is-open[b-vrb4lwb5ab] { color: var(--text-primary); }

.exa-sheet-head[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.exa-sheet-title[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-family: var(--font-title);
    font-size: var(--text-title1);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.exa-sheet-sub[b-vrb4lwb5ab] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exa-sheet-empty[b-vrb4lwb5ab] {
    padding: 6px 0 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.exa-sheet-foot[b-vrb4lwb5ab] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.exa-sheet-foot span[b-vrb4lwb5ab] { flex: 1 1 auto; }

.exa-link[b-vrb4lwb5ab] {
    padding: 0;
    border: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--accent);
    cursor: pointer;
}

.exa-link:hover[b-vrb4lwb5ab] { text-decoration: underline; }

.exa-bay-group[b-vrb4lwb5ab] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 4px 0 10px;
}

.exa-bay-label[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.exa-bay-grid[b-vrb4lwb5ab] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
    gap: 4px;
}

.exa-bay[b-vrb4lwb5ab] {
    height: 24px;
    border-radius: 4px;
    background: var(--surface-control);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    cursor: default;
}

.exa-bay:hover[b-vrb4lwb5ab] { box-shadow: inset 0 0 0 1px var(--border-selected); }

.exa-bay-slot[b-vrb4lwb5ab] {
    font-size: var(--text-2xs);
    color: var(--text-secondary);
}

.exa-bay-led[b-vrb4lwb5ab] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex: 0 0 auto;
    background: var(--text-quaternary);
}

.exa-bay.unk[b-vrb4lwb5ab] { background: transparent; }
.exa-bay.warn[b-vrb4lwb5ab] { background: var(--status-warn-soft); box-shadow: inset 0 0 0 1px var(--status-warn); }
.exa-bay.warn .exa-bay-led[b-vrb4lwb5ab] { background: var(--status-warn); }
.exa-bay.warn .exa-bay-slot[b-vrb4lwb5ab] { color: var(--status-warn); }
.exa-bay.crit[b-vrb4lwb5ab] { background: var(--status-crit-soft); box-shadow: inset 0 0 0 1px var(--status-crit); }
.exa-bay.crit .exa-bay-led[b-vrb4lwb5ab] { background: var(--status-crit); }
.exa-bay.crit .exa-bay-slot[b-vrb4lwb5ab] { color: var(--status-crit); }

.exa-cell-dg[b-vrb4lwb5ab],
.exa-fact[b-vrb4lwb5ab] {
    min-height: 30px;
    min-width: 0;
    display: grid;
    align-items: center;
    column-gap: 12px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.exa-cell-dg[b-vrb4lwb5ab] { grid-template-columns: 110px minmax(40px, 1fr) 40px minmax(0, auto); }
.exa-fact[b-vrb4lwb5ab] { grid-template-columns: 110px minmax(0, 1fr); }

.exa-cell-dg b[b-vrb4lwb5ab] {
    font-weight: var(--weight-regular);
    color: var(--text-secondary);
    text-align: right;
}

.exa-cell-dg b.warn[b-vrb4lwb5ab] { color: var(--status-warn); }
.exa-cell-dg b.crit[b-vrb4lwb5ab] { color: var(--status-crit); }

.exa-cell-dg small[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.exa-fact em[b-vrb4lwb5ab] {
    font-style: normal;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.exa-fact span[b-vrb4lwb5ab] {
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exa-fact span.warn[b-vrb4lwb5ab] { color: var(--status-warn); }
.exa-fact span.crit[b-vrb4lwb5ab] { color: var(--status-crit); }

.exa-msg-veil[b-vrb4lwb5ab] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: var(--scrim);
}

.exa-msg-dialog[b-vrb4lwb5ab] {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(820px, 92vw);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    padding: 14px 16px;
    box-shadow: var(--shadow-pop);
}

.exa-msg-head[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
}

.exa-msg-title[b-vrb4lwb5ab] {
    font-family: var(--font-title);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.exa-msg-facts[b-vrb4lwb5ab] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 8px 0 10px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.exa-msg-facts em[b-vrb4lwb5ab] {
    font-style: normal;
    color: var(--text-tertiary);
    margin-right: 4px;
}

.exa-msg-body[b-vrb4lwb5ab] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    margin: 0;
    padding: 10px 12px;
    background: var(--surface-inset);
    border-radius: var(--radius-md);
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-primary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.exa-tip[b-vrb4lwb5ab] {
    position: fixed;
    z-index: 4000;
    transform: translate(-50%, -100%) translateY(-10px);
    background: var(--surface-overlay);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-pop);
    padding: 8px 10px;
    min-width: 190px;
    max-width: 320px;
    pointer-events: none;
}

.exa-tip.below[b-vrb4lwb5ab] { transform: translate(-50%, 0) translateY(14px); }

.exa-tip-title[b-vrb4lwb5ab] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    margin-bottom: 6px;
}

.exa-tip-row[b-vrb4lwb5ab] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 1.5px 0;
}

.exa-tip-key[b-vrb4lwb5ab] { font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }

.exa-tip-val[b-vrb4lwb5ab] {
    font-size: var(--text-xs);
    color: var(--text-primary);
    text-align: right;
    word-break: break-word;
}

@media (max-width: 1280px) {
    .exa-top[b-vrb4lwb5ab] { flex-wrap: wrap; }
    .exa-dgs[b-vrb4lwb5ab] { flex-basis: 100%; }
}

@media (max-width: 1100px) {
    .exa-main[b-vrb4lwb5ab] { flex-direction: column; }
    .exa-attention[b-vrb4lwb5ab] { flex: none; max-height: 320px; }
    .exa-charts[b-vrb4lwb5ab] { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: 300px; }
}

.hc-page[b-tflnj0y3qw] {
    --hc-above: 352px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 24px;
    box-sizing: border-box;
    overflow: auto;
    font-variant-numeric: tabular-nums;
}

.hc-gap[b-tflnj0y3qw] { flex: 1 1 auto; }

.hc-card[b-tflnj0y3qw] {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
}

.hc-glyph[b-tflnj0y3qw] {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent-fill);
}

.hc-glyph.is-warn[b-tflnj0y3qw] {
    width: 10px;
    height: 9px;
    border-radius: 0;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--status-warn);
}

.hc-glyph.is-crit[b-tflnj0y3qw] {
    width: 8px;
    height: 8px;
    border-radius: 1.5px;
    transform: rotate(45deg);
    background: var(--status-crit);
}

.hc-glyph.is-unk[b-tflnj0y3qw],
.hc-glyph.is-none[b-tflnj0y3qw] {
    box-sizing: border-box;
    background: transparent;
    border: 1px solid var(--text-quaternary);
}

.hc-glyph.is-unk[b-tflnj0y3qw] { border-style: dashed; border-color: var(--text-tertiary); }

.hc-glyph.is-lg[b-tflnj0y3qw] { width: 9px; height: 9px; }
.hc-glyph.is-lg.is-warn[b-tflnj0y3qw] { width: 13px; height: 11px; }
.hc-glyph.is-lg.is-crit[b-tflnj0y3qw] { width: 10px; height: 10px; }

.hc-overall[b-tflnj0y3qw] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 8px 18px;
    box-sizing: border-box;
}

.hc-overall-word[b-tflnj0y3qw] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.hc-overall.is-warn .hc-overall-word[b-tflnj0y3qw] { color: var(--status-warn); }
.hc-overall.is-crit .hc-overall-word[b-tflnj0y3qw] { color: var(--status-crit); }
.hc-overall.is-unknown .hc-overall-word[b-tflnj0y3qw],
.hc-overall.is-none .hc-overall-word[b-tflnj0y3qw] { color: var(--text-secondary); }

.hc-overall-sub[b-tflnj0y3qw] {
    flex: 0 1 auto;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-elsewhere[b-tflnj0y3qw] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 30%;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-link[b-tflnj0y3qw] {
    flex: none;
    padding: 4px 8px;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    cursor: pointer;
}

.hc-link:hover[b-tflnj0y3qw] { background: var(--surface-hover); color: var(--text-primary); }

.hc-asof[b-tflnj0y3qw] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.hc-domains[b-tflnj0y3qw] {
    flex: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.hc-dom[b-tflnj0y3qw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 142px;
    padding: 14px 16px 12px;
    box-sizing: border-box;
    text-align: left;
    font-family: var(--font-ui);
    color: var(--text-primary);
    cursor: pointer;
    transition: border-color var(--transition-fast);
}

.hc-dom:hover[b-tflnj0y3qw] { border-color: var(--border-strong); }
.hc-dom:focus-visible[b-tflnj0y3qw] { outline: 2px solid var(--accent); outline-offset: 2px; }

.hc-dom-head[b-tflnj0y3qw] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.hc-dom-name[b-tflnj0y3qw] {
    min-width: 0;
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-dom-fig[b-tflnj0y3qw] {
    flex: none;
    margin-left: auto;
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-semibold);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    white-space: nowrap;
}

.hc-dom.is-warn .hc-dom-fig[b-tflnj0y3qw] { color: var(--status-warn); }
.hc-dom.is-crit .hc-dom-fig[b-tflnj0y3qw] { color: var(--status-crit); }
.hc-dom.is-unknown .hc-dom-fig[b-tflnj0y3qw],
.hc-dom.is-none .hc-dom-fig[b-tflnj0y3qw] { color: var(--text-quaternary); }

.hc-dom-line[b-tflnj0y3qw] {
    margin-top: 4px;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-dom-viz[b-tflnj0y3qw] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
    height: 62px;
}

.hc-mini[b-tflnj0y3qw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) 46px;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-size: var(--text-sm);
    line-height: 16px;
    color: var(--text-primary);
}

.hc-mini-name[b-tflnj0y3qw] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-mini-pct[b-tflnj0y3qw] { text-align: right; white-space: nowrap; }
.hc-mini-pct.is-warn[b-tflnj0y3qw] { color: var(--status-warn); }
.hc-mini-pct.is-crit[b-tflnj0y3qw] { color: var(--status-crit); }

.hc-week[b-tflnj0y3qw] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}

.hc-day[b-tflnj0y3qw] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    min-width: 0;
}

.hc-day-block[b-tflnj0y3qw] {
    display: block;
    height: 22px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    background: var(--surface-hover);
}

.hc-day-block.is-full[b-tflnj0y3qw] { background: var(--accent-fill); }
.hc-day-block.is-incr[b-tflnj0y3qw] { background: var(--border-strong); }
.hc-day-block.is-arch[b-tflnj0y3qw] { background: var(--surface-hover); }
.hc-day-block.is-none[b-tflnj0y3qw] { background: transparent; border-color: var(--border-subtle); }
.hc-day-block.is-failed[b-tflnj0y3qw] { background: transparent; border-color: var(--border-strong); }
.hc-dom.is-warn .hc-day-block.is-failed[b-tflnj0y3qw] { background: var(--status-warn-soft); border-color: var(--status-warn); }
.hc-dom.is-crit .hc-day-block.is-failed[b-tflnj0y3qw] { background: var(--status-crit-soft); border-color: var(--status-crit); }

.hc-day-label[b-tflnj0y3qw] {
    font-size: var(--text-xs);
    line-height: 14px;
    color: var(--text-tertiary);
    text-align: center;
}

.hc-dom-spark[b-tflnj0y3qw] {
    display: block;
    height: 46px;
}

.hc-pane[b-tflnj0y3qw] {
    flex: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hc-pane-head[b-tflnj0y3qw] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 6px 10px 6px 16px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-subtle);
}

.hc-pane-title[b-tflnj0y3qw] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.hc-pane-hint[b-tflnj0y3qw] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-pane-note[b-tflnj0y3qw] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.hc-search[b-tflnj0y3qw] {
    flex: 0 1 240px;
    min-width: 160px;
}

.hc-search[b-tflnj0y3qw]  .lum-input-wrap,
.hc-search[b-tflnj0y3qw]  .lum-input { width: 100%; }

.hc-search[b-tflnj0y3qw]  .lum-input {
    background: var(--surface-card);
    border-color: var(--border-strong);
}

.hc-pane-body[b-tflnj0y3qw] {
    max-height: max(240px, calc(100dvh - var(--hc-above)));
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.hc-sum[b-tflnj0y3qw] {
    flex: none;
    padding: 2px 16px;
    border-bottom: 1px solid var(--border-subtle);
}

.hc-sum-row[b-tflnj0y3qw] {
    display: grid;
    grid-template-columns: 12px minmax(120px, 190px) 76px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 34px;
    border-bottom: 1px solid var(--border-faint);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.hc-sum-row:last-child[b-tflnj0y3qw] { border-bottom: 0; }

.hc-sum-row > .hc-glyph[b-tflnj0y3qw] { justify-self: center; }

.hc-sum-row.is-click[b-tflnj0y3qw] { cursor: pointer; }
.hc-sum-row.is-click:hover[b-tflnj0y3qw] { background: var(--surface-hover); }

.hc-sum-label[b-tflnj0y3qw],
.hc-sum-sub[b-tflnj0y3qw] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-sum-value[b-tflnj0y3qw] { font-weight: var(--weight-semibold); white-space: nowrap; }
.hc-sum-sub[b-tflnj0y3qw] { color: var(--text-secondary); }
.hc-sum-trailing[b-tflnj0y3qw] { color: var(--text-secondary); white-space: nowrap; text-align: right; }

.hc-enrich[b-tflnj0y3qw] {
    flex: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
}

.hc-enrich-note[b-tflnj0y3qw] { color: var(--text-tertiary); }

.hc-run[b-tflnj0y3qw] {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--text-primary);
}

.hc-run-name[b-tflnj0y3qw] {
    flex: 0 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-run-meter[b-tflnj0y3qw] { flex: 0 0 140px; display: flex; }
.hc-run-pct[b-tflnj0y3qw] { flex: none; }

.hc-run-sub[b-tflnj0y3qw] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-note[b-tflnj0y3qw] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.hc-note b[b-tflnj0y3qw] { font-weight: var(--weight-semibold); color: var(--text-primary); }

.hc-dg[b-tflnj0y3qw] { display: block; padding-bottom: 10px; }

.hc-dg-head[b-tflnj0y3qw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    padding-bottom: 6px;
    font-size: var(--text-xs);
}

.hc-dg-title[b-tflnj0y3qw] {
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.hc-dg-peak[b-tflnj0y3qw] { font-weight: var(--weight-semibold); color: var(--text-primary); }

.hc-dg-when[b-tflnj0y3qw] { color: var(--text-secondary); }
.hc-dg-stale[b-tflnj0y3qw] { color: var(--text-tertiary); }

.hc-dg-note[b-tflnj0y3qw] {
    margin-left: auto;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.hc-dg-chart[b-tflnj0y3qw] { width: 100%; }

.hc-grid[b-tflnj0y3qw] { flex: none; }

.hc-grid[b-tflnj0y3qw]  .lum-grid,
.hc-grid[b-tflnj0y3qw]  .lum-grid-scroll {
    overflow: visible;
}

.hc-grid[b-tflnj0y3qw]  .lum-grid {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.hc-grid[b-tflnj0y3qw]  .lum-grid-table tbody td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.hc-name[b-tflnj0y3qw] { color: var(--text-primary); }
.hc-quiet[b-tflnj0y3qw] { color: var(--text-secondary); }

.hc-val.is-warn[b-tflnj0y3qw],
.hc-val.is-crit[b-tflnj0y3qw] { font-weight: var(--weight-semibold); }
.hc-val.is-warn[b-tflnj0y3qw] { color: var(--warn-text); }
.hc-val.is-crit[b-tflnj0y3qw] { color: var(--critical-text); }
.hc-val.is-muted[b-tflnj0y3qw] { color: var(--text-secondary); }

.hc-cell-meter[b-tflnj0y3qw] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.hc-cell-meter > .hc-val[b-tflnj0y3qw] {
    flex: none;
    min-width: 46px;
    text-align: right;
    color: var(--text-primary);
}

.hc-dg-id[b-tflnj0y3qw] {
    display: inline-flex;
    align-items: baseline;
    max-width: calc(100% - 20px);
    vertical-align: middle;
}

.hc-dg-id .hc-name[b-tflnj0y3qw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-dg-dest[b-tflnj0y3qw] {
    flex: none;
    margin-left: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.hc-dg-gap[b-tflnj0y3qw] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.hc-dg-gap b[b-tflnj0y3qw] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    line-height: 1;
    color: var(--text-primary);
}

.hc-dg-gap.is-warn b[b-tflnj0y3qw] { color: var(--warn-text); }
.hc-dg-gap.is-crit b[b-tflnj0y3qw] { color: var(--critical-text); }

.hc-dg-gap small[b-tflnj0y3qw] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.hc-dg-ago[b-tflnj0y3qw] {
    margin-left: 8px;
    color: var(--text-secondary);
}

.hc-dg-sep[b-tflnj0y3qw] {
    margin: 0 4px;
    font-style: normal;
    color: var(--text-quaternary);
}

.hc-detail[b-tflnj0y3qw] {
    max-width: 1400px;
    padding: 10px 6px 12px;
    white-space: normal;
}

.hc-detail-head[b-tflnj0y3qw] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding-bottom: 8px;
    font-size: var(--text-sm);
}

.hc-detail-title[b-tflnj0y3qw] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.hc-detail-note[b-tflnj0y3qw] { color: var(--text-secondary); }

.hc-detail-loading[b-tflnj0y3qw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.hc-detail-sub[b-tflnj0y3qw] {
    padding: 12px 0 4px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.hc-facts[b-tflnj0y3qw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
    gap: 6px;
}

.hc-fact[b-tflnj0y3qw] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 7px 10px;
    border: 1px solid var(--border-faint);
    border-radius: var(--r-block);
    background: var(--surface-inset);
}

.hc-fact-label[b-tflnj0y3qw] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hc-fact-value[b-tflnj0y3qw] {
    font-size: var(--text-sm);
    line-height: 1.35;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.hc-fact-value.is-warn[b-tflnj0y3qw],
.hc-fact-value.is-crit[b-tflnj0y3qw] { font-weight: var(--weight-semibold); }
.hc-fact-value.is-warn[b-tflnj0y3qw] { color: var(--warn-text); }
.hc-fact-value.is-crit[b-tflnj0y3qw] { color: var(--critical-text); }

.hc-log[b-tflnj0y3qw] {
    max-height: 360px;
    overflow: auto;
    padding: 8px 10px;
    border: 1px solid var(--border-faint);
    border-radius: var(--r-block);
    background: var(--surface-inset);
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-secondary);
}

.hc-log-line[b-tflnj0y3qw] {
    white-space: pre;
    min-height: 1.5em;
}

.hc-log-line.is-crit[b-tflnj0y3qw] { color: var(--critical-text); }

.hc-log-cause[b-tflnj0y3qw] {
    padding-bottom: 10px;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--critical-text);
    overflow-wrap: anywhere;
}

.hc-detail-note .hc-link[b-tflnj0y3qw] {
    padding: 0 2px;
    color: var(--accent);
}

.hc-detail-note .hc-link:hover[b-tflnj0y3qw] { background: transparent; color: var(--accent-hover); text-decoration: underline; }

.hc-spark-wrap[b-tflnj0y3qw] {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    grid-template-rows: 74px auto;
    gap: 0 8px;
    align-items: stretch;
    max-width: 720px;
    padding-bottom: 8px;
}

.hc-spark-scale[b-tflnj0y3qw] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.hc-spark[b-tflnj0y3qw] {
    width: 100%;
    height: 74px;
    border-bottom: 1px solid var(--border-subtle);
}

.hc-spark-source[b-tflnj0y3qw] { color: var(--series-orange); }

.hc-spark-axis[b-tflnj0y3qw] {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    padding-top: 3px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.hc-files[b-tflnj0y3qw] {
    width: 100%;
    border-collapse: collapse;
}

.hc-files th[b-tflnj0y3qw] {
    padding: 6px 12px 6px 0;
    text-align: left;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-subtle);
}

.hc-files td[b-tflnj0y3qw] {
    padding: 5px 12px 5px 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-faint);
    white-space: nowrap;
}

.hc-files .r[b-tflnj0y3qw] { text-align: right; }

.hc-files-name[b-tflnj0y3qw] {
    max-width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left;
}

.hc-files-name > span[b-tflnj0y3qw] {
    direction: ltr;
    unicode-bidi: isolate;
}

@media (max-width: 1180px) {
    .hc-page[b-tflnj0y3qw] { --hc-above: 506px; }
    .hc-domains[b-tflnj0y3qw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hc-sum-row[b-tflnj0y3qw] { grid-template-columns: 12px minmax(100px, 160px) 70px minmax(0, 1fr) auto; }
    .hc-elsewhere[b-tflnj0y3qw] { display: none; }
}

@media (max-width: 720px) {
    .hc-page[b-tflnj0y3qw] { padding: 12px 16px; }
    .hc-domains[b-tflnj0y3qw] { grid-template-columns: minmax(0, 1fr); }
    .hc-overall[b-tflnj0y3qw] { flex-wrap: wrap; }
    .hc-overall-sub[b-tflnj0y3qw] { flex-basis: 100%; order: 9; white-space: normal; }
    .hc-pane-hint[b-tflnj0y3qw] { display: none; }
}

.inc-host[b-pb155hztkj] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    box-sizing: border-box;
}

.inc-host[b-pb155hztkj]  .inc-tabs {
    flex: 1 1 auto;
    min-height: 0;
}

.inc-host[b-pb155hztkj]  .lum-tab-panels {
    min-height: 0;
}

.inc-host[b-pb155hztkj]  .lum-tab-panel {
    min-height: 0;
    overflow-y: auto;
}

.ins-page[b-rr2du6w937] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 16px 14px;
    overflow-y: auto;
}

[b-rr2du6w937] .ins-act {
    flex: 0 0 auto;
    height: clamp(244px, 30vh, 308px);
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

[b-rr2du6w937] .ins-act-head {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 46px;
    padding: 0 12px 0 18px;
    position: relative;
    min-width: 0;
}

[b-rr2du6w937] .ins-act-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-heading);
    white-space: nowrap;
}

[b-rr2du6w937] .ins-seg { flex-wrap: nowrap; flex: none; }
[b-rr2du6w937] .ins-seg .lum-seg-btn,
[b-rr2du6w937] .ins-ineff .lum-seg-btn { padding: 5px 11px; font-size: var(--text-sm); }

[b-rr2du6w937] .ins-act-fill { flex: 1 1 auto; min-width: 0; }

[b-rr2du6w937] .ins-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    min-width: 0;
    max-width: 260px;
    padding: 0 9px 0 11px;
    border: 0;
    border-radius: var(--r-pill);
    background: var(--accent-soft);
    color: var(--accent);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
    cursor: pointer;
}
[b-rr2du6w937] .ins-chip-kind { font-weight: var(--weight-medium); color: var(--text-tertiary); }
[b-rr2du6w937] .ins-chip-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[b-rr2du6w937] .ins-chip .owl-icon { flex: none; opacity: .75; }
[b-rr2du6w937] .ins-chip:hover .owl-icon { opacity: 1; }

[b-rr2du6w937] .ins-when {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

[b-rr2du6w937] .ins-cal { flex: none; color: var(--text-secondary); }

[b-rr2du6w937] .ins-custom-range {
    position: absolute;
    top: 44px;
    right: 12px;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    box-shadow: var(--shadow-sheet);
}
[b-rr2du6w937] .ins-custom-range .lum-dtp { width: 200px; }
[b-rr2du6w937] .ins-custom-sep { color: var(--text-tertiary); }

[b-rr2du6w937] .ins-act-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 28px;
    padding: 0 18px 12px 12px;
}

[b-rr2du6w937] .ins-chart-area {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    position: relative;
}

[b-rr2du6w937] .ins-legend {
    flex: 0 0 250px;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 2px 8px 0;
    scrollbar-width: thin;
}
[b-rr2du6w937] .ins-legend-row {
    flex: none;
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr) 34px;
    align-items: center;
    column-gap: 10px;
    height: 21px;
    margin: 0 -8px;
    padding: 0 8px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    text-align: left;
    cursor: pointer;
}
[b-rr2du6w937] .ins-legend-row:hover { background: var(--surface-hover); }
[b-rr2du6w937] .ins-legend-row.is-selected {
    background: color-mix(in srgb, var(--text-heading) 6%, transparent);
    color: var(--text-heading);
    font-weight: var(--weight-semibold);
}
[b-rr2du6w937] .ins-legend-row.is-dim { color: var(--text-quaternary); }
[b-rr2du6w937] .ins-legend-row.is-dim .ins-legend-dot { opacity: .3; }
[b-rr2du6w937] .ins-legend-row.is-other { cursor: default; }
[b-rr2du6w937] .ins-legend-row.is-other:hover { background: transparent; }
[b-rr2du6w937] .ins-legend-dot { width: 9px; height: 9px; border-radius: 2px; }
[b-rr2du6w937] .ins-legend-name { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[b-rr2du6w937] .ins-legend-val {
    text-align: right;
    font-weight: var(--weight-regular, 400);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}

[b-rr2du6w937] .ins-findings {
    flex: 1 1 auto;
    min-height: 340px;
}

[b-rr2du6w937] .ins-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

[b-rr2du6w937] .ins-tools {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 14px;
    min-width: 0;
}

[b-rr2du6w937] .ins-ineff {
    flex: none;
    flex-wrap: nowrap;
    align-items: center;
    padding: 2px 2px 2px 10px;
    background: var(--warn-tint);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--warn) 22%, transparent);
}
[b-rr2du6w937] .ins-ineff-mark { color: var(--warn); margin-right: 4px; }

[b-rr2du6w937] .ins-loading {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
}

[b-rr2du6w937] .ins-export { flex: none; color: var(--text-secondary); }

[b-rr2du6w937] .ins-state,
[b-rr2du6w937] .ins-deep {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 14px 10px;
    border-radius: var(--r-block);
    background: var(--warn-tint);
    color: var(--warn-text);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
}
[b-rr2du6w937] .ins-state { min-height: 32px; padding: 0 14px; }
[b-rr2du6w937] .ins-deep { min-height: 40px; padding: 0 8px 0 14px; font-size: var(--text-base); }
[b-rr2du6w937] .ins-state .owl-icon,
[b-rr2du6w937] .ins-deep .owl-icon { flex: none; color: var(--warn); }
[b-rr2du6w937] .ins-deep-text { flex: 1 1 auto; min-width: 0; }
[b-rr2du6w937] .ins-deep .lum-btn { flex: none; }

[b-rr2du6w937] .ins-panel-body {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

[b-rr2du6w937] .ins-grid-body {
    overflow: auto;
    padding: 0 6px;
}
[b-rr2du6w937] .ins-grid-body.is-loading {
    opacity: .45;
    pointer-events: none;
    transition: opacity var(--dur-pop) var(--ease-out);
}
[b-rr2du6w937] .ins-grid-body .lum-grid-table { background: transparent !important; }

[b-rr2du6w937] .ins-foot {
    flex: none;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 30px;
    margin: 0 6px;
    padding: 0 10px;
    border-top: 1px solid var(--border-faint);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
}
[b-rr2du6w937] .ins-foot-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }


[b-rr2du6w937] .ins-id-cell { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
[b-rr2du6w937] .ins-sql-link {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

[b-rr2du6w937] .ins-mark { flex: none; display: inline-flex; align-items: center; cursor: help; }
[b-rr2du6w937] .ins-mark.is-crit { color: var(--critical-text); }
[b-rr2du6w937] .ins-mark.is-warn { color: var(--warn); }

[b-rr2du6w937] .ins-dim {
    display: block;
    min-width: 0;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-rr2du6w937] .ins-dim.is-user { color: var(--text-primary); }
[b-rr2du6w937] .ins-dim.is-warn { color: var(--warn-text); }

[b-rr2du6w937] .ins-num {
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
    white-space: nowrap;
}
[b-rr2du6w937] .ins-num.is-strong { color: var(--text-heading); }
[b-rr2du6w937] .ins-num.is-warn { color: var(--warn-text); font-weight: var(--weight-semibold); }
[b-rr2du6w937] .ins-num.is-crit { color: var(--critical-text); font-weight: var(--weight-semibold); }

[b-rr2du6w937] .ins-mono { font-family: var(--font-mono); font-size: var(--text-xs); }
[b-rr2du6w937] .ins-mono.is-strong { color: var(--text-heading); }
[b-rr2du6w937] .ins-more { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); cursor: help; }

[b-rr2du6w937] .ins-cost { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; }
[b-rr2du6w937] .ins-cost-track { flex: 1 1 auto; min-width: 40px; max-width: clamp(520px, calc(100vw - 1400px), 1400px); display: flex; align-items: center; }
[b-rr2du6w937] .ins-cost-track .lum-bar { height: 8px; background: var(--surface-control); }
[b-rr2du6w937] .ins-cost-val {
    flex: none;
    min-width: 116px;
    font-variant-numeric: tabular-nums;
    font-weight: var(--weight-medium);
    color: var(--text-heading);
    white-space: nowrap;
}

[b-rr2du6w937] .ins-detail { padding: 2px 10px 10px 34px; }
[b-rr2du6w937] .ins-detail-table { width: auto; min-width: 560px; border-collapse: collapse; font-size: var(--text-sm); }
[b-rr2du6w937] .ins-detail-table th {
    height: 26px;
    padding: 0 10px;
    text-align: left;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-tertiary);
    white-space: nowrap;
}
[b-rr2du6w937] .ins-detail-table td {
    height: 30px;
    padding: 0 10px;
    border-top: 1px solid var(--border-faint);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
[b-rr2du6w937] .ins-detail-table .r { text-align: right; }
[b-rr2du6w937] .ins-detail-table .is-crit { color: var(--critical-text); }
[b-rr2du6w937] .ins-detail-table .is-warn { color: var(--warn-text); }
[b-rr2du6w937] .ins-detail-table th:first-child,
[b-rr2du6w937] .ins-detail-table td:first-child { min-width: 170px; padding-left: 0; }
[b-rr2du6w937] .ins-detail-table .r { min-width: 80px; }
[b-rr2du6w937] .ins-predicate {
    display: block;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-secondary);
}

[b-rr2du6w937] .ins-tag {
    display: inline-flex;
    align-items: center;
    height: 18px;
    margin-left: 8px;
    padding: 0 6px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    color: var(--text-secondary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    vertical-align: 1px;
}

[b-rr2du6w937] .lum-loading-overlay {
    position: fixed; inset: 0; z-index: 9999;
    background: var(--scrim);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; pointer-events: none;
    transition: opacity var(--dur-pop) var(--ease-out);
}
[b-rr2du6w937] .lum-loading-overlay.visible { opacity: 1; pointer-events: all; }
[b-rr2du6w937] .lum-loading-container { display: flex; flex-direction: column; align-items: center; gap: 14px; }
[b-rr2du6w937] .lum-loading-text { font-size: var(--text-sm); color: var(--text-secondary); }


@media (max-width: 1100px) {
    [b-rr2du6w937] .ins-legend { flex-basis: 200px; }
    [b-rr2du6w937] .ins-act-body { gap: 18px; }
}

@media (max-width: 900px) {
    [b-rr2du6w937] .ins-act { height: auto; }
    [b-rr2du6w937] .ins-act-head { height: auto; flex-wrap: wrap; padding: 10px 12px; gap: 8px 10px; }
    [b-rr2du6w937] .ins-act-fill { display: none; }
    [b-rr2du6w937] .ins-when { margin-left: auto; }
    [b-rr2du6w937] .ins-custom-range { top: auto; bottom: -8px; transform: translateY(100%); flex-wrap: wrap; }
    [b-rr2du6w937] .ins-act-body { flex-direction: column; gap: 8px; padding: 0 12px 12px; }
    [b-rr2du6w937] .ins-chart-area { flex: none; height: 180px; }
    [b-rr2du6w937] .ins-legend { flex: none; max-height: 132px; padding: 0 8px; }
    [b-rr2du6w937] .ins-tools { flex-wrap: wrap; padding: 8px 12px; }
    [b-rr2du6w937] .ins-deep { flex-wrap: wrap; padding: 8px 12px; }
}

@media (max-width: 480px) {
    .ins-page[b-rr2du6w937] { padding: 8px 8px 14px; }
    [b-rr2du6w937] .ins-custom-range .lum-dtp { width: auto; flex: 1 1 140px; }
}

.ldg-browsing[b-h6sj5cgnl3] { height: min(640px, calc(100vh - 48px)); }

.ldg-browse-body[b-h6sj5cgnl3] {
    display: flex;
    flex-direction: column;
    padding-top: 4px;
}

.ldg-find[b-h6sj5cgnl3] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.ldg-results[b-h6sj5cgnl3] {
    flex: 1 1 auto;
    min-height: 160px;
    overflow-y: auto;
}

.ldg-hint[b-h6sj5cgnl3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    line-height: 1.45;
}

.ldg-code[b-h6sj5cgnl3] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    user-select: all;
}

.lic-page[b-iv0vryjldm] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px 14px;
    box-sizing: border-box;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
}

.lic-gap[b-iv0vryjldm] { flex: 1 1 auto; }

.lic-top[b-iv0vryjldm] {
    flex: none;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 4px;
}

.lic-title[b-iv0vryjldm] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    color: var(--text-heading);
}

.lic-sub[b-iv0vryjldm] {
    min-width: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lic-pop[b-iv0vryjldm] { position: relative; flex: none; }

.lic-pick[b-iv0vryjldm] {
    height: 32px;
    padding: 0 10px 0 12px;
    border: 0;
    border-radius: var(--r-block);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lic-pick:hover[b-iv0vryjldm] { background: var(--surface-hover); }
.lic-pick[aria-expanded="true"][b-iv0vryjldm] { box-shadow: 0 0 0 1px var(--border-strong); }

.lic-menu[b-iv0vryjldm] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: max-content;
    min-width: 200px;
    max-height: 420px;
    overflow-y: auto;
}

.lic-menu .lum-ctx-item.is-on[b-iv0vryjldm] { font-weight: var(--weight-semibold); color: var(--text-heading); }

.lic-menu-head[b-iv0vryjldm] {
    padding: 8px 10px 4px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
}

.lic-body[b-iv0vryjldm] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 14px;
}

.lic-card[b-iv0vryjldm] {
    border-radius: var(--r-card);
    background: var(--surface-raised);
}

.lic-empty[b-iv0vryjldm] {
    padding: 28px 28px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lic-empty-head[b-iv0vryjldm] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.lic-empty-line[b-iv0vryjldm] { font-size: var(--text-base); color: var(--text-tertiary); }

.lic-rail[b-iv0vryjldm] {
    width: 252px;
    flex: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 8px;
    overflow-y: auto;
}

.lic-rail-item[b-iv0vryjldm] {
    flex: none;
    height: 30px;
    border: 0;
    padding: 0 10px;
    border-radius: var(--r-block);
    background: transparent;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lic-rail-item:hover[b-iv0vryjldm] { background: var(--surface-hover); }

.lic-rail-item.is-on[b-iv0vryjldm] {
    background: var(--surface-control);
    color: var(--text-heading);
    font-weight: var(--weight-semibold);
}

.lic-rail-name[b-iv0vryjldm] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lic-rail-n[b-iv0vryjldm] {
    flex: none;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--text-tertiary);
}

.lic-rail-n.is-warn[b-iv0vryjldm] { color: var(--warn-text); font-weight: var(--weight-semibold); }

.lic-kicker[b-iv0vryjldm] {
    flex: none;
    height: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    padding: 0 10px 5px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
}

.lic-rail-gap[b-iv0vryjldm] {
    flex: none;
    display: block;
    height: 1px;
    margin: 8px 10px 2px;
    background: var(--border-subtle);
}

.lic-glyph[b-iv0vryjldm] {
    flex: none;
    display: inline-block;
    width: 9px;
    height: 8px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--warn);
}

.lic-main[b-iv0vryjldm] {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 20px 12px;
    overflow: hidden;
}

.lic-head[b-iv0vryjldm] {
    flex: none;
    height: 34px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.lic-head-title[b-iv0vryjldm] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    color: var(--text-heading);
    white-space: nowrap;
}

.lic-head-line[b-iv0vryjldm] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lic-sep[b-iv0vryjldm] {
    flex: none;
    width: 1px;
    height: 18px;
    background: var(--border-strong);
}

.lic-trend[b-iv0vryjldm] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lic-trend b[b-iv0vryjldm] { font-weight: var(--weight-semibold); color: var(--text-primary); }
.lic-trend-spark[b-iv0vryjldm] { width: 120px; height: 26px; display: block; }

.lic-licensed[b-iv0vryjldm] { flex: none; font-size: var(--text-sm); color: var(--text-primary); }

.lic-search[b-iv0vryjldm] {
    flex: none;
    width: 220px;
    height: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border-radius: var(--r-block);
    background: var(--surface-control);
    color: var(--text-tertiary);
}

.lic-search input[b-iv0vryjldm] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-heading);
}

.lic-search input[b-iv0vryjldm]::placeholder { color: var(--text-tertiary); }
.lic-search:focus-within[b-iv0vryjldm] { box-shadow: 0 0 0 1px var(--border-strong); }

.lic-tiles[b-iv0vryjldm] { flex: none; display: flex; gap: 10px; }

.lic-tile[b-iv0vryjldm] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 14px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
}

.lic-tile-l[b-iv0vryjldm] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lic-tile-v[b-iv0vryjldm] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    color: var(--text-heading);
    white-space: nowrap;
}

.lic-strip[b-iv0vryjldm] {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 14px 6px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
}

.lic-strip-head[b-iv0vryjldm] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lic-strip-title[b-iv0vryjldm] { font-weight: var(--weight-semibold); }

.lic-key[b-iv0vryjldm] { display: flex; align-items: center; gap: 6px; }
.lic-key .lic-dot[b-iv0vryjldm] { width: 7px; height: 7px; }

.lic-strip-cols[b-iv0vryjldm] {
    height: 70px;
    display: flex;
    align-items: flex-end;
}

.lic-strip-col[b-iv0vryjldm] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 2px;
}

.lic-dot[b-iv0vryjldm] {
    flex: none;
    display: block;
    width: var(--lic-dot, 7px);
    height: var(--lic-dot, 7px);
    border-radius: 50%;
    background: var(--text-tertiary);
}

.lic-dot.is-warn[b-iv0vryjldm] { background: var(--warn); }

.lic-strip-axis[b-iv0vryjldm] {
    position: relative;
    height: 16px;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    box-shadow: inset 0 1px 0 var(--border-strong);
}

.lic-strip-axis span[b-iv0vryjldm] { position: absolute; top: 3px; }

.lic-grid[b-iv0vryjldm] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.lic-grid[b-iv0vryjldm]  .lum-grid {
    flex: 1 1 auto;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.lic-name[b-iv0vryjldm] { color: var(--text-heading); font-weight: var(--weight-semibold); }
.lic-dim[b-iv0vryjldm] { color: var(--text-secondary); }
.lic-faint[b-iv0vryjldm] { color: var(--text-quaternary); }
.lic-ellipsis[b-iv0vryjldm] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lic-namecell[b-iv0vryjldm] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }

.lic-share[b-iv0vryjldm] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lic-share-n[b-iv0vryjldm] { flex: none; min-width: 28px; }
.lic-share[b-iv0vryjldm]  .lic-share-bar { flex: 1 1 auto; max-width: 120px; }

.lic-use[b-iv0vryjldm] {
    display: inline-block;
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1.5px solid var(--text-quaternary);
    vertical-align: middle;
}

.lic-use.is-on[b-iv0vryjldm] { background: var(--text-secondary); border-color: var(--text-secondary); }

.lic-group[b-iv0vryjldm] { display: inline-flex; align-items: center; gap: 8px; }
.lic-group-name[b-iv0vryjldm] { color: var(--text-heading); }
.lic-group-n[b-iv0vryjldm] { font-weight: 500; color: var(--text-tertiary); }

.lic-sh-head[b-iv0vryjldm] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.lic-sh-name[b-iv0vryjldm] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.lic-sh-line[b-iv0vryjldm] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lic-sh-open[b-iv0vryjldm] {
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.lic-sh-open .material-icons[b-iv0vryjldm] { font-size: 16px; }
.lic-sh-open:hover[b-iv0vryjldm] { background: var(--surface-hover); color: var(--text-primary); }

.lic-sh-cols[b-iv0vryjldm],
.lic-sh-row[b-iv0vryjldm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px 108px 108px 52px;
    column-gap: 14px;
    align-items: center;
}

.lic-sh-cols.has-con[b-iv0vryjldm],
.lic-sh-row.has-con[b-iv0vryjldm] { grid-template-columns: minmax(0, 1fr) 120px 70px 108px 108px 52px; }

.lic-sh-cols[b-iv0vryjldm] {
    min-height: 26px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    letter-spacing: .01em;
}

.is-right[b-iv0vryjldm] { text-align: right; }
.is-center[b-iv0vryjldm] { text-align: center; }

.lic-sh-row[b-iv0vryjldm] {
    height: 30px;
    font-size: var(--text-sm);
    color: var(--text-primary);
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}

.lic-sh-feature[b-iv0vryjldm] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lic-chip[b-iv0vryjldm] {
    flex: none;
    height: 28px;
    padding: 0 11px;
    border: 0;
    border-radius: var(--r-pill);
    background: var(--surface-overlay);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lic-chip:hover[b-iv0vryjldm] { background: var(--surface-hover); }

.lic-ov-empty[b-iv0vryjldm] { padding: 20px 4px; font-size: var(--text-base); color: var(--text-tertiary); }

.lic-ov-hero[b-iv0vryjldm] {
    flex: none;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.1fr;
    gap: 10px;
}

.lic-ov-tile[b-iv0vryjldm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
}

.lic-ov-l[b-iv0vryjldm], .lic-ov-s[b-iv0vryjldm] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lic-ov-v[b-iv0vryjldm] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-heading);
    white-space: nowrap;
}

.lic-ov-v.is-dim[b-iv0vryjldm] { color: var(--text-secondary); }

.lic-ov-trendhead[b-iv0vryjldm] { display: flex; align-items: baseline; gap: 8px; }
.lic-ov-trendhead span[b-iv0vryjldm] { flex: 1 1 auto; }
.lic-ov-trendhead b[b-iv0vryjldm] { font-size: var(--text-base); font-weight: var(--weight-semibold); color: var(--text-primary); }
.lic-ov-spark[b-iv0vryjldm] { flex: none; height: 40px; display: block; overflow: hidden; }

.lic-ov-cols[b-iv0vryjldm] {
    flex: 0 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
}

.lic-ov-card[b-iv0vryjldm] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 6px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    overflow: hidden;
}

.lic-ov-head[b-iv0vryjldm] {
    flex: none;
    height: 34px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 4px 0 10px;
}

.lic-ov-title[b-iv0vryjldm] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.lic-ov-note[b-iv0vryjldm] { font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lic-ov-row[b-iv0vryjldm] {
    flex: none;
    height: 27px;
    border: 0;
    padding: 0 10px;
    background: transparent;
    display: grid;
    column-gap: 12px;
    align-items: center;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-primary);
    text-align: left;
    box-shadow: inset 0 1px 0 var(--border-subtle);
}

button.lic-ov-row[b-iv0vryjldm] { cursor: pointer; transition: background var(--transition-fast); }
button.lic-ov-row:hover[b-iv0vryjldm] { background: var(--surface-hover); }

.lic-ov-row.is-head[b-iv0vryjldm] {
    height: 26px;
    box-shadow: none;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    letter-spacing: .01em;
}

.lic-ov-row.is-base .lic-name[b-iv0vryjldm] { font-weight: 700; }
.lic-ov-row.is-base + .lic-ov-row[b-iv0vryjldm] { box-shadow: inset 0 1px 0 var(--border-strong); }

.lic-ov-cols-prod[b-iv0vryjldm] { grid-template-columns: minmax(0, 1fr) 64px 70px 150px; }
.lic-ov-cols-where[b-iv0vryjldm] { grid-template-columns: minmax(0, 1fr) 76px 60px 64px 150px; }

.lic-ov-lic[b-iv0vryjldm] { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.lic-ov-lic b[b-iv0vryjldm] { min-width: 48px; text-align: right; font-weight: var(--weight-semibold); color: var(--text-primary); }
.lic-ov-lic[b-iv0vryjldm]  .lic-ov-bar { width: 70px; flex: none; }

.lic-ov-more[b-iv0vryjldm] {
    margin-top: auto;
    align-self: flex-end;
    height: 26px;
    border: 0;
    padding: 0 10px;
    background: transparent;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    cursor: pointer;
}

.lic-rack[b-iv0vryjldm] { flex: none; color: var(--text-tertiary); }

[data-theme="light"] .lic-ov-tile[b-iv0vryjldm],
[data-theme="light"] .lic-ov-card[b-iv0vryjldm],
[data-theme="light"] .lic-tile[b-iv0vryjldm],
[data-theme="light"] .lic-strip[b-iv0vryjldm] { box-shadow: inset 0 0 0 1px var(--border-subtle); }

.la-page[b-fsqhqdllj0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 6px 16px 12px;
}

.la-page[b-fsqhqdllj0]  .lum-tabs-host {
    height: 100%;
}

.la-page[b-fsqhqdllj0]  .lum-tab-panels,
.la-page[b-fsqhqdllj0]  .lum-tab-panel {
    height: 100%;
    min-height: 0;
}


.la-stamp[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.la-pulse[b-fsqhqdllj0] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-quaternary);
    flex: none;
}

.la-pulse.on[b-fsqhqdllj0] {
    background: var(--accent-fill);
    animation: lm-pulse 2s ease-in-out infinite;
}

.la-every[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 28px;
    padding: 0 6px;
    border: none;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    cursor: pointer;
    white-space: nowrap;
}

.la-every:hover[b-fsqhqdllj0] { background: var(--surface-hover); color: var(--text-primary); }

.la-every[b-fsqhqdllj0]  .la-caret { transform: rotate(90deg); }


.la-pane[b-fsqhqdllj0] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px 0;
}

.la-flex[b-fsqhqdllj0] {
    flex: 1;
    min-height: 0;
}

.la-fill[b-fsqhqdllj0] {
    flex: 1;
}

.la-tools[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    flex: none;
    min-height: 32px;
}

.la-lead[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    flex: none;
    min-height: 32px;
}

.la-lead-title[b-fsqhqdllj0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.la-section-title[b-fsqhqdllj0] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.la-note[b-fsqhqdllj0] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: 1.4;
}

.la-empty[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 12px;
    color: var(--text-quaternary);
    font-size: var(--text-base);
}

.la-empty.small[b-fsqhqdllj0] {
    padding: 12px;
    font-size: var(--text-xs);
}

.la-count[b-fsqhqdllj0] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.la-count.warn[b-fsqhqdllj0] { color: var(--status-warn); }
.la-count.crit[b-fsqhqdllj0] { color: var(--status-crit); }

.la-focus[b-fsqhqdllj0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 8px 0 10px;
    border: none;
    border-radius: var(--r-pill);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    cursor: pointer;
    white-space: nowrap;
}

.la-focus:hover[b-fsqhqdllj0] { background: var(--surface-segment); }

.la-search[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 280px;
    height: 30px;
    padding: 0 10px;
    border-radius: var(--r-block);
    background: var(--surface-control);
    color: var(--text-tertiary);
}

.la-search:focus-within[b-fsqhqdllj0] { box-shadow: 0 0 0 1px var(--accent); }

.la-search input[b-fsqhqdllj0] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.la-search input[b-fsqhqdllj0]::placeholder { color: var(--text-tertiary); }

.la-search-x[b-fsqhqdllj0] {
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    font-size: var(--text-md);
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
}

.la-search-x:hover[b-fsqhqdllj0] { color: var(--text-primary); }


.la-foot[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
    min-height: 36px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
}

.la-attn[b-fsqhqdllj0] {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-secondary);
}

.la-attn.la-crit[b-fsqhqdllj0] { color: var(--status-crit); }
.la-attn.la-warn[b-fsqhqdllj0] { color: var(--status-warn); }


.la-glyph[b-fsqhqdllj0] {
    display: inline-block;
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1.5px var(--text-quaternary);
}

.la-glyph.accent[b-fsqhqdllj0] { background: var(--accent-fill); box-shadow: none; width: 6px; height: 6px; }

.la-glyph.warn[b-fsqhqdllj0] {
    width: 9px;
    height: 8px;
    border-radius: 0;
    box-shadow: none;
    background: var(--status-warn);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.la-glyph.crit[b-fsqhqdllj0] {
    width: 7px;
    height: 7px;
    border-radius: 1.5px;
    box-shadow: none;
    background: var(--status-crit);
    transform: rotate(45deg);
}


.la-mono[b-fsqhqdllj0] {
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.la-dim[b-fsqhqdllj0] { color: var(--text-tertiary); }
.la-dim2[b-fsqhqdllj0] { color: var(--text-secondary); }
.la-warn[b-fsqhqdllj0] { color: var(--status-warn); }
.la-crit[b-fsqhqdllj0] { color: var(--status-crit); }
.la-accent[b-fsqhqdllj0] { color: var(--text-primary); }

.la-user[b-fsqhqdllj0] {
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.la-link[b-fsqhqdllj0] {
    color: var(--accent);
    cursor: pointer;
}

.la-link:hover[b-fsqhqdllj0] { text-decoration: underline; }

.la-truncate[b-fsqhqdllj0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.la-sid[b-fsqhqdllj0] {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    gap: 8px;
}

.la-num[b-fsqhqdllj0] { text-align: right; }

.la-two[b-fsqhqdllj0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.la-two-a[b-fsqhqdllj0] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: var(--text-sm);
    line-height: 1.25;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.la-two-b[b-fsqhqdllj0] {
    font-size: var(--text-2xs);
    line-height: 1.25;
    color: var(--text-tertiary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.la-state-flag[b-fsqhqdllj0] {
    align-self: flex-start;
    line-height: 1;
    padding: 2px 4px;
    color: var(--text-secondary);
    border-color: var(--border-strong);
}

.la-state-flag.accent[b-fsqhqdllj0] { color: var(--text-primary); border-color: var(--accent); }
.la-state-flag.warn[b-fsqhqdllj0] { color: var(--status-warn); border-color: var(--status-warn); }
.la-state-flag.crit[b-fsqhqdllj0] { color: var(--status-crit); border-color: var(--status-crit); }
.la-state-flag.muted[b-fsqhqdllj0] { color: var(--text-secondary); border-color: transparent; font-weight: var(--weight-medium); }

.la-wait[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.la-sq[b-fsqhqdllj0] {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    flex: none;
    background: var(--text-quaternary);
}

.la-sq.warn[b-fsqhqdllj0] { background: var(--status-warn); }
.la-sq.crit[b-fsqhqdllj0] { background: var(--status-crit); }
.la-sq.cpu[b-fsqhqdllj0] { background: var(--series-green); }
.la-sq.io[b-fsqhqdllj0] { background: var(--accent-fill); }
.la-sq.idle[b-fsqhqdllj0] { background: var(--text-quaternary); }
.la-sq.other[b-fsqhqdllj0] { background: var(--series-purple); }

.la-sqlid[b-fsqhqdllj0] {
    font-size: var(--text-xs);
}

.la-bar[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.la-bar-num[b-fsqhqdllj0] {
    flex: none;
    width: 72px;
    text-align: right;
    color: var(--text-primary);
}

.la-bar-num.is-short[b-fsqhqdllj0] { width: 44px; }


.la-group-name[b-fsqhqdllj0] {
    display: inline-flex;
    vertical-align: middle;
    max-width: calc(100% - 30px);
    align-items: center;
    gap: 9px;
    min-width: 0;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.la-px[b-fsqhqdllj0] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 6px;
    border: none;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.la-px:hover[b-fsqhqdllj0] { background: var(--surface-selected); color: var(--text-primary); }
.la-px.is-static[b-fsqhqdllj0] { cursor: default; }
.la-px.is-static:hover[b-fsqhqdllj0] { background: var(--surface-control); color: var(--text-secondary); }


.la-chain[b-fsqhqdllj0] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.la-chain-body[b-fsqhqdllj0] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.la-chain-row[b-fsqhqdllj0] {
    display: grid;
    grid-template-columns: 34px 120px 130px minmax(120px, 180px) 124px minmax(0, 1fr) 110px 80px 100px;
    align-items: center;
    column-gap: 14px;
    height: 36px;
    padding: 0 10px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-primary);
    cursor: pointer;
}

.la-chain-row:not(.is-head):hover[b-fsqhqdllj0] { background: var(--surface-hover); }

.la-chain-row.is-head[b-fsqhqdllj0] {
    height: 30px;
    cursor: default;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    border-bottom-color: var(--border-strong);
}

.la-chain-row.is-blocker .la-chain-sid[b-fsqhqdllj0] { font-weight: var(--weight-semibold); }

.la-chain-lead[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.la-chain-sid[b-fsqhqdllj0] { white-space: nowrap; }

.is-right[b-fsqhqdllj0] { text-align: right; }

.la-chevron[b-fsqhqdllj0] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform var(--transition-fast);
}

.la-chevron[b-fsqhqdllj0]::before {
    content: '';
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent var(--text-tertiary);
    display: block;
}

.la-chevron.is-open[b-fsqhqdllj0] { transform: rotate(90deg); }


.la-space[b-fsqhqdllj0] {
    flex-direction: row;
    gap: 16px;
    padding-bottom: 12px;
}

.la-lives[b-fsqhqdllj0] {
    flex: none;
    width: 340px;
    display: flex;
    flex-direction: column;
    padding: 10px 8px 10px;
    border-radius: var(--r-card);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    overflow: hidden;
}

.la-lives-body[b-fsqhqdllj0] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1px;
    scrollbar-width: thin;
}

.la-lives-group[b-fsqhqdllj0] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 2px 8px 6px;
}

.la-lives-group.is-next[b-fsqhqdllj0] {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--border-subtle);
}

.la-lives-title[b-fsqhqdllj0] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.la-lives-row[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 30px;
    padding: 0 8px;
    border: none;
    border-radius: var(--r-block);
    background: transparent;
    font-family: var(--font-ui);
    text-align: left;
    cursor: pointer;
}

.la-lives-row:hover[b-fsqhqdllj0] { background: var(--surface-hover); }

.la-lives-row.is-focused[b-fsqhqdllj0] { background: var(--surface-control); }
.la-lives-row.is-focused .la-lives-name[b-fsqhqdllj0] { font-weight: var(--weight-semibold); }

.la-lives-row.is-idle[b-fsqhqdllj0] { cursor: default; }
.la-lives-row.is-idle:hover[b-fsqhqdllj0] { background: transparent; }
.la-lives-row.is-idle .la-lives-name[b-fsqhqdllj0],
.la-lives-row.is-idle .la-lives-num[b-fsqhqdllj0] { color: var(--text-tertiary); }

.la-lives-row[b-fsqhqdllj0]  .lum-bar { flex: none; width: 72px; }

.la-lives-name[b-fsqhqdllj0] {
    flex: 1;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.la-lives-num[b-fsqhqdllj0] {
    flex: none;
    width: 38px;
    text-align: right;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.la-lives-foot[b-fsqhqdllj0] {
    flex: none;
    margin-top: 8px;
    padding: 8px 8px 0;
    border-top: 1px solid var(--border-subtle);
    line-height: 1.5;
}

.la-space-main[b-fsqhqdllj0] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.la-charts[b-fsqhqdllj0] {
    flex: none;
    display: flex;
    gap: 12px;
}

.la-chart[b-fsqhqdllj0] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px 10px;
    border-radius: var(--r-card);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    overflow: hidden;
}

.la-chart-head[b-fsqhqdllj0] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex: none;
}

.la-chart-title[b-fsqhqdllj0] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.la-chart-body[b-fsqhqdllj0] {
    flex: 1;
    min-height: 150px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.la-chart-foot[b-fsqhqdllj0] {
    flex: none;
    line-height: 1.45;
}

.la-chart-scrim[b-fsqhqdllj0] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--scrim);
    z-index: 5;
}

.la-work-detail[b-fsqhqdllj0] {
    display: flex;
    gap: 24px;
    padding: 2px 0;
}

.la-work-col[b-fsqhqdllj0] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.la-work-actions[b-fsqhqdllj0] {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.la-detail-row[b-fsqhqdllj0] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 5px 0;
    border-bottom: 1px solid var(--border-subtle);
}

.la-detail-k[b-fsqhqdllj0] {
    flex: none;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.la-detail-v[b-fsqhqdllj0] {
    flex: 1;
    min-width: 0;
    text-align: right;
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.la-op-cell[b-fsqhqdllj0] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.la-op-kind[b-fsqhqdllj0] { flex: none; line-height: 1; padding: 2px 4px; }


.la-page[b-fsqhqdllj0]  .la-dense .lum-grid-table tbody td {
    padding: 6px 10px;
    font-size: var(--text-sm);
}

.la-page[b-fsqhqdllj0]  .la-dense .lum-grid-table thead th {
    padding: 7px 10px;
}

.la-page[b-fsqhqdllj0]  .la-groups > .lum-grid-scroll > .lum-grid-table > tbody > tr:not(.lum-grid-detail-row) > td {
    height: 36px;
}

.la-page[b-fsqhqdllj0]  .la-dense .lum-grid-table > tbody > tr.lum-grid-detail-row > td:has(> .la-members) {
    padding: 2px 10px 10px 30px;
}

@media (max-width: 1400px) {
    .la-lives[b-fsqhqdllj0] { width: 300px; }
    .la-search[b-fsqhqdllj0] { width: 220px; }
}

@media (max-width: 1100px) {
    .la-space[b-fsqhqdllj0] { flex-direction: column; }
    .la-lives[b-fsqhqdllj0] { width: auto; max-height: 260px; }
    .la-charts[b-fsqhqdllj0] { flex-direction: column; }
    .la-work-detail[b-fsqhqdllj0] { flex-direction: column; gap: 12px; }
}

.mem-page[b-idialpwgcg] {
    --mem-panel: var(--surface-raised);
    --mem-card: var(--surface-overlay);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 16px 14px;
    box-sizing: border-box;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
}

[data-theme="light"] .mem-page[b-idialpwgcg] {
    --mem-panel: var(--surface-hover);
    --mem-card: var(--surface-raised);
}

.mem-gap[b-idialpwgcg] { flex: 1 1 auto; }

.mem-quiet[b-idialpwgcg] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.mem-tri[b-idialpwgcg] {
    flex: none;
    display: block;
    width: 11px;
    height: 10px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--warn);
}

.mem-top[b-idialpwgcg] {
    flex: none;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.mem-mode[b-idialpwgcg] {
    flex: none;
    height: 28px;
    padding: 0 11px;
    border: 0;
    border-radius: var(--r-block);
    background: var(--accent-tint);
    color: var(--accent-text);
    font-family: var(--font-ui);
    font-size: var(--text-md);
    font-weight: 600;
    letter-spacing: .04em;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.mem-mode.is-manual[b-idialpwgcg] {
    background: var(--surface-control);
    color: var(--text-secondary);
}

.mem-mode.is-static[b-idialpwgcg] { cursor: default; color: var(--text-heading); }

.mem-mode-text[b-idialpwgcg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.mem-mode-name[b-idialpwgcg] {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
}

.mem-mode-line[b-idialpwgcg] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-mode-text:hover .mem-mode-line[b-idialpwgcg] { color: var(--text-secondary); }

.mem-issue[b-idialpwgcg] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 560px;
    height: 28px;
    margin-left: 8px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--r-pill);
    background: var(--warn-tint);
    color: var(--warn-text);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.mem-issue-text[b-idialpwgcg] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-issue-more[b-idialpwgcg] {
    flex: none;
    color: var(--text-tertiary);
}

.mem-issue.is-crit[b-idialpwgcg] { color: var(--critical-text); }
.mem-issue.is-crit .mem-tri[b-idialpwgcg],
.mem-sh-issue.is-crit .mem-tri[b-idialpwgcg] { background: var(--critical); }

.mem-seg[b-idialpwgcg] { flex: none; flex-wrap: nowrap; }
.mem-seg .lum-seg-btn[b-idialpwgcg] { padding: 5px 11px; font-size: var(--text-sm); }

.mem-page[b-idialpwgcg]  .mem-tabs {
    --lum-tabs-panel: var(--mem-panel);
    flex: 1 1 auto;
    min-height: 0;
}

.mem-overview[b-idialpwgcg] {
    height: 100%;
    box-sizing: border-box;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mem-sizes[b-idialpwgcg] {
    flex: none;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 12px;
}

.mem-size[b-idialpwgcg] {
    min-width: 0;
    box-sizing: border-box;
    padding: 14px 18px;
    border-radius: var(--r-card);
    background: var(--mem-card);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mem-size-head[b-idialpwgcg] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}

.mem-size-name[b-idialpwgcg] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-secondary);
}

.mem-size-total[b-idialpwgcg] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--text-heading);
    white-space: nowrap;
}

.mem-size-of[b-idialpwgcg] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-size[b-idialpwgcg]  .mem-size-bar {
    flex: none;
    border-radius: 4px;
    background: var(--surface-control);
    overflow: visible;
}

.mem-size[b-idialpwgcg]  .mem-size-bar .lum-bar-part { box-shadow: inset -1px 0 0 var(--mem-card); }
.mem-size[b-idialpwgcg]  .mem-size-bar .lum-bar-part:first-of-type { border-radius: 4px 0 0 4px; }
.mem-size[b-idialpwgcg]  .mem-size-bar .lum-bar-part:last-of-type { border-radius: 0; }
.mem-size[b-idialpwgcg]  .mem-size-bar .lum-bar-tick { top: -4px; bottom: -4px; border-radius: 1px; }

.mem-legend[b-idialpwgcg] {
    display: grid;
    column-gap: 18px;
    row-gap: 6px;
}

.mem-legend.is-sga[b-idialpwgcg] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mem-legend.is-pga[b-idialpwgcg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.mem-row[b-idialpwgcg] {
    min-width: 0;
    margin: -3px -6px;
    padding: 3px 6px;
    border: 0;
    border-radius: var(--r-chip);
    background: transparent;
    color: inherit;
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    column-gap: 8px;
    align-items: center;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    text-align: left;
}

.mem-row.is-open-able[b-idialpwgcg] { cursor: pointer; }
.mem-row.is-open-able:hover[b-idialpwgcg] { background: var(--surface-control); }

.mem-swatch[b-idialpwgcg] {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
}

.mem-swatch.is-inuse[b-idialpwgcg] { background: var(--cat-1); }
.mem-swatch.is-idle[b-idialpwgcg] { background: var(--cat-2); }
.mem-swatch.is-target[b-idialpwgcg] { background: var(--text-heading); }
.mem-swatch.is-limit[b-idialpwgcg] { background: var(--surface-control); box-shadow: inset 0 0 0 1px var(--text-quaternary); }
.mem-swatch.is-hollow[b-idialpwgcg] { background: transparent; box-shadow: inset 0 0 0 1px var(--text-quaternary); }

.mem-row-name[b-idialpwgcg] {
    min-width: 0;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-row-val[b-idialpwgcg] {
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
}

.mem-row-val.is-warn[b-idialpwgcg],
.mem-card-value.is-warn[b-idialpwgcg],
.mem-param-val.warn[b-idialpwgcg],
.mem-fact-value.is-warn[b-idialpwgcg],
.mem-warn-ink[b-idialpwgcg] { color: var(--warn-text); }

.mem-charts[b-idialpwgcg] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr 1fr;
    gap: 12px;
}

.mem-card[b-idialpwgcg] {
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    padding: 11px 14px 8px;
    border-radius: var(--r-card);
    background: var(--mem-card);
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    outline: none;
    transition: box-shadow var(--transition-fast);
}

.mem-card:focus-visible[b-idialpwgcg] { box-shadow: var(--focus-ring); }

.mem-card-head[b-idialpwgcg] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.mem-card-head .mem-tri[b-idialpwgcg] { align-self: center; }

.mem-card-title[b-idialpwgcg] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-card-value[b-idialpwgcg] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
}

.mem-card-unit[b-idialpwgcg] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.mem-keys[b-idialpwgcg] {
    display: flex;
    gap: 12px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.mem-key[b-idialpwgcg] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mem-key i[b-idialpwgcg] {
    display: block;
    width: 12px;
    height: 2px;
    border-radius: 1px;
}

.mem-plot[b-idialpwgcg] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    margin: 4px 0 0 34px;
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-strong);
}

.mem-plot.is-sheet[b-idialpwgcg] { flex: none; height: 140px; margin-left: 46px; border-top: 0; }

.mem-plot[b-idialpwgcg]  .lumviz-host {
    position: absolute;
    inset: 0;
    height: auto !important;
}

.mem-y[b-idialpwgcg] {
    position: absolute;
    right: 100%;
    margin-right: 8px;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    white-space: nowrap;
}

.mem-y.is-top[b-idialpwgcg] { top: -7px; }
.mem-y.is-bottom[b-idialpwgcg] { bottom: -7px; }

.mem-pin[b-idialpwgcg] {
    position: absolute;
    transform: translate(var(--pin-x, -50%), var(--pin-y, calc(-100% - 8px)));
    padding: 1px 5px;
    border-radius: var(--r-chip);
    background: var(--surface-raised);
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
    pointer-events: none;
}

.mem-pin.is-below[b-idialpwgcg] { --pin-y: 8px; }
.mem-pin.is-left[b-idialpwgcg] { --pin-x: -6px; }
.mem-pin.is-right[b-idialpwgcg] { --pin-x: calc(-100% + 6px); }

.mem-x[b-idialpwgcg] {
    margin-left: 34px;
    display: flex;
    justify-content: space-between;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
}

.mem-x.is-sheet[b-idialpwgcg] { margin-left: 46px; font-size: var(--text-2xs); }

.mem-empty[b-idialpwgcg] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.mem-sh-head[b-idialpwgcg] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mem-sh-name[b-idialpwgcg] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
}

.mem-sh-note[b-idialpwgcg] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-sh-issue[b-idialpwgcg] {
    flex: none;
    width: 100%;
    height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--r-card);
    background: var(--warn-tint);
    color: var(--warn-text);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 500;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mem-sh-issue.is-link[b-idialpwgcg] { cursor: pointer; }

.mem-sh-issue span[b-idialpwgcg] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-sh-issue.is-crit[b-idialpwgcg] { color: var(--critical-text); }

.mem-inside[b-idialpwgcg] {
    height: 26px;
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) 190px 72px;
    column-gap: 14px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.mem-inside.is-users[b-idialpwgcg] { grid-template-columns: 140px minmax(0, 1fr) 190px 72px; }

.mem-inside-name[b-idialpwgcg] {
    min-width: 0;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-inside-name.is-mono[b-idialpwgcg],
.mem-sqlid[b-idialpwgcg] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.mem-sqlid[b-idialpwgcg] {
    justify-self: start;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-inside-sub[b-idialpwgcg] {
    min-width: 0;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-inside[b-idialpwgcg]  .lum-bar { width: 100%; }

.mem-inside-val[b-idialpwgcg] {
    text-align: right;
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
}

.mem-move[b-idialpwgcg] {
    height: 26px;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 80px;
    column-gap: 14px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.mem-move-at[b-idialpwgcg] { color: var(--text-tertiary); white-space: nowrap; }
.mem-move-what[b-idialpwgcg] { min-width: 0; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mem-move-delta[b-idialpwgcg] { text-align: right; font-weight: 600; color: var(--text-heading); white-space: nowrap; }
.mem-move-delta.is-shrink[b-idialpwgcg] { color: var(--text-secondary); }

.mem-sh-charts[b-idialpwgcg] {
    flex: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.mem-sh-chart[b-idialpwgcg] {
    min-height: 0;
    gap: 8px;
    padding-bottom: 10px;
}

.mem-sh-chart .lum-sheet-card-note[b-idialpwgcg] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mem-more[b-idialpwgcg]  .lum-disc-body > * + * { margin-top: 10px; }

.mem-facts[b-idialpwgcg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    column-gap: 18px;
}

.mem-fact[b-idialpwgcg] {
    min-height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.mem-fact-label[b-idialpwgcg] { color: var(--text-secondary); }
.mem-fact-value[b-idialpwgcg] { font-weight: 600; color: var(--text-heading); white-space: nowrap; }

.mem-spill[b-idialpwgcg] {
    position: relative;
    height: 220px;
}

.mem-list[b-idialpwgcg] {
    display: flex;
    flex-direction: column;
}

.mem-list > :last-child[b-idialpwgcg] { box-shadow: none; }

.mem-param[b-idialpwgcg] {
    min-height: 30px;
    display: grid;
    grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
    column-gap: 14px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.mem-param-name[b-idialpwgcg] { color: var(--text-secondary); font-family: var(--font-mono); }
.mem-param-val[b-idialpwgcg] { font-weight: 600; color: var(--text-heading); overflow-wrap: anywhere; }
.mem-param-val.muted[b-idialpwgcg] { font-weight: 400; color: var(--text-tertiary); }

.mx-page[b-lwbloe09x5] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 14px;
    box-sizing: border-box;
    overflow: hidden;
}

.mx-gap[b-lwbloe09x5] { flex: 1 1 auto; }

.mx-top[b-lwbloe09x5] {
    position: relative;
    flex: none;
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mx-spans[b-lwbloe09x5] { flex: none; flex-wrap: nowrap; }
.mx-spans .lum-seg-btn[b-lwbloe09x5] { padding: 5px 12px; font-size: var(--text-sm); }

.mx-custom[b-lwbloe09x5] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    box-shadow: var(--shadow-pop);
}

.mx-custom-label[b-lwbloe09x5] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.mx-ribbon[b-lwbloe09x5] {
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.mx-notes[b-lwbloe09x5] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 5px;
}

.mx-note[b-lwbloe09x5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    padding: 4px 10px;
    border: 1px solid var(--border-subtle);
    border-left-width: 2px;
    border-radius: var(--radius-md);
    background: var(--surface-card);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.mx-note.is-open[b-lwbloe09x5] { cursor: pointer; }

.mx-note-text[b-lwbloe09x5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mx-note-text b[b-lwbloe09x5] {
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.mx-note-tag[b-lwbloe09x5] {
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.mx-note-arrow[b-lwbloe09x5] {
    flex: 0 0 auto;
    font-size: 10.5px;
    color: var(--text-tertiary);
}

.mx-note-when[b-lwbloe09x5] {
    flex: 0 0 auto;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    padding-left: 6px;
    border-left: 1px solid var(--border-subtle);
}

.mx-note.is-week .mx-note-arrow[b-lwbloe09x5] { color: var(--accent); }

.mx-note.is-warn .mx-note-tag[b-lwbloe09x5] { color: var(--status-warn); }

.mx-note.is-crit .mx-note-tag[b-lwbloe09x5] { color: var(--status-crit); }

.mx-note.is-quiet[b-lwbloe09x5] {
    border-style: dashed;
    border-left-width: 1px;
    background: transparent;
    color: var(--text-tertiary);
}

.mx-meta[b-lwbloe09x5] {
    flex: 0 0 auto;
    display: flex;
    gap: 6px;
}

.mx-chip[b-lwbloe09x5] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    padding: 5px 11px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    background: var(--surface-card);
}

.mx-chip-label[b-lwbloe09x5] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.mx-chip-value[b-lwbloe09x5] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    line-height: 1.2;
    white-space: nowrap;
}

.mx-chip-value.sm[b-lwbloe09x5] { font-size: var(--text-xs); font-weight: var(--weight-medium); }

.mx-chip-value em[b-lwbloe09x5] {
    font-style: normal;
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.mx-chip-wide[b-lwbloe09x5] {
    max-width: 260px;
    overflow: hidden;
}

.mx-chip-wide .mx-chip-value[b-lwbloe09x5] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.mx-presets[b-lwbloe09x5] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mx-presets-label[b-lwbloe09x5] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    margin-right: 2px;
}

.mx-preset-seg[b-lwbloe09x5] { flex: none; }
.mx-preset-seg .lum-seg-btn[b-lwbloe09x5] { padding: 4px 11px; font-size: var(--text-xs); }

.mx-presets-note[b-lwbloe09x5] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}

.mx-body[b-lwbloe09x5] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 10px;
}

.mx-grid[b-lwbloe09x5] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (max-width: 1500px) {
    .mx-body[b-lwbloe09x5] { flex-direction: column; }

}

.mx-card[b-lwbloe09x5] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    overflow: visible;
}

.mx-card:hover[b-lwbloe09x5] { z-index: 30; }

.mx-card-head[b-lwbloe09x5] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px 4px;
}

.mx-card-head[b-lwbloe09x5]  .lum-select {
    flex: 1 1 0;
    min-width: 0;
}

.mx-card-head[b-lwbloe09x5]  .lum-select-trigger {
    background: transparent;
    border: none;
    box-shadow: none;
    padding-left: 2px;
}

.mx-card-head[b-lwbloe09x5]  .lum-select-value {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
}

.mx-dev[b-lwbloe09x5] {
    flex: 0 0 auto;
    gap: 5px;
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
}

.mx-dev.is-ungraded[b-lwbloe09x5] {
    border: 1px dashed var(--border-strong);
    opacity: 0.8;
}

.mx-dev em[b-lwbloe09x5] {
    font-style: normal;
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.04em;
    opacity: 0.65;
}

.mx-dev b[b-lwbloe09x5] {
    font-weight: var(--weight-semibold);
    padding-left: 5px;
    border-left: 1px solid currentColor;
    opacity: 0.9;
}

.mx-card-stats[b-lwbloe09x5] {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 0 11px 5px;
    border-bottom: 1px solid var(--border-faint);
}

.mx-stat[b-lwbloe09x5] {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    white-space: nowrap;
}

.mx-stat em[b-lwbloe09x5] {
    font-style: normal;
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.04em;
    color: var(--text-quaternary);
}

.mx-card-body[b-lwbloe09x5] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 4px;
    display: flex;
    flex-direction: column;
}

.mx-card-body[b-lwbloe09x5]  > div {
    flex: 1 1 auto;
    min-height: 0;
}

@media (max-width: 1500px) {
    .mx-grid[b-lwbloe09x5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }

    .mx-page[b-lwbloe09x5] { overflow-y: auto; }
    .mx-grid[b-lwbloe09x5] { min-height: 900px; }
}

@media (max-width: 1000px) {
    .mx-grid[b-lwbloe09x5] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(6, 260px);
        min-height: 0;
    }

    .mx-chip-wide[b-lwbloe09x5] { max-width: 100%; }
}

.mx-state[b-lwbloe09x5] {
    min-width: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--text-sm);
}

.mx-mode[b-lwbloe09x5] {
    flex: none;
    padding: 2px 7px;
    border-radius: var(--radius-sm);
    background: var(--surface-hover);
    color: var(--text-tertiary);
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.06em;
}

.mx-mode.is-live[b-lwbloe09x5] { background: var(--accent-tint); color: var(--text-heading); }
.mx-mode.is-history[b-lwbloe09x5] { background: var(--surface-segment); color: var(--text-secondary); }

.mx-live-dot[b-lwbloe09x5] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-fill);
    animation: lm-pulse 2s ease-in-out infinite;
}

.mx-live-dot.is-off[b-lwbloe09x5] {
    background: currentColor;
    opacity: .35;
    animation: none;
}

.mx-hdr-window[b-lwbloe09x5] {
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.mx-hdr-sep[b-lwbloe09x5] { color: var(--text-quaternary); margin: 0 6px; }

.mx-hdr-res[b-lwbloe09x5] {
    font-family: var(--font-mono);
    color: var(--text-tertiary);
}

.mx-hdr-res em[b-lwbloe09x5] {
    margin-left: 5px;
    font-style: normal;
    color: var(--text-quaternary);
}

.mx-rail[b-lwbloe09x5] {
    flex: none;
    width: 336px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.mx-findings[b-lwbloe09x5] {
    flex: 0 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    max-height: 40%;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.mx-findings-head[b-lwbloe09x5] {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 11px 14px 7px;
}

.mx-findings-title[b-lwbloe09x5] {
    font-size: var(--text-md);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.mx-findings .mx-notes[b-lwbloe09x5] {
    flex: 1;
    min-height: 0;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: stretch;
    gap: 4px;
    padding: 0 12px 12px;
    overflow-y: auto;
}

.mx-findings .mx-note[b-lwbloe09x5] { width: 100%; }

.mx-ladder[b-lwbloe09x5] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.mx-ladder-body[b-lwbloe09x5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.mx-ladder-head[b-lwbloe09x5] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    padding: 13px 16px;
    border-bottom: 1px solid var(--border-faint);
}

.mx-ladder-title[b-lwbloe09x5] {
    font-size: var(--text-md);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.mx-ladder-sub[b-lwbloe09x5] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.mx-ladder-counts[b-lwbloe09x5] {
    display: flex;
    align-items: baseline;
    gap: 18px;
    margin-left: auto;
}

.mx-ladder-count[b-lwbloe09x5] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.mx-ladder-count b[b-lwbloe09x5] {
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-size: var(--text-md);
    color: var(--text-primary);
    margin-right: 5px;
}

.mx-ladder-count.is-warn b[b-lwbloe09x5] { color: var(--status-warn); }

.mx-ladder-count.is-ungraded[b-lwbloe09x5] { color: var(--text-tertiary); font-style: italic; }
.mx-ladder-count.is-ungraded b[b-lwbloe09x5] { color: var(--text-tertiary); font-style: normal; }

.mx-ladder-cols[b-lwbloe09x5],
.mx-rung[b-lwbloe09x5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
        "name avg ratio"
        "track track track";
    column-gap: 10px;
    row-gap: 6px;
    align-items: center;
}

.mx-rung-name[b-lwbloe09x5]  { grid-area: name; }
.mx-rung-now[b-lwbloe09x5]   { grid-area: avg; }
.mx-rung-ratio[b-lwbloe09x5] { grid-area: ratio; }
.mx-rung-track[b-lwbloe09x5] { grid-area: track; }

.mx-ladder-cols[b-lwbloe09x5] {
    padding: 8px 14px;
    background: var(--surface-inset);
    border-bottom: 1px solid var(--border-faint);
}

.mx-ladder-axis[b-lwbloe09x5] { grid-area: track; }

.mx-right[b-lwbloe09x5] { text-align: right; }

.mx-ladder-axis[b-lwbloe09x5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mx-ladder-end[b-lwbloe09x5] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}

.mx-rung[b-lwbloe09x5] {
    padding: 9px 14px;
    border-bottom: 1px solid var(--border-faint);
}

.mx-rung:last-child[b-lwbloe09x5] { border-bottom: none; }
.mx-rung:hover[b-lwbloe09x5] { background: var(--surface-hover); }

.mx-rung-name[b-lwbloe09x5] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mx-rung-now[b-lwbloe09x5] {
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.mx-rung-track[b-lwbloe09x5] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.mx-rung-ratio[b-lwbloe09x5] {
    text-align: right;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.mx-ladder-empty[b-lwbloe09x5] {
    padding: 18px 16px 22px;
    font-size: var(--text-sm);
    line-height: 1.55;
    color: var(--text-tertiary);
    text-align: center;
}

.mx-rung:not(.is-above) .mx-rung-ratio[b-lwbloe09x5] { color: var(--text-primary); }

.mx-rung.is-above.is-warn .mx-rung-ratio[b-lwbloe09x5] { color: var(--status-warn); }
.mx-rung.is-above.is-crit .mx-rung-ratio[b-lwbloe09x5] { color: var(--status-crit); }

.mx-rung.is-ungraded .mx-rung-ratio[b-lwbloe09x5] { color: var(--text-tertiary); font-style: italic; }

@media (max-width: 1100px) {
    .mx-rung[b-lwbloe09x5] { padding: 8px 12px; }
}


[b-lwbloe09x5] .mx-ribbon-asof {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    white-space: nowrap;
}


@media (max-width: 1500px) {
    .mx-rail[b-lwbloe09x5] {
        width: auto;
        flex: none;
        flex-direction: row;
        align-items: stretch;
        overflow: visible;
    }

    .mx-findings[b-lwbloe09x5] {
        flex: 0 0 360px;
        max-height: none;
    }

    .mx-ladder[b-lwbloe09x5] { flex: 1 1 auto; }

    .mx-ladder-body[b-lwbloe09x5] { overflow-y: visible; }
    .mx-findings .mx-notes[b-lwbloe09x5] { overflow-y: visible; }
}

@media (max-width: 1000px) {
    .mx-rail[b-lwbloe09x5] { flex-direction: column; }
    .mx-findings[b-lwbloe09x5] { flex: none; }
}

.mx-con-label[b-lwbloe09x5] {
    margin-left: 14px;
}

.ma-page[b-qce5s2krhn] {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 20px;
    width: 100%;
    overflow: hidden;
}

.ma-head[b-qce5s2krhn] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.ma-head-left[b-qce5s2krhn] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ma-icon[b-qce5s2krhn] {
    width: 44px;
    height: 44px;
    border-radius: var(--r-card);
    background: var(--accent-tint);
    color: var(--lume);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ma-head-left h1[b-qce5s2krhn] {
    margin: 0;
    font-size: var(--text-title1);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.ma-head-left p[b-qce5s2krhn] {
    margin: 2px 0 0;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.ma-head-right[b-qce5s2krhn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ma-head-right[b-qce5s2krhn]  .ma-pick { width: 220px; flex: none; }

.ma-cap[b-qce5s2krhn] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.ma-empty[b-qce5s2krhn] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--border-strong);
    border-radius: var(--r-card);
}

.ma-grid[b-qce5s2krhn] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(var(--ma-cols, 1), minmax(0, 1fr));
    grid-template-rows: repeat(var(--ma-rows, 1), minmax(0, 1fr));
    grid-auto-flow: column;
    gap: 14px;
}

.ma-card[b-qce5s2krhn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.ma-card-head[b-qce5s2krhn] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 10px 0 16px;
}

.ma-card-id[b-qce5s2krhn] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}

.ma-name[b-qce5s2krhn] {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-size: var(--text-title3);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ma-tag[b-qce5s2krhn] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ma-card-actions[b-qce5s2krhn] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
}

.ma-figures[b-qce5s2krhn] {
    flex: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 8px 16px 2px;
}

.ma-fig[b-qce5s2krhn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ma-fig-val[b-qce5s2krhn] {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-size: var(--text-lg);
    line-height: 1.15;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.ma-fig-cap[b-qce5s2krhn] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.ma-chart[b-qce5s2krhn] {
    position: relative;
    flex: 1 1 auto;
    min-height: 120px;
    padding: 0 8px;
}

.ma-chart[b-qce5s2krhn]  > div:first-child { height: 100%; }

.ma-state[b-qce5s2krhn] {
    height: 100%;
    padding: 0 20px;
    font-size: var(--text-base);
}

.ma-foot[b-qce5s2krhn] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 16px 10px;
    border-top: 1px solid var(--border-subtle);
    min-height: 34px;
}

.ma-mix[b-qce5s2krhn] {
    flex: 0 0 120px;
}

.ma-top[b-qce5s2krhn] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.ma-top-item[b-qce5s2krhn] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.ma-top-dot[b-qce5s2krhn] {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    flex: none;
}

.ma-top-pct[b-qce5s2krhn] {
    font-family: var(--font-mono);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.ma-quiet[b-qce5s2krhn] { color: var(--text-tertiary); }
.ma-stale[b-qce5s2krhn] { color: var(--status-warn); }

.ma-stamp[b-qce5s2krhn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.ma-stamp .lum-dot[b-qce5s2krhn] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

@media (max-width: 900px) {
    .ma-page[b-qce5s2krhn] {
        height: auto;
        min-height: 100%;
        overflow: visible;
        padding: 12px 16px;
    }

    .ma-head[b-qce5s2krhn] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ma-head-left h1[b-qce5s2krhn] { font-size: var(--text-xl); }

    .ma-grid[b-qce5s2krhn] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        grid-auto-flow: row;
        grid-auto-rows: minmax(360px, auto);
    }

    .ma-chart[b-qce5s2krhn] { height: 220px; flex: none; }

    .ma-figures[b-qce5s2krhn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ma-mix[b-qce5s2krhn] { flex-basis: 80px; }
}

.ov-page[b-yhnzeoe397] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px 32px 32px;
    box-sizing: border-box;
    overflow: auto;
    font-variant-numeric: tabular-nums;
}

.ov-top[b-yhnzeoe397] {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ov-titles[b-yhnzeoe397] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
    min-width: 0;
}

.ov-h1[b-yhnzeoe397] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-display);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: var(--text-heading);
}

.ov-span[b-yhnzeoe397] {
    font-size: var(--text-title3);
    color: var(--text-secondary);
}

.ov-facts[b-yhnzeoe397] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.ov-fact + .ov-fact[b-yhnzeoe397]::before {
    content: "·";
    padding: 0 8px;
    color: var(--text-quaternary);
}

.ov-urgent[b-yhnzeoe397] {
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 4px -8px 0;
    padding: 4px 8px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    font: inherit;
    font-size: var(--text-md);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
}

.ov-urgent:hover[b-yhnzeoe397] { background: var(--surface-hover); }

.ov-urgent-item[b-yhnzeoe397] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ov-h2[b-yhnzeoe397] {
    flex: none;
    margin: 4px 0 -8px;
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-heading);
}

.ov-highlights[b-yhnzeoe397] {
    flex: none;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
}

.ov-highlights > .lum-highlight[b-yhnzeoe397] { grid-column: span var(--span, 12); }

.ov-heat[b-yhnzeoe397] { height: 156px; min-width: 0; }
.ov-forecast[b-yhnzeoe397] { height: 180px; min-width: 0; }
.ov-changes[b-yhnzeoe397] { height: 150px; min-width: 0; }

.ov-sqlid[b-yhnzeoe397] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.ov-unread[b-yhnzeoe397] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

@media (max-width: 1100px) {
    .ov-highlights > .lum-highlight[b-yhnzeoe397] { grid-column: span 6; }
    .ov-highlights > .lum-highlight[data-part="changes"][b-yhnzeoe397],
    .ov-highlights > .lum-highlight[data-part="space"][b-yhnzeoe397] { grid-column: span 12; }
}

@media (max-width: 760px) {
    .ov-page[b-yhnzeoe397] { padding: 20px 16px 24px; }
    .ov-highlights > .lum-highlight[b-yhnzeoe397] { grid-column: span 12; }
}

.ov-sh[b-yhnzeoe397] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.ov-sh-line[b-yhnzeoe397] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.ov-key[b-yhnzeoe397] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ov-swatch.is-warn[b-yhnzeoe397] {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--warn);
}

.ov-sh-chart[b-yhnzeoe397] { height: 260px; min-width: 0; padding: 4px 0 8px; }
.ov-sh-chart.is-low[b-yhnzeoe397] { height: 180px; }
.ov-sh-heat[b-yhnzeoe397] { height: 230px; min-width: 0; padding: 6px 0 8px; }
.ov-sh-strip[b-yhnzeoe397] { height: 44px; min-width: 0; padding-top: 4px; }

.ov-sh-hover[b-yhnzeoe397] {
    min-height: 20px;
    padding: 2px 0 6px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.ov-sh-empty[b-yhnzeoe397] {
    padding: 10px 0 12px;
    font-size: var(--text-sm);
    color: var(--text-quaternary);
}

.ov-sh-rows[b-yhnzeoe397] {
    margin: 0;
    padding: 4px 0 8px;
    list-style: none;
}

.ov-metric[b-yhnzeoe397] {
    display: grid;
    grid-template-columns: minmax(84px, 1fr) minmax(60px, 34%) minmax(64px, auto) 48px;
    align-items: center;
    gap: 10px;
    height: 25px;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ov-metric-name[b-yhnzeoe397] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-metric-spark[b-yhnzeoe397] { min-width: 0; height: 22px; }

.ov-metric-fig[b-yhnzeoe397] {
    text-align: right;
    white-space: nowrap;
    color: var(--text-heading);
    font-weight: var(--weight-medium);
}

.ov-change[b-yhnzeoe397] {
    text-align: right;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.ov-grid-host[b-yhnzeoe397] { padding: 2px 0 8px; }
.ov-grid-host[b-yhnzeoe397]  .lum-grid { border: none; background: transparent; box-shadow: none; }

.ov-share[b-yhnzeoe397] { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; }
.ov-share-track[b-yhnzeoe397] { flex: 1 1 auto; min-width: 40px; display: flex; align-items: center; }
.ov-share-track[b-yhnzeoe397]  .lum-bar { width: 100%; height: 8px; background: var(--surface-control); }
.ov-share-val[b-yhnzeoe397] {
    flex: none;
    min-width: 42px;
    text-align: right;
    font-weight: var(--weight-medium);
    color: var(--text-heading);
    white-space: nowrap;
}

.ov-num[b-yhnzeoe397] { color: var(--text-secondary); white-space: nowrap; }

.ov-cell-event[b-yhnzeoe397] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }

.ov-dot[b-yhnzeoe397] {
    flex: none;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.ov-dim[b-yhnzeoe397] {
    display: block;
    min-width: 0;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-domains[b-yhnzeoe397],
.ov-events-list[b-yhnzeoe397],
.ov-sh-slower[b-yhnzeoe397] {
    margin: 0;
    padding: 2px 0 6px;
    list-style: none;
}

.ov-domain[b-yhnzeoe397] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 0;
}

.ov-domain + .ov-domain[b-yhnzeoe397] { border-top: 1px solid var(--border-subtle); }

.ov-domain-head[b-yhnzeoe397] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ov-domain-name[b-yhnzeoe397] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.ov-domain-line[b-yhnzeoe397] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-domain.is-none .ov-domain-line[b-yhnzeoe397],
.ov-domain.is-unknown .ov-domain-line[b-yhnzeoe397] { color: var(--text-tertiary); }

.ov-factor[b-yhnzeoe397] {
    font-weight: var(--weight-semibold);
    color: var(--warn-text);
    white-space: nowrap;
}

.ov-factor.is-crit[b-yhnzeoe397] { color: var(--status-crit); }

.ov-event[b-yhnzeoe397] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 28px;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.ov-event + .ov-event[b-yhnzeoe397] { border-top: 1px solid var(--border-subtle); }

.ov-event-mark[b-yhnzeoe397] { display: inline-flex; align-items: center; justify-content: center; }

.ov-event-text[b-yhnzeoe397] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-event.is-plain .ov-event-text[b-yhnzeoe397] { color: var(--text-secondary); }

.pgap-dialog[b-bhcgoqscum] { width: 760px; }

.pgap-dialog .lum-prefs-body[b-bhcgoqscum] { padding-top: 4px; }

.pgap-list[b-bhcgoqscum] {
    display: flex;
    height: min(440px, calc(100vh - 260px));
    min-height: 200px;
    overflow: hidden;
}

.pgap-list[b-bhcgoqscum]  .lum-grid { flex: 1 1 auto; }

.pdo-dialog[b-3jalofoeel] { width: 720px; }

.pdo-body[b-3jalofoeel] { padding-top: 4px; }

.pdo-list[b-3jalofoeel] {
    display: flex;
    height: min(340px, calc(100vh - 430px));
    min-height: 180px;
    overflow: hidden;
}

.pdo-list[b-3jalofoeel]  .lum-grid { flex: 1 1 auto; }

.pdo-dim[b-3jalofoeel] { color: var(--text-secondary); }

.pdo-acts[b-3jalofoeel] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
}

.pol[b-gendrv5h04] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 24px 22px;
    box-sizing: border-box;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.pol-gap[b-gendrv5h04] { flex: 1 1 auto; }

.pol-card[b-gendrv5h04] {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
}

.pol-title[b-gendrv5h04] {
    flex: none;
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.pol-hint[b-gendrv5h04] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pol-top[b-gendrv5h04] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pol-kinds[b-gendrv5h04] {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.pol-kind[b-gendrv5h04] {
    height: 74px;
    min-width: 0;
    padding: 12px 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--transition-fast);
}

.pol-kind:hover[b-gendrv5h04] { border-color: var(--border-strong); }
.pol-kind:focus-visible[b-gendrv5h04] { outline: 2px solid var(--accent); outline-offset: 2px; }

.pol-kind-cell[b-gendrv5h04] {
    position: relative;
    min-width: 0;
}

.pol-kind-cell > .pol-kind[b-gendrv5h04] { width: 100%; }

.pol-kind-cell > .pol-kind .pol-kind-line[b-gendrv5h04] { padding-right: 32px; }

.pol-kind-cell[b-gendrv5h04]  .pol-kind-help {
    position: absolute;
    right: 10px;
    bottom: 8px;
}

.pol-kind-top[b-gendrv5h04] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--text-tertiary);
}

.pol-kind-name[b-gendrv5h04] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.pol-kind-fig[b-gendrv5h04] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.pol-kind-line[b-gendrv5h04] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pol-main[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: clamp(360px, 25vw, 440px) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 14px;
}

.pol-left[b-gendrv5h04],
.pol-right[b-gendrv5h04],
.pol-mon[b-gendrv5h04] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.pol-mon[b-gendrv5h04] { flex: 1 1 auto; }

.pol-sec[b-gendrv5h04],
.pol-shead[b-gendrv5h04] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 14px;
    box-sizing: border-box;
}

.pol[b-gendrv5h04]  .lum-btn-sm { gap: 6px; font-size: var(--text-xs); font-weight: var(--weight-medium); }

.pol-icon[b-gendrv5h04] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.pol-icon.sm[b-gendrv5h04] {
    width: 26px;
    height: 26px;
    color: var(--text-tertiary);
}

.pol-icon:hover:not(:disabled)[b-gendrv5h04] { background: var(--surface-hover); color: var(--text-primary); }
.pol-icon:focus-visible[b-gendrv5h04] { outline: 2px solid var(--accent); outline-offset: -2px; }
.pol-icon:disabled[b-gendrv5h04] { opacity: .4; cursor: not-allowed; }

.pol-link[b-gendrv5h04] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--accent);
    cursor: pointer;
}

.pol-link:hover[b-gendrv5h04] { text-decoration: underline; text-underline-offset: 3px; }

.pol-sec.is-closed[b-gendrv5h04] { min-height: 62px; }

.pol-sec-btn[b-gendrv5h04] {
    flex: 1 1 auto;
    align-self: stretch;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: default;
}

.pol-sec.is-closed .pol-sec-btn[b-gendrv5h04] { cursor: pointer; }
.pol-sec-btn:focus-visible[b-gendrv5h04] { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: var(--r-block); }

.pol-sec-name[b-gendrv5h04] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.pol-sec.is-closed .pol-sec-btn:hover .pol-sec-name[b-gendrv5h04] { color: var(--text-heading); }

.pol[b-gendrv5h04]  .pol-sec-chev { flex: none; color: var(--text-tertiary); }
.pol[b-gendrv5h04]  .pol-sec-chev.open { transform: rotate(90deg); }

.pol-sec-sub[b-gendrv5h04] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pol-band[b-gendrv5h04] {
    flex: none;
    height: 10px;
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    background: var(--surface-base);
}

.pol-fill[b-gendrv5h04] {
    flex: 1 1 0;
    min-height: 0;
    border-top: 1px solid var(--border-subtle);
}

.pol-list[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 2px;
}

.pol-list.is-fit[b-gendrv5h04] { flex: 0 1 auto; }

.pol-item[b-gendrv5h04] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% - 2px);
    height: 36px;
    margin: 0 1px;
    padding: 0 13px;
    box-sizing: border-box;
    border: 0;
    border-top: 1px solid var(--border-subtle);
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.pol-item:hover[b-gendrv5h04] { background: var(--surface-hover); }
.pol-item:focus-visible[b-gendrv5h04] { outline: 2px solid var(--accent); outline-offset: -2px; }

.pol-item.selected[b-gendrv5h04],
.pol-item.selected:hover[b-gendrv5h04] {
    border-top-color: transparent;
    border-radius: var(--r-block);
}

.pol-item.selected + .pol-item[b-gendrv5h04] { border-top-color: transparent; }

.pol-item-name[b-gendrv5h04] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pol-item-state[b-gendrv5h04] {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pol-count[b-gendrv5h04] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    width: 46px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.pol-count.is-mark[b-gendrv5h04] { width: auto; }

.pol-count[b-gendrv5h04]  .owl-icon { --owl-accent: currentColor; }

.pol-group[b-gendrv5h04] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 14px;
    box-sizing: border-box;
    border-top: 1px solid var(--border-subtle);
    background: var(--surface-card);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.pol-group-n[b-gendrv5h04] {
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.pol-dot[b-gendrv5h04] {
    flex: none;
    display: inline-block;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1.5px solid var(--text-quaternary);
}

.pol-dot.on[b-gendrv5h04] {
    border: 0;
    background: var(--accent);
}

.pol-foot[b-gendrv5h04] {
    flex: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pol-foot.pol-cats[b-gendrv5h04] {
    max-height: 112px;
    overflow-y: auto;
}

.pol-cats-label[b-gendrv5h04] {
    margin-right: 4px;
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.pol-cat[b-gendrv5h04] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 24px;
    padding: 0 2px 0 9px;
    border-radius: var(--r-ctl);
    background: var(--surface-hover);
    color: var(--text-secondary);
    white-space: nowrap;
}

.pol-cat-x[b-gendrv5h04] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
}

.pol-cat-x:hover[b-gendrv5h04] { color: var(--text-primary); background: var(--surface-active); }

.pol-dhead[b-gendrv5h04] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 14px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-subtle);
}

.pol-dname[b-gendrv5h04] {
    min-width: 0;
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pol[b-gendrv5h04]  .pol-switch {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.pol[b-gendrv5h04]  .pol-dbs { flex: none; }

.pol-tag[b-gendrv5h04] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.pol-search[b-gendrv5h04] {
    flex: 0 1 190px;
    min-width: 120px;
}

.pol-search[b-gendrv5h04]  .lum-input-wrap,
.pol-search[b-gendrv5h04]  .lum-input { width: 100%; }

.pol-cols[b-gendrv5h04],
.pol-row[b-gendrv5h04] {
    display: grid;
    gap: 14px;
    align-items: center;
    padding: 0 14px;
}

.pol-cols[b-gendrv5h04] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid var(--border-subtle);
    background: var(--surface-card);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.pol-rows[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.pol-kept[b-gendrv5h04] {
    flex: none;
    margin: 0 14px 12px;
}

.pol-row[b-gendrv5h04] {
    min-height: 34px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    color: var(--text-primary);
}

.pol-row:hover[b-gendrv5h04] { background: var(--surface-hover); }

.pol-rule[b-gendrv5h04] { grid-template-columns: minmax(0, clamp(220px, 30%, 420px)) 120px 100px minmax(0, 1fr) 104px 84px; }
.pol-report[b-gendrv5h04] { grid-template-columns: minmax(0, clamp(180px, 26%, 360px)) minmax(0, clamp(150px, 22%, 300px)) minmax(0, 1fr) 110px 40px; }

.pol-cell-name[b-gendrv5h04] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.pol-ellip[b-gendrv5h04] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pol-num[b-gendrv5h04] { white-space: nowrap; }
.pol-sub[b-gendrv5h04] { color: var(--text-secondary); }
.pol-dim[b-gendrv5h04] { color: var(--text-tertiary); }
.pol-mono[b-gendrv5h04] { font-family: var(--font-mono); }

.pol[b-gendrv5h04]  .pol-mark { flex: none; color: var(--text-tertiary); }

.pol-trap[b-gendrv5h04] {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.pol-glyph[b-gendrv5h04] {
    flex: none;
    display: inline-block;
    background: var(--text-secondary);
}

.pol-glyph.crit[b-gendrv5h04] {
    width: 8px;
    height: 8px;
    margin: 0 1px;
    transform: rotate(45deg);
}

.pol-glyph.minor[b-gendrv5h04] {
    width: 10px;
    height: 9px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.pol-cellbtn[b-gendrv5h04] {
    justify-self: start;
    max-width: 100%;
    padding: 2px 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--text-primary);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.pol-cellbtn.pol-dim[b-gendrv5h04] { color: var(--text-tertiary); }
.pol-cellbtn:hover[b-gendrv5h04] { color: var(--text-heading); text-decoration: underline; }
.pol-cellbtn:disabled[b-gendrv5h04] { cursor: default; }
.pol-cellbtn:disabled:hover[b-gendrv5h04] { color: var(--text-primary); text-decoration: none; }
.pol-cellbtn.pol-dim:disabled:hover[b-gendrv5h04] { color: var(--text-tertiary); }

.pol-acts[b-gendrv5h04] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
}

.pol-retv[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pol-retv-bar[b-gendrv5h04] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.pol-retv-seg[b-gendrv5h04] { flex: 0 1 auto; min-width: 0; flex-wrap: nowrap; }
.pol-retv-seg .lum-seg-btn[b-gendrv5h04] { display: inline-flex; align-items: center; gap: 8px; max-width: 240px; }
.pol-retv-n[b-gendrv5h04] { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); }

.pol-retv-card[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pol-retv-card .pol-kept[b-gendrv5h04] { margin: 14px 14px 0; }

.pol-retv-grid[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: grid;
    grid-template-columns: minmax(180px, 260px) 120px 150px minmax(240px, 1fr);
    grid-auto-rows: min-content;
    padding: 0 20px;
    align-content: start;
}

.pol-retv-row[b-gendrv5h04] { display: contents; }

.pol-retv-row > *[b-gendrv5h04] {
    min-width: 0;
    display: flex;
    align-items: center;
    min-height: 56px;
    padding-right: 16px;
    border-bottom: 1px solid var(--border-subtle);
}

.pol-retv-row > :last-child[b-gendrv5h04] { padding-right: 0; }

.pol-retv-row.is-head > *[b-gendrv5h04] {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 40px;
    background: var(--surface-card);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.pol-retv-name[b-gendrv5h04] {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;
    gap: 3px;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.pol-retv-name > *[b-gendrv5h04] { max-width: 100%; }

.pol-retv-use[b-gendrv5h04] {
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.pol-retv-fixed[b-gendrv5h04] { font-size: var(--text-sm); color: var(--text-secondary); }

.pol-retv-keep[b-gendrv5h04] { gap: 8px; }

.pol-unit[b-gendrv5h04] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pol[b-gendrv5h04]  .pol-retv-changed .lum-input,
.pol[b-gendrv5h04]  .pol-retv-changed .lum-select-trigger { border-color: var(--accent); }

.pol-retv-axis[b-gendrv5h04],
.pol-retv-track[b-gendrv5h04] { position: relative; }

.pol-retv-tick[b-gendrv5h04] {
    position: absolute;
    transform: translateX(-50%);
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.pol-retv-tick:first-child[b-gendrv5h04] { transform: none; }
.pol-retv-tick:last-child[b-gendrv5h04] { transform: translateX(-100%); }

.pol-retv-line[b-gendrv5h04] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--border-subtle);
}

.pol[b-gendrv5h04]  .pol-retv-bar-fill { position: relative; flex: 1 1 auto; }

.pol-retv-save[b-gendrv5h04] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 20px;
    border-top: 1px solid var(--border-strong);
    background: var(--surface-elevated);
}

.pol-retv-save-what[b-gendrv5h04] { color: var(--text-secondary); }

.pol-def[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
    overflow: auto;
}

.pol-field[b-gendrv5h04] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.pol-field.grow[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 0;
}

.pol-field-label[b-gendrv5h04] {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.pol-field-value[b-gendrv5h04] { color: var(--text-primary); }

.pol-def-grid[b-gendrv5h04] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 14px 24px;
}

.pol-def-policies[b-gendrv5h04] { grid-column: 2 / -1; }

.pol-def-line[b-gendrv5h04] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 28px;
}

.pol-def-cap[b-gendrv5h04] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pol-query[b-gendrv5h04] {
    flex: 1 1 auto;
    min-height: 80px;
    margin: 0;
    padding: 10px 12px;
    overflow: auto;
    border-radius: var(--r-block);
    background: var(--surface-inset);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: 1.55;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

.pol-empty[b-gendrv5h04] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 28px 14px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.pol-empty.is-wide[b-gendrv5h04] { flex: 1 1 auto; }

.pol-empty.is-row[b-gendrv5h04] {
    justify-content: flex-start;
    padding: 10px 14px;
    border-top: 1px solid var(--border-subtle);
}

.rad-dialog[b-5i21th62aw] {
    width: 600px;
    height: 580px;
}

.rad-dialog.is-empty[b-5i21th62aw] { height: auto; }

.rad-dialog .lum-prefs-body[b-5i21th62aw] { padding-top: 16px; }

.rad-dialog .lum-prefs-gk[b-5i21th62aw] { margin-top: 14px; }

.rad-search[b-5i21th62aw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rad-search-box[b-5i21th62aw] {
    flex: 1 1 auto;
    min-width: 0;
}

.rad-search[b-5i21th62aw]  .rad-new { flex: none; }

.rad-search + .lum-prefs-group[b-5i21th62aw] { margin-top: 14px; }

.rmc[b-nnm0l9tzai] { width: min(720px, calc(100vw - 48px)); }

.rmc .rmc-pick[b-nnm0l9tzai] { margin-top: 8px; }


.sb-kicker[b-ivvuhrstd6] {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-bold);
    letter-spacing: 0.06em;
    padding: 3px 6px;
    border-radius: 3px;
}

.sb-cnt[b-ivvuhrstd6] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 17px;
    padding: 0 5px;
    border-radius: var(--r-pill);
    background: var(--status-crit-soft);
    color: var(--critical-text);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    font-variant-numeric: tabular-nums;
}


.sb-page[b-ivvuhrstd6] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    grid-template-areas: "nav detail";
    gap: 20px;
    padding: 6px 24px 14px;
    overflow: hidden;
}

.sb-nav[b-ivvuhrstd6] {
    grid-area: nav;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 6px 8px;
    border-radius: var(--r-modal);
    background: var(--surface-raised);
    overflow: hidden;
}

.sb-detail[b-ivvuhrstd6] {
    grid-area: detail;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding-top: 4px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding-right: 6px;
}

.sb-nav-foot[b-ivvuhrstd6] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 6px 8px 0 12px;
    border-top: 1px solid var(--border-faint);
}

.sb-nav-line[b-ivvuhrstd6] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-tertiary);
}

@media (max-width: 1280px) {
    .sb-page[b-ivvuhrstd6] {
        grid-template-columns: 300px minmax(0, 1fr);
        gap: 16px;
        padding: 6px 16px 12px;
    }
}

@media (max-width: 1000px) {
    .sb-page[b-ivvuhrstd6] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(240px, 42vh) minmax(320px, 1fr);
        grid-template-areas:
            "nav"
            "detail";
        overflow-y: auto;
    }
}

.sb-state[b-ivvuhrstd6] {
    padding: 24px 16px;
    font-size: var(--text-base);
}

.sb-detail > .lum-state:only-child[b-ivvuhrstd6] {
    flex: 1 1 auto;
}


.sb-search[b-ivvuhrstd6] {
    flex: none;
    height: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 6px;
    padding: 0 12px;
    border-radius: var(--r-card);
    background: var(--surface-control);
    color: var(--text-tertiary);
    cursor: text;
}

.sb-search[b-ivvuhrstd6]  .owl-icon {
    flex: none;
}

.sb-search input[b-ivvuhrstd6] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    color: var(--text-heading);
}

.sb-search input[b-ivvuhrstd6]::placeholder {
    color: var(--text-tertiary);
}

.sb-search:focus-within[b-ivvuhrstd6] {
    box-shadow: inset 0 0 0 1px var(--border-focus);
}

.sb-nav-list[b-ivvuhrstd6] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0 2px 6px;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
    scrollbar-gutter: stable;
}

.sb-schema[b-ivvuhrstd6],
.sb-folder[b-ivvuhrstd6],
.sb-hit[b-ivvuhrstd6],
.sb-row[b-ivvuhrstd6] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    font-family: var(--font-ui);
}

.sb-schema:hover[b-ivvuhrstd6],
.sb-folder:hover[b-ivvuhrstd6],
.sb-hit:hover[b-ivvuhrstd6],
.sb-row:hover[b-ivvuhrstd6] {
    background: var(--surface-hover);
}

.sb-schema:focus-visible[b-ivvuhrstd6],
.sb-folder:focus-visible[b-ivvuhrstd6],
.sb-hit:focus-visible[b-ivvuhrstd6],
.sb-row:focus-visible[b-ivvuhrstd6] {
    outline: 2px solid var(--border-focus);
    outline-offset: -2px;
}

.sb-schema[b-ivvuhrstd6] {
    height: 32px;
    padding: 0 10px 0 8px;
    font-size: var(--text-base);
}

.sb-schema-name[b-ivvuhrstd6] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.02em;
}

.sb-schema.open[b-ivvuhrstd6] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--surface-raised);
    color: var(--text-heading);
}

.sb-folders[b-ivvuhrstd6] {
    display: flex;
    flex-direction: column;
    padding: 0 0 6px;
}

.sb-folder[b-ivvuhrstd6] {
    height: 30px;
    padding: 0 10px 0 26px;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
}

.sb-folder.sel[b-ivvuhrstd6] {
    position: sticky;
    top: 32px;
    z-index: 2;
    background: var(--surface-raised);
    color: var(--text-heading);
}

.sb-schema.open:hover[b-ivvuhrstd6],
.sb-folder.sel:hover[b-ivvuhrstd6] {
    background: var(--surface-hover);
}

.sb-schema[b-ivvuhrstd6]  .sb-chev,
.sb-folder[b-ivvuhrstd6]  .sb-chev {
    flex: none;
    color: var(--text-quaternary);
    transition: transform var(--transition-fast);
}

.sb-schema.open[b-ivvuhrstd6]  .sb-chev,
.sb-folder.sel[b-ivvuhrstd6]  .sb-chev {
    transform: rotate(90deg);
    color: var(--lume);
}

.sb-folder-name[b-ivvuhrstd6] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sb-count[b-ivvuhrstd6] {
    flex: none;
    min-width: 34px;
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}

.sb-hit[b-ivvuhrstd6] {
    min-height: 34px;
    padding: 4px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}

.sb-hit-name[b-ivvuhrstd6] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
}

.sb-hit-type[b-ivvuhrstd6] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}


.sb-fbox[b-ivvuhrstd6] {
    position: relative;
    isolation: isolate;
    padding: 0 0 8px;
}

.sb-fbox[b-ivvuhrstd6]::before {
    content: "";
    position: absolute;
    left: 32px;
    top: 0;
    bottom: 10px;
    z-index: -1;
    width: 1px;
    background: var(--border-subtle);
}

.sb-fbox-filter[b-ivvuhrstd6] {
    position: sticky;
    top: 62px;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 36px;
    padding: 0 4px 0 44px;
    background: var(--surface-raised);
}

.sb-fbox-field[b-ivvuhrstd6] {
    flex: 1 1 auto;
    min-width: 0;
    height: 28px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 9px;
    border-radius: var(--r-ctl);
    background: var(--surface-control);
    color: var(--text-tertiary);
    cursor: text;
}

.sb-fbox-field:focus-within[b-ivvuhrstd6] {
    box-shadow: inset 0 0 0 1px var(--border-focus);
}

.sb-fbox-field[b-ivvuhrstd6]  .owl-icon {
    flex: none;
}

.sb-fbox-input[b-ivvuhrstd6] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-heading);
}

.sb-fbox-input[b-ivvuhrstd6]::placeholder {
    color: var(--text-tertiary);
}

.sb-fbox-count[b-ivvuhrstd6] {
    flex: none;
    padding: 0 2px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sb-folder-refresh[b-ivvuhrstd6] {
    flex: none;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    transition: color var(--transition-fast), background var(--transition-fast);
}

.sb-folder-refresh:hover:not(:disabled)[b-ivvuhrstd6] {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.sb-folder-refresh:focus-visible[b-ivvuhrstd6] {
    outline: 2px solid var(--border-focus);
    outline-offset: -2px;
}

.sb-folder-refresh:disabled[b-ivvuhrstd6] {
    cursor: default;
}

.sb-fstate[b-ivvuhrstd6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px 8px 44px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sb-row[b-ivvuhrstd6] {
    height: 28px;
    padding: 0 10px 0 44px;
    gap: 8px;
    font-size: var(--text-sm);
}

.sb-row .lum-badge[b-ivvuhrstd6] {
    flex: none;
    padding: 1px 5px;
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0;
    border-radius: 4px;
}

.sb-row-name[b-ivvuhrstd6] {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--weight-regular);
    letter-spacing: 0.01em;
}

.sb-row-mark[b-ivvuhrstd6] {
    flex: none;
    display: inline-flex;
    align-items: center;
    color: var(--text-tertiary);
}

.sb-row-ph[b-ivvuhrstd6] {
    cursor: default;
}

.sb-ph[b-ivvuhrstd6] {
    display: block;
    width: 45%;
    height: 8px;
    border-radius: 4px;
    background: var(--surface-hover);
}

.sb-ident[b-ivvuhrstd6] {
    font-family: var(--font-mono);
}

.sec-frame[b-rov6dmyecc] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.sec-frame[b-rov6dmyecc]  .sec-tabs {
    flex: 1 1 auto;
    min-height: 0;
}

.sec-frame[b-rov6dmyecc]  .sec-search { width: 220px; }


.sec-body[b-rov6dmyecc] {
    display: flex;
    height: 100%;
    min-height: 0;
}

.sec-side[b-rov6dmyecc] {
    width: 290px;
    flex: none;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-right: 1px solid var(--border-subtle);
}

.sec-side-top[b-rov6dmyecc] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 6px 10px 2px 18px;
    box-sizing: border-box;
}

.sec-count[b-rov6dmyecc] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.sec-list[b-rov6dmyecc] { padding: 0 8px 12px; }

.sec-group-li + .sec-group-li[b-rov6dmyecc],
li:not(.sec-group-li) + .sec-group-li[b-rov6dmyecc] { margin-top: 4px; }

.sec-group-li[b-rov6dmyecc] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--lum-tabs-panel, var(--surface-raised));
}

.sec-row[b-rov6dmyecc] { padding-top: 6px; padding-bottom: 6px; }
.sec-row .lum-split-row-name[b-rov6dmyecc] { flex: 1 1 auto; min-width: 0; }

.sec-row:not(.is-selected) .sec-dim[b-rov6dmyecc] { color: var(--text-tertiary); }

.sec-mark[b-rov6dmyecc] {
    flex: none;
    display: inline-flex;
    color: var(--text-tertiary);
}

.sec-row.is-selected .sec-mark[b-rov6dmyecc] { color: inherit; }

.sec-note[b-rov6dmyecc] {
    padding: 14px 18px;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}


.sec-main[b-rov6dmyecc] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.sec-info[b-rov6dmyecc] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 24px 24px;
    overflow-y: auto;
}

.sec-head[b-rov6dmyecc] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sec-avatar[b-rov6dmyecc] {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-title3);
    font-weight: 700;
}

.sec-head-id[b-rov6dmyecc] { flex: 1 1 auto; min-width: 0; }

.sec-name[b-rov6dmyecc] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sec-line[b-rov6dmyecc] {
    margin: 3px 0 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.sec-rows[b-rov6dmyecc] { max-width: 760px; }
.sec-rows .lum-prefs-row[b-rov6dmyecc] { grid-template-columns: 140px minmax(0, 1fr); }

.sec-value[b-rov6dmyecc] { font-size: var(--text-base); color: var(--text-primary); }
.sec-value.dim[b-rov6dmyecc] { color: var(--text-secondary); }
.sec-value.mono[b-rov6dmyecc] { font-family: var(--font-mono); font-size: var(--text-sm); overflow-wrap: anywhere; }

.sec-dn[b-rov6dmyecc] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sec-secret[b-rov6dmyecc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sec-mask[b-rov6dmyecc] {
    font-size: var(--text-base);
    letter-spacing: 0.08em;
    color: var(--text-secondary);
}

.sec-secret-text[b-rov6dmyecc] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
    user-select: all;
}


.sec-role-view[b-rov6dmyecc] { align-self: flex-start; }

.sec-seg-n[b-rov6dmyecc] {
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.sec-ru[b-rov6dmyecc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 960px;
}

.sec-ru-tools[b-rov6dmyecc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sec-ru-tools[b-rov6dmyecc]  .sec-ru-find { width: 240px; }

.sec-ru-count[b-rov6dmyecc] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.sec-ru-list[b-rov6dmyecc] {
    list-style: none;
    margin: 0;
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 2px 8px;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
}

.sec-ru-row[b-rov6dmyecc] { gap: 6px; padding: 6px 10px; }
.sec-ru-row .lum-split-row-name[b-rov6dmyecc] { flex: 0 1 auto; min-width: 0; }

.srp-sum[b-gjazso80s1] { max-width: 720px; }

.srp-areas[b-gjazso80s1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 28px;
    row-gap: 6px;
    padding: 12px 16px;
}

.srp-area[b-gjazso80s1] {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr) 56px;
    column-gap: 10px;
    align-items: center;
    font-size: var(--text-sm);
}

.srp-area-name[b-gjazso80s1] { color: var(--text-primary); }
.srp-area-n[b-gjazso80s1] { text-align: right; color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

.srp-full[b-gjazso80s1] { padding-bottom: 16px; }

.srp-note[b-gjazso80s1] {
    margin: 0 0 12px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.srp-grid[b-gjazso80s1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
    align-items: stretch;
}

.srp-group[b-gjazso80s1] {
    display: flex;
    flex-direction: column;
    padding: 4px 12px 8px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    background: var(--surface-inset);
}

.srp-group-head[b-gjazso80s1] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
}

.srp-group-head[b-gjazso80s1]  .srp-group-check { flex: 1 1 auto; min-width: 0; }

.srp-group-name[b-gjazso80s1] { font-size: var(--text-base); font-weight: 600; color: var(--text-primary); }
.srp-group-n[b-gjazso80s1] { font-size: var(--text-xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

[b-gjazso80s1] .srp-item { min-height: 24px; padding-left: 24px; }

.srp-item-label[b-gjazso80s1] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-gjazso80s1] .srp-item.is-on .srp-item-label { color: var(--text-primary); }

.srp-foot[b-gjazso80s1] {
    position: sticky;
    bottom: -24px;
    z-index: 1;
    margin: 0 -24px -24px;
    padding: 12px 24px;
    background: var(--lum-tabs-panel, var(--surface-raised));
}

.srp-count[b-gjazso80s1] { font-size: var(--text-sm); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

.sz-page[b-zr4lkaq9uo] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 24px;
    box-sizing: border-box;
    overflow: auto;
    font-variant-numeric: tabular-nums;
}

.sz-gap[b-zr4lkaq9uo] { flex: 1 1 auto; }

.sz-top[b-zr4lkaq9uo] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-height: 52px;
}

.sz-vitals[b-zr4lkaq9uo] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 8px 0;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
}

.sz-vitals > .sz-vital[b-zr4lkaq9uo] { padding: 0 22px; }
.sz-vitals > .sz-vital + .sz-vital[b-zr4lkaq9uo] { border-left: 1px solid var(--border-subtle); }

.sz-vital[b-zr4lkaq9uo] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    color: inherit;
}

button.sz-vital[b-zr4lkaq9uo] { cursor: pointer; }
button.sz-vital:hover .sz-vital-label[b-zr4lkaq9uo] { color: var(--text-secondary); }

.sz-vital-label[b-zr4lkaq9uo] {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sz-vital-line[b-zr4lkaq9uo] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-height: 24px;
    white-space: nowrap;
}

.sz-vital-value[b-zr4lkaq9uo] {
    display: inline-flex;
    align-items: baseline;
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-semibold);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.sz-vital-value.warn[b-zr4lkaq9uo] { color: var(--status-warn); }
.sz-vital-value.crit[b-zr4lkaq9uo] { color: var(--status-crit); }
.sz-vital-value.is-none[b-zr4lkaq9uo] { color: var(--text-quaternary); }

.sz-vital-unit[b-zr4lkaq9uo] {
    margin-left: 4px;
    font-size: var(--text-base);
    letter-spacing: 0;
    color: var(--text-secondary);
}

.sz-vital-note[b-zr4lkaq9uo] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.sz-spans .lum-seg-btn[b-zr4lkaq9uo] { padding: 5px 12px; font-size: var(--text-sm); }

.sz-custom[b-zr4lkaq9uo] {
    flex: none;
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
}

.sz-custom-label[b-zr4lkaq9uo] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.sz-charts[b-zr4lkaq9uo] {
    flex: none;
    height: clamp(196px, 27vh, 260px);
    display: flex;
    gap: 12px;
}

.sz-chart-card[b-zr4lkaq9uo] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.sz-chart-card.is-size[b-zr4lkaq9uo] { flex-grow: 1.25; }
.sz-chart-card:hover[b-zr4lkaq9uo] { z-index: 40; }

.sz-card-head[b-zr4lkaq9uo] {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
    padding: 13px 16px 0;
}

.sz-card-title[b-zr4lkaq9uo] {
    margin: 0;
    font-family: var(--font-title);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.sz-card-sub[b-zr4lkaq9uo],
.sz-card-note[b-zr4lkaq9uo] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sz-card-note[b-zr4lkaq9uo] { flex: 0 100 auto; color: var(--text-secondary); }

.sz-chart-body[b-zr4lkaq9uo] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 16px 10px;
}

.sz-work[b-zr4lkaq9uo] {
    flex: 1 1 0;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.sz-tools[b-zr4lkaq9uo] {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 12px;
    justify-content: flex-end;
}

.sz-note[b-zr4lkaq9uo] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sz-note.is-warn[b-zr4lkaq9uo] { flex: none; color: var(--status-warn); }

.sz-search[b-zr4lkaq9uo] {
    flex: 0 1 280px;
    min-width: 180px;
}

.sz-search[b-zr4lkaq9uo]  .lum-input-wrap,
.sz-search[b-zr4lkaq9uo]  .lum-input { width: 100%; }

.sz-search[b-zr4lkaq9uo]  .lum-input {
    background: var(--surface-card);
    border-color: var(--border-strong);
}

.sz-chip[b-zr4lkaq9uo] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 8px 0 10px;
    border: 0;
    border-radius: var(--radius-full);
    background: var(--accent-soft);
    color: var(--accent);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

.sz-chip[b-zr4lkaq9uo]  .owl-icon { flex: none; opacity: .75; }
.sz-chip:hover[b-zr4lkaq9uo]  .owl-icon { opacity: 1; }

.sz-tools[b-zr4lkaq9uo]  .lum-seg-btn { padding: 5px 11px; font-size: var(--text-sm); }

.sz-work-body[b-zr4lkaq9uo] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.sz-loading-veil[b-zr4lkaq9uo] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: var(--surface-overlay);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
}

.sz-work-body[b-zr4lkaq9uo]  .lum-grid-table tbody td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.sz-ov[b-zr4lkaq9uo] {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sz-ov-col[b-zr4lkaq9uo] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 12px 8px 6px;
}

.sz-ov-col + .sz-ov-col[b-zr4lkaq9uo] { border-left: 1px solid var(--border-faint); }

.sz-ov-head[b-zr4lkaq9uo] {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 0 10px 8px;
}

.sz-ov-title[b-zr4lkaq9uo] {
    font-family: var(--font-title);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.sz-ov-sum[b-zr4lkaq9uo] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.sz-ov-list[b-zr4lkaq9uo] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
}

.sz-ov-empty[b-zr4lkaq9uo] { min-height: 90px; font-size: var(--text-sm); }

.sz-ov-foot[b-zr4lkaq9uo] {
    flex: none;
    padding: 8px 10px 2px;
    min-width: 0;
}

.sz-rank-row[b-zr4lkaq9uo] {
    height: 36px;
    padding: 0 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px minmax(40px, 84px) 80px 80px;
    align-items: center;
    column-gap: 12px;
    border-radius: var(--r-ctl);
    box-shadow: inset 0 -1px 0 var(--border-faint);
    font-size: var(--text-base);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.sz-rank-row:hover[b-zr4lkaq9uo] { background: var(--surface-hover); }

.sz-rank-id[b-zr4lkaq9uo] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.sz-rank-name[b-zr4lkaq9uo] {
    display: flex;
    align-items: baseline;
    min-width: 0;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
}

.sz-rank-name em[b-zr4lkaq9uo] {
    flex: none;
    font-style: normal;
    color: var(--text-tertiary);
}

.sz-rank-type[b-zr4lkaq9uo] { display: flex; min-width: 0; }

.sz-rank-meter[b-zr4lkaq9uo] { display: flex; align-items: center; min-width: 0; }

.sz-rank-delta[b-zr4lkaq9uo] {
    text-align: right;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.sz-rank-total[b-zr4lkaq9uo] {
    text-align: right;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sz-row-band[b-zr4lkaq9uo] { padding: 6px 4px 10px; }

.sz-owner[b-zr4lkaq9uo] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.sz-type[b-zr4lkaq9uo] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sz-name-cell[b-zr4lkaq9uo] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.sz-seg-name[b-zr4lkaq9uo] {
    display: flex;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.sz-flag[b-zr4lkaq9uo] { flex: none; }

.sz-tag[b-zr4lkaq9uo] {
    flex: none;
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 6px;
    border-radius: var(--r-chip);
    background: var(--surface-hover);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: .02em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.sz-muted[b-zr4lkaq9uo] { font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; }

.sz-size-value[b-zr4lkaq9uo] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.sz-num[b-zr4lkaq9uo] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.sz-num.is-none[b-zr4lkaq9uo] { color: var(--text-quaternary); }

.sz-share-cell[b-zr4lkaq9uo] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.sz-share-value[b-zr4lkaq9uo] {
    flex: 0 0 42px;
    text-align: right;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.sz-delta[b-zr4lkaq9uo] { font-size: var(--text-sm); white-space: nowrap; }
.sz-delta.is-up[b-zr4lkaq9uo] { color: var(--text-primary); }
.sz-delta.is-down[b-zr4lkaq9uo] { color: var(--text-secondary); }
.sz-delta.is-none[b-zr4lkaq9uo] { color: var(--text-quaternary); }

.sz-access[b-zr4lkaq9uo] { font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; }
.sz-access.is-warn[b-zr4lkaq9uo] { color: var(--status-warn); }
.sz-access.is-none[b-zr4lkaq9uo] { color: var(--text-quaternary); }

.sz-list[b-zr4lkaq9uo] {
    height: 100%;
    overflow-y: auto;
    padding: 4px 12px 10px;
}

.sz-trow[b-zr4lkaq9uo] {
    display: grid;
    align-items: center;
    column-gap: 16px;
    min-height: 36px;
    padding: 0 10px;
    border-radius: var(--r-ctl);
    box-shadow: inset 0 -1px 0 var(--border-faint);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.sz-trow.is-schema[b-zr4lkaq9uo] { grid-template-columns: minmax(200px, 1fr) minmax(160px, 520px) 110px 110px 90px 110px; }
.sz-trow.is-ts[b-zr4lkaq9uo] { grid-template-columns: minmax(200px, 1fr) 72px minmax(160px, 520px) 110px 110px 90px 100px; }

.sz-trow:not(.sz-thead):hover[b-zr4lkaq9uo] { background: var(--surface-hover); }

.sz-trow .r[b-zr4lkaq9uo] { text-align: right; justify-self: end; }

.sz-thead[b-zr4lkaq9uo] {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 32px;
    background: var(--surface-card);
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    cursor: default;
}

.sz-trow-name[b-zr4lkaq9uo] {
    min-width: 0;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sz-eta-slot[b-zr4lkaq9uo] { display: flex; min-width: 0; }
.sz-eta-badge[b-zr4lkaq9uo] { border: 0; font-family: inherit; }

.sz-drill-link[b-zr4lkaq9uo] {
    background: none;
    border: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    cursor: pointer;
}

.sz-drill-link:hover[b-zr4lkaq9uo] { color: var(--text-primary); }

.sz-cand[b-zr4lkaq9uo] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.sz-cand-head[b-zr4lkaq9uo] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 8px 16px;
    border-bottom: 1px solid var(--border-subtle);
}

.sz-cand-seg .lum-seg-btn[b-zr4lkaq9uo] { padding: 5px 12px; font-size: var(--text-sm); }

.sz-seg-n[b-zr4lkaq9uo] {
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.sz-cand-lead[b-zr4lkaq9uo] {
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sz-cand-body[b-zr4lkaq9uo] {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
}

.sz-io-btn[b-zr4lkaq9uo] {
    margin: 0;
    padding: 1px 3px;
    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    text-decoration: underline dotted var(--text-quaternary);
    text-underline-offset: 3px;
    white-space: nowrap;
    cursor: pointer;
}

.sz-io-btn:hover[b-zr4lkaq9uo] {
    background: var(--surface-hover);
    text-decoration-color: var(--text-secondary);
}

.sz-why[b-zr4lkaq9uo] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.sz-why-note[b-zr4lkaq9uo] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

@media (max-width: 1300px) {
    .sz-rank-row[b-zr4lkaq9uo] { grid-template-columns: minmax(0, 1fr) minmax(40px, 100px) 84px 80px; }
    .sz-rank-type[b-zr4lkaq9uo] { display: none; }
}

@media (max-width: 1150px) {
    .sz-rank-row[b-zr4lkaq9uo] { grid-template-columns: minmax(0, 1fr) minmax(40px, 90px) 84px; }
    .sz-rank-total[b-zr4lkaq9uo] { display: none; }
}

@media (max-width: 1100px) {
    .sz-charts[b-zr4lkaq9uo] { flex-direction: column; height: auto; }
    .sz-chart-card[b-zr4lkaq9uo] { height: 200px; flex: none; }
    .sz-ov[b-zr4lkaq9uo] { grid-template-columns: minmax(0, 1fr); height: auto; }
    .sz-ov-col + .sz-ov-col[b-zr4lkaq9uo] { border-left: 0; border-top: 1px solid var(--border-faint); }
    .sz-work[b-zr4lkaq9uo] { flex: none; height: 560px; }
}

.svc-page[b-77j82rdh32] {
    --svc-detail-h: clamp(214px, calc(100dvh - 526px), 300px);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 24px 22px;
    box-sizing: border-box;
    overflow: auto;
    font-variant-numeric: tabular-nums;
}

.svc-gap[b-77j82rdh32] { flex: 1 1 auto; }

.svc-card[b-77j82rdh32] {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
}

.svc-title[b-77j82rdh32] {
    flex: none;
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    white-space: nowrap;
}

.svc-note[b-77j82rdh32] {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-head[b-77j82rdh32] {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 14px;
    box-sizing: border-box;
}

.svc-main[b-77j82rdh32] {
    flex: 1 1 auto;
    min-height: 300px;
    display: grid;
    grid-template-columns: min(620px, 44%) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 14px;
}

.svc-list[b-77j82rdh32],
.svc-over[b-77j82rdh32] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.svc-head[b-77j82rdh32]  .svc-metric {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 280px;
}

.svc-search[b-77j82rdh32] {
    flex: 0 1 170px;
    min-width: 120px;
}

.svc-search[b-77j82rdh32]  .lum-input-wrap,
.svc-search[b-77j82rdh32]  .lum-input { width: 100%; }

.svc-cols[b-77j82rdh32],
.svc-row[b-77j82rdh32] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 150px 52px 66px 34px;
    gap: 12px;
    align-items: center;
}

.svc-cols[b-77j82rdh32] {
    flex: none;
    padding: 6px 14px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.svc-cols-share[b-77j82rdh32] { grid-column: span 2; }
.svc-cols .r[b-77j82rdh32] { text-align: right; }

.svc-rows[b-77j82rdh32] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 2px;
}

.svc-row[b-77j82rdh32] {
    width: calc(100% - 2px);
    height: 30px;
    margin: 0 1px;
    padding: 0 13px;
    box-sizing: border-box;
    border: 0;
    border-top: 1px solid var(--border-subtle);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.svc-row:hover[b-77j82rdh32] { background: var(--surface-hover); }
.svc-row:focus-visible[b-77j82rdh32] { outline: 2px solid var(--accent); outline-offset: -2px; }

.svc-row.selected[b-77j82rdh32],
.svc-row.selected:hover[b-77j82rdh32] {
    border-top-color: transparent;
    border-radius: var(--r-block);
}

.svc-row.selected + .svc-row[b-77j82rdh32],
.svc-row.selected + .svc-fold[b-77j82rdh32] { border-top-color: transparent; }

.svc-rank[b-77j82rdh32] { color: var(--text-quaternary); }

.svc-name[b-77j82rdh32] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-row[b-77j82rdh32]  .svc-bar { width: 100%; }

.svc-pct[b-77j82rdh32],
.svc-delta[b-77j82rdh32],
.svc-inst[b-77j82rdh32] {
    text-align: right;
    white-space: nowrap;
}

.svc-pct[b-77j82rdh32] { color: var(--text-primary); }
.svc-delta[b-77j82rdh32] { color: var(--text-secondary); }
.svc-inst[b-77j82rdh32] { color: var(--text-tertiary); }

.svc-fold[b-77j82rdh32] {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 0;
    border-top: 1px solid var(--border-subtle);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-align: left;
    cursor: pointer;
}

.svc-fold:hover[b-77j82rdh32] { color: var(--text-primary); background: var(--surface-hover); }

.svc-key[b-77j82rdh32] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 180px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-key i[b-77j82rdh32] {
    flex: none;
    display: inline-block;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: var(--text-quaternary);
}

.svc-key.is-on[b-77j82rdh32] { color: var(--text-primary); }
.svc-key.is-on i[b-77j82rdh32] { height: 3px; background: var(--accent); }

.svc-sep[b-77j82rdh32] {
    flex: none;
    width: 1px;
    height: 18px;
    margin: 0 4px;
    background: var(--border-subtle);
}

.svc-spans[b-77j82rdh32] { flex: none; flex-wrap: nowrap; }
.svc-spans .lum-seg-btn[b-77j82rdh32] { padding: 5px 11px; font-size: var(--text-xs); }

.svc-custom[b-77j82rdh32] {
    position: absolute;
    top: calc(100% - 4px);
    right: 10px;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    box-shadow: var(--shadow-pop);
}

.svc-custom-label[b-77j82rdh32] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.svc-chart[b-77j82rdh32] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 14px 10px 8px;
}

.svc-detail[b-77j82rdh32] {
    flex: none;
    height: var(--svc-detail-h);
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) minmax(0, 680px);
    border-color: var(--lume-deep);
    overflow: hidden;
}

.svc-id[b-77j82rdh32] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px;
    border-right: 1px solid var(--border-subtle);
}

.svc-id-name[b-77j82rdh32] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.svc-id-name > span[b-77j82rdh32] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-dot[b-77j82rdh32] {
    flex: none;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
}

.svc-id-fig[b-77j82rdh32] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.svc-id-label[b-77j82rdh32] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.svc-id-value[b-77j82rdh32] {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.svc-panel[b-77j82rdh32] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.svc-inst-panel[b-77j82rdh32] { border-right: 1px solid var(--border-subtle); }

.svc-panel-head[b-77j82rdh32] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    height: 40px;
    padding: 4px 14px 0;
    box-sizing: border-box;
}

.svc-spin[b-77j82rdh32] { margin-left: auto; }

.svc-tiles[b-77j82rdh32] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--border-subtle);
}

.svc-tile[b-77j82rdh32] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    min-height: 0;
    padding: 7px 12px;
    box-sizing: border-box;
    border-right: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
}

.svc-tile:nth-child(4n)[b-77j82rdh32] { border-right: 0; }
.svc-tile:nth-child(n+5)[b-77j82rdh32] { border-bottom: 0; }

.svc-tile-top[b-77j82rdh32] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.svc-tile-name[b-77j82rdh32] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-tile-avg[b-77j82rdh32] {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.svc-tile-spark[b-77j82rdh32] {
    flex: 1 1 auto;
    min-height: 18px;
}

.svc-tile-foot[b-77j82rdh32] {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .svc-page[b-77j82rdh32] { height: auto; min-height: 100%; }
    .svc-main[b-77j82rdh32] { flex: none; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
    .svc-list[b-77j82rdh32] { height: 440px; }
    .svc-over[b-77j82rdh32] { height: 360px; }
    .svc-detail[b-77j82rdh32] { height: auto; grid-template-columns: minmax(0, 1fr); }
    .svc-id[b-77j82rdh32] { border-right: 0; border-bottom: 1px solid var(--border-subtle); }
    .svc-inst-panel[b-77j82rdh32] { height: 260px; border-right: 0; border-bottom: 1px solid var(--border-subtle); }
    .svc-profile[b-77j82rdh32] { height: 240px; }
}

.settings-page[b-x0rny68fx7] {
    height: 100%;
    min-height: 0;
    padding: 12px 16px;
}

.settings-layout[b-x0rny68fx7] {
    display: flex;
    gap: 14px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.settings-sidebar[b-x0rny68fx7] {
    width: 244px;
    flex-shrink: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    padding: 10px 8px 8px;
    background: var(--surface-raised);
    border: 0;
    border-radius: var(--r-card);
    box-shadow: none;
    overflow: hidden;
}

.settings-search[b-x0rny68fx7] {
    height: 32px;
    flex-shrink: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 2px 6px;
    padding: 0 6px 0 10px;
    border-radius: var(--control-radius);
    background: var(--surface-control);
    color: var(--text-tertiary);
}

.settings-search:focus-within[b-x0rny68fx7] {
    box-shadow: 0 0 0 1px var(--border-focus);
}

.settings-search[b-x0rny68fx7]  .settings-search-icon {
    flex-shrink: 0;
}

.settings-search[b-x0rny68fx7]  .lum-input-wrap {
    flex: 1;
    min-width: 0;
}

.settings-search[b-x0rny68fx7]  .lum-input,
.settings-search[b-x0rny68fx7]  .lum-input:focus {
    height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: var(--text-base);
    color: var(--text-heading);
}

.settings-search-clear[b-x0rny68fx7] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: var(--border-strong);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.settings-nav[b-x0rny68fx7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 2px 4px;
}

.settings-nav-group[b-x0rny68fx7] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.settings-nav-title[b-x0rny68fx7] {
    height: 24px;
    flex-shrink: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    padding: 0 10px 5px;
    font-family: var(--font-ui);
    font-size: var(--text-kicker);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.settings-nav-item[b-x0rny68fx7] {
    height: 30px;
    flex-shrink: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    font: inherit;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    text-align: left;
    color: var(--text-primary);
    cursor: pointer;
    transition: none;
    --owl-accent: var(--text-tertiary);
}

.settings-nav-item > span[b-x0rny68fx7] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-nav-item[b-x0rny68fx7]  .settings-nav-icon {
    flex-shrink: 0;
    color: var(--text-tertiary);
}

.settings-nav-item:hover[b-x0rny68fx7] {
    background: var(--surface-hover);
}

.settings-nav-item.active[b-x0rny68fx7] {
    font-weight: 600;
    --owl-accent: var(--accent);
}

.settings-nav-item:focus-visible[b-x0rny68fx7] {
    outline: none;
    box-shadow: 0 0 0 1px var(--border-focus);
}

.settings-nav-mark[b-x0rny68fx7] {
    flex-shrink: 0;
    display: block;
    width: 9px;
    height: 8px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--status-warn);
}

.settings-nav-empty[b-x0rny68fx7] {
    padding: 14px 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.settings-nav[b-x0rny68fx7]::-webkit-scrollbar {
    width: 6px;
}

.settings-nav[b-x0rny68fx7]::-webkit-scrollbar-track {
    background: transparent;
}

.settings-nav[b-x0rny68fx7]::-webkit-scrollbar-thumb {
    background: var(--surface-active);
    border-radius: 3px;
}

.settings-content[b-x0rny68fx7] {
    flex: 1;
    overflow-y: auto;
    padding-right: 8px;
}

.settings-content.is-page[b-x0rny68fx7] {
    min-width: 0;
    overflow: hidden;
    padding-right: 0;
}

.settings-content.is-page[b-x0rny68fx7]  .sec-page,
.settings-content.is-page[b-x0rny68fx7]  .ai-trace-page {
    height: 100%;
    min-height: 0;
    padding: 0;
}


.settings-content[b-x0rny68fx7]::-webkit-scrollbar {
    width: 6px;
}

.settings-content[b-x0rny68fx7]::-webkit-scrollbar-track {
    background: transparent;
}

.settings-content[b-x0rny68fx7]::-webkit-scrollbar-thumb {
    background: var(--surface-active);
    border-radius: 3px;
}

.settings-content[b-x0rny68fx7]::-webkit-scrollbar-thumb:hover {
    background: var(--border-strong);
}


[b-x0rny68fx7] .settings-section {
    margin-bottom: 24px;
}

[b-x0rny68fx7] .settings-section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

[b-x0rny68fx7] .settings-section-header .material-icons {
    font-size: 20px;
    color: var(--accent);
}

[b-x0rny68fx7] .settings-section-header h2 {
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    margin: 0;
}

[b-x0rny68fx7] .settings-card {
    background: var(--surface-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    padding: 20px;
}

[b-x0rny68fx7] .settings-form-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

[b-x0rny68fx7] .settings-form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-x0rny68fx7] .settings-form-group.flex-1 { flex: 1; }
[b-x0rny68fx7] .settings-form-group.flex-2 { flex: 2; }

[b-x0rny68fx7] .settings-form-group label {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--text-secondary);
}

[b-x0rny68fx7] .settings-hint {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

[b-x0rny68fx7] .settings-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

[b-x0rny68fx7] .st-status {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: var(--r-card);
    font-size: var(--text-xs);
    font-weight: 600;
}

[b-x0rny68fx7] .st-status.on {
    background: var(--status-ok-soft);
    color: var(--status-ok);
}

[b-x0rny68fx7] .st-status.off {
    background: var(--surface-active);
    color: var(--text-tertiary);
}

[b-x0rny68fx7] .st-status.err {
    background: var(--status-crit-soft);
    color: var(--status-crit);
}

[b-x0rny68fx7] .job-table {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: var(--r-card);
    overflow: hidden;
    border: 1px solid var(--border-subtle);
}

.abt-scroll[b-wj20r0n0pl] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    padding: 8px 0 12px;
}

.abt-id[b-wj20r0n0pl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

[b-wj20r0n0pl] .abt-mark { color: var(--accent); margin-bottom: 6px; }

.abt-name[b-wj20r0n0pl] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.abt-version[b-wj20r0n0pl] { font-size: var(--text-base); color: var(--text-secondary); }
.abt-built[b-wj20r0n0pl] { font-size: var(--text-xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

.abt-cols[b-wj20r0n0pl] {
    width: 100%;
    max-width: 1600px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.abt-col[b-wj20r0n0pl] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

@media (max-width: 1100px) {
    .abt-cols[b-wj20r0n0pl] { grid-template-columns: minmax(0, 1fr); }
}

[b-wj20r0n0pl] .abt-now .lum-prefs-row,
[b-wj20r0n0pl] .abt-edition .lum-prefs-row,
[b-wj20r0n0pl] .abt-key .lum-prefs-row,
[b-wj20r0n0pl] .abt-notices .lum-prefs-row { grid-template-columns: 180px minmax(0, 1fr); }

.abt-id-value[b-wj20r0n0pl] { font-family: var(--font-mono); font-size: var(--text-sm); }

.abt-value[b-wj20r0n0pl] {
    font-size: var(--text-base);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.abt-on[b-wj20r0n0pl] { color: var(--text-primary); }

.abt-text[b-wj20r0n0pl] {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    font-size: var(--text-sm);
    line-height: 1.45;
}

.abt-foot[b-wj20r0n0pl] {
    margin-top: auto;
    font-size: var(--text-xs);
    color: var(--text-quaternary);
}
[b-etvh7gbtks] .ais { flex: 1 1 auto; min-height: 0; }

.at-line[b-efoi7ithjb] {
    min-width: 0;
    font-size: var(--text-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
}

.at-bar[b-efoi7ithjb] {
    flex: none;
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.at-seg-ico[b-efoi7ithjb] { display: inline-flex; align-items: center; justify-content: center; }
.at-range[b-efoi7ithjb] { flex: none; display: flex; align-items: center; gap: 6px; font-size: var(--text-sm); }
.at-dim[b-efoi7ithjb] { color: var(--text-secondary); }
.at-bar[b-efoi7ithjb]  .at-select { width: 150px; flex: none; }
.at-search[b-efoi7ithjb] { flex: 1 1 200px; min-width: 180px; }
.at-dirty[b-efoi7ithjb] { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }

.at-body[b-efoi7ithjb] { font-variant-numeric: tabular-nums; }
.at-side[b-efoi7ithjb] { width: 236px; }

.at-mark[b-efoi7ithjb] { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.at-cell[b-efoi7ithjb] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.at-title[b-efoi7ithjb] { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.at-arrow[b-efoi7ithjb] { color: var(--text-tertiary); }

.at-change[b-efoi7ithjb] { grid-template-columns: minmax(124px, 40%) minmax(0, 1fr) auto; }
.at-change .lum-sheet-row-k[b-efoi7ithjb],
.at-long .lum-sheet-row-k[b-efoi7ithjb] { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.at-long[b-efoi7ithjb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 0 8px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
}
.at-long-k[b-efoi7ithjb] { font-size: var(--text-xs); color: var(--text-tertiary); }
.at-code[b-efoi7ithjb] { align-self: stretch; max-height: 240px; overflow: auto; }
.at-detail[b-efoi7ithjb] { margin: 0 0 6px; font-size: var(--text-base); line-height: 1.5; color: var(--text-primary); }
.scache-master[b-6wsln2yahb] { display: inline-flex; align-items: center; gap: 9px; font-size: var(--text-sm); color: var(--text-primary); cursor: pointer; }
.scache-sep[b-6wsln2yahb] { width: 1px; height: 18px; background: var(--border-subtle); }

.scache-store[b-6wsln2yahb] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 18px;
    border-radius: var(--r-block);
    background: var(--surface-raised);
}
.scache-total[b-6wsln2yahb] { display: flex; align-items: baseline; gap: 10px; }
.scache-total-v[b-6wsln2yahb] { font-family: var(--font-display); font-size: var(--text-title1); font-weight: var(--weight-display, 600); color: var(--text-primary); }
.scache-total-l[b-6wsln2yahb] { font-size: var(--text-sm); color: var(--text-tertiary); }
.scache-bar[b-6wsln2yahb] { display: flex; gap: 2px; height: 12px; border-radius: var(--r-chip); overflow: hidden; background: var(--surface-control); }
.scache-seg[b-6wsln2yahb] { display: block; background: var(--accent); }
.scache-legend[b-6wsln2yahb] { display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: var(--text-sm); color: var(--text-primary); }
.scache-key[b-6wsln2yahb] { display: inline-flex; align-items: center; gap: 7px; }
.scache-key i[b-6wsln2yahb] { width: 9px; height: 9px; border-radius: 3px; background: var(--accent); }
.scache-key span[b-6wsln2yahb] { color: var(--text-tertiary); }

.scache-list[b-6wsln2yahb] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 4px 12px 0;
    border-radius: var(--r-block);
    background: var(--surface-raised);
    overflow: hidden;
}
.scache-tbody[b-6wsln2yahb] { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.scache-tr[b-6wsln2yahb] {
    display: grid;
    grid-template-columns: 44px minmax(150px, 240px) 80px 80px 90px 60px minmax(100px, 1fr) 24px;
    column-gap: 12px;
    align-items: center;
    min-height: 34px;
    padding: 0 6px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}
.scache-tr:hover[b-6wsln2yahb] { background: var(--surface-hover); }
.scache-tr.is-head[b-6wsln2yahb] { border-top: none; border-bottom: 1px solid var(--border-subtle); min-height: 32px; font-size: var(--text-xs); font-weight: 600; letter-spacing: .01em; color: var(--text-secondary); cursor: default; }
.scache-tr.is-head:hover[b-6wsln2yahb] { background: none; }
.scache-tr .num[b-6wsln2yahb] { text-align: right; }
.scache-tr .dim[b-6wsln2yahb] { color: var(--text-secondary); }
.scache-tr.is-off[b-6wsln2yahb], .scache-tr.is-off .dim[b-6wsln2yahb] { color: var(--text-quaternary); }
.scache-name[b-6wsln2yahb] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scache-sw[b-6wsln2yahb] { display: flex; align-items: center; }
.scache-kept[b-6wsln2yahb] { width: 34px; text-align: center; color: var(--text-quaternary); }
.scache-chev[b-6wsln2yahb] { display: flex; justify-content: flex-end; color: var(--text-quaternary); }
.scache-group[b-6wsln2yahb] { display: flex; align-items: flex-end; gap: 10px; min-height: 30px; padding: 0 6px 5px; box-sizing: border-box; font-size: var(--text-xs); font-weight: 600; color: var(--text-secondary); }
.scache-group-sub[b-6wsln2yahb] { font-weight: 400; color: var(--text-tertiary); }

.scache-diag-row[b-6wsln2yahb] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 6px;
    border: none;
    border-top: 1px solid var(--border-subtle);
    background: none;
    font: inherit;
    font-size: var(--text-base);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
}
.scache-diag-row:hover[b-6wsln2yahb] { background: var(--surface-hover); }
.scache-diag-sum[b-6wsln2yahb] { color: var(--text-tertiary); font-size: var(--text-sm); }
.scache-gap[b-6wsln2yahb] { flex: 1 1 auto; }

.scache-sheet-title[b-6wsln2yahb] { font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--weight-display, 600); color: var(--text-primary); }

.cl-diag-tools[b-6wsln2yahb] { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cl-diag-sep[b-6wsln2yahb] { width: 1px; height: 20px; margin: 0 4px; background: var(--border-subtle); }

.cl-state[b-6wsln2yahb] { flex-direction: row; align-items: center; gap: 8px; }
.cl-state.is-error[b-6wsln2yahb] { color: var(--critical-text); }

.cl-figures[b-6wsln2yahb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px 20px;
    padding: 6px 0 10px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}
.cl-figure[b-6wsln2yahb] { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cl-figure span[b-6wsln2yahb] { font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cl-figure b[b-6wsln2yahb] { font-size: var(--text-title3); font-weight: var(--weight-semibold); color: var(--text-heading); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }

.cl-notes[b-6wsln2yahb] { display: flex; flex-direction: column; gap: 2px; padding: 8px 0 10px; font-size: var(--text-xs); color: var(--text-tertiary); }

.cmem-type[b-6wsln2yahb] {
    min-height: 26px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 14px;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}
.cmem-type-name[b-6wsln2yahb] { min-width: 0; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-primary); overflow-wrap: anywhere; }
.cmem-type-value[b-6wsln2yahb] { font-weight: var(--weight-semibold); color: var(--text-heading); white-space: nowrap; font-variant-numeric: tabular-nums; }

.cmem-callout[b-6wsln2yahb] { flex: none; margin: 0; }

.cmem-spark-wrap[b-6wsln2yahb] { position: relative; margin-top: 6px; }
.cmem-trend-axis[b-6wsln2yahb] { display: flex; justify-content: space-between; padding: 6px 0 10px; font-size: var(--text-xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

.cache-grid-card[b-6wsln2yahb] { flex: none; min-height: 0; display: flex; flex-direction: column; }
.cmem-grid-card[b-6wsln2yahb] { height: 440px; }
.cmem-db-card[b-6wsln2yahb] { height: 280px; }

.cache-db-name[b-6wsln2yahb], .cmem-name[b-6wsln2yahb] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-primary); }
.cmem-flag[b-6wsln2yahb] { margin-left: 8px; }
.cmem-num[b-6wsln2yahb] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.cmem-range[b-6wsln2yahb] { font-size: var(--text-sm); color: var(--text-secondary); }
.cmem-retention[b-6wsln2yahb] { font-size: var(--text-sm); color: var(--text-tertiary); }

.cmem-share[b-6wsln2yahb] { display: flex; align-items: center; gap: 8px; }
.cmem-share[b-6wsln2yahb]  .lum-bar { flex: 1 1 auto; }
.cmem-share-pct[b-6wsln2yahb] { width: 42px; flex: none; text-align: right; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

.cmem-growth[b-6wsln2yahb] { font-variant-numeric: tabular-nums; }
.cmem-growth.warn[b-6wsln2yahb] { color: var(--warn-text); }
.cmem-growth.crit[b-6wsln2yahb] { color: var(--critical-text); }

.cmem-detail[b-6wsln2yahb] { padding: 12px 16px; }
.cmem-detail-title[b-6wsln2yahb] { margin-bottom: 10px; font-family: var(--font-display); font-size: var(--text-sm); font-weight: var(--weight-display, 600); color: var(--text-secondary); }
.cmem-detail-empty[b-6wsln2yahb] { font-size: var(--text-sm); color: var(--text-tertiary); }
.cmem-detail-rows[b-6wsln2yahb] { display: flex; flex-direction: column; gap: 6px; }
.cmem-detail-row[b-6wsln2yahb] { display: grid; grid-template-columns: 170px minmax(120px, 420px) 90px 110px; justify-content: start; align-items: center; gap: 12px; }
.cmem-detail-db[b-6wsln2yahb] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cmem-detail-meter[b-6wsln2yahb] { min-width: 40px; }
.cmem-detail-bytes[b-6wsln2yahb], .cmem-detail-rowcount[b-6wsln2yahb] { text-align: right; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.scon-value[b-g9jq7x2pfu] { font-size: var(--text-base); color: var(--text-secondary); }
.sxfer-split[b-q0h6cyk1d6] { flex: 1 1 auto; min-height: 0; display: flex; gap: 14px; }
.sxfer-list[b-q0h6cyk1d6], .sxfer-side[b-q0h6cyk1d6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: var(--r-block);
    background: var(--surface-raised);
    min-height: 0;
}
.sxfer-list[b-q0h6cyk1d6] { flex: 1 1 auto; min-width: 0; padding: 12px 16px 10px; overflow: hidden; }
.sxfer-side[b-q0h6cyk1d6] { width: 360px; flex-shrink: 0; min-width: 0; padding: 16px 18px; }
.sxfer-tools[b-q0h6cyk1d6] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; min-height: 32px; flex-wrap: wrap; }
.sxfer-gap[b-q0h6cyk1d6] { flex: 1 1 auto; }
.sxfer-search[b-q0h6cyk1d6] { flex: 0 1 300px; min-width: 200px; }
.sxfer-search[b-q0h6cyk1d6]  .lum-input-wrap { width: 100%; }
.sxfer-shown[b-q0h6cyk1d6] { font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; font-variant-numeric: tabular-nums; }
.sxfer-grid-box[b-q0h6cyk1d6] { flex: 1 1 auto; min-height: 0; min-width: 0; display: flex; }
.sxfer-grid-box[b-q0h6cyk1d6]  .sxfer-grid { width: 100%; min-width: 0; }
.sxfer-check[b-q0h6cyk1d6] { display: inline-flex; align-items: center; }
.sxfer-seg[b-q0h6cyk1d6] { align-self: flex-start; flex: none; }

.sxfer-big[b-q0h6cyk1d6] { display: flex; align-items: baseline; gap: 8px; font-size: var(--text-base); color: var(--text-secondary); }
.sxfer-n[b-q0h6cyk1d6] { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: var(--weight-display, 600); color: var(--text-primary); font-variant-numeric: tabular-nums; }
.sxfer-count[b-q0h6cyk1d6] { display: flex; align-items: baseline; gap: 10px; font-size: var(--text-base); color: var(--text-secondary); }
.sxfer-count .sxfer-n[b-q0h6cyk1d6] { width: 48px; text-align: right; font-size: var(--text-title1); }
.sxfer-line[b-q0h6cyk1d6] { font-size: var(--text-sm); color: var(--text-tertiary); }
.sxfer-clear[b-q0h6cyk1d6] { align-self: flex-start; font-size: var(--text-sm); font-weight: var(--weight-semibold); }
.sg-like[b-q0h6cyk1d6] { padding: 2px 14px; border-radius: var(--r-block); background: var(--surface-overlay); }
.sg-like .lum-prefs-row[b-q0h6cyk1d6] { grid-template-columns: 110px minmax(0, 1fr); }
.sxfer-val[b-q0h6cyk1d6] { font-size: var(--text-base); color: var(--text-secondary); }
.sxfer-side[b-q0h6cyk1d6]  .sxfer-pass { flex: 1 1 0; width: auto; min-width: 0; }
.sxfer-side[b-q0h6cyk1d6]  .lum-input-wrap.sxfer-pass, .sxfer-side[b-q0h6cyk1d6]  .sxfer-pass .lum-input-wrap { width: 100%; }
.sxfer-tools[b-q0h6cyk1d6]  .sxfer-pass { width: 210px; flex: none; }
.sxfer-side[b-q0h6cyk1d6]  .sxfer-go { width: 100%; justify-content: center; }
.sxfer-go-row[b-q0h6cyk1d6] { display: flex; gap: 8px; }
.sxfer-go-row[b-q0h6cyk1d6]  .sxfer-go { flex: 1 1 auto; width: auto; }

.sxfer-file[b-q0h6cyk1d6] { position: relative; max-width: 340px; overflow: hidden; }
.sxfer-file-name[b-q0h6cyk1d6] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sxfer-file[b-q0h6cyk1d6]  .sxfer-file-input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.sxfer-from[b-q0h6cyk1d6] { font-size: var(--text-sm); color: var(--text-tertiary); }

.sxfer-empty[b-q0h6cyk1d6] { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; font-size: var(--text-sm); color: var(--text-tertiary); text-align: center; }
.sxfer-empty-head[b-q0h6cyk1d6] { font-family: var(--font-display); font-size: var(--text-title3); font-weight: var(--weight-display); color: var(--text-heading); }

.sxfer-grid-box[b-q0h6cyk1d6]  .sxfer-row-off td { color: var(--text-tertiary); }
.sxfer-dim[b-q0h6cyk1d6] { color: var(--text-tertiary); }
.sxfer-bad[b-q0h6cyk1d6] { color: var(--critical-text); font-weight: var(--weight-semibold); }
.sxfer-ep[b-q0h6cyk1d6] { display: block; font-family: var(--font-mono); font-size: var(--text-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sxfer-note[b-q0h6cyk1d6] { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sxfer-warn[b-q0h6cyk1d6] { flex-shrink: 0; width: 9px; height: 8px; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: var(--warn); }
.smail-find[b-bmkea84oil] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0 8px;
}

.smail-find[b-bmkea84oil]  .smail-find-box { flex: 1 1 auto; min-width: 0; max-width: 300px; }

.smail-count[b-bmkea84oil] {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.smail-list[b-bmkea84oil] { margin: 0 -12px 2px; }

.smail-list[b-bmkea84oil]  .smail-grid { height: 352px; }

.smail-mail[b-bmkea84oil],
.smail-note[b-bmkea84oil] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smail-note[b-bmkea84oil] { color: var(--text-tertiary); }

.smail-row-tools[b-bmkea84oil] { display: flex; justify-content: flex-end; }

.smail-list[b-bmkea84oil]  tbody tr:not(:hover):not(:focus-within) .smail-row-tools { opacity: 0; }

.smail-result[b-bmkea84oil] { display: inline-flex; align-items: center; gap: 7px; color: var(--text-secondary); }
.smail-result.bad[b-bmkea84oil] { color: var(--text-primary); }
.smail-result.bad[b-bmkea84oil]  .owl-icon { color: var(--warn); }


.fb-line[b-0ywq11ewo4] { min-width: 0; font-size: var(--text-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.fb-bar[b-0ywq11ewo4] { flex: none; min-height: 32px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fb-bar[b-0ywq11ewo4]  .fb-type { width: 170px; flex: none; }
.fb-bar[b-0ywq11ewo4]  .fb-search { width: 300px; flex: 0 1 300px; min-width: 180px; }

.fb-state[b-0ywq11ewo4] { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: var(--text-sm); color: var(--text-tertiary); }

.fb-list[b-0ywq11ewo4] { width: 420px; }
.fb-empty[b-0ywq11ewo4] { padding: 14px 10px; font-size: var(--text-sm); color: var(--text-tertiary); }
.fb-mark[b-0ywq11ewo4] { width: 10px; flex: none; display: flex; justify-content: center; }
.fb-dot[b-0ywq11ewo4] { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--status-crit); }
.fb-age[b-0ywq11ewo4] { font-variant-numeric: tabular-nums; }

.fb-read-id[b-0ywq11ewo4] { font-family: var(--font-ui); font-size: var(--text-base); font-weight: 400; color: var(--text-tertiary); }
.fb-read-body[b-0ywq11ewo4] { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; padding: 16px 20px 20px; }
.fb-facts[b-0ywq11ewo4] { max-width: 720px; }
.fb-fact-v[b-0ywq11ewo4] { min-width: 0; font-size: var(--text-sm); color: var(--text-primary); overflow-wrap: anywhere; }

.fb-text[b-0ywq11ewo4] { margin: 0; max-width: 720px; font-size: var(--text-md); line-height: 1.6; color: var(--text-heading); white-space: pre-line; }

.fb-line[b-0ywq11ewo4], .fb-bar[b-0ywq11ewo4], .fb-body[b-0ywq11ewo4] { font-variant-numeric: tabular-nums; }
.sgen-last[b-tg0qilcoyr] { margin-top: 6px; }

.sgen-preview[b-tg0qilcoyr] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}
.sg[b-r68ndrozyr] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.sg-head[b-r68ndrozyr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 0 4px 0 6px;
}

.sg-title[b-r68ndrozyr] { font-size: var(--text-sm); font-weight: 600; color: var(--text-secondary); }
.sg-note[b-r68ndrozyr] { font-size: var(--text-xs); color: var(--text-tertiary); }
.sg-gap[b-r68ndrozyr] { flex: 1 1 auto; }

.sg-card[b-r68ndrozyr] {
    background: var(--surface-raised);
    border-radius: var(--r-block);
    padding: 2px 16px;
    min-width: 0;
}

.sg-foot[b-r68ndrozyr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}
.sjob-line[b-akrfujbaa6] { min-width: 0; font-size: var(--text-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sjob-live[b-akrfujbaa6] { display: inline-flex; align-items: center; gap: 7px; font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }

.sjob-wait[b-akrfujbaa6] { flex: none; padding: 40px; align-items: center; }
.sjob-verdict[b-akrfujbaa6] { flex: none; padding: 0 4px; }

.sjob-body[b-akrfujbaa6] { flex: 1 1 auto; min-height: 0; }
.sjob-side[b-akrfujbaa6] { width: 290px; }
.sjob-seg[b-akrfujbaa6] { display: flex; }
.sjob-seg .lum-seg-btn[b-akrfujbaa6] { flex: 1 1 0; }

.sjob-dbs[b-akrfujbaa6] { padding-bottom: 6px; }
.sjob-dbs .lum-split-row[b-akrfujbaa6] { height: 48px; box-sizing: border-box; flex: none; }
.sjob-empty[b-akrfujbaa6] { margin: 0; padding: 16px 10px; font-size: var(--text-sm); color: var(--text-tertiary); }
.sjob-foot[b-akrfujbaa6] { font-size: var(--text-xs); color: var(--text-tertiary); }

.sjob-main-body[b-akrfujbaa6] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 14px 20px 18px; display: flex; flex-direction: column; gap: 16px; }
.sjob-main-body > *[b-akrfujbaa6] { flex: none; }
.sjob-now[b-akrfujbaa6] { display: flex; align-items: center; gap: 9px; }

.sjob-table[b-akrfujbaa6] { --cols: minmax(140px, 200px) 120px minmax(0, 1fr) 92px 92px 32px; --min: 720px; }
.sjob-act[b-akrfujbaa6] { display: flex; justify-content: flex-end; gap: 2px; overflow: visible; }
.sjob-fleet[b-akrfujbaa6] { margin: 0; padding-top: 10px; border-top: 1px solid var(--border-subtle); font-size: var(--text-sm); color: var(--text-secondary); }

.sjob-set-table[b-akrfujbaa6] { --cols: minmax(150px, 1fr) 56px 250px 92px 112px 64px; --min: 800px; }
.sjob-set-table[b-akrfujbaa6]  .sjob-num { width: 76px; flex: none; }
.sjob-set-table[b-akrfujbaa6]  .sjob-hh { width: 64px; flex: none; }
.sjob-set-table[b-akrfujbaa6]  .sjob-day { width: 96px; flex: none; }
.sjob-sh-foot[b-akrfujbaa6] { display: flex; align-items: center; gap: 8px; width: 100%; }
.sjob-foot-line[b-akrfujbaa6] { min-width: 0; font-size: var(--text-sm); color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sjob-bench[b-akrfujbaa6] { display: flex; flex-direction: column; min-height: 240px; }
.sjob-cut[b-akrfujbaa6] { display: block; min-width: 0; max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sjob-dim[b-akrfujbaa6] { color: var(--text-secondary); }
.sjob-bad[b-akrfujbaa6] { color: var(--warn-text); }

@media (max-width: 900px) {
    .sjob-body[b-akrfujbaa6] { flex-direction: column; }
    .sjob-side[b-akrfujbaa6] { width: auto; max-height: 360px; }
}
.sldap-result[b-299ebu39hq] { display: inline-flex; align-items: center; gap: 7px; color: var(--text-secondary); }
.sldap-result.bad[b-299ebu39hq] { color: var(--text-primary); }
.sldap-result.bad[b-299ebu39hq]  .owl-icon { color: var(--warn); }

.sldap-out[b-299ebu39hq] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 12px 0 14px;
    border-top: 1px solid var(--border-subtle);
    min-width: 0;
}
.sldap-out-head[b-299ebu39hq] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.sldap-role[b-299ebu39hq] { font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--weight-display, 600); color: var(--text-primary); }
.sldap-role.none[b-299ebu39hq] { color: var(--text-secondary); }
.sldap-from[b-299ebu39hq] { font-size: var(--text-sm); color: var(--text-secondary); }
.sldap-dn[b-299ebu39hq] { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sldap-n[b-299ebu39hq] { margin-top: 2px; font-size: var(--text-xs); font-weight: 600; color: var(--text-tertiary); }
.sldap-chips[b-299ebu39hq] { display: flex; flex-wrap: wrap; gap: 6px; max-height: 160px; overflow-y: auto; }
.sldap-chip[b-299ebu39hq] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    padding: 0 9px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}
.sldap-chip.hit[b-299ebu39hq] { color: var(--text-primary); }
.sldap-chip.hit[b-299ebu39hq]  .owl-icon { color: var(--accent); }

.sldap-find[b-299ebu39hq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0 8px;
}

.sldap-find[b-299ebu39hq]  .sldap-find-box { flex: 1 1 auto; min-width: 0; max-width: 300px; }

.sldap-count[b-299ebu39hq] {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sldap-list[b-299ebu39hq] { margin: 0 -12px 2px; }

.sldap-list[b-299ebu39hq]  .sldap-grid { height: 352px; }

.sldap-cell[b-299ebu39hq] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sldap-list[b-299ebu39hq]  tr.is-off > td { color: var(--text-quaternary); }

.sldap-row-tools[b-299ebu39hq] { display: flex; justify-content: flex-end; }

.sldap-list[b-299ebu39hq]  tbody tr:not(:hover):not(:focus-within) .sldap-row-tools { opacity: 0; }

.sldap-empty[b-299ebu39hq] { padding: 12px 0; font-size: var(--text-sm); color: var(--text-tertiary); }

.lum-prefs-ctl[b-299ebu39hq]  .sldap-server { width: 190px; flex: none; }
.lum-prefs-ctl[b-299ebu39hq]  .sldap-port { width: 64px; flex: none; }


.lg-line[b-fz1bxcfz0t] { min-width: 0; display: flex; align-items: center; gap: 8px; font-size: var(--text-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-gap[b-fz1bxcfz0t] { flex: 1 1 auto; }
.lg-dim[b-fz1bxcfz0t] { color: var(--text-secondary); }

.lg-bar[b-fz1bxcfz0t] { flex: none; min-height: 32px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.lg-seg-ico[b-fz1bxcfz0t] { display: inline-flex; align-items: center; justify-content: center; }
.lg-range[b-fz1bxcfz0t] { flex: none; display: flex; align-items: center; gap: 6px; font-size: var(--text-sm); }
.lg-bar[b-fz1bxcfz0t]  .lg-select { width: 150px; flex: none; }
.lg-bar[b-fz1bxcfz0t]  .lg-select.lg-limit { width: 128px; }
.lg-bar[b-fz1bxcfz0t]  .lg-db { width: 170px; flex: none; }
.lg-search[b-fz1bxcfz0t] { flex: 1 1 200px; min-width: 180px; }
.lg-dirty[b-fz1bxcfz0t] { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }

.lg-strip[b-fz1bxcfz0t] { flex: none; height: 64px; box-sizing: border-box; display: flex; flex-direction: column; padding: 8px 14px 4px; border-radius: var(--r-block); background: var(--surface-raised); }
.lg-strip-cols[b-fz1bxcfz0t] { flex: 1 1 auto; min-height: 0; display: flex; align-items: flex-end; gap: 3px; }
.lg-strip-col[b-fz1bxcfz0t] {
    flex: 1 1 0; min-width: 0; height: 100%; border: 0; padding: 0; background: transparent;
    display: flex; flex-direction: column; justify-content: flex-end; cursor: pointer;
}
.lg-strip-col:hover .lg-strip-rest[b-fz1bxcfz0t] { background: var(--text-tertiary); }
.lg-strip-rest[b-fz1bxcfz0t] { display: block; border-radius: 2px 2px 0 0; background: var(--text-quaternary); }
.lg-strip-err[b-fz1bxcfz0t] { display: block; background: var(--status-crit); }
.lg-strip-axis[b-fz1bxcfz0t] { position: relative; height: 15px; flex: none; font-size: var(--text-2xs); color: var(--text-quaternary); box-shadow: inset 0 1px 0 var(--border-strong); }
.lg-strip-axis span[b-fz1bxcfz0t] { position: absolute; top: 2px; }

.lg-body[b-fz1bxcfz0t] { font-variant-numeric: tabular-nums; }
.lg-side[b-fz1bxcfz0t] { width: 236px; }
.lg-quiet[b-fz1bxcfz0t] { padding: 8px 10px; font-size: var(--text-sm); color: var(--text-tertiary); }

.lg-mark[b-fz1bxcfz0t] { width: 10px; flex: none; display: inline-flex; justify-content: center; align-items: center; }
.lg-mark[b-fz1bxcfz0t]  .lg-dot, .lg-dot[b-fz1bxcfz0t] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--status-crit); }
.lg-mark[b-fz1bxcfz0t]  .lg-dot.is-fatal { box-shadow: 0 0 0 2px var(--critical-tint); }
.lg-mark[b-fz1bxcfz0t]  .lg-tri path { fill: none; stroke: var(--text-secondary); stroke-width: 3; stroke-linejoin: round; }

.lg-list[b-fz1bxcfz0t] { min-height: 0; }
.lg-msg[b-fz1bxcfz0t] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-cut[b-fz1bxcfz0t] { display: block; max-width: 104px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-state[b-fz1bxcfz0t] { gap: 10px; font-size: var(--text-sm); color: var(--text-tertiary); }

.lg-box[b-fz1bxcfz0t] { padding: 2px 0 10px; font-size: var(--text-base); line-height: 1.55; color: var(--text-primary); white-space: pre-wrap; word-break: break-word; }
.lg-box.is-mono[b-fz1bxcfz0t] { font-family: var(--font-mono); font-size: var(--text-xs); }

.lg-line[b-fz1bxcfz0t], .lg-bar[b-fz1bxcfz0t], .lg-strip[b-fz1bxcfz0t] { font-variant-numeric: tabular-nums; }
.smig-line[b-jnic8l6yc3] { min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smig-gap[b-jnic8l6yc3] { flex: 1 1 auto; }

.smig-bar[b-jnic8l6yc3] { flex: none; min-height: 32px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.smig-count[b-jnic8l6yc3] { flex: none; font-size: var(--text-sm); color: var(--text-tertiary); }
.smig-bar[b-jnic8l6yc3]  .smig-search { width: 300px; flex: 0 1 300px; min-width: 180px; }

.smig-list[b-jnic8l6yc3] { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; }

.smig-time[b-jnic8l6yc3] { color: var(--text-secondary); }
.smig-name[b-jnic8l6yc3] { display: block; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smig-err[b-jnic8l6yc3] { display: block; margin-top: 2px; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--critical-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smig-state[b-jnic8l6yc3] { display: inline-flex; align-items: center; gap: 6px; }
.smig-state.dim[b-jnic8l6yc3] { color: var(--text-secondary); }
.smig-state.bad[b-jnic8l6yc3] { color: var(--critical-text); }
.smig-state.run[b-jnic8l6yc3] { color: var(--text-heading); }
.smig-state.wait[b-jnic8l6yc3] { color: var(--text-tertiary); }
.smig-mark[b-jnic8l6yc3] { flex: none; width: 9px; height: 8px; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: var(--critical); }
.smig-dim[b-jnic8l6yc3] { color: var(--text-secondary); }

.smig-sh-state[b-jnic8l6yc3] { font-family: var(--font-ui); font-size: var(--text-base); font-weight: var(--weight-medium); }
.smig-sh-line[b-jnic8l6yc3] { font-family: var(--font-mono); font-size: var(--text-xs); }
.smig-mono[b-jnic8l6yc3] { font-family: var(--font-mono); font-size: var(--text-xs); }
.smig-box[b-jnic8l6yc3] { padding: 2px 0 10px; font-size: var(--text-base); line-height: 1.55; color: var(--text-primary); white-space: pre-wrap; word-break: break-word; }
.smig-box.is-mono[b-jnic8l6yc3] { font-family: var(--font-mono); font-size: var(--text-xs); }
.smig-box.is-bad[b-jnic8l6yc3] { color: var(--critical-text); }
.smig-sql[b-jnic8l6yc3] { max-height: 420px; overflow: auto; font-family: var(--font-code); font-size: var(--text-xs); line-height: 1.6; }

.smig-line[b-jnic8l6yc3], .smig-count[b-jnic8l6yc3], .smig-time[b-jnic8l6yc3], .smig-dim[b-jnic8l6yc3] { font-variant-numeric: tabular-nums; }
.spn[b-wzn0w80q30] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.spn-head[b-wzn0w80q30] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 34px;
    padding: 0 4px;
    flex-shrink: 0;
}

.spn-title[b-wzn0w80q30] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: var(--weight-display, 600);
    letter-spacing: -0.015em;
    color: var(--text-primary);
}

.spn-gap[b-wzn0w80q30] { flex: 1 1 auto; }

.spn-scroll[b-wzn0w80q30] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 16px;
}

.spn-cols[b-wzn0w80q30] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    max-width: 1600px;
}

.spn-col[b-wzn0w80q30] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.spn-body[b-wzn0w80q30] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media (max-width: 1100px) {
    .spn-cols[b-wzn0w80q30] { grid-template-columns: minmax(0, 1fr); }
}


.pf-line[b-k7hcqyuub3] { min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-gap[b-k7hcqyuub3] { flex: 1 1 auto; }

.pf-state[b-k7hcqyuub3] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}
.pf-state-head[b-k7hcqyuub3] { font-family: var(--font-display); font-size: var(--text-title3); font-weight: var(--weight-display); color: var(--text-heading); }


.pf-glyph[b-k7hcqyuub3] {
    flex: none;
    display: inline-block;
    width: 10px;
    height: 9px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--warn);
}

.pf-tiles[b-k7hcqyuub3] { flex: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.pf-tile[b-k7hcqyuub3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 16px 14px;
    border-radius: var(--r-block); background: var(--surface-raised);
}
.pf-tile-head[b-k7hcqyuub3] { display: flex; align-items: baseline; gap: 10px; }
.pf-tile-name[b-k7hcqyuub3] { font-family: var(--font-display); font-size: var(--text-title3); font-weight: var(--weight-display); color: var(--text-heading); }
.pf-tile-sub[b-k7hcqyuub3] { font-size: var(--text-xs); color: var(--text-tertiary); }
.pf-figs[b-k7hcqyuub3] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pf-fig[b-k7hcqyuub3] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pf-fig-l[b-k7hcqyuub3] { font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }
.pf-fig-v[b-k7hcqyuub3] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-heading);
    white-space: nowrap;
}
.pf-fig-v.is-warn[b-k7hcqyuub3] { color: var(--warn-text); }
.pf-fig-s[b-k7hcqyuub3] { font-size: var(--text-xs); line-height: 1.35; color: var(--text-tertiary); }

.pf-cols[b-k7hcqyuub3] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; overflow-y: auto; }
.pf-col[b-k7hcqyuub3] { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.pf-group[b-k7hcqyuub3] { flex: none; display: flex; flex-direction: column; padding: 2px 6px 4px; border-radius: var(--r-block); background: var(--surface-raised); }

.pf-row[b-k7hcqyuub3] {
    height: 32px;
    display: grid;
    grid-template-columns: minmax(160px, 320px) 130px 130px;
    justify-content: start;
    column-gap: 12px;
    align-items: center;
    padding: 0 10px;
    font-size: var(--text-sm);
    color: var(--text-primary);
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}
.pf-row:last-child[b-k7hcqyuub3] { box-shadow: none; }
.pf-row > span:not(:first-child)[b-k7hcqyuub3] { text-align: right; }
.pf-row .is-warn[b-k7hcqyuub3] { color: var(--warn-text); font-weight: var(--weight-semibold); }
.pf-row-l[b-k7hcqyuub3] { color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-row-head[b-k7hcqyuub3] { height: 30px; font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: .01em; color: var(--text-secondary); }
.pf-group-name[b-k7hcqyuub3] { font-family: var(--font-display); font-size: var(--text-base); font-weight: var(--weight-display); color: var(--text-heading); }

.pf-line[b-k7hcqyuub3], .pf-tiles[b-k7hcqyuub3], .pf-cols[b-k7hcqyuub3] { font-variant-numeric: tabular-nums; }


.po-line[b-wgqw1rb689] { min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.po-gap[b-wgqw1rb689] { flex: 1 1 auto; }

.po-state[b-wgqw1rb689] { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; font-size: var(--text-sm); color: var(--text-tertiary); }
.po-state-head[b-wgqw1rb689] { font-family: var(--font-display); font-size: var(--text-title3); font-weight: var(--weight-display); color: var(--text-heading); }

.po-note[b-wgqw1rb689] { flex: none; min-height: 22px; display: flex; align-items: center; padding: 0 4px; font-size: var(--text-base); color: var(--text-secondary); }
.po-note > span:not(.po-gap)[b-wgqw1rb689] { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.po-dot[b-wgqw1rb689] { flex: none; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--status-crit); }

.po-bar[b-wgqw1rb689] { flex: none; min-height: 32px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.po-bar[b-wgqw1rb689]  .po-search { width: 300px; flex: 0 1 300px; min-width: 180px; }
.po-count[b-wgqw1rb689] { flex: none; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; }

.po-list[b-wgqw1rb689] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }

.is-crit[b-wgqw1rb689] { color: var(--critical-text); font-weight: var(--weight-semibold); }
.po-faint[b-wgqw1rb689] { color: var(--text-quaternary); }
.po-dim[b-wgqw1rb689] { color: var(--text-secondary); }
.po-name[b-wgqw1rb689] { display: block; min-width: 0; max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.po-now[b-wgqw1rb689] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.po-now[b-wgqw1rb689]  .po-now-bar { flex: 1 1 auto; }
.po-now-n[b-wgqw1rb689] { flex: none; width: 52px; text-align: right; color: var(--text-secondary); }


.po-sh-head[b-wgqw1rb689] { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; }
.po-sh-name[b-wgqw1rb689] { flex: none; font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--weight-display); color: var(--text-heading); }
.po-sh-line[b-wgqw1rb689] { flex: 1 1 auto; min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.po-facts[b-wgqw1rb689] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 14px; font-size: var(--text-sm); }
.po-fact[b-wgqw1rb689] { height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 10px; box-shadow: inset 0 -1px 0 var(--border-subtle); }
.po-fact:nth-child(odd):nth-last-child(-n+2)[b-wgqw1rb689] { box-shadow: none; }
.po-fact-l[b-wgqw1rb689] { color: var(--text-tertiary); white-space: nowrap; }
.po-fact-v[b-wgqw1rb689] { color: var(--text-primary); white-space: nowrap; }

.po-chart-card[b-wgqw1rb689] { gap: 6px; padding-bottom: 10px; }


.po-line[b-wgqw1rb689], .po-list[b-wgqw1rb689] { font-variant-numeric: tabular-nums; }
.sp[b-mdyjmufwgl] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 22px;
    padding: 0 4px;
    font-size: var(--text-base);
    color: var(--text-primary);
}
.sp-mark[b-mdyjmufwgl] { flex-shrink: 0; width: 10px; height: 9px; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.sp-mark.warn[b-mdyjmufwgl] { background: var(--warn); }
.sp-mark.crit[b-mdyjmufwgl] { background: var(--critical); }
.sp-text[b-mdyjmufwgl] { min-width: 0; }
.sp-act[b-mdyjmufwgl] {
    border: none;
    padding: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
}
.sp-act:hover[b-mdyjmufwgl] { text-decoration: underline; }


.qt-line[b-7hm1agjhoc] { min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qt-gap[b-7hm1agjhoc] { flex: 1 1 auto; }
.qt-sep[b-7hm1agjhoc] { flex: none; width: 1px; height: 18px; background: var(--border-strong); }

.qt-rec[b-7hm1agjhoc] { flex: none; display: flex; align-items: center; gap: 9px; font-size: var(--text-sm); color: var(--text-primary); white-space: nowrap; }

.qt-dot[b-7hm1agjhoc] { flex: none; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--status-crit); }

.qt-bar[b-7hm1agjhoc] { flex: none; height: 32px; display: flex; align-items: center; gap: 8px; }
.qt-search[b-7hm1agjhoc] { width: 300px; flex: none; }
.qt-bar[b-7hm1agjhoc]  .qt-db { width: 190px; flex: none; }
.qt-cap[b-7hm1agjhoc] { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); white-space: nowrap; }

.qt-state[b-7hm1agjhoc] { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; font-size: var(--text-sm); color: var(--text-tertiary); border-radius: var(--r-block); background: var(--surface-raised); }
.qt-state-head[b-7hm1agjhoc] { font-family: var(--font-display); font-size: var(--text-title3); font-weight: var(--weight-display); color: var(--text-heading); }

.qt-list[b-7hm1agjhoc] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }

.qt-name[b-7hm1agjhoc] { color: var(--text-primary); }
.qt-dim[b-7hm1agjhoc] { color: var(--text-secondary); }
.qt-db[b-7hm1agjhoc] { display: block; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qt-faint[b-7hm1agjhoc] { color: var(--text-quaternary); }
.qt-err[b-7hm1agjhoc] { color: var(--critical-text); font-weight: var(--weight-semibold); }
.qt-sqlid[b-7hm1agjhoc] { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-secondary); }

.qt-share[b-7hm1agjhoc] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.qt-share[b-7hm1agjhoc]  .qt-share-bar { flex: 1 1 auto; }
.qt-share-n[b-7hm1agjhoc] { flex: none; width: 46px; text-align: right; color: var(--text-secondary); }

.qt-sh-head[b-7hm1agjhoc] { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; }
.qt-sh-name[b-7hm1agjhoc] { flex: 0 1 auto; min-width: 0; font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--weight-display); color: var(--text-heading); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qt-sh-line[b-7hm1agjhoc] { flex: 0 4 auto; min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.qt-facts[b-7hm1agjhoc] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 14px; font-size: var(--text-sm); }
.qt-fact[b-7hm1agjhoc] { height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--text-primary); box-shadow: inset 0 -1px 0 var(--border-subtle); }
.qt-fact:nth-child(odd):nth-last-child(-n+2)[b-7hm1agjhoc] { box-shadow: none; }
.qt-fact-l[b-7hm1agjhoc] { color: var(--text-tertiary); }

.qt-hist[b-7hm1agjhoc] { display: flex; flex-direction: column; gap: 4px; padding: 4px 0 10px; }
.qt-hist-row[b-7hm1agjhoc] { height: 24px; display: grid; grid-template-columns: 88px minmax(0, 1fr) 120px; column-gap: 12px; align-items: center; font-size: var(--text-sm); }
.qt-hist-l[b-7hm1agjhoc] { color: var(--text-secondary); }
.qt-hist-v[b-7hm1agjhoc] { text-align: right; color: var(--text-primary); }
.qt-errbox[b-7hm1agjhoc] { padding: 2px 0 10px; font-family: var(--font-mono); font-size: var(--text-xs); line-height: 1.55; color: var(--text-primary); white-space: pre-wrap; word-break: break-word; }

.qt-store .lum-prefs-row[b-7hm1agjhoc] { grid-template-columns: 150px minmax(0, 1fr); }
.qt-sh-foot[b-7hm1agjhoc] { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; }

.qt-line[b-7hm1agjhoc], .qt-bar[b-7hm1agjhoc], .qt-list[b-7hm1agjhoc], .qt-state[b-7hm1agjhoc] { font-variant-numeric: tabular-nums; }

.sph-mono[b-rzlnesprmt] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.sph-arrow[b-rzlnesprmt] {
    margin: 0 5px;
    color: var(--text-tertiary);
}

.sph-after[b-rzlnesprmt] {
    margin-left: 8px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sph-n[b-rzlnesprmt] {
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}

.lum-seg-btn.active .sph-n[b-rzlnesprmt] { color: inherit; }

.sph-check-name[b-rzlnesprmt] {
    margin-right: 6px;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.spa-unit[b-qc26japfn6] {
    min-width: 32px;
}

.spa-summary[b-qc26japfn6] { margin-bottom: 6px; }

.spp[b-j42e694zfq] {
    width: min(1320px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
}

.spp-body[b-j42e694zfq] { padding-top: 4px; }

.spp-fixed[b-j42e694zfq] {
    display: flex;
    align-items: center;
    min-height: var(--control-height);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.spp-answer[b-j42e694zfq] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.spp-note[b-j42e694zfq] { color: var(--text-tertiary); }

.spp-grid[b-j42e694zfq] {
    display: flex;
    height: min(460px, calc(100vh - 380px));
    min-height: 300px;
    padding: 0 0 4px;
}

.spp-grid[b-j42e694zfq]  .lum-grid { flex: 1 1 auto; }

.spp-mono[b-j42e694zfq] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.spp-arrow[b-j42e694zfq] {
    margin: 0 5px;
    color: var(--text-tertiary);
}

.spp-reason[b-j42e694zfq] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.spp-check-name[b-j42e694zfq] {
    margin-right: 6px;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.spc-edit[b-dp0dth0ilo] { width: 560px; }

.spc-edit .lum-prefs-body[b-dp0dth0ilo] { padding-top: 4px; }

.spc-fixed[b-dp0dth0ilo] {
    display: flex;
    align-items: center;
    min-height: var(--control-height);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.spc-fixed.mono[b-dp0dth0ilo] { font-family: var(--font-mono); }

.spc-history[b-m9hsg36vnm] { width: 700px; }

.spc-history .lum-prefs-body[b-m9hsg36vnm] { padding-top: 4px; }

.spc-history-list[b-m9hsg36vnm] {
    display: flex;
    overflow: hidden;
}

.spc-history-list[b-m9hsg36vnm]  .lum-grid {
    flex: 1 1 auto;
    max-height: min(470px, calc(100vh - 260px));
}

.spc-mono[b-m9hsg36vnm] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.spw-search[b-nz4us9h5qr] {
    flex: 0 1 320px;
    min-width: 200px;
}

.spw-search[b-nz4us9h5qr]  .lum-input-wrap { width: 100%; }

.spw-n[b-nz4us9h5qr] {
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}

.lum-seg-btn.active .spw-n[b-nz4us9h5qr] { color: inherit; }

.spw-mono[b-nz4us9h5qr] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.spw-dim[b-nz4us9h5qr] { color: var(--text-secondary); }

.spw-mono.is-crit[b-nz4us9h5qr] { color: var(--status-crit); }

.spw-off[b-nz4us9h5qr] { color: var(--text-tertiary); }

.spw-tools-cell[b-nz4us9h5qr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}


.sts-job[b-hcocnyxrl0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 9px;
    border-radius: var(--r-chip);
    font-size: var(--text-2xs);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    background: var(--surface-hover);
    white-space: nowrap;
}

.sts-job.live[b-hcocnyxrl0] { color: var(--text-heading); background: var(--accent-soft); }
.sts-job.live .sts-dot[b-hcocnyxrl0] { color: var(--accent); animation: lm-pulse 2s ease-in-out infinite; }

.sts-sub[b-hcocnyxrl0] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sts-dot[b-hcocnyxrl0] {
    display: inline-block;
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.sts-dot.pulse[b-hcocnyxrl0] { animation: lm-pulse 2s ease-in-out infinite; }

.sts-db-row.is-stopped .lum-split-row-name[b-hcocnyxrl0] { color: var(--text-tertiary); }


.sts-kpis[b-hcocnyxrl0] {
    flex: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--border-subtle);
}

.sts-kpi[b-hcocnyxrl0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 12px 20px;
    border: none;
    border-right: 1px solid var(--border-subtle);
    background: transparent;
    text-align: left;
    font: inherit;
    color: var(--text-primary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.sts-kpi:last-child[b-hcocnyxrl0] { border-right: none; }
.sts-kpi:hover[b-hcocnyxrl0] { background: var(--surface-hover); }

.sts-kpi-line[b-hcocnyxrl0] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.sts-kpi-value[b-hcocnyxrl0] {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-size: clamp(20px, 1.6vw, 24px);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sts-kpi-unit[b-hcocnyxrl0] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sts-kpi-sub[b-hcocnyxrl0] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.sts-head-host[b-hcocnyxrl0] {
    margin-left: 8px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: 0;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sts-head-warn[b-hcocnyxrl0] {
    margin: 2px 0 0;
    font-size: var(--text-xs);
    color: var(--status-warn);
    overflow-wrap: anywhere;
}


.sts-main[b-hcocnyxrl0]  .lum-tabs-host {
    flex: 1 1 auto;
    min-height: 0;
}

.sts-main[b-hcocnyxrl0]  .lum-tabs-host > .lum-tab-panels > .lum-tab-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.sts-now[b-hcocnyxrl0] {
    display: block;
    max-width: 100%;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
}

.sts-now > .sts-dot[b-hcocnyxrl0] {
    margin-right: 3px;
    vertical-align: 1px;
}

.sts-now.live[b-hcocnyxrl0] { color: var(--text-heading); }
.sts-now.live > .sts-dot[b-hcocnyxrl0] { color: var(--accent); }
.sts-now.warn[b-hcocnyxrl0] { color: var(--status-warn); }

.sts-seq[b-hcocnyxrl0] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

@media (max-width: 1180px) {
    .sts-kpis[b-hcocnyxrl0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sts-kpi:nth-child(2)[b-hcocnyxrl0] { border-right: none; }
    .sts-kpi:nth-child(-n+2)[b-hcocnyxrl0] { border-bottom: 1px solid var(--border-subtle); }
}

.sum-page[b-9ppxcogq0o] {
    --sum-panel: var(--surface-raised);
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 12px 16px 14px;
    box-sizing: border-box;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
}

[data-theme="light"] .sum-page[b-9ppxcogq0o] {
    --sum-panel: var(--surface-hover);
}

.sum-gap[b-9ppxcogq0o] { flex: 1 1 auto; }

.sum-quiet[b-9ppxcogq0o] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.sum-page[b-9ppxcogq0o]  .sum-tabs {
    --lum-tabs-panel: var(--sum-panel);
    flex: 1 1 auto;
    min-height: 0;
}

.sum-seg[b-9ppxcogq0o] { flex: none; flex-wrap: nowrap; }
.sum-seg .lum-seg-btn[b-9ppxcogq0o] { padding: 5px 11px; font-size: var(--text-sm); }

.sum-ov[b-9ppxcogq0o] {
    height: 100%;
    box-sizing: border-box;
    padding: 14px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 16px;
}

.sum-ov[b-9ppxcogq0o]  .sum-viz {
    position: relative;
    height: clamp(40px, calc((100vh - 740px) * 0.4 + 40px), 104px);
}

.sum-ov[b-9ppxcogq0o]  .sum-viz .lumviz-host {
    position: absolute;
    inset: 0;
    height: auto !important;
}

.sum-ov[b-9ppxcogq0o]  .sum-viz.sum-bk {
    height: auto;
    min-height: clamp(40px, calc((100vh - 740px) * 0.4 + 40px), 104px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
}

.sum-ov[b-9ppxcogq0o]  .sum-bk-bar { flex: none; background: var(--surface-control); }
.sum-ov[b-9ppxcogq0o]  .sum-bk-key { gap: 4px 14px; font-size: var(--text-xs); }

.sum-cards[b-9ppxcogq0o] {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.sum-card[b-9ppxcogq0o],
.sum-dist[b-9ppxcogq0o],
.sum-figcard[b-9ppxcogq0o] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.sum-list[b-9ppxcogq0o] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    padding: 0 10px;
    margin: 0 -10px;
}

.sum-list > .lum-rank-row[b-9ppxcogq0o] {
    flex: 1 1 0;
    min-height: 28px;
    max-height: 48px;
    height: auto;
}

.sum-card-wait[b-9ppxcogq0o],
.sum-card-quiet[b-9ppxcogq0o] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    text-align: center;
}

.sum-card-quiet.is-line[b-9ppxcogq0o] {
    flex: none;
    justify-content: flex-start;
    padding: 2px 0 6px;
    text-align: left;
}

.sum-attn-keys[b-9ppxcogq0o] {
    flex: none;
    gap: 6px 16px;
}

.sum-list > .sum-attn-row[b-9ppxcogq0o] { grid-template-columns: 10px minmax(0, 1fr) auto; }

.sum-mix[b-9ppxcogq0o] {
    flex: 1 1 auto;
    min-height: 0;
    justify-content: space-between;
    overflow: hidden;
}

.sum-inv[b-9ppxcogq0o] {
    height: 100%;
    box-sizing: border-box;
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "db  db  db  srv srv"
        "env ver pat grp top"
        "plt arc pat grp top";
    gap: 14px;
}

.sum-inv > [data-area="db"][b-9ppxcogq0o] { grid-area: db; }
.sum-inv > [data-area="srv"][b-9ppxcogq0o] { grid-area: srv; }
.sum-inv > [data-area="env"][b-9ppxcogq0o] { grid-area: env; }
.sum-inv > [data-area="ver"][b-9ppxcogq0o] { grid-area: ver; }
.sum-inv > [data-area="plt"][b-9ppxcogq0o] { grid-area: plt; }
.sum-inv > [data-area="arc"][b-9ppxcogq0o] { grid-area: arc; }
.sum-inv > [data-area="pat"][b-9ppxcogq0o] { grid-area: pat; }
.sum-inv > [data-area="grp"][b-9ppxcogq0o] { grid-area: grp; }
.sum-inv > [data-area="top"][b-9ppxcogq0o] { grid-area: top; }
.sum-inv > [data-area="con"][b-9ppxcogq0o] { grid-area: con; }
.sum-inv > [data-area="rol"][b-9ppxcogq0o] { grid-area: rol; }

.sum-inv.is-tall[b-9ppxcogq0o] {
    grid-template-rows: auto repeat(3, minmax(0, 1fr));
    grid-template-areas:
        "db  db  db  srv srv"
        "env ver pat grp top"
        "plt arc pat grp top"
        "con rol pat grp top";
}

.sum-inv > .lum-highlight[b-9ppxcogq0o] {
    gap: 10px;
    padding: 16px 18px;
}

.sum-top-tools[b-9ppxcogq0o] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sum-top-tools[b-9ppxcogq0o]  .sum-metric-select { width: 100%; }

.sum-top .lum-rank-row.no-dot[b-9ppxcogq0o] { grid-template-columns: minmax(0, 1fr) minmax(36px, 20%) 76px; }

.sum-sh-head[b-9ppxcogq0o] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sum-sh-name[b-9ppxcogq0o] {
    min-width: 0;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sum-proj[b-9ppxcogq0o] {
    flex: none;
    height: 30px;
    padding: 0 12px 0 10px;
    border: 0;
    border-radius: var(--r-block);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.sum-proj:disabled[b-9ppxcogq0o] { opacity: .55; cursor: default; }

.sum-sh[b-9ppxcogq0o] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
}

.sum-sh-bar[b-9ppxcogq0o] {
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 14px;
}

.sum-sh-bar[b-9ppxcogq0o]  .sum-bk-bar { background: var(--surface-control); }

.sum-sh-chart-card[b-9ppxcogq0o] { padding: 10px 14px 6px; }

.sum-sh-chart[b-9ppxcogq0o] {
    position: relative;
    flex: none;
    height: 134px;
}

.sum-sh-chart.is-mid[b-9ppxcogq0o] { height: 154px; }
.sum-sh-chart.is-tall[b-9ppxcogq0o] { height: 164px; }

.sum-sh-ai[b-9ppxcogq0o] {
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.sum-sh-ai[b-9ppxcogq0o]  .lum-ai-glyph { color: var(--accent-text); flex: none; }

.sum-sh-list[b-9ppxcogq0o] {
    flex: 0 1 auto;
    min-height: 0;
    gap: 4px;
}

.sum-sh-list.is-grouped[b-9ppxcogq0o] {
    flex: 1 1 auto;
    overflow-y: auto;
}

.sum-sh-list[b-9ppxcogq0o]  .lum-grid { margin: 0 -12px; }

.sum-sh-list-head[b-9ppxcogq0o] {
    flex: none;
    height: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sum-sh-list-head[b-9ppxcogq0o]  .sum-find { width: 210px; }
.sum-sh-list-head[b-9ppxcogq0o]  .sum-mix-select { width: 220px; }
.sum-mix-chip[b-9ppxcogq0o] { height: 28px; gap: 6px; }

.sum-sh-wait[b-9ppxcogq0o] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sum-empty[b-9ppxcogq0o] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.sum-num[b-9ppxcogq0o] { font-weight: 600; color: var(--text-heading); }
.sum-num.is-crit[b-9ppxcogq0o] { color: var(--critical-text); }
.sum-num.is-warn[b-9ppxcogq0o] { color: var(--warn-text); }

.sum-cell-id[b-9ppxcogq0o] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.sum-cell-name[b-9ppxcogq0o] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sum-tag[b-9ppxcogq0o] {
    flex: none;
    height: 18px;
    padding: 0 6px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    color: var(--text-tertiary);
    font-size: var(--text-2xs);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.sum-group[b-9ppxcogq0o] { display: inline-flex; align-items: center; gap: 8px; }
.sum-group-name[b-9ppxcogq0o] { color: var(--text-heading); }
.sum-group-n[b-9ppxcogq0o] { font-weight: 500; color: var(--text-tertiary); }
.sum-group-pct[b-9ppxcogq0o] { color: var(--text-quaternary); }

@media (max-width: 1100px) {
    .sum-page[b-9ppxcogq0o] { overflow: auto; }
    .sum-ov[b-9ppxcogq0o],
    .sum-inv[b-9ppxcogq0o] { height: auto; }
    .sum-cards[b-9ppxcogq0o] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sum-card[b-9ppxcogq0o] { height: 380px; }
    .sum-inv[b-9ppxcogq0o],
    .sum-inv.is-tall[b-9ppxcogq0o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        grid-template-areas: "db db" "srv srv" "env ver" "plt arc" "con rol" "pat grp" "top top";
    }
    .sum-dist[b-9ppxcogq0o] { height: 300px; }
}
.weekly-report-container[b-fq106eqto9] {
    padding: 20px 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.weekly-report-header[b-fq106eqto9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.weekly-report-header .page-title[b-fq106eqto9] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.weekly-report-header .page-subtitle[b-fq106eqto9] {
    margin: 4px 0 0;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.config-card[b-fq106eqto9] {
    background: var(--surface-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    margin-bottom: 12px;
    overflow: hidden;
}

.config-card-header[b-fq106eqto9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-subtle);
}

.config-card-title[b-fq106eqto9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-md);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.config-card-actions[b-fq106eqto9] {
    display: flex;
    gap: 2px;
}

.config-card-body[b-fq106eqto9] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 16px;
}

.config-section[b-fq106eqto9] {
    flex: 1;
    min-width: 180px;
}

.config-section-title[b-fq106eqto9] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-secondary);
    letter-spacing: 0.01em;
    margin-bottom: 6px;
}

.config-chips[b-fq106eqto9] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.config-chip[b-fq106eqto9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: var(--r-ctl);
    background: var(--surface-active);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: 500;
}

.config-chip.db[b-fq106eqto9] { color: var(--text-primary); }

.status-badge[b-fq106eqto9],
.day-range-badge[b-fq106eqto9] {
    font-size: var(--text-2xs);
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--r-card);
    letter-spacing: 0.01em;
    background: var(--surface-active);
    color: var(--text-secondary);
}

.day-range-badge[b-fq106eqto9] { font-weight: 500; }

.status-badge.disabled[b-fq106eqto9] {
    background: transparent;
    color: var(--text-tertiary);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
}

.dialog-overlay[b-fq106eqto9] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--scrim);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.wpr-dialog[b-fq106eqto9] {
    width: 580px;
    max-width: 92vw;
}

.wrd-dialog[b-sguyrsuiga] { width: min(640px, calc(100vw - 48px)); }

.wrd-own[b-sguyrsuiga] {
    max-height: 300px;
    overflow-y: auto;
}

.wrd-own .lum-prefs-row:first-child[b-sguyrsuiga] { border-top: none; }

.wrd-own .wrd-own-db[b-sguyrsuiga] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: var(--control-height);
}

.wrd-own-add[b-sguyrsuiga] { gap: 10px; }

.wrd-own[b-sguyrsuiga]  .wrd-own-x { align-self: center; }
.info-tooltip-wrapper[b-hsoh72r5pp] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.info-tooltip-icon[b-hsoh72r5pp] {
    font-size: 14px !important;
    color: var(--text-tertiary);
    cursor: help;
    transition: color var(--transition-fast);
}

.info-tooltip-icon:hover[b-hsoh72r5pp] {
    color: var(--status-ok);
}

.info-tooltip-icon.small[b-hsoh72r5pp] {
    font-size: 12.5px !important;
}

.info-tooltip-anchor[b-hsoh72r5pp] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.info-tooltip-wrapper.click .info-tooltip-popup[b-hsoh72r5pp] { pointer-events: auto; }

.info-tooltip-content[b-hsoh72r5pp]  .info-tooltip-title {
    margin-bottom: 6px;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.02em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.info-tooltip-content[b-hsoh72r5pp]  .info-tooltip-facts {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 16px;
    row-gap: 3px;
    align-items: baseline;
}

.info-tooltip-content[b-hsoh72r5pp]  .info-tooltip-facts > span {
    color: var(--text-tertiary);
    white-space: nowrap;
}

.info-tooltip-content[b-hsoh72r5pp]  .info-tooltip-facts > b {
    font-family: var(--font-mono);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    text-align: right;
    white-space: nowrap;
}

.info-tooltip-content[b-hsoh72r5pp]  .info-tooltip-note {
    margin-bottom: 8px;
    color: var(--text-secondary);
}

.info-tooltip-content[b-hsoh72r5pp]  .info-tooltip-facts.is-text > b {
    font-family: var(--font-ui);
    text-align: left;
    white-space: normal;
}

.info-tooltip-popup[b-hsoh72r5pp] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    pointer-events: none;
}

.info-tooltip-popup.pos-bottom[b-hsoh72r5pp] {
    bottom: auto;
    top: calc(100% + 8px);
}

.info-tooltip-popup.pos-bottom .info-tooltip-arrow[b-hsoh72r5pp] {
    bottom: auto;
    top: -6px;
    border-top: none;
    border-bottom: 6px solid var(--surface-overlay);
}

.info-tooltip-content[b-hsoh72r5pp] {
    background: var(--surface-overlay);
    color: var(--text-primary);
    padding: 12px 16px;
    border-radius: var(--r-card);
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    line-height: 1.6;
    white-space: pre-line;
    max-width: 320px;
    min-width: 200px;
    border: 1px solid var(--border-strong);
    box-shadow: var(--shadow-md);
    text-align: left;
}

.info-tooltip-content.rich[b-hsoh72r5pp] {
    white-space: normal;
    font-size: var(--text-xs);
    line-height: 1.5;
    padding: 9px 12px;
}

.info-tooltip-arrow[b-hsoh72r5pp] {
    position: absolute;
    bottom: -6px;
    left: var(--tip-arrow-x, 50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--surface-overlay);
}




:root {
  --graphite-0:  #0A0A0A;
  --graphite-1:  #121212;
  --graphite-2:  #171717;
  --graphite-3:  #1C1C1C;
  --graphite-4:  #232323;
  --graphite-5:  #262626;
  --graphite-6:  #3E3E3E;
  --graphite-7:  #2E2E2E;
  --graphite-8:  #6A6A6A;
  --graphite-9:  #969696;
  --graphite-10: #B9B9B9;
  --graphite-11: #E5E5E5;
  --graphite-12: #F4F4F4;

  --linen-canvas:   #FAFAFA;
  --linen-bar:      #FFFFFF;
  --linen-card:     #FFFFFF;
  --linen-control:  #F3F3F3;
  --linen-line:     #E6E8EB;
  --linen-strong:   #D5D7DA;
  --linen-disabled: #A4A4A4;
  --linen-text-3:   #676767;
  --linen-text-2:   #515151;
  --linen-text:     #1B1B1B;
  --linen-heading:  #111111;

  --jale-100:   #DBF5E7;
  --jale-200:   #A4EAC8;
  --jale-300:   #7BE1B2;
  --jale-400:   #40BF8C;
  --jale-light: #3CBC89;
  --jale-500:   #00A673;
  --jale-600:   #00845A;
  --jale-700:   #007550;
  --jale-800:   #0F2B1F;
  --jale-line:  #005A3D;
  --jale-ink:   #071911;

  --ember-tint-dark:  #3A1F22;  --ember-line-dark:  #6B2B31;  --ember-dark:  #F0616B;  --ember-text-dark:  #F7868D;
  --ember-tint-light: #FBE8E9;                                --ember-light: #D6343F;  --ember-text-light: #C0282F;
  --amber-tint-dark:  #262626;  --amber-line-dark:  #3E3E3E;  --amber-dark:  #F2B654;  --amber-text-dark:  #F2B654;
  --amber-tint-light: #F3F3F3;                                --amber-light: #C98A12;  --amber-text-light: #8A5A00;
  --sage-tint-dark:   #1E2B22;  --sage-line-dark:   #2F4A36;  --sage-dark:   #79B98A;  --sage-text-dark:   #9FD0AA;
  --sage-tint-light:  #E7F1E9;                                --sage-light:  #5E9F6D;  --sage-text-light:  #3B7A4A;
  --slate-tint-dark:  #232323;  --slate-line-dark:  #3E3E3E;  --slate-dark:  #969696;  --slate-text-dark:  #B9B9B9;
  --slate-tint-light: #F3F3F3;                                --slate-light: #676767;  --slate-text-light: #515151;
}

:root {
  color-scheme: dark;

  --lm-bg-scrim:   var(--graphite-0);
  --lm-bg-canvas:  var(--graphite-1);
  --lm-bg-bar:     var(--graphite-2);
  --lm-bg-surface: var(--graphite-3);
  --lm-bg-raised:  var(--graphite-4);
  --lm-bg-ground:  var(--graphite-4);
  --lm-bg-control: var(--graphite-5);
  --lm-bg-segment: var(--graphite-7);
  --lm-bg-hover:   #202020;
  --lm-bg-shelf:   #151515;
  --lm-tab-light:  rgba(255, 255, 255, 0.09);
  --lm-tab-lift:   0 -6px 14px rgba(0, 0, 0, 0.35);

  --lm-line:        #2E2E2E;
  --lm-line-strong: var(--graphite-6);
  --lm-line-faint:  #262626;

  --lm-text-heading:  var(--graphite-12);
  --lm-text:          var(--graphite-11);
  --lm-text-2:        var(--graphite-10);
  --lm-text-3:        var(--graphite-9);
  --lm-text-disabled: var(--graphite-8);

  --lm-accent:       var(--jale-400);
  --lm-accent-text:  var(--jale-300);
  --lm-accent-fill:  var(--jale-400);
  --lm-accent-hover: var(--jale-500);
  --lm-accent-tint:  var(--jale-800);
  --lm-accent-line:  var(--jale-line);
  --lm-on-accent:    var(--jale-ink);
  --lm-accent-chart: var(--jale-400);

  --lm-bg-selected:   var(--graphite-7);

  --lm-bg-row-alt:      #1F1F1F;
  --lm-bg-row-hover:    #2C2C2C;
  --lm-bg-row-selected: #383838;

  --lm-bg-bubble:       #353535;

  --lm-critical:       var(--ember-dark);
  --lm-on-critical:    #1E0B0D;
  --lm-critical-text:  var(--ember-text-dark);
  --lm-critical-tint:  var(--ember-tint-dark);
  --lm-critical-line:  var(--ember-line-dark);
  --lm-warning:        var(--amber-dark);
  --lm-warning-text:   var(--amber-text-dark);
  --lm-warning-tint:   var(--amber-tint-dark);
  --lm-warning-line:   var(--amber-line-dark);
  --lm-positive:       var(--sage-dark);
  --lm-positive-text:  var(--sage-text-dark);
  --lm-positive-tint:  var(--sage-tint-dark);
  --lm-positive-line:  var(--sage-line-dark);
  --lm-offline:        var(--slate-dark);
  --lm-offline-text:   var(--slate-text-dark);
  --lm-offline-tint:   var(--slate-tint-dark);
  --lm-offline-line:   var(--slate-line-dark);

  --lm-quiet: #353535;

  --lm-mark:          var(--jale-400);
  --lm-mark-wing:     color-mix(in oklch, var(--jale-400) 50%, var(--jale-500));
  --lm-mark-window:   var(--graphite-12);
  --lm-mark-window-a: .16;
}

[data-theme="light"] {
  color-scheme: light;

  --lm-bg-scrim:   var(--linen-heading);
  --lm-bg-canvas:  var(--linen-canvas);
  --lm-bg-bar:     var(--linen-bar);
  --lm-bg-surface: var(--linen-card);
  --lm-bg-raised:  var(--linen-card);
  --lm-bg-ground:  var(--linen-canvas);
  --lm-bg-control: var(--linen-control);
  --lm-bg-segment: #E9E9E9;
  --lm-bg-hover:   #F7F7F7;
  --lm-bg-shelf:   #F3F3F3;
  --lm-tab-light:  rgba(255, 255, 255, 0.9);
  --lm-tab-lift:   0 -4px 12px rgba(0, 0, 0, 0.08);

  --lm-line:        var(--linen-line);
  --lm-line-strong: var(--linen-strong);
  --lm-line-faint:  #F0F1F3;

  --lm-text-heading:  var(--linen-heading);
  --lm-text:          var(--linen-text);
  --lm-text-2:        var(--linen-text-2);
  --lm-text-3:        var(--linen-text-3);
  --lm-text-disabled: var(--linen-disabled);

  --lm-accent:       var(--jale-600);
  --lm-accent-text:  var(--jale-700);
  --lm-accent-fill:  var(--jale-light);
  --lm-accent-hover: var(--jale-500);
  --lm-accent-tint:  var(--jale-100);
  --lm-accent-line:  var(--jale-200);
  --lm-on-accent:    var(--jale-ink);
  --lm-accent-chart: var(--jale-light);

  --lm-bg-selected:   #E9E9E9;

  --lm-bg-row-alt:      #F5F5F5;
  --lm-bg-row-hover:    #ECECEC;
  --lm-bg-row-selected: #E4E4E4;

  --lm-bg-bubble:       #E9E9E9;

  --lm-critical:       var(--ember-light);
  --lm-on-critical:    #FFFFFF;
  --lm-critical-text:  var(--ember-text-light);
  --lm-critical-tint:  var(--ember-tint-light);
  --lm-critical-line:  color-mix(in oklch, var(--ember-light) 30%, var(--ember-tint-light));
  --lm-warning:        var(--amber-light);
  --lm-warning-text:   var(--amber-text-light);
  --lm-warning-tint:   var(--amber-tint-light);
  --lm-warning-line:   color-mix(in oklch, var(--amber-light) 35%, var(--amber-tint-light));
  --lm-positive:       var(--sage-light);
  --lm-positive-text:  var(--sage-text-light);
  --lm-positive-tint:  var(--sage-tint-light);
  --lm-positive-line:  color-mix(in oklch, var(--sage-light) 30%, var(--sage-tint-light));
  --lm-offline:        var(--slate-light);
  --lm-offline-text:   var(--slate-text-light);
  --lm-offline-tint:   var(--slate-tint-light);
  --lm-offline-line:   var(--linen-strong);

  --lm-quiet: #DEDEDE;

  --lm-mark:          var(--jale-light);
  --lm-mark-wing:     color-mix(in oklch, var(--jale-light) 45%, var(--jale-500));
  --lm-mark-window:   var(--linen-heading);
  --lm-mark-window-a: .12;
}

:root,
[data-theme] {
  --gray-50:  var(--graphite-11);
  --gray-100: #D8D8D8;
  --gray-200: #C8C8C8;
  --gray-300: var(--graphite-10);
  --gray-400: #A8A8A8;
  --gray-500: var(--graphite-9);
  --gray-600: var(--graphite-8);
  --gray-700: var(--graphite-6);
  --gray-800: var(--graphite-5);
  --gray-900: var(--graphite-3);
  --gray-950: var(--graphite-1);

  --lum-brand:  var(--lm-mark);
  --lum-brand-wing: var(--lm-mark-wing);
  --lum-window: var(--lm-mark-window);
  --lum-ghost:  var(--lm-mark-window-a);

  --lume:        var(--lm-accent);
  --lume-dim:    var(--lm-accent-hover);
  --accent-text: var(--lm-accent-text);
  --accent-fill: var(--lm-accent-fill);
  --accent-tint: var(--lm-accent-tint);
  --accent-chart: var(--lm-accent-chart);

  --surface-selected:  var(--lm-bg-selected);
  --border-selected:   var(--lm-text-3);

  --row-alt:      var(--lm-bg-row-alt);
  --row-hover:    var(--lm-bg-row-hover);
  --row-selected: var(--lm-bg-row-selected);

  --warn:          var(--lm-warning);
  --warn-text:     var(--lm-warning-text);
  --warn-tint:     var(--lm-warning-tint);
  --critical:      var(--lm-critical);
  --on-critical:   var(--lm-on-critical);
  --critical-text: var(--lm-critical-text);
  --critical-tint: var(--lm-critical-tint);
  --positive:      var(--lm-positive);
  --positive-text: var(--lm-positive-text);
  --positive-tint: var(--lm-positive-tint);
  --offline:       var(--lm-offline);
  --offline-text:  var(--lm-offline-text);

  --fill-warn: var(--lm-warning);
  --fill-crit: var(--lm-critical);

  --calm-teal:    var(--lm-quiet);
  --calm-neutral: var(--lm-line-strong);
  --lume-deep:    var(--lm-accent-line);

  --lum-s0: 1;
  --lum-s1: .66;
  --lum-s2: .44;
  --lum-s3: .29;
  --lum-s4: .19;

  --lum-u: 4px;

  --lum-quiet:   var(--lm-bg-control);
  --lum-restink: var(--lm-line-strong);

  --knob-off: var(--knob-on);

  --lum-dur-trace:    3.6s;
  --lum-dur-chase:    1.52s;
  --lum-dur-pulse:    3s;
  --lum-dur-bar:      1.6s;
  --lum-dur-skeleton: 1.9s;
  --lum-dur-beat:     2.4s;
  --lum-dur-arrive:    .42s;

  --surface-canvas:  var(--lm-bg-canvas);
  --surface-sidebar: var(--lm-bg-bar);
  --surface-base:    var(--lm-bg-canvas);
  --surface-inset:   var(--lm-bg-bar);
  --surface-raised:  var(--lm-bg-surface);
  --surface-hover:   var(--lm-bg-hover);
  --surface-control: var(--lm-bg-control);
  --surface-segment: var(--lm-bg-segment);
  --surface-overlay: var(--lm-bg-raised);
  --surface-ground:  var(--lm-bg-ground);
  --surface-shelf:   var(--lm-bg-shelf);
  --surface-bubble:  var(--lm-bg-bubble);
  --tab-light:       var(--lm-tab-light);
  --tab-lift:        var(--lm-tab-lift);

  --text-heading:    var(--lm-text-heading);
  --text-primary:    var(--lm-text);
  --text-secondary:  var(--lm-text-2);
  --text-tertiary:   var(--lm-text-3);
  --text-quaternary: var(--lm-text-disabled);

  --border-subtle: var(--lm-line);
  --border-strong: var(--lm-line-strong);
  --border-faint:  var(--lm-line-faint);

  --r-modal: 16px;
  --r-card: 12px;
  --r-block: 8px;
  --r-ctl: 8px;
  --r-chip: 6px;
  --r-pill: 9999px;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;

  --ease: cubic-bezier(.33, 1, .68, 1);
  --dur: 120ms;

  --ambient:    color-mix(in srgb, var(--lm-accent) 5%, transparent);
  --focus-ring: 0 0 0 2px var(--lm-accent);
  --send-hover: color-mix(in oklch, var(--lm-accent-line) 60%, var(--lm-accent));

  --ramp-1: var(--lm-bg-control);
  --ramp-5: var(--lm-accent);
  --ramp-2: color-mix(in oklch, var(--ramp-1) 75%, var(--ramp-5));
  --ramp-3: color-mix(in oklch, var(--ramp-1) 50%, var(--ramp-5));
  --ramp-4: color-mix(in oklch, var(--ramp-1) 25%, var(--ramp-5));
}

:root {
  --knob-on:       var(--graphite-12);
  --dash:          var(--graphite-6);
  --shadow-pop:    0 8px 24px rgba(10, 10, 10, .55);
  --shadow-drawer: -24px 0 48px rgba(10, 10, 10, .40);
  --shadow-sheet:  0 24px 60px rgba(0, 0, 0, .60), 0 0 0 1px var(--graphite-6);
  --material-pop:  rgba(35, 35, 35, .80);
  --material-blur: saturate(160%) blur(20px);
  --selection-bg:  rgba(64, 191, 140, .30);
  --shadow-seg:    0 1px 2px rgba(0, 0, 0, .45);
  --shadow-edge:   rgba(0, 0, 0, .38);
}

[data-theme="light"] {
  --knob-on:       #FFFFFF;
  --dash:          var(--linen-disabled);
  --shadow-pop:    0 8px 24px rgba(27, 27, 27, .14);
  --shadow-drawer: -24px 0 48px rgba(27, 27, 27, .10);
  --shadow-sheet:  0 24px 60px rgba(27, 27, 27, .18), 0 0 0 1px rgba(27, 27, 27, .08);
  --material-pop:  rgba(255, 255, 255, .80);
  --selection-bg:  rgba(60, 188, 137, .28);
  --shadow-seg:    0 1px 2px rgba(27, 27, 27, .14), 0 0 0 .5px rgba(27, 27, 27, .06);
  --shadow-edge:   rgba(27, 27, 27, .10);
}

html.lum-no-gpu,
html.lum-no-gpu [data-theme] { --material-pop: var(--lm-bg-raised); }

@media (prefers-reduced-transparency: reduce) {
  :root, [data-theme] { --material-pop: var(--lm-bg-raised); }
}

@media (prefers-contrast: more) {
  :root,
  [data-theme="dark"] {
    --lm-text-2:        #D0D0D0;
    --lm-text-3:        #B4B4B4;
    --lm-text-disabled: #8A8A8A;
    --lm-line:          #474747;
    --lm-line-strong:   #5A5A5A;
    --lm-line-faint:    #383838;
    --lm-bg-row-alt:    #232323;
    --lm-bg-row-hover:  #333333;
    --lm-bg-row-selected: #404040;
    --focus-ring:       0 0 0 3px var(--lm-accent);
    --material-pop:     var(--lm-bg-raised);
  }

  [data-theme="light"] {
    --lm-text-2:        #3A3A3A;
    --lm-text-3:        #4A4A4A;
    --lm-text-disabled: #767676;
    --lm-line:          #C9CDD2;
    --lm-line-strong:   #A9AEB4;
    --lm-line-faint:    #DEE1E5;
    --lm-bg-row-alt:    #EFEFEF;
    --lm-bg-row-hover:  #E4E4E4;
    --lm-bg-row-selected: #D8D8D8;
    --lm-accent-text:   #00684A;
    --focus-ring:       0 0 0 3px var(--lm-accent);
    --material-pop:     var(--lm-bg-raised);
  }
}

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


:root {
    --series-blue:            oklch(0.62 0.150 250);
    --series-blue-strong:     oklch(0.52 0.150 250);
    --series-green:           oklch(0.68 0.130 150);
    --series-green-strong:    oklch(0.56 0.120 150);
    --series-red:             oklch(0.62 0.170 25);
    --series-red-strong:      oklch(0.52 0.175 25);
    --series-orange:          oklch(0.70 0.140 60);
    --series-orange-strong:   oklch(0.60 0.135 60);
    --series-yellow:          oklch(0.80 0.130 90);
    --series-purple:          oklch(0.60 0.155 300);
    --series-pink:            oklch(0.64 0.180 355);
    --series-cyan:            oklch(0.74 0.105 225);

    --cat-1:  #40bf8c;
    --cat-2:  #6c9fe8;
    --cat-3:  #dab46a;
    --cat-4:  #ac94dc;
    --cat-5:  #d77c91;
    --cat-6:  #59b5c5;
    --cat-7:  #d99a6c;
    --cat-8:  #c58dba;
    --cat-9:  #a9bc74;
    --cat-10: #98aabd;
    --cat-other: #3b3b3b;

    --chart-series-1: #40bf8c;
    --chart-series-2: #6c9fe8;
    --chart-series-3: #dab46a;
    --chart-series-4: #ac94dc;
    --chart-series-5: #d77c91;
    --chart-series-6: #59b5c5;
    --chart-series-7: #d99a6c;
    --chart-series-8: #c58dba;
    --chart-series-9: #a9bc74;
    --chart-series-10: #98aabd;

    --wait-cpu: #4DC647;
    --wait-scheduler: #D3FCD3;
    --wait-userio: #1E55CD;
    --wait-systemio: #3D94D6;
    --wait-application: #B13F28;
    --wait-concurrency: #802B1A;
    --wait-commit: #D5733A;
    --wait-configuration: #58451E;
    --wait-cluster: #C7C2B4;
    --wait-network: #9D9378;
    --wait-administrative: #71725A;
    --wait-queueing: #C0B7A1;
    --wait-other: #E27BA8;

    --font-brand: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-title: var(--font-brand);
    --font-display: var(--font-brand);
    --font-ui: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-code: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
    --font-mono: var(--font-ui);

    --text-2xs: 11px;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-base: 13px;
    --text-md: 14px;
    --text-title3: 15px;
    --text-lg: 17px;
    --text-xl: 20px;
    --text-title1: 22px;
    --text-2xl: 26px;
    --text-3xl: 28px;
    --text-display: 34px;
    --text-hero: 46px;

    --text-kicker: 12px;
    --tracking-kicker: 0.01em;

    --weight-body: 450;
    --weight-regular: 450;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-display: 600;
    --weight-title: 600;

    --spacing-xs: var(--s1);
    --spacing-sm: var(--s2);
    --spacing-md: var(--s3);
    --spacing-lg: var(--s4);
    --spacing-xl: 20px;
    --spacing-2xl: var(--s5);
    --spacing-3xl: var(--s6);

    --radius-sm: var(--r-ctl);
    --radius-md: var(--r-ctl);
    --radius-lg: var(--r-card);
    --radius-xl: var(--r-card);
    --radius-2xl: var(--r-card);
    --radius-full: var(--r-pill);

    --transition-fast: var(--dur) var(--ease);
    --transition-normal: 200ms var(--ease);
    --transition-slow: 300ms var(--ease);

    --control-height: 34px;
    --control-height-sm: 28px;
    --control-height-lg: 42px;
    --control-padding-x: 12px;
    --control-radius: var(--r-ctl);
    --control-font-size: var(--text-base);
}

:root,
[data-theme] {
    --surface-primary: var(--surface-base);
    --surface-secondary: var(--surface-raised);
    --surface-tertiary: var(--surface-hover);
    --surface-card: var(--surface-raised);
    --surface-elevated: var(--surface-raised);
    --surface-input: var(--surface-control);
    --surface-active: var(--surface-segment);

    --text-on-accent: var(--lm-on-accent);
    --text-on-strong: var(--gray-50);

    --border-default: var(--border-subtle);
    --border-focus: var(--lume);

    --accent: var(--lume);
    --accent-hover: var(--lume-dim);
    --accent-soft: var(--accent-tint);

    --status-ok: var(--text-secondary);
    --status-ok-soft: color-mix(in oklch, var(--calm-neutral) 22%, transparent);
    --status-warn: var(--warn);
    --status-warn-soft: var(--lm-warning-tint);
    --status-crit: var(--critical);
    --status-crit-soft: var(--lm-critical-tint);

    --best: var(--lm-positive);
    --status-info: var(--lm-accent-text);
    --status-info-soft: var(--accent-tint);

    --strip-bar: var(--calm-teal);

    --chart-axis: var(--text-tertiary);
    --chart-grid: var(--border-subtle);

    --shadow-sm: 0 2px 8px rgba(10, 10, 10, 0.40);
    --shadow-md: 0 8px 24px rgba(10, 10, 10, 0.50);
    --shadow-lg: 0 20px 60px rgba(10, 10, 10, 0.60);
    --shadow-xl: 0 25px 80px rgba(10, 10, 10, 0.68);
    --shadow-card: 0 1px 2px rgba(10, 10, 10, 0.34), 0 3px 10px rgba(10, 10, 10, 0.24);

    --scrim: rgba(10, 10, 10, 0.72);
    --scrim-dim: rgba(8, 7, 6, 0.58);
}

[data-theme="light"] {
    --series-blue:            oklch(0.525 0.145 250);
    --series-blue-strong:     oklch(0.530 0.143 250);
    --series-green:           oklch(0.475 0.128 150);
    --series-green-strong:    oklch(0.510 0.134 150);
    --series-red:             oklch(0.535 0.211 25);
    --series-red-strong:      oklch(0.550 0.212 25);
    --series-orange:          oklch(0.545 0.125 60);
    --series-orange-strong:   oklch(0.535 0.120 60);
    --series-yellow:          oklch(0.425 0.085 90);
    --series-purple:          oklch(0.510 0.265 300);
    --series-pink:            oklch(0.475 0.190 355);
    --series-cyan:            oklch(0.415 0.077 225);

    --cat-1:  #3cbc89;
    --cat-2:  #6c9fe8;
    --cat-3:  #dab46a;
    --cat-4:  #ac94dc;
    --cat-5:  #d77c91;
    --cat-6:  #59b5c5;
    --cat-7:  #d99a6c;
    --cat-8:  #c58dba;
    --cat-9:  #a9bc74;
    --cat-10: #98aabd;
    --cat-other: #c4c4c4;

    --chart-series-1: #3cbc89;
    --chart-series-2: #6c9fe8;
    --chart-series-3: #dab46a;
    --chart-series-4: #ac94dc;
    --chart-series-5: #d77c91;
    --chart-series-6: #59b5c5;
    --chart-series-7: #d99a6c;
    --chart-series-8: #c58dba;
    --chart-series-9: #a9bc74;
    --chart-series-10: #98aabd;

    --scrim: rgba(17, 17, 17, 0.28);
    --scrim-dim: rgba(17, 17, 17, 0.46);

    --shadow-sm: 0 1px 3px rgba(27, 27, 27, 0.10);
    --shadow-md: 0 6px 20px rgba(27, 27, 27, 0.12);
    --shadow-lg: 0 14px 44px rgba(27, 27, 27, 0.16);
    --shadow-xl: 0 22px 64px rgba(27, 27, 27, 0.20);
    --shadow-card: 0 1px 2px rgba(27, 27, 27, 0.05), 0 3px 10px rgba(27, 27, 27, 0.07);
}

:root,
[data-theme] {
    --dashboard-chart-flex: 1;
    --dashboard-chart-min: 180px;
    --dashboard-sql-flex: 1.2;
    --dashboard-sql-min: 280px;
}



*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}



:root {
  --graphite-0:  #0A0A0A;
  --graphite-1:  #121212;
  --graphite-2:  #171717;
  --graphite-3:  #1C1C1C;
  --graphite-4:  #232323;
  --graphite-5:  #262626;
  --graphite-6:  #3E3E3E;
  --graphite-7:  #2E2E2E;
  --graphite-8:  #6A6A6A;
  --graphite-9:  #969696;
  --graphite-10: #B9B9B9;
  --graphite-11: #E5E5E5;
  --graphite-12: #F4F4F4;

  --linen-canvas:   #FAFAFA;
  --linen-bar:      #FFFFFF;
  --linen-card:     #FFFFFF;
  --linen-control:  #F3F3F3;
  --linen-line:     #E6E8EB;
  --linen-strong:   #D5D7DA;
  --linen-disabled: #A4A4A4;
  --linen-text-3:   #676767;
  --linen-text-2:   #515151;
  --linen-text:     #1B1B1B;
  --linen-heading:  #111111;

  --jale-100:   #DBF5E7;
  --jale-200:   #A4EAC8;
  --jale-300:   #7BE1B2;
  --jale-400:   #40BF8C;
  --jale-light: #3CBC89;
  --jale-500:   #00A673;
  --jale-600:   #00845A;
  --jale-700:   #007550;
  --jale-800:   #0F2B1F;
  --jale-line:  #005A3D;
  --jale-ink:   #071911;

  --ember-tint-dark:  #3A1F22;  --ember-line-dark:  #6B2B31;  --ember-dark:  #F0616B;  --ember-text-dark:  #F7868D;
  --ember-tint-light: #FBE8E9;                                --ember-light: #D6343F;  --ember-text-light: #C0282F;
  --amber-tint-dark:  #262626;  --amber-line-dark:  #3E3E3E;  --amber-dark:  #F2B654;  --amber-text-dark:  #F2B654;
  --amber-tint-light: #F3F3F3;                                --amber-light: #C98A12;  --amber-text-light: #8A5A00;
  --sage-tint-dark:   #1E2B22;  --sage-line-dark:   #2F4A36;  --sage-dark:   #79B98A;  --sage-text-dark:   #9FD0AA;
  --sage-tint-light:  #E7F1E9;                                --sage-light:  #5E9F6D;  --sage-text-light:  #3B7A4A;
  --slate-tint-dark:  #232323;  --slate-line-dark:  #3E3E3E;  --slate-dark:  #969696;  --slate-text-dark:  #B9B9B9;
  --slate-tint-light: #F3F3F3;                                --slate-light: #676767;  --slate-text-light: #515151;
}

:root {
  color-scheme: dark;

  --lm-bg-scrim:   var(--graphite-0);
  --lm-bg-canvas:  var(--graphite-1);
  --lm-bg-bar:     var(--graphite-2);
  --lm-bg-surface: var(--graphite-3);
  --lm-bg-raised:  var(--graphite-4);
  --lm-bg-ground:  var(--graphite-4);
  --lm-bg-control: var(--graphite-5);
  --lm-bg-segment: var(--graphite-7);
  --lm-bg-hover:   #202020;
  --lm-bg-shelf:   #151515;
  --lm-tab-light:  rgba(255, 255, 255, 0.09);
  --lm-tab-lift:   0 -6px 14px rgba(0, 0, 0, 0.35);

  --lm-line:        #2E2E2E;
  --lm-line-strong: var(--graphite-6);
  --lm-line-faint:  #262626;

  --lm-text-heading:  var(--graphite-12);
  --lm-text:          var(--graphite-11);
  --lm-text-2:        var(--graphite-10);
  --lm-text-3:        var(--graphite-9);
  --lm-text-disabled: var(--graphite-8);

  --lm-accent:       var(--jale-400);
  --lm-accent-text:  var(--jale-300);
  --lm-accent-fill:  var(--jale-400);
  --lm-accent-hover: var(--jale-500);
  --lm-accent-tint:  var(--jale-800);
  --lm-accent-line:  var(--jale-line);
  --lm-on-accent:    var(--jale-ink);
  --lm-accent-chart: var(--jale-400);

  --lm-bg-selected:   var(--graphite-7);

  --lm-bg-row-alt:      #1F1F1F;
  --lm-bg-row-hover:    #2C2C2C;
  --lm-bg-row-selected: #383838;

  --lm-bg-bubble:       #353535;

  --lm-critical:       var(--ember-dark);
  --lm-on-critical:    #1E0B0D;
  --lm-critical-text:  var(--ember-text-dark);
  --lm-critical-tint:  var(--ember-tint-dark);
  --lm-critical-line:  var(--ember-line-dark);
  --lm-warning:        var(--amber-dark);
  --lm-warning-text:   var(--amber-text-dark);
  --lm-warning-tint:   var(--amber-tint-dark);
  --lm-warning-line:   var(--amber-line-dark);
  --lm-positive:       var(--sage-dark);
  --lm-positive-text:  var(--sage-text-dark);
  --lm-positive-tint:  var(--sage-tint-dark);
  --lm-positive-line:  var(--sage-line-dark);
  --lm-offline:        var(--slate-dark);
  --lm-offline-text:   var(--slate-text-dark);
  --lm-offline-tint:   var(--slate-tint-dark);
  --lm-offline-line:   var(--slate-line-dark);

  --lm-quiet: #353535;

  --lm-mark:          var(--jale-400);
  --lm-mark-wing:     color-mix(in oklch, var(--jale-400) 50%, var(--jale-500));
  --lm-mark-window:   var(--graphite-12);
  --lm-mark-window-a: .16;
}

[data-theme="light"] {
  color-scheme: light;

  --lm-bg-scrim:   var(--linen-heading);
  --lm-bg-canvas:  var(--linen-canvas);
  --lm-bg-bar:     var(--linen-bar);
  --lm-bg-surface: var(--linen-card);
  --lm-bg-raised:  var(--linen-card);
  --lm-bg-ground:  var(--linen-canvas);
  --lm-bg-control: var(--linen-control);
  --lm-bg-segment: #E9E9E9;
  --lm-bg-hover:   #F7F7F7;
  --lm-bg-shelf:   #F3F3F3;
  --lm-tab-light:  rgba(255, 255, 255, 0.9);
  --lm-tab-lift:   0 -4px 12px rgba(0, 0, 0, 0.08);

  --lm-line:        var(--linen-line);
  --lm-line-strong: var(--linen-strong);
  --lm-line-faint:  #F0F1F3;

  --lm-text-heading:  var(--linen-heading);
  --lm-text:          var(--linen-text);
  --lm-text-2:        var(--linen-text-2);
  --lm-text-3:        var(--linen-text-3);
  --lm-text-disabled: var(--linen-disabled);

  --lm-accent:       var(--jale-600);
  --lm-accent-text:  var(--jale-700);
  --lm-accent-fill:  var(--jale-light);
  --lm-accent-hover: var(--jale-500);
  --lm-accent-tint:  var(--jale-100);
  --lm-accent-line:  var(--jale-200);
  --lm-on-accent:    var(--jale-ink);
  --lm-accent-chart: var(--jale-light);

  --lm-bg-selected:   #E9E9E9;

  --lm-bg-row-alt:      #F5F5F5;
  --lm-bg-row-hover:    #ECECEC;
  --lm-bg-row-selected: #E4E4E4;

  --lm-bg-bubble:       #E9E9E9;

  --lm-critical:       var(--ember-light);
  --lm-on-critical:    #FFFFFF;
  --lm-critical-text:  var(--ember-text-light);
  --lm-critical-tint:  var(--ember-tint-light);
  --lm-critical-line:  color-mix(in oklch, var(--ember-light) 30%, var(--ember-tint-light));
  --lm-warning:        var(--amber-light);
  --lm-warning-text:   var(--amber-text-light);
  --lm-warning-tint:   var(--amber-tint-light);
  --lm-warning-line:   color-mix(in oklch, var(--amber-light) 35%, var(--amber-tint-light));
  --lm-positive:       var(--sage-light);
  --lm-positive-text:  var(--sage-text-light);
  --lm-positive-tint:  var(--sage-tint-light);
  --lm-positive-line:  color-mix(in oklch, var(--sage-light) 30%, var(--sage-tint-light));
  --lm-offline:        var(--slate-light);
  --lm-offline-text:   var(--slate-text-light);
  --lm-offline-tint:   var(--slate-tint-light);
  --lm-offline-line:   var(--linen-strong);

  --lm-quiet: #DEDEDE;

  --lm-mark:          var(--jale-light);
  --lm-mark-wing:     color-mix(in oklch, var(--jale-light) 45%, var(--jale-500));
  --lm-mark-window:   var(--linen-heading);
  --lm-mark-window-a: .12;
}

:root,
[data-theme] {
  --gray-50:  var(--graphite-11);
  --gray-100: #D8D8D8;
  --gray-200: #C8C8C8;
  --gray-300: var(--graphite-10);
  --gray-400: #A8A8A8;
  --gray-500: var(--graphite-9);
  --gray-600: var(--graphite-8);
  --gray-700: var(--graphite-6);
  --gray-800: var(--graphite-5);
  --gray-900: var(--graphite-3);
  --gray-950: var(--graphite-1);

  --lum-brand:  var(--lm-mark);
  --lum-brand-wing: var(--lm-mark-wing);
  --lum-window: var(--lm-mark-window);
  --lum-ghost:  var(--lm-mark-window-a);

  --lume:        var(--lm-accent);
  --lume-dim:    var(--lm-accent-hover);
  --accent-text: var(--lm-accent-text);
  --accent-fill: var(--lm-accent-fill);
  --accent-tint: var(--lm-accent-tint);
  --accent-chart: var(--lm-accent-chart);

  --surface-selected:  var(--lm-bg-selected);
  --border-selected:   var(--lm-text-3);

  --row-alt:      var(--lm-bg-row-alt);
  --row-hover:    var(--lm-bg-row-hover);
  --row-selected: var(--lm-bg-row-selected);

  --warn:          var(--lm-warning);
  --warn-text:     var(--lm-warning-text);
  --warn-tint:     var(--lm-warning-tint);
  --critical:      var(--lm-critical);
  --on-critical:   var(--lm-on-critical);
  --critical-text: var(--lm-critical-text);
  --critical-tint: var(--lm-critical-tint);
  --positive:      var(--lm-positive);
  --positive-text: var(--lm-positive-text);
  --positive-tint: var(--lm-positive-tint);
  --offline:       var(--lm-offline);
  --offline-text:  var(--lm-offline-text);

  --fill-warn: var(--lm-warning);
  --fill-crit: var(--lm-critical);

  --calm-teal:    var(--lm-quiet);
  --calm-neutral: var(--lm-line-strong);
  --lume-deep:    var(--lm-accent-line);

  --lum-s0: 1;
  --lum-s1: .66;
  --lum-s2: .44;
  --lum-s3: .29;
  --lum-s4: .19;

  --lum-u: 4px;

  --lum-quiet:   var(--lm-bg-control);
  --lum-restink: var(--lm-line-strong);

  --knob-off: var(--knob-on);

  --lum-dur-trace:    3.6s;
  --lum-dur-chase:    1.52s;
  --lum-dur-pulse:    3s;
  --lum-dur-bar:      1.6s;
  --lum-dur-skeleton: 1.9s;
  --lum-dur-beat:     2.4s;
  --lum-dur-arrive:    .42s;

  --surface-canvas:  var(--lm-bg-canvas);
  --surface-sidebar: var(--lm-bg-bar);
  --surface-base:    var(--lm-bg-canvas);
  --surface-inset:   var(--lm-bg-bar);
  --surface-raised:  var(--lm-bg-surface);
  --surface-hover:   var(--lm-bg-hover);
  --surface-control: var(--lm-bg-control);
  --surface-segment: var(--lm-bg-segment);
  --surface-overlay: var(--lm-bg-raised);
  --surface-ground:  var(--lm-bg-ground);
  --surface-shelf:   var(--lm-bg-shelf);
  --surface-bubble:  var(--lm-bg-bubble);
  --tab-light:       var(--lm-tab-light);
  --tab-lift:        var(--lm-tab-lift);

  --text-heading:    var(--lm-text-heading);
  --text-primary:    var(--lm-text);
  --text-secondary:  var(--lm-text-2);
  --text-tertiary:   var(--lm-text-3);
  --text-quaternary: var(--lm-text-disabled);

  --border-subtle: var(--lm-line);
  --border-strong: var(--lm-line-strong);
  --border-faint:  var(--lm-line-faint);

  --r-modal: 16px;
  --r-card: 12px;
  --r-block: 8px;
  --r-ctl: 8px;
  --r-chip: 6px;
  --r-pill: 9999px;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;

  --ease: cubic-bezier(.33, 1, .68, 1);
  --dur: 120ms;

  --ambient:    color-mix(in srgb, var(--lm-accent) 5%, transparent);
  --focus-ring: 0 0 0 2px var(--lm-accent);
  --send-hover: color-mix(in oklch, var(--lm-accent-line) 60%, var(--lm-accent));

  --ramp-1: var(--lm-bg-control);
  --ramp-5: var(--lm-accent);
  --ramp-2: color-mix(in oklch, var(--ramp-1) 75%, var(--ramp-5));
  --ramp-3: color-mix(in oklch, var(--ramp-1) 50%, var(--ramp-5));
  --ramp-4: color-mix(in oklch, var(--ramp-1) 25%, var(--ramp-5));
}

:root {
  --knob-on:       var(--graphite-12);
  --dash:          var(--graphite-6);
  --shadow-pop:    0 8px 24px rgba(10, 10, 10, .55);
  --shadow-drawer: -24px 0 48px rgba(10, 10, 10, .40);
  --shadow-sheet:  0 24px 60px rgba(0, 0, 0, .60), 0 0 0 1px var(--graphite-6);
  --material-pop:  rgba(35, 35, 35, .80);
  --material-blur: saturate(160%) blur(20px);
  --selection-bg:  rgba(64, 191, 140, .30);
  --shadow-seg:    0 1px 2px rgba(0, 0, 0, .45);
  --shadow-edge:   rgba(0, 0, 0, .38);
}

[data-theme="light"] {
  --knob-on:       #FFFFFF;
  --dash:          var(--linen-disabled);
  --shadow-pop:    0 8px 24px rgba(27, 27, 27, .14);
  --shadow-drawer: -24px 0 48px rgba(27, 27, 27, .10);
  --shadow-sheet:  0 24px 60px rgba(27, 27, 27, .18), 0 0 0 1px rgba(27, 27, 27, .08);
  --material-pop:  rgba(255, 255, 255, .80);
  --selection-bg:  rgba(60, 188, 137, .28);
  --shadow-seg:    0 1px 2px rgba(27, 27, 27, .14), 0 0 0 .5px rgba(27, 27, 27, .06);
  --shadow-edge:   rgba(27, 27, 27, .10);
}

html.lum-no-gpu,
html.lum-no-gpu [data-theme] { --material-pop: var(--lm-bg-raised); }

@media (prefers-reduced-transparency: reduce) {
  :root, [data-theme] { --material-pop: var(--lm-bg-raised); }
}

@media (prefers-contrast: more) {
  :root,
  [data-theme="dark"] {
    --lm-text-2:        #D0D0D0;
    --lm-text-3:        #B4B4B4;
    --lm-text-disabled: #8A8A8A;
    --lm-line:          #474747;
    --lm-line-strong:   #5A5A5A;
    --lm-line-faint:    #383838;
    --lm-bg-row-alt:    #232323;
    --lm-bg-row-hover:  #333333;
    --lm-bg-row-selected: #404040;
    --focus-ring:       0 0 0 3px var(--lm-accent);
    --material-pop:     var(--lm-bg-raised);
  }

  [data-theme="light"] {
    --lm-text-2:        #3A3A3A;
    --lm-text-3:        #4A4A4A;
    --lm-text-disabled: #767676;
    --lm-line:          #C9CDD2;
    --lm-line-strong:   #A9AEB4;
    --lm-line-faint:    #DEE1E5;
    --lm-bg-row-alt:    #EFEFEF;
    --lm-bg-row-hover:  #E4E4E4;
    --lm-bg-row-selected: #D8D8D8;
    --lm-accent-text:   #00684A;
    --focus-ring:       0 0 0 3px var(--lm-accent);
    --material-pop:     var(--lm-bg-raised);
  }
}

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


:root {
    --series-blue:            oklch(0.62 0.150 250);
    --series-blue-strong:     oklch(0.52 0.150 250);
    --series-green:           oklch(0.68 0.130 150);
    --series-green-strong:    oklch(0.56 0.120 150);
    --series-red:             oklch(0.62 0.170 25);
    --series-red-strong:      oklch(0.52 0.175 25);
    --series-orange:          oklch(0.70 0.140 60);
    --series-orange-strong:   oklch(0.60 0.135 60);
    --series-yellow:          oklch(0.80 0.130 90);
    --series-purple:          oklch(0.60 0.155 300);
    --series-pink:            oklch(0.64 0.180 355);
    --series-cyan:            oklch(0.74 0.105 225);

    --cat-1:  #40bf8c;
    --cat-2:  #6c9fe8;
    --cat-3:  #dab46a;
    --cat-4:  #ac94dc;
    --cat-5:  #d77c91;
    --cat-6:  #59b5c5;
    --cat-7:  #d99a6c;
    --cat-8:  #c58dba;
    --cat-9:  #a9bc74;
    --cat-10: #98aabd;
    --cat-other: #3b3b3b;

    --chart-series-1: #40bf8c;
    --chart-series-2: #6c9fe8;
    --chart-series-3: #dab46a;
    --chart-series-4: #ac94dc;
    --chart-series-5: #d77c91;
    --chart-series-6: #59b5c5;
    --chart-series-7: #d99a6c;
    --chart-series-8: #c58dba;
    --chart-series-9: #a9bc74;
    --chart-series-10: #98aabd;

    --wait-cpu: #4DC647;
    --wait-scheduler: #D3FCD3;
    --wait-userio: #1E55CD;
    --wait-systemio: #3D94D6;
    --wait-application: #B13F28;
    --wait-concurrency: #802B1A;
    --wait-commit: #D5733A;
    --wait-configuration: #58451E;
    --wait-cluster: #C7C2B4;
    --wait-network: #9D9378;
    --wait-administrative: #71725A;
    --wait-queueing: #C0B7A1;
    --wait-other: #E27BA8;

    --font-brand: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-title: var(--font-brand);
    --font-display: var(--font-brand);
    --font-ui: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-code: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
    --font-mono: var(--font-ui);

    --text-2xs: 11px;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-base: 13px;
    --text-md: 14px;
    --text-title3: 15px;
    --text-lg: 17px;
    --text-xl: 20px;
    --text-title1: 22px;
    --text-2xl: 26px;
    --text-3xl: 28px;
    --text-display: 34px;
    --text-hero: 46px;

    --text-kicker: 12px;
    --tracking-kicker: 0.01em;

    --weight-body: 450;
    --weight-regular: 450;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-display: 600;
    --weight-title: 600;

    --spacing-xs: var(--s1);
    --spacing-sm: var(--s2);
    --spacing-md: var(--s3);
    --spacing-lg: var(--s4);
    --spacing-xl: 20px;
    --spacing-2xl: var(--s5);
    --spacing-3xl: var(--s6);

    --radius-sm: var(--r-ctl);
    --radius-md: var(--r-ctl);
    --radius-lg: var(--r-card);
    --radius-xl: var(--r-card);
    --radius-2xl: var(--r-card);
    --radius-full: var(--r-pill);

    --transition-fast: var(--dur) var(--ease);
    --transition-normal: 200ms var(--ease);
    --transition-slow: 300ms var(--ease);

    --control-height: 34px;
    --control-height-sm: 28px;
    --control-height-lg: 42px;
    --control-padding-x: 12px;
    --control-radius: var(--r-ctl);
    --control-font-size: var(--text-base);
}

:root,
[data-theme] {
    --surface-primary: var(--surface-base);
    --surface-secondary: var(--surface-raised);
    --surface-tertiary: var(--surface-hover);
    --surface-card: var(--surface-raised);
    --surface-elevated: var(--surface-raised);
    --surface-input: var(--surface-control);
    --surface-active: var(--surface-segment);

    --text-on-accent: var(--lm-on-accent);
    --text-on-strong: var(--gray-50);

    --border-default: var(--border-subtle);
    --border-focus: var(--lume);

    --accent: var(--lume);
    --accent-hover: var(--lume-dim);
    --accent-soft: var(--accent-tint);

    --status-ok: var(--text-secondary);
    --status-ok-soft: color-mix(in oklch, var(--calm-neutral) 22%, transparent);
    --status-warn: var(--warn);
    --status-warn-soft: var(--lm-warning-tint);
    --status-crit: var(--critical);
    --status-crit-soft: var(--lm-critical-tint);

    --best: var(--lm-positive);
    --status-info: var(--lm-accent-text);
    --status-info-soft: var(--accent-tint);

    --strip-bar: var(--calm-teal);

    --chart-axis: var(--text-tertiary);
    --chart-grid: var(--border-subtle);

    --shadow-sm: 0 2px 8px rgba(10, 10, 10, 0.40);
    --shadow-md: 0 8px 24px rgba(10, 10, 10, 0.50);
    --shadow-lg: 0 20px 60px rgba(10, 10, 10, 0.60);
    --shadow-xl: 0 25px 80px rgba(10, 10, 10, 0.68);
    --shadow-card: 0 1px 2px rgba(10, 10, 10, 0.34), 0 3px 10px rgba(10, 10, 10, 0.24);

    --scrim: rgba(10, 10, 10, 0.72);
    --scrim-dim: rgba(8, 7, 6, 0.58);
}

[data-theme="light"] {
    --series-blue:            oklch(0.525 0.145 250);
    --series-blue-strong:     oklch(0.530 0.143 250);
    --series-green:           oklch(0.475 0.128 150);
    --series-green-strong:    oklch(0.510 0.134 150);
    --series-red:             oklch(0.535 0.211 25);
    --series-red-strong:      oklch(0.550 0.212 25);
    --series-orange:          oklch(0.545 0.125 60);
    --series-orange-strong:   oklch(0.535 0.120 60);
    --series-yellow:          oklch(0.425 0.085 90);
    --series-purple:          oklch(0.510 0.265 300);
    --series-pink:            oklch(0.475 0.190 355);
    --series-cyan:            oklch(0.415 0.077 225);

    --cat-1:  #3cbc89;
    --cat-2:  #6c9fe8;
    --cat-3:  #dab46a;
    --cat-4:  #ac94dc;
    --cat-5:  #d77c91;
    --cat-6:  #59b5c5;
    --cat-7:  #d99a6c;
    --cat-8:  #c58dba;
    --cat-9:  #a9bc74;
    --cat-10: #98aabd;
    --cat-other: #c4c4c4;

    --chart-series-1: #3cbc89;
    --chart-series-2: #6c9fe8;
    --chart-series-3: #dab46a;
    --chart-series-4: #ac94dc;
    --chart-series-5: #d77c91;
    --chart-series-6: #59b5c5;
    --chart-series-7: #d99a6c;
    --chart-series-8: #c58dba;
    --chart-series-9: #a9bc74;
    --chart-series-10: #98aabd;

    --scrim: rgba(17, 17, 17, 0.28);
    --scrim-dim: rgba(17, 17, 17, 0.46);

    --shadow-sm: 0 1px 3px rgba(27, 27, 27, 0.10);
    --shadow-md: 0 6px 20px rgba(27, 27, 27, 0.12);
    --shadow-lg: 0 14px 44px rgba(27, 27, 27, 0.16);
    --shadow-xl: 0 22px 64px rgba(27, 27, 27, 0.20);
    --shadow-card: 0 1px 2px rgba(27, 27, 27, 0.05), 0 3px 10px rgba(27, 27, 27, 0.07);
}

:root,
[data-theme] {
    --dashboard-chart-flex: 1;
    --dashboard-chart-min: 180px;
    --dashboard-sql-flex: 1.2;
    --dashboard-sql-min: 280px;
}



@font-face {
    font-family: 'Figtree';
    src: url('fonts/Figtree-latin.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Figtree';
    src: url('fonts/Figtree-latin-ext.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Sora';
    src: url('fonts/Sora-latin.woff2') format('woff2');
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Sora';
    src: url('fonts/Sora-latin-ext.woff2') format('woff2');
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/Newsreader-latin.woff2') format('woff2');
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/Newsreader-latin-ext.woff2') format('woff2');
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('fonts/IBMPlexMono-400-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('fonts/IBMPlexMono-400-latin-ext.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('fonts/IBMPlexMono-500-latin.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('fonts/IBMPlexMono-500-latin-ext.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    src: url('fonts/MaterialSymbolsOutlined.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.material-icons,
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
}

body {
    font-family: var(--font-ui, 'Figtree', 'Segoe UI', system-ui, sans-serif);
    color: var(--text-primary, #E5E5E5);
    font-size: var(--text-base, 13px);
    font-weight: var(--weight-body, 400);
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'zero';
    background-color: var(--surface-canvas, #121212);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
}

h1,
h1[class] {
    font-family: var(--font-title);
    font-weight: var(--weight-title);
    letter-spacing: -0.02em;
}

code,
pre {
    font-family: var(--font-code);
}

.mono {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}


.lum-display {
    font-family: var(--font-title);
    font-size: var(--text-display);
    font-weight: var(--weight-title);
    letter-spacing: -0.02em;
    line-height: 1.06;
    color: var(--text-heading);
}

.lum-h1 {
    font-family: var(--font-title);
    font-size: var(--text-2xl);
    font-weight: var(--weight-title);
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--text-heading);
}


.lum-h2 {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    line-height: 1.3;
    color: var(--text-heading);
}

.lum-value-lg {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    color: var(--text-heading);
}

.lum-value-xl {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--text-heading);
}

.lum-figure {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    font-variant-numeric: tabular-nums;
}

.lum-body {
    font-family: var(--font-ui);
    font-size: var(--text-md);
    font-weight: var(--weight-regular);
    line-height: 1.55;
    color: var(--text-secondary);
}

.lum-body-strong {
    font-family: var(--font-ui);
    font-size: var(--text-md);
    font-weight: var(--weight-regular);
    line-height: 1.55;
    color: var(--text-primary);
}

.lum-secondary {
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    color: var(--text-secondary);
}


.lum-kicker {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.lum-name {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
    white-space: nowrap;
}

.lum-value {
    font-family: var(--font-mono);
    font-size: var(--text-base);
    color: var(--text-primary);
}

.lum-cause {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    line-height: 1.45;
    color: var(--text-tertiary);
}

.lum-micro {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

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

a {
    color: var(--accent);
    text-decoration: none;
}

a:hover,
a:focus-visible {
    color: var(--accent-hover);
    text-decoration: underline;
}

:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (prefers-contrast: more) {
    :focus-visible { outline-width: 3px !important; }
}

::selection {
    background: var(--selection-bg);
    color: inherit;
}


.flex { display: flex; }
.flex-column { display: flex; flex-direction: column; }
.flex-row { display: flex; flex-direction: row; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-1 { flex: 1; }
.flex-auto { flex: auto; }
.flex-none { flex: none; }

.align-center { display: flex; align-items: center; justify-content: center; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-stretch { align-items: stretch; }
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.gap-0 { gap: 0 !important; }
.gap-1 { gap: 4px !important; }
.gap-2 { gap: 8px !important; }
.gap-3 { gap: 12px !important; }
.gap-4 { gap: 16px !important; }
.gap-5 { gap: 20px !important; }
.gap-6 { gap: 24px !important; }

.margin-0 { margin: 0 !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-left-0 { margin-left: 0 !important; }
.margin-right-0 { margin-right: 0 !important; }
.margin-auto { margin: auto; }
.margin-x-auto { margin-left: auto; margin-right: auto; }
.margin-y-auto { margin-top: auto; margin-bottom: auto; }

.padding-0 { padding: 0 !important; }
.padding-1 { padding: 4px !important; }
.padding-2 { padding: 8px !important; }
.padding-3 { padding: 12px !important; }
.padding-4 { padding: 16px !important; }

.w-full { width: 100%; }
.w-auto { width: auto; }
.h-full { height: 100%; }
.h-auto { height: auto; }
.min-h-0 { min-height: 0; }
.min-w-0 { min-width: 0; }

.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }

.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
.cursor-not-allowed { cursor: not-allowed; }

.hidden { display: none !important; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }

.opacity-0 { opacity: 0; }
.opacity-50 { opacity: 0.5; }
.opacity-75 { opacity: 0.75; }
.opacity-100 { opacity: 1; }

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

.text-nowrap { white-space: nowrap; }
.text-wrap { white-space: normal; }
.text-break { word-break: break-word; }

.font-light { font-weight: var(--weight-regular); }
.font-normal { font-weight: var(--weight-regular); }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

.text-xs { font-size: var(--text-2xs); }
.text-sm { font-size: var(--text-sm); }
.text-base { font-size: var(--text-md); }
.text-lg { font-size: var(--text-title3); }
.text-xl { font-size: var(--text-lg); }
.text-2xl { font-size: var(--text-xl); }
.text-3xl { font-size: var(--text-2xl); }

.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-tertiary { color: var(--text-tertiary); }
.text-success { color: var(--status-ok); }
.text-danger { color: var(--status-crit); }
.text-warning { color: var(--series-yellow); }
.text-info { color: var(--accent); }

.border-0 { border: none !important; }
.border { border: 1px solid var(--border-default); }
.border-subtle { border: 1px solid var(--border-subtle); }
.border-strong { border: 1px solid var(--border-strong); }
.rounded-sm { border-radius: var(--radius-sm); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-xl { border-radius: var(--radius-xl); }
.rounded-full { border-radius: var(--radius-full); }

.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-xl { box-shadow: var(--shadow-xl); }
.shadow-none { box-shadow: none; }


.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.z-100 { z-index: 100; }
.z-999 { z-index: 999; }
.z-1000 { z-index: 1000; }

:root {
    scrollbar-color: var(--border-strong) transparent;
}

* {
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--border-strong);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-quaternary);
}

::-webkit-scrollbar-corner {
    background: transparent;
}

#blazor-error-ui {
    background: var(--status-warn-soft);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PC9nPjwvc3ZnPg==) no-repeat 1rem/1.8rem, var(--status-crit);
    padding: 1rem 1rem 1rem 3.7rem;
    color: var(--surface-raised);
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

.loading-progress circle {
    fill: none;
    stroke: var(--border-subtle);
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.loading-progress circle:last-child {
    stroke: var(--accent);
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.05s ease-in-out;
}

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

.loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Loading");
}



:root, [data-theme] {
    --lum-dur-flap:   2.4s;
    --lum-dur-enter:  1.2s;
    --lum-dur-ring:   1.4s;
    --lum-dur-think:  3.6s;
    --lum-ease-out:   cubic-bezier(.16, 1, .3, 1);
    --lum-ease-sine:  cubic-bezier(.37, 0, .63, 1);
}


@keyframes lum-trail {
    0%   { opacity: var(--lum-s0) }
    20%  { opacity: var(--lum-s1) }
    40%  { opacity: var(--lum-s2) }
    60%  { opacity: var(--lum-s3) }
    80%  { opacity: var(--lum-s4) }
    92%  { opacity: var(--lum-s4) }
    100% { opacity: var(--lum-s0) }
}

@keyframes lum-beat {
    0%, 100% { opacity: var(--lum-s4) }
    50%      { opacity: var(--lum-s0) }
}


.lum-mark {
    --lum-box: calc(var(--lum-u) * 12);
    --lum-unit: calc(var(--lum-box) / 112);
    position: relative;
    isolation: isolate;
    display: block;
    width: var(--lum-box);
    height: var(--lum-box);
    flex: none;
    color: var(--lum-brand);
}

.lum-mark > svg { display: block; width: 100%; height: 100%; overflow: visible }

.lum-mark-owl,
.lum-mark-body,
.lum-mark-part { position: absolute; inset: 0; display: block; width: 100%; height: 100% }
.lum-mark-owl svg { overflow: visible }

.lum-mark--orbit { --lum-unit: calc(var(--lum-box) / 172) }
.lum-mark--orbit .lum-mark-owl { inset: 17.4419%; width: auto; height: auto }

.lum-mark-part {
    background-color: currentColor;
    -webkit-mask: var(--lum-part, linear-gradient(transparent, transparent)) 0 0 / 100% 100% no-repeat;
    mask: var(--lum-part, linear-gradient(transparent, transparent)) 0 0 / 100% 100% no-repeat;
}

.lum-mark--160 { --lum-u: 13.3333px }
.lum-mark--128 { --lum-u: 10.6667px }
.lum-mark--96 { --lum-u: 8px }
.lum-mark--64 { --lum-u: 5.3333px }
.lum-mark--48 { --lum-u: 4px }
.lum-mark--32 { --lum-u: 2.6667px }
.lum-mark--24 { --lum-u: 2px }
.lum-mark--20 { --lum-u: 1.6667px }
.lum-mark--16 { --lum-u: 1.3333px }

.lum-mark:is(.lum-mark--16, .lum-mark--20, .lum-mark--24, .lum-mark--32) { --lum-mark-stroke: 1.8 }
.lum-mark:is(.lum-mark--16, .lum-mark--20) { --lum-mark-stroke: 2.6 }
.lum-mark:is(.lum-mark--16, .lum-mark--20, .lum-mark--24, .lum-mark--32) path {
    stroke: currentColor;
    stroke-width: var(--lum-mark-stroke);
    stroke-linejoin: round;
}


@keyframes lum-enter {
    from { opacity: 0; translate: 0 6px; scale: .94 }
}
@keyframes lum-enter-eye-l { from { translate: calc(var(--lum-unit) * -5) 0; opacity: 0 } }
@keyframes lum-enter-eye-r { from { translate: calc(var(--lum-unit) * 5) 0; opacity: 0 } }
@keyframes lum-enter-crown { from { translate: 0 calc(var(--lum-unit) * -6); opacity: 0 } }
@keyframes lum-enter-fade  { from { opacity: 0 } }

.lum-mark--arrive > .lum-mark-owl   { animation: lum-enter var(--lum-dur-enter) var(--lum-ease-out) backwards }
.lum-mark--arrive .lum-mark-eye--l  { animation: lum-enter-eye-l var(--lum-dur-enter) var(--lum-ease-out) .06s backwards }
.lum-mark--arrive .lum-mark-eye--r  { animation: lum-enter-eye-r var(--lum-dur-enter) var(--lum-ease-out) .06s backwards }
.lum-mark--arrive .lum-mark-crown   { animation: lum-enter-crown var(--lum-dur-enter) var(--lum-ease-out) .14s backwards }
.lum-mark--arrive .lum-mark-beak    { animation: lum-enter-fade  .8s ease-out .3s backwards }


@keyframes lum-wing {
    0%   { rotate: 22deg;  animation-timing-function: cubic-bezier(.45, 0, .55, 1) }
    48%  { rotate: -15deg; animation-timing-function: cubic-bezier(.45, 0, .55, 1) }
    100% { rotate: 22deg }
}
@keyframes lum-feather {
    0%   { rotate: var(--lum-up); animation-timing-function: cubic-bezier(.45, 0, .55, 1) }
    48%  { rotate: var(--lum-dn); animation-timing-function: cubic-bezier(.45, 0, .55, 1) }
    100% { rotate: var(--lum-up) }
}
@keyframes lum-bob {
    0%, 100% { translate: 0 calc(var(--lum-unit) * 1.8) }
    10%      { translate: 0 calc(var(--lum-unit) * 2);    animation-timing-function: var(--lum-ease-sine) }
    60%      { translate: 0 calc(var(--lum-unit) * -2.2); animation-timing-function: var(--lum-ease-sine) }
}
@keyframes lum-drift {
    0%, 100% { rotate: -1.2deg; animation-timing-function: var(--lum-ease-sine) }
    50%      { rotate: 1.2deg;  animation-timing-function: var(--lum-ease-sine) }
}
@keyframes lum-shadow {
    0%, 100% { scale: 1;   opacity: .15 }
    10%      { scale: 1.02; opacity: .16; animation-timing-function: var(--lum-ease-sine) }
    60%      { scale: .86; opacity: .09; animation-timing-function: var(--lum-ease-sine) }
}

.lum-mark-shadow,
.lum-mark-wing,
.lum-mark-feather { position: absolute; inset: 0; display: block }
.lum-mark-wings {
    position: absolute;
    left: calc(var(--lum-unit) * -90);
    top: calc(var(--lum-unit) * -42);
    width: calc(var(--lum-unit) * 292);
    height: calc(var(--lum-unit) * 158);
    display: block;
    color: var(--lum-brand-wing);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-82 -34 292 158'%3E%3Cmask id='m'%3E%3Crect x='-82' y='-34' width='292' height='158' fill='%23fff'/%3E%3Cellipse cx='64' cy='66' rx='48' ry='41'/%3E%3C/mask%3E%3Crect x='-82' y='-34' width='292' height='158' mask='url(%23m)'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-82 -34 292 158'%3E%3Cmask id='m'%3E%3Crect x='-82' y='-34' width='292' height='158' fill='%23fff'/%3E%3Cellipse cx='64' cy='66' rx='48' ry='41'/%3E%3C/mask%3E%3Crect x='-82' y='-34' width='292' height='158' mask='url(%23m)'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}
.lum-mark-wing-side {
    position: absolute;
    left: calc(var(--lum-unit) * 90);
    top: calc(var(--lum-unit) * 42);
    width: var(--lum-box);
    height: var(--lum-box);
    display: block;
}
.lum-mark-wing-side--r { scale: -1 1 }
.lum-mark-wing    { transform-origin: calc(var(--lum-unit) * 13) calc(var(--lum-unit) * 62) }
.lum-mark-feather { transform-origin: calc(var(--lum-unit) * (13 + var(--lum-fx))) calc(var(--lum-unit) * (62 + var(--lum-fy))) }
.lum-mark-shadow  { transform-origin: calc(var(--lum-unit) * 56) calc(var(--lum-unit) * 104) }
.lum-mark-owl :is(.lum-mark-shadow, .lum-mark-feather) > svg {
    position: absolute;
    inset: 0 auto auto 0;
    display: block;
    width: 200%;
    height: 200%;
    scale: .5;
    transform-origin: 0 0;
    will-change: transform;
}

.lum-mark--trace .lum-mark-wing    { animation: lum-wing var(--lum-dur-flap) infinite }
.lum-mark--trace .lum-mark-feather {
    animation: lum-feather var(--lum-dur-flap) infinite;
    animation-delay: calc((4 - var(--lum-i)) * 30ms - var(--lum-dur-flap));
}
.lum-mark--trace .lum-mark-body {
    animation: lum-bob var(--lum-dur-flap) infinite, lum-drift calc(var(--lum-dur-flap) * 2) infinite;
}
.lum-mark--trace .lum-mark-shadow  { animation: lum-shadow var(--lum-dur-flap) infinite }

.lum-mark--trace:is(.lum-mark--16, .lum-mark--20, .lum-mark--24, .lum-mark--32) > .lum-mark-owl { scale: .5 }
.lum-mark--trace:is(.lum-mark--16, .lum-mark--20, .lum-mark--24, .lum-mark--32) .lum-mark-owl :is(.lum-mark-shadow, .lum-mark-feather) > svg {
    width: 100%;
    height: 100%;
    scale: none;
}


@keyframes lum-think-0 {
    0% { translate: 0px 0px; opacity: 0.45; }
    13.75% { translate: 0px 0px; opacity: 0.45; }
    16.667% { translate: 0px 0px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    21.833% { translate: 9.5px 0px; opacity: 1; }
    26.417% { translate: 9.5px 0px; opacity: 0.45; }
    38.75% { translate: 9.5px 0px; opacity: 0.45; }
    41.667% { translate: 9.5px 0px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    46.833% { translate: 9.5px 9.5px; opacity: 1; }
    51.417% { translate: 9.5px 9.5px; opacity: 0.45; }
    63.75% { translate: 9.5px 9.5px; opacity: 0.45; }
    66.667% { translate: 9.5px 9.5px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    71.833% { translate: 0px 9.5px; opacity: 1; }
    76.417% { translate: 0px 9.5px; opacity: 0.45; }
    88.75% { translate: 0px 9.5px; opacity: 0.45; }
    91.667% { translate: 0px 9.5px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    96.833% { translate: 0px 0px; opacity: 1; }
    100% { translate: 0px 0px; opacity: 0.45; }
    101.417% { translate: 0px 0px; opacity: 0.45; }
}
@keyframes lum-think-1 {
    0% { translate: 0px 0px; opacity: 0.45; }
    5.417% { translate: 0px 0px; opacity: 0.45; }
    8.333% { translate: 0px 0px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    13.5% { translate: 0px 9.5px; opacity: 1; }
    18.083% { translate: 0px 9.5px; opacity: 0.45; }
    30.417% { translate: 0px 9.5px; opacity: 0.45; }
    33.333% { translate: 0px 9.5px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    38.5% { translate: -9.5px 9.5px; opacity: 1; }
    43.083% { translate: -9.5px 9.5px; opacity: 0.45; }
    55.417% { translate: -9.5px 9.5px; opacity: 0.45; }
    58.333% { translate: -9.5px 9.5px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    63.5% { translate: -9.5px 0px; opacity: 1; }
    68.083% { translate: -9.5px 0px; opacity: 0.45; }
    80.417% { translate: -9.5px 0px; opacity: 0.45; }
    83.333% { translate: -9.5px 0px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    88.5% { translate: 0px 0px; opacity: 1; }
    93.083% { translate: 0px 0px; opacity: 0.45; }
    100% { translate: 0px 0px; opacity: 0.45; }
}
@keyframes lum-think-2 {
    0% { translate: 0px 0px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    5.167% { translate: -9.5px 0px; opacity: 1; }
    9.75% { translate: -9.5px 0px; opacity: 0.45; }
    22.083% { translate: -9.5px 0px; opacity: 0.45; }
    25% { translate: -9.5px 0px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    30.167% { translate: -9.5px -9.5px; opacity: 1; }
    34.75% { translate: -9.5px -9.5px; opacity: 0.45; }
    47.083% { translate: -9.5px -9.5px; opacity: 0.45; }
    50% { translate: -9.5px -9.5px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    55.167% { translate: 0px -9.5px; opacity: 1; }
    59.75% { translate: 0px -9.5px; opacity: 0.45; }
    72.083% { translate: 0px -9.5px; opacity: 0.45; }
    75% { translate: 0px -9.5px; opacity: 1; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
    80.167% { translate: 0px 0px; opacity: 1; }
    84.75% { translate: 0px 0px; opacity: 0.45; }
    97.083% { translate: 0px 0px; opacity: 0.45; }
    100% { translate: 0px 0px; opacity: 1; }
}

.lum-mark--think .lum-think-tile {
    fill: currentColor;
    opacity: .45;
    animation: lum-think-0 var(--lum-dur-think) linear infinite;
}
.lum-mark--think .lum-think-tile--1 { animation-name: lum-think-1 }
.lum-mark--think .lum-think-tile--2 { animation-name: lum-think-2 }


@keyframes lum-orbit-spin   { to { rotate: 360deg } }
@keyframes lum-orbit-spin-r { to { rotate: -360deg } }
@keyframes lum-orbit-draw   { from { stroke-dashoffset: 100 } }
@keyframes lum-orbit-ring-in { from { opacity: 0; scale: .92 } }
@keyframes lum-orbit-fade-in { from { opacity: 0 } }
@keyframes lum-orbit-cell-in { from { opacity: 0; scale: 0 } }
@keyframes lum-orbit-lit {
    0%, 100% { opacity: .38 }
    6%       { opacity: 1; animation-timing-function: var(--lum-ease-sine) }
    28%      { opacity: .38 }
}
@keyframes lum-orbit-tilt {
    0%, 52%, 100% { rotate: 0deg; animation-timing-function: var(--lum-ease-sine) }
    60%, 72%      { rotate: -7deg; animation-timing-function: var(--lum-ease-sine) }
    80%           { rotate: 1deg; animation-timing-function: var(--lum-ease-sine) }
}

.lum-mark--orbit {
    --lum-orbit-tilt: 10s;
    --lum-orbit-stroke: 1.6;
    --lum-orbit-node: 1;
}
.lum-mark-orbit {
    position: absolute;
    inset: 0;
    display: block;
    overflow: clip;
    overflow-clip-margin: calc(var(--lum-box) / 20);
}
.lum-mark-orbit :is(.lum-orbit-sweep, .lum-orbit-track, .lum-orbit-cell) {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
}
.lum-mark-orbit svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible }
.lum-mark-orbit :is(.lum-orbit-sweep, .lum-orbit-cell) > svg {
    inset: 0 auto auto 0;
    width: 200%;
    height: 200%;
    scale: .5;
    transform-origin: 0 0;
    will-change: transform;
}
.lum-mark--orbit .lum-orbit-ring {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--lum-orbit-stroke);
}
.lum-mark--orbit .lum-orbit-ring--a {
    opacity: .42;
    stroke-dasharray: 100 100;
    animation: lum-orbit-draw 1.4s var(--lum-ease-out) .45s backwards;
}
.lum-mark--orbit .lum-orbit-ring--b {
    opacity: .4;
    stroke-linecap: round;
    stroke-width: calc(var(--lum-orbit-stroke) * 1.5);
    stroke-dasharray: 0 2.5;
    animation: lum-orbit-ring-in 1.2s var(--lum-ease-out) .7s backwards;
}
.lum-mark--orbit .lum-orbit-sweep {
    animation: lum-orbit-fade-in .8s ease-out 1.8s backwards, lum-orbit-spin 7s linear 1.8s infinite;
}
.lum-mark--orbit .lum-orbit-sweep circle {
    fill: none;
    stroke: currentColor;
    stroke-width: calc(var(--lum-orbit-stroke) * 1.6);
    stroke-linecap: round;
    stroke-dasharray: 9 91;
}
.lum-mark--orbit .lum-orbit-track--a { animation: lum-orbit-spin 28s linear infinite }
.lum-mark--orbit .lum-orbit-track--b { animation: lum-orbit-spin-r 42s linear infinite }
.lum-mark--orbit .lum-orbit-node { scale: var(--lum-orbit-node) }
.lum-mark--orbit .lum-orbit-cell {
    opacity: .38;
    animation: lum-orbit-lit 5s linear calc(1.6s + var(--lum-i) * 1s) infinite;
}
.lum-mark--orbit .lum-orbit-cell rect {
    animation: lum-orbit-cell-in .7s var(--lum-ease-out) calc(.9s + var(--lum-i) * 90ms) backwards;
}

.lum-mark--orbit > :is(.lum-mark-orbit, .lum-mark-owl) { animation: lum-enter var(--lum-dur-enter) var(--lum-ease-out) backwards }
.lum-mark--orbit .lum-mark-eye--l  { animation: lum-enter-eye-l var(--lum-dur-enter) var(--lum-ease-out) .06s backwards }
.lum-mark--orbit .lum-mark-eye--r  { animation: lum-enter-eye-r var(--lum-dur-enter) var(--lum-ease-out) .06s backwards }
.lum-mark--orbit .lum-mark-crown   { animation: lum-enter-crown var(--lum-dur-enter) var(--lum-ease-out) .14s backwards }
.lum-mark--orbit .lum-mark-beak    { animation: lum-enter-fade  .8s ease-out .3s backwards }
.lum-mark--orbit .lum-mark-body    { animation: lum-orbit-tilt var(--lum-orbit-tilt) 2s infinite }

.lum-mark--orbit:is(.lum-mark--16, .lum-mark--20, .lum-mark--24, .lum-mark--32) {
    --lum-orbit-stroke: 6;
    --lum-orbit-node: 2;
}
.lum-mark--orbit:is(.lum-mark--16, .lum-mark--20, .lum-mark--24, .lum-mark--32) :is(.lum-orbit-ring--b, .lum-orbit-track--b, .lum-orbit-sweep) { display: none }
.lum-mark--orbit:is(.lum-mark--16, .lum-mark--20, .lum-mark--24, .lum-mark--32) .lum-mark-body { animation: none }
.lum-mark--orbit:is(.lum-mark--48, .lum-mark--64) { --lum-orbit-stroke: 3; --lum-orbit-node: 1.4 }


@keyframes lum-shapes-a {
    0% { translate: 0px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    9.714% { translate: -5.5px 2.75px }
    20% { translate: -5.5px 2.75px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    29.714% { translate: -2.75px 0px }
    40% { translate: -2.75px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    49.714% { translate: -2.75px 5.5px }
    60% { translate: -2.75px 5.5px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    69.714% { translate: 0px 8.25px }
    80% { translate: 0px 8.25px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    89.714%, 100% { translate: 0px 0px }
}
@keyframes lum-shapes-b {
    0% { translate: 0px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    9.714% { translate: 5.5px 2.75px }
    20% { translate: 5.5px 2.75px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    29.714% { translate: 2.75px 0px }
    40% { translate: 2.75px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    49.714% { translate: 2.75px 0px }
    60% { translate: 2.75px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    69.714% { translate: 0px 8.25px }
    80% { translate: 0px 8.25px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    89.714%, 100% { translate: 0px 0px }
}
@keyframes lum-shapes-c {
    0% { translate: 0px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    9.714% { translate: 0px -2.75px }
    20% { translate: 0px -2.75px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    29.714% { translate: 2.75px -5.5px }
    40% { translate: 2.75px -5.5px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    49.714% { translate: 2.75px -5.5px }
    60% { translate: 2.75px -5.5px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    69.714% { translate: 0px -8.25px }
    80% { translate: 0px -8.25px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    89.714%, 100% { translate: 0px 0px }
}
@keyframes lum-shapes-d {
    0% { translate: 0px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    9.714% { translate: 0px -2.75px }
    20% { translate: 0px -2.75px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    29.714% { translate: -2.75px 0px }
    40% { translate: -2.75px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    49.714% { translate: -2.75px 0px }
    60% { translate: -2.75px 0px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    69.714% { translate: -5.5px -2.75px }
    80% { translate: -5.5px -2.75px; animation-timing-function: cubic-bezier(.34, 1.45, .64, 1) }
    89.714%, 100% { translate: 0px 0px }
}

.lum-mark--shapes .lum-shapes-cell {
    fill: currentColor;
    opacity: .5;
    animation: 3.5s linear calc(var(--lum-i) * 35ms) infinite backwards;
}
.lum-mark--shapes .lum-shapes-cell--a { opacity: 1; animation-name: lum-shapes-a }
.lum-mark--shapes .lum-shapes-cell--b { animation-name: lum-shapes-b }
.lum-mark--shapes .lum-shapes-cell--c { animation-name: lum-shapes-c }
.lum-mark--shapes .lum-shapes-cell--d { animation-name: lum-shapes-d }


@keyframes lum-ring-spin { to { rotate: 360deg } }
@keyframes lum-spin-tail {
    0%   { rotate: 0deg;     animation-timing-function: cubic-bezier(.4, 0, .2, 1) }
    50%  { rotate: 57.6deg;  animation-timing-function: cubic-bezier(.4, 0, .2, 1) }
    100% { rotate: 356.4deg }
}
@keyframes lum-spin-head {
    0%   { rotate: 3.6deg;   animation-timing-function: cubic-bezier(.4, 0, .2, 1) }
    50%  { rotate: 288deg;   animation-timing-function: cubic-bezier(0.50745, 0, 0.77173, 0.42354) }
    62.591%, 100% { rotate: 360deg }
}
@keyframes lum-spin-a {
    0%   { rotate: 3.6deg;   animation-timing-function: cubic-bezier(0.55411, 0, 0.53049, 0.62118) }
    25.0882% { rotate: 180deg }
    65.7761% { rotate: 180deg; animation-timing-function: cubic-bezier(0.14876, 0.46778, 0.34486, 1) }
    100% { rotate: 3.6deg }
}
@keyframes lum-spin-b {
    0%, 23.4597% { rotate: 0deg;    animation-timing-function: cubic-bezier(0.19535, 0.56948, 0.48968, 1) }
    50%, 62.591% { rotate: 60.4deg; animation-timing-function: cubic-bezier(0.33676, 0.30659, 0.64981, 0.64948) }
    66.3989%, 100% { rotate: 0deg }
}
@keyframes lum-spin-b-show {
    0%       { opacity: 0 }
    23.4597% { opacity: 1 }
    66.3989% { opacity: 0 }
}

.lum-spinner {
    display: inline-block;
    flex: none;
    vertical-align: middle;
    color: var(--accent);
}
.lum-spinner-ring {
    position: relative;
    display: block;
    animation: lum-ring-spin calc(var(--lum-dur-ring) * 1.45) linear infinite;
}
.lum-spinner-ring > svg { display: block }
.lum-spinner-track { fill: none; stroke: currentColor; stroke-width: 2.4; opacity: var(--lum-ghost) }
.lum-spinner :is(.lum-spinner-tail, .lum-spinner-cap) { position: absolute; inset: 0; display: block }
.lum-spinner-half {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.lum-spinner-half--b { transform-origin: 0 50%; rotate: 170deg }
.lum-spinner-sweep { position: absolute; left: -100%; top: 0; width: 200%; height: 100%; display: block }
.lum-spinner :is(.lum-spinner-sweep, .lum-spinner-cap) > svg {
    position: absolute;
    inset: 0 auto auto 0;
    display: block;
    width: 200%;
    height: 200%;
    scale: .5;
    transform-origin: 0 0;
    will-change: transform;
    fill: currentColor;
}
.lum-spinner-tail { animation: lum-spin-tail var(--lum-dur-ring) linear infinite }
.lum-spinner-cap--head { animation: lum-spin-head var(--lum-dur-ring) linear infinite }
.lum-spinner-half > .lum-spinner-sweep { animation: lum-spin-a var(--lum-dur-ring) linear infinite }
.lum-spinner-half--b > .lum-spinner-sweep {
    opacity: 0;
    animation: lum-spin-b var(--lum-dur-ring) linear infinite, lum-spin-b-show var(--lum-dur-ring) step-end infinite;
}
.lum-spinner--inherit { color: currentColor }


.lum-skeleton-line {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--accent);
}

.lum-skeleton-line > i {
    display: block;
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background: var(--lum-quiet);
}

.lum-skeleton-line > i {
    background: currentColor;
    animation: lum-trail var(--lum-dur-bar) linear infinite;
    animation-delay: calc(var(--lum-dur-bar) * -1 * (1 - var(--lum-i, 0) / var(--lum-n, 1)));
}

.lum-skeleton-line > i {
    animation-duration: var(--lum-dur-skeleton);
    animation-delay: calc(var(--lum-dur-skeleton) * -1 * (1 - var(--lum-i, 0) / var(--lum-n, 1)));
}

.lum-skeleton-row { display: flex; align-items: center; gap: 14px }
.lum-skeleton-row:nth-child(2) .lum-skeleton-line > i { animation-duration: calc(var(--lum-dur-skeleton) + .06s) }
.lum-skeleton-row:nth-child(3) .lum-skeleton-line > i { animation-duration: calc(var(--lum-dur-skeleton) + .12s) }
.lum-skeleton-row:nth-child(4) .lum-skeleton-line > i { animation-duration: calc(var(--lum-dur-skeleton) + .18s) }

.lum-dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 3px;
    flex: none;
    background: var(--accent-fill);
    animation: lum-beat var(--lum-dur-beat) ease-in-out infinite;
}

.lum-dot--warn { background: var(--warn) }
.lum-dot--crit { background: var(--critical) }


.lum-wordmark {
    font-family: var(--font-brand);
    font-weight: 300;
    font-size: 1em;
    line-height: 1;
    letter-spacing: 0;
    color: var(--text-heading);
    white-space: nowrap;
    translate: 0 -.04em;
}

.lum-lockup,
.lum-lockup-hero {
    display: inline-flex;
    align-items: center;
    gap: .3em;
    font-family: var(--font-ui);
    color: var(--text-heading);
}
.lum-lockup .lum-mark,
.lum-lockup-hero .lum-mark { --lum-u: .1785em }

.lum-lockup-hero { font-size: 34px }

.lum-lockup--bar { font-size: 14.5px; gap: .3em }

@keyframes lum-word-in { from { opacity: 0; letter-spacing: .08em } }
:is(.lum-lockup, .lum-lockup-hero):has(.lum-mark--arrive) .lum-wordmark {
    animation: lum-word-in var(--lum-dur-enter) var(--lum-ease-out) .25s backwards;
}


@media (prefers-reduced-motion: reduce) {
    .lum-mark > svg,
    .lum-mark svg g,
    .lum-mark path,
    .lum-mark rect,
    .lum-mark circle,
    .lum-mark::before,
    .lum-mark-owl,
    .lum-mark-body,
    .lum-mark-part,
    .lum-mark-shadow,
    .lum-mark-wings span,
    .lum-mark-orbit,
    .lum-mark-orbit span,
    .lum-lockup .lum-wordmark,
    .lum-lockup-hero .lum-wordmark { animation: none !important }

    .lum-mark--trace .lum-mark-wing { rotate: 6deg }
    .lum-mark--think .lum-think-tile { opacity: 1 }
    .lum-mark--orbit .lum-orbit-cell { opacity: .7 }
    .lum-mark--orbit .lum-orbit-sweep { display: none }
    .lum-mark--shapes .lum-shapes-cell { opacity: .8 }

    .lum-spinner span { animation: none !important }
    .lum-spinner-half > .lum-spinner-sweep,
    .lum-spinner-cap--head { rotate: 90deg }

    .lum-skeleton-line > i,
    .lum-dot { animation: none !important; transform: none !important }

    .lum-skeleton-line > i { opacity: var(--lum-s2) }
    .lum-dot { opacity: var(--lum-s0) }
}



.lum-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: var(--control-height);
    padding: 0 calc(var(--control-padding-x) + 2px);
    border-radius: var(--r-pill);
    border: 1px solid transparent;
    font-family: var(--font-ui);
    font-size: var(--control-font-size);
    font-weight: var(--weight-medium);
    line-height: 1;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), filter var(--dur-quick, 120ms) var(--ease);
}

.lum-btn:active:not(:disabled) { filter: brightness(.9); }
.lum-btn-secondary:active:not(:disabled),
.lum-btn-ghost:active:not(:disabled) { filter: none; background: var(--surface-selected); }

.lum-btn:focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
}

.lum-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.lum-btn .material-icons {
    font-size: 17px;
}

.lum-btn-primary {
    background: var(--accent-fill);
    color: var(--text-on-accent);
}

.lum-btn-primary .lum-ai-glyph,
.lum-btn:disabled .lum-ai-glyph { color: currentColor; }

.lum-btn-primary:hover:not(:disabled) {
    background: var(--accent-hover);
}

.lum-btn-secondary {
    background: var(--surface-elevated);
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.lum-btn-secondary:hover:not(:disabled) {
    background: var(--surface-hover);
}

.lum-btn-ghost {
    background: transparent;
    color: var(--text-secondary);
}

.lum-btn-ghost:hover:not(:disabled) {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-btn-danger {
    background: var(--status-crit-soft);
    border-color: transparent;
    color: var(--status-crit);
}

.lum-btn-danger:hover:not(:disabled) {
    background: var(--status-crit);
    color: var(--surface-raised);
}

.lum-btn-warning {
    background: var(--status-warn-soft);
    border-color: transparent;
    color: var(--status-warn);
}

.lum-btn-warning:hover:not(:disabled) {
    background: var(--status-warn);
    color: var(--text-on-accent);
}

.lum-btn-sm {
    height: var(--control-height-sm);
    padding: 0 12px;
    font-size: var(--text-sm);
}

.lum-btn-sm .material-icons {
    font-size: 15px;
}

.lum-btn-lg {
    height: var(--control-height-lg);
    padding: 0 20px;
    font-size: var(--text-md);
    font-weight: var(--weight-medium);
}

.lum-btn-lg .material-icons {
    font-size: 20px;
}

.lum-btn-icon {
    width: var(--control-height);
    padding: 0;
}

.lum-btn-icon.lum-btn-sm {
    width: var(--control-height-sm);
}

.lum-btn-icon.lum-btn-lg {
    width: var(--control-height-lg);
}


.lum-tool-btn {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.lum-tool-btn.sm {
    width: 28px;
    height: 28px;
}

a.lum-tool-btn { text-decoration: none; }

.lum-tool-btn.lum-help {
    color: var(--text-primary);
    background: var(--surface-control);
}

.lum-mini-btn {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.lum-mini-btn .material-icons { font-size: 18px; }

.lum-pill-btn {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-full);
    background: transparent;
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.lum-tool-btn:hover:not(:disabled),
.lum-mini-btn:hover:not(:disabled),
.lum-pill-btn:hover:not(:disabled) {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-tool-btn:active:not(:disabled),
.lum-mini-btn:active:not(:disabled),
.lum-pill-btn:active:not(:disabled) {
    background: var(--surface-selected);
    color: var(--text-heading);
}

.lum-tool-btn.is-on,
.lum-mini-btn.is-on,
.lum-pill-btn.is-on {
    border-color: transparent;
    background: var(--surface-selected);
    color: var(--text-heading);
}

.lum-mini-btn.is-danger:hover:not(:disabled) {
    background: var(--status-crit-soft);
    color: var(--status-crit);
}

.lum-mini-btn.is-framed { border-color: var(--border-strong); }

.lum-tool-btn:disabled,
.lum-mini-btn:disabled,
.lum-pill-btn:disabled {
    opacity: .6;
    cursor: default;
}

.lum-tool-btn:focus-visible,
.lum-mini-btn:focus-visible,
.lum-pill-btn:focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: 1px;
}

.lum-pill-btn.is-filled {
    border-color: transparent;
    background: var(--surface-control);
    color: var(--text-primary);
}

.lum-pill-btn.is-filled:hover:not(:disabled),
.lum-pill-btn.is-filled[aria-expanded="true"] {
    background: var(--surface-segment);
    color: var(--text-primary);
}

.lum-pill-btn.is-filled:active:not(:disabled) { background: var(--surface-selected); }

.lum-pill-count {
    min-width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-right: -6px;
    padding: 0 5px;
    border-radius: var(--radius-full);
    background: var(--critical);
    color: var(--on-critical);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
}

.lum-pill-btn.is-filled:disabled {
    opacity: 1;
    color: var(--text-secondary);
}

.lum-pill-count.is-zero {
    background: var(--border-strong);
    color: var(--text-secondary);
}


.lum-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.lum-field-label {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
}

.lum-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lum-input-wrap > .material-icons {
    position: absolute;
    left: 10px;
    font-size: 16px;
    color: var(--text-tertiary);
    pointer-events: none;
}

.lum-input {
    width: 100%;
    height: var(--control-height);
    padding: 0 var(--control-padding-x);
    background: var(--surface-input);
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--control-font-size);
    transition: border-color var(--transition-fast), background var(--transition-fast);
}

.lum-input-wrap.has-icon .lum-input {
    padding-left: 32px;
}

.lum-input::placeholder {
    color: var(--text-tertiary);
}

.lum-input:hover:not(:disabled) {
    border-color: var(--border-strong);
}

.lum-input:focus {
    outline: none;
    border-color: var(--border-focus);
    box-shadow: 0 0 0 3px var(--accent-soft);
}

.lum-input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.lum-input.mono {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
}

textarea.lum-input {
    height: auto;
    min-height: 72px;
    padding: 8px var(--control-padding-x);
    resize: vertical;
    line-height: 1.5;
}

.lum-numeric .lum-input::-webkit-outer-spin-button,
.lum-numeric .lum-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.lum-numeric .lum-input {
    -moz-appearance: textfield;
    appearance: textfield;
}

.lum-numeric.has-spin .lum-input {
    padding-right: 28px;
}

.lum-step {
    position: absolute;
    right: 5px;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.lum-step button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 13px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--text-tertiary);
    cursor: pointer;
    transition: color var(--transition-fast), background var(--transition-fast);
}

.lum-step button:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-step button .material-icons {
    font-size: 14px;
}

.lum-select.heading .lum-select-trigger {
    height: 30px;
    gap: 8px;
    padding: 0 8px 0 12px;
    border-color: var(--lume-deep);
    border-radius: var(--r-block);
    background: var(--accent-tint);
}

.lum-select.heading .lum-select-trigger:hover:not(:disabled) { border-color: var(--accent); }

.lum-select.heading .lum-select-value {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--accent-text);
}

.lum-select.heading .lum-select-caret { color: var(--accent-text); }

.lum-select.bare .lum-select-trigger {
    background: transparent;
    border-color: transparent;
    height: auto;
    padding: 0 2px;
    font-weight: var(--weight-semibold);
    font-size: var(--text-md);
}

.lum-select-clear {
    flex-shrink: 0;
    font-size: 15px;
    color: var(--text-tertiary);
    border-radius: 4px;
    cursor: pointer;
    transition: color var(--transition-fast);
}

.lum-select-clear:hover {
    color: var(--text-primary);
}

.lum-dtp {
    position: relative;
    display: inline-block;
}

.lum-dtp-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.lum-dtp-trigger .material-icons {
    font-size: 15px;
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.lum-dtp-value {
    font-size: var(--control-font-size);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lum-dtp-value.placeholder {
    color: var(--text-tertiary);
}

.lum-dtp-panel {
    position: fixed;
    margin-top: 6px;
    z-index: 1100;
    width: 272px;
    padding: 12px;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
}

.lum-dtp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lum-dtp-month {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.lum-dtp-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lum-dtp-nav:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-dtp-nav .material-icons { font-size: 16px; }

.lum-dtp-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.05em;
    color: var(--text-tertiary);
}

.lum-dtp-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.lum-dtp-day {
    height: 30px;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lum-dtp-day:hover:not(:disabled) { background: var(--surface-hover); }
.lum-dtp-day.faded { color: var(--text-quaternary, var(--text-tertiary)); }
.lum-dtp-day.today { background: var(--surface-selected); }
.lum-dtp-day.selected { background: var(--accent-fill); color: var(--text-on-accent); font-weight: var(--weight-semibold); }
.lum-dtp-day:disabled { opacity: 0.3; cursor: default; }

.lum-dtp-time {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--border-subtle);
}

.lum-dtp-time-label {
    flex: 1;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.lum-dtp-colon { color: var(--text-secondary); font-weight: var(--weight-semibold); }

.lum-dtp-time-box {
    position: relative;
    display: flex;
    align-items: center;
    width: 58px;
}

.lum-dtp-time-box input {
    width: 100%;
    height: 30px;
    padding: 0 22px 0 8px;
    background: var(--surface-input);
    border: 1px solid var(--border-default);
    border-radius: var(--r-block);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}

.lum-dtp-time-box input::-webkit-outer-spin-button,
.lum-dtp-time-box input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.lum-dtp-time-box .lum-step { right: 3px; }

.lum-dtp-time-fixed {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 30px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    color: var(--text-tertiary);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    user-select: none;
}

.lum-dtp-quick {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px solid var(--border-subtle);
}

.lum-dtp-quick button {
    padding: 4px 10px;
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-pill);
    color: var(--accent);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lum-dtp-quick button:hover { background: var(--surface-hover); }

.lum-dtp-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--border-subtle);
}

.lum-tabs-host {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.lum-tab-panels {
    flex: 1;
    min-height: 0;
    background: var(--lum-tabs-panel, var(--surface-raised));
    border-radius: var(--r-card);
}

.lum-tab-panel {
    height: 100%;
}


.lum-card {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
}

.lum-stat-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    min-width: 0;
}

.lum-stat-icon {
    width: 32px;
    height: 32px;
    border-radius: var(--r-block);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.lum-stat-icon .material-icons { font-size: 16px; }
.lum-stat-icon.accent { background: var(--accent-soft); color: var(--accent); }
.lum-stat-icon.ok { background: var(--status-ok-soft); color: var(--status-ok); }
.lum-stat-icon.warn { background: var(--status-warn-soft); color: var(--status-warn); }
.lum-stat-icon.crit { background: var(--status-crit-soft); color: var(--status-crit); }
.lum-stat-icon.info { background: var(--status-info-soft); color: var(--status-info); }

.lum-stat-info { min-width: 0; }

.lum-stat-value {
    font-size: var(--text-title3);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-stat-value.sm { font-size: var(--text-base); }

.lum-stat-label {
    font-size: var(--text-2xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-stat-sub {
    margin-left: auto;
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-stat-sub.ok { color: var(--status-ok); }
.lum-stat-sub.warn { color: var(--status-warn); }
.lum-stat-sub.crit { color: var(--status-crit); }

.lum-toggle-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    background: var(--surface-hover);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-ctl);
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.35;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease),
                color var(--dur) var(--ease);
}

.lum-toggle-chip:hover:where(:not(:disabled)) {
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.lum-toggle-chip:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.lum-toggle-chip:focus-visible {
    outline: 2px solid var(--lume);
    outline-offset: 2px;
}

.lum-toggle-chip.is-on {
    background: var(--surface-selected);
    border-color: var(--border-selected);
    color: var(--text-heading);
}

.lum-toggle-chip-count {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    padding: 0 5px;
    border-radius: 4px;
    background: var(--surface-base);
    color: var(--text-tertiary);
}

.lum-toggle-chip.is-on .lum-toggle-chip-count {
    color: var(--text-primary);
}

.lum-toggle-chip.sm {
    gap: 5px;
    padding: 2px 8px;
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: none;
}

.lum-toggle-chip.sm .lum-toggle-chip-count { font-size: var(--text-2xs); }

.lum-filter-chip {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 6px 0 10px;
    border: 1px solid var(--border-selected);
    border-radius: var(--r-ctl);
    background: var(--surface-selected);
    color: var(--text-heading);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    cursor: pointer;
}

.lum-filter-chip .lum-filter-chip-x { flex: none; color: var(--text-tertiary); }
.lum-filter-chip:hover .lum-filter-chip-x { color: var(--text-primary); }

.lum-filter-chip:focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: 1px;
}

.lum-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    background: var(--surface-card);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.lum-grid-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-overlay);
    z-index: 3;
}

.lum-grid-scroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.lum-grid.lum-grid-windowed > .lum-grid-scroll { scrollbar-gutter: stable; }

.lum-grid.is-flat {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.lum-grid-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.lum-grid-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-card);
    border-bottom: 1px solid var(--border-default);
    padding: 8px 12px;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
    letter-spacing: 0.01em;
    text-align: left;
    white-space: nowrap;
}

.lum-grid-table thead th.sortable {
    cursor: pointer;
    user-select: none;
}

.lum-grid-table thead th.sortable:hover {
    color: var(--text-primary);
}

.lum-grid-th {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
}

.lum-grid-th > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-grid-sort {
    font-size: var(--text-base);
    color: var(--accent);
    flex-shrink: 0;
}

.lum-grid-resize {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    touch-action: none;
    z-index: 1;
}

.lum-grid-resize::after {
    content: '';
    position: absolute;
    top: 7px;
    bottom: 7px;
    right: 4px;
    width: 1px;
    background: var(--border-default);
    transition: background var(--transition-fast), top var(--transition-fast), bottom var(--transition-fast);
}

.lum-grid-table thead th:hover .lum-grid-resize::after { background: var(--border-strong); }

.lum-grid-resize:hover::after {
    top: 0;
    bottom: 0;
    background: var(--text-tertiary);
}


.lum-grid-funnel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--text-tertiary);
    cursor: pointer;
    opacity: 0;
    transition: color var(--transition-fast), opacity var(--transition-fast);
    flex-shrink: 0;
}

.lum-grid-table thead th:hover .lum-grid-funnel,
.lum-grid-funnel.active,
.lum-grid-funnel.open {
    opacity: 1;
}

.lum-grid-funnel:hover {
    color: var(--text-primary);
}

.lum-grid-funnel.active {
    color: var(--accent);
}

.lum-grid-funnel .material-icons {
    font-size: 14px;
}

.lum-grid-filter-panel {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    min-width: 200px;
    max-width: 280px;
    padding: 8px;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: var(--weight-regular);
}

.lum-grid-filter-pop { width: 240px; }

.lum-grid-filter-list {
    max-height: 240px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.lum-grid-filter-actions {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--border-subtle);
    padding-top: 6px;
}

.lum-grid-filter-actions button {
    padding: 3px 10px;
    background: transparent;
    border: none;
    border-radius: var(--r-ctl);
    color: var(--accent);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    cursor: pointer;
}

.lum-grid-filter-actions button:hover {
    background: var(--surface-hover);
}

.lum-grid-filter-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.lum-grid-expander {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    margin-right: 2px;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--text-secondary);
    cursor: pointer;
    vertical-align: middle;
}

.lum-grid-expander:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-grid-expander .material-icons {
    font-size: 15px;
}

.lum-grid-expander-spacer {
    display: inline-block;
    width: 20px;
}

.lum-grid-table tbody tr.expandable { cursor: pointer; }

.lum-grid-table > tbody.lum-grid-measure { display: none; }

.lum-grid-group-row td {
    background: var(--surface-elevated) !important;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    cursor: pointer;
    user-select: none;
}

.lum-grid-chevron {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 4px;
    color: var(--text-tertiary);
}

.lum-grid-detail-row > td {
    background: var(--surface-elevated) !important;
    white-space: normal;
    padding: 10px 14px;
}

.lum-grid-detail-row > td:has(> .lum-grid-nested) {
    background: var(--surface-shelf) !important;
}

.lum-grid-nested {
    box-shadow: none;
    border: 1px solid var(--border-subtle);
    scroll-margin-top: calc(var(--lum-grid-head-h, 34px) + 44px);
}

.lum-grid-nested .lum-grid-table thead th:not(.filter-open) { z-index: auto; }

.lum-grid-sticky-open > .lum-grid-scroll > .lum-grid-table > tbody > tr.is-expanded {
    position: sticky;
    top: var(--lum-grid-head-h, 34px);
    z-index: 1;
}

.lum-grid-sticky-open > .lum-grid-scroll > .lum-grid-table > tbody > tr.is-expanded + tr.lum-grid-detail-row ~ tr {
    position: relative;
    z-index: 1;
}

.lum-grid-sections > .lum-grid-scroll > .lum-grid-table > tbody > tr.lum-grid-group-row > td {
    position: sticky;
    top: var(--lum-grid-head-h, 34px);
    z-index: 1;
    height: 36px;
    padding: 0 12px;
    background: var(--surface-card) !important;
    font-weight: var(--weight-regular);
}

.lum-grid-sections > .lum-grid-scroll > .lum-grid-table > tbody > tr.lum-grid-group-row:hover > td { background: var(--surface-hover) !important; }

.lum-grid-sections > .lum-grid-scroll > .lum-grid-table > tbody > tr.lum-grid-group-row .lum-grid-chevron {
    font-size: 18px;
    margin-right: 6px;
    color: var(--text-secondary);
}

.lum-grid-section {
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

.lum-grid-section-name {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-heading);
}

.lum-grid-section-n {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
}

.lum-grid-section-n.warn { color: var(--warn); }
.lum-grid-section-n.quiet { font-weight: var(--weight-regular); color: var(--text-tertiary); }

.lum-decision {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 12px;
}

.lum-decision-reason {
    font-size: var(--text-sm);
    line-height: 1.45;
    color: var(--text-primary);
}

.lum-decision-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.lum-decision-facts:empty { display: none; }

.lum-decision-code {
    align-self: flex-start;
    max-width: 100%;
    padding: 6px 10px;
    border-radius: var(--r-block);
    background: var(--surface-inset);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.lum-decision-check {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: start;
    gap: 6px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.lum-decision-check .material-icons {
    font-size: 16px;
    color: var(--text-tertiary);
}

.lum-decision-check.ok .material-icons { color: var(--status-ok); }
.lum-decision-check.no .material-icons { color: var(--status-crit); }

.lum-grid-colpick {
    position: absolute;
    top: 5px;
    right: 8px;
    z-index: 12;
}

.lum-grid.has-colpick .lum-grid-table thead th:last-child .lum-grid-th {
    padding-right: 90px;
}

.lum-grid.has-colpick .lum-grid-table tbody tr:not(.lum-grid-detail-row):not(.lum-grid-group-row) > td:last-child:is(.lum-align-right, .lum-align-center):not(:has(> .lum-cell-verbs)) {
    padding-right: 102px;
}

.lum-grid-colpick .colpick-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: auto;
    height: 22px;
    padding: 0 7px;
    border-radius: var(--r-ctl);
    opacity: 1;
    color: var(--text-tertiary);
    background: var(--surface-card);
}

.lum-grid-colpick .colpick-label {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    line-height: 1;
}

.lum-grid-colpick .colpick-btn:hover {
    color: var(--text-primary);
    background: var(--surface-hover);
}

.lum-grid-colpick-panel {
    position: absolute;
    top: 26px;
    right: 0;
    left: auto;
}

.lum-grid-colpick-actions {
    justify-content: space-between;
}

.lum-grid-colpick-actions button.is-quiet {
    color: var(--text-secondary);
}

.lum-grid-colpick-actions button.is-quiet:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-grid-filter {
    width: 100%;
    height: 24px;
    padding: 0 8px;
    background: var(--surface-input);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-ctl);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    text-transform: none;
    letter-spacing: normal;
}

.lum-grid-filter:focus {
    outline: none;
    border-color: var(--border-focus);
}

.lum-grid-filter::placeholder {
    color: var(--text-tertiary);
}

.lum-grid-table tbody td {
    padding: 7px 12px;
    border-bottom: 1px solid var(--border-default);
    background: var(--surface-card);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-grid-table tbody tr.lum-row-alt td {
    background: var(--row-alt);
}

.lum-grid-striped > .lum-grid-scroll > .lum-grid-table > tbody > tr:not(.lum-grid-group-row, .lum-grid-detail-row) > td {
    border-bottom-color: transparent;
}

.lum-grid-table tbody tr:hover td {
    background: var(--row-hover);
}

.lum-grid-table tbody tr:is(.selected, .lum-sel) > td {
    background: var(--row-selected) !important;
}

.lum-grid-table.lum-grid-clickable > tbody > tr:not(.lum-grid-detail-row, .lum-grid-group-row, .unselectable) > td { cursor: pointer; }

.lum-grid-table tbody tr.unselectable td { cursor: default; }
.lum-grid-table tbody tr.unselectable:hover td { background: var(--surface-card); }


.lum-grid-table th.frozen,
.lum-grid-table td.frozen {
    position: sticky;
    z-index: 1;
    height: 100%;
}

.lum-grid-table thead th.frozen {
    z-index: 3;
}

.lum-grid-table thead th.filter-open {
    z-index: 12;
}

.lum-grid-empty-cell {
    color: var(--text-quaternary);
}

.lum-grid-table th.frozen-right,
.lum-grid-table td.frozen-right {
    border-left: 1px solid var(--border-default);
}

.lum-grid-table td.lum-align-center,
.lum-grid-table th.lum-align-center {
    text-align: center;
}

.lum-grid-table td.lum-align-right,
.lum-grid-table th.lum-align-right {
    text-align: right;
}

.lum-grid-table th.lum-align-center .lum-grid-th { justify-content: center; }
.lum-grid-table th.lum-align-right .lum-grid-th { justify-content: flex-end; }

.lum-grid-empty {
    padding: 28px 12px !important;
    text-align: center;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
}

.lum-grid-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-top: 1px solid var(--border-default);
    flex-shrink: 0;
}

.lum-grid-pager-info {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.lum-grid-foot-gap { flex: 1 1 auto; }

.lum-grid-std > .lum-grid-scroll > .lum-grid-table > thead > tr > th { padding: 6px 10px; }

.lum-grid-std > .lum-grid-scroll > .lum-grid-table > tbody > tr > td {
    height: 34px;
    padding: 0 10px;
    vertical-align: middle;
}

.lum-grid-std > .lum-grid-scroll > .lum-grid-table > tbody > tr.lum-grid-detail-row > td {
    height: auto;
    padding: 8px 12px;
}

.lum-grid-std > .lum-grid-scroll > .lum-grid-table > tbody > tr > td.frozen-right {
    padding-left: 6px;
    padding-right: 8px;
    text-overflow: clip;
}

.lum-grid-std > .lum-grid-scroll > .lum-grid-table > thead > tr > th.frozen-right {
    padding-left: 6px;
    padding-right: 8px;
}

.lum-grid-std > .lum-grid-scroll > .lum-grid-table > tbody > tr > td.lum-cell-tick,
.lum-grid-std > .lum-grid-scroll > .lum-grid-table > thead > tr > th.lum-cell-tick {
    padding-left: 10px;
    padding-right: 4px;
    text-overflow: clip;
}

.lum-grid-table thead th.is-moving { color: var(--text-quaternary); }

.lum-grid-move-ghost {
    position: fixed;
    z-index: 1200;
    padding: 4px 10px;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-ctl);
    background: var(--material-pop);
    box-shadow: var(--shadow-md);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    white-space: nowrap;
    pointer-events: none;
}

.lum-grid-move-line {
    position: fixed;
    z-index: 1199;
    width: 2px;
    background: var(--accent);
    pointer-events: none;
}

.lum-grid-colpick-hint {
    margin: 0;
    padding: 6px 10px 2px;
    max-width: 220px;
    font-size: var(--text-2xs);
    line-height: 1.4;
    color: var(--text-tertiary);
    white-space: normal;
}


.lum-cell-object {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.lum-cell-name {
    flex: 0 1 auto;
    min-width: 0;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-cell-object > .lum-cell-name { min-width: 40%; }

.lum-cell-part {
    flex: none;
    padding: 1px 6px;
    border-radius: var(--r-chip);
    background: var(--surface-segment);
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-cell-part + .lum-cell-part {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-cell-text {
    display: block;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-cell-num {
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
    white-space: nowrap;
}

.lum-log-msg { color: var(--text-primary); }

.lum-cell-warn { color: var(--warn); }

.lum-cell-time {
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-cell-dim { color: var(--text-quaternary); }
.lum-cell-quiet { color: var(--text-tertiary); }

.lum-cell-kind {
    display: inline-block;
    padding: 1px 7px;
    border-radius: var(--r-chip);
    background: var(--surface-segment);
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-cell-kind.warn { background: var(--status-warn-soft); color: var(--warn); }

.lum-cell-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
    white-space: nowrap;
    color: var(--text-primary);
}

.lum-cell-state-icon { flex: none; color: var(--text-tertiary); }

.lum-cell-state-word { flex: none; }

.lum-cell-state-why {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-tertiary);
}

.lum-cell-state.live { color: var(--text-heading); }
.lum-cell-state.live .lum-cell-state-icon { color: var(--accent); }
.lum-cell-state.warn { color: var(--warn); }
.lum-cell-state.warn .lum-cell-state-icon { color: var(--warn); }
.lum-cell-state.quiet { color: var(--text-tertiary); }

.lum-cell-verbs {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    vertical-align: middle;
}

.lum-cell-verbs .lum-btn {
    width: 26px;
    height: 26px;
    padding: 0;
    color: var(--text-tertiary);
}

.lum-cell-verbs .lum-btn:hover { color: var(--text-primary); }

.lum-cell-verb-gap { display: inline-block; flex: none; width: 26px; height: 26px; }

.lum-detail {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 4px 16px;
    min-width: 0;
    padding: 2px 4px 4px 22px;
    font-size: var(--text-sm);
}

.lum-detail-label { color: var(--text-tertiary); font-size: var(--text-xs); line-height: 1.6; white-space: nowrap; }

.lum-detail-value {
    min-width: 0;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.lum-detail-value.is-code {
    font-family: var(--font-code);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lum-detail-value.warn { color: var(--warn); }

.lum-split-tools {
    flex: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.lum-split-tools .lum-seg { flex: none; flex-wrap: nowrap; }

.lum-split-main .lum-tabs-host {
    flex: 1 1 auto;
    min-height: 0;
}

.lum-split-main .lum-tabs-host > .lum-tab-panels > .lum-tab-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.lum-split-pane {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 12px;
    overflow-y: auto;
}

.lum-split-list-box {
    flex: 1 1 0;
    min-width: 0;
    min-height: 200px;
}

.lum-split-nothing {
    flex: 1 1 0;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-size: var(--text-md);
    color: var(--text-tertiary);
    text-align: center;
}

.lum-split-chart-wrap {
    flex: none;
    padding: 10px 16px 2px;
}

.lum-split-chart {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 8px 14px 6px;
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
}

.lum-split-chart-head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: var(--text-xs);
}

.lum-split-chart-kicker {
    flex: none;
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.lum-split-chart-hover {
    min-width: 0;
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-split-chart-bars {
    display: block;
    width: 100%;
    height: 52px;
}

.lum-split-chart-axis {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-2xs);
    color: var(--text-quaternary);
    font-variant-numeric: tabular-nums;
}

.lum-split-chart-nums {
    flex: none;
    display: inline-flex;
    align-items: baseline;
    gap: 14px;
}

.lum-split-chart-num {
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

button.lum-split-chart-num { cursor: pointer; }
button.lum-split-chart-num:hover .lum-split-chart-num-label { color: var(--text-primary); }

.lum-split-chart-num-value {
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.lum-split-chart-num-label { color: var(--text-tertiary); }

.lum-seg-small { padding: 2px; }
.lum-seg-small .lum-seg-btn { padding: 1px 8px; font-size: var(--text-xs); }

@media (max-width: 1180px) {
    .lum-split-chart-head { flex-wrap: wrap; }
}

.lum-split-picked {
    padding: 6px 10px;
    border-radius: var(--r-ctl);
}

.lum-split-picked-n {
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
    font-variant-numeric: tabular-nums;
}

.lum-split-picked-rule {
    width: 1px;
    height: 16px;
    background: color-mix(in oklab, var(--accent) 45%, transparent);
}

.lum-grid-pager-nav {
    display: flex;
    gap: 2px;
}

.lum-grid-pager-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 6px;
    background: transparent;
    border: none;
    border-radius: var(--r-ctl);
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.lum-grid-pager-nav button:hover:not(:disabled) {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-grid-pager-nav button.active {
    background: var(--surface-selected);
    color: var(--text-heading);
    font-weight: var(--weight-semibold);
}

.lum-grid-pager-nav button:disabled {
    opacity: 0.35;
    cursor: default;
}

.lum-grid-pager-nav button .material-icons {
    font-size: 16px;
}

.lum-dialog-host {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lum-dialog-host-overlay {
    position: absolute;
    inset: 0;
    background: var(--scrim);
}

.lum-dialog-host:focus { outline: none; }

.lum-dialog-host-content {
    position: relative;
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 48px);
    display: flex;
    overflow: visible;
}

.lum-dialog-host-content > * {
    flex: 1 1 auto;
    min-width: 0;
    max-height: calc(100vh - 48px);
}

.lum-sheet-scrim {
    position: fixed;
    inset: 0;
    z-index: 1190;
    background: var(--scrim);
    backdrop-filter: blur(3px);
}

.lum-sheet-scrim.is-dim {
    background: var(--scrim-dim);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

html.lum-no-gpu * {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.lum-sheet {
    --lum-tabs-panel: var(--surface-overlay);
    position: fixed;
    top: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1200;
    max-width: calc(100vw - 20px);
    display: flex;
    flex-direction: column;
    border-radius: var(--r-modal);
    background: var(--surface-ground);
    box-shadow: var(--shadow-sheet);
}

.lum-sheet:focus { outline: none; }

.lum-sheet-grip {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    cursor: ew-resize;
    z-index: 3;
}

.lum-sheet-grip::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: transparent;
    transition: background var(--dur) var(--ease);
}

.lum-sheet-grip:hover::before { background: var(--text-tertiary); }

.lum-sheet-expand {
    position: absolute;
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--border-strong);
    background: var(--surface-elevated);
    color: var(--text-tertiary);
    cursor: pointer;
    box-shadow: var(--shadow-md);
    transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.lum-sheet-expand:hover {
    color: var(--text-primary);
    border-color: var(--border-selected);
}

.lum-sheet-expand svg { transition: transform var(--dur) var(--ease); }

.lum-sheet.is-max .lum-sheet-expand svg { transform: rotate(180deg); }

.lum-sheet-head {
    flex: none;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 18px 12px 22px;
}

.lum-sheet-close {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: auto;
    border: 0;
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}

.lum-sheet-close:hover {
    background: var(--surface-segment);
    color: var(--text-primary);
}

.lum-sheet-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    padding: 4px 22px 18px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.lum-sheet-body.is-flush {
    padding: 0;
    gap: 0;
}

.lum-sheet-foot {
    flex: none;
    display: flex;
    align-items: center;
    gap: var(--s2);
    padding: 12px 22px;
    border-top: 1px solid var(--border-subtle);
}

.lum-sheet-card {
    flex: none;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 14px 4px;
    border-radius: var(--r-card);
    background: var(--surface-raised);
}

.lum-sheet-card > :last-child { box-shadow: none; border-bottom: 0; }

.lum-sheet-card-title {
    min-height: 24px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-heading);
}

.lum-sheet-card-note {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--text-tertiary);
}

.lum-sheet-stats {
    flex: none;
    display: grid;
    grid-template-columns: repeat(var(--n, 6), minmax(0, 1fr));
    gap: 8px;
}

.lum-sheet-stat {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
    padding: 10px 12px;
    border-radius: var(--r-card);
    background: var(--surface-raised);
}

.lum-sheet-stat-label {
    font-size: var(--text-xs);
    line-height: 1.25;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-sheet-stat-value {
    font-size: var(--text-title3);
    font-weight: 600;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
}

.lum-sheet-stat-value.is-warn { color: var(--warn-text); }
.lum-sheet-stat-value.is-crit { color: var(--critical-text); }

button.lum-sheet-stat {
    border: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

button.lum-sheet-stat:hover { background: var(--surface-hover); }
button.lum-sheet-stat:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.lum-sheet-card .lum-grid {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.lum-sheet-card.is-text {
    padding: 12px 14px;
    font-size: var(--text-base);
    line-height: 1.5;
    color: var(--text-secondary);
}

.lum-sheet-heading {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lum-sheet-title {
    min-width: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-title);
    font-size: var(--text-title1);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--text-heading);
}

.lum-sheet-sub {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-sheet-row {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    min-height: 30px;
    padding: 4px 0;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
}

.lum-sheet-row-k { color: var(--text-tertiary); }

.lum-sheet-row-v {
    min-width: 0;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lum-sheet-row-v small {
    font-size: inherit;
    color: var(--text-tertiary);
}

.lum-sheet-row-v.is-warn { color: var(--warn-text); }
.lum-sheet-row-v.is-crit { color: var(--critical-text); }

.lum-toast-stack {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 1400;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 380px;
    pointer-events: none;
}

.lum-toast {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-default);
    border-radius: var(--r-modal);
    box-shadow: var(--shadow-md);
    cursor: pointer;
}

.lum-toast > .material-icons {
    font-size: 19px;
    flex-shrink: 0;
}

.lum-toast.success > .material-icons { color: var(--status-ok); }
.lum-toast.warning > .material-icons { color: var(--status-warn); }
.lum-toast.error > .material-icons { color: var(--status-crit); }
.lum-toast.info > .material-icons { color: var(--text-secondary); }

.lum-toast-body {
    flex: 1;
    min-width: 0;
}

.lum-toast-close {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin: -2px -4px 0 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.lum-toast-close:hover { background: var(--surface-selected); color: var(--text-primary); }
.lum-toast-close:active { background: var(--surface-selected); color: var(--text-heading); }
.lum-toast-close .material-icons { font-size: 16px; }

.lum-toast-title {
    font-size: var(--text-sm);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.lum-toast-detail {
    margin-top: 2px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    line-height: 1.4;
    word-break: break-word;
}

.lum-ctx-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1350;
}

.lum-ctx-menu {
    position: fixed;
    z-index: 1351;
    min-width: 180px;
    width: max-content;
    max-width: calc(100vw - 16px);
    padding: 4px;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
}

.lum-ctx-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    background: transparent;
    border: none;
    border-radius: var(--r-ctl);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lum-ctx-item:hover:not(:disabled) {
    background: var(--surface-hover);
}

.lum-ctx-item:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.lum-ctx-item .material-icons {
    font-size: 16px;
    color: var(--text-secondary);
}

.lum-field-error {
    margin-top: 5px;
    font-size: var(--text-xs);
    color: var(--status-crit);
}

.lum-prefs-ctl > .lum-field-error {
    flex-basis: 100%;
    order: 1;
    margin-top: -3px;
}

.lum-input.invalid,
.lum-select-trigger.invalid {
    border-color: var(--status-crit);
}

.lum-input.invalid:focus {
    border-color: var(--status-crit);
    box-shadow: 0 0 0 3px var(--status-crit-soft);
}

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

.lum-select-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: var(--control-height);
    padding: 0 10px 0 var(--control-padding-x);
    background: var(--surface-input);
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--control-font-size);
    cursor: pointer;
    text-align: left;
    transition: border-color var(--transition-fast);
}

.lum-select-trigger:hover:not(:disabled) {
    border-color: var(--border-strong);
}

.lum-select.open .lum-select-trigger {
    border-color: var(--border-focus);
    box-shadow: 0 0 0 3px var(--accent-soft);
}

.lum-select-trigger:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.lum-select-value {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lum-select-value.placeholder {
    color: var(--text-tertiary);
}

.lum-select-caption {
    flex: none;
    color: var(--text-tertiary);
}

.lum-select-note {
    flex: none;
    margin-left: auto;
    padding-left: 12px;
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}

.lum-select-item.selected .lum-select-note { color: inherit; }

.lum-select-caret {
    font-size: 18px !important;
    color: var(--text-tertiary);
    transition: transform var(--transition-fast);
}

.lum-select.open .lum-select-caret {
    transform: rotate(180deg);
}

.lum-select-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1090;
    background: transparent;
}

.lum-select-panel {
    position: fixed;
    margin-top: 4px;
    min-width: 0;
    max-width: calc(100vw - 16px);
    max-height: 320px;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.lum-select-search {
    padding: 6px;
    border-bottom: 1px solid var(--border-default);
}

.lum-select-search .lum-input {
    height: var(--control-height-sm);
    font-size: var(--text-sm);
}

.lum-select-list {
    overflow-y: auto;
    padding: 4px;
}

.lum-select-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: var(--radius-sm);
    font-size: var(--control-font-size);
    color: var(--text-primary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lum-select-item:hover {
    background: var(--surface-hover);
}

.lum-select-item.selected {
    background: var(--surface-selected);
    color: var(--text-heading);
    font-weight: var(--weight-medium);
}

.lum-select-item .material-icons {
    font-size: 15px;
}

.lum-select-empty {
    padding: 14px;
    text-align: center;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
}

.lum-select-more {
    padding: 6px 10px;
    color: var(--text-tertiary);
    font-size: var(--text-2xs);
    border-top: 1px solid var(--border-default);
}

.lum-select-add {
    flex: none;
    padding: 4px;
    border-top: 1px solid var(--border-default);
}

.lum-select-add .lum-select-item {
    width: 100%;
    border: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-weight: var(--weight-medium);
    color: var(--accent-text);
    text-align: left;
}

.lum-select-add .lum-select-item:hover { background: var(--surface-hover); }

.lum-select-chips {
    display: flex;
    gap: 4px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    align-items: center;
}

.lum-select-chips > .lum-chip {
    display: block;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-select-chips > .lum-chip-more { flex: none; }

.lum-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: var(--surface-selected);
    color: var(--text-primary);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
}

.lum-micro {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.lum-micro.sm {
    font-size: var(--text-2xs);
    letter-spacing: 0.1em;
}

.lum-micro.lead { color: var(--text-secondary); }

.lum-flag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 5px;
    border: 1px solid var(--border-strong);
    border-radius: 3px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lum-flag.accent { border-color: var(--accent); color: var(--text-primary); }
.lum-flag.warn { border-color: var(--status-warn); color: var(--status-warn); }
.lum-flag.crit { border-color: var(--status-crit); color: var(--status-crit); }

.lum-tag {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-pill);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    line-height: 1.35;
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-tag .material-icons { font-size: 14px; }

.lum-rank {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lum-rank-row {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr) minmax(48px, 30%) 46px;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    height: 26px;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    text-align: left;
}

button.lum-rank-row {
    box-sizing: content-box;
    margin: 0 -10px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    cursor: pointer;
    transition: background var(--transition-fast);
}

button.lum-rank-row:hover { background: var(--surface-hover); }

.lum-rank-dot {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.lum-rank-name {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-rank-bar {
    display: flex;
    align-items: center;
    min-width: 0;
}

.lum-rank-bar .lum-bar {
    width: 100%;
    background: var(--surface-control);
}

.lum-rank-fig {
    text-align: right;
    white-space: nowrap;
    font-weight: var(--weight-medium);
    color: var(--text-heading);
}

.lum-rank-row.has-sub { grid-template-columns: 8px minmax(0, 1fr) minmax(40px, 20%) 58px 52px; }

.lum-rank-sub {
    text-align: right;
    white-space: nowrap;
    color: var(--text-secondary);
}

.lum-rank-row.is-rest .lum-rank-name,
.lum-rank-row.is-rest .lum-rank-fig { color: var(--text-secondary); }

.lum-rank-row.no-dot { grid-template-columns: minmax(0, 1fr) minmax(40px, 26%) 46px; }
.lum-rank-row.has-sub.no-dot { grid-template-columns: minmax(0, 1fr) minmax(40px, 20%) 58px 52px; }

.lum-rank.is-split {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lum-rank.is-split .lum-rank-row {
    grid-template-columns: minmax(0, 220px) minmax(48px, 1fr) minmax(96px, max-content);
    column-gap: 12px;
    height: 20px;
}

.lum-rank.is-split .lum-rank-fig {
    font-weight: inherit;
    color: var(--text-secondary);
}

.lum-rank-detail { color: var(--text-tertiary); }

.lum-glyph {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent-fill);
}

.lum-glyph.is-warn {
    width: 10px;
    height: 9px;
    border-radius: 0;
    background: var(--warn);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.lum-glyph.is-down {
    width: 7px;
    height: 7px;
    border-radius: 1.5px;
    background: var(--status-crit);
    rotate: 45deg;
}

.lum-glyph.is-off {
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border: 1.5px solid var(--text-quaternary);
    background: transparent;
}

.lum-glyph.is-neutral { background: var(--text-quaternary); }

.lum-glyph.lg { width: 9px; height: 9px; }
.lum-glyph.lg.is-warn { width: 13px; height: 12px; }
.lum-glyph.lg.is-down { width: 9px; height: 9px; border-radius: 2px; }

.lum-glyph.is-wait {
    box-sizing: border-box;
    border: 1.5px solid var(--accent-fill);
    background: transparent;
}

.lum-glyph.is-quiet { width: 4px; height: 4px; background: var(--text-quaternary); }

.lum-verdict { min-width: 0; }

.lum-verdict-head {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.lum-verdict-sub { margin: 2px 0 0; font-size: var(--text-base); color: var(--text-secondary); }

.lum-caps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    min-width: 0;
}

.lum-cap {
    min-width: 0;
    padding: 10px 12px;
    border-radius: var(--r-block);
    background: var(--surface-control);
}

.lum-cap-label {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-cap-value {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 2px;
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: var(--weight-display, 600);
    color: var(--text-heading);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.lum-cap-value small {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-regular, 400);
    color: var(--text-tertiary);
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-cap-slots { display: flex; gap: 3px; margin-top: 6px; }
.lum-cap-slot { flex: 1; height: 5px; border-radius: 3px; background: var(--border-strong); }
.lum-cap-slot.is-on { background: var(--accent-fill); }
.lum-cap-slot.is-warn { background: var(--warn); }
.lum-cap-slot.is-down { background: var(--critical); }

.lum-table { overflow-x: auto; min-width: 0; }
.lum-table-in { min-width: var(--min, 640px); }

.lum-table-head,
.lum-table-row {
    display: grid;
    grid-template-columns: var(--cols);
    gap: 0 12px;
    align-items: center;
}

.lum-table-head {
    padding: 6px 10px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lum-table-group {
    padding: 12px 10px 4px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-tertiary);
}

.lum-table-row {
    min-height: 34px;
    padding: 0 10px;
    border-top: 1px solid var(--border-faint);
    font-size: var(--text-base);
    color: var(--text-primary);
}

.lum-table-row:hover { background: var(--surface-hover); }

.lum-table-row > * {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-table .is-num { text-align: right; font-variant-numeric: tabular-nums; }
.lum-table .is-dim { color: var(--text-secondary); }
.lum-table .is-quiet { color: var(--text-tertiary); }
.lum-table .is-warn { color: var(--warn-text); }
.lum-table .is-crit { color: var(--critical-text); }

.lum-table.is-form .lum-table-row { min-height: 44px; }
.lum-table .is-ctl { display: flex; align-items: center; gap: 6px; overflow: visible; }
.lum-table .is-ctl.is-num { justify-content: flex-end; }

.lum-table-state { display: flex; align-items: center; gap: 7px; }
.lum-table-state > .lum-glyph-box { flex: none; width: 12px; display: flex; justify-content: center; }

.lum-table-link {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.lum-table-link:hover { color: var(--accent-text); text-decoration: underline; }
.lum-table-link:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--r-chip); }

.lum-change {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px 12px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-raised);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    line-height: 1.45;
    color: var(--text-primary);
    text-align: left;
}

.lum-change.is-pending {
    min-height: 112px;
    border-style: dashed;
    border-color: var(--border-default);
    background: transparent;
}

.lum-change-head {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.lum-change-heading {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px 10px;
    min-width: 0;
}

.lum-change-title {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-heading);
}

.lum-change-db {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lum-change-sub {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.lum-change-rows {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lum-change-row {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    align-items: baseline;
    column-gap: 12px;
    min-height: 30px;
    padding: 5px 0;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-subtle);
}

.lum-change-row:last-child { border-bottom: 0; }

.lum-change-row-k { color: var(--text-tertiary); }

.lum-change-row-v {
    min-width: 0;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.lum-change-label {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.lum-change-part {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.lum-change-code {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: var(--r-block);
    background: var(--surface-inset);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
}

.lum-change-code-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 32px;
    padding: 1px 1px 0 12px;
}

.lum-change-stmt {
    max-height: 240px;
    overflow: auto;
    padding: 0 12px 10px;
    font-family: var(--font-code);
    font-size: var(--text-sm);
    line-height: 1.55;
    color: var(--text-primary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    scrollbar-width: thin;
}

.lum-change-code.is-bare {
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
}

.lum-change-code.is-bare > .lum-change-stmt {
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px 0 10px 12px;
}

.lum-change-code.is-bare > .lum-mini-btn { margin: 4px 4px 0 0; }

.lum-change-checks {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lum-change-check {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    align-items: start;
    column-gap: 8px;
    color: var(--text-primary);
}

.lum-change-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
}

.lum-change-targets {
    display: grid;
    grid-template-columns: 14px minmax(0, max-content) max-content max-content minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    row-gap: 3px;
    min-width: 0;
}

.lum-change-targets.is-all {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-width: thin;
}

.lum-change-target { display: contents; }

.lum-change-target-db {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-primary);
}

.lum-change-target-value {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.lum-change-target-ms {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--text-tertiary);
}

.lum-change-target-note {
    min-width: 0;
    color: var(--text-secondary);
}

.lum-change-more {
    align-self: flex-start;
    padding: 2px 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    cursor: pointer;
}

.lum-change-more:hover { color: var(--text-primary); }

.lum-change-more:focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: var(--r-chip);
}

.lum-change-note { color: var(--text-primary); }

.lum-change-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding-top: 12px;
    border-top: 1px solid var(--border-subtle);
}

.lum-change-state {
    flex: 1 1 220px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lum-change-line {
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.lum-change-line.is-result { color: var(--text-primary); }
.lum-change-line.is-muted { color: var(--text-tertiary); }
.lum-change-line.is-error { color: var(--critical-text); }

.lum-change-line.is-busy {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lum-change-actions {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

@media (max-width: 640px) {
    .lum-change-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 1px;
    }

    .lum-change-targets { grid-template-columns: 14px minmax(0, 1fr) max-content max-content; }
    .lum-change-target-note { grid-column: 2 / -1; }
    .lum-change-target-note:empty { display: none; }
}

.lum-objlink {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    text-decoration: underline dashed;
    text-decoration-color: var(--text-quaternary);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lum-objlink.tinted {
    color: color-mix(in oklch, var(--accent) 35%, var(--text-primary));
    text-decoration-color: color-mix(in oklch, var(--accent) 45%, var(--text-quaternary));
}

.lum-objlink.quiet { text-decoration-color: transparent; }
:where(tr:hover, .lum-tile:hover) .lum-objlink.quiet { text-decoration-color: var(--text-tertiary); }

.lum-objlink:hover,
.lum-objlink:focus-visible {
    color: var(--text-heading);
    text-decoration-color: var(--text-secondary);
    outline: none;
}

.lum-sqlid {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent-text);
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.lum-sqlid:hover,
.lum-sqlid:focus-visible {
    text-decoration: underline;
    outline: none;
}

.lum-sqlid:disabled {
    cursor: default;
    text-decoration: none;
}

.lum-sel {
    background: var(--surface-selected) !important;
    color: var(--text-heading) !important;
}

.lum-sel-row {
    background: var(--row-selected) !important;
    color: var(--text-heading) !important;
}

:is(.lum-sel-row) .lum-sel-ink { color: var(--text-heading) !important; }

.lum-sel-ring { box-shadow: inset 0 0 0 1px var(--border-selected) !important; }

.lum-sel-edge { border-color: var(--border-selected) !important; }

:is(.lum-sel, .lum-sel-ring, .lum-sel-edge) .lum-sel-ink { color: var(--text-heading) !important; }

.lum-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    background: var(--surface-active);
    color: var(--text-secondary);
}

.lum-badge small {
    font-size: 0.72em;
    font-weight: var(--weight-regular);
    opacity: 0.7;
}

.lum-badge.muted { background: transparent; color: var(--text-tertiary); }
.lum-badge.accent { background: var(--accent-soft); color: var(--text-heading); }
.lum-badge.ok { background: var(--status-ok-soft); color: var(--status-ok); }
.lum-badge.warn { background: var(--status-warn-soft); color: var(--status-warn); }
.lum-badge.crit { background: var(--status-crit-soft); color: var(--status-crit); }
.lum-badge.info { background: var(--status-info-soft); color: var(--text-heading); }
.lum-badge.clickable { cursor: pointer; }
.lum-badge.clickable:hover { filter: brightness(1.12); }

.lum-bar {
    position: relative;
    display: block;
    flex: 1 1 auto;
    width: 100%;
    height: 6px;
    min-width: 24px;
    border-radius: var(--radius-full);
    background: var(--surface-inset);
    overflow: hidden;
}

.lum-bar.is-bare { background: transparent; overflow: visible; }

.lum-bar-part {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--radius-full);
    background: var(--accent-chart);
    transition: left var(--transition-normal), width var(--transition-normal);
    transform-origin: var(--lum-bar-from, left center);
    animation: lum-bar-grow 620ms cubic-bezier(.2, .8, .2, 1) both;
}
.lum-bar-part:nth-of-type(2) { animation-delay: 45ms; }
.lum-bar-part:nth-of-type(3) { animation-delay: 90ms; }
.lum-bar-part:nth-of-type(4) { animation-delay: 135ms; }
.lum-bar-part:nth-of-type(n+5) { animation-delay: 180ms; }
@keyframes lum-bar-grow { from { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) { .lum-bar-part { animation: none; } }

.lum-bar:not(.is-bare) .lum-bar-part { border-radius: 0; }
.lum-bar:not(.is-bare) .lum-bar-part:first-of-type { border-top-left-radius: var(--radius-full); border-bottom-left-radius: var(--radius-full); }
.lum-bar:not(.is-bare) .lum-bar-part:last-of-type { border-top-right-radius: var(--radius-full); border-bottom-right-radius: var(--radius-full); }

.lum-bar-part.is-accent { background: var(--accent-chart); }
.lum-bar-part.is-ok { background: var(--status-ok); }
.lum-bar-part.is-warn { background: var(--fill-warn, var(--status-warn)); }
.lum-bar-part.is-crit { background: var(--fill-crit, var(--status-crit)); }
.lum-bar-part.is-muted { background: var(--text-quaternary); }
.lum-bar-part.is-faint { background: var(--border-strong); }
.lum-bar-part.is-dim { background: color-mix(in oklch, var(--accent-chart) 35%, transparent); }
.lum-bar-part.is-hatch { background: repeating-linear-gradient(135deg, var(--border-strong) 0 3px, transparent 3px 6px); }

.lum-bar-tick {
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 2px;
    margin-left: -1px;
    background: var(--text-secondary);
}

.lum-bar.is-centered::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -2px;
    bottom: -2px;
    width: 1px;
    background: var(--border-strong, var(--text-quaternary));
}

.lum-check,
.lum-radio {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: var(--control-font-size);
    color: var(--text-primary);
    user-select: none;
}

.lum-check input,
.lum-radio input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.lum-check-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border: 1.5px solid var(--border-strong);
    border-radius: var(--r-chip);
    background: var(--surface-input);
    transition: background var(--transition-fast), border-color var(--transition-fast);
    flex-shrink: 0;
}

.lum-check input:checked + .lum-check-box {
    background: var(--accent-fill);
    border-color: var(--accent);
}

.lum-check-box svg {
    width: 11px;
    height: 11px;
    stroke: var(--text-on-accent);
    stroke-width: 2.5;
    fill: none;
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.lum-check input:checked + .lum-check-box svg {
    opacity: 1;
}

.lum-check-box.indeterminate {
    background: var(--accent-fill);
    border-color: var(--accent);
}

.lum-check-box.indeterminate svg {
    opacity: 1;
}

.lum-radio-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border: 1.5px solid var(--border-strong);
    border-radius: 50%;
    background: var(--surface-input);
    transition: border-color var(--transition-fast);
    flex-shrink: 0;
}

.lum-radio-dot::after {
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--accent-fill);
    transform: scale(0);
    transition: transform var(--transition-fast);
}

.lum-radio input:checked + .lum-radio-dot {
    border-color: var(--accent);
}

.lum-radio input:checked + .lum-radio-dot::after {
    transform: scale(1);
}

.lum-check input:focus-visible + .lum-check-box,
.lum-radio input:focus-visible + .lum-radio-dot {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
}

.lum-check.disabled,
.lum-radio.disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.lum-check.lum-check-static {
    pointer-events: none;
}

.lum-radio-group {
    display: inline-flex;
    gap: 16px;
    flex-wrap: wrap;
}

.lum-radio-group.vertical {
    flex-direction: column;
    gap: 8px;
}

.lum-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: var(--control-font-size);
    color: var(--text-primary);
    user-select: none;
}

.lum-switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.lum-switch-track {
    position: relative;
    width: 36px;
    height: 21px;
    border-radius: var(--radius-full);
    background: var(--surface-active);
    border: 1px solid var(--border-default);
    transition: background var(--transition-normal);
    flex-shrink: 0;
}

.lum-switch-track::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--knob-off);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    transition: transform var(--transition-normal), background var(--transition-normal);
}

.lum-switch input:checked + .lum-switch-track {
    background: var(--accent-fill);
    border-color: transparent;
}

.lum-switch.warn input:checked + .lum-switch-track {
    background: var(--status-warn);
}

.lum-switch input:checked + .lum-switch-track::after {
    transform: translateX(15px);
    background: var(--knob-on);
}

.lum-switch input:focus-visible + .lum-switch-track {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
}

.lum-switch.disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.lum-slider {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lum-slider input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    flex: 1;
    height: 4px;
    border-radius: var(--radius-full);
    background: linear-gradient(to right,
        var(--accent-fill) 0%,
        var(--accent-fill) var(--lum-slider-fill, 0%),
        var(--surface-active) var(--lum-slider-fill, 0%),
        var(--surface-active) 100%);
    cursor: pointer;
    outline: none;
}

.lum-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--accent-fill);
    border: 2px solid var(--surface-card);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    transition: transform var(--transition-fast);
}

.lum-slider input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
}

.lum-slider input[type="range"]::-moz-range-thumb {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--accent-fill);
    border: 2px solid var(--surface-card);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.lum-slider input[type="range"]:focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: 4px;
}

.lum-slider input[type="range"]:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.lum-slider-value {
    min-width: 36px;
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}



.lum-dialog {
    display: flex;
    flex-direction: column;
    background: var(--surface-overlay);
    border: 1px solid var(--border-default);
    border-radius: var(--r-modal);
    box-shadow: var(--shadow-lg);
    color: var(--text-primary);
    max-height: 85vh;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    timeline-scope: --lum-dlg;
}

.lum-dialog-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px 12px;
    background: transparent;
    flex-shrink: 0;
}

.lum-dialog-header::after,
.lum-dialog-footer::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--border-default);
    opacity: 0;
    pointer-events: none;
}

.lum-dialog .lum-dialog-header::after {
    bottom: 0;
    animation: lum-edge-in linear both;
    animation-timeline: --lum-dlg;
    animation-range: 0 12px;
    animation-duration: auto !important;
}

.lum-dialog .lum-dialog-footer::before {
    top: 0;
    animation: lum-edge-out linear both;
    animation-timeline: --lum-dlg;
    animation-range: calc(100% - 12px) 100%;
    animation-duration: auto !important;
}

@keyframes lum-edge-in  { from { opacity: 0; } to { opacity: 1; } }
@keyframes lum-edge-out { from { opacity: 1; } to { opacity: 0; } }

.lum-dialog-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.lum-dialog-header-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lum-dialog-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--r-card);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--accent-soft);
    color: var(--accent);
}

.lum-dialog-icon .material-icons { font-size: 21px; }
.lum-dialog-icon.green { background: var(--status-ok-soft); color: var(--status-ok); }
.lum-dialog-icon.accent { background: var(--accent-soft); color: var(--accent); }
.lum-dialog-icon.orange { background: var(--status-warn-soft); color: var(--status-warn); }
.lum-dialog-icon.red { background: var(--status-crit-soft); color: var(--status-crit); }
.lum-dialog-icon.purple { background: color-mix(in oklch, var(--series-purple) 14%, transparent); color: var(--series-purple); }
.lum-dialog-icon.cyan { background: var(--status-info-soft); color: var(--status-info); }

.lum-dialog-title {
    font-size: var(--text-title3);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    margin: 0;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lum-dialog-sub {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 2px 0 0;
}

.lum-dialog-close {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--transition-fast), color var(--transition-fast);
    flex-shrink: 0;
    padding: 0;
}

.lum-dialog-close:hover {
    background: var(--surface-selected);
    color: var(--text-primary);
}

.lum-dialog-close:active { background: var(--surface-selected); color: var(--text-heading); }

.lum-dialog-close .material-icons { font-size: 18px; }

.lum-dialog-body {
    flex: 1;
    overflow: auto;
    padding: 6px 20px 16px;
    min-height: 0;
    scroll-timeline: --lum-dlg block;
}

.lum-dialog-footer {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 12px 20px 18px;
    background: transparent;
    flex-shrink: 0;
}

.lum-save-hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.lum-dialog-footer > .lum-save-hint { margin-right: auto; }
.lum-split-side-foot > .lum-save-hint { display: flex; margin-bottom: 8px; }

.lum-dialog.is-ground { background: var(--surface-ground); }

.lum-dialog-card {
    flex: none;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 18px 16px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-raised);
}

.lum-dialog-card-head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 22px;
}

.lum-dialog-card-head > :not(:first-child):last-child { margin-left: auto; }

.lum-dialog-card.is-rows {
    gap: 0;
    padding: 0 14px 0 18px;
}

.lum-dialog-card.is-rows > .lum-disc:first-child { border-top: 0; }
.lum-dialog-card.is-rows > .lum-disc:last-child { border-bottom: 0; }
.lum-dialog-card.is-rows .lum-disc-head { min-height: 44px; }

.lum-dialog { --lum-tabs-panel: var(--surface-overlay); }
.lum-tabs-floor { --lum-tabs-panel: var(--surface-canvas); }

.lum-tabs-host:not(.lum-tabs-floor) > .lum-tab-panels .lum-card {
    background: var(--surface-inset);
    box-shadow: none;
}

.lum-tabs {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    padding: 6px 10px 0;
    border-radius: var(--r-card) var(--r-card) 0 0;
    background: var(--surface-shelf);
    box-shadow: inset 0 1px 0 var(--border-subtle);
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: none;
}

.lum-tabs::-webkit-scrollbar { display: none; }

.lum-tabs-bar {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 6px 12px 0 10px;
    border-radius: var(--r-card) var(--r-card) 0 0;
    background: var(--surface-shelf);
    box-shadow: inset 0 1px 0 var(--border-subtle);
    flex-shrink: 0;
}

.lum-tabs-bar > .lum-tabs {
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    overflow: visible;
    flex-shrink: 1;
    min-width: 0;
}

.lum-tabs-host > .lum-tab-panels { border-radius: 0 0 var(--r-card) var(--r-card); }

.lum-tabs-toolbar {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 8px;
    margin-left: auto;
    padding-bottom: 4px;
    flex-shrink: 0;
}

.lum-tab {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    gap: 7px;
    box-sizing: border-box;
    height: 30px;
    margin-bottom: 3px;
    padding: 0 15px;
    border: none;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-md);
    font-weight: var(--weight-medium);
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--transition-fast), background-color var(--transition-fast);
}

.lum-tab:hover {
    background-color: var(--surface-control);
    color: var(--text-primary);
}

.lum-tab.active,
.lum-tab.active:hover {
    height: 36px;
    margin-bottom: 0;
    padding: 0 16px;
    border-radius: var(--r-card) var(--r-card) 0 0;
    background: linear-gradient(var(--accent-fill), var(--accent-fill)) top center / 22px 2px no-repeat,
                var(--lum-tabs-panel, var(--surface-raised));
    box-shadow: inset 0 1px 0 var(--tab-light), var(--tab-lift);
    color: var(--text-heading);
    -webkit-text-stroke: 0.2px currentColor;
    cursor: default;
}

.lum-tab.active::before,
.lum-tab.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 10px;
    pointer-events: none;
}

.lum-tab.active::before {
    left: -10px;
    background: radial-gradient(circle at 0 0, transparent 9.5px, var(--lum-tabs-panel, var(--surface-raised)) 10px);
}

.lum-tab.active::after {
    right: -10px;
    background: radial-gradient(circle at 100% 0, transparent 9.5px, var(--lum-tabs-panel, var(--surface-raised)) 10px);
}

.lum-tab:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.lum-tab:disabled:hover {
    background-color: transparent;
    color: var(--text-secondary);
}

.lum-tab-count {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
    -webkit-text-stroke: 0;
}

.lum-tab-count.warn { color: var(--warn-text); }
.lum-tab-count.crit { color: var(--critical-text); }

.lum-spin-icon { animation: lum-spin-rotate 0.9s linear infinite; }

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

.lum-tip {
    min-width: 150px;
    overflow: hidden;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--surface-overlay);
    box-shadow: var(--shadow-lg);
}

.lum-tip-head {
    padding: 8px 12px 2px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: var(--weight-medium);
    color: var(--text-tertiary);
}

.lum-tip-head + .lum-tip-row { padding-top: 6px; }
.lum-tip > :last-child { padding-bottom: 8px; }

.lum-tip-row,
.lum-tip-total {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
}

.lum-tip-total { border-top: 1px solid var(--border-subtle); }

.lum-tip-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 2px;
}

.lum-tip-name {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lum-tip-val {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.lum-tip-val.accent { color: var(--text-heading); }

.lum-balloon {
    position: fixed;
    z-index: 10000;
    width: 290px;
    max-width: calc(100vw - 16px);
    overflow: hidden;
    background: var(--surface-overlay);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-pop);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
}

.lum-balloon-head {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 7px 12px 6px;
    border-bottom: 1px solid var(--border-subtle);
}

.lum-balloon-n {
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
    white-space: nowrap;
}

.lum-balloon-at {
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lum-balloon-sum {
    margin-left: auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.lum-balloon-sum > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.lum-balloon-list {
    max-height: min(60vh, 460px);
    padding: 6px 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.lum-finding-row {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    column-gap: 10px;
    width: 100%;
    padding: 3px 12px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}

.lum-finding-row:hover { background: var(--row-hover); }

.lum-finding-row:focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: -2px;
}

.lum-finding-row-g {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.35em;
}

.lum-finding-row-hl {
    grid-row: 1;
    grid-column: 2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--weight-medium);
    color: var(--text-heading);
}

.lum-finding-row-t {
    grid-row: 1;
    grid-column: 3;
    padding-top: 1px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lum-finding-row-d {
    grid-row: 2;
    grid-column: 2 / 4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lum-finding-row.is-info .lum-finding-row-hl {
    font-weight: var(--weight-regular);
    color: var(--text-primary);
}

.lum-finding-row.is-past .lum-finding-row-hl {
    font-weight: var(--weight-regular);
    color: var(--text-secondary);
}

.lum-finding-row.is-past .lum-finding-row-d { color: var(--text-tertiary); }

.lum-balloon-more {
    padding: 6px 12px 7px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lumviz-host { position: relative; min-width: 0; }
.lumviz { display: flex; flex-direction: column; gap: 4px; }
.lumviz-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2px 10px;
}
.lumviz-key {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 1px 2px;
    border: 0;
    border-radius: 4px;
    background: none;
    font: 11px var(--font-ui);
    color: var(--text-secondary);
    cursor: pointer;
}
.lumviz-key i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.lumviz-key { transition: opacity var(--dur-control) var(--ease-out), color var(--dur-quick) var(--ease-out), transform var(--dur-quick) var(--ease-out); }
.lumviz-key i { transition: transform var(--dur-control) var(--spring-lively); }
.lumviz-key:hover { color: var(--text-primary); }
.lumviz-key:hover i { transform: scale(1.3); }
.lumviz-key:active { transform: scale(.95); }
.lumviz-key.is-faded { opacity: .4; }
.lumviz-key.is-faded:hover { opacity: .75; }
.lumviz-key[aria-pressed="true"] { color: var(--text-primary); }
.lumviz-key[aria-pressed="true"] i { transform: scale(1.45); }
.lumviz-key:focus-visible,
.lumviz-plot:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.lumviz-plot { position: relative; flex: 1 1 auto; min-height: 0; border-radius: var(--r-chip); touch-action: pan-y; }
.lumviz-plot canvas { position: absolute; inset: 0; display: block; }
.lumviz-host[data-loading] .lumviz-plot { overflow: hidden; }
.lumviz-host[data-loading] .lumviz-plot canvas { opacity: .35; transition-delay: .12s; }
.lumviz-plot canvas { transition: opacity var(--dur-control) var(--ease-out), filter var(--dur-control) var(--ease-out); }
.lumviz-host[data-loading] .lumviz-plot canvas {
    filter: opacity(.25);
    transition: opacity var(--dur-control) var(--ease-out) .12s, filter var(--dur-morph) var(--ease-out) .9s;
}
.lumviz-host[data-loading]:not([data-loading=""])::before {
    content: attr(data-loading) "\2026";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    translate: -50% -50%;
    padding: 4px 10px;
    border-radius: var(--r-pill);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    background: color-mix(in oklch, var(--surface-raised) 85%, transparent);
    pointer-events: none;
    animation: lumviz-wait-label var(--dur-control) var(--ease-out) .9s both;
}
@keyframes lumviz-wait-label { from { opacity: 0; translate: -50% -40%; } }
.lumviz-host[data-loading] .lumviz-tip { display: none; }
.lumviz-host[data-loading] .lumviz-plot::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, color-mix(in oklch, var(--accent) 16%, transparent), transparent);
    transform: translateX(-100%);
    animation: lumviz-wait-in var(--dur-control) var(--ease-out) .12s both, lumviz-wait 1.5s cubic-bezier(.45, 0, .55, 1) .12s infinite;
}
@keyframes lumviz-wait { to { transform: translateX(250%); } }
@keyframes lumviz-wait-in { from { opacity: 0; } }
.lumviz-tip { position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; }
.lumviz-tip:not([hidden]) { transform-origin: 0 0; animation: lumviz-tip-in var(--dur-quick) var(--ease-out); }
@keyframes lumviz-tip-in { from { opacity: 0; scale: .95; } }

.lum-tip.compact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 3px 7px;
    white-space: nowrap;
    background: color-mix(in oklch, var(--surface-overlay) 72%, transparent);
    box-shadow: var(--shadow-sm);
}

.lum-tip.compact .lum-tip-head {
    padding: 0;
    border: 0;
    background: transparent;
}

.lum-tip.compact .lum-tip-row {
    padding: 0;
    gap: 5px;
}

.lum-tip.compact.stack {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.lum-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: var(--text-secondary);
    font-size: var(--text-base);
    text-align: center;
}

.lum-state .material-icons { font-size: 36px; opacity: 0.5; }
.lum-state .lum-btn .material-icons { font-size: 17px; opacity: 1; }
.lum-state.error { color: var(--status-crit); }
.lum-state.error .material-icons { opacity: 0.8; }

.lum-state-action {
    padding: 4px 12px;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-secondary);
    font-size: var(--text-xs);
    cursor: pointer;
}

.lum-state-action:hover:not(:disabled) {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.lum-dialog-overlay {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.lum-dialog-scrim {
    position: absolute;
    inset: 0;
    background: var(--surface-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border-radius: inherit;
}

.lum-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.lum-info-card {
    background: var(--surface-elevated);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lum-info-label {
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    letter-spacing: 0.01em;
}

.lum-info-value {
    font-size: var(--text-md);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-info-value.mono { font-family: var(--font-mono); font-size: var(--text-sm); }

.lum-section-title {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    letter-spacing: 0.01em;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lum-section-note {
    margin-left: auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
    text-transform: none;
    letter-spacing: 0;
}

.lum-sec {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.lum-sec-head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 26px;
}

.lum-sec-kicker {
    flex: none;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.lum-sec-hint {
    flex: 0 1 auto;
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-quaternary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-sec-rule {
    flex: 1 1 12px;
    display: block;
    height: 1px;
    min-width: 12px;
    background: var(--border-subtle);
}

.lum-sec-tail {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}


.lum-dialog-body.form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lum-dialog-body.form.compact { gap: 10px; }

.lum-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.lum-form-row.three { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 600px) {
    .lum-form-row,
    .lum-form-row.three { grid-template-columns: 1fr; }
}

.lum-form-section {
    background: var(--surface-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lum-form-section .lum-section-title { margin: 0; }

.lum-dialog .lum-field-label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.lum-field-label .help-icon {
    font-size: 14px;
    color: var(--text-tertiary);
    cursor: help;
}

.lum-field-label .help-icon:hover { color: var(--text-secondary); }

.lum-required { color: var(--status-crit); }

.lum-field-hint {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    line-height: 1.4;
}

.lum-check-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--text-sm);
    color: var(--text-primary);
    cursor: pointer;
}

.lum-input-affix-wrap { position: relative; }

.lum-input-affix {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    background: none;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 4px;
}

.lum-input-affix:hover { color: var(--text-primary); }
.lum-input-affix .material-icons { font-size: 18px; }

.lum-callout {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    margin: 0 0 12px;
    border-radius: var(--r-card);
    background: var(--surface-elevated);
    border: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    line-height: 1.5;
}

.lum-callout.warn { background: var(--status-warn-soft); }
.lum-callout.crit { background: var(--status-crit-soft); }

.lum-callout > .material-icons {
    font-size: 18px;
    flex-shrink: 0;
}

.lum-callout strong { color: var(--text-primary); }

.lum-callout.blue   { background: var(--accent-soft); border-color: transparent; }
.lum-callout.green  { background: var(--status-ok-soft); border-color: transparent; }
.lum-callout.orange { background: var(--status-warn-soft); border-color: transparent; }
.lum-callout.red    { background: var(--status-crit-soft); border-color: transparent; }
.lum-callout.purple { background: color-mix(in oklch, var(--series-purple) 14%, transparent); border-color: transparent; }
.lum-callout.cyan   { background: var(--status-info-soft); border-color: transparent; }

.lum-callout.blue   > .material-icons { color: var(--accent); }
.lum-callout.green  > .material-icons { color: var(--status-ok); }
.lum-callout.orange > .material-icons { color: var(--status-warn); }
.lum-callout.red    > .material-icons { color: var(--status-crit); }
.lum-callout.purple > .material-icons { color: var(--series-purple); }
.lum-callout.cyan   > .material-icons { color: var(--status-info); }

.lum-callout-body { flex: 1; min-width: 0; }

.lum-callout-title {
    font-weight: var(--weight-display);
    font-size: var(--text-xs);
    font-family: var(--font-display);
    color: var(--text-primary);
}

.lum-callout.green  .lum-callout-title { color: var(--status-ok); }
.lum-callout.orange .lum-callout-title { color: var(--status-warn); }
.lum-callout.red    .lum-callout-title { color: var(--status-crit); }
.lum-callout.blue   .lum-callout-title { color: var(--text-heading); }

.lum-callout-sub {
    font-size: var(--text-2xs);
    color: var(--text-secondary);
    margin-top: 2px;
}

.lum-callout-actions { margin-left: auto; flex-shrink: 0; }

.lum-secret-once {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    margin: 12px 0;
    border-radius: var(--r-card);
    background: var(--surface-input);
    border: 1px solid var(--border-subtle);
}

.lum-secret-once code {
    flex: 1;
    font-family: var(--font-mono);
    font-size: var(--text-md);
    letter-spacing: 0.04em;
    color: var(--text-primary);
    user-select: all;
    word-break: break-all;
}

.lum-callout-note {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: var(--r-ctl);
    background: var(--surface-hover);
    font-size: var(--text-2xs);
    line-height: 1.4;
    color: var(--text-secondary);
}

.lum-setting {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.lum-setting-text { flex: 1; min-width: 0; }

.lum-setting-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.lum-setting-hint {
    margin-top: 3px;
    font-size: var(--text-2xs);
    line-height: 1.45;
    color: var(--text-tertiary);
}

.lum-gated {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lum-gated[data-off="true"] {
    opacity: 0.45;
    pointer-events: none;
}

.lum-seg {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 2px;
    background: var(--surface-hover);
    border-radius: var(--r-pill);
}

.lum-seg-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: transparent;
    border: none;
    border-radius: var(--r-pill);
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.lum-seg-btn:hover { background: var(--surface-control); color: var(--text-primary); }
.lum-seg-btn:active:not(.active) { background: var(--surface-selected); }
.lum-seg-btn.active { background: var(--surface-selected); color: var(--text-heading); box-shadow: var(--shadow-seg); }
.lum-seg-btn.is-icon { padding: 5px 9px; }
.lum-seg-btn.is-icon .owl-icon { display: block; }
.lum-seg-btn.active.warn { background: var(--status-warn-soft); color: var(--status-warn); }
.lum-seg-btn.active.crit { background: var(--status-crit-soft); color: var(--status-crit); }
.lum-seg-btn .material-icons { font-size: 15px; }

.lum-ovseg {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}
.lum-ovseg > .lum-seg { flex-wrap: nowrap; }
.lum-ovseg .lum-seg-btn { white-space: nowrap; }
.lum-ovseg-more { position: relative; display: flex; }
.lum-ovseg-chev { flex: none; opacity: .7; }
.lum-ovseg-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 170px;
}
.lum-ovseg-text { flex: 1 1 auto; }
.lum-ovseg-menu .lum-ctx-item.is-on { font-weight: var(--weight-medium); }
.lum-ovseg-menu .lum-ctx-item .owl-icon { color: var(--accent); }

.lum-xsel {
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    border: 1.5px solid var(--accent-fill);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--accent-fill) 14%, transparent);
    pointer-events: none;
}
.lum-xsel-edge {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    cursor: ew-resize;
    pointer-events: auto;
}
.lum-xsel-edge.l { left: -6px; }
.lum-xsel-edge.r { right: -6px; }
.lum-xsel-edge:hover,
.lum-xsel.is-dragging .lum-xsel-edge { background: var(--accent-soft); }

.lum-tab-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-fill);
    flex-shrink: 0;
}

.lum-disc {
    display: block;
    border-top: 1px solid var(--border-subtle);
}

.lum-disc:last-child { border-bottom: 1px solid var(--border-subtle); }

.lum-sheet-card > .lum-disc:first-child { border-top: 0; }
.lum-sheet-card > .lum-disc:last-child { border-bottom: 0; }

.lum-disc-head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
}

.lum-disc-toggle {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 4px 8px 0;
    background: transparent;
    border: none;
    border-radius: var(--r-ctl);
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    text-align: left;
    cursor: pointer;
    transition: color var(--transition-fast);
}

.lum-disc-toggle:hover { color: var(--text-primary); }

.lum-disc-toggle:disabled {
    cursor: default;
    color: var(--text-tertiary);
}

.lum-disc-chev {
    flex: none;
    font-size: 18px;
    color: var(--text-tertiary);
    transition: transform var(--transition-fast), color var(--transition-fast);
}

.lum-disc.is-open .lum-disc-chev {
    transform: rotate(90deg);
    color: var(--accent);
}

.lum-disc.is-empty .lum-disc-chev { opacity: 0.35; }

.lum-disc-icon {
    flex: none;
    font-size: 16px;
    color: var(--text-tertiary);
}

.lum-disc-title { flex: none; }

.lum-disc.is-open .lum-disc-title { color: var(--text-primary); }

.lum-disc-summary {
    flex: 0 1 auto;
    min-width: 0;
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-disc-summary::before {
    content: "·";
    margin-right: 8px;
    color: var(--text-quaternary);
}

.lum-disc-tail {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lum-disc-count {
    padding-right: 4px;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}

.lum-disc-body {
    display: block;
    padding: 2px 0 14px 26px;
}


.lum-split {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    min-height: 0;
    padding: 18px 22px 24px;
}


.lum-split-top {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.lum-split-title {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.015em;
    color: var(--text-primary);
}

.lum-split-sub {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.lum-split-stale {
    padding: 2px 8px;
    border-radius: var(--r-ctl);
    font-size: var(--text-xs);
    color: var(--warn);
    background: var(--status-warn-soft);
}

.lum-split-top-acts {
    margin-left: auto;
    align-self: center;
    display: flex;
    align-items: center;
    gap: 8px;
}


.lum-split-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 16px;
}

.lum-split-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.lum-split-side {
    width: 300px;
    flex: none;
}

.lum-split-main {
    flex: 1 1 auto;
    min-width: 0;
}


.lum-split-side-top {
    padding: 12px 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lum-split-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px;
}

.lum-split-kicker {
    font-family: var(--font-mono);
    font-size: var(--text-kicker);
    font-weight: var(--weight-medium);
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.lum-split-kicker-n {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.lum-split-list {
    list-style: none;
    margin: 0;
    padding: 0 8px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lum-split-row {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    font: inherit;
    text-align: left;
    color: var(--text-primary);
    background: transparent;
    border: none;
    border-radius: var(--r-ctl);
    cursor: pointer;
}

.lum-split-row:hover { background: var(--surface-hover); }

.lum-split-row.is-selected {
    background: var(--surface-selected);
    color: var(--text-heading);
}

.lum-split-row-id {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.lum-split-row-name {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-split-row-sub {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-split-row-note {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-split-row.is-selected .lum-split-row-note { color: var(--text-primary); }

.lum-split-row-mark { flex: none; width: 12px; display: flex; justify-content: center; }

.lum-split-row-word {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-split-row.is-selected .lum-split-row-word { color: inherit; }
.lum-split-row-word.warn,
.lum-split-row.is-selected .lum-split-row-word.warn { color: var(--warn); }

.lum-split-row.is-apart { margin-bottom: 6px; }

.lum-split-row.is-apart::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -4px;
    height: 1px;
    background: var(--border-subtle);
}

.lum-split-row.is-apart { position: relative; }

.lum-split-side-foot {
    padding: 8px 12px 12px;
    border-top: 1px solid var(--border-subtle);
}

.lum-split-wide { width: 100%; }

.lum-split-group {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 10px 0 8px;
    font: inherit;
    text-align: left;
    color: var(--text-secondary);
    background: transparent;
    border: none;
    border-radius: var(--r-ctl);
    cursor: pointer;
}

.lum-split-group:hover { background: var(--surface-hover); color: var(--text-primary); }
.lum-split-group.is-open { color: var(--text-primary); }

.lum-split-group-chev {
    flex: none;
    display: block;
    color: var(--text-tertiary);
    transition: transform var(--transition-fast), color var(--transition-fast);
}

.lum-split-group.is-open .lum-split-group-chev {
    transform: rotate(90deg);
    color: var(--accent);
}

.lum-split-group-name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-split-group-n {
    flex: none;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.lum-split-row.is-child { padding-left: 26px; }


.lum-split-empty {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.lum-split-empty p {
    margin: 0;
    font-size: var(--text-md);
    color: var(--text-tertiary);
}

.lum-split-head {
    padding: 16px 20px 14px;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.lum-split-head-id {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lum-split-head-title {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: 1.3;
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.lum-split-head-meta {
    margin: 0;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.lum-split-mono {
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.lum-split-head-acts {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
}


.lum-split-strip {
    padding: 10px 20px;
    background: var(--surface-inset);
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lum-split-strip-line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    font-size: var(--text-base);
}

.lum-split-strip-now {
    min-width: 0;
    color: var(--text-primary);
}

.lum-split-strip-next {
    flex: none;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lum-split-strip-bar { display: block; }


.lum-split-chip-n {
    margin-left: 5px;
    font-family: var(--font-ui);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
}

.lum-split-find { width: 220px; }

.lum-split-gap { flex: 1 1 auto; }


.lum-split-grid {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 12px 12px;
}


.lum-prefs {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.lum-prefs-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 24px 14px;
    border-bottom: 1px solid var(--border-subtle);
}

.lum-prefs-head-text {
    flex: 1 1 auto;
    min-width: 0;
}

.lum-prefs-title {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: 1.2;
    font-weight: var(--weight-display);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.lum-prefs-sub {
    margin: 3px 0 0;
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.lum-prefs-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lum-prefs-gk {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 12px 0 4px;
}

.lum-prefs-gk:first-child { margin-top: 0; }

.lum-prefs-gk-note {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lum-prefs-group {
    background: var(--surface-inset);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-block);
    padding: 2px 16px;
}

.lum-prefs-row {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 44px;
    padding: 6px 0;
    border-top: 1px solid var(--border-subtle);
    box-sizing: border-box;
}

.lum-prefs-row:first-child { border-top: none; }

.lum-prefs-label {
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.is-required::after,
.lum-prefs-row:has([aria-required="true"]) > .lum-prefs-label::after,
.lum-field:has([aria-required="true"]) > .lum-field-label::after,
.pol-field:has([aria-required="true"]) > .pol-field-label::after {
    content: " *";
    white-space: pre;
}

.lum-dialog .lum-field-label.is-required::after,
.lum-dialog .lum-field:has([aria-required="true"]) > .lum-field-label::after {
    white-space: normal;
}

.lum-prefs-row:has(> .lum-prefs-ctl, > .lum-prefs-cell > :is(.lum-prefs-ctl, textarea):first-child) {
    align-items: start;
}

.lum-prefs-row:has(> .lum-prefs-ctl, > .lum-prefs-cell > :is(.lum-prefs-ctl, textarea):first-child) > .lum-prefs-label {
    display: flex;
    align-items: center;
    min-height: var(--control-height);
}

.lum-prefs-cell { min-width: 0; }

.lum-prefs-ctl {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-height: var(--control-height);
}

.lum-prefs-ctl.is-line {
    flex-wrap: nowrap;
    align-items: flex-start;
}

.lum-prefs-grow {
    flex: 1 1 auto;
    min-width: 0;
}

.lum-prefs-cap {
    display: block;
    margin-top: 4px;
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-tertiary);
}

.lum-prefs-cap.edited { color: var(--text-secondary); }
.lum-prefs-cap.warn { color: var(--warn); }
.lum-prefs-cap.mono { font-family: var(--font-mono); }

.lum-prefs-link {
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: var(--accent);
    cursor: pointer;
}

.lum-prefs-link:hover { text-decoration: underline; }

.lum-prefs-word {
    font-size: var(--text-base);
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-prefs-row.is-colhead {
    min-height: 0;
    padding: 10px 0 0;
}

.lum-prefs-row.is-colhead + .lum-prefs-row { border-top: none; }

.lum-prefs-colname {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-tertiary);
}

.lum-prefs .lum-prefs-w90 { width: 90px; flex: none; }
.lum-prefs .lum-prefs-w120 { width: 120px; flex: none; }
.lum-prefs .lum-prefs-w150 { width: 150px; flex: none; }
.lum-prefs .lum-prefs-w220 { width: 220px; flex: none; }
.lum-prefs .lum-prefs-w250 { width: 250px; flex: none; }
.lum-prefs .lum-prefs-w330 { width: 330px; flex: none; }
.lum-prefs .lum-prefs-time { width: 128px; flex: none; }

.lum-prefs-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 2px 0 10px;
    border-radius: var(--r-chip);
    background: var(--surface-segment);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.lum-prefs-chip-x {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: none;
    color: var(--text-tertiary);
    cursor: pointer;
}

.lum-prefs-chip-x:hover { background: var(--surface-hover); color: var(--text-primary); }
.lum-prefs-chip-x .material-icons { font-size: 15px; }

.lum-prefs-foot {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border-top: 1px solid var(--border-subtle);
}

.lum-prefs-gap { flex: 1 1 auto; }

.lum-prefs-missing {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lum-btn.lum-prefs-remove { color: var(--text-tertiary); }
.lum-btn.lum-prefs-remove:hover:not(:disabled) { color: var(--warn); }


.lum-fd { max-height: calc(100vh - 48px); }

.lum-fd .lum-prefs-head {
    flex: none;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 24px 16px;
    border-bottom: none;
}

.lum-fd .lum-prefs-head-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lum-fd .lum-prefs-title { font-size: var(--text-lg); }

.lum-steps {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: none;
}

.lum-steps-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lum-steps-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-pill);
    font-style: normal;
    font-size: var(--text-xs);
}

.lum-steps-item.on { color: var(--text-primary); }

.lum-steps-item.on .lum-steps-no {
    background: var(--accent-fill);
    border-color: transparent;
    color: var(--text-on-accent);
}

.lum-steps-item.done { color: var(--text-secondary); }

.lum-steps-item.done .lum-steps-no {
    color: var(--accent);
    border-color: var(--accent);
}

.lum-steps-line {
    width: 28px;
    height: 1px;
    background: var(--border-strong);
    flex: none;
}

.lum-fd .lum-prefs-sub {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.lum-fd .lum-dialog-close {
    width: 30px;
    height: 30px;
    border-radius: var(--r-pill);
    background: var(--surface-control);
}

.lum-dialog-close.is-round {
    width: 30px;
    height: 30px;
    border-radius: var(--r-pill);
    background: var(--surface-control);
}

.lum-fd-form {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.lum-fd-tabs {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0 24px;
}

.lum-fd-tabs > .lum-tab-panels { overflow-y: auto; }

.lum-fd-panel {
    display: flex;
    flex-direction: column;
    padding: 16px 0 18px;
}

.lum-fd-panel.is-fill {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
}

.lum-fd-tools {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 12px;
}

.lum-fd-tools-note {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.lum-fd-fill {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.lum-fd-cols {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(414px, 100%), 1fr));
    gap: 16px 24px;
    align-items: start;
}

.lum-fd-col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lum-fd .lum-prefs-body {
    gap: 0;
    padding: 0 24px 18px;
}

.lum-fd .lum-prefs-gk {
    align-items: center;
    margin: 16px 0 8px;
    padding: 0 4px;
}

.lum-fd .lum-prefs-gk:first-child { margin-top: 0; }

.lum-fd .lum-prefs-gk > .lum-btn { margin-block: -6px; }

.lum-fd-gk {
    flex: none;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.lum-fd .lum-prefs-group {
    --control-height: 32px;
    padding: 0;
    background: var(--surface-card);
    border-radius: var(--r-card);
}

.lum-fd .lum-sheet-stat { border: 1px solid var(--border-subtle); }

.lum-fd .lum-prefs-row {
    grid-template-columns: 170px minmax(0, 1fr);
    align-items: start;
    min-height: 0;
    padding: 9px 14px;
}

.lum-fd .lum-prefs-label {
    display: flex;
    align-items: center;
    min-height: var(--control-height);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.lum-fd .lum-prefs-cap { font-size: var(--text-xs); }

.lum-fd .lum-prefs-row.lum-fd-flag {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 11px 14px;
}

.lum-fd-flag-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lum-fd-flag-label {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.lum-fd-flag-text .lum-prefs-cap { margin-top: 3px; }

.lum-fd .lum-prefs-row.lum-fd-confirm {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px 14px 11px;
}

.lum-fd-confirm .lum-prefs-cap { padding-left: 26px; }

.lum-fd-pick { overflow: hidden; }

.lum-fd-pick .lum-radio-group.vertical { display: flex; gap: 0; }

.lum-fd-pick .lum-radio {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border-top: 1px solid var(--border-subtle);
    transition: background var(--transition-fast);
}

.lum-fd-pick.is-dense .lum-radio { padding-block: 10px; }

.lum-fd-pick .lum-radio:first-child { border-top: none; }
.lum-fd-pick .lum-radio:hover { background: var(--surface-hover); }
.lum-fd-pick .lum-radio:has(input:checked) { background: var(--surface-overlay); }

.lum-fd-pick-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.lum-fd-pick-name {
    font-size: var(--text-sm);
    line-height: 1.3;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
}

.lum-fd-pick .lum-radio:has(input:checked) .lum-fd-pick-name { font-weight: var(--weight-semibold); }

.lum-fd-pick-desc {
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lum-fd-pick-side {
    flex: none;
    max-width: 36%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.lum-fd-pick-empty {
    padding: 14px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.lum-fd-pick-empty.is-bad { color: var(--critical-text); }

.lum-fd-item {
    padding: 8px 10px 12px 14px;
    border-top: 1px solid var(--border-subtle);
}

.lum-fd-item:first-child { border-top: none; }

.lum-fd-item-head {
    display: flex;
    align-items: center;
    gap: 2px;
    min-height: 32px;
}

.lum-fd-item-name {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.lum-fd-item-facts {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 4px;
    margin-top: 2px;
    font-size: var(--text-sm);
}

.lum-fd-item-facts > span { color: var(--text-tertiary); }

.lum-fd-item-facts > b {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--weight-regular);
    color: var(--text-primary);
}

.lum-fd-item-note {
    margin-top: 8px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lum-fd-item-note.is-bad { color: var(--critical-text); }

.lum-fd-sql { margin: 12px 14px; }

.lum-fd-sql textarea.lum-input {
    height: 112px;
    min-height: 0;
    padding: 10px 12px;
    background: var(--surface-inset);
    border-radius: var(--r-block);
    font-size: var(--text-sm);
    line-height: 1.65;
    font-variant-numeric: tabular-nums;
    resize: vertical;
}

:where(.lum-fd-sql) textarea.lum-input { border-color: transparent; }

.lum-fd-preview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 4px 14px 14px;
    padding: 10px 12px;
    background: var(--surface-inset);
    border-radius: var(--r-block);
    font-size: var(--text-sm);
    line-height: 1.45;
    color: var(--text-secondary);
}

.lum-fd-preview:first-child { margin-top: 14px; }

.lum-fd-preview.is-code {
    flex-direction: column;
    align-items: flex-start;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    overflow-wrap: anywhere;
}

.lum-fd-preview.is-quiet { color: var(--text-tertiary); }

.lum-fd-pv {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.lum-fd-pv.mono {
    font-family: var(--font-mono);
    font-weight: var(--weight-medium);
}

.lum-fd-pv.is-out {
    color: var(--text-secondary);
    text-decoration: line-through;
}

.lum-fd-pv .material-icons {
    font-size: 12px;
    color: var(--text-tertiary);
}

.lum-fd-test {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid var(--border-subtle);
}

.lum-fd-test-note {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 4px;
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-tertiary);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lum-fd-test-note.is-reason { color: var(--text-secondary); }

.lum-fd-test-note.bad { color: var(--critical-text); }
.lum-fd-test-note.warn { color: var(--warn-text); }

.lum-fd-verdict {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 4px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: var(--text-xs);
    line-height: 1.4;
    color: var(--text-tertiary);
}

.lum-fd-verdict .owl-icon { flex: none; margin-top: 1px; }

.lum-fd-verdict-word {
    flex: none;
    font-weight: var(--weight-semibold);
}

.lum-fd-verdict-why {
    min-width: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lum-fd-verdict.ok { color: var(--text-primary); }
.lum-fd-verdict.ok .owl-icon { color: var(--accent); }
.lum-fd-verdict.bad { color: var(--critical-text); }

.lum-fd-test .lum-btn {
    flex: none;
    height: 30px;
}

.lum-btn.lum-fd-test-btn {
    background: var(--accent-tint);
    border-color: var(--lume-deep);
    color: var(--accent-text);
    font-weight: var(--weight-semibold);
}

.lum-btn.lum-fd-test-btn:hover:not(:disabled) {
    background: color-mix(in oklch, var(--accent-tint) 80%, var(--accent));
}

.lum-fd-reads {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lum-fd-read {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.lum-fd-read-col {
    flex: none;
    width: 62px;
    padding: 2px 0;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    text-align: center;
    color: var(--text-primary);
}

.lum-fd-read-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lum-fd-result {
    margin-left: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lum-fd-result-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lum-fd-mark {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
}

.lum-fd-result.ok { color: var(--text-primary); }
.lum-fd-result.ok .lum-fd-mark { border-radius: 50%; background: var(--accent); }

.lum-fd-result.warn { color: var(--warn-text); }
.lum-fd-result.warn .lum-fd-mark {
    width: 9px;
    height: 8px;
    background: var(--warn);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.lum-fd-result.bad { color: var(--critical-text); }
.lum-fd-result.bad .lum-fd-mark {
    width: 6px;
    height: 6px;
    background: var(--critical);
    transform: rotate(45deg);
}

.lum-fd-result.quiet .lum-fd-mark { display: none; }

.lum-fd .lum-prefs-foot {
    flex: none;
    padding: 14px 24px;
    background: var(--surface-card);
}

.lum-fd-foot-note {
    min-width: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lum-fd-foot-note.is-reason { color: var(--text-secondary); }

.lum-timeline {
    display: grid;
    grid-template-columns: max-content 14px minmax(0, 1fr);
    column-gap: 10px;
    margin: 6px 0 12px;
}
.lum-tl-row { display: contents; }
.lum-tl-time {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: 18px;
    color: var(--text-secondary);
    text-align: right;
    white-space: nowrap;
    padding-bottom: 12px;
}
.lum-tl-mark { position: relative; }
.lum-tl-mark::before,
.lum-tl-mark::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    background: var(--border-strong);
    transform: translateX(-50%);
}
.lum-tl-mark::before { top: 0; height: 2px; }
.lum-tl-mark::after { top: 17px; bottom: 0; }
.lum-tl-row:first-child .lum-tl-mark::before,
.lum-tl-row:last-child .lum-tl-mark::after { display: none; }
.lum-tl-dot {
    position: absolute;
    left: 50%;
    top: 5px;
    width: 9px;
    height: 9px;
    border-radius: var(--r-pill);
    background: var(--accent-fill);
    transform: translateX(-50%);
}
.lum-tl-row.is-flag .lum-tl-dot { background: var(--warn); }
.lum-tl-row.is-flag .lum-tl-time { color: var(--warn); }
.lum-tl-body { min-width: 0; padding-bottom: 12px; }
.lum-tl-row:last-child .lum-tl-time,
.lum-tl-row:last-child .lum-tl-body { padding-bottom: 0; }
.lum-tl-event {
    font-size: var(--text-md);
    line-height: 18px;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    overflow-wrap: anywhere;
}
.lum-tl-detail {
    margin-top: 2px;
    font-size: var(--text-sm);
    line-height: 1.45;
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

.lum-vitals {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lum-vital,
.lum-highlight {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    color: var(--text-primary);
    font: inherit;
    font-family: var(--font-ui);
    font-variant-numeric: tabular-nums;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--transition-fast);
}

.lum-vital:hover,
.lum-highlight:hover { border-color: var(--border-strong); }

.lum-vital:focus-visible,
.lum-highlight-head:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.lum-vital {
    gap: 10px;
    padding: 18px 20px 16px;
}

.lum-vital-label {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.lum-vital-line {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.lum-vital-value {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-display);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--text-heading);
    white-space: nowrap;
}

.lum-vital-value small {
    margin-left: 3px;
    font-size: var(--text-title3);
    font-weight: var(--weight-medium);
    letter-spacing: 0;
    color: var(--text-secondary);
}

.lum-vital-note {
    min-width: 0;
    font-size: var(--text-base);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-vital-note.is-missing {
    white-space: normal;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.lum-vital-pill {
    flex: none;
    margin-left: auto;
    padding: 2px 8px;
    border-radius: var(--r-pill);
    background: var(--surface-segment);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
    white-space: nowrap;
}

.lum-vital-pill.is-warn { color: var(--warn-text); }

.lum-vital-value.is-crit { color: var(--critical-text); }
.lum-vital-value.is-warn { color: var(--warn-text); }

.lum-vital-viz {
    height: 40px;
    min-width: 0;
}

.lum-highlight {
    gap: 14px;
    padding: 20px 22px;
}

.lum-highlight-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -4px -6px;
    padding: 4px 6px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    text-align: left;
    cursor: pointer;
}

.lum-highlight-head .owl-icon { flex: none; color: var(--text-secondary); }
.lum-highlight-head .lum-glyph { flex: none; }
.lum-highlight-head > .lum-highlight-chev { margin-left: auto; color: var(--text-tertiary); }

.lum-highlight-head small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.lum-highlight.is-static { cursor: default; }
.lum-highlight.is-static:hover { border-color: var(--border-subtle); }
.lum-highlight.is-static .lum-highlight-head { cursor: default; }

.lum-highlight-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lum-highlight-statement {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--text-heading);
    overflow-wrap: anywhere;
}

.lum-highlight-sub {
    margin: 0;
    font-size: var(--text-md);
    color: var(--text-secondary);
}

.lum-highlight-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.lum-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.lum-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.lum-legend-item i {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.lum-legend-item i.is-dot { border-radius: 50%; }

.lum-legend-item b {
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

button.lum-legend-item {
    margin: -3px -6px;
    padding: 3px 6px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    transition: background var(--transition-fast);
}

button.lum-legend-item:hover { background: var(--surface-hover); color: var(--text-primary); }
button.lum-legend-item:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.lum-compare {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lum-compare-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lum-compare-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.lum-compare-head b {
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.lum-dumbbell {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) 44px;
    align-items: center;
    column-gap: 12px;
    font-size: var(--text-sm);
}

.lum-dumbbell-track {
    position: relative;
    height: 28px;
}

.lum-dumbbell-line {
    position: absolute;
    top: 17px;
    left: 0;
}

.lum-dumbbell-from,
.lum-dumbbell-to {
    position: absolute;
    border-radius: 50%;
    transform: translateX(-50%);
}

.lum-dumbbell-from { top: 13px; width: 10px; height: 10px; background: var(--text-tertiary); }
.lum-dumbbell-to { top: 12px; width: 12px; height: 12px; background: var(--warn); }
.lum-dumbbell.is-crit .lum-dumbbell-to { background: var(--status-crit); }

.lum-dumbbell-label {
    position: absolute;
    top: -3px;
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    transform: translateX(-50%);
}

.lum-dumbbell-label.is-after { font-weight: var(--weight-semibold); color: var(--text-primary); }

.lum-dumbbell-fig {
    text-align: right;
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
}

.lum-quiet {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 4px 0;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-md);
    color: var(--text-tertiary);
}

.lum-quiet .owl-icon { flex: none; color: var(--text-tertiary); }

@media (max-width: 1100px) {
    .lum-vitals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .lum-vitals { grid-template-columns: minmax(0, 1fr); }
    .lum-highlight-statement { font-size: var(--text-title1); }
}

.lum-tiles {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    align-content: start;
    gap: 12px;
    padding: 14px 14px 16px 16px;
    box-sizing: border-box;
}

.lum-tiles.has-sections { padding-top: 0; }

.lum-tiles-sec {
    grid-column: 1 / -1;
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    margin: 0 -2px -4px;
    padding: 0 2px;
    border: 0;
    background: var(--surface-raised);
    color: var(--text-secondary);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.lum-tiles-sec > .owl-icon {
    flex: none;
    margin-left: -2px;
    color: var(--text-tertiary);
    transition: rotate var(--transition-fast), color var(--transition-fast);
}

.lum-tiles-sec[aria-expanded="true"] > .owl-icon { rotate: 90deg; }
.lum-tiles-sec:hover > .owl-icon { color: var(--text-primary); }
.lum-tiles-sec:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.lum-tiles-empty {
    grid-column: 1 / -1;
    padding: 40px 0;
    text-align: center;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.lum-tile {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px 12px;
    box-sizing: border-box;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-variant-numeric: tabular-nums;
    text-align: left;
    cursor: pointer;
    content-visibility: auto;
    contain-intrinsic-size: auto 212px;
    transition: border-color var(--transition-fast), background var(--transition-fast);
}

.lum-tile:hover { border-color: var(--border-strong); background: var(--surface-hover); }
.lum-tile:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.lum-tile-head {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 8px;
}

.lum-tile-head > :first-child { justify-self: center; }

.lum-tile-id {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.lum-tile-id > :not(:first-child) { flex: none; }

.lum-tile-name {
    min-width: 0;
    font-family: var(--font-title);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    color: var(--text-heading);
}

span.lum-tile-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-tile-figure {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--text-heading);
    white-space: nowrap;
}

.lum-tile-figure small {
    margin-left: 4px;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: 0;
    color: var(--text-tertiary);
}

.lum-tile-figure.is-warn { color: var(--warn-text); }
.lum-tile-figure.is-crit { color: var(--critical-text); }

.lum-tile-sub {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: -6px;
    padding-left: 18px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lum-tile-sub > :first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lum-tile-sub > :not(:first-child) { flex: none; }

.lum-tile-viz {
    position: relative;
    min-width: 0;
    height: 46px;
}

.lum-tile-quiet {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.lum-tile-caption {
    min-width: 0;
    margin-top: -4px;
    display: flex;
    gap: 8px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.lum-tile-caption small { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); }
.lum-tile-caption span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lum-tile-caption.is-warn span { color: var(--warn-text); }
.lum-tile-caption.is-crit span { color: var(--critical-text); }

.lum-tile-facts {
    margin-top: auto;
    display: grid;
    grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
    column-gap: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--border-subtle);
}

.lum-tile-fact {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lum-tile-fact small {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.lum-tile-fact b {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-tile-fact b.is-warn { color: var(--warn-text); }
.lum-tile-fact b.is-crit { color: var(--critical-text); }

.lum-figs {
    display: grid;
    grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
    min-width: 0;
}

.lum-fig {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 12px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-variant-numeric: tabular-nums;
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.lum-fig + .lum-fig { box-shadow: inset 1px 0 0 var(--border-subtle); }
.lum-figs > .lum-fig:first-child { margin-left: -12px; }
.lum-fig:hover { background: var(--surface-hover); }
.lum-fig:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.lum-fig-value {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.015em;
    line-height: 1.2;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-fig-label {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-readings {
    display: grid;
    grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.lum-reading {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lum-reading-label {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-reading-value {
    font-family: var(--font-display);
    font-size: var(--text-title1);
    font-weight: var(--weight-display);
    letter-spacing: -0.015em;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    color: var(--text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lum-reading-value small {
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    letter-spacing: 0;
    color: var(--text-secondary);
}

.lum-mix {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lum-mix-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 -10px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-ui);
    text-align: left;
}

button.lum-mix-row {
    cursor: pointer;
    transition: background var(--transition-fast);
}

button.lum-mix-row:hover { background: var(--surface-hover); }
button.lum-mix-row:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.lum-mix-head {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
}

.lum-mix-row .lum-bar { background: var(--surface-control); }
.lum-mix-row .lum-bar-part + .lum-bar-part { box-shadow: inset 1.5px 0 0 var(--surface-card); }
.lum-mix-row .lum-legend { gap: 4px 14px; font-size: var(--text-xs); }

.lum-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin: -3px -6px;
    padding: 3px 6px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.lum-more:hover { background: var(--surface-hover); color: var(--text-primary); }
.lum-more:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.lum-more .owl-icon { flex: none; }


:root {
    --owl-accent: var(--accent);
    --owl-ink:    var(--text-primary);
    --owl-warn:   var(--warn);
    --owl-down:   var(--critical);
    --owl-idle:   var(--text-tertiary);
}

.owl-icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: none;
    vertical-align: middle;
    color: inherit;
    line-height: 0;
}
.owl-icon > svg { display: block; width: 100%; height: 100%; }
svg.owl-icon { display: inline-block; }

.owl-status        { color: var(--text-tertiary); }
.owl-status--ok    { color: var(--text-tertiary); }
.owl-status--warn  { color: var(--owl-warn); }
.owl-status--down  { color: var(--owl-down); }
.owl-status--idle  { color: var(--owl-idle); }


.lx-stat-card {
    background: var(--surface-card);
    border-radius: var(--radius-xl);
    padding: 20px 24px;
    min-width: 160px;
    flex: 1;
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-card);
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.lx-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.lx-stat-value {
    font-family: var(--font-display);
    font-size: var(--text-display);
    font-weight: var(--weight-display);
    letter-spacing: -0.5px;
    margin: 0;
    line-height: 1.1;
}

.lx-stat-label {
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--text-secondary);
    letter-spacing: 0.01em;
    margin-top: 6px;
}

.lx-stat-online .lx-stat-value { color: var(--status-ok); }
.lx-stat-offline .lx-stat-value { color: var(--status-crit); }
.lx-stat-warning .lx-stat-value { color: var(--series-yellow); }
.lx-stat-total .lx-stat-value { color: var(--accent); }

.lx-metric-card {
    background: var(--surface-card);
    border-radius: var(--radius-xl);
    padding: 12px 16px;
    flex: 1 1 200px;
    min-width: 180px;
    max-width: none;
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-card);
    cursor: pointer;
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.lx-metric-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.lx-metric-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.lx-metric-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.lx-metric-icon.sessions { background: var(--accent-soft); color: var(--accent) !important; }
.lx-metric-icon.processes { background: var(--accent-soft); color: var(--accent) !important; }
.lx-metric-icon.redo { background: var(--accent-soft); color: var(--accent) !important; }
.lx-metric-icon.info { background: var(--accent-soft); color: var(--accent) !important; }
.lx-metric-icon.cursors { background: var(--accent-soft); color: var(--accent) !important; }

.lx-metric-title {
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--text-secondary);
    letter-spacing: 0.01em;
}

.lx-metric-values {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.lx-metric-item {
    display: flex;
    flex-direction: column;
}

.lx-metric-value {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    line-height: 1.2;
}

.lx-metric-label {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    margin-top: 2px;
}

.lx-chart-card {
    flex: 1;
    min-width: 200px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.lx-grid {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.lx-chart-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-quaternary);
}

.settings-card {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: 20px;
}

.job-card {
    margin-bottom: 12px;
}

.job-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.job-icon {
    width: 44px;
    height: 44px;
    border-radius: var(--r-card);
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-icon.enabled {
    background: var(--status-ok-soft);
    color: var(--status-ok);
}

.job-icon.disabled {
    background: var(--surface-hover);
    color: var(--text-tertiary);
}

.job-info {
    flex: 1;
}

.job-info h3 {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 4px 0;
}

.job-status {
    font-size: var(--text-xs);
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 4px;
}

.job-status.running {
    background: var(--status-ok-soft);
    color: var(--status-ok);
}

.job-status.stopped {
    background: var(--surface-hover);
    color: var(--text-tertiary);
}

.job-settings {
    display: flex;
    gap: 16px;
}

.about-card {
    text-align: center;
}

.about-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 32px;
}

.about-logo img {
    width: 64px;
    height: 64px;
}

.about-version h3 {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 8px 0;
}

.version-badge {
    display: inline-block;
    padding: 4px 12px;
    background: var(--accent-soft);
    color: var(--accent);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: 600;
}



.lx-stats-container {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.lx-charts-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
}

.about-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.settings-form-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.lx-metrics-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex: 0 0 auto;
    min-height: auto;
    margin-bottom: 0;
}

.dashboard-chart-row {
    display: flex;
    gap: 12px;
    flex: var(--dashboard-chart-flex, 1);
    min-height: var(--dashboard-chart-min, 180px);
}

.detail-grid {
    border-radius: var(--r-block);
    overflow: hidden;
}

.cell-highlight {
    font-weight: 500;
}

.cell-highlight.primary {
    color: var(--accent);
}

.cell-highlight.green {
    color: var(--status-ok);
}

.cell-highlight.orange {
    color: var(--status-warn);
}

.cell-highlight.purple {
    color: var(--series-purple);
}

.cell-muted {
    color: var(--text-secondary);
}

@media (max-width: 1200px) {
    .about-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .about-stats {
        grid-template-columns: 1fr;
    }
    
    .lx-charts-container {
        flex-direction: column;
    }
    
    .dashboard-chart-row {
        flex-direction: column;
    }
}


.insights-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 999;
}

.insights-popup {
    position: fixed;
    top: 72px;
    right: 24px;
    width: 380px;
    max-height: 900px;
    background: var(--surface-overlay);
    border-radius: var(--r-card);
    border: 1px solid var(--border-default);
    box-shadow: var(--shadow-lg), inset 0 1px 0 var(--border-subtle);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 1000;
}

.insights-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: var(--surface-elevated);
    border-bottom: 1px solid var(--border-subtle);
}

.insights-popup-title-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.insights-popup-icon {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-md);
    background: var(--status-warn-soft);
    display: flex;
    align-items: center;
    justify-content: center;
}

.insights-popup-icon .material-icons {
    font-size: 16px;
    color: var(--status-warn);
}

.insights-popup-title {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    margin: 0;
    line-height: 1.2;
}

.insights-popup-subtitle {
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    color: var(--text-secondary);
}

.insights-popup-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.insights-active-badge {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 7px;
    background: var(--status-crit-soft);
    border-radius: var(--r-card);
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--status-crit);
}

.insights-active-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--status-crit);
    animation: lm-pulse 2s ease-in-out infinite;
}

.insights-refresh-btn {
    width: 28px;
    height: 28px;
    border-radius: var(--r-block);
    border: none;
    background: var(--surface-hover);
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.insights-refresh-btn:hover {
    background: var(--surface-active);
    color: var(--text-primary);
}

.insights-refresh-btn:active {
    transform: scale(0.95);
}

.insights-refresh-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.insights-refresh-btn .material-icons {
    font-size: 16px;
    transition: transform var(--transition-slow);
}

.insights-refresh-btn.refreshing .material-icons {
    animation: lum-spin-rotate 1s linear infinite;
}

.insights-popup-content {
    flex: 1;
    overflow-y: auto;
    min-height: 300px;
    max-height: 750px;
}

.insights-popup-content::-webkit-scrollbar {
    width: 4px;
}

.insights-popup-content::-webkit-scrollbar-track {
    background: transparent;
}

.insights-popup-content::-webkit-scrollbar-thumb {
    background: var(--surface-active);
    border-radius: 2px;
}

.insights-popup-content::-webkit-scrollbar-thumb:hover {
    background: var(--border-strong);
}

.insights-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    gap: 12px;
    color: var(--text-secondary);
    font-size: var(--text-xs);
}


.insights-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.insights-empty .material-icons {
    font-size: 32px;
    color: var(--status-ok);
    margin-bottom: 8px;
    opacity: 0.8;
}

.insights-empty h4 {
    font-family: var(--font-ui);
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 4px 0;
}

.insights-empty p {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    margin: 0;
}

.insights-list {
    padding: 3px 5px;
}

.insights-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    margin-bottom: 1px;
    border-radius: var(--radius-sm);
    background: transparent;
    transition: background var(--transition-fast);
    cursor: default;
}

.insights-item:hover {
    background: var(--surface-hover);
}

.insights-item:last-child {
    margin-bottom: 0;
}

.insights-item-indicator {
    width: 2px;
    min-height: 24px;
    border-radius: 1px;
    flex-shrink: 0;
    align-self: stretch;
}

.insights-item.active .insights-item-indicator {
    background: var(--status-crit);
}

.insights-item.cleared .insights-item-indicator {
    background: var(--status-ok);
    opacity: 0.5;
}

.insights-item-content {
    flex: 1;
    min-width: 0;
}

.insights-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1px;
}

.insights-item-db {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--accent);
}

.insights-item-time {
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}

.insights-item-alert {
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.insights-item-ref {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
}

.insights-item.cleared .insights-item-db {
    opacity: 0.6;
}

.insights-item.cleared .insights-item-alert {
    color: var(--text-secondary);
}

.insights-item-status {
    flex-shrink: 0;
}

.insights-status-badge {
    width: 20px;
    height: 20px;
    border-radius: var(--r-chip);
    display: flex;
    align-items: center;
    justify-content: center;
}

.insights-status-badge .material-icons {
    font-size: 12.5px;
}

.insights-status-badge.active {
    background: var(--status-crit-soft);
    color: var(--status-crit);
}

.insights-status-badge.cleared {
    background: var(--status-ok-soft);
    color: var(--status-ok);
}

.insights-popup-footer {
    padding: 6px 14px;
    background: var(--surface-elevated);
    border-top: 1px solid var(--border-subtle);
    text-align: center;
}

.insights-footer-text {
    font-family: var(--font-ui);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
}


.lx-session-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 500;
    padding: 4px 10px;
    border-radius: var(--radius-full);
}

.lx-session-status::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.lx-session-active {
    background: var(--status-ok-soft);
    color: var(--status-ok);
}
.lx-session-active::before { background: var(--status-ok); }

.lx-session-inactive {
    background: var(--status-crit-soft);
    color: var(--status-crit);
}
.lx-session-inactive::before { background: var(--status-crit); }

.lx-session-other {
    background: var(--status-warn-soft);
    color: var(--series-yellow);
}
.lx-session-other::before { background: var(--series-yellow); }

.lx-db-name {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
    cursor: pointer;
    transition: color var(--transition-fast);
    text-decoration: none;
    font-weight: 500;
}

.lx-db-name:hover {
    color: var(--text-heading);
    text-decoration: underline;
}

.lx-db-name-offline {
    color: var(--status-crit);
}

.lx-db-name-offline:hover {
    color: var(--status-crit);
}

.version-badge-compact {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    background: var(--surface-hover);
    padding: 2px 6px;
    border-radius: 4px;
}

.cdb-badge {
    font-size: var(--text-2xs);
    color: var(--status-ok);
    background: var(--status-ok-soft);
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 600;
    margin-left: 4px;
}

.pdb-badge {
    font-size: var(--text-2xs);
    color: var(--series-purple);
    background: color-mix(in oklch, var(--series-purple) 16%, transparent);
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 600;
    margin-left: 4px;
}

.pdb-count {
    font-size: var(--text-2xs);
    color: var(--text-secondary);
    background: var(--surface-active);
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 2px;
}



.dash-sql-sheet .lum-sheet-body {
    padding: 12px 20px 20px;
    container: sqsheet / inline-size;
}

.dash-sql-sheet .lum-sheet-foot {
    padding: 12px 20px;
    gap: 4px;
    background: var(--surface-card);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dash-sql-sheet .lum-sheet-foot .lum-btn-primary { margin-right: 8px; padding: 0 16px 0 8px; gap: 4px; }

.dash-sql-sheet .lum-sheet-foot .sq-ask .lum-ai-glyph { margin: -8px -2px -8px -4px; }

.lum-toggle-group {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--surface-elevated);
    padding: 8px 16px;
    border-radius: var(--r-card);
}

.lum-toggle-label {
    font-family: var(--font-ui);
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.lum-toggle-label.active {
    color: var(--text-primary);
}

.lx-sql-grid .lum-grid-table thead th {
    font-size: var(--text-2xs) !important;
    padding: 10px 12px !important;
}

.lx-sql-grid .lum-grid-table tbody td {
    font-size: var(--text-sm) !important;
    padding: 10px 12px !important;
}

.lx-plandiff {
    flex: none;
    display: flex;
    flex-direction: column;
    margin: 0 0 8px;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    background: var(--surface-elevated);
    overflow: hidden;
}

.lx-plandiff-head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 8px 12px 6px;
}

.lx-plandiff-sides {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    padding: 0 12px 8px;
}

.lx-plandiff-side {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.lx-plandiff-side.is-subject .dash-hash { color: var(--text-heading); }

.lx-plandiff-sum {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lx-plandiff-row {
    padding: 6px 12px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    line-height: 1.45;
    color: var(--text-secondary);
}

.lx-plandiff-ops {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    padding: 6px 12px;
    border-top: 1px solid var(--border-subtle);
}

.lx-plandiff-opslabel {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    margin-right: 3px;
}

.lx-plandiff-op {
    padding: 1px 6px;
    border-radius: var(--r-ctl);
    background: var(--surface-hover);
    font-family: var(--font-code);
    font-size: var(--text-2xs);
    color: var(--text-secondary);
}

.lx-plandiff-note {
    padding: 6px 12px 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.lx-planrev {
    flex: none;
    display: flex;
    flex-direction: column;
    margin: 0 0 8px;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    background: var(--surface-elevated);
    overflow: hidden;
}

.lx-planrev.is-dialog { margin: 10px 12px 0; }

.lx-planrev-head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 8px 12px 6px;
}

.lx-planrev-title {
    font-size: var(--text-sm);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.lx-planrev-count {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lx-planrev-hint {
    margin-left: auto;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lx-planrev-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    width: 100%;
    padding: 5px 12px;
    border: 0;
    border-top: 1px solid var(--border-subtle);
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.lx-planrev-row:hover { background: var(--surface-hover); }

.lx-planrev-dot {
    flex: none;
    align-self: center;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.lx-planrev-row.is-critical .lx-planrev-dot { background: var(--status-crit); }
.lx-planrev-row.is-warning  .lx-planrev-dot { background: var(--status-warn); }
.lx-planrev-row.is-info     .lx-planrev-dot { background: var(--status-info); }

.lx-planrev-line {
    flex: none;
    min-width: 52px;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.lx-planrev-text {
    flex: 1;
    min-width: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lx-planrev-text strong {
    font-weight: 600;
    color: var(--text-primary);
}

.lx-planrev-text em {
    font-style: normal;
    color: var(--text-secondary);
}

.lx-planrev-act {
    flex: none;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.lx-planrev-more {
    display: block;
    width: 100%;
    padding: 5px 12px;
    border: 0;
    border-top: 1px solid var(--border-subtle);
    background: transparent;
    text-align: center;
    cursor: pointer;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.lx-planrev-more:hover { background: var(--surface-hover); color: var(--text-primary); }

.lx-planrev-celldot {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 50%;
    cursor: help;
}

.lx-planrev-celldot.is-critical { background: var(--status-crit); }
.lx-planrev-celldot.is-warning  { background: var(--status-warn); }
.lx-planrev-celldot.is-info     { background: var(--status-info); }


.sql-rewrite-diff-btn {
    background: var(--accent-soft);
    color: var(--accent);
    border-color: color-mix(in oklch, var(--accent) 45%, transparent);
}

.sql-rewrite-diff-btn:hover {
    background: color-mix(in oklch, var(--accent) 18%, transparent);
    color: var(--accent);
    border-color: var(--accent);
}

.sql-diff-modal {
    width: min(1400px, 94vw);
    height: min(860px, 88vh);
    padding: 0;
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    background: var(--surface-raised);
    color: var(--text-primary);
    box-shadow: var(--shadow-xl);
    overflow: hidden;
}

.sql-diff-modal[open] {
    display: flex;
    flex-direction: column;
}

.sql-diff-modal::backdrop {
    background: var(--scrim);
}

.sql-diff-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default);
    background: var(--surface-active);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.sql-diff-head > .material-icons {
    font-size: 18px;
    color: var(--accent);
}

.sql-diff-legend {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: 500;
}

.sql-diff-legend mark {
    padding: 1px 8px;
    border-radius: var(--r-pill);
}

.sql-diff-close {
    display: flex;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--r-ctl);
}

.sql-diff-close:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.sql-diff-close .material-icons { font-size: 18px; }

.sql-diff-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.sql-diff-pane {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sql-diff-pane + .sql-diff-pane {
    border-left: 1px solid var(--border-default);
}

.sql-diff-pane header {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 16px;
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
    border-bottom: 1px solid var(--border-subtle);
    background: var(--surface-overlay);
}

.sql-diff-pane-title {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.sql-diff-copy {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: none;
    padding: 3px 9px;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-ctl);
    background: transparent;
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.sql-diff-copy:hover {
    background: var(--surface-active);
    color: var(--text-primary);
}

.sql-diff-copy .material-icons { font-size: 13px; }

.sql-diff-copy.copied {
    color: var(--status-ok);
    border-color: var(--status-ok);
}

.sql-diff-note {
    margin-left: 8px;
    padding: 1px 7px;
    border-radius: var(--r-pill);
    font-size: var(--text-2xs);
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--status-warn);
    background: color-mix(in oklch, var(--status-warn) 14%, transparent);
    cursor: help;
}

.sql-diff-pane pre {
    flex: 1;
    margin: 0;
    padding: 14px 16px;
    font-family: var(--font-code);
    font-size: var(--text-sm);
    line-height: 1.7;
    color: var(--text-secondary);
    white-space: pre-wrap;
    background: var(--surface-overlay);
}

mark.sql-diff-del, mark.sql-diff-add {
    color: var(--text-primary);
    border-radius: 3px;
    padding: 1px 0;
}

mark.sql-diff-del { background: color-mix(in oklch, var(--status-crit) 24%, transparent); }
mark.sql-diff-add { background: color-mix(in oklch, var(--accent) 24%, transparent); }

@media (max-width: 900px) {
    .sql-diff-body { grid-template-columns: 1fr; }
    .sql-diff-pane + .sql-diff-pane {
        border-left: none;
        border-top: 1px solid var(--border-default);
    }
}


.lum-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--scrim);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--dur-pop) var(--ease-out), visibility var(--dur-pop) var(--ease-out);
}

.lum-loading-overlay.visible {
    opacity: 1;
    visibility: visible;
}

.lum-loading-overlay:not(.visible) .lum-mark,
.lum-loading-overlay:not(.visible) .lum-mark * {
    animation-play-state: paused;
}

.lum-loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.lum-loading-text {
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--gray-50);
    font-family: var(--font-ui);
    letter-spacing: -0.2px;
}

.lum-reconnect { display: none; }

.lum-reconnect.components-reconnect-show,
.lum-reconnect.components-reconnect-failed,
.lum-reconnect.components-reconnect-rejected {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--scrim);
}

.lum-reconnect-box {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-base);
}

.lum-reconnect-wait { display: inline-flex; align-items: center; gap: 10px; }
.lum-reconnect-lost,
.lum-reconnect-reload { display: none; }

.components-reconnect-failed .lum-reconnect-wait { display: none; }
.components-reconnect-failed .lum-reconnect-lost { display: inline; }
.components-reconnect-failed .lum-reconnect-reload { display: inline-flex; }

.lum-reconnect-spin {
    width: 14px;
    height: 14px;
    border: 2px solid var(--border-subtle);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: lum-spin-rotate 0.9s linear infinite;
}



.lum-dbp {
    position: relative;
    min-width: 0;
    width: 100%;
}

.lum-dbp-count {
    flex: none;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-block);
    background: var(--accent-soft);
    color: var(--accent-text);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
}

.lum-dbp-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1200;
}

.lum-dbp-panel {
    position: fixed;
    margin-top: 4px;
    z-index: 1201;
    width: 720px;
    min-width: 0;
    max-width: calc(100vw - 16px);
    display: flex;
    flex-direction: column;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.lum-dbp-inline {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--surface-card);
    overflow: hidden;
}

.lum-dbp-tools {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
}

.lum-dbp-tools .lum-dbp-search { flex: 1 1 auto; min-width: 0; }

.lum-dbp-gap { flex: 1 1 auto; }

.lum-dbp-shown {
    flex: none;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.lum-dbp-link {
    flex: none;
    padding: 0;
    border: 0;
    background: none;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    cursor: pointer;
}

.lum-dbp-link:hover { color: var(--text-primary); }
.lum-dbp-link.is-accent { color: var(--accent-text); }

.lum-dbp-list {
    flex: 0 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--border-default);
}

.lum-dbp-list > .lum-grid {
    flex: 0 1 auto;
    min-height: 0;
}

.lum-dbp-panel .lum-dbp-list .lum-grid-scroll { max-height: 340px; }

.lum-dbp-panel .lum-dbp-list.is-tall {
    flex: 0 1 340px;
    height: 340px;
    min-height: 120px;
}

.lum-dbp-panel .lum-dbp-list.is-tall > .lum-grid { flex: 1 1 auto; }

.lum-dbp-inline .lum-dbp-list,
.lum-dbp-inline .lum-dbp-list > .lum-grid { flex: 1 1 auto; }

.lum-dbp-check { display: inline-flex; align-items: center; }

.lum-dbp-name {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--weight-medium);
    color: var(--text-heading);
}

.lum-dbp-foot {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid var(--border-default);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.lum-dbp-foot b {
    color: var(--text-heading);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
}


.atl-ask {
    position: relative;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.atl-ask:focus { outline: none; }

.atl-ask.is-open {
    --ask-top: 58px;
    --ask-field: 560px;
    position: fixed;
    top: var(--ask-top);
    left: 50%;
    translate: -50% 0;
    width: min(1480px, 84vw, calc(100vw - 48px));
    height: calc(100vh - var(--ask-top) - 24px);
    height: calc(100dvh - var(--ask-top) - 24px);
    z-index: 900;
    border: 1px solid var(--border-subtle);
    border-radius: 24px;
    background: var(--surface-overlay);
    box-shadow: 0 32px 90px -28px rgb(0 0 0 / 60%);
    animation: atl-ask-unfold var(--dur-panel) var(--spring) backwards;
}

.atl-ask.is-open > .atl-ask-head,
.atl-ask.is-open > .atl-ai-thread,
.atl-ask.is-open > .atl-ai-composer {
    animation: atl-ask-settle var(--dur-panel) 80ms var(--spring) backwards;
}

.atl-ask.is-open.is-closing {
    animation: atl-ask-fold 200ms var(--ease-in) forwards;
    pointer-events: none;
}
.atl-ask.is-open.is-closing > * { animation: lm-fade-out var(--dur-exit) var(--ease-in) forwards; }

.atl-ask.is-panel:not(.is-open) { display: none; }

.atl-ask-scrim {
    position: fixed;
    inset: 0;
    z-index: 899;
    background: var(--scrim);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    animation: lm-fade var(--dur-panel) var(--ease-out) backwards;
}
.atl-ask-scrim.is-closing { animation: lm-fade-out 200ms var(--ease-in) forwards; pointer-events: none; }

@keyframes atl-ask-unfold {
    from {
        opacity: .6;
        clip-path: inset(8px max(0px, calc(50% - var(--ask-field) / 2)) calc(100% - 46px) max(0px, calc(50% - var(--ask-field) / 2)) round 19px);
    }
    to { opacity: 1; clip-path: inset(0 round 24px); }
}
@keyframes atl-ask-fold {
    from { opacity: 1; clip-path: inset(0 round 24px); }
    to {
        opacity: 0;
        clip-path: inset(8px max(0px, calc(50% - var(--ask-field) / 2)) calc(100% - 46px) max(0px, calc(50% - var(--ask-field) / 2)) round 19px);
    }
}
@keyframes atl-ask-settle {
    from { opacity: 0; translate: 0 -10px; }
    to   { opacity: 1; translate: 0 0; }
}
:is(html.lum-no-gpu, html.lm-lite) .atl-ask.is-open { animation: lm-dialog var(--dur-panel) var(--spring) backwards; }
:is(html.lum-no-gpu, html.lm-lite) .atl-ask.is-open.is-closing { animation: lm-dialog-out 200ms var(--ease-in) forwards; }

@media (max-width: 768px) {
    .atl-ask.is-open { --ask-top: 12px; width: calc(100vw - 24px); height: calc(100vh - 24px); }
}

@media (prefers-reduced-motion: reduce) {
    .atl-ask.is-open,
    .atl-ask.is-open > .atl-ask-head,
    .atl-ask.is-open > .atl-ai-thread,
    .atl-ask.is-open > .atl-ai-composer,
    .atl-ask-scrim { animation: none; }
}

.atl-ask-head {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 10px 6px 14px;
}

.atl-ask-grip {
    flex: 1;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}

.atl-ask:not(.is-open) .atl-ask-grip { cursor: pointer; }

.atl-ask-grip .owl-icon { flex: none; color: var(--lume); }

.atl-ask-title {
    flex: none;
    white-space: nowrap;
    font-size: var(--text-md);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    letter-spacing: -0.015em;
    color: var(--text-primary);
}

.atl-ask-sub {
    flex: 0 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.atl-ask-beta {
    flex: none;
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--warn);
    background: var(--status-warn-soft);
    border: 1px solid color-mix(in oklch, var(--warn) 45%, transparent);
    border-radius: 3px;
    white-space: nowrap;
    cursor: help;
    line-height: 1;
}

.atl-ask-btn {
    flex: none;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--r-ctl);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.atl-ask-btn:hover:not(:disabled) { background: var(--surface-hover); color: var(--text-primary); }
.atl-ask-btn:focus-visible { outline: 2px solid var(--lume); outline-offset: 1px; }
.atl-ask-btn:disabled { opacity: 0.4; cursor: not-allowed; }

.atl-ask-rule {
    flex: none;
    width: 1px;
    height: 18px;
    margin: 0 4px;
    background: var(--border-subtle);
}

.atl-ai-empty {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 12px; text-align: center;
    margin: auto; padding: 24px 16px;
}
.atl-ai-empty-text { font-size: var(--text-base); line-height: 1.6; max-width: 260px; color: var(--text-secondary); }

.atl-ai-thread {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    overflow-anchor: none;
    padding: 4px 14px 12px;
    margin-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
}

.atl-ai-spacer { flex: 0 0 auto; height: 0; }

.atl-ai-thread::-webkit-scrollbar { width: 6px; }
.atl-ai-thread::-webkit-scrollbar-thumb { background: var(--surface-hover); border-radius: var(--r-pill); }
.atl-ai-thread::-webkit-scrollbar-track { background: transparent; }

.atl-ai-msg {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 12px;
    border-radius: var(--r-card);
    border: 1px solid transparent;
    background: transparent;
    --rise: 4px;
    animation: lm-rise var(--dur-control) var(--spring) backwards;
    max-width: 86%;
}

.atl-ai-msg.is-user {
    align-self: flex-end;
    background: var(--surface-raised);
    border-color: var(--border-subtle);
    border-bottom-right-radius: 4px;
}

.atl-ai-msg.is-bot {
    align-self: flex-start;
    background: var(--surface-inset);
    border-color: var(--border-subtle);
}

.atl-ai-msg-role {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.atl-ai-msg.is-user .atl-ai-msg-role { color: var(--text-secondary); }
.atl-ai-msg.is-bot .atl-ai-msg-role { color: var(--text-secondary); }

.atl-ai-msg-text {
    font-size: var(--text-title3);
    line-height: 1.55;
    color: var(--text-primary);
    word-break: break-word;
}

.atl-ai-msg-text code {
    font-family: var(--font-code);
    font-size: var(--text-xs);
    background: var(--surface-hover);
    padding: 1px 5px;
    border-radius: 4px;
}

.atl-ai-msg.is-bot .atl-ai-msg-text p { margin: 6px 0; }
.atl-ai-msg.is-bot .atl-ai-msg-text p:first-child { margin-top: 0; }
.atl-ai-msg.is-bot .atl-ai-msg-text p:last-child  { margin-bottom: 0; }

.atl-ai-msg.is-bot .atl-ai-msg-text h2 {
    font-size: var(--text-title3);
    font-weight: 600;
    color: var(--text-primary);
    margin: 16px 0 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--border-strong);
}
.atl-ai-msg.is-bot .atl-ai-msg-text h2:first-child { margin-top: 0; }
.atl-ai-msg.is-bot .atl-ai-msg-text h3 {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    margin: 12px 0 6px;
}

.atl-ai-msg.is-bot .atl-ai-msg-text strong { color: var(--text-primary); font-weight: 600; }
.atl-ai-msg.is-bot .atl-ai-msg-text em     { color: var(--warn); font-style: normal; font-weight: 500; }

.atl-ai-msg.is-bot .atl-ai-msg-text ul,
.atl-ai-msg.is-bot .atl-ai-msg-text ol {
    margin: 6px 0;
    padding-left: 22px;
}
.atl-ai-msg.is-bot .atl-ai-msg-text li { margin: 3px 0; }

.atl-ai-msg.is-bot .atl-ai-msg-text pre {
    margin: 10px 0;
    padding: 12px 14px;
    background: var(--surface-base);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-ctl);
    overflow-x: auto;
    font-family: var(--font-code);
    font-size: var(--text-sm);
    line-height: 1.6;
    color: var(--text-primary);
}
.atl-ai-msg.is-bot .atl-ai-msg-text pre code {
    background: none;
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre;
}

.atl-ai-msg.is-bot .atl-ai-msg-text table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    font-size: var(--text-base);
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-ctl);
    overflow: hidden;
}
.atl-ai-msg.is-bot .atl-ai-msg-text table th {
    background: var(--surface-hover);
    color: var(--text-primary);
    font-weight: 600;
    text-align: left;
    padding: 7px 10px;
    border-bottom: 1px solid var(--border-strong);
    white-space: nowrap;
}
.atl-ai-msg.is-bot .atl-ai-msg-text table td {
    padding: 6px 10px;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-primary);
    vertical-align: top;
}
.atl-ai-msg.is-bot .atl-ai-msg-text table tr:last-child td { border-bottom: none; }
.atl-ai-msg.is-bot .atl-ai-msg-text table tr:nth-child(even) { background: var(--surface-raised); }

.atl-ai-msg.is-bot .atl-ai-msg-text blockquote {
    margin: 8px 0;
    padding: 6px 12px;
    border-left: 3px solid var(--border-strong);
    background: var(--accent-tint);
    color: var(--text-primary);
    border-radius: 0 var(--r-ctl) var(--r-ctl) 0;
}

.atl-ai-msg.is-bot .atl-ai-msg-text hr {
    border: none;
    border-top: 1px solid var(--border-strong);
    margin: 14px 0;
}

.atl-ai-msg.is-bot { max-width: 96%; }

.atl-ai-msg.is-bot.has-chart { align-self: stretch; }

.atl-ai-status {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
    font-size: var(--text-md);
    line-height: 20px;
    color: var(--text-secondary);
}

.atl-ai-status .atl-ai-status-mark { margin: -2px -1px -2px -2px; }

.atl-ai-status-text {
    position: relative;
    overflow: hidden;
    color: var(--text-primary);
    --rise: 3px;
    animation: lm-rise var(--dur-control) var(--ease-out) backwards;
}
.atl-ai-status-text::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 300%;
    pointer-events: none;
    background: linear-gradient(90deg,
        var(--atl-ai-veil) 0%, var(--atl-ai-veil) 44%,
        transparent 50%,
        var(--atl-ai-veil) 56%, var(--atl-ai-veil) 100%);
    --atl-ai-veil: color-mix(in oklch, var(--surface-overlay) 45%, transparent);
    animation: atl-ai-sweep 1.8s linear infinite;
}
@keyframes atl-ai-sweep {
    from { translate: -57% 0; }
    to   { translate: -10% 0; }
}
:is(html.lum-no-gpu, html.lm-lite) .atl-ai-status-text::after { animation: none; translate: -57% 0; }
@media (prefers-reduced-motion: reduce) {
    .atl-ai-status-text,
    .atl-ai-status-text::after { animation: none; }
    .atl-ai-status-text::after { translate: -57% 0; }
}

.atl-ai-msg-text + .atl-ai-status { margin-top: 8px; }

.atl-ai-status-text {
    min-width: 0;
    text-wrap: pretty;
}

.atl-ai-status.is-wait,
.atl-ai-status.is-wait .atl-ai-status-text { color: var(--text-tertiary); }

.atl-ai-composer {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin: 0 12px 12px;
    padding: 6px 6px 6px 14px;
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    transition: border-color var(--transition-fast);
}

.atl-ai-composer:focus-within { border-color: var(--lume-dim); box-shadow: var(--focus-ring); }

.atl-ai-field {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
}

.atl-ai-input {
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
    display: block;
    min-height: 30px;
    max-height: 200px;
    padding: 5px 0;
    resize: none;
    field-sizing: content;
    overflow-y: auto;
    scrollbar-width: thin;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-primary);
    font-family: inherit;
    font-size: var(--text-md);
    font-weight: var(--weight-regular);
    line-height: 20px;
    letter-spacing: 0.005em;
}

.atl-ai-input::placeholder { color: var(--text-tertiary); }

.atl-ai-ghost {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    display: flex;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    font-family: inherit;
    font-size: var(--text-md);
    font-weight: var(--weight-regular);
    letter-spacing: 0.005em;
    color: var(--text-tertiary);
    transition: opacity var(--dur-quick) var(--ease-out);
}

.atl-ai-ghost-txt { white-space: nowrap; }

.atl-ai-ghost-caret {
    flex: 0 0 auto;
    width: 2px;
    height: 15px;
    margin-left: 2px;
    background: var(--accent-fill);
    animation: atlGhostBlink 1.05s steps(1, end) infinite;
}
@keyframes atlGhostBlink {
    0%, 55%   { opacity: 1; }
    56%, 100% { opacity: 0; }
}

.atl-ai-ghost-key {
    flex: 0 0 auto;
    margin-left: 8px;
    padding: 2px 5px;
    border: 1px solid var(--lume-deep);
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--text-secondary);
    opacity: 0;
    transition: opacity var(--dur-pop) var(--ease-out);
}
.atl-ai-ghost.is-settled .atl-ai-ghost-key { opacity: 1; }

.atl-ai-ghost { opacity: .5; }
.atl-ai-ghost.is-focus { opacity: 0.32; }
.atl-ai-ghost.is-focus .atl-ai-ghost-caret { visibility: hidden; }
.atl-ai-ghost.is-off { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
    .atl-ai-ghost-caret { animation: none; }
}

.atl-ai-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--r-pill);
    border: 1px solid var(--lume-dim);
    background: var(--lume-deep);
    color: var(--lume);
    cursor: pointer;
    flex-shrink: 0;
    transition: transform var(--dur-quick) var(--ease-out), background var(--transition-fast), opacity var(--transition-fast);
    --rise: 4px;
    animation: lm-rise var(--dur-control) var(--spring) backwards;
}

.atl-ai-send svg { width: 16px; height: 16px; }

.atl-ai-send:hover:not(:disabled) { background: var(--send-hover); transform: scale(1.08); }
.atl-ai-send:active:not(:disabled) { transform: scale(0.94); }
.atl-ai-send:disabled { opacity: 0.4; cursor: not-allowed; box-shadow: none; }

.atl-ai-send.atl-ai-stop {
    background: var(--status-crit-soft);
    border-color: color-mix(in oklch, var(--critical) 50%, transparent);
    color: var(--critical);
    box-shadow: none;
}
.atl-ai-send.atl-ai-stop:hover { background: var(--status-crit-soft); transform: scale(1.08); }
.atl-ai-send.atl-ai-stop:active { transform: scale(0.94); }

.atl-ai-msg.is-bot .sql-rewrite-container {
    margin: 14px 0 6px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
    background: var(--surface-overlay);
}
.atl-ai-msg.is-bot .sql-rewrite-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--accent-tint);
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--text-heading);
    text-transform: none;
}
.atl-ai-msg.is-bot .sql-rewrite-header .material-icons {
    font-size: 16px;
    color: var(--lume-dim);
}
.atl-ai-msg.is-bot .sql-rewrite-preview {
    padding: 12px 14px 4px;
    font-family: var(--font-code);
    font-size: var(--text-sm);
    line-height: 1.65;
    color: var(--text-primary);
    white-space: pre;
    overflow-x: auto;
    background: transparent;
}
.atl-ai-msg.is-bot .sql-rewrite-more {
    padding: 0 14px 10px;
    font-family: var(--font-code);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}
.atl-ai-msg.is-bot .sql-rewrite-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 8px 12px;
    border-top: 1px solid var(--border-subtle);
    background: var(--surface-raised);
}
.atl-ai-msg.is-bot .sql-rewrite-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-ctl);
    background: var(--surface-raised);
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}
.atl-ai-msg.is-bot .sql-rewrite-copy-btn:hover {
    background: var(--surface-hover);
    border-color: var(--border-strong);
}
.atl-ai-msg.is-bot .sql-rewrite-copy-btn .material-icons { font-size: 14px; }
.atl-ai-msg.is-bot .sql-rewrite-copy-btn.copied {
    color: var(--lume);
    border-color: var(--lume-deep);
    background: var(--accent-tint);
}
.atl-ai-msg.is-bot .sql-rewrite-diff-btn {
    background: var(--accent-tint);
    color: var(--lume-dim);
    border-color: color-mix(in oklch, var(--lume) 45%, transparent);
}
.atl-ai-msg.is-bot .sql-rewrite-diff-btn:hover {
    background: color-mix(in oklch, var(--lume) 18%, transparent);
    color: var(--lume-dim);
    border-color: var(--lume);
}

.atl-ai-msg-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    opacity: 0.55;
    transition: opacity var(--transition-fast);
}
.atl-ai-msg:hover .atl-ai-msg-actions { opacity: 1; }
.atl-ai-rate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: var(--r-ctl);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.atl-ai-rate .material-icons { font-size: 13px; }
.atl-ai-rate:hover:not(:disabled) { background: var(--surface-hover); color: var(--text-primary); }
.atl-ai-rate.is-active { color: var(--lume); }
.atl-ai-rate-down.is-active { color: var(--critical); }
.atl-ai-rate:disabled { opacity: 0.35; cursor: not-allowed; }
.atl-ai-rate-note { font-size: var(--text-2xs); color: var(--text-tertiary); }

.atl-ai-recent {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 0 8px;
}

.atl-ai-recent-head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 0 12px 6px;
}

.atl-ai-recent-kicker {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--text-tertiary);
}

.atl-ai-recent-note { font-size: var(--text-xs); color: var(--text-tertiary); }

.atl-ai-recent-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 22px;
    column-gap: 12px;
    align-items: center;
    padding: 0 8px 0 0;
    border-radius: var(--r-block);
}
.atl-ai-recent-row:hover { background: var(--surface-hover); }

.atl-ai-recent-open {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.atl-ai-recent-open:focus-visible { outline: 2px solid var(--lume); outline-offset: -2px; }

.atl-ai-recent-title {
    display: block;
    font-size: var(--text-base);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.atl-ai-recent-meta {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.atl-ai-recent-age {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.atl-ai-recent-del {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--r-chip);
    background: transparent;
    color: var(--text-secondary);
    opacity: 0;
    cursor: pointer;
}
.atl-ai-recent-row:hover .atl-ai-recent-del,
.atl-ai-recent-del:focus-visible { opacity: 1; }
.atl-ai-recent-del:hover { background: var(--surface-segment); color: var(--text-primary); }

.atl-ai-recent.is-compact { padding: 2px 12px 4px; gap: 1px; }
.atl-ai-recent.is-compact .atl-ai-recent-kicker { padding: 0 12px 4px; }
.atl-ai-recent.is-compact .atl-ai-recent-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    align-items: center;
    padding: 7px 12px;
}
.atl-ai-recent.is-compact .atl-ai-recent-open:hover { background: var(--surface-hover); }
.atl-ai-recent.is-compact .atl-ai-recent-age { font-size: var(--text-2xs); }

.atl-ask-recent {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: none;
    height: 30px;
    padding: 0 9px 0 7px;
    border: 0;
    border-radius: var(--r-ctl);
    background: transparent;
    font: inherit;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    cursor: pointer;
}
.atl-ask-recent:hover { background: var(--surface-hover); color: var(--text-primary); }
.atl-ask-recent:focus-visible { outline: 2px solid var(--lume); outline-offset: 1px; }

.atl-ai-recent-veil { position: absolute; inset: 0; z-index: 4; }
.atl-ai-recent-pop {
    position: absolute;
    top: 46px;
    right: 12px;
    z-index: 5;
    width: min(380px, calc(100% - 24px));
    padding: 6px;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-md);
}
.atl-ai-recent-pop .atl-ai-recent-head { justify-content: space-between; padding: 6px 10px 4px; }
.atl-ai-recent-pop .atl-ai-recent-open { padding: 8px 10px; }
.atl-ai-recent-pop .atl-ai-recent-meta,
.atl-ai-recent-pop .atl-ai-recent-age { font-size: var(--text-2xs); }
.atl-ai-recent-rule { height: 1px; margin: 4px 6px; background: var(--border-subtle); }

.atl-ai-recent-new {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 10px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    font: inherit;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-align: left;
    cursor: pointer;
}
.atl-ai-recent-new:hover { background: var(--surface-hover); color: var(--text-primary); }

.atl-ai-continue {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 2px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}
.atl-ai-continue::before,
.atl-ai-continue::after { content: ""; flex: 1; height: 1px; background: var(--border-subtle); }


.atl-ask.is-open { --ask-col: 1180px; --ask-input: 860px; }

.atl-ask.is-open .atl-ask-head { padding: 14px 18px 10px 24px; }
.atl-ask.is-open .atl-ask-title { font-size: var(--text-title3); }
.atl-ask.is-open .atl-ask-rule { display: none; }
.atl-ask.is-open .atl-ask-btn { width: 34px; height: 34px; border-radius: 50%; }
.atl-ask.is-open .atl-ask-btn:hover:not(:disabled) { background: var(--surface-control); }

.atl-ask.is-open .atl-ai-thread {
    gap: 22px;
    margin: 0;
    padding: 20px max(24px, calc((100% - var(--ask-col)) / 2)) 24px;
}

.atl-ask.is-open .atl-ai-msg-role { display: none; }

.atl-ask.is-open .atl-ai-msg.is-user {
    max-width: min(80%, 560px);
    padding: 10px 16px;
    border: 0;
    border-radius: var(--r-modal);
    background: var(--surface-bubble);
}

.atl-ask.is-open .atl-ai-msg.is-bot {
    align-self: stretch;
    max-width: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.atl-ask.is-open .atl-ai-msg-text { font-size: var(--text-title3); line-height: 1.65; }
.atl-ask.is-open .atl-ai-msg.is-bot .atl-ai-msg-text pre { background: var(--surface-raised); border-color: transparent; border-radius: var(--r-card); }
.atl-ask.is-open .atl-ai-msg.is-bot .atl-ai-msg-text table { border-radius: var(--r-card); }

.atl-ask.is-open .atl-ai-composer {
    align-self: center;
    width: min(var(--ask-input), calc(100% - 48px));
    margin: 0 0 24px;
    padding: 8px 8px 8px 20px;
    border: 1px solid transparent;
    border-radius: 26px;
    background:
        linear-gradient(var(--surface-raised), var(--surface-raised)) padding-box,
        linear-gradient(120deg, var(--lume), color-mix(in srgb, var(--lume) 22%, transparent) 55%, color-mix(in srgb, var(--lume) 55%, transparent)) border-box;
    box-shadow: none;
}
.atl-ask.is-open .atl-ai-composer:focus-within {
    border-color: transparent;
    box-shadow: none;
    background:
        linear-gradient(var(--surface-raised), var(--surface-raised)) padding-box,
        linear-gradient(var(--accent-fill), var(--accent-fill)) border-box;
}
.atl-ask.is-open .atl-ai-input,
.atl-ask.is-open .atl-ai-ghost { font-size: var(--text-title3); }
.atl-ask.is-open .atl-ai-input { min-height: 36px; padding: 8px 0; line-height: 20px; }
.atl-ask.is-open .atl-ai-ghost { height: 36px; }
.atl-ask.is-open .atl-ai-send {
    width: 36px; height: 36px;
    border: 0;
    background: var(--accent-fill);
    color: var(--text-on-accent);
}
.atl-ask.is-open .atl-ai-send:hover:not(:disabled) { background: var(--lume-dim); }
.atl-ask.is-open .atl-ai-send:disabled { opacity: .35; }

.atl-ask.is-open.is-empty .atl-ai-thread { flex: 0 1 auto; margin-top: auto; padding-bottom: 20px; }
.atl-ask.is-open.is-empty .atl-ai-composer { margin-bottom: auto; }
.atl-ask.is-open .atl-ai-empty { gap: 18px; padding: 0 0 10px; align-items: center; text-align: center; }
.atl-ai-empty-mark { display: block; }
.atl-ask.is-open .atl-ai-empty-text {
    margin: 0;
    max-width: 560px;
    font-family: var(--font-title);
    font-weight: var(--weight-medium);
    font-size: var(--text-display);
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}
.atl-ask.is-open.is-empty .atl-ai-recent { width: 100%; max-width: 520px; align-self: center; }

.atl-ai-fresh { animation: lm-fade var(--dur-control) var(--ease-out) backwards; }
@media (prefers-reduced-motion: reduce) {
    .atl-ai-fresh { animation: none; }
}



:root {
    --lx-bg: var(--surface-primary);
    --lx-ink: var(--text-primary);
    --lx-ink-soft: var(--text-secondary);
    --lx-ink-mute: var(--text-tertiary);
    --lx-ink-dim: var(--text-quaternary);
    --lx-hair: var(--border-subtle);
    --lx-hair-strong: var(--border-strong);
    --lx-glass: var(--surface-raised);
    --lx-glass-solid: var(--surface-overlay);
    --lx-accent: var(--accent);
    --lx-accent-soft: var(--accent-soft);
    --lx-violet: var(--accent);
    --lx-violet-strong: var(--accent);
    --lx-warn: var(--status-warn);
    --lx-bad: var(--status-crit);
    --lx-good: var(--status-ok);
    --lx-spring: var(--ease);
    --lx-snap: var(--ease);
    --lx-wash-1: var(--surface-hover);
    --lx-wash-2: var(--surface-hover);
    --lx-wash-3: var(--surface-active);
    --lx-scroll-thumb: var(--border-strong);
    --lx-shadow-float: var(--shadow-card);
    --lx-shadow-panel: var(--shadow-pop);
    --lx-veil: var(--scrim);
}

[data-theme="light"] {
    --lx-glass: var(--surface-raised);
    --lx-glass-solid: var(--surface-overlay);
}

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.lx-shell {
    height: 100vh;
    height: 100dvh;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    background: var(--surface-canvas);
    color: var(--text-primary);
    position: relative;
}

.lx-shell::before {
    content: '';
    position: fixed;
    inset: 0;
    background: radial-gradient(900px 600px at 88% -8%, var(--accent-tint), transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.lx-canvas {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    background: var(--surface-base);
}

.lx-shell .lx-canvas::before {
    content: '';
    position: sticky;
    top: 0;
    z-index: 30;
    display: block;
    height: 10px;
    margin-bottom: -10px;
    background: linear-gradient(var(--shadow-edge), transparent);
    opacity: 0;
    pointer-events: none;
    animation: lx-edge linear both;
    animation-timeline: scroll(nearest block);
    animation-range: 0 32px;
    animation-duration: auto !important;
}

@keyframes lx-edge { from { opacity: 0; } to { opacity: 1; } }

.lx-bar {
    position: relative;
    height: 52px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 16px 0 18px;
    background: var(--surface-sidebar);
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-family: var(--font-ui);
    font-size: var(--text-base);
}

.lx-bar-mark {
    flex: none;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 4px;
    border-radius: var(--r-ctl);
    color: var(--lum-brand);
    text-decoration: none;
}
.lx-bar-mark:hover { text-decoration: none; }
.lx-bar-mark:focus-visible { outline: 2px solid var(--lume); outline-offset: 2px; }

.lx-bar-sep {
    flex: none;
    width: 1px;
    height: 20px;
    background: var(--border-default);
}

.lx-bar-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

.lx-bar-links {
    flex: none;
    display: flex;
    align-items: center;
    gap: 2px;
}

.lx-bar-link {
    height: 30px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--r-pill);
    background: transparent;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.lx-bar-link:hover { background: var(--surface-hover); color: var(--text-primary); text-decoration: none; }
.lx-bar-link.is-open { background: var(--surface-hover); color: var(--text-primary); }
.lx-bar-link.is-active {
    background: var(--surface-control);
    color: var(--text-heading);
    font-weight: var(--weight-semibold);
}
.lx-bar-link:focus-visible { outline: 2px solid var(--lume); outline-offset: 2px; text-decoration: none; }
.lx-bar-link:active,
.lx-bar-avatar:active { background: var(--surface-selected); }

.lx-bar-chev { flex: none; opacity: .7; transition: transform var(--dur) var(--ease); }
.is-open > .lx-bar-chev { transform: rotate(180deg); }

.lx-bar-avatar {
    flex: none;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: inherit;
    font-size: var(--text-xs);
    font-weight: 700;
    cursor: pointer;
    transition: background var(--dur) var(--ease);
}
.lx-bar-avatar:hover,
.lx-bar-avatar.is-open { background: var(--surface-segment); }
.lx-bar-avatar:focus-visible { outline: 2px solid var(--lume); outline-offset: 2px; }

.lx-bar-pop { position: relative; display: flex; }

.lx-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 200px;
    padding: 6px;
    border: 0;
    border-radius: var(--r-modal);
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    box-shadow: var(--shadow-sheet);
}
.lx-menu.is-end { left: auto; right: 0; }
.lx-menu .lum-ctx-item { text-decoration: none; color: var(--text-primary); }
.lx-menu .lum-ctx-item:hover { text-decoration: none; }
.lx-menu .lum-ctx-item.is-on { background: var(--surface-hover); color: var(--text-heading); font-weight: var(--weight-semibold); }

.lx-account { width: 260px; gap: 2px; }
.lx-account-who {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 8px 10px;
    margin-bottom: 4px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}
.lx-account-avatar {
    flex: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
}
.lx-account-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lx-account-name,
.lx-account-role { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx-account-name { font-size: var(--text-md); font-weight: var(--weight-semibold); color: var(--text-heading); }
.lx-account-role { font-size: var(--text-xs); color: var(--text-tertiary); }
.lx-account-theme {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 0 0 10px;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
}
.lx-menu .lum-ctx-item.lx-account-out {
    margin-top: 4px;
    border-radius: 0 0 var(--r-ctl) var(--r-ctl);
    box-shadow: inset 0 1px 0 var(--border-subtle);
    color: var(--status-crit);
}

.lx-db {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lx-db-name {
    height: 32px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px 0 10px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-heading);
    font-family: var(--font-title);
    font-size: var(--text-title3);
    font-weight: var(--weight-semibold);
    letter-spacing: -0.01em;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--dur) var(--ease);
}
.lx-db-name .lx-bar-chev { color: var(--text-tertiary); opacity: 1; }
.lx-db-name:hover,
.lx-db-name.is-open { background: var(--surface-control); }
.lx-db-name:focus-visible { outline: 2px solid var(--lume); outline-offset: 2px; }

.lx-db-kind {
    height: 20px;
    display: flex;
    align-items: center;
    padding: 0 7px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    color: var(--text-secondary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
}

.lx-db-inst {
    height: 28px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 8px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-tertiary);
    font-family: inherit;
    font-size: var(--text-sm);
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.lx-db-inst:hover { background: var(--surface-hover); color: var(--text-primary); }
.lx-db-fig { display: inline-flex; align-items: center; gap: 4px; }

.lx-learn {
    height: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px 0 7px;
    border: 0;
    border-radius: var(--r-pill);
    background: var(--surface-selected);
    color: var(--text-primary);
    font-family: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--dur) var(--ease);
}
.lx-learn:hover,
.lx-learn.is-open { background: var(--row-selected); }
.lx-learn:focus-visible { outline: 2px solid var(--lume); outline-offset: 2px; }
.lx-learn-ring { flex: none; transform: rotate(-90deg); }
.lx-learn-track,
.lx-learn-done { fill: none; stroke-width: 2; }
.lx-learn-track { stroke: var(--border-strong); }
.lx-learn-done { stroke: var(--accent-chart); stroke-linecap: round; }

.lx-menu.lx-learn-pop { width: 372px; padding: 14px 16px; }
.lx-learn-title {
    color: var(--text-heading);
    font-family: var(--font-title);
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
}
.lx-learn-note {
    margin: 4px 0 12px;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: 1.45;
}
.lx-learn-steps {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lx-learn-step {
    display: grid;
    grid-template-columns: 15px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 8px;
    color: var(--text-primary);
    font-size: var(--text-sm);
}
.lx-learn-step .owl-icon { color: var(--text-tertiary); }
.lx-learn-step.is-ready .owl-icon { color: var(--lume); }
.lx-learn-when {
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.lx-bar-tabs {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
}

.lx-bar-ask.atl-askbar {
    flex: 0 1 330px;
    min-width: 200px;
    height: 36px;
    padding: 0 14px 0 4px;
}
.lx-bar-ask .atl-askbar-hint,
.lx-bar-ask input { font-size: var(--text-base); }

.lx-switch {
    position: absolute;
    top: calc(100% + 10px);
    left: -6px;
    z-index: 1351;
    width: 560px;
    max-height: calc(100vh - 90px);
    display: flex;
    flex-direction: column;
    border-radius: var(--r-modal);
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    box-shadow: var(--shadow-sheet);
    overflow: hidden;
}

.lx-switch-find {
    flex: none;
    height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0 16px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    color: var(--text-tertiary);
}
.lx-switch-find input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-heading);
    font-family: var(--font-ui);
    font-size: var(--text-md);
}
.lx-switch-find input::placeholder { color: var(--text-tertiary); }

.lx-switch-list {
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 8px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
}

.lx-switch-head {
    padding: 6px 10px 4px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}
.lx-switch-head:not(:first-child) { padding-top: 12px; }

.lx-switch-row {
    flex: none;
    height: 36px;
    display: grid;
    grid-template-columns: 150px 88px minmax(0, 1fr) 18px;
    align-items: center;
    column-gap: 10px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    text-align: left;
    cursor: pointer;
}
.lx-switch-row:hover { background: var(--surface-hover); }
.lx-switch-row.is-on { background: var(--surface-selected); }
.lx-switch-row:focus-visible { outline: 2px solid var(--lume); outline-offset: -2px; }

.lx-switch-name {
    font-weight: var(--weight-semibold);
    color: var(--text-heading);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lx-switch-kind {
    justify-self: start;
    height: 18px;
    display: flex;
    align-items: center;
    padding: 0 6px;
    border-radius: var(--r-chip);
    background: var(--surface-control);
    color: var(--text-secondary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
}
.lx-switch-where {
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lx-switch-tick { color: var(--accent-text); }

.lx-switch-empty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 10px;
    color: var(--text-tertiary);
}
.lx-switch-retry {
    padding: 4px 10px;
    border: 0;
    border-radius: var(--r-ctl);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: inherit;
    font-size: var(--text-xs);
    cursor: pointer;
}
.lx-switch-retry:hover { background: var(--surface-segment); }

@media (max-width: 1100px) {
    .lx-db-inst { display: none; }
    .lx-learn { padding: 0 6px; }
    .lx-learn-word { display: none; }
}
@media (max-width: 760px) {
    .lx-bar { gap: 10px; padding: 0 10px; }
    .lx-bar-mark .lum-wordmark { display: none; }
    .lx-bar-ask.atl-askbar { display: none; }
    .lx-switch { width: calc(100vw - 20px); }
    .lx-menu.lx-learn-pop { position: fixed; top: 58px; left: 10px; right: 10px; width: auto; }
}


.signin {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
    box-sizing: border-box;
    background: var(--surface-canvas);
}

.signin-stage {
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 40px 44px 44px;
    border: 1px solid var(--border-subtle);
    border-radius: 24px;
    background: var(--surface-raised);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 24px 60px -24px rgba(0, 0, 0, .45);
    text-align: center;
}
[data-theme="light"] .signin-stage { box-shadow: 0 1px 2px rgba(27, 27, 27, .08), 0 24px 60px -28px rgba(27, 27, 27, .22); }

.signin-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 28px;
}
.signin-mark .lum-mark { margin: 0 auto; }
.signin-word { margin-top: 6px; font-size: 34px; font-weight: 400; letter-spacing: 0.01em; color: var(--text-heading); }
.signin-title {
    align-self: stretch;
    margin: 24px 0 0;
    padding-top: 22px;
    border-top: 1px solid var(--border-subtle);
    font-family: var(--font-title);
    font-weight: var(--weight-title);
    font-size: var(--text-3xl);
    line-height: 1.15;
    letter-spacing: -0.015em;
    color: var(--text-primary);
}
.signin-sub { margin: 6px 0 0; font-size: var(--text-md); color: var(--text-secondary); }

.signin-after { padding-top: 20px; }

.signin-notice {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--r-card);
    background: var(--status-warn-soft);
    color: var(--warn);
    font-size: var(--text-base);
    line-height: 1.45;
    text-align: left;
}
.signin-notice .material-icons { font-size: 18px; flex: none; }

.signin-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: left;
}
.signin-input { width: 100%; }
.signin-input .lum-input,
.signin-pass-input {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding: 0 16px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-title3);
    outline: none;
    transition: border-color var(--dur-quick, 120ms) var(--ease), background-color var(--dur-quick, 120ms) var(--ease);
}
.signin-input .lum-input:focus,
.signin-pass-input:focus { border-color: var(--lume); background: var(--surface-raised); }
.signin-input .lum-input::placeholder,
.signin-pass-input::placeholder { color: var(--text-quaternary); }

.signin-pass { position: relative; }
.signin-pass-input { padding-right: 48px; }
.signin-pass-toggle {
    position: absolute;
    top: 50%; right: 6px;
    translate: 0 -50%;
    width: 36px; height: 36px;
    display: grid; place-items: center;
    border: 0;
    border-radius: var(--r-card);
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
}
.signin-pass-toggle:hover { color: var(--text-primary); background: var(--surface-hover); }
.signin-pass-toggle .material-icons { font-size: 19px; }

.signin-error { margin: 8px 0 0 2px; font-size: var(--text-sm); color: var(--critical); animation: signin-rise 260ms var(--ease-out, var(--ease)) backwards; }

.signin-submit {
    margin-top: 8px;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    border-radius: var(--r-card);
    background: var(--accent-fill);
    color: var(--text-on-accent);
    font-family: var(--font-ui);
    font-size: var(--text-title3);
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--dur-quick, 120ms) var(--ease), scale var(--dur-quick, 120ms) var(--ease);
}
.signin-submit:hover:not(:disabled) { background: var(--lume-dim); }
.signin-submit:active:not(:disabled) { scale: .985; }
.signin-submit:disabled { cursor: progress; }
.signin-submit .lum-mark { --lum-brand: var(--text-on-accent); }

.signin-foot { margin-top: 20px; }
.signin-theme {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
}

@keyframes signin-rise {
    from { opacity: 0; translate: 0 10px; }
    to   { opacity: 1; translate: 0 0; }
}
.signin-word                 { animation: signin-rise 560ms var(--ease-out, ease-out) 560ms backwards; }
.signin-title                { animation: signin-rise 640ms var(--ease-out, ease-out) 680ms backwards; }
.signin-sub                  { animation: signin-rise 560ms var(--ease-out, ease-out) 740ms backwards; }
.signin-form > :nth-child(1) { animation: signin-rise 560ms var(--ease-out, ease-out) 780ms backwards; }
.signin-form > :nth-child(2) { animation: signin-rise 560ms var(--ease-out, ease-out) 840ms backwards; }
.signin-form > :nth-child(3) { animation: signin-rise 560ms var(--ease-out, ease-out) 900ms backwards; }
.signin-notice               { animation: signin-rise 560ms var(--ease-out, ease-out) 880ms backwards; }
.signin-foot                 { animation: signin-rise 560ms var(--ease-out, ease-out) 960ms backwards; }

.signin-form.is-shake-a { animation: signin-shake-a 420ms var(--ease-out, ease-out); }
.signin-form.is-shake-b { animation: signin-shake-b 420ms var(--ease-out, ease-out); }
@keyframes signin-shake-a { 0%, 100% { translate: 0 0; } 20% { translate: -9px 0; } 40% { translate: 7px 0; } 60% { translate: -4px 0; } 80% { translate: 2px 0; } }
@keyframes signin-shake-b { 0%, 100% { translate: 0 0; } 20% { translate: -9px 0; } 40% { translate: 7px 0; } 60% { translate: -4px 0; } 80% { translate: 2px 0; } }

@media (prefers-reduced-motion: reduce) {
    .signin-word, .signin-title, .signin-sub, .signin-notice, .signin-form, .signin-form > *, .signin-foot, .signin-error { animation: none !important; }
}


.lx-sessions-container {
    padding: 20px;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.lx-sessions-container > .lx-tabs {
    flex: 1;
    min-height: 0;
}

.lx-sessions-header {
    background: var(--surface-card);
    border-radius: var(--radius-xl);
    padding: 16px 20px;
    margin-bottom: 20px;
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-card);
    display: flex;
    align-items: center;
    gap: 16px;
}

.lx-sessions-db-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lx-sessions-db-icon {
    width: 40px;
    height: 40px;
    background: var(--accent-soft);
    border-radius: var(--r-card);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    font-size: 20px;
}

.lx-sessions-db-name {
    font-family: var(--font-ui);
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--text-primary);
}

.lx-sessions-controls {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
    flex-wrap: wrap;
}


.settings-layout {
    display: flex;
    gap: 24px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.settings-sidebar {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.settings-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
    color: var(--text-secondary);
    font-size: var(--text-base);
    font-weight: 500;
}

.settings-nav-item:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.settings-nav-item .material-icons {
    font-size: 20px;
}

.settings-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 8px;
}

.settings-section {
    margin-bottom: 24px;
}

.settings-section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.settings-section-header .material-icons {
    font-size: 20px;
    color: var(--accent);
}

.settings-section-header h2 {
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    margin: 0;
}


.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-subtle);
    flex-shrink: 0;
}

.page-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-header-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: var(--r-card);
    background: var(--accent-tint);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.page-header-icon .material-icons {
    font-size: 22px;
    color: var(--lume);
    line-height: 1;
}

.page-header-icon.blue {
    background: var(--accent-tint);
}

.page-header-icon.purple {
    background: var(--accent-tint);
}

.page-header-icon.green {
    background: var(--accent-tint);
}

.page-header-icon.orange {
    background: var(--accent-tint);
}

.page-header-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-header-title {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    margin: 0;
    line-height: 1.2;
}

.page-header-subtitle {
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 2px 0 0 0;
    line-height: 1.3;
}

.page-header-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--surface-elevated);
    padding: 6px 12px;
    border-radius: var(--r-card);
    border: 1px solid var(--border-subtle);
}

.lx-container {
    padding: 24px;
    max-width: 100%;
}



.assign-databases-dialog {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--text-primary);
    font-family: inherit;
}

.assign-databases-dialog .db-group { color: var(--text-secondary); }


.exec-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    gap: 12px;
    padding: 12px 16px 14px;
    box-sizing: border-box;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-variant-numeric: tabular-nums;
    outline: none;
}

.exec-gap { flex: 1 1 auto; }

.exec-glyph {
    flex: none;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 1.5px;
    background: var(--text-tertiary);
}

.exec-glyph.is-crit { transform: rotate(45deg); background: var(--critical); }

.exec-glyph.is-warn {
    width: 9px;
    height: 8px;
    border-radius: 0;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: var(--warn);
}

.exec-chev { flex: none; color: var(--text-tertiary); transition: transform var(--transition-fast); }
.exec-chev.is-open { transform: rotate(90deg); }

.exec-field {
    flex: none;
    height: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border-radius: var(--r-block);
    background: var(--surface-control);
    color: var(--text-tertiary);
}

.exec-field input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-heading);
}

.exec-field input::placeholder { color: var(--text-tertiary); }
.exec-field:focus-within { box-shadow: 0 0 0 1px var(--border-strong); }

.exec-tool.lum-btn { flex: none; width: 32px; height: 32px; min-width: 32px; padding: 0; justify-content: center; }
.exec-tool.lum-btn .material-icons { font-size: 17px; }
.exec-tool.is-small.lum-btn { width: 28px; height: 28px; min-width: 28px; }
.exec-tool.is-small.lum-btn .material-icons { font-size: 16px; }

.exec-rail {
    width: clamp(560px, 38vw, 680px);
    flex: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 14px 8px 8px;
    border-radius: var(--r-card);
    background: var(--surface-raised);
    overflow: hidden;
}

.exec-rail-head {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 0 6px 0 8px;
}

.exec-rail-head .exec-tool { margin-top: 4px; }

.exec-rail-count {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.exec-rail-cap { font-size: var(--text-sm); color: var(--text-tertiary); }

.exec-rail-n {
    display: flex;
    align-items: baseline;
    gap: 7px;
    font-size: var(--text-base);
    color: var(--text-tertiary);
}

.exec-rail-n b {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-weight: var(--weight-display);
    letter-spacing: -0.02em;
    color: var(--text-heading);
}

.exec-filters {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 6px 10px;
}

.exec-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.exec-filter-select.lum-select { min-width: 0; }

.exec-list-bar {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 32px;
    padding: 0 6px 8px;
}


.exec-reset {
    flex: none;
    padding: 0;
    border: 0;
    background: none;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--accent);
    cursor: pointer;
}

.exec-shown { flex: none; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; }

.exec-list {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

.exec-check { display: inline-flex; align-items: center; }

.exec-dbname { display: flex; align-items: center; gap: 8px; min-width: 0; }
.exec-dbname-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--weight-medium); color: var(--text-heading); }

.exec-rail-note { flex: none; padding: 8px 8px 0; font-size: var(--text-sm); color: var(--text-tertiary); }

.exec-work {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.exec-card {
    border-radius: var(--r-card);
    background: var(--surface-raised);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.exec-editor-card { flex: none; }

.exec-editor-bar {
    height: 46px;
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 8px 0 16px;
}

.exec-kind {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--text-secondary);
    white-space: nowrap;
}

.exec-kind.is-problem { color: var(--warn-text); }

.exec-as { flex: none; font-size: var(--text-sm); color: var(--text-tertiary); }

.exec-cred-select.lum-select { width: 180px; flex: none; }
.exec-group-select.lum-select { width: 200px; flex: none; }
.exec-run.lum-btn { flex: none; height: 32px; }

.exec-editor { display: flex; padding: 0 16px 10px; }

.exec-textarea {
    flex: 1;
    width: 100%;
    height: 94px;
    min-height: 63px;
    max-height: 44vh;
    resize: vertical;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 2px 0 0;
    color: var(--text-heading);
    font-family: var(--font-code);
    font-size: var(--text-base);
    line-height: 21px;
    outline: none;
    tab-size: 4;
    box-sizing: border-box;
}

.exec-textarea::placeholder { color: var(--text-quaternary); }

.exec-results { flex: 1 1 auto; min-height: 0; }

.exec-idle {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.exec-idle.is-quiet { gap: 10px; color: var(--text-quaternary); font-size: var(--text-base); }

.exec-running { display: inline-flex; align-items: baseline; gap: 10px; font-size: var(--text-base); color: var(--text-tertiary); }

.exec-running b {
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
}

.exec-bar {
    position: relative;
    width: 260px;
    height: 3px;
    border-radius: 2px;
    background: var(--surface-control);
    overflow: hidden;
}

.exec-bar i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 34%;
    border-radius: 2px;
    background: var(--accent-fill);
    animation: exec-slide 1.6s ease-in-out infinite;
}

@keyframes exec-slide {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(300%); }
}

@media (prefers-reduced-motion: reduce) {
    .exec-bar i { animation: none; left: 33%; }
}

.exec-results-bar {
    height: 48px;
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 8px 0 16px;
}

.exec-results-head {
    flex: none;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    color: var(--text-heading);
    white-space: nowrap;
}

.exec-results-sub { min-width: 0; font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.exec-filter { width: 210px; }

.exec-fail {
    flex: none;
    margin: 0 10px 8px;
    border-radius: var(--r-card);
    background: var(--surface-overlay);
    overflow: hidden;
}

[data-theme="light"] .exec-fail { background: color-mix(in oklch, var(--surface-canvas) 70%, var(--surface-raised)); }

.exec-fail-line {
    width: 100%;
    height: 36px;
    border: 0;
    padding: 0 12px;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    text-align: left;
    cursor: pointer;
}

.exec-fail-n { flex: none; font-weight: var(--weight-semibold); color: var(--critical-text); }
.exec-fail-sum { flex: 1 1 auto; min-width: 0; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.exec-fail-groups { max-height: 172px; overflow-y: auto; scrollbar-width: thin; }

.exec-fail-group {
    height: 34px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 300px) 36px 28px;
    align-items: center;
    column-gap: 14px;
    padding: 0 6px 0 29px;
    box-shadow: inset 0 1px 0 var(--border-subtle);
    font-size: var(--text-sm);
}

.exec-fail-msg { min-width: 0; font-family: var(--font-code); font-size: var(--text-xs); color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.exec-fail-dbs { min-width: 0; color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.exec-fail-count { text-align: right; font-weight: var(--weight-semibold); color: var(--text-heading); }

.exec-note {
    flex: none;
    margin: 0 10px 8px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: var(--r-card);
    background: var(--surface-control);
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.exec-note-btn {
    border: 0;
    padding: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
}

.exec-note-list {
    flex: none;
    max-height: 110px;
    overflow-y: auto;
    margin: -4px 10px 8px;
    padding: 6px 12px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.exec-result-grid {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 10px 6px;
}

.exec-result-grid .lum-grid,
.exec-list .lum-grid { flex: 1 1 auto; min-width: 0; background: transparent; box-shadow: none; border-radius: 0; }
.exec-result-grid .lum-grid-table thead th,
.exec-result-grid .lum-grid-table tbody td,
.exec-list .lum-grid-table thead th,
.exec-list .lum-grid-table tbody td { background: var(--surface-raised); }
.exec-result-grid .lum-grid-table tbody tr:where(.lum-row-alt) td,
.exec-list .lum-grid-table tbody tr:where(.lum-row-alt) td { background: var(--row-alt); }
.exec-result-grid .lum-grid-table tbody tr:hover td,
.exec-list .lum-grid-table tbody tr:hover td { background: var(--row-hover); }

.exec-cell-db { font-weight: var(--weight-medium); color: var(--text-heading); }
.exec-cell-same { color: var(--text-tertiary); }
.exec-cell-diff { font-weight: var(--weight-semibold); color: var(--text-heading); }
.exec-cell-date { color: var(--text-secondary); }

.exec-groups { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 10px 6px; scrollbar-width: thin; }
.exec-groups-inner { display: flex; flex-direction: column; }

.exec-grow {
    height: 34px;
    flex: none;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    padding: 0 8px 0 28px;
    box-shadow: inset 0 -1px 0 var(--border-default);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.exec-grow > span { min-width: 0; padding-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.exec-grow-head {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface-raised);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.exec-gline {
    width: 100%;
    height: 34px;
    flex: none;
    border: 0;
    padding: 0 8px;
    background: transparent;
    box-shadow: inset 0 -1px 0 var(--border-default);
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    text-align: left;
    cursor: pointer;
}

.exec-gline:hover { background: var(--surface-hover); }
.exec-gline-v { width: 190px; flex: none; font-weight: var(--weight-semibold); color: var(--text-heading); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.exec-gline-n { width: 48px; flex: none; text-align: right; font-weight: var(--weight-semibold); color: var(--text-heading); }
.exec-gline-p { flex: none; font-size: var(--text-xs); color: var(--text-tertiary); }

.exec-share.lum-bar { width: 180px; flex: none; margin-left: 10px; }

.exec-done { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 0 10px 8px; }

.exec-done-label {
    height: 30px;
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.01em;
    color: var(--text-secondary);
}

.exec-done-label span { color: var(--text-tertiary); }

.exec-done-grid {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-auto-rows: 30px;
    column-gap: 6px;
    align-content: start;
    overflow-y: auto;
    scrollbar-width: thin;
}

.exec-done-db {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.exec-done-name { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.exec-done-time { flex: none; font-size: var(--text-xs); color: var(--text-quaternary); }

@media (max-width: 1100px) {
    .exec-page { overflow: auto; }
    .exec-work { min-height: 640px; }
}

.exec-gmore {
    height: 34px;
    flex: none;
    border: 0;
    padding: 0 8px 0 28px;
    background: transparent;
    box-shadow: inset 0 -1px 0 var(--border-default);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    text-align: left;
    cursor: pointer;
}

.exec-gmore:hover { color: var(--text-primary); }


.filter-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.filter-group .lum-select {
    min-width: 180px;
}

@media (max-width: 1200px) {
    .filter-group {
        flex: 1 1 auto;
    }
}


.atl-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 22px 32px 20px;
    box-sizing: border-box;
    color: var(--text-primary);
    font-family: var(--font-ui);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
}
.atl-page > .atl-head { flex: none; }

.atl-veil {
    position: fixed; inset: 0;
    background: var(--scrim);
    backdrop-filter: blur(6px);
    z-index: 999;
    display: grid; place-items: center;
}

.atl-head {
    display: flex; align-items: center;
    gap: 20px;
    margin: 0 0 18px;
    padding-bottom: 0;
}
.atl-title { margin: 0; }
.atl-title-row { display: flex; align-items: center; gap: 6px; }
.atl-notice {
    display: flex; align-items: center;
    gap: 8px;
    margin-left: auto;
    min-width: 0;
    max-width: 46%;
    padding: 6px 8px 6px 12px;
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-pill);
    box-shadow: var(--shadow-sm);
}
.atl-notice-text {
    font-family: var(--font-ui);
    font-size: var(--text-base);
    line-height: 1.35;
    color: var(--warn);
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.atl-name-cell {
    display: flex; align-items: center;
    gap: 8px;
    min-width: 0;
}
.atl-name-cell.is-pdb { padding-left: 14px; }

.atl-name-line {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.atl-name-text {
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
    letter-spacing: 0.01em;
    font-size: var(--text-base);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atl-name-expand {
    display: inline-grid; place-items: center;
    width: 18px; height: 18px;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 0;
    transition: background var(--transition-fast), color var(--transition-fast);
}
.atl-name-expand:hover { background: var(--surface-hover); color: var(--text-primary); }

.atl-name-spacer {
    display: inline-block;
    width: 18px; height: 18px;
}

.atl-name-tag {
    display: inline-flex; align-items: center;
    flex: none;
    padding: 1px 7px;
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
}
.atl-name-tag.is-cdb {
    color: var(--text-secondary);
    background: var(--surface-hover);
    border: 1px solid var(--border-strong);
}

.atl-pill {
    display: inline-flex; align-items: center;
    padding: 2px 8px;
    border-radius: var(--r-ctl);
    background: var(--surface-hover);
    color: var(--text-primary);
    font-size: var(--text-xs);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.02em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atl-pill.is-mono { font-family: var(--font-mono); }
.atl-pill.is-soft { background: var(--surface-raised); color: var(--text-tertiary); }
.atl-pill.is-neutral {
    background: var(--surface-hover);
    color: var(--text-secondary);
}

.atl-pill.is-primary {
    color: var(--text-secondary);
    background: var(--surface-hover);
    border: 1px solid var(--border-strong);
    font-weight: 600;
    letter-spacing: 0.01em;
    font-size: var(--text-2xs);
}
.atl-pill.is-standby {
    color: var(--text-heading);
    background: var(--accent-tint);
    font-weight: 600;
    letter-spacing: 0.01em;
    font-size: var(--text-2xs);
}

.atl-pill.is-good { color: var(--text-secondary); background: var(--surface-hover); }
.atl-pill.is-warn { color: var(--warn); background: var(--status-warn-soft); }
.atl-pill.is-bad  { color: var(--critical); background: var(--status-crit-soft); }

.atl-pill.is-size {
    color: var(--text-heading);
    background: var(--accent-tint);
    font-weight: 500;
    font-family: var(--font-mono);
}
.atl-pill.is-size small {
    margin-left: 2px;
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.atl-pill.is-version {
    color: var(--text-secondary);
    background: var(--surface-hover);
    font-weight: 600;
    letter-spacing: 0.3px;
}

.atl-pill.is-patch {
    color: var(--text-secondary);
    background: var(--surface-hover);
    font-weight: 500;
    letter-spacing: 0.3px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.atl-pill.is-openmode-rw {
    color: var(--text-secondary);
    background: var(--surface-hover);
    font-weight: 500;
    letter-spacing: 0.01em;
}
.atl-pill.is-openmode-ro {
    color: var(--text-heading);
    background: var(--accent-tint);
    font-weight: 500;
    letter-spacing: 0.01em;
}
.atl-pill.is-openmode-mt {
    color: var(--warn);
    background: var(--status-warn-soft);
    font-weight: 500;
    letter-spacing: 0.01em;
}

.atl-cell-mono {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    letter-spacing: 0.01em;
}

.atl-spark { display: block; }
.atl-wait-txt {
    display: inline-block;
    max-width: 220px;
    font-size: var(--text-xs);
    font-family: var(--font-ui);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.atl-wait-txt.is-warn { color: var(--warn); }
.atl-wait-txt.is-crit { color: var(--critical); font-weight: 500; }

.atl-flag .material-icons { font-size: 16px; }
.atl-flag.is-on  { color: var(--lume-dim); }
.atl-flag.is-off { color: var(--text-quaternary); }





.atl-ctx-overlay {
    position: fixed; inset: 0;
    background: transparent;
    z-index: 9000;
}
.atl-ctx-menu {
    position: fixed;
    min-width: 220px;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-md);
    padding: 6px;
    z-index: 9001;
}
.atl-ctx-list {
    list-style: none;
    margin: 0; padding: 0;
}
.atl-ctx-sep {
    height: 1px;
    margin: 4px 6px;
    background: var(--border-subtle);
}
.atl-ctx-item button {
    display: flex; align-items: center;
    gap: 10px;
    width: 100%;
    padding: 7px 10px;
    background: transparent;
    border: 0;
    border-radius: var(--r-ctl);
    color: var(--text-primary);
    font-size: var(--text-base);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}
.atl-ctx-item button:hover:not(:disabled) {
    background: var(--surface-hover);
}
.atl-ctx-item.is-disabled button,
.atl-ctx-item button:disabled {
    color: var(--text-tertiary);
    cursor: not-allowed;
}
.atl-ctx-ico {
    font-size: 16px !important;
    color: var(--text-tertiary);
}
.atl-ctx-item.is-danger button { color: var(--critical); }
.atl-ctx-item.is-danger button:hover:not(:disabled) {
    background: var(--status-crit-soft);
}
.atl-ctx-item.is-danger .atl-ctx-ico { color: var(--critical); }

.atl-cell-empty {
    color: var(--text-quaternary);
}


.atl-body {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
}

.atl-main {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.atl-flex1 { flex: 1; }

.atl-page .atl-ask.is-card:not(.is-open) { display: none; }

.atl-grid-card {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}


.atl-page .atl-layout {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    gap: 12px;
}
.atl-page .atl-content {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    overflow: hidden;
}

.atl-side {
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
}
.atl-sum {
    flex: none;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px 16px 18px 20px;
    border-bottom: 1px solid var(--border-subtle);
}
.atl-sum-total { display: flex; flex-direction: column; gap: 6px; min-width: 64px; font-variant-numeric: tabular-nums; }
.atl-sum-total b {
    font-family: var(--font-title, var(--font-display));
    font-size: var(--text-hero);
    font-weight: 600;
    line-height: .9;
    letter-spacing: -0.035em;
    color: var(--text-heading);
}
.atl-sum-total span { font-size: var(--text-xs); color: var(--text-tertiary); }

.atl-sum-stats {
    display: flex; flex-direction: column; gap: 1px;
    min-width: 0;
    padding-left: 16px;
    border-left: 1px solid var(--border-subtle);
}
.atl-sum-stats button {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    height: 26px;
    margin: 0 -8px;
    padding: 0 8px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    text-align: left;
    font-family: var(--font-ui);
    cursor: pointer;
    transition: background var(--dur) var(--ease), opacity var(--dur) var(--ease);
}
.atl-sum-stats button:hover { background: var(--surface-control); }
.atl-sum-stats button.is-on { background: var(--surface-control); }
.atl-sum.has-filter .atl-sum-stats button:not(.is-on) { opacity: .5; }
.atl-sum-key { display: block; justify-self: center; width: 6px; height: 6px; }
.atl-sum-key.is-online  { background: var(--accent-fill); border-radius: 50%; }
.atl-sum-key.is-warning { width: 8px; height: 7px; background: var(--status-warn); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.atl-sum-key.is-offline { border-radius: 1px; rotate: 45deg; background: var(--status-crit); }
.atl-sum-key.is-unwatched { width: 7px; height: 7px; box-sizing: border-box; border: 1.5px solid var(--text-quaternary); border-radius: 50%; }
.atl-sum-stats button.is-zero .atl-sum-key { opacity: .3; }
.atl-sum-stats small { font-size: var(--text-sm); color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atl-sum-stats b { font-size: var(--text-md); font-weight: 600; color: var(--text-heading); font-variant-numeric: tabular-nums; }
.atl-sum-stats b.is-warn { color: var(--warn-text); }
.atl-sum-stats b.is-crit { color: var(--critical-text); }

.atl-src { flex: none; display: flex; flex-direction: column; padding: 8px; }
.atl-src + .atl-src { border-top: 1px solid var(--border-subtle); }
.atl-src-head {
    height: 28px;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 4px 0 8px;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-tertiary);
}
.atl-src-head button {
    height: 22px;
    padding: 0 6px;
    border: 0;
    border-radius: var(--r-chip);
    background: transparent;
    color: var(--text-tertiary);
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    cursor: pointer;
}
.atl-src-head button:hover { background: var(--surface-control); color: var(--text-primary); }
.atl-src-head button.is-on { color: var(--text-heading); font-weight: 600; }
.atl-src-row {
    height: 30px;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 8px;
    border-radius: var(--r-block);
    color: var(--text-primary);
    font-size: var(--text-base);
    cursor: pointer;
    user-select: none;
    transition: background var(--dur) var(--ease);
}
.atl-src-row:hover { background: var(--surface-control); }
.atl-src-row.is-on { background: var(--surface-control); color: var(--text-heading); }
.atl-src-row.is-on + .atl-src-row.is-on { border-top-left-radius: 0; border-top-right-radius: 0; }
.atl-src-row.is-on:has(+ .atl-src-row.is-on) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.atl-src-row input {
    appearance: none;
    -webkit-appearance: none;
    display: grid; place-items: center;
    flex: none;
    width: 14px; height: 14px;
    margin: 0;
    border: 1.5px solid var(--border-strong);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: border-color var(--dur) var(--ease);
}
.atl-src-row input::after {
    content: "";
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--accent-fill);
    scale: 0;
    transition: scale var(--dur) var(--ease);
}
.atl-src-row input:checked { border-color: var(--accent-fill); }
.atl-src-row input:checked::after { scale: 1; }
.atl-src-row input:focus-visible { outline: 2px solid var(--lume); outline-offset: 2px; }
.atl-src-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atl-src-row.is-on .atl-src-name { font-weight: 600; }
.atl-src-n { min-width: 22px; text-align: right; font-size: var(--text-xs); color: var(--text-tertiary); font-variant-numeric: tabular-nums; }
.atl-src-row.is-on .atl-src-n { color: var(--text-secondary); }

.atl-page .atl-head {
    flex: none;
    display: grid;
    grid-template-columns: minmax(max-content, 1fr) minmax(220px, 440px) minmax(max-content, 1fr);
    align-items: center;
    gap: 20px;
    margin: 0 0 14px;
}
.atl-head-side { min-width: 0; display: flex; align-items: center; gap: 12px; }
.atl-head-side.is-end { justify-content: flex-end; gap: 8px; }
.atl-head-mid { min-width: 0; display: flex; justify-content: center; }
.atl-head-mid .atl-askbar { max-width: 440px; }

.atl-page .atl-title {
    margin: 0;
    font-family: var(--font-title, var(--font-display));
    font-size: var(--text-2xl);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--text-heading);
}
.atl-attn-word { font-size: var(--text-sm); color: var(--text-tertiary); white-space: nowrap; }
.atl-attn-anchor { position: relative; z-index: 60; flex: none; }
.atl-attn-btn { height: 28px; }
.atl-attn-btn .lum-pill-count { margin-right: -8px; }

.atl-attn-pop {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1100;
    width: min(860px, calc(100vw - 260px));
    height: min(var(--atl-attn-h, 548px), max(548px, 62vh), calc(100vh - 140px));
    display: grid;
    grid-template-columns: 256px minmax(0, 1fr);
    border-radius: var(--r-modal);
    background: var(--surface-ground);
    box-shadow: var(--shadow-sheet);
    overflow: hidden;
    outline: none;
}

.atl-attn-side {
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border-subtle);
    background: var(--surface-raised);
}

.atl-sev {
    flex: none;
    display: flex;
    gap: 2px;
    margin: 10px 10px 8px;
    padding: 3px;
    border-radius: var(--r-card);
    background: var(--surface-control);
}
.atl-sev-tab {
    flex: 1;
    height: 26px;
    display: flex; align-items: center; justify-content: center;
    gap: 6px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--text-secondary);
    cursor: pointer;
}
.atl-sev-tab:hover { color: var(--text-primary); }
.atl-sev-tab.is-on {
    background: var(--surface-segment);
    color: var(--text-primary);
    box-shadow: var(--shadow-sm);
}
.atl-sev-count {
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--text-quaternary);
}
.atl-sev-tab.is-on .atl-sev-count { color: var(--text-secondary); }

.atl-attn-dbs {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 6px 6px;
}
.atl-attn-quiet {
    padding: 20px 10px;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}
.atl-attn-db {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 10px;
    width: 100%;
    padding: 6px 10px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    font-family: var(--font-ui);
    text-align: left;
    cursor: pointer;
}
.atl-attn-db + .atl-attn-db { margin-top: 1px; }
.atl-attn-db:hover { background: var(--row-hover); }
.atl-attn-db.is-on { background: var(--row-selected); }
.atl-attn-db:focus-visible { outline: 2px solid var(--border-focus); outline-offset: -2px; }
.atl-attn-db-name {
    overflow: hidden;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 17px;
    letter-spacing: 0.01em;
    color: var(--text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atl-attn-db-n {
    font-size: var(--text-xs);
    line-height: 17px;
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
}
.atl-attn-db-lead {
    grid-column: 1 / -1;
    overflow: hidden;
    font-size: var(--text-xs);
    line-height: 15px;
    color: var(--text-tertiary);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atl-attn-db.is-on .atl-attn-db-name { color: var(--text-heading); }
.atl-attn-db.is-on .atl-attn-db-n,
.atl-attn-db.is-on .atl-attn-db-lead { color: var(--text-secondary); }

.atl-attn-main {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.atl-attn-main-head {
    flex: none;
    height: 48px;
    display: flex; align-items: center;
    gap: 10px;
    box-sizing: border-box;
    padding: 0 10px 0 18px;
}
.atl-attn-main-name {
    flex: none;
    max-width: 60%;
    overflow: hidden;
    font-family: var(--font-display);
    font-size: var(--text-title3);
    font-weight: var(--weight-display);
    letter-spacing: -0.015em;
    color: var(--text-heading);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atl-attn-main-sub {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atl-attn-close {
    flex: none;
    margin-left: auto;
    width: 28px; height: 28px;
    display: inline-grid; place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
}
.atl-attn-close:hover { background: var(--surface-control); color: var(--text-primary); }

.atl-attn-cards {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 12px 12px;
}
.atl-attn-card {
    flex: none;
    overflow: hidden;
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-card);
    background: var(--surface-raised);
}
.atl-attn-card-head {
    height: 28px;
    display: flex; align-items: center;
    gap: 6px;
    box-sizing: border-box;
    padding: 2px 12px 0;
}
.atl-attn-card-head .lum-disc-count { font-size: var(--text-xs); color: var(--text-quaternary); }

.atl-issue {
    position: relative;
    grid-template-columns: 12px minmax(0, 11fr) minmax(0, 9fr) 28px;
    column-gap: 8px;
    align-items: center;
    height: 30px;
    padding: 0 12px;
}
.atl-issue::before,
.atl-issue-more::before {
    content: '';
    position: absolute;
    top: 0; right: 0; left: 32px;
    height: 1px;
    background: var(--border-subtle);
}
.atl-issue .lum-finding-row-t {
    grid-column: 4;
    padding: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.atl-issue-measure {
    grid-row: 1;
    grid-column: 3;
    min-width: 0;
    overflow: hidden;
    color: var(--text-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atl-issue.is-info .atl-issue-measure { color: var(--text-tertiary); }
.atl-issue-more {
    position: relative;
    height: 30px;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 12px 0 32px;
    color: var(--text-secondary);
    text-decoration: none;
}
a.atl-issue-more:hover { background: var(--row-hover); color: var(--text-primary); }
.atl-issue-more .owl-icon { color: var(--text-quaternary); }

@media (max-width: 999px) {
    .atl-attn-pop {
        position: fixed;
        top: 96px; right: 12px; left: 12px;
        width: auto;
        grid-template-columns: minmax(150px, 36%) minmax(0, 1fr);
    }
}

.atl-glyph { display: inline-block; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--text-quaternary); }
.atl-glyph.is-good { background: var(--text-quaternary); }
.atl-glyph.is-off { width: 7px; height: 7px; border-radius: 1.5px; rotate: 45deg; background: var(--status-crit); }
.atl-glyph.is-quiet { width: 8px; height: 8px; background: transparent; box-shadow: inset 0 0 0 1.5px var(--offline); }
.atl-glyph.is-crit { width: 7px; height: 7px; border-radius: 1.5px; transform: rotate(45deg); background: var(--critical); }
.atl-glyph.is-warn { width: 9px; height: 8px; border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: var(--warn); }

.atl-btn {
    flex: none;
    height: 32px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--r-pill);
    background: var(--surface-control);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.atl-btn:hover:not(:disabled) { color: var(--text-heading); background: var(--surface-segment); }
.atl-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.atl-btn:disabled { opacity: .45; cursor: not-allowed; }
.atl-btn.is-primary { background: var(--accent-fill); color: var(--text-on-accent); font-weight: 600; }
.atl-btn.is-primary:hover:not(:disabled) { background: var(--lume-dim); }
.atl-btn:active:not(:disabled) { background: var(--surface-selected); }
.atl-btn.is-primary:active:not(:disabled) { background: var(--lume-dim); filter: brightness(.9); }
.atl-pick { position: relative; flex: none; }
.atl-text-btn {
    flex: none;
    height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--r-block);
    background: transparent;
    color: var(--text-secondary);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    cursor: pointer;
}
.atl-text-btn:hover { background: var(--surface-control); color: var(--text-primary); }

.atl-page .atl-notice {
    flex: none;
    max-width: none;
    margin: 0 0 12px;
    min-height: 36px;
    display: flex; align-items: center; gap: 10px;
    padding: 4px 4px 4px 14px;
    box-sizing: border-box;
    background: var(--warn-tint);
    border: 0;
    border-radius: var(--r-card);
    box-shadow: none;
}
.atl-page .atl-notice-text { display: block; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--warn-text); font-size: var(--text-base); }

.atl-tools {
    flex: none;
    height: 44px;
    display: flex; align-items: center; gap: 10px;
    padding: 0 8px 0 10px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-subtle);
}
.atl-tools .atl-search input { height: 30px; border-radius: var(--r-block); }
.atl-tools .atl-btn { height: 30px; border-radius: var(--r-pill); }

@media (max-width: 1279px) {
    .atl-page .atl-head { grid-template-columns: minmax(0, 1fr) auto; row-gap: 12px; }
    .atl-page .atl-head-mid { grid-column: 1 / -1; grid-row: 2; justify-content: stretch; }
    .atl-head-mid .atl-askbar { max-width: none; }
}
@media (max-width: 999px) {
    .atl-page { overflow-y: auto; height: auto; }
    .atl-page .atl-layout { grid-template-columns: minmax(0, 1fr); }
    .atl-side { overflow: visible; }
    .atl-page .atl-content { min-height: 70vh; }
}
@media (max-width: 699px) {
    .atl-page .atl-head { grid-template-columns: minmax(0, 1fr); }
    .atl-head-side.is-end { justify-content: flex-start; flex-wrap: wrap; }
    .atl-page .atl-head-mid { grid-row: 3; }
    .atl-tools { flex-wrap: wrap; }
}

.atl-search {
    position: relative;
    flex: 0 1 240px;
    min-width: 150px;
}
.atl-search input {
    width: 100%;
    height: 34px;
    padding: 0 30px 0 32px;
    box-sizing: border-box;
    background: var(--surface-control);
    border: 0;
    border-radius: var(--r-card);
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    outline: none;
    transition: box-shadow var(--dur) var(--ease);
}
.atl-search input::placeholder { color: var(--text-tertiary); }
.atl-search input:focus { box-shadow: var(--focus-ring); }
.atl-search-ico {
    position: absolute;
    left: 12px; top: 50%; transform: translateY(-50%);
    color: var(--text-tertiary);
    pointer-events: none;
}
.atl-search-clear {
    position: absolute;
    right: 6px; top: 50%; transform: translateY(-50%);
    width: 22px; height: 22px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--text-tertiary);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}
.atl-search-clear:hover { background: var(--surface-segment); color: var(--text-primary); }
.atl-search input:placeholder-shown ~ .atl-search-clear { display: none; }

.atl-col-picker {
    position: absolute;
    top: calc(100% + 8px); right: 0;
    z-index: 1100;
    width: 260px;
    max-height: min(480px, calc(100vh - 160px));
    display: flex;
    flex-direction: column;
    border-radius: var(--r-modal);
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    box-shadow: var(--shadow-sheet);
    overflow: hidden;
    transform-origin: top right;
}
.atl-col-picker-head {
    flex: none;
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 10px 6px 18px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}
.atl-col-picker-head button,
.atl-col-picker-foot button {
    height: 28px;
    padding: 0 10px;
    background: transparent;
    border: 0;
    border-radius: var(--r-block);
    color: var(--accent-text);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
}
.atl-col-picker-head button:hover,
.atl-col-picker-foot button:hover { background: var(--surface-control); }
.atl-col-picker-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 2px 8px 6px; }
.atl-col-picker-item {
    height: 32px;
    display: flex; align-items: center; gap: 10px;
    padding: 0 10px;
    border-radius: var(--r-block);
    color: var(--text-secondary);
    font-size: var(--text-base);
    cursor: pointer;
}
.atl-col-picker-item:hover { background: var(--surface-control); }
.atl-col-picker-item.is-on { color: var(--text-primary); }
.atl-col-picker-item.is-disabled { opacity: .4; cursor: not-allowed; }
.atl-col-picker-item input[type=checkbox] { margin: 0; accent-color: var(--lume); }
.atl-col-picker-foot {
    flex: none;
    display: flex; justify-content: space-between; align-items: center;
    padding: 6px 8px 8px;
    box-shadow: inset 0 1px 0 var(--border-strong);
}
.atl-col-picker-foot button.is-quiet { color: var(--text-secondary); font-weight: 500; }

@media (prefers-reduced-motion: reduce) {
    .atl-col-picker { animation: none; }
}

.atl-askbar {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 38px;
    display: flex; align-items: center; gap: 8px;
    padding: 0 16px 0 6px;
    border: 1px solid transparent;
    border-radius: var(--r-pill);
    isolation: isolate;
    --ask-bg: var(--surface-control);
    --ask-edge: 22%;
    background: linear-gradient(color-mix(in srgb, var(--lume) var(--ask-edge), transparent), color-mix(in srgb, var(--lume) var(--ask-edge), transparent)) border-box;
    transition: box-shadow var(--dur) var(--ease);
}

.atl-askbar-edge {
    position: absolute;
    inset: -1px;
    z-index: 0;
    border-radius: inherit;
    overflow: hidden;
    pointer-events: none;
}
.atl-askbar-edge::before,
.atl-askbar-edge::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: calc(100% + 48px);
    aspect-ratio: 1;
    translate: -50% -50%;
}
.atl-askbar-edge::before {
    background: conic-gradient(from 180deg,
        transparent 0 3%,
        var(--lume) 5%,
        color-mix(in srgb, var(--lume) 55%, transparent) 10%,
        transparent 24% 100%);
    animation: atl-ask-turn-back 11s linear infinite;
}
.atl-askbar-edge::after {
    background: conic-gradient(from 0deg,
        transparent 0 76%,
        color-mix(in srgb, var(--lume) 55%, transparent) 90%,
        var(--lume) 95%,
        transparent 97% 100%);
    animation: atl-ask-turn 11s linear infinite;
}
@keyframes atl-ask-turn      { to { rotate: 360deg; } }
@keyframes atl-ask-turn-back { to { rotate: -360deg; } }

.atl-askbar-fill {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: var(--ask-bg);
    pointer-events: none;
}

[data-theme="light"] .atl-askbar {
    --ask-bg: var(--surface-raised);
    --ask-edge: 40%;
    box-shadow: 0 1px 2px rgb(29 27 24 / .06), 0 2px 10px rgb(29 27 24 / .06);
}
[data-theme="light"] .atl-askbar-hint { opacity: .8; }

.atl-askbar-mark { position: relative; z-index: 1; color: var(--lum-brand); }
.atl-askbar-mark .lum-orbit-ring--a { transition: opacity var(--dur) var(--ease); }
.atl-askbar:focus-within .atl-askbar-mark .lum-orbit-ring--a { opacity: .9; }

.atl-askbar-lattice {
    position: absolute;
    inset: 1px;
    z-index: 0;
    border-radius: inherit;
    overflow: hidden;
    pointer-events: none;
    transition: opacity var(--dur) var(--ease);
}
.atl-askbar-lattice::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, var(--lume) 0 .7px, transparent 1.1px);
    background-size: 7px 7px;
    background-position: 3px 3px;
    opacity: .45;
}
.atl-askbar-lattice::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 300%;
    background: linear-gradient(90deg, var(--ask-bg) 0 44.333%, transparent 50%, var(--ask-bg) 55.667% 100%);
    animation: atl-ask-lattice 6.5s cubic-bezier(.45, 0, .55, 1) infinite;
}
@keyframes atl-ask-lattice {
    0%        { translate: -57.533% 0; }
    70%, 100% { translate: -9.133% 0; }
}
.atl-askbar:has(input:not(:placeholder-shown)) .atl-askbar-lattice { opacity: 0; }

.atl-askbar:focus-within {
    background: linear-gradient(var(--accent-fill), var(--accent-fill)) border-box;
}
.atl-askbar:focus-within .atl-askbar-edge { opacity: 0; }

.atl-askbar-field {
    position: relative;
    flex: 1; min-width: 0;
    height: 100%;
    display: flex;
}
.atl-askbar-field input { position: relative; z-index: 1; }
.atl-askbar-hint {
    position: absolute;
    inset: 0;
    display: grid;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    font-family: var(--font-ui);
    font-size: var(--text-md);
    color: var(--text-tertiary);
    opacity: .55;
    transition: opacity var(--dur-quick, 120ms) var(--ease);
}
.atl-askbar-hint > span {
    grid-area: 1 / 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    animation: atl-hint-in 420ms var(--ease-out, var(--ease)) 170ms backwards;
}
.atl-askbar-hint > span.is-out { animation: atl-hint-out 200ms var(--ease-in, ease-in) forwards; }
.atl-askbar-hint b { font-weight: var(--weight-regular); color: var(--text-heading); opacity: .85; }
.atl-askbar-field input:not(:placeholder-shown) + .atl-askbar-hint { opacity: 0; }

@keyframes atl-hint-in {
    from { opacity: 0; translate: 0 9px; }
    to   { opacity: 1; translate: 0 0; }
}
@keyframes atl-hint-out {
    from { opacity: 1; translate: 0 0; }
    to   { opacity: 0; translate: 0 -9px; }
}

@media (prefers-reduced-motion: reduce) {
    .atl-askbar-edge::before, .atl-askbar-edge::after, .atl-askbar-hint > span, .atl-askbar-hint > span.is-out { animation: none; }
    .atl-askbar-lattice { display: none; }
}
.atl-askbar input {
    flex: 1; min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-ui);
    font-size: var(--text-md);
    outline: none;
}
.atl-askbar input::placeholder { color: var(--text-tertiary); }
.atl-chip-x { font-size: var(--text-md); line-height: 1; opacity: .7; }

.atl-icon-btn {
    display: inline-grid; place-items: center;
    flex: none;
    width: 30px; height: 30px;
    padding: 0;
    border: 1px solid var(--border-subtle);
    border-radius: 50%;
    background: var(--surface-control);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.atl-icon-btn:hover:not(:disabled) { background: var(--surface-hover); color: var(--text-primary); }
.atl-icon-btn:active:not(:disabled) { background: var(--surface-selected); color: var(--text-heading); }
.atl-icon-btn:disabled { cursor: default; opacity: .6; }
.atl-icon-btn:focus-visible { outline: 2px solid var(--lume); outline-offset: 2px; }
.atl-icon-btn.is-busy .owl-icon { animation: lum-spin-rotate 1s linear infinite; }
@media (prefers-reduced-motion: reduce) { .atl-icon-btn.is-busy .owl-icon { animation: none; } }

.atl-page .atl-body { flex: 1 1 auto; min-height: 0; display: flex; }
.atl-page .atl-main { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; }
.atl-page .atl-grid-card {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}
.atl-page .atl-grid { background: transparent; border: 0; border-radius: 0; box-shadow: none; }

.atl-page .atl-grid .lum-grid-table thead th {
    height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    background: var(--surface-raised);
    border-bottom: 1px solid var(--border-strong);
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--text-tertiary);
}

.atl-page .atl-grid .lum-grid-table tbody td {
    height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    background: var(--surface-raised);
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-base);
    color: var(--text-secondary);
}
.atl-page .atl-grid.lum-grid-striped .lum-grid-table tbody td { border-bottom-color: transparent; }
.atl-page .atl-grid .lum-grid-table tbody tr:where(.lum-row-alt) td { background: var(--row-alt); }
.atl-page .atl-grid .lum-grid-table tbody tr:hover td { background: var(--row-hover); }
.atl-page .atl-grid .lum-grid-table tbody tr > td:first-child { box-shadow: none; }

.atl-page .atl-grid .lum-grid-table tbody tr.lum-grid-group-row td {
    position: sticky;
    top: 32px;
    z-index: 2;
    height: 36px;
    padding: 0 12px;
    background: var(--surface-raised) !important;
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-base);
    font-weight: 400;
    color: var(--text-secondary);
}
.atl-page .atl-grid .lum-grid-table tbody tr.lum-grid-group-row:first-child td { border-top: 0; }
.atl-page .atl-grid .lum-grid-table tbody tr.lum-grid-group-row:hover td { background: var(--surface-control) !important; }
.atl-page .atl-grid .lum-grid-group-row .lum-grid-chevron { font-size: 16px; margin-right: 6px; color: var(--text-tertiary); }
.atl-sec { display: inline-flex; align-items: baseline; gap: 12px; vertical-align: middle; font-variant-numeric: tabular-nums; }
.atl-sec-name {
    font-family: var(--font-title, var(--font-display));
    font-size: var(--text-md);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--text-heading);
}
.atl-sec-n { font-size: var(--text-sm); font-weight: 500; color: var(--text-secondary); }
.atl-sec-size { font-size: var(--text-sm); color: var(--text-tertiary); }

.atl-foot {
    flex: none;
    height: 34px;
    display: flex; align-items: center; gap: 16px;
    padding: 0 12px;
    border-top: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}
.atl-foot b { font-weight: 500; color: var(--text-secondary); }

.atl-status-dot {
    display: inline-block;
    width: 6px; height: 6px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--text-quaternary);
    cursor: pointer;
    transition: transform var(--dur) var(--ease);
}
.atl-status-dot:hover { transform: scale(1.35); }
.atl-status-dot:focus-visible { outline: 2px solid var(--lume); outline-offset: 3px; }
.atl-status-dot.is-good { background: var(--accent-fill); }
.atl-status-dot.is-off {
    width: 7px; height: 7px;
    border-radius: 1.5px;
    background: var(--status-crit);
    rotate: 45deg;
}
.atl-status-dot.is-warn {
    width: 10px; height: 9px;
    border-radius: 0;
    background: var(--warn);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.atl-status-dot.is-unwatched {
    width: 7px; height: 7px;
    box-sizing: border-box;
    border: 1.5px solid var(--text-quaternary);
    background: transparent;
}

.atl-page .atl-name-cell.is-pdb { padding-left: 0; }

.atl-tree {
    flex: none;
    width: 30px; height: 18px;
    overflow: visible;
    fill: none;
    stroke: var(--text-quaternary);
    stroke-opacity: .55;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke-opacity var(--dur) var(--ease);
}
.atl-tree.is-last .atl-tree-on { display: none; }
.atl-page .atl-grid .lum-grid-table tbody tr:hover .atl-tree { stroke-opacity: 1; }
.atl-page .atl-name-expand { position: relative; }
.atl-page .atl-name-expand.is-open::after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% - 3px);
    width: 1px;
    height: 14px;
    translate: -50% 0;
    background: var(--text-quaternary);
    opacity: .55;
    pointer-events: none;
}
.atl-page .atl-name-text,
.atl-page .atl-name-link {
    font-family: var(--font-ui);
    font-size: var(--text-md);
    font-weight: 500;
    letter-spacing: 0;
    color: var(--text-heading);
}
.atl-page .atl-name-link:hover,
.atl-page .atl-name-link:focus-visible { color: var(--text-heading); }
.atl-page .atl-name-expand { width: 18px; height: 18px; border-radius: var(--r-chip); color: var(--text-tertiary); }
.atl-page .atl-name-expand .owl-icon { transition: transform var(--dur) var(--ease); }
.atl-page .atl-name-expand.is-open .owl-icon { transform: rotate(90deg); }
.atl-page .atl-name-expand:hover { background: var(--surface-control); color: var(--text-primary); }
.atl-page .atl-name-tag {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--text-tertiary);
}

.atl-page .atl-grid .atl-pill {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: var(--text-base);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: var(--text-secondary);
}
.atl-page .atl-grid .atl-pill.is-mono { font-family: var(--font-mono); }
.atl-page .atl-grid .atl-pill.is-size { font-family: var(--font-ui); color: var(--text-secondary); }
.atl-page .atl-grid .atl-pill.is-size small { margin-left: 0; font-size: var(--text-base); color: inherit; }
.atl-page .atl-grid .atl-pill.is-good { color: var(--text-tertiary); }
.atl-page .atl-grid .atl-pill.is-good small,
.atl-page .atl-grid .atl-pill.is-warn small,
.atl-page .atl-grid .atl-pill.is-bad small { font-size: var(--text-xs); opacity: .8; }
.atl-page .atl-grid .atl-pill.is-warn,
.atl-page .atl-grid .atl-pill.is-openmode-mt { color: var(--warn-text); }
.atl-page .atl-grid .atl-pill.is-bad { color: var(--critical-text); }
.atl-page .atl-grid .atl-pill.is-standby,
.atl-page .atl-grid .atl-pill.is-openmode-ro { color: var(--text-primary); }
.atl-page .atl-cell-mono { font-size: var(--text-base); color: var(--text-tertiary); }
.atl-page .atl-wait-txt { max-width: 100%; font-size: var(--text-base); color: var(--text-secondary); }
.atl-page .atl-wait-txt.is-warn { color: var(--warn-text); }
.atl-page .atl-wait-txt.is-crit { color: var(--critical-text); font-weight: 500; }

.atl-page .atl-ctx-menu { padding: 8px; border: 0; border-radius: var(--r-modal); box-shadow: var(--shadow-sheet); }
.atl-page .atl-ctx-item button { height: 32px; padding: 0 10px; border-radius: var(--r-block); }
.atl-page .atl-ctx-item button:hover:not(:disabled) { background: var(--surface-control); }
.atl-page .atl-ctx-sep { margin: 6px 4px; background: var(--border-strong); }
.atl-page .atl-ctx-item.is-danger button { color: var(--critical-text); }
.atl-page .atl-ctx-item.is-danger .atl-ctx-ico { color: var(--critical-text); }

@media (min-width: 1900px) {
    .atl-page { padding: 28px 40px 24px; }
    .atl-page .atl-head { margin-bottom: 22px; }
    .atl-page .atl-grid .lum-grid-table tbody td { height: 36px; }
}


.settings-page {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 12px;
    background: var(--lx-bg);
    border-radius: var(--r-card);
    overflow: hidden;
}

.settings-layout {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.settings-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 8px;
}

.settings-form-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.settings-form-row:last-child {
    margin-bottom: 0;
}

.settings-form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.settings-form-group.flex-1 {
    flex: 1;
}

.settings-form-group.flex-2 {
    flex: 2;
}

.settings-form-group label {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--text-secondary);
    letter-spacing: 0.01em;
}

.settings-hint {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    margin-top: 4px;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
    background: var(--surface-elevated);
    border-radius: var(--r-card);
}

.stat-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--r-card);
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon.green {
    background: var(--status-ok-soft);
    color: var(--status-ok);
}

.stat-icon.orange {
    background: var(--status-warn-soft);
    color: var(--status-warn);
}

.stat-icon.blue {
    background: var(--accent-soft);
    color: var(--accent);
}

.stat-icon.purple {
    background: var(--accent-soft);
    color: var(--accent);
}

.stat-icon .material-icons {
    font-size: 20px;
}

.stat-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stat-value {
    font-size: var(--text-title3);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.stat-label {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    margin-top: 2px;
}

.detail-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-subtle);
}

.detail-row:last-child {
    border-bottom: none;
}

.detail-label {
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.detail-value {
    font-size: var(--text-base);
    color: var(--text-primary);
    font-weight: 500;
}

.status-badge.running {
    display: inline-flex;
    padding: 2px 8px;
    background: var(--status-ok-soft);
    border-radius: var(--r-block);
    color: var(--status-ok);
    font-size: var(--text-sm);
}



.dx {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    min-height: 100%;
}


.dx-side {
    position: sticky;
    top: 0;
    z-index: 2;
    align-self: start;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 52px);
    padding: 18px 12px 0 18px;
    box-shadow: inset -1px 0 0 var(--border-subtle);
}

.dx-find {
    position: relative;
    z-index: 1351;
    flex: none;
    margin: 0 6px 16px 0;
}

.dx-find-list {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    width: 440px;
    max-width: calc(100vw - 32px);
    max-height: min(62vh, 540px);
    overflow-y: auto;
    padding: 4px;
    background: var(--material-pop);
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-md);
}

.dx-find-item {
    display: grid;
    gap: 1px;
    padding: 8px 10px;
    border-radius: var(--r-block);
    color: var(--text-secondary);
    text-decoration: none;
}

.dx-find-item b { font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--text-primary); }
.dx-find-item small { font-size: 12px; line-height: 1.3; color: var(--text-tertiary); }

.dx-find-item span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.5;
}

.dx-find-item mark { background: none; color: var(--text-heading); font-weight: 600; }
.dx-find-item.is-on { background: var(--surface-hover); }
.dx-find-empty { margin: 0; padding: 12px; font-size: 13.5px; color: var(--text-tertiary); }

.dx-tree {
    flex: 1;
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 18px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 6px 40px 0;
    scrollbar-width: thin;
}

.dx-group { display: grid; gap: 1px; }

.dx-group p {
    margin: 0 0 5px;
    padding-left: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.dx-group a {
    display: block;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 13.5px;
    line-height: 1.35;
    color: var(--text-secondary);
    text-decoration: none;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.dx-group a:hover { background: var(--surface-hover); color: var(--text-primary); }
.dx-group a.is-on { background: var(--surface-selected); color: var(--text-heading); font-weight: 500; }


.dx-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 44px;
    min-width: 0;
    padding: 30px 36px 80px 44px;
}

.dx-article { max-width: 780px; min-width: 0; }

.dx-toc {
    position: sticky;
    top: 30px;
    align-self: start;
    max-height: calc(100vh - 52px - 60px);
    overflow-y: auto;
    padding-left: 14px;
    box-shadow: inset 1px 0 0 var(--border-subtle);
    scrollbar-width: none;
}

.dx-toc p {
    margin: 2px 0 9px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.dx-toc ul { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }

.dx-toc li a {
    display: block;
    padding: 4px 0;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--text-tertiary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.dx-toc li.l3 a { padding-left: 12px; font-size: 12px; }
.dx-toc li a:hover { color: var(--text-primary); }
.dx-toc li a.is-on { color: var(--text-heading); font-weight: 600; }

.dx-crumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 12.5px; color: var(--text-tertiary); }
.dx-crumbs a { color: var(--text-tertiary); text-decoration: none; }
.dx-crumbs a:hover { color: var(--text-primary); }
.dx-crumbs i { width: 5px; height: 5px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
.dx-crumbs span { color: var(--text-secondary); }

.dx-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 52px; }

.dx-pager a {
    display: grid;
    gap: 3px;
    padding: 12px 16px;
    border-radius: var(--r-card);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    text-decoration: none;
    transition: background var(--transition-fast), box-shadow var(--transition-fast);
}

.dx-pager a:hover { background: var(--surface-hover); box-shadow: inset 0 0 0 1px var(--border-strong); }
.dx-pager a span { font-size: 12px; color: var(--text-tertiary); }
.dx-pager a b { font-size: 15px; font-weight: 600; color: var(--text-heading); }
.dx-pager .next { text-align: right; }
.dx-pager .prev span::before { content: '\2190  '; }
.dx-pager .next span::after { content: '  \2192'; }


.dx-prose { color: var(--text-secondary); font-size: 15.5px; line-height: 1.7; }

.dx-prose > h1 {
    margin: 0 0 12px;
    font-family: var(--font-display);
    font-size: 34px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--text-heading);
}

.dx-prose .lead { margin: 0 0 26px; font-size: 18px; line-height: 1.6; color: var(--text-secondary); }

.dx-prose h2 {
    margin: 46px 0 12px;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--text-heading);
    scroll-margin-top: 20px;
}

.dx-prose h3 {
    margin: 30px 0 8px;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-heading);
    scroll-margin-top: 20px;
}

.dx-prose h4 { margin: 22px 0 6px; font-size: 15.5px; font-weight: 600; color: var(--text-heading); }
.dx-prose p { margin: 0 0 14px; }
.dx-prose strong, .dx-prose b { font-weight: 600; color: var(--text-primary); }
.dx-prose em { font-style: italic; }

.dx-prose a {
    color: var(--accent-text);
    text-decoration: underline;
    text-decoration-color: var(--accent-tint);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.dx-prose a:hover { text-decoration-color: currentColor; }
.dx-prose ul, .dx-prose ol { margin: 0 0 16px; padding-left: 22px; }
.dx-prose ul { list-style: disc; }
.dx-prose ol { list-style: decimal; }
.dx-prose li { margin: 5px 0; padding-left: 3px; }
.dx-prose li::marker { color: var(--text-tertiary); }
.dx-prose li > ul, .dx-prose li > ol { margin: 5px 0 3px; }
.dx-prose hr { height: 1px; margin: 36px 0; border: 0; background: var(--border-subtle); }

.dx-prose code {
    padding: .1em .4em;
    border-radius: 6px;
    background: var(--surface-inset);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    font-family: var(--font-mono);
    font-size: .86em;
    color: var(--text-primary);
    white-space: nowrap;
}

.dx-prose a code { color: inherit; }

.dx-prose kbd {
    display: inline-block;
    min-width: 1.6em;
    padding: 1px 6px;
    border-radius: 6px;
    background: var(--surface-control);
    box-shadow: inset 0 0 0 1px var(--border-strong), inset 0 -1.5px 0 var(--border-strong);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--text-primary);
    text-align: center;
}

.dx-prose pre {
    position: relative;
    margin: 0 0 20px;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--surface-inset);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 1.65;
    color: var(--text-primary);
    tab-size: 4;
}

.dx-prose pre code { padding: 0; background: none; box-shadow: none; font-size: inherit; white-space: pre; }
.dx-prose pre .k { color: var(--accent-text); }
.dx-prose pre .s { color: var(--warn-text); }
.dx-prose pre .c { color: var(--text-tertiary); font-style: italic; }
.dx-prose pre .n { color: var(--series-blue); }
.dx-prose .dx-copy { position: absolute; top: 6px; right: 6px; opacity: 0; }
.dx-prose pre:hover .dx-copy, .dx-prose .dx-copy:focus-visible { opacity: 1; }
.dx-prose .code-title { margin: 0; padding: 8px 16px; border-radius: 10px 10px 0 0; background: var(--surface-raised); font-size: 12.5px; font-weight: 600; color: var(--text-tertiary); }
.dx-prose .code-title + pre { border-top-left-radius: 0; border-top-right-radius: 0; }

.dx-prose figure { margin: 22px 0 26px; }

.dx-prose figure.shot img, .dx-prose img.shot {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: var(--surface-inset);
    box-shadow: 0 0 0 1px var(--border-subtle), var(--shadow-sm);
    cursor: zoom-in;
}

.dx-prose figure.shot.narrow { max-width: 560px; }
.dx-prose figure.shot.medium { max-width: 680px; }
.dx-prose figure.shot.small { max-width: 420px; }
.dx-prose figure.shot.tiny { max-width: 320px; }
.dx-prose figure.shot.center { margin-left: auto; margin-right: auto; }
.dx-prose figcaption { margin-top: 10px; font-size: 13.5px; line-height: 1.5; color: var(--text-tertiary); }
.dx-prose figure.shot.center figcaption { text-align: center; }
.dx-prose .shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 22px 0 26px; }
.dx-prose .shots figure { margin: 0; }

.dx-prose figure.diagram { padding: 20px 18px; border-radius: 12px; background: var(--surface-inset); box-shadow: inset 0 0 0 1px var(--border-subtle); }
.dx-prose figure.diagram svg { display: block; width: 100%; height: auto; overflow: visible; }
.dx-prose .dg-box { fill: var(--surface-raised); stroke: var(--border-strong); stroke-width: 1.2; }
.dx-prose .dg-accent { fill: var(--accent-tint); stroke: var(--accent); }
.dx-prose .dg-pill, .dx-prose .dg-chip { fill: var(--surface-control); stroke: var(--border-strong); stroke-width: 1; }
.dx-prose .dg-line { fill: none; stroke: var(--text-tertiary); stroke-width: 1.4; stroke-dasharray: 4 4; }
.dx-prose .dg-head { fill: none; stroke: var(--text-secondary); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.dx-prose .dg-t { fill: var(--text-heading); font-size: 14px; font-weight: 600; }
.dx-prose .dg-t2 { fill: var(--text-primary); font-size: 13px; font-weight: 600; }
.dx-prose .dg-s { fill: var(--text-tertiary); font-size: 11.5px; font-weight: 500; }
.dx-prose .dg-c { fill: var(--text-secondary); font-family: var(--font-mono); font-size: 11px; }

.dx-prose .callout {
    position: relative;
    margin: 20px 0 22px;
    padding: 12px 16px 12px 44px;
    border-radius: 10px;
    background: var(--surface-raised);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    font-size: 14.5px;
    line-height: 1.65;
    --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5h.01'/%3E%3C/svg%3E");
}

.dx-prose .callout > :last-child { margin-bottom: 0; }

.dx-prose .callout::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 14px;
    width: 18px;
    height: 18px;
    background: var(--status-info);
    -webkit-mask: var(--ico) center / contain no-repeat;
    mask: var(--ico) center / contain no-repeat;
}

.dx-prose .callout.tip {
    background: var(--positive-tint);
    --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1.1 2.2h5c.1-1 .5-1.7 1.1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
}

.dx-prose .callout.tip::before { background: var(--positive); }

.dx-prose .callout.warning {
    background: var(--warn-tint);
    --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9.5 16.5h-19z'/%3E%3Cpath d='M12 10v4.5M12 17.5h.01'/%3E%3C/svg%3E");
}

.dx-prose .callout.warning::before { background: var(--warn); }

.dx-prose .callout.danger {
    background: var(--critical-tint);
    --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");
}

.dx-prose .callout.danger::before { background: var(--critical); }
.dx-prose .callout strong:first-child { color: var(--text-heading); }

.dx-prose ol.steps { list-style: none; counter-reset: step; margin: 22px 0 26px; padding: 0; }
.dx-prose ol.steps > li { position: relative; counter-increment: step; margin: 0; padding: 0 0 22px 44px; }

.dx-prose ol.steps > li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--surface-control);
    box-shadow: inset 0 0 0 1px var(--border-strong);
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
    color: var(--text-heading);
    text-align: center;
}

.dx-prose ol.steps > li::after { content: ''; position: absolute; left: 13.5px; top: 34px; bottom: 6px; width: 1px; background: var(--border-subtle); }
.dx-prose ol.steps > li:last-child { padding-bottom: 4px; }
.dx-prose ol.steps > li:last-child::after { display: none; }
.dx-prose ol.steps > li > p:first-child { padding-top: 2px; }
.dx-prose ol.steps > li > :last-child { margin-bottom: 0; }
.dx-prose ol.steps figure { margin: 14px 0 6px; }

.dx-prose .table-wrap { margin: 16px 0 22px; overflow-x: auto; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--border-subtle); }
.dx-prose table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.dx-prose .table-wrap > table { margin: 0; }

.dx-prose th {
    padding: 9px 12px;
    background: var(--surface-raised);
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--text-tertiary);
    border-bottom: 1px solid var(--border-subtle);
    white-space: nowrap;
}

.dx-prose td { padding: 10px 12px; vertical-align: top; border-bottom: 1px solid var(--border-faint); }
.dx-prose tr:last-child td { border-bottom: 0; }
.dx-prose td:first-child { color: var(--text-primary); font-weight: 500; }
.dx-prose td p { margin: 0 0 6px; }
.dx-prose td p:last-child { margin: 0; }

.dx-prose .cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0 26px; }

.dx-prose .cards a.card {
    display: block;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--surface-raised);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    text-decoration: none;
    transition: box-shadow var(--transition-fast);
}

.dx-prose .cards a.card:hover { box-shadow: inset 0 0 0 1px var(--border-strong); }
.dx-prose .cards a.card b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--text-heading); }
.dx-prose .cards a.card span { display: block; margin-top: 3px; font-size: 13.5px; line-height: 1.5; color: var(--text-tertiary); }

.dx-prose .badge {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: var(--radius-full);
    background: var(--accent-tint);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: var(--accent-text);
    vertical-align: 3px;
    white-space: nowrap;
}

.dx-prose h2 .badge, .dx-prose h3 .badge { margin-left: 10px; vertical-align: 4px; }
.dx-prose .badge.gray { background: var(--surface-control); color: var(--text-secondary); }

.dx-prose .perm {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 1px 9px 1px 8px;
    border-radius: var(--radius-full);
    background: var(--surface-control);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.6;
    color: var(--text-primary);
    white-space: nowrap;
}

.dx-prose .perm::before {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--text-tertiary);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dx-prose .path { font-weight: 600; color: var(--text-primary); white-space: nowrap; }

.dx-prose dl { margin: 0 0 22px; }
.dx-prose dt { margin-top: 18px; font-size: 15.5px; font-weight: 600; color: var(--text-heading); scroll-margin-top: 20px; }
.dx-prose dd { margin: 4px 0 0; }

.dx-prose .facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1px;
    margin: 20px 0 26px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--border-subtle);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
}

.dx-prose .facts > div { padding: 12px 14px; background: var(--surface-raised); }
.dx-prose .facts b { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.3; color: var(--text-heading); }
.dx-prose .facts span { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; color: var(--text-tertiary); }


.dx-home { display: block; }
.dx-home h1 { margin: 0; font-family: var(--font-display); font-size: 34px; font-weight: 600; letter-spacing: -0.03em; color: var(--text-heading); }
.dx-home-sub { max-width: 640px; margin: 10px 0 26px; font-size: 15.5px; line-height: 1.6; color: var(--text-secondary); }
.dx-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; max-width: 1180px; }

.dx-card {
    padding: 18px 18px 10px;
    border-radius: var(--r-card);
    background: var(--surface-raised);
    box-shadow: inset 0 0 0 1px var(--border-subtle);
}

.dx-card h2 { margin: 0; font-size: 16px; font-weight: 600; color: var(--text-heading); }
.dx-card > p { margin: 8px 0 10px; font-size: 13.5px; line-height: 1.5; color: var(--text-tertiary); }
.dx-card-links { display: grid; }

.dx-card-links a {
    padding: 7px 0;
    border-top: 1px solid var(--border-faint);
    font-size: 13.5px;
    color: var(--text-secondary);
    text-decoration: none;
}

.dx-card-links a:hover { color: var(--text-primary); }


.dx-lb {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    align-content: center;
    margin: 0;
    padding: 3vh 3vw;
    background: var(--scrim);
    cursor: zoom-out;
}

.dx-lb[hidden] { display: none; }
.dx-lb img { max-width: 100%; max-height: 92vh; border-radius: 8px; box-shadow: var(--shadow-xl); }
.dx-lb figcaption { margin-top: 10px; font-size: 13.5px; color: var(--text-secondary); text-align: center; }


@media (max-width: 1280px) {
    .dx-main { grid-template-columns: minmax(0, 1fr); }
    .dx-toc { display: none; }
}

@media (max-width: 900px) {
    .dx { grid-template-columns: minmax(0, 1fr); }
    .dx-side { position: static; height: auto; max-height: 45vh; box-shadow: inset 0 -1px 0 var(--border-subtle); }
    .dx-main { padding: 24px 18px 64px; }
    .dx-prose .cards, .dx-prose .shots, .dx-pager { grid-template-columns: 1fr; }
    .dx-pager .next { text-align: left; }
}


.cmp-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px 0;
    width: 100%;
    min-width: 0;
    flex: 1;
    min-height: 0;
}

.cmp-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    background: var(--surface-elevated);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    flex-wrap: wrap;
}

.cmp-toolbar-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-base);
    font-family: var(--font-display);
    font-weight: var(--weight-display);
    color: var(--text-primary);
}

.cmp-toolbar-title .material-icons { font-size: 16px; color: var(--accent); }

.cmp-range-bar {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    flex-wrap: wrap;
}

.cmp-side-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 8px;
    border-radius: var(--r-chip);
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: var(--text-2xs);
    letter-spacing: 0.06em;
    white-space: nowrap;
}
.cmp-side-tag.a { color: var(--text-heading); background: var(--accent-soft); border: 1px solid var(--accent); }
.cmp-side-tag.b { color: var(--text-heading); background: var(--status-warn-soft); border: 1px solid var(--status-warn); }

.cmp-sep { color: var(--text-tertiary); font-size: var(--text-xs); }

.cmp-presets {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding-left: 8px;
    margin-left: 4px;
    border-left: 1px solid var(--border-subtle);
}

.cmp-presets-lbl {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.cmp-preset-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--text-secondary);
    background: var(--surface-inset);
    border: 1px solid var(--border-default);
    border-radius: var(--r-chip);
    cursor: pointer;
    white-space: nowrap;
    transition: color var(--transition-fast), border-color var(--transition-fast);
}
.cmp-preset-chip:hover:not(:disabled) { color: var(--text-primary); border-color: var(--border-strong); }
.cmp-preset-chip:disabled { opacity: 0.55; cursor: progress; }

.cmp-sync {
    display: inline-flex;
    align-items: center;
    padding-left: 8px;
    margin-left: 4px;
    border-left: 1px solid var(--border-subtle);
}
.cmp-sync .lum-check {
    gap: 5px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.cmp-align-note {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    background: var(--surface-inset);
    border: 1px dashed var(--border-default);
    border-radius: var(--r-block);
}
.cmp-align-note .owl-icon { color: var(--text-quaternary); flex: 0 0 auto; }

.cmp-apply-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-on-accent);
    background: var(--accent-fill);
    border: 1px solid var(--accent);
    border-radius: var(--r-ctl);
    cursor: pointer;
    transition: filter var(--transition-fast);
}
.cmp-apply-btn:hover:not(:disabled) { filter: brightness(1.1); }
.cmp-apply-btn:disabled { opacity: 0.55; cursor: progress; }

.cmp-exit-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--status-crit);
    background: var(--status-crit-soft);
    border: 1px solid var(--status-crit);
    border-radius: var(--r-ctl);
    cursor: pointer;
    transition: background var(--transition-fast);
}
.cmp-exit-btn:hover { background: var(--status-crit-soft); }

.cmp-overlay-card {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

.cmp-overlay-chart {
    min-height: 260px;
    padding: 4px;
}

.cmp-mix {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 12px 10px;
    border-top: 1px solid var(--border-subtle);
}

.cmp-mix-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cmp-mix-row .cmp-side-tag {
    height: 18px;
    padding: 0 6px;
    flex: 0 0 auto;
}

.cmp-mix-bar {
    flex: 1;
    min-width: 0;
}

.cmp-mix-avg {
    flex: 0 0 auto;
    min-width: 88px;
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.cmp-sql-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
    min-width: 0;
    flex: 1;
    min-height: 320px;
}

.cmp-sql-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.cmp-card-sql-body {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.cmp-card {
    background: var(--surface-elevated);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    overflow: visible;
    min-width: 0;
}

.cmp-card-head {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-primary);
}
.cmp-card-head .material-icons { font-size: 14px; color: var(--text-secondary); }

.cmp-card-meta {
    margin-left: auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    color: var(--text-tertiary);
}

.cmp-card-body { padding: 4px; }

.cmp-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-style: italic;
}

.cmp-metrics-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 12px;
    width: 100%;
    min-width: 0;
    flex: 1;
    min-height: 0;
}

.cmp-metric-cell {
    display: flex;
    flex-direction: column;
    background: var(--surface-elevated);
    border: 1px solid var(--border-default);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    overflow: visible;
    min-width: 0;
}

.cmp-metric-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--border-subtle);
    flex-wrap: wrap;
}

.cmp-delta {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: auto;
    padding: 2px 8px;
    font-size: var(--text-xs);
    font-weight: 600;
    border-radius: var(--r-pill);
    cursor: help;
}
.cmp-delta.up   { color: var(--status-crit); background: var(--status-crit-soft); border: 1px solid var(--status-crit); }
.cmp-delta.down { color: var(--status-ok); background: var(--status-ok-soft); border: 1px solid var(--status-ok); }
.cmp-delta-sub { font-weight: var(--weight-regular); opacity: 0.7; font-size: var(--text-2xs); margin-left: 2px; }

.cmp-metric-body {
    flex: 1;
    min-height: 260px;
    min-width: 0;
    padding: 6px;
}

.cmp-empty-mini {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 220px;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    font-style: italic;
}

.dash-compare-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--accent);
    background: var(--accent-soft);
    border: 1px solid var(--accent);
    border-radius: var(--r-ctl);
    cursor: pointer;
    transition: background var(--transition-fast), border-color var(--transition-fast);
}
.dash-compare-toggle:hover { background: var(--accent-soft); border-color: var(--accent-hover); }
.dash-compare-toggle.is-active {
    color: var(--status-warn);
    background: var(--status-warn-soft);
    border-color: var(--status-warn);
}




:root {
    --dur-tap: 90ms;
    --dur-quick: 120ms;
    --dur-control: 240ms;
    --dur-pop: 200ms;
    --dur-flow: 340ms;
    --dur-panel: 320ms;
    --dur-page: 240ms;
    --dur-chart: 600ms;
    --dur-morph: 420ms;
    --dur-exit: 120ms;
    --dur-exit-panel: 180ms;
    --ease-out: cubic-bezier(.33, 1, .68, 1);
    --ease-in: cubic-bezier(.32, 0, .67, 0);
    --spring: cubic-bezier(.2, .9, .25, 1);
    --spring-snappy: cubic-bezier(.2, .9, .25, 1);
    --spring-lively: cubic-bezier(.3, 1.3, .5, 1);
    --rise: 6px;
}

@supports (transition-timing-function: linear(0, 1)) {
    :root {
        --spring: linear(0, 0.004 1.2%, 0.019 2.8%, 0.084 6.2%, 0.454 20%, 0.619 27.3%, 0.739 34.2%, 0.83 41.8%, 0.872 46.5%, 0.907 51.7%, 0.934 57.2%, 0.955 63.5%, 0.983 78.5%, 1);
        --spring-snappy: linear(0, 0.005 1.5%, 0.024 3.2%, 0.095 7%, 0.504 21.8%, 0.676 29%, 0.796 35.8%, 0.884 42.8%, 0.921 47%, 0.952 51.7%, 0.975 57%, 0.991 62.7%, 1.005 76.2%, 1);
        --spring-lively: linear(0, 0.007 1.8%, 0.028 3.5%, 0.112 7.5%, 0.567 22.2%, 0.75 29.2%, 0.871 35.5%, 0.958 42.2%, 0.99 46%, 1.015 50.2%, 1.029 54.5%, 1.037 59.5%, 1.036 68.5%, 1);
    }
}


@keyframes lm-rise {
    from { opacity: 0; translate: 0 var(--rise); }
    to   { opacity: 1; translate: 0 0; }
}

@keyframes lm-fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes lm-pop {
    from { opacity: 0; translate: 0 var(--lm-pop-y, -4px); scale: .97; }
    to   { opacity: 1; translate: 0 0; scale: 1; }
}

@keyframes lm-dialog {
    from { opacity: 0; translate: 0 10px; scale: .975; }
    to   { opacity: 1; translate: 0 0; scale: 1; }
}

@keyframes lm-from-right {
    from { opacity: 0; translate: var(--lm-x, 28px) 0; }
    to   { opacity: 1; translate: 0 0; }
}
@keyframes lm-from-left {
    from { opacity: 0; translate: calc(-1 * var(--lm-x, 28px)) 0; }
    to   { opacity: 1; translate: 0 0; }
}
@keyframes lm-from-top {
    from { opacity: 0; translate: 0 -12px; }
    to   { opacity: 1; translate: 0 0; }
}
@keyframes lm-from-bottom {
    from { opacity: 0; translate: 0 14px; }
    to   { opacity: 1; translate: 0 0; }
}

@keyframes lm-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: .45; }
}

@keyframes lm-sweep {
    from { translate: -100% 0; }
    to   { translate: 100% 0; }
}

@keyframes lm-focus {
    from { outline-offset: 5px; outline-color: transparent; }
}
:where(:focus-visible) {
    animation: lm-focus var(--dur-quick) var(--ease-out);
}

.lm-page > * {
    animation: lm-fade var(--dur-page) var(--ease-out) backwards;
}
:where(.lm-page > * > :nth-child(-n+3)) {
    --rise: 6px;
    animation: lm-rise var(--dur-page) var(--spring) backwards;
}
:where(.lm-page > * > :nth-child(2)) { animation-delay: 24ms; }
:where(.lm-page > * > :nth-child(3)) { animation-delay: 48ms; }

.lum-switch-track {
    transition: background-color var(--dur-control) var(--ease-out), border-color var(--dur-control) var(--ease-out);
}
.lum-switch-track::after {
    transform: none;
    transform-origin: left center;
    transition: translate var(--dur-control) var(--spring-lively),
                scale var(--dur-tap) var(--ease-out),
                background-color var(--dur-control) var(--ease-out);
}
.lum-switch input:checked + .lum-switch-track::after {
    transform: none;
    translate: 15px 0;
    transform-origin: right center;
}
.lum-switch:not(.disabled):active .lum-switch-track::after { scale: 1.16 1; }

.lum-check-box {
    transition: background-color var(--dur-quick) var(--ease-out), border-color var(--dur-quick) var(--ease-out);
}
.lum-check-box svg {
    opacity: 1;
    stroke-dasharray: 13;
    stroke-dashoffset: 13;
    transition: stroke-dashoffset var(--dur-control) var(--ease-out);
}
.lum-check input:checked + .lum-check-box svg,
.lum-check-box.indeterminate svg {
    stroke-dashoffset: 0;
}
.lum-check:not(.disabled):active .lum-check-box { scale: .92; }
.lum-check .lum-check-box,
.lum-radio .lum-radio-dot {
    transition: background-color var(--dur-quick) var(--ease-out), border-color var(--dur-quick) var(--ease-out),
                scale var(--dur-control) var(--spring-snappy);
}

.lum-radio-dot::after {
    transform: none;
    scale: 0;
    transition: scale var(--dur-control) var(--spring-lively);
}
.lum-radio input:checked + .lum-radio-dot::after {
    transform: none;
    scale: 1;
}
.lum-radio:not(.disabled):active .lum-radio-dot { scale: .92; }

.lum-select-caret,
.lum-disc-chev,
.lum-split-group-chev,
.lx-bar-chev,
.atl-name-expand .owl-icon,
.exec-chev,
.la-chevron,
.pol-sec-chev,
.sb-chev,
.sds-caret,
.lum-sheet-expand svg {
    transition: rotate var(--dur-control) var(--spring-snappy), transform var(--dur-control) var(--spring-snappy), color var(--dur-quick) var(--ease-out);
}
.lum-tiles-sec > .owl-icon {
    transition: rotate var(--dur-control) var(--spring-snappy), color var(--dur-quick) var(--ease-out);
}

.lum-slider input[type="range"]::-webkit-slider-thumb { transition: transform var(--dur-quick) var(--ease-out), scale var(--dur-control) var(--spring-snappy); }
.lum-slider input[type="range"]:active::-webkit-slider-thumb { scale: 1.12; }

.lm-gliding { isolation: isolate; }
.lm-thumb {
    position: absolute;
    z-index: -1;
    transform-origin: 0 0;
    pointer-events: none;
}
.lm-gliding [data-lm-glide] {
    background: transparent !important;
    box-shadow: none !important;
}
.lm-gliding [data-lm-glide],
.lm-gliding [data-lm-glide-from] {
    transition-property: color, opacity !important;
}
.lum-tabs.lm-gliding > .lm-thumb { z-index: 2; }
.lum-tabs.lm-gliding > .lum-tab[data-lm-glide] {
    background: var(--lum-tabs-panel, var(--surface-raised)) !important;
    box-shadow: inset 0 1px 0 var(--tab-light), var(--tab-lift) !important;
}

.lum-enter > tr:nth-child(-n+32) {
    animation: lm-rise var(--dur-page) var(--spring) backwards;
    animation-delay: 110ms;
    --rise: 4px;
}
.lum-enter > tr:nth-child(1)  { animation-delay: 0ms; }
.lum-enter > tr:nth-child(2)  { animation-delay: 10ms; }
.lum-enter > tr:nth-child(3)  { animation-delay: 20ms; }
.lum-enter > tr:nth-child(4)  { animation-delay: 30ms; }
.lum-enter > tr:nth-child(5)  { animation-delay: 40ms; }
.lum-enter > tr:nth-child(6)  { animation-delay: 50ms; }
.lum-enter > tr:nth-child(7)  { animation-delay: 60ms; }
.lum-enter > tr:nth-child(8)  { animation-delay: 70ms; }
.lum-enter > tr:nth-child(9)  { animation-delay: 80ms; }
.lum-enter > tr:nth-child(10) { animation-delay: 90ms; }
.lum-enter > tr:nth-child(11) { animation-delay: 100ms; }

.lum-grid-table tbody td { transition: background-color var(--dur-quick) var(--ease-out); }
.lum-grid-table tbody tr:hover > td { transition-duration: 0ms; }

.lum-grid-table tbody tr.lum-row-flash td:not(.frozen, .frozen-right) { position: relative; }
.lum-grid-table tbody tr.lum-row-flash td::after {
    content: '';
    position: absolute;
    inset: 0;
    background: color-mix(in oklab, var(--accent) 30%, transparent);
    pointer-events: none;
    opacity: 0;
    animation: lm-row-found 900ms var(--ease-out) 2;
}
@keyframes lm-row-found {
    50% { opacity: 1; }
}

.lum-bar-part {
    transition: left var(--dur-flow) var(--spring), width var(--dur-flow) var(--spring);
    animation-duration: var(--dur-morph);
    animation-timing-function: var(--spring);
}
html.lm-lite .lum-bar-part { transition: none; }
.lum-grid-table .lum-bar-part { animation-name: none; }
.lum-grid-table > .lum-enter .lum-bar-part { animation-name: lum-bar-grow; }

.lm-flow-ghost {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    margin: 0;
}
.lm-flow-ghost, .lm-flow-ghost * { animation: none !important; transition: none !important; }

.lm-opening,
.lm-opening > .lum-dialog-body { overflow: hidden !important; }

.lum-dialog-host-overlay,
.alrt-overlay,
.ptg-overlay,
.summary-popup-overlay,
.license-popup-overlay,
.dba-paste-overlay,
.akb-overlay,
.exa-msg-veil,
.mail-config-overlay,
.lum-sheet-scrim {
    animation: lm-fade var(--dur-panel) var(--ease-out) backwards;
}

.lum-dialog-host-content,
.alrt-dialog,
.ptg-dialog,
.summary-popup,
.license-popup,
.exa-msg-dialog {
    animation: lm-dialog var(--dur-panel) var(--spring) backwards;
}

.lum-sheet {
    animation: lm-from-right var(--dur-panel) var(--spring) backwards;
}

.lum-select-panel,
.lum-dtp-panel,
.lum-ctx-menu,
.atl-ctx-menu,
.atl-pick-menu,
.atl-attn-pop,
.atl-col-picker,
.atl-askbar-pop,
.atl-ai-recent-pop,
.lum-grid-filter-panel,
.lum-grid-colpick-panel,
.lx-switch,
.lum-dbp-panel,
.atr-filters,
.dx-find-list,
.ins-custom-range,
.mx-custom,
.svc-custom,
.find-sql-suggest,
.cmp-compact-edit,
.node-detail-panel,
.ipl-toast {
    transform-origin: top center;
    animation: lm-pop var(--dur-pop) var(--spring) backwards;
}
.atl-col-picker,
.lum-grid-colpick-panel,
.lx-menu.is-end { transform-origin: top right; }
.lx-menu, .lx-switch, .atl-attn-pop { transform-origin: top left; }
[data-side="up"] { --lm-pop-y: 4px; transform-origin: bottom center; }

.lum-ctx-item:hover,
.lum-select-item:hover,
.lum-dtp-day:hover,
.lum-dtp-quick button:hover,
button.lum-rank-row:hover,
button.lum-mix-row:hover,
button.lum-legend-item:hover { transition-duration: 0ms; }

.lum-toast {
    --lm-x: 18px;
    animation: lm-from-right var(--dur-panel) var(--spring) backwards;
}

.lum-balloon,
.info-tooltip-popup,
.exa-tip {
    animation: lm-pop var(--dur-quick) var(--ease-out) backwards;
}

.atl-veil,
.lum-grid-loading,
.sz-loading-veil,
.exa-veil,
.la-chart-scrim,
.find-sql-loading-overlay,
.lum-dialog-scrim {
    animation: lm-fade var(--dur-pop) var(--ease-out) 140ms backwards;
}

.lum-tab-panel,
.lum-disc-body,
.atl-attn-cards {
    --rise: 4px;
    animation: lm-rise var(--dur-pop) var(--spring) backwards;
}

.lm-exit { pointer-events: none !important; }
.lm-exit, .lm-exit * { animation: none !important; }

@keyframes lm-pop-out    { to { opacity: 0; translate: 0 var(--lm-pop-y, -4px); scale: .97; } }
@keyframes lm-dialog-out { to { opacity: 0; translate: 0 8px; scale: .975; } }
@keyframes lm-to-right   { to { opacity: 0; translate: var(--lm-x, 28px) 0; } }
@keyframes lm-fade-out   { to { opacity: 0; } }

.lum-select-panel.lm-exit, .lum-dtp-panel.lm-exit, .lum-ctx-menu.lm-exit, .atl-ctx-menu.lm-exit,
.atl-pick-menu.lm-exit, .atl-attn-pop.lm-exit, .atl-col-picker.lm-exit,
.lum-grid-filter-panel.lm-exit, .lum-grid-colpick-panel.lm-exit,
.lx-switch.lm-exit, .lum-dbp-panel.lm-exit, .atl-ai-recent-pop.lm-exit,
.atr-filters.lm-exit, .dx-find-list.lm-exit, .ins-custom-range.lm-exit, .mx-custom.lm-exit, .svc-custom.lm-exit,
.find-sql-suggest.lm-exit, .cmp-compact-edit.lm-exit, .node-detail-panel.lm-exit, .ipl-toast.lm-exit,
.lum-balloon.lm-exit, .info-tooltip-popup.lm-exit, .exa-tip.lm-exit {
    animation: lm-pop-out var(--dur-exit) var(--ease-in) forwards !important;
}

.lum-dialog-host.lm-exit,
.alrt-overlay.lm-exit, .ptg-overlay.lm-exit, .summary-popup-overlay.lm-exit,
.license-popup-overlay.lm-exit, .dba-paste-overlay.lm-exit, .akb-overlay.lm-exit,
.exa-msg-veil.lm-exit, .mail-config-overlay.lm-exit, .lum-sheet-scrim.lm-exit {
    animation: lm-fade-out var(--dur-exit-panel) var(--ease-in) forwards !important;
}
.lm-exit .lum-dialog-host-content, .lm-exit .alrt-dialog, .lm-exit .ptg-dialog,
.summary-popup.lm-exit, .license-popup.lm-exit, .exa-msg-dialog.lm-exit {
    animation: lm-dialog-out var(--dur-exit-panel) var(--ease-in) forwards !important;
}

.lum-sheet.lm-exit { animation: lm-to-right var(--dur-exit-panel) var(--ease-in) forwards !important; }
.lum-toast.lm-exit, .lm-exit .lum-toast { --lm-x: 18px; animation: lm-to-right var(--dur-exit-panel) var(--ease-in) forwards !important; }
.lum-toast-stack.lm-exit { animation: lm-fade-out var(--dur-exit-panel) linear forwards !important; }

.atl-veil.lm-exit, .lum-grid-loading.lm-exit, .sz-loading-veil.lm-exit, .exa-veil.lm-exit,
.la-chart-scrim.lm-exit, .find-sql-loading-overlay.lm-exit, .lum-dialog-scrim.lm-exit {
    animation: lm-fade-out var(--dur-exit) linear forwards !important;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}

:is(html.lum-no-gpu, html.lm-lite) .lum-enter > tr { animation: none; }
:is(html.lum-no-gpu, html.lm-lite) .lum-enter { animation: lm-fade var(--dur-pop) var(--ease-out) backwards; }
:where(html.lum-no-gpu, html.lm-lite) :where(.lm-page > * > :nth-child(-n+3)) { animation: none; }

:is(html.lum-no-gpu, html.lm-lite) .atl-askbar-edge::before,
:is(html.lum-no-gpu, html.lm-lite) .atl-askbar-edge::after,
:is(html.lum-no-gpu, html.lm-lite) .atl-askbar-lattice::after { animation: none; }
:is(html.lum-no-gpu, html.lm-lite) .atl-askbar-lattice { display: none; }
body.lm-away .atl-askbar-edge::before,
body.lm-away .atl-askbar-edge::after,
body.lm-away .atl-askbar-lattice::after { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
    .lm-page > *,
    :where(.lm-page > * > :nth-child(-n+3)),
    .lum-enter > tr,
    .lum-enter,
    .lum-bar-part,
    .lum-dialog-host-overlay, .lum-dialog-host-content,
    .alrt-overlay, .alrt-dialog, .ptg-overlay, .ptg-dialog,
    .summary-popup-overlay, .summary-popup, .license-popup-overlay, .license-popup,
    .dba-paste-overlay, .akb-overlay, .exa-msg-veil, .exa-msg-dialog, .mail-config-overlay,
    .lum-sheet-scrim, .lum-sheet, .atl-attn-pop,
    .lum-select-panel, .lum-dtp-panel, .lum-ctx-menu, .atl-ctx-menu, .atl-pick-menu,
    .atl-col-picker, .atl-askbar-pop, .atl-ai-recent-pop, .lum-grid-filter-panel,
    .lum-grid-colpick-panel, .lx-switch, .lum-dbp-panel,
    .atr-filters, .dx-find-list, .ins-custom-range, .mx-custom, .svc-custom, .find-sql-suggest,
    .cmp-compact-edit, .node-detail-panel, .ipl-toast, .info-tooltip-popup,
    .lum-toast, .lum-balloon, .exa-tip,
    .atl-veil, .lum-grid-loading, .sz-loading-veil, .exa-veil, .la-chart-scrim,
    .find-sql-loading-overlay, .lum-dialog-scrim,
    .lum-tab-panel, .lum-disc-body, .atl-attn-cards { animation: none !important; }
    :where(:focus-visible) { animation: none; }
    .lum-check input:checked + .lum-check-box svg,
    .lum-check-box.indeterminate svg { transition: none; }
}



.lum-wordmark,
.signin-word { font-weight: 600; }


#demo-first {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    overflow: hidden;
    background: var(--surface-primary);
}
#demo-first:not(.is-iconed) .material-icons { visibility: hidden; }
#demo-first * { animation: none !important; transition: none !important; }

.atl-ask .atl-ai-composer,
.atl-ask .atl-ai-continue,
.atl-ask .atl-ai-recent-new,
.atl-ask .atl-ai-recent-rule,
.atl-ask .atl-ai-recent-del,
.atl-ask .atl-ask-btn[title="New chat"] {
    display: none !important;
}

button.lum-btn:has(.lum-ai-glyph),
button.sum-proj,
.ptg-aiplan .lum-btn-primary,
.ptg-aiplan-actions .lum-btn:has(.material-icons):first-child {
    display: none !important;
}

.atl-askbar { cursor: pointer; }
.atl-askbar input { cursor: pointer; caret-color: transparent; }
.atl-askbar .atl-askbar-hint > * { display: none !important; }
.atl-askbar .atl-askbar-hint::after {
    content: "Why was SALESPRD slow? See the AI's answer";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}