﻿/* Minimal styles to blend with Terminimal */
:root {
  --raci-accent: var(--accent, #00ff7f);
  --raci-fg: var(--text, #e5e5e5);
  --raci-bg: var(--background, #111);
  --raci-muted: #7a7a7a;
  --raci-border: #3a3a3a;
}
.raci-tool { font: inherit; color: var(--raci-fg); }
.raci-tool h2 { margin: 0.5rem 0 0.25rem; }
.raci-tool .controls { display: flex; gap: .5rem; flex-wrap: wrap; margin: .5rem 0 1rem; }
.raci-tool input[type=text] { background: transparent; color: var(--raci-fg); border: 1px solid var(--raci-border); padding: .4rem .5rem; border-radius: 4px; min-width: 12rem; }
.raci-tool button { background: transparent; color: var(--raci-fg); border: 1px solid var(--raci-border); padding: .45rem .7rem; border-radius: 4px; cursor: pointer; }
.raci-tool button.primary { border-color: var(--raci-accent); color: var(--raci-accent); }
.raci-tool .grid { overflow-x: auto; margin: .5rem 0 1rem; }
.raci-tool table { border-collapse: collapse; min-width: 100%; }
.raci-tool th, .raci-tool td { border: 1px solid var(--raci-border); padding: .35rem .5rem; text-align: center; }
.raci-tool th { font-weight: 600; }
.raci-tool td.task { text-align: left; white-space: nowrap; }
.raci-tool select { background: transparent; color: var(--raci-fg); border: 1px solid var(--raci-border); padding: .25rem .35rem; border-radius: 4px; }
.raci-tool .legend { color: var(--raci-muted); font-size: .95em; }
.raci-tool textarea { width: 100%; min-height: 12rem; background: transparent; color: var(--raci-fg); border: 1px solid var(--raci-border); padding: .5rem; border-radius: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.raci-tool .pill { display:inline-flex; align-items:center; gap:.35rem; border:1px solid var(--raci-border); padding:.2rem .4rem; margin:.15rem; border-radius:999px; }
.raci-tool .pill button { border:none; padding:0 .2rem; }
