.px-support-wizard{margin-bottom:1.5rem;padding:1.4rem;border:1px solid rgba(52,117,239,.2);border-radius:1rem;background:linear-gradient(145deg,#f8fbff,#edf4ff)}
.px-wizard-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.1rem}.px-wizard-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:.75rem;background:#2e6aeb;color:#fff;font-size:1.2rem;font-weight:900}.px-wizard-head h2{margin:0 0 .35rem;font-size:1.35rem}.px-wizard-head p{margin:0;line-height:1.55}
.px-issue-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.px-issue-types button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:.7rem;min-height:58px;padding:.7rem .8rem;border:1px solid rgba(90,120,170,.18);border-radius:.75rem;background:#fff;color:inherit;text-align:left;cursor:pointer}.px-issue-types button:hover{border-color:#2e6aeb;transform:translateY(-1px)}.px-issue-types button>span{display:grid;place-items:center;width:36px;height:36px;border-radius:.6rem;background:#edf3ff;color:#2e6aeb;font-weight:900}.px-issue-types b{font-size:.92rem}.px-issue-types small{color:#2e6aeb;font-size:1rem}
.px-wizard-stage{padding:1rem;border:1px solid rgba(90,120,170,.18);border-radius:.8rem;background:#fff}.px-progress{height:5px;margin-bottom:1rem;overflow:hidden;border-radius:1rem;background:#e4ebf6}.px-progress span{display:block;height:100%;border-radius:inherit;background:#2e6aeb;transition:width .2s}.px-step-label{margin:0 0 .35rem;color:#2e6aeb;font-size:.75rem;font-weight:900;text-transform:uppercase}.px-wizard-stage h3{margin:0 0 1rem;font-size:1.15rem}.px-answer-set{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.px-answer-set label{margin:0;cursor:pointer}.px-answer-set input{position:absolute;opacity:0}.px-answer-set span{display:block;padding:.65rem;border:1px solid #dce5f2;border-radius:.65rem;text-align:center;font-weight:800}.px-answer-set input:checked+span{border-color:#2e6aeb;background:#edf3ff;color:#1748dc;box-shadow:0 0 0 2px rgba(46,106,235,.1)}
.px-wizard-actions{display:flex;justify-content:space-between;gap:.65rem;margin-top:1rem}.px-wizard-actions button{min-height:42px;padding:.6rem .9rem;border-radius:.65rem;font:inherit;font-weight:800}.px-back,.px-restart{border:1px solid #ccd8ea;background:#fff;color:#4d5870}.px-next,.px-prepare{border:0;background:#2e6aeb;color:#fff}.px-next:disabled{opacity:.45;cursor:not-allowed}.px-result{display:flex;align-items:flex-start;gap:.85rem}.px-result>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#24b47e;color:#fff;font-weight:900}.px-result p{margin:0 0 .25rem;color:#2e6aeb;font-size:.75rem;font-weight:900;text-transform:uppercase}.px-result h3{margin-bottom:.35rem}.px-result div>p:last-child{color:#687187;font-size:.9rem;font-weight:400;line-height:1.55;text-transform:none}.px-support-ready{min-height:1.35rem;margin-top:.65rem;color:#198754;font-size:.86rem;font-weight:800}
.dark-mode .px-support-wizard{background:#162139;border-color:rgba(90,145,255,.3)}.dark-mode .px-issue-types button,.dark-mode .px-wizard-stage,.dark-mode .px-back,.dark-mode .px-restart{background:#1d2638;border-color:rgba(255,255,255,.12);color:#fff}.dark-mode .px-result div>p:last-child{color:rgba(255,255,255,.62)}.dark-mode .px-answer-set span{border-color:rgba(255,255,255,.15)}.dark-mode .px-answer-set input:checked+span{background:#233a68;color:#fff}
@media(max-width:575.98px){.px-support-wizard{padding:1rem}.px-issue-types{grid-template-columns:1fr}.px-answer-set{grid-template-columns:1fr}.px-wizard-actions{flex-direction:column-reverse}.px-wizard-actions button{width:100%}}
