/* 06-components/_tree.css — .c-tree: the machine-park editor (Resource tree). */
.c-tree { background: var(--surface); border: var(--stroke) solid var(--rule); border-radius: var(--radius-md); overflow: hidden; }
.c-tree__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-sm); min-height: var(--height-row); padding-inline: var(--space-sm); padding-inline-start: calc(var(--space-sm) + var(--depth, 0) * 1.5rem); border-bottom: var(--stroke) solid var(--rule); }
.c-tree__row:last-child { border-bottom: 0; }
.c-tree__row:hover { background: color-mix(in oklab, var(--surface-sunken) 50%, var(--surface)); }
.c-tree__row[data-depth="1"] { --depth: 1; } .c-tree__row[data-depth="2"] { --depth: 2; } .c-tree__row[data-depth="3"] { --depth: 3; }
.c-tree__handle { color: var(--rule-strong); cursor: grab; font-family: var(--font-mono); }
.c-tree__name { font-weight: var(--weight-medium); flex: 1 1 8rem; min-width: 0; }
.c-tree__row[data-depth="0"] .c-tree__name { font-weight: var(--weight-semibold); }
.c-tree__group { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-faint); text-transform: uppercase; letter-spacing: var(--tracking-eyebrow); }
.c-tree__actions { display: flex; flex-wrap: wrap; gap: var(--space-2xs); margin-inline-start: auto; opacity: 0; }
.c-tree__row:hover .c-tree__actions, .c-tree__row:focus-within .c-tree__actions { opacity: 1; }
.c-tree__row.is-retired .c-tree__name { color: var(--ink-faint); text-decoration: line-through; }