/* Native action controls using the approved liquid-guide theme.
   Keep DOM buttons/anchors intact: routing, form and delegated events depend on them. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--surface,#fff);color:var(--control-text);box-shadow:var(--control-shadow);font-family:var(--font);font-size:14px;line-height:20px;font-weight:700;vertical-align:middle;white-space:nowrap;transition:background var(--motion),box-shadow var(--motion),border-color var(--motion)}
.btn:hover{background:var(--control-hover)}
.btn:active{box-shadow:inset 0 1px 2px #00000012}
.btn.primary{color:#fff;border-color:var(--primary-border);background:var(--primary-fill);box-shadow:var(--primary-shadow);font-weight:700}
.btn.primary:hover{color:#fff;background:var(--primary-hover)}
.btn.primary:active{color:#fff;background:var(--primary-pressed);box-shadow:inset 0 1px 3px #24557440}
.btn.primary:focus-visible{color:#fff}
.btn.quiet{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}
.btn.quiet:hover{background:var(--surface-soft);color:var(--ink)}
.btn.danger{color:var(--danger);background:var(--surface);border-color:var(--danger)}
.btn.danger:hover{background:#fff3f1}
.btn.small{font-size:13px;min-height:34px;padding:6px 12px}
/* Disabled reads as quiet outline text, not a grey block. */
.btn:disabled,.btn[aria-disabled=true],.btn.primary:disabled,.btn.primary[aria-disabled=true]{color:#9a9da3;background:var(--surface,#fff);border-color:var(--line);box-shadow:none;transform:none;opacity:1;cursor:not-allowed}
.btn[aria-busy=true]::before{content:'';width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}