/* Shared form feedback: matches the native form-feedback component. */
.form-feedback-slot{--feedback-unit:.5px;min-height:0;margin:calc(20 * var(--feedback-unit)) 0 0;clear:both;flex:0 0 100%;box-sizing:border-box;width:100%;text-align:left}
.form-feedback-slot .form-feedback-box{display:flex;align-items:flex-start;gap:calc(12 * var(--feedback-unit));margin:0;padding:calc(16 * var(--feedback-unit)) calc(20 * var(--feedback-unit));border:calc(1 * var(--feedback-unit)) solid var(--member-danger-border,#efdcd7);border-radius:calc(14 * var(--feedback-unit));background:var(--member-danger-bg,#fff8f6);color:var(--member-danger,#62534f);font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-size:calc(24 * var(--feedback-unit));font-weight:400;line-height:calc(40 * var(--feedback-unit));text-align:left;box-sizing:border-box}
.form-feedback-slot[hidden],.form-feedback-box[hidden]{display:none!important}
.form-feedback-slot .form-feedback-icon{display:flex;align-items:center;justify-content:center;flex:none;width:calc(26 * var(--feedback-unit));height:calc(26 * var(--feedback-unit));box-sizing:border-box;margin:calc(7 * var(--feedback-unit)) 0 0;padding:0;border:calc(1 * var(--feedback-unit)) solid var(--member-danger,#bc5547);border-radius:50%;font-family:Arial,sans-serif;font-size:calc(22 * var(--feedback-unit));font-weight:400;line-height:1;color:var(--member-danger,#bc5547)}
.form-feedback-slot .form-feedback-body{flex:1;min-width:0;margin:0;padding:0}
.form-feedback-slot .form-feedback-heading{font:inherit;font-weight:600;color:var(--member-text,#4c5666);margin:0 0 calc(4 * var(--feedback-unit));padding:0}
.form-feedback-slot .form-feedback-box .form-feedback-item{display:block;width:100%;height:auto;min-height:0;margin:calc(2 * var(--feedback-unit)) 0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-all;text-decoration:none;box-shadow:none;box-sizing:border-box}
.form-feedback-slot .form-feedback-box button.form-feedback-item{cursor:pointer}
@media(hover:hover) and (pointer:fine){
.form-feedback-slot .form-feedback-box button.form-feedback-item:hover{color:inherit;background:transparent;text-decoration:none}}
.form-feedback-slot .form-feedback-box button.form-feedback-item:focus-visible{outline:2px solid var(--member-focus,#8aaaf4);outline-offset:2px}
.form-feedback-slot .form-feedback-text{margin:0;padding:0;font:inherit;color:inherit;overflow-wrap:anywhere;word-break:break-all}
.form-feedback-slot .form-feedback-box[data-tone=info]{background:var(--member-selected,#f4f8ff);border-color:var(--member-border,#dce7fa);color:var(--member-secondary,#52647e)}
.form-feedback-slot .form-feedback-box[data-tone=success]{background:var(--member-success-bg,#f0faf4);border-color:var(--member-success-border,#cce7d5);color:var(--member-success,#267444)}
.form-feedback-slot [data-tone=info] .form-feedback-icon{border-color:var(--member-blue,#2864dc);color:var(--member-blue,#2864dc)}
.form-feedback-slot [data-tone=success] .form-feedback-icon{border-color:var(--member-success,#35966b);color:var(--member-success,#35966b)}
@media(max-width:991px){.form-feedback-slot{--feedback-unit:min(calc(100vw / 750), .64px)}}
.form-feedback-scope .form-feedback-invalid{border-color:var(--member-danger-border,#ddaba3)!important;box-shadow:0 0 0 1px #bc554708}
.form-feedback-scope input[type=checkbox].form-feedback-invalid{outline:1px solid var(--member-danger-border,#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:var(--member-blue,#2864dc);border-color:var(--member-blue,#2864dc);color:#fff}form .btn-primary:focus,.auth-feedback-form .btn-primary:focus,.form-feedback-scope .btn-primary:focus{background:var(--member-blue-hover,#2156bd);border-color:var(--member-blue-hover,#2156bd)}
@media(hover:hover) and (pointer:fine){
form .btn-primary:hover,.auth-feedback-form .btn-primary:hover,.form-feedback-scope .btn-primary:hover{background:var(--member-blue-hover,#2156bd);border-color:var(--member-blue-hover,#2156bd)}}
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:var(--member-blue,#2864dc);border-color:var(--member-blue,#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}

/* Shared inline code input; primary colour comes from the existing button class. */
.auth-code-group{display:flex;width:100%;border:1px solid var(--member-border,#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}
