/* components/molecules/markable-row.css — MarkableRow (M11). */

.cmp-markable-row {
  border-bottom: 1px solid var(--border, #e5e7eb);
  transition: background-color 0.1s;
}

.cmp-markable-row:hover {
  background: var(--surface-hover, rgba(0,0,0,0.03));
}

.cmp-markable-row--clickable {
  cursor: pointer;
}

.cmp-markable-row--marked {
  background: var(--accent-soft, rgba(37,99,235,0.08));
}
.cmp-markable-row--marked:hover {
  background: var(--accent-soft, rgba(37,99,235,0.12));
}

.cmp-markable-row__cell {
  padding: 6px 10px;
  font-size: 12px;
  color: var(--text, inherit);
  vertical-align: middle;
  line-height: 1.4;
}

.cmp-markable-row__cell--align-right  { text-align: right; font-variant-numeric: tabular-nums; }
.cmp-markable-row__cell--align-center { text-align: center; }

.cmp-markable-row__mark-cell {
  width: 32px;
  padding: 6px 8px;
  text-align: center;
  vertical-align: middle;
}