.onboarding-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;border:1px solid rgba(8,126,139,.16);border-radius:22px;background:linear-gradient(120deg,#ecfbfa,#f6f8ff 70%,#fff);box-shadow:0 14px 34px rgba(22,45,72,.08)}
.onboarding-hero h2{margin:6px 0 8px;font-size:26px;letter-spacing:-.02em}.onboarding-hero p{margin:0;color:#5b6b7f;line-height:1.7}.onboarding-hero-badge{width:102px;height:102px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:50%;background:#087e8b;color:#fff;box-shadow:0 10px 26px rgba(8,126,139,.28)}.onboarding-hero-badge strong{font-size:30px}.onboarding-hero-badge span{font-size:12px;opacity:.85}
.onboarding-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.onboarding-stage-grid article{padding:18px 20px;border:1px solid #e4ebf2;border-radius:16px;background:#fff;display:grid;gap:5px}.onboarding-stage-grid span,.onboarding-stage-grid small{color:#6b7b8e;font-size:12px}.onboarding-stage-grid strong{font-size:28px;color:#16324d}
.onboarding-panel .panel-head{align-items:flex-start}.onboarding-panel .page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.onboarding-toolbar{display:flex;gap:10px;align-items:center;margin:12px 0 16px}.onboarding-toolbar input{min-width:270px;flex:1}.onboarding-toolbar select{min-width:150px}.onboarding-candidates{padding:16px;margin:4px 0 18px;border:1px dashed #b8d9dc;border-radius:14px;background:#f7fcfc}.onboarding-candidates>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.onboarding-candidates small{display:block;color:#75869a;font-size:12px;margin-top:3px}.onboarding-candidate-list{display:flex;gap:8px;flex-wrap:wrap}.onboarding-candidate{display:flex;align-items:center;gap:8px;padding:9px 12px;min-width:210px;background:#fff;border:1px solid #e2eaef;border-radius:10px;cursor:pointer}.onboarding-candidate:hover{border-color:#087e8b}.onboarding-candidate strong{font-size:13px}.onboarding-candidate input{accent-color:#087e8b}.onboarding-row-link{padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.onboarding-row-link:hover strong{color:#087e8b}.onboarding-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;line-height:1.2;white-space:nowrap}.onboarding-status.green{background:#e8f7ef;color:#147341}.onboarding-status.blue{background:#eaf3ff;color:#2369a8}.onboarding-status.amber{background:#fff5df;color:#94620a}.onboarding-status.red{background:#ffeded;color:#b83b3b}.onboarding-status.violet{background:#f1edff;color:#6e53ac}.onboarding-row-actions{display:flex;gap:5px;flex-wrap:wrap}.error-text{color:#b83b3b;display:inline-block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onboarding-explain{margin-top:16px}.notice-card,.error-card{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:12px;background:#f4f8fb;color:#4b6074}.notice-card strong,.error-card strong{color:#18334d;white-space:nowrap}.error-card{background:#fff2f2;color:#a43d3d}.onboarding-invite{display:grid;gap:16px}.onboarding-invite-copy{display:flex;gap:12px;align-items:flex-start}.onboarding-step-dot{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#087e8b;color:#fff;flex:none}.onboarding-invite-copy p{margin:5px 0 0;color:#65778a;line-height:1.6}.onboarding-link-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.onboarding-link-box label{grid-column:1/-1;font-size:12px;color:#708096}.onboarding-link-box input{min-width:0}.onboarding-qr{display:grid;justify-items:center;gap:8px;padding:14px}.onboarding-qr img{width:180px;height:180px;object-fit:contain;border:1px solid #e7edf2;border-radius:8px}.onboarding-qr small{color:#77879a}.onboarding-qr-empty{height:130px;align-content:center;border:1px dashed #ccd8e3;border-radius:12px;color:#7b8c9f}.onboarding-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.onboarding-detail-grid>div{padding:12px;border-radius:10px;background:#f6f9fb}.onboarding-detail-grid small{display:block;color:#789;font-size:12px;margin-bottom:4px}.onboarding-detail-grid strong{display:block;word-break:break-all}.onboarding-detail-steps{display:flex;align-items:center;gap:8px;margin:20px 0 12px;color:#9aa8b7;font-size:12px;flex-wrap:wrap}.onboarding-detail-steps i{width:25px;height:1px;background:#ccd6df}.onboarding-detail-steps .done{color:#087e8b;font-weight:700}
@media (max-width:900px){.onboarding-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-hero{align-items:flex-start}.onboarding-hero-badge{width:82px;height:82px}.onboarding-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.onboarding-hero{padding:20px}.onboarding-hero h2{font-size:21px}.onboarding-hero-badge{display:none}.onboarding-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-toolbar{align-items:stretch;flex-direction:column}.onboarding-toolbar input{min-width:0}.onboarding-candidates>div:first-child{align-items:flex-start;flex-direction:column}.onboarding-candidate{min-width:100%}.onboarding-link-box{grid-template-columns:1fr}.onboarding-detail-grid{grid-template-columns:1fr}}
.onboarding-hero{border-color:#dce6eb;border-left:4px solid #087e8b;border-radius:14px;background:#fff;box-shadow:none}.onboarding-hero-badge{border-radius:14px;background:#edf7f6;color:#0b5f68;box-shadow:none;flex:none}.onboarding-stage-grid strong{font-weight:800;font-variant-numeric:tabular-nums}.onboarding-panel .data-table-wrap{margin-top:8px}.onboarding-panel td{vertical-align:top}.onboarding-row-link{min-height:44px;display:grid;gap:5px}.onboarding-row-link strong{font-size:14px}.onboarding-row-link .mono{font-size:11px;color:#617386;overflow-wrap:anywhere}.onboarding-cell-stack{display:grid;justify-items:start;gap:8px}.onboarding-applyment-id,.onboarding-inline-help{display:block;max-width:220px;margin:7px 0;color:#627486;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.onboarding-applyment-id{font-variant-numeric:tabular-nums}.onboarding-panel .button.small{min-height:36px}.onboarding-panel input[type=checkbox]{width:17px;height:17px;accent-color:#087e8b}.onboarding-issue-list{margin:10px 0 0;padding-left:20px;font-size:13px;line-height:1.7}.onboarding-preflight{margin:14px 0}.onboarding-preflight .onboarding-issue-list{max-height:180px;overflow:auto;padding-right:8px}.onboarding-official-intro{padding:16px 18px;background:#f2f7fb;border:1px solid #dce7f0;border-radius:12px;color:#304c66}.onboarding-official-intro strong{display:block;font-size:15px}.onboarding-official-intro p{margin:8px 0;font-size:13px;line-height:1.8}.onboarding-official-intro a{color:#1163a1;font-size:13px;text-underline-offset:3px}.onboarding-official-form{display:grid;gap:16px;margin-top:18px}.onboarding-official-form fieldset{min-width:0;margin:0;padding:16px;border:1px solid #dde5eb;border-radius:12px;background:#fff}.onboarding-official-form legend{padding:0 8px;font-size:15px;font-weight:750;color:#18394f}.onboarding-official-form .field{min-width:0}.onboarding-official-form .field>label{display:block;margin-bottom:7px;font-size:13px;font-weight:650;color:#30495e}.onboarding-official-form .field input:not([type=checkbox]),.onboarding-official-form .field select{width:100%;min-width:0;min-height:42px;border:1px solid #ccd9e2;border-radius:8px;background:#fff;padding:9px 11px;font-size:14px;color:#243d50}.onboarding-official-form small,.onboarding-review-consent small{font-size:12px!important;line-height:1.7!important;color:#617587!important}.onboarding-official-form input[readonly],.onboarding-official-form select:disabled{background:#f2f5f7;color:#536b7b;opacity:1}.onboarding-field-error{display:block;margin-top:6px;color:#a73034;font-size:12px;line-height:1.6}.onboarding-review-consent{display:flex;align-items:flex-start;gap:11px;padding:16px;background:#edf7f4;border:1px solid #cee7df;border-radius:12px;cursor:pointer}.onboarding-review-consent input,.onboarding-media-choices input{width:17px;height:17px;flex:none;margin-top:3px;accent-color:#087e8b}.onboarding-review-consent strong{font-size:14px;color:#224f48}.onboarding-media-choices{display:grid;gap:8px}.onboarding-media-choices>label{display:flex;align-items:flex-start;gap:10px;border:1px solid #dbe5ec;background:#f8fafc;border-radius:8px;padding:10px;font-size:13px;cursor:pointer}.onboarding-media-choices>label:has(input:checked){border-color:#81bdb8;background:#edf8f5}.onboarding-media-choices small{margin:2px 0 0}.onboarding-official-form :focus-visible,.onboarding-panel button:focus-visible,.onboarding-review-consent:focus-within{outline:2px solid #087e8b;outline-offset:3px}.onboarding-qr img{width:220px;height:220px;border-radius:8px}.onboarding-explain{line-height:1.8}.onboarding-explain a{color:#1163a1;text-underline-offset:3px}
@media(max-width:640px){.onboarding-official-form fieldset{padding:13px}.onboarding-official-form .form-grid{grid-template-columns:1fr}.onboarding-official-form .field.full{grid-column:auto}.onboarding-official-intro{padding:14px}.onboarding-issue-list{font-size:12px}.onboarding-link-box{min-width:0}.onboarding-link-box input{width:100%}.onboarding-explain,.onboarding-invite .notice-card{display:grid}.onboarding-qr img{width:200px;height:200px}.onboarding-panel .page-actions{justify-content:flex-start}.onboarding-panel .page-actions .button{flex:1 1 140px}.onboarding-stage-grid article{padding:15px}.onboarding-stage-grid strong{font-size:26px}}