/* Existing design-kit components adapted to native catalog/forms. No product blocks are hidden. */
.ui-finish { --accent:#0759ff;--accent-hover:#0045da;--text:#111b38;--text-muted:#697794;--page:#f5f8fc;--surface:#fff;--border-subtle:#e0e7f2;--link:#0759ff;--focus:#82b0ff;--font-family-sans:Arial,Helvetica,sans-serif;--radius-card:14px;--shadow-card:0 3px 8px #17396e03 }
.ui-finish .container { margin-inline:auto;width:calc(100% - 64px);max-width:1248px;padding:30px 0 70px }
.ui-finish :is(.surface,.account-panel,.account-auth,.catalog-card,.section-card,.calc-card,.field,.result-card) { border-color:var(--line);border-radius:14px;box-shadow:0 3px 8px #17396e03 }
.ui-finish :is(h1,h2,h3,h4,p,a,label,dd,pre) { overflow-wrap:anywhere }
.ui-finish :is(.account-main,.workspace-main,.content-main,.calc-layout__main,.field__control) { min-width:0 }
.ui-finish h1 { font-size:38px;letter-spacing:-1.4px;line-height:1.15;font-weight:750 }
.ui-finish h2 { font-size:23px;letter-spacing:-.6px;line-height:1.25 }
.ui-finish h3 { font-size:17px;letter-spacing:-.2px;line-height:1.4 }
.ui-finish .button { border:1px solid transparent;border-radius:8px;min-height:42px;padding:10px 17px;gap:8px;font-size:13px;font-weight:650;line-height:1.35;background:var(--blue);color:#fff;text-decoration:none }
.ui-finish .button:hover { background:var(--blue-dark) }
.ui-finish :is(.button--secondary,.button--text) { background:#fff;border-color:var(--line);color:var(--ink) }
.ui-finish :is(.button--secondary,.button--text):hover { background:var(--soft);border-color:#abc9ff }
.ui-finish :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea) { max-width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit }
.ui-finish :is(input,textarea,select):focus-visible { outline:3px solid #82b0ff;outline-offset:2px;border-color:var(--blue) }
.ui-finish :is(input,select,textarea)[aria-invalid=true] { border-color:var(--red) }
.ui-finish :is(.account-form,.lead-form) { display:grid;gap:12px }
.ui-finish .account-auth { max-width:480px;margin:24px auto;padding:28px }
.ui-finish .account-auth h1 { font-size:28px;margin-bottom:14px }
.ui-finish .account-auth p { margin-block:12px }
.ui-finish .content-section { padding:26px;margin-block:24px }
.ui-finish .result-note { border:1px solid #dce8ff;background:var(--soft);color:#345177;border-radius:8px;padding:14px 16px }
.ui-finish .breadcrumbs ol { display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0 }
.ui-finish .breadcrumbs { flex-wrap:wrap }
.ui-finish .auth-dialog { width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid var(--line);border-radius:14px }
.ui-finish dialog::backdrop { background:#111b3870 }
.ui-finish .footer-links { flex-wrap:wrap }
.ui-finish .hero { background:var(--soft);border:1px solid #d9e7ff;border-radius:14px;box-shadow:none }
.ui-finish :is(.section-card,.calc-card) { background:#fff }
.ui-finish .calc-form :is(.field,.field__control) { box-shadow:none }
.ui-finish .calc-form .field { border:0 }
.ui-finish :is(.table-scroll,.table-wrap,.account-table-wrap) { max-width:100%;overflow-x:auto }
.ui-finish table { border-collapse:collapse;max-width:100% }
.ui-finish :is(th,td) { padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere }
.ui-finish .prose { max-width:80ch;line-height:1.75 }
.ui-finish .prose :is(p,ul,ol,h2,h3) { margin-bottom:18px }
@media(max-width:800px) {
  .ui-finish .container { padding-top:24px }
  .ui-finish h1 { font-size:30px;letter-spacing:-.8px }
  .ui-finish :is(.page-heading,.footer) { flex-wrap:wrap }
}
@media(max-width:700px) {
  .ui-finish .container { width:calc(100% - 36px);padding:22px 0 65px }
  .ui-finish h1 { font-size:27px }
  .ui-finish :is(.content-section,.account-auth) { padding:20px }
  .ui-finish .account-auth { margin:8px auto }
  .ui-finish .page-heading { gap:16px }
  .ui-finish :is(.field-row,.form-grid) { grid-template-columns:minmax(0,1fr) }
}

/* The widget has no site header/footer. Per-embed colors, dark theme and dimensions remain authoritative. */
.embed-page { --font-family-sans:Arial,Helvetica,sans-serif }
.embed-page .embed-widget { border-radius:14px;box-shadow:0 3px 8px #17396e03 }
.embed-page :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.button) { border-radius:8px }
.ui-finish .account-order-summary .surface { padding:24px }
.ui-finish .account-order-content .account-panel { padding:26px;margin-bottom:20px }
.ui-finish .account-order-content h2 { margin-bottom:18px }
.ui-finish .account-order-content h3 { margin-top:18px;margin-bottom:10px }
.ui-finish .account-heading { margin-bottom:24px }
.ui-finish .account-tabs { margin-bottom:24px }
.ui-finish .kit-catalog { position:relative }
.ui-finish .kit-catalog summary { color:var(--muted);font-size:13px;font-weight:500;cursor:pointer }
.ui-finish .kit-catalog .site-menu__panel { display:block;position:absolute;top:35px;left:0;width:330px;max-width:calc(100vw - 40px);padding:12px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:20 }
.ui-finish .kit-catalog .site-menu__panel ul { display:grid;gap:0;list-style:none;padding:0 }
.ui-finish .kit-catalog .site-menu__panel a { display:block;padding:9px 12px;white-space:normal }
.ui-finish .kit-catalog:not([open]) .site-menu__panel { display:none }
.ui-finish .ui01-menu .kit-catalog .site-menu__panel { position:static;width:auto;max-width:none;box-shadow:none;margin-top:12px }

.ui-finish .topbar nav a[aria-current="page"] { color:var(--blue) }

/* Auth owns its kit gutters; its outer shell must span the viewport. */
.ui03a:has(.auth-layout) main.container { width:100%;margin-inline:0 }
/* Payment evidence remains server-owned; service pages use the kit's centered cards. */
.ui-finish .payment-page{max-width:650px;margin:10px auto 30px;min-width:0}
.ui-finish .payment-card{padding:36px}
.ui-finish .payment-card h1{font-size:30px;letter-spacing:-.8px;line-height:1.2}
.ui-finish .payment-card .eyebrow{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.ui-finish .payment-card .payment-total{margin-top:24px;padding:22px 0;border-block:1px solid var(--line)}
.ui-finish .payment-card .order-summary__price{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ui-finish .payment-card .order-summary__price strong{font-size:32px;color:var(--blue);overflow-wrap:anywhere}
.ui-finish .payment-result{text-align:center}
.ui-finish .payment-result>.symbol{margin-bottom:24px}
.ui-finish .payment-result .notice{text-align:left}
.ui-finish .payment-review-facts{display:grid;gap:14px}
.ui-finish .payment-review-facts>div{display:flex;justify-content:space-between;gap:20px;font-size:13px}
.ui-finish .payment-review-facts dt{color:var(--muted)}
.ui-finish .payment-review-facts dd{margin:0;max-width:65%;text-align:right;overflow-wrap:anywhere}
.ui-finish .payment-review-task{white-space:pre-wrap;max-height:240px;overflow:auto;font-size:13px}
.ui-finish .payment-card summary{cursor:pointer;color:var(--blue);font-size:13px}
@media(max-width:700px){.ui-finish .payment-page{margin:12px auto}.ui-finish .payment-card{padding:25px 20px}.ui-finish .payment-card h1{font-size:25px}.ui-finish .payment-card .order-summary__price strong{font-size:28px}}
/* Owner catalog picker keeps search and categories next to the real fork cards. */
.ui-finish .catalog-picker-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr) auto;gap:16px;align-items:end}
.ui-finish .catalog-picker-search label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.ui-finish .catalog-picker-search :is(input,select){width:100%}
@media(max-width:700px){.ui-finish .catalog-picker-search{grid-template-columns:minmax(0,1fr);padding:20px}.ui-finish .catalog-picker-search button{width:100%}}