/* Translayo — Buttons & controls v1.0
   One .btn-primary per view; primary follows workflow state (see docs). */

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-h);border-radius:var(--r-sm);font-size:.86rem;font-weight:600;padding:0 16px;border:1px solid transparent;transition:background .12s,border-color .12s;white-space:nowrap}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-hover)}
.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}
.btn-secondary:hover{border-color:var(--ink-3)}
.btn-ghost{color:var(--ink-2);padding:0 12px}
.btn-ghost:hover{background:var(--surface-sunken);color:var(--ink)}
.btn-danger{background:var(--surface);border-color:var(--border-strong);color:var(--red)}
.btn-danger:hover{border-color:var(--red);background:var(--red-tint)}
.btn[disabled]{background:var(--surface-sunken);border-color:var(--border);color:var(--ink-3);cursor:not-allowed}
.btn-sm{height:var(--control-h-sm);padding:0 12px;font-size:.78rem}