.button-state-sequence{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.button-state-sequence li{color:#595963;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;gap:4px;min-width:0;padding:13px;font-size:13px;display:grid}.button-state-sequence li b{color:var(--accent);font-size:12px}.button-state-sequence li span{color:#85858f;font-size:11px}.button-state-sequence>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.button-state-sequence{flex-direction:column;align-items:stretch}.button-state-sequence>svg{align-self:center;transform:rotate(90deg)}}.term-card .term-preview.button-card-preview{min-height:150px;color:var(--muted);background:var(--color-faint);align-content:center;gap:7px;padding:12px;display:grid}.button-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.button-card-header small{color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold)}.button-card-phase{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--surface-card);color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold);padding:2px 7px}.button-card-phase.is-ready{border-color:color-mix(in srgb, var(--ink) 22%, var(--line));color:var(--ink)}.button-card-phase.is-busy{border-color:color-mix(in srgb, var(--ink) 18%, var(--line));color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, var(--surface-card))}.button-card-phase.is-success{border-color:color-mix(in srgb, #4d805d 45%, var(--line));color:color-mix(in srgb, #4d805d 85%, var(--ink));background:color-mix(in srgb, #4d805d 8%, var(--surface-card))}.button-card-phase.is-error,.button-card-phase.is-blocked{border-left:3px solid #a83a44;border-color:color-mix(in srgb, #a83a44 28%, var(--line));color:var(--ink);background:color-mix(in srgb, #a83a44 6%, var(--surface-card))}.button-card-object{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.button-card-primary{border-radius:var(--radius-buttons);background:var(--ink);min-width:0;min-height:26px;color:var(--color-white);font-size:9px;font-weight:var(--font-weight-bold);border:0;flex:auto;padding:6px 10px}.button-card-primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, #000)}.button-card-primary:disabled{opacity:.45;cursor:not-allowed}.button-card-primary:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.button-card-chip{border-radius:var(--radius-badges);font-size:8px;font-weight:var(--font-weight-semibold);flex:none;padding:2px 6px}.button-card-chip.is-ok{border:1px solid color-mix(in srgb, #4d805d 45%, var(--line));background:color-mix(in srgb, #4d805d 12%, var(--surface-card));color:color-mix(in srgb, #4d805d 85%, var(--ink))}.button-card-chip.is-bad{border:1px solid color-mix(in srgb, #a83a44 40%, var(--line));background:color-mix(in srgb, #a83a44 10%, var(--surface-card));color:color-mix(in srgb, #a83a44 85%, var(--ink))}.button-card-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.button-card-toggle{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:24px;color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold);flex:none;padding:5px 8px}.button-card-toggle:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.button-card-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.button-card-toggle[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));color:var(--ink)}.button-card-reset{border-radius:var(--radius-buttons);min-height:24px;color:var(--ink);font-size:8px;font-weight:var(--font-weight-semibold);background:0 0;border:0;flex:none;padding:5px 8px;text-decoration:underline}.button-card-reset:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.button-card-status{border-left:3px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);color:var(--muted);margin:0;padding:6px 8px;font-size:8px;line-height:1.4}.button-demo{border-color:var(--line);background:var(--surface-card)}.button-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-demo-panel{gap:var(--spacing-8);padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-faint);display:grid}.button-demo-panel header{gap:2px;display:grid}.button-demo-panel header small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.button-demo-panel header strong{color:var(--ink);font-size:var(--text-ui);font-weight:var(--font-weight-bold)}.button-demo-fields{gap:var(--spacing-8);display:grid}.button-demo-field{gap:4px;display:grid}.button-demo-field span{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.button-demo-field input{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);width:100%;min-height:36px;color:var(--ink);font-size:var(--text-body);padding:8px 10px}.button-demo-field input:disabled{opacity:.72;cursor:not-allowed}.button-demo-field input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-field input[aria-invalid=true]{border-color:color-mix(in srgb, #a83a44 55%, var(--line))}.button-demo-outcomes{flex-wrap:wrap;gap:8px;display:flex}.button-demo-outcomes button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--muted)}.button-demo-outcomes button:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.button-demo-outcomes button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-outcomes button.is-selected,.button-demo-outcomes button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 30%, var(--line));background:color-mix(in srgb, var(--ink) 8%, var(--surface-card));color:var(--ink);font-weight:var(--font-weight-semibold)}.button-demo-primary{font-weight:var(--font-weight-bold);border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.button-demo-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white)!important}.button-demo-primary:disabled{opacity:.45;cursor:not-allowed}.button-demo-primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-chip{border-radius:var(--radius-badges);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);flex:none;padding:4px 9px}.button-demo-chip.is-ok{border:1px solid color-mix(in srgb, #4d805d 45%, var(--line));background:color-mix(in srgb, #4d805d 12%, var(--surface-card));color:color-mix(in srgb, #4d805d 85%, var(--ink))}.button-demo-chip.is-bad{border:1px solid color-mix(in srgb, #a83a44 40%, var(--line));background:color-mix(in srgb, #a83a44 10%, var(--surface-card));color:color-mix(in srgb, #a83a44 85%, var(--ink))}.button-demo-secondary{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--muted);margin-left:auto}.button-demo-secondary:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.button-demo-secondary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-status{min-height:44px;padding:var(--spacing-12);border-left:3px solid var(--line);border-radius:var(--radius-inputs);color:var(--muted);background:var(--color-faint);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-demo-status.is-ready{border-left-color:color-mix(in srgb, var(--ink) 45%, var(--line));color:var(--ink)}.button-demo-status.is-busy{border-left-color:color-mix(in srgb, var(--ink) 35%, var(--line));color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, var(--surface-card))}.button-demo-status.is-success{border-left-color:color-mix(in srgb, #4d805d 70%, var(--line));color:var(--ink);background:color-mix(in srgb, #4d805d 8%, var(--surface-card))}.button-demo-status.is-error,.button-demo-status.is-blocked{color:var(--ink);background:color-mix(in srgb, #a83a44 8%, var(--surface-card));border-left-color:#a83a44}.button-focus-list{gap:var(--spacing-12);counter-reset:button-focus;margin:0;padding:0;list-style:none;display:grid}.button-focus-list li{padding:var(--spacing-12) var(--spacing-12) var(--spacing-12) var(--spacing-40);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);counter-increment:button-focus;gap:4px;display:grid;position:relative}.button-focus-list li:before{content:counter(button-focus);left:var(--spacing-12);top:var(--spacing-12);border-radius:var(--radius-full);background:color-mix(in srgb, var(--ink) 10%, var(--soft));width:22px;height:22px;color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-bold);place-items:center;display:grid;position:absolute}.button-focus-list strong{color:var(--ink);font-size:var(--text-ui);font-weight:var(--font-weight-bold)}.button-focus-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.button-variants{gap:var(--spacing-8);margin:0 0 var(--spacing-8) 0;display:grid}.button-variant{align-items:center;gap:var(--spacing-8);border-radius:var(--radius-buttons);width:fit-content;font-size:var(--text-ui);font-weight:var(--font-weight-semibold);color:var(--ink);padding:8px 14px;display:inline-flex}.button-variant i{font-style:normal;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--muted)}.button-variant.is-secondary{border:1px solid color-mix(in srgb, var(--ink) 22%, var(--line));background:var(--surface-card)}.button-variant.is-ghost{color:var(--ink);background:0 0;border:1px solid #0000;text-decoration:underline}.button-variant.is-danger{color:var(--color-white);background:#a83a44;border:0}.button-variant.is-danger i{color:color-mix(in srgb, var(--color-white) 82%, #a83a44)}.button-variants-note{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-examples{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-examples article{align-content:start;gap:var(--spacing-8);min-width:0;padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);display:grid}.button-examples article.is-good{border-left:4px solid color-mix(in srgb, #4d805d 80%, var(--line))}.button-examples article.is-bad{border-left:4px solid color-mix(in srgb, #a83a44 80%, var(--line))}.button-examples small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.button-examples article.is-bad small{color:color-mix(in srgb, #a83a44 80%, var(--ink))}.button-examples strong{color:var(--ink);font-size:var(--text-ui);font-weight:var(--font-weight-bold)}.button-examples p{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-recovery-steps{align-items:stretch;gap:var(--spacing-8);display:flex}.button-recovery-steps>span{min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-faint);color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);flex:1;gap:4px;display:grid}.button-recovery-steps b{color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-bold)}.button-recovery-steps>i{color:var(--muted);flex:none;align-self:center;font-style:normal}@media (max-width:780px){.button-examples{grid-template-columns:1fr}.button-recovery-steps{flex-direction:column}.button-recovery-steps>i{align-self:center;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.button-card-primary,.button-demo-primary{transition:none}}.term-card .button-card-preview{color:#173544;background:#dcecf0;border:2px solid #28566d;gap:8px;padding:12px;display:grid;box-shadow:5px 5px #87b5c0}.term-card .button-card-preview .button-card-header{font-size:9px;font-weight:800}.term-card .button-card-preview .button-card-header span{color:#315d70}.term-card .button-card-preview .button-card-header b{color:#195a47;background:#e4f4e9;border:1px solid #397761;padding:3px 6px}.button-card-record{grid-template-columns:1fr 1fr;gap:6px;margin:0;display:grid}.button-card-record div{background:#fffdf6;border:1px solid #85acb8;gap:2px;padding:7px;display:grid}.button-card-record dt{color:#52717b;font-size:8px;font-weight:800}.button-card-record dd{color:#183943;overflow-wrap:anywhere;margin:0;font-size:9px;font-weight:800}.button-card-action{color:#f6fffd;background:#1b6470;border:1px solid #1b6470;gap:2px;padding:8px 10px;display:grid}.button-card-action strong{font-size:10px}.button-card-action span{color:#d8f4e9;font-size:8px;line-height:1.35}.term-card .button-card-preview>p{color:#203f4a;margin:0;font-size:9px;font-weight:750;line-height:1.45}.term-interactive-demo.button-demo{color:#effbf6;background:#163744;border:2px solid #204e62;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #83b5bd}.term-interactive-demo.button-demo .button-demo-brief{color:#d8f1eb;margin:0;line-height:1.6}.button-demo-profile{color:#183640;background:#fffdf5;border:1px solid #74a7b1;gap:12px;padding:13px;display:grid}.button-demo-profile header{grid-template-columns:1fr auto;align-items:center;gap:3px 8px;display:grid}.button-demo-profile header span{color:#4e717b;font:800 10px var(--font-geist-mono),monospace;letter-spacing:.06em;grid-column:1/-1}.button-demo-profile header strong{font-size:17px}.button-demo-profile header b{color:#315c5a;background:#edf3ec;border:1px solid #70959a;padding:4px 7px;font-size:11px}.button-demo-profile dl{border-top:1px solid #b9ced0;border-bottom:1px solid #b9ced0;grid-template-columns:1fr 1.6fr;gap:8px;margin:0;padding:10px;display:grid}.button-demo-profile dl div{gap:3px;min-width:0;display:grid}.button-demo-profile dt{color:#59747a;font-size:11px;font-weight:800}.button-demo-profile dd{color:#193841;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:750}.button-demo-profile footer{color:#3e6067;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;line-height:1.45;display:flex}.button-demo-profile footer i{font-style:normal;font-weight:850}.button-demo-profile.is-saving{border-left:5px solid #d79e3d}.button-demo-profile.is-saving header b{color:#70450e;background:#fff0cd;border-color:#bd8430}.button-demo-profile.is-saved{background:#e7f5e8;border:2px solid #33816a}.button-demo-profile.is-saved header b{color:#1b5e4a;background:#d7efdf;border-color:#2e7a64}.button-demo-profile.is-saved footer i{color:#17634d}.button-demo-profile.is-failed{background:#fff0e8;border:2px solid #b55046}.button-demo-profile.is-failed header b{color:#7c302a;background:#f9ded5;border-color:#ad5147}.button-demo-profile.is-failed footer i{color:#8c332b}.button-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.button-demo .button-demo-primary{font-weight:850;color:#243127!important;background:#e6b85b!important;border:1px solid #e6b85b!important}.term-interactive-demo.button-demo .button-demo-primary:hover:not(:disabled){color:#243127!important;background:#f6d47e!important;border-color:#f6d47e!important}.term-interactive-demo.button-demo .button-demo-network{color:#214c51!important;background:#e8f3ef!important;border:1px solid #8eb6b6!important}.term-interactive-demo.button-demo .button-demo-network:hover:not(:disabled){color:#712e28!important;background:#ffe0d4!important;border-color:#b95b4e!important}.term-interactive-demo.button-demo .button-demo-reset{color:#254951!important;background:#fffdf5!important;border:1px solid #94b2b6!important}.term-interactive-demo.button-demo .button-demo-reset:hover{color:#243127!important;background:#fff1c9!important;border-color:#e6b85b!important}.term-interactive-demo.button-demo .button-demo-primary:disabled,.term-interactive-demo.button-demo .button-demo-network:disabled{cursor:not-allowed;color:#ceded9!important;background:#45636d!important;border-color:#6b8790!important}.term-interactive-demo.button-demo .button-demo-primary:focus-visible,.term-interactive-demo.button-demo .button-demo-network:focus-visible,.term-interactive-demo.button-demo .button-demo-reset:focus-visible{outline-offset:3px;outline:3px solid #ffe08b}.term-interactive-demo.button-demo .button-demo-status{color:#eefbf5;background:#102b35;border-left:4px solid #e8bf64;margin:0;padding:10px 11px;line-height:1.6}.term-interactive-demo.button-demo .button-demo-status.is-failed{color:#fff2eb;background:#492722;border-left-color:#ef8070}.term-interactive-demo.button-demo .button-demo-status.is-saved{color:#edfff4;background:#153c36;border-left-color:#6dd09c}@media (max-width:520px){.term-interactive-demo.button-demo{padding:12px;box-shadow:4px 4px #83b5bd}.button-demo-profile dl{grid-template-columns:1fr}.button-demo-actions>*{width:100%}.button-card-record{grid-template-columns:1fr}}