.recdig-wrap { margin: 16px 0; }
.recdig-wrap--shortcode { margin: 0; }
.recdig-btn {
-webkit-appearance: none;
appearance: none;
text-decoration: none;
} .recdig-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: none;
align-items: flex-start;
justify-content: center;
padding: 24px 16px;
overflow-y: auto;
}
.recdig-modal.is-open { display: flex; }
.recdig-modal__overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .55);
}
.recdig-modal__box {
position: relative;
z-index: 1;
width: 100%;
max-width: 520px;
margin: auto;
padding: 28px 26px 26px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
box-sizing: border-box;
}
.recdig-modal__close {
position: absolute;
top: 12px;
right: 14px;
background: none;
border: none;
font-size: 28px;
line-height: 1;
cursor: pointer;
color: #999;
padding: 4px;
}
.recdig-modal__close:hover { color: #333; }
.recdig-modal__title {
margin: 0 0 18px;
font-size: 22px;
} .recdig-steps {
display: flex;
gap: 8px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.recdig-step {
font-size: 12px;
padding: 4px 10px;
border-radius: 20px;
background: #ececec;
color: #888;
position: relative;
}
.recdig-step.is-active {
color: #fff;
}
.recdig-step.is-active::before {
content: "";
position: absolute;
inset: 0;
border-radius: 20px;
z-index: -1;
}
.recdig-step.is-active { background: transparent; }
.recdig-step.is-active { color: #fff; } .recdig-step.is-active { background-color: inherit; } .recdig-form label {
display: block;
margin-bottom: 14px;
font-size: 14px;
font-weight: 600;
}
.recdig-form input[type="text"],
.recdig-form input[type="email"],
.recdig-form input[type="tel"],
.recdig-form select,
.recdig-form textarea {
width: 100%;
padding: 11px 14px;
font-size: 14px;
box-sizing: border-box;
margin-top: 6px;
font-weight: 400;
}
.recdig-form textarea { resize: vertical; }
.recdig-checkbox-label {
display: flex !important;
align-items: flex-start;
gap: 10px;
font-weight: 400 !important;
}
.recdig-checkbox-label input[type="checkbox"] {
width: auto;
margin-top: 3px;
}
.recdig-modal__hint,
.recdig-modal__legal {
font-size: 13px;
line-height: 1.5;
color: #666;
}
.recdig-modal__legal {
background: #f8f8f8;
padding: 12px 14px;
border-radius: 8px;
margin: 14px 0;
} .recdig-actions {
display: flex;
gap: 10px;
margin-top: 18px;
justify-content: flex-end;
flex-wrap: wrap;
}
.recdig-modal__confirm,
.recdig-secondary-btn {
-webkit-appearance: none;
appearance: none;
border: none;
border-radius: 8px;
padding: 12px 22px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.recdig-secondary-btn {
background: #ececec;
color: #555;
}
.recdig-secondary-btn:hover { background: #e0e0e0; }
.recdig-lookup-btn { margin-top: 4px; } .recdig-modal__summary {
background: #f8f8f8;
padding: 14px 16px;
border-radius: 8px;
margin: 8px 0 4px;
font-size: 14px;
}
.recdig-summary-row {
display: flex;
justify-content: space-between;
gap: 16px;
padding: 5px 0;
border-bottom: 1px solid #ececec;
}
.recdig-summary-row:last-child { border-bottom: none; }
.recdig-summary-row strong { font-weight: 600; }
.recdig-summary-row span { text-align: right; color: #555; } .recdig-form-msg,
.recdig-lookup-msg {
font-size: 13px;
margin-top: 10px;
min-height: 1px;
}
.recdig-form-msg.is-error,
.recdig-lookup-msg.is-error { color: #c0392b; }
.recdig-form-msg.is-ok,
.recdig-lookup-msg.is-ok { color: #27ae60; } .recdig-success { text-align: center; padding: 10px 0; }
.recdig-success__icon {
width: 64px;
height: 64px;
line-height: 64px;
border-radius: 50%;
background: #27ae60;
color: #fff;
font-size: 34px;
margin: 0 auto 16px;
}
.recdig-success-msg { font-size: 15px; color: #555; margin-bottom: 20px; } .recdig-loading { opacity: .6; pointer-events: none; } @media (max-width: 520px) {
.recdig-modal__box { padding: 22px 18px; }
.recdig-modal__title { font-size: 19px; }
.recdig-actions { justify-content: stretch; }
.recdig-actions button { flex: 1; }
}