@import url("color-tokens.css");
/* One rectangular field boundary in both component specimens and business pages. */
:is(body,#member-prototype,#app) .el-input__inner,:is(body,#member-prototype,#app) .el-textarea__inner,:is(body,#member-prototype,#app) .el-range-editor.el-input__inner{outline:none!important;box-shadow:none!important;color:var(--ui-body)!important;background-color:#fff;border-color:var(--ui-border)!important;font-size:14px!important;font-weight:400!important}
:is(body,#member-prototype,#app) .el-input__inner:hover,:is(body,#member-prototype,#app) .el-textarea__inner:hover,:is(body,#member-prototype,#app) .el-range-editor.el-input__inner:hover{border-color:var(--ui-border)!important}
:is(body,#member-prototype,#app) .el-input__inner:focus,:is(body,#member-prototype,#app) .el-textarea__inner:focus,:is(body,#member-prototype,#app) .el-select .el-input.is-focus .el-input__inner,:is(body,#member-prototype,#app) .el-cascader .el-input.is-focus .el-input__inner,:is(body,#member-prototype,#app) .el-range-editor.is-active{outline:none!important;box-shadow:none!important;border-color:var(--ui-primary)!important}
:is(body,#member-prototype,#app) .el-input:focus-visible,:is(body,#member-prototype,#app) .el-select:focus-visible,:is(body,#member-prototype,#app) .el-cascader:focus-visible,:is(body,#member-prototype,#app) .el-date-editor:focus-visible,:is(body,#member-prototype,#app) .el-range-input:focus-visible,:is(body,#member-prototype,#app) .el-input__inner:focus-visible,:is(body,#member-prototype,#app) .el-textarea__inner:focus-visible{outline:none!important;box-shadow:none!important}
:is(body,#member-prototype,#app) .el-input__inner::placeholder,:is(body,#member-prototype,#app) .el-textarea__inner::placeholder,:is(body,#member-prototype,#app) .el-range-input::placeholder{color:var(--ui-disabled)!important;opacity:1}
:is(body,#member-prototype,#app) .el-input.is-disabled .el-input__inner,:is(body,#member-prototype,#app) .el-textarea.is-disabled .el-textarea__inner,:is(body,#member-prototype,#app) .el-range-editor.is-disabled{color:var(--ui-disabled)!important;background-color:var(--ui-subtle)!important;border-color:var(--ui-border)!important}
:is(body,#member-prototype,#app) .el-input__inner[readonly]:not(:disabled),:is(body,#member-prototype,#app) .el-textarea__inner[readonly]:not(:disabled){color:var(--ui-body)!important}
:is(body,#member-prototype,#app) .is-error .el-input__inner,:is(body,#member-prototype,#app) .is-error .el-textarea__inner,:is(body,#member-prototype,#app) .input-is-error .el-input__inner,:is(body,#member-prototype,#app) .input-is-error .el-textarea__inner{border-color:var(--ui-danger)!important}
:is(body,#member-prototype,#app) .el-range-editor .el-range-input{color:var(--ui-body)!important;font-size:14px!important;font-weight:400!important;outline:none!important;box-shadow:none!important;background:transparent}

/* Keep composite/date/select wrappers single-bordered on keyboard focus as well. */
:is(body,#member-prototype,#app) .el-input-number:focus-visible,:is(body,#member-prototype,#app) .el-select .el-input:focus-visible,:is(body,#member-prototype,#app) .el-cascader .el-input:focus-visible{outline:none!important;box-shadow:none!important}
:is(body,#member-prototype,#app) .el-range-editor.el-input__inner:focus-within{border-color:var(--ui-primary)!important}
:is(body,#member-prototype,#app) .is-error .el-range-editor.el-input__inner:focus-within{border-color:var(--ui-danger)!important}


/* Error border and field message are one state, including body-appended dialogs. */
:is(body,#member-prototype,#app) .el-form-item__error,
:is(body,#member-prototype,#app) .input-is-error small.danger,
:is(body,#member-prototype,#app) .input-showcase small.danger,
:is(body,#member-prototype,#app) #required-help.danger{color:var(--ui-danger)!important;font-size:12px!important;font-weight:400!important}

/* Match business fields: all input-family outer and joined corners are square. */
:is(body,#member-prototype,#app) :is(.el-input__inner,.el-textarea__inner,.el-range-editor,.el-input-group__append,.el-input-group__prepend,.el-input-number,.el-input-number__increase,.el-input-number__decrease){border-radius:0!important}

/* Error wins over select/cascader focus; disabled blocks interactive feedback. */
:is(body,#member-prototype,#app) :is(.is-error,.input-is-error) :is(.el-input__inner,.el-textarea__inner,.el-range-editor.el-input__inner),
:is(body,#member-prototype,#app) :is(.is-error,.input-is-error) :is(.el-select,.el-cascader) .el-input.is-focus .el-input__inner{border-color:var(--ui-danger)!important}
:is(body,#member-prototype,#app) .el-range-editor.is-disabled .el-range-input,
:is(body,#member-prototype,#app) .el-range-editor.is-disabled .el-range-separator{color:var(--ui-disabled)!important;background:transparent!important}
:is(body,#member-prototype,#app) :is(.is-error,.input-is-error) .el-input.is-disabled .el-input__inner,
:is(body,#member-prototype,#app) :is(.is-error,.input-is-error) .el-textarea.is-disabled .el-textarea__inner,
:is(body,#member-prototype,#app) :is(.is-error,.input-is-error) .el-range-editor.is-disabled{border-color:var(--ui-border)!important}

/* Visible labels for stand-alone catalogue fields. */
.audit-field-label{display:block;margin-bottom:8px;font-size:14px;line-height:21px;font-weight:400;color:var(--ui-body)}
.audit-number-field{display:block}