/* Apps pipeline additions. Use ONLY the dash variables (--bg --card --fg --mut --bd --ac --ok --warn --bad). */
.btn{display:inline-flex;align-items:center;gap:6px;margin:4px 6px 0 0}
.btn.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,var(--bd))}
.btn.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--bd))}
.nav .btn.on{background:var(--ac);border-color:var(--ac);color:#fff}
textarea,input,select{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--bd);border-radius:9px;padding:8px 10px;font:inherit}
label{display:block;margin:8px 0 4px;color:var(--mut);font-size:13px}
pre{white-space:pre-wrap;background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:12px}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--bd);padding:8px 6px;text-align:left}th{color:var(--mut);font-weight:600;font-size:13px}
.state{display:inline-block;font-size:12px;border:1px solid var(--ac);border-radius:999px;padding:2px 9px;font-weight:600}
.login{max-width:380px;margin:60px auto}