/* A26 Outline View component · v1.0.0-alpha.0016-content-structure */
@layer a26.components {
  .a26-outline {
    overflow: hidden;
    border: 1px solid var(--a26-separator);
    border-radius: var(--a26-radius-lg);
    background: var(--a26-bg-surface);
  }
  .a26-outline__row {
    min-height: 36px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--a26-space-2);
    padding: 6px 12px;
    font: var(--a26-font-subheadline);
  }
  .a26-outline__row + .a26-outline__row { border-top: 1px solid var(--a26-separator); }
  .a26-outline__row[data-level="2"] { padding-inline-start: 28px; }
  .a26-outline__disclosure {
    width: 24px; height: 24px; border: 0; border-radius: 8px; background: transparent; color: var(--a26-text-secondary); cursor: pointer;
  }
  .a26-outline__disclosure:hover { background: var(--a26-fill-quaternary); }
  .a26-outline__spacer { width: 24px; height: 24px; }
  .a26-outline__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--a26-text-primary); }
  .a26-outline__meta { color: var(--a26-text-tertiary); font: var(--a26-font-footnote); white-space: nowrap; }
}