/* taxonomy.css — editable category and priority rows */
/* The two cards used to be laid out with an inline style, which no media query
   could reach; responsive.css collapses this to one column on a phone. */
.tax-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.tax-row{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line-soft)}

/* The name is a live record being edited in place, not a draft in a form, so
   it is drawn as text until it is touched: no frame at rest, a fill under the
   pointer, and only on focus does it become a field with an edge and a ring. */
.tax-row input.name{flex:1;min-width:0;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);padding:7px 9px;outline:none;font-size:13.5px;font-weight:500;letter-spacing:-.008em}
.tax-row input.name:hover{background:var(--hover-soft)}
.tax-row input.name:focus{border-color:var(--accent);background:var(--raised);box-shadow:var(--focus-ring)}

.tax-row .x{border:0;background:transparent;cursor:pointer;color:var(--faint);font-size:16px;line-height:1;padding:4px 7px;border-radius:var(--r-xs)}
.tax-row .x:hover{color:var(--danger);background:var(--hover)}
.tax-add{display:flex;gap:10px;padding:16px 22px;background:var(--surface-alt)}

/* The small bezelled button the roster and the taxonomies share for a row's
   own actions — narrower than a .btn, and the only one of them that turns
   red is the one that destroys something. */
.rm{border:1px solid var(--line);background:var(--raised);border-radius:var(--r-sm);padding:6px 12px;font-size:12.5px;font-weight:500;color:var(--ink-3);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs)}
.rm:hover{border-color:var(--danger-hover);color:var(--danger);background:var(--hover)}
.rm:active{transform:scale(.96)}
.tax-empty{padding:30px 22px;text-align:center;color:var(--muted);font-size:13px}