.certificate-recovery-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:600px;max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:28px;border:1px solid #dce6ef;border-radius:22px;background:#fff;color:#102539;box-shadow:0 24px 80px #10253933;font-size:15px;line-height:1.6}
.certificate-recovery-dialog::backdrop{background:#0b1c34a6}
.certificate-recovery-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #e6edf3}
.certificate-recovery-dialog h2{margin:0;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.4px;color:#102539}
.certificate-recovery-dialog [data-recovery-close]{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;border:1px solid #e2eaf1;border-radius:50%;background:#f4f7fa;color:#496174;line-height:1;cursor:pointer;box-shadow:none;transform:none}
.certificate-recovery-dialog [data-recovery-close] svg{display:block;width:18px;height:18px;pointer-events:none}
.certificate-recovery-dialog [data-recovery-close]:hover{background:#e7eef4;color:#102539}
.certificate-recovery-dialog [data-recovery-close]:focus-visible{outline:3px solid #83c9d1;outline-offset:3px}
.certificate-recovery-dialog>p{margin:0 0 20px;color:#526779;font-size:15px;line-height:1.65}
.certificate-recovery-dialog label[for=recovery-email]{display:block;font-size:14px;font-weight:600;color:#294457}
.certificate-recovery-dialog input[type=email]{box-sizing:border-box;width:100%;margin:8px 0 20px;padding:14px;border:1px solid #cbd8e4;border-radius:12px;background:white;color:#102539}
.certificate-recovery-notice{padding:16px 18px;background:#f0f7f8;border:1px solid #deedef;border-radius:12px;margin:0 0 22px;line-height:1.6;color:#365965;font-size:14px}
.certificate-recovery-notice strong{color:#234c57}
.certificate-recovery-dialog .recovery-trap{position:absolute;left:-10000px}
.certificate-recovery-actions{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #e3ebf2}
.certificate-recovery-actions>span{font-size:14px;color:#637789;line-height:1.5}
.certificate-search-card .certificate-recovery-trigger{flex:none;justify-self:start;width:fit-content;max-width:100%;min-height:40px;margin:0;padding:9px 15px;gap:8px;border:1px solid #d5e1e9;border-radius:10px;background:#fff;color:#365469;font-size:14px;font-weight:600;line-height:1.4;white-space:normal;box-shadow:none}
.certificate-search-card .certificate-recovery-trigger:hover{background:#eef5f8;border-color:#b7cdd9;color:#173d54;transform:none}
.certificate-search-card .certificate-recovery-trigger i{font-size:13px;color:#638095}
.certificate-recovery-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #e5edf3}
.certificate-recovery-back{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-height:40px;box-sizing:border-box;padding:9px 14px;border:1px solid #d9e4ec;border-radius:10px;background:#f8fafc;color:#526b7d;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}
.certificate-recovery-back:hover{background:#edf4f8;color:#254d65;border-color:#bfd1dd;text-decoration:none}
.certificate-recovery-back:focus-visible{outline:3px solid #83c9d1;outline-offset:3px}
.certificate-recovery-back i{font-size:13px}
.certificate-recovery-page{padding:28px}
.certificate-recovery-page h1{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 14px}
.certificate-recovery-page>p{font-size:15px;line-height:1.65;color:#617689;margin-bottom:20px}
.certificate-recovery-list{display:grid;gap:18px;margin:24px 0}
.certificate-recovery-item{padding:22px;border:1px solid #dce6ee;border-radius:16px;background:#fff;box-shadow:0 3px 12px #183e5710}
.certificate-recovery-item-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.certificate-recovery-item-head>span:last-child{font-size:12px;color:#718396}
.certificate-recovery-item h2{margin:0 0 8px;font-size:21px;line-height:1.35;letter-spacing:-.3px;color:#173448}
.certificate-recovery-item .certificate-recovery-holder{margin:0 0 20px;font-size:14px;color:#64798a}
.certificate-recovery-item-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:16px;border-top:1px solid #edf1f5}
.certificate-recovery-code{display:grid;gap:5px;min-width:0}
.certificate-recovery-code span{font-size:11px;color:#718396}
.certificate-recovery-code strong{font-size:14px;line-height:1.5;color:#29495e;overflow-wrap:anywhere;letter-spacing:.3px}
.certificate-recovery-page .button{width:fit-content;max-width:100%;min-height:36px;padding:8px 13px;font-size:13px;line-height:1.4;white-space:normal;box-shadow:none}
.certificate-recovery-page .button i{font-size:13px}
.certificate-recovery-item-actions .button{background:#087f8c;border-color:#087f8c;color:#fff}
.certificate-recovery-item-actions .button:hover{background:#066672;border-color:#066672}
.certificate-recovery-end{display:flex;order:2;margin:0 0 0 auto}
.certificate-recovery-footer>.certificate-recovery-back{order:1}
.certificate-recovery-end .button{color:#36576d;background:#edf3f7;border-color:#ccdce6;border-radius:10px}
.certificate-recovery-footer .certificate-recovery-back{min-height:36px;padding:8px 13px;font-size:13px;color:#087f8c;background:#f0f8f9;border-color:#cce4e7}
@media(max-width:480px){.certificate-recovery-page{padding:20px}.certificate-recovery-page h1{font-size:26px}.certificate-recovery-item{padding:18px}.certificate-recovery-item h2{font-size:19px}.certificate-recovery-item-actions{align-items:flex-start;flex-direction:column}.certificate-recovery-item-actions .button{width:100%;justify-content:center}.certificate-recovery-footer>.certificate-recovery-end,.certificate-recovery-footer>.certificate-recovery-back{flex:1;min-width:0;justify-content:center;text-align:center}.certificate-recovery-end .button{width:100%;min-height:40px}.certificate-recovery-footer>.certificate-recovery-back{min-height:40px}}
@media(max-width:480px){.certificate-recovery-dialog{padding:20px}.certificate-recovery-dialog .button{width:100%;white-space:normal}}