/* Generated by scripts/build-birch-roles.php from roles.json — do not edit.
   Applies inside [data-birch] while pages migrate (P96); zero specificity. */

/* canvas */
:where([data-birch]) :where(
  .block-palette,
  .card-grid,
  .check-list,
  .collection-groups,
  .detail-pane,
  .editor-layout,
  .field-def-list,
  .file-grid,
  .group-heading,
  .inspector,
  .key-form,
  .list-foot,
  .list-group,
  .list-heading,
  .master-list,
  .metrics,
  .permission-matrix,
  .pick-list,
  .side-nav,
  .status-line,
  .table,
  .table-foot,
  .table-head,
  .toolbar,
  .workflow-board
) {
  background: none;
  border: 0;
  box-shadow: none;
}

/* frame */
:where([data-birch]) :where(
  .fold-frame,
  .frame
) {
  background: none;
  border: 1px solid var(--line);
  border-radius: var(--r);
  box-shadow: none;
  padding: var(--s-5);
}

/* slab */
:where([data-birch]) :where(
  .analytics-card,
  .chart,
  .checklist,
  .choice-card,
  .collect-strip,
  .collection-card,
  .collection-row,
  .collection-shortcut,
  .entry-field,
  .field,
  .field-def,
  .flow-card,
  .flow-diagram,
  .health-strip,
  .license-card,
  .line-item,
  .list-row,
  .media-card,
  .metric,
  .module-header,
  .nav-panel,
  .permission-row,
  .plugin-card,
  .preview-card,
  .provider-card,
  .revision-row,
  .rich-editor,
  .row,
  .setting-row,
  .sheet-header,
  .signup-step,
  .slab,
  .switch-row,
  .table-row,
  .task-row,
  .template-card,
  .template-editor,
  .tier-card,
  .workflow-node
) {
  background: var(--surface);
  border: 0;
  border-radius: var(--r);
  box-shadow: none;
}

/* well */
:where([data-birch]) :where(
  .chip,
  .code,
  .count,
  .cover,
  .doc-product,
  .editor-toolbar,
  .insert-tray,
  .lang,
  .mini-stat,
  .pill,
  .prefix,
  .preview-label,
  .quote,
  .segmented,
  .tag,
  .thumb,
  .well
) {
  background: var(--surface-2);
  border: 0;
  border-radius: var(--r);
  box-shadow: none;
}

/* dashed */
:where([data-birch]) :where(
  .add-row,
  .advice,
  .blank-card,
  .dashed,
  .dropzone,
  .empty,
  .missing,
  .summary-note
) {
  background: none;
  border: 1px dashed var(--line-strong);
  border-radius: var(--r);
  box-shadow: none;
}

/* signal */
:where([data-birch]) :where(
  .check-row.is-attention,
  .metric.is-attention,
  .signal,
  .step.is-todo,
  .table-row.is-attention,
  .task-row.is-attention,
  .workflow-node.is-attention
) {
  background: var(--warning-soft);
  border: 0;
  border-radius: var(--r);
  box-shadow: none;
  color: var(--text);
}

/* float */
:where([data-birch]) :where(
  .dialog,
  .float,
  .sheet
) {
  background: var(--bg);
  border: 0;
  border-radius: var(--r);
  box-shadow: var(--shadow-sheet);
}

/* menu */
:where([data-birch]) :where(
  .menu,
  .popover
) {
  background: var(--surface);
  border: 0;
  border-radius: var(--r);
  box-shadow: var(--shadow-menu);
  padding: var(--s-1);
}

/* Gaps, not borders: 4px between stacked slabs, 24px between frames */
:where([data-birch]) :where(
  .analytics-card,
  .chart,
  .checklist,
  .choice-card,
  .collect-strip,
  .collection-card,
  .collection-row,
  .collection-shortcut,
  .entry-field,
  .field,
  .field-def,
  .flow-card,
  .flow-diagram,
  .health-strip,
  .license-card,
  .line-item,
  .list-row,
  .media-card,
  .metric,
  .module-header,
  .nav-panel,
  .permission-row,
  .plugin-card,
  .preview-card,
  .provider-card,
  .revision-row,
  .rich-editor,
  .row,
  .setting-row,
  .sheet-header,
  .signup-step,
  .slab,
  .switch-row,
  .table-row,
  .task-row,
  .template-card,
  .template-editor,
  .tier-card,
  .workflow-node
) + :where(
  .analytics-card,
  .chart,
  .checklist,
  .choice-card,
  .collect-strip,
  .collection-card,
  .collection-row,
  .collection-shortcut,
  .entry-field,
  .field,
  .field-def,
  .flow-card,
  .flow-diagram,
  .health-strip,
  .license-card,
  .line-item,
  .list-row,
  .media-card,
  .metric,
  .module-header,
  .nav-panel,
  .permission-row,
  .plugin-card,
  .preview-card,
  .provider-card,
  .revision-row,
  .rich-editor,
  .row,
  .setting-row,
  .sheet-header,
  .signup-step,
  .slab,
  .switch-row,
  .table-row,
  .task-row,
  .template-card,
  .template-editor,
  .tier-card,
  .workflow-node
) {
  margin-block-start: var(--s-1);
}

:where([data-birch]) :where(
  .fold-frame,
  .frame
) + :where(
  .fold-frame,
  .frame
) {
  margin-block-start: var(--s-6);
}

/* Selected is a blue ring */
:where([data-birch]) :where(
  .analytics-card,
  .chart,
  .checklist,
  .choice-card,
  .collect-strip,
  .collection-card,
  .collection-row,
  .collection-shortcut,
  .entry-field,
  .field,
  .field-def,
  .flow-card,
  .flow-diagram,
  .health-strip,
  .license-card,
  .line-item,
  .list-row,
  .media-card,
  .metric,
  .module-header,
  .nav-panel,
  .permission-row,
  .plugin-card,
  .preview-card,
  .provider-card,
  .revision-row,
  .rich-editor,
  .row,
  .setting-row,
  .sheet-header,
  .signup-step,
  .slab,
  .switch-row,
  .table-row,
  .task-row,
  .template-card,
  .template-editor,
  .tier-card,
  .workflow-node
):where(.is-selected, [aria-selected="true"]) {
  box-shadow: 0 0 0 2px var(--accent);
}

:where([data-birch]) :where(
  .check-row.is-attention,
  .metric.is-attention,
  .signal,
  .step.is-todo,
  .table-row.is-attention,
  .task-row.is-attention,
  .workflow-node.is-attention
):where(.is-danger) {
  background: var(--danger-soft);
}

:where([data-birch]) :where(
  .check-row.is-attention,
  .metric.is-attention,
  .signal,
  .step.is-todo,
  .table-row.is-attention,
  .task-row.is-attention,
  .workflow-node.is-attention
):where(.is-info) {
  background: var(--info-soft);
}

:where([data-birch]) :where(
  .check-row.is-attention,
  .metric.is-attention,
  .signal,
  .step.is-todo,
  .table-row.is-attention,
  .task-row.is-attention,
  .workflow-node.is-attention
):where(.is-success) {
  background: var(--success-soft);
}