/* Dialog layout and states reproduced from QualificacaoDialog.tsx. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.modal{background:rgb(0 0 0 / 80%)}
.modal-box{width:min(576px,100%);max-height:calc(100dvh - 36px);overflow:auto;border-radius:12px;background:oklch(.315 .035 255);color:oklch(.955 .009 88);border-color:oklch(.62 .025 245 / 30%)}
.modal .close{top:10px;right:12px;z-index:2;line-height:1;padding:0 4px}
.qualification-header{padding:20px 28px 16px;border-bottom:1px solid var(--border)}
.qualification-bars{display:flex;gap:6px;padding-right:8px}
.qualification-bars>span{height:4px;flex:1;overflow:hidden;border-radius:99px;background:oklch(.355 .034 252)}
.qualification-bars i{display:block;height:100%;border-radius:99px;background:oklch(.748 .075 78);transition:width .5s}
.qualification-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.qualification-status>span:last-child{flex-shrink:0}
.modal-content{padding:36px 28px}
.modal-content h3{font-size:28px;line-height:1.25;margin-top:12px;font-weight:200;outline:none}
.modal .small-label{font-size:12px;letter-spacing:.2em;color:oklch(.748 .075 78)}
.modal .options{margin-top:24px;gap:10px}
.modal .option{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;line-height:1.5;padding:14px 16px;background:oklch(.355 .034 252 / 60%);transition:background .15s,border-color .15s}
.modal .option:hover{background:oklch(.355 .034 252);border-color:oklch(.748 .075 78 / 60%)}
.modal .option.selected{background:oklch(.748 .075 78 / 10%);border-color:oklch(.748 .075 78)}
.option-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border:1px solid var(--border);border-radius:50%}
.selected .option-check{background:oklch(.748 .075 78);border-color:oklch(.748 .075 78);color:oklch(.235 .026 255)}
.option-check svg{width:12px;height:12px;stroke-width:3}
.qualification-intro{font-size:14px;margin-top:8px}
#qualification-form{margin-top:24px}
.modal .form-input{height:48px;background:oklch(.355 .034 252 / 60%);font-size:16px;margin-top:0;margin-bottom:12px}
.modal .form-input::placeholder{color:var(--muted)}
.modal .btn{width:100%;margin-top:12px;min-height:40px;padding:10px 16px;font-size:14px;background:oklch(.748 .075 78);color:oklch(.235 .026 255)}
.modal .btn:disabled,.modal .back:disabled,.modal .close:disabled{opacity:.5;cursor:wait}
.modal .back{display:inline-flex;gap:4px;margin-top:24px;font-size:12px}
.qualification-error{font-size:14px;color:#ffb4b4}
.qualification-error:empty{display:none}
.qualification-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.qualification-success{text-align:center}
.qualification-success h3{font-size:24px;margin-top:20px}
.qualification-success p{font-size:14px;margin-top:8px}
.qualification-success .btn{margin-top:24px}
.success-check{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:auto;border-radius:50%;background:oklch(.748 .075 78 / 15%);color:oklch(.748 .075 78)}
.success-check svg{width:28px;height:28px;stroke-width:1.5}
.modal :is(button,input,a):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:639px){.qualification-header{padding-inline:20px}.modal-content{padding:28px 20px}.modal-content h3{font-size:24px}.qualification-status{letter-spacing:.12em;font-size:10px}}
@media(prefers-reduced-motion:reduce){.qualification-bars i{transition:none}}