@import url("color-tokens.css");
/* Destructive text is a distinct variant, never an outlined button. */
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger),
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger)>span{
 color:var(--ui-danger)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:400!important;line-height:18px!important;
}
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger){display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:3px 0!important;cursor:pointer;vertical-align:middle;text-decoration:none}
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger):not(:disabled):not(.is-disabled):is(:hover,:active),
:is(body,#app,#member-prototype) .ui-danger-text.preview-hover{color:var(--ui-danger)!important;text-decoration:underline;background:transparent!important}
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger):focus-visible{outline:1px solid var(--ui-danger)!important;outline-offset:2px}
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger):is(:disabled,.is-disabled),
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger):is(:disabled,.is-disabled)>span{color:var(--ui-disabled)!important;text-decoration:none!important;cursor:not-allowed;background:transparent!important}
:is(body,#app,#member-prototype) :is(.ui-danger-text,.el-button--text.danger,.el-button--text.is-danger,.el-link--danger)[aria-busy="true"]{color:var(--ui-danger)!important;cursor:wait}
:is(body,#app,#member-prototype) .ui-danger-outlined{color:var(--ui-body)!important;border:1px solid var(--ui-danger)!important;background:var(--ui-white)!important}
.danger-action-example{width:100%;max-width:620px;color:var(--ui-body)}
.danger-action-row{display:flex;align-items:flex-end;gap:16px;width:100%}.danger-action-content{flex:1;min-width:0}.danger-action-content label{display:flex;flex-direction:column;gap:8px}.danger-action-row>button{flex:none;margin-bottom:4px}.danger-action-removed{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ui-help)}
.ui-text-action{border:0;background:transparent;color:var(--ui-action);font-family:inherit;font-size:12px;font-weight:400;line-height:18px;min-height:24px;padding:3px 0;cursor:pointer}.ui-text-action:hover{text-decoration:underline}
.danger-action-feedback{font-size:12px!important;color:var(--ui-help)!important;min-height:18px;margin:8px 0 0!important}.danger-action-feedback.is-error{color:var(--ui-danger)!important}
.danger-demo-option{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--ui-help)}
.danger-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.danger-state-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.danger-state-grid small{color:var(--ui-help)}
.danger-scenarios{display:grid;gap:24px}.danger-scenario{border-bottom:1px solid var(--ui-divider);padding-bottom:20px}.danger-scenario:last-child{border-bottom:0}.danger-scenario h5{margin:0 0 12px;font-size:14px;color:var(--ui-body);font-weight:600}
@media(max-width:760px){.danger-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

:is(body,#app,#member-prototype) .el-button--text.is-disabled,:is(body,#app,#member-prototype) .el-button--text.is-disabled>span{background:transparent!important;border-color:transparent!important;color:var(--ui-disabled)!important;text-decoration:none!important}