Services UI Conventions

Authenticated mini-apps under app/(services)/services/. Complements services-confirm-toasts skill (destructive actions + toasts).

Copy and typography

• Lowercase labels, buttons, headings, and dialog copy
• Monospace buttons: font-mono text-xs
• Form labels: text-xs text-rurikon-400 lowercase
• Inputs: bordered, rounded-sm, text-sm text-rurikon-700, focus:border-rurikon-400

const inputCls =
  'w-full border border-rurikon-border rounded-sm px-3 py-1.5 text-sm text-rurikon-700 placeholder:text-rurikon-200 focus:outline-none focus:border-rurikon-400 bg-white'

const labelCls = 'block text-xs text-rurikon-400 lowercase mb-1'

Reference: app/(services)/services/stock/_components/add-transaction-dialog.tsx