/* Client document page */
*, *::before, *::after { box-sizing: border-box; }
body.rds-client-page { margin: 0; background: var(--rda-bg, #f5f8fc); font-family: var(--rda-font-body, "Montserrat", sans-serif); color: #4c5567; -webkit-font-smoothing: antialiased; }
.rds-shell { max-width: 920px; margin: 0 auto; padding: 40px 24px 24px; }
.rds-client-page .rds-doc { background: #fff; border: 1px solid #e4e9f1; border-radius: 28px; padding: 16px 16px 48px; box-shadow: 0 24px 56px -20px rgba(11, 31, 68, .22); }
.rds-client-page .rds-doc > *:not(.rds-doc-cover) { margin-left: 32px; margin-right: 32px; }
.rds-client-page .rds-doc-cover { margin: 0 0 40px; }
.rds-foot { text-align: center; color: #8891a3; font-size: 13px; padding: 24px; }
.rds-foot a { color: #4c5567; }

.rds-owner-bar { background: #0b1f44; color: #fff; border-radius: 999px; padding: 10px 20px; font-size: 14px; margin-bottom: 16px; }
.rds-owner-bar a { color: #dce6fd; margin-left: 8px; }
.rds-banner { background: #fff; border: 1px solid #e4e9f1; border-radius: 18px; padding: 16px 20px; margin: 0 0 16px; color: #10192b; }
.rds-banner-success { background: #e7f6ec; border-color: #b7e2c4; color: #14532d; }
.rds-banner-error { background: #fdecec; border-color: #f5c2c0; color: #8a1c13; }

.rds-actions-area { margin-top: 48px; }
.rds-card-form { background: #f2f6fe; border: 1px solid #dce6fd; border-radius: 18px; padding: 28px; margin: 0 0 16px; }
.rds-card-form h2 { margin-top: 0; }
.rds-label { display: block; font-weight: 600; color: #10192b; margin: 16px 0 6px; font-size: 15px; }
.rds-input { width: 100%; font: inherit; font-size: 16px; padding: 12px 14px; border: 1px solid #c9d3e3; border-radius: 10px; background: #fff; color: #10192b; }
.rds-input:focus { outline: 2px solid var(--rda-primary, #2454e8); outline-offset: 1px; border-color: var(--rda-primary, #2454e8); }
.rds-input-sign { font-family: var(--rda-font-head, "Outfit", sans-serif); font-size: 22px; }
.rds-check { display: flex; gap: 10px; align-items: flex-start; margin: 14px 0 0; font-weight: 500; color: #10192b; line-height: 1.45; }
.rds-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--rda-primary, #2454e8); flex: none; }
.rds-small { font-size: 13px; color: #8891a3; margin: 10px 0 0; }
.rds-disclosure { background: #fff; border: 1px solid #e4e9f1; border-radius: 12px; padding: 16px 18px; margin: 8px 0 4px; font-size: 14px; }
.rds-disclosure h3 { margin: 0 0 6px; font-size: 16px; }

.rds-btn { display: inline-block; font: 600 15px var(--rda-font-body, "Montserrat", sans-serif); padding: 13px 26px; border-radius: 999px; border: 2px solid transparent; cursor: pointer; text-decoration: none; margin-top: 20px; }
.rds-btn[disabled] { opacity: .5; cursor: not-allowed; }
.rds-btn-primary { background: var(--rda-primary, #2454e8); color: #fff; }
.rds-btn-primary:hover:not([disabled]) { background: var(--rda-primary-hover, #1e3e8c); }
.rds-btn-secondary { background: #fff; color: var(--rda-primary, #2454e8); border-color: var(--rda-primary, #2454e8); }
.rds-btn-danger { background: #fff; color: #b42318; border-color: #f5c2c0; }

.rds-secondary-actions details { border: 1px solid #e4e9f1; border-radius: 18px; margin: 0 0 12px; background: #fff; }
.rds-secondary-actions summary { cursor: pointer; padding: 16px 20px; font-weight: 600; color: #10192b; list-style: none; }
.rds-secondary-actions summary::-webkit-details-marker { display: none; }
.rds-secondary-actions summary::after { content: "+"; float: right; color: #8891a3; }
.rds-secondary-actions details[open] summary::after { content: "−"; }
.rds-secondary-actions .rds-card-form { margin: 0 12px 12px; background: var(--rda-bg, #f5f8fc); border-color: #e4e9f1; }

.rds-done { border: 2px solid var(--rda-primary, #2454e8); background: #f2f6fe; border-radius: 18px; padding: 24px 28px; }
.rds-done p { margin: 0 0 4px; }
.rds-done-label { text-transform: uppercase; letter-spacing: .1em; font-size: 12px; font-weight: 700; color: var(--rda-primary-hover, #1e3e8c); }
.rds-done-name { font-family: var(--rda-font-head, "Outfit", sans-serif); font-size: 30px; color: #10192b; font-style: italic; }

@media (max-width: 700px) {
	.rds-shell { padding: 16px 12px; }
	.rds-client-page .rds-doc { border-radius: 18px; padding: 8px 8px 32px; }
	.rds-client-page .rds-doc > *:not(.rds-doc-cover) { margin-left: 12px; margin-right: 12px; }
	.rds-card-form { padding: 20px; }
	.rds-btn { width: 100%; text-align: center; }
}

/* Invoices */
.rds-line-items .rds-sub-row td { border-bottom: 0; font-size: 15px; font-weight: 500; color: #4c5567; padding-top: 8px; padding-bottom: 8px; }
.rds-line-items .rds-total-row td { border-top: 2px solid #e4e9f1; border-bottom: 0; font-weight: 700; color: #10192b; font-size: 17px; }
.rds-line-items .rds-due-row td { border-bottom: 0; font-weight: 700; color: var(--rda-primary, #2454e8); font-size: 22px; padding-top: 14px; }
.rds-line-items tfoot td[colspan] { text-align: right; }
.rds-payments ul { list-style: none; padding: 0; }
.rds-payments li { padding: 8px 0; border-bottom: 1px solid #e4e9f1; }
.rds-pdf-link { margin-top: 32px; }
.rds-invoice .rds-banner { margin-top: 0; }

/* Back to the portal from a quote, agreement or invoice page. */
.rds-doc-nav { margin: 0 0 16px; }
.rds-doc-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--rda-border, #e4e9f1); color: var(--rda-text, #10192b); font-weight: 700; font-size: 14px; text-decoration: none; box-shadow: 0 8px 20px -14px rgba(15, 23, 42, .35); }
.rds-doc-nav a:hover { color: var(--rda-primary, #2454e8); border-color: var(--rda-primary, #2454e8); }
