.customer-link-dialog {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    width: min(460px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 30px;
    overflow: auto;
    border: 1px solid #ccd4e0;
    border-radius: 0;
    background: #fff;
    color: #1d2939;
    box-shadow: 0 18px 60px #10182840;
    font: 16px/1.5 Arial, sans-serif;
    text-align: left;
}

.customer-link-dialog::backdrop { background: #10182899; }
.customer-link-dialog h2 { margin: 0 24px 16px 0; color: #1d2939; font-size: 24px; text-align: left; }
.customer-link-dialog p { margin: 12px 0; color: inherit; }
.customer-link-dialog .customer-link-recipient { overflow-wrap: anywhere; }
.customer-link-dialog button, .customer-link-banner button {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 12px 0 0;
    padding: 10px 14px;
    border: 1px solid #375db8;
    border-radius: 0;
    background: #375db8;
    color: #fff;
    font: 600 15px/1.4 Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}
.customer-link-dialog button:disabled { opacity: .6; cursor: default; }
.customer-link-dialog button:focus-visible, .customer-link-banner button:focus-visible, .customer-link-dialog input:focus-visible { outline: 3px solid #91b8ff; outline-offset: 3px; }
.customer-link-dialog .customer-link-close { position: absolute; top: 10px; right: 10px; width: 32px; margin: 0; padding: 0; border: 0; background: transparent; color: #344054; font-size: 26px; }
.customer-link-dialog .customer-link-send, .customer-link-dialog .customer-link-later { background: #fff; color: #375db8; }
.customer-link-dialog .customer-link-later { border-color: transparent; }
.customer-link-dialog .customer-link-form { display: block; margin: 20px 0 0; }
.customer-link-dialog label { display: block; margin-bottom: 6px; color: #1d2939; font-weight: 600; }
.customer-link-dialog input { box-sizing: border-box; width: 100%; margin: 0; padding: 10px 12px; border: 1px solid #98a2b3; border-radius: 0; background: #fff; color: #1d2939; font: 20px/1.4 Arial, sans-serif; letter-spacing: .16em; }
.customer-link-dialog .customer-link-status { min-height: 24px; margin-bottom: 0; color: #166534; }
.customer-link-dialog .customer-link-error { color: #b42318; }
.customer-link-dialog [hidden] { display: none !important; }
.customer-link-banner { box-sizing: border-box; width: 100%; margin: 0 0 20px; padding: 16px; border: 1px solid #bfcee9; border-radius: 0; background: #eff5ff; color: #1d2939; font: 15px/1.5 Arial, sans-serif; }
.customer-link-banner p { margin: 0; }
.customer-link-banner button { width: auto; }
#tabs + .customer-link-banner { margin-top: -35px; margin-bottom: 55px; }
@media (max-width: 480px) { .customer-link-dialog { padding: 24px 20px; } }