.wf-lineage { border: 1px solid var(--border, #284052); border-radius: 16px; padding: 18px; margin: 14px 0; background: var(--panel, #101c27); color: var(--text, #e1edf5); min-width: 0; }
.wf-lineage-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.wf-lineage h2 { font-size: 16px; margin: 0; }.wf-lineage h3 { font-size: 13px; margin: 16px 0 8px; }
.wf-lineage-identity { margin: 0; color: var(--muted, #97adbf); font-size: 12px; overflow-wrap: anywhere; }
.wf-lineage-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 16px 0 12px; gap: 12px; }
.wf-lineage-item { min-width: 0; }.wf-lineage-card { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; width: 100%; height: 100%; min-height: 134px; padding: 15px; border: 1px solid #304658; border-radius: 11px; background: #14232f; color: inherit; text-align: left; cursor: pointer; }
.wf-lineage-card:hover { border-color: #5cbfc8; background: #192e3b; }.wf-lineage-card:focus-visible { outline: 2px solid #79e4df; outline-offset: 3px; }.wf-lineage-card[data-active="true"] { border-color: #54beb9; }
.wf-lineage-name { color: #7bd7d1; font-size: 12px; font-weight: 600; }.wf-lineage-state { font-size: 14px; line-height: 1.5; }.wf-lineage-detail { font-size: 11px; line-height: 1.65; color: #a9bdcd; overflow-wrap: anywhere; }
.wf-lineage-bridge { color: #b7dcd9; font-size: 12px; line-height: 1.6; margin: 0 0 10px; overflow-wrap: anywhere; }
.wf-lineage-notice { font-size: 12px; color: #9eb3c4; line-height: 1.65; margin: 0; }.wf-lineage-notice[data-state="changed"] { padding: 10px 12px; border-left: 3px solid #e7bb6c; background: #352e20; color: #f2d7a4; }
.wf-lineage-source { margin-top: 12px; padding-top: 12px; border-top: 1px solid #283e50; }.wf-lineage-source summary { cursor: pointer; font-size: 12px; color: #c4d7e5; }.wf-lineage-source-status { font-size: 11px; line-height: 1.6; color: #99aec0; overflow-wrap: anywhere; }.wf-lineage-source-body { min-width: 0; }
.wf-lineage-source-fields { display: grid; grid-template-columns: minmax(90px, 130px) minmax(0, 1fr); gap: 7px 12px; font-size: 12px; line-height: 1.6; margin: 12px 0; }.wf-lineage-source-fields dt { color: #99aec0; }.wf-lineage-source-fields dd { margin: 0; overflow-wrap: anywhere; }
.wf-lineage-model-reference { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 220px; overflow: auto; border-radius: 7px; padding: 12px; background: #0b1720; font-size: 11px; line-height: 1.65; }
.wf-lineage-files { padding-left: 20px; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; max-height: 230px; overflow: auto; }
.wf-lineage [hidden] { display: none !important; }@media(max-width: 680px) { .wf-lineage { padding: 12px; }.wf-lineage-cards { grid-template-columns: 1fr; gap: 8px; }.wf-lineage-card { min-height: 0; padding: 12px; }.wf-lineage-heading { gap: 7px; } }