.form-feedback-slot{min-height:0;margin:12px 0 0;clear:both;flex:0 0 100%;box-sizing:border-box;width:100%}
.form-feedback-compact{min-height:0;margin:8px 0}
.form-feedback-box{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid #efdcd7;border-radius:7px;background:#fff8f6;color:#62534f;font-size:13px;line-height:24px;text-align:left;box-sizing:border-box}
.form-feedback-slot[hidden],.form-feedback-box[hidden]{display:none!important}
.form-feedback-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px;width:15px;height:15px;margin-top:4px;border:1px solid #bc5547;border-radius:50%;font-family:Arial,sans-serif;font-size:11px;line-height:1;color:#bc5547}
.form-feedback-body{flex:1;min-width:0}
.form-feedback-heading{font-weight:600;color:#4c5666;margin-bottom:2px}
.form-feedback-box .form-feedback-item{display:block;width:100%;min-height:24px;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:24px;text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
.form-feedback-box button.form-feedback-item{text-decoration:none;cursor:pointer}
.form-feedback-box button.form-feedback-item:hover{color:#9c4237;text-decoration:none}
.form-feedback-box button.form-feedback-item:focus-visible{outline:2px solid #8aaaf4;outline-offset:2px}
.form-feedback-text{overflow-wrap:anywhere}
.form-feedback-box[data-tone=info]{background:#f4f8ff;border-color:#dce7fa;color:#52647e}
.form-feedback-box[data-tone=success]{background:#f0faf4;border-color:#cce7d5;color:#267444}
.form-feedback-box[data-tone=info] .form-feedback-icon{border-color:#2861ed;color:#2861ed}
.form-feedback-box[data-tone=success] .form-feedback-icon{border-color:#35966b;color:#35966b}
.form-feedback-scope .form-feedback-invalid{border-color:#ddaba3!important;box-shadow:0 0 0 1px #bc554708}
.form-feedback-scope input[type=checkbox].form-feedback-invalid{outline:1px solid #ddaba3;outline-offset:2px}
.form-feedback-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-feedback-scope [aria-busy=true]{cursor:wait}
form .btn-primary,.auth-feedback-form .btn-primary,.form-feedback-scope .btn-primary{background:#2864dc;border-color:#2864dc;color:#fff}
form .btn-primary:hover,form .btn-primary:focus,.auth-feedback-form .btn-primary:hover,.auth-feedback-form .btn-primary:focus,.form-feedback-scope .btn-primary:hover,.form-feedback-scope .btn-primary:focus{background:#2059ca;border-color:#2059ca}
form .btn,.form-feedback-scope .btn{border-radius:6px}
form .form-control,.form-feedback-scope .form-control{border-radius:6px}
.auth-feedback-form .btn-primary[disabled]{background:#2864dc;border-color:#2864dc;color:#fff;opacity:1}
.auth-feedback-form .form-control.input-lg,.auth-feedback-form .btn-lg{height:46px;box-sizing:border-box;font-size:15px}
.auth-feedback-form .input-group .form-control{border-radius:6px 0 0 6px}
.auth-feedback-form .input-group-btn .btn{border-radius:0 6px 6px 0}
.form-feedback-scope .cancel-actions{margin-top:0}
@media(max-width:600px){.form-feedback-box{font-size:12px}.form-feedback-box .form-feedback-item{min-height:26px;line-height:26px}}

/* Shared inline code input; primary colour comes from the existing button class. */
.auth-code-group{display:flex;width:100%;border:1px solid #ced7e3;border-radius:6px;overflow:hidden;background:#fff}
.auth-code-group>.form-control{float:none;flex:1;min-width:0;width:0;height:46px;border:0;border-radius:0;box-shadow:none;padding:10px 12px;font-size:14px}
.auth-code-group>.input-group-btn{display:flex;flex:none;width:auto}.auth-code-group>.input-group-btn>.btn{height:46px;min-width:110px;margin:0;border:0;border-radius:0;padding:0 14px;font-size:14px}
