/* first-use clarity */
.req{color:#A12C7B;font-weight:700}
.ux-sub{font-weight:400;color:var(--muted,#6b7477);font-size:12px}
.ux-lead input{border:2px solid var(--accent,#01696f);font-size:16px;padding:13px 12px;background:#fff}
.ux-lead label{font-size:14px}
.ux-need input{box-shadow:0 0 0 3px rgba(161,44,123,.25);border-color:#A12C7B}
.ux-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin:4px 0 12px}
.ux-actions .btn{margin:0}
.ux-actions .ux-clear{min-width:84px;color:#5f6b70!important;border:1px solid #d4d1ca!important;background:#f3f1ec!important;font-weight:600}
.ux-start{margin:0 0 4px}
body.ux-empty .grid>div:first-child>.card:not(:first-child),
body.ux-empty .grid>div:first-child>.card:first-child>*:not(h2):not(.ux-lead):not(.ux-actions):not(.ux-start):not(.field:has(#address)){display:none!important}
body.ux-empty .grid>div:first-child>button,body.ux-empty .grid>div:first-child>.hint{display:none!important}
/* loading in the field */
.ux-loading{position:relative}
.ux-loading input{padding-right:40px}
.ux-loading::after{content:"";position:absolute;right:13px;bottom:14px;width:16px;height:16px;border-radius:50%;border:2px solid #b9d8d5;border-top-color:var(--accent,#01696f);animation:uxSpin .8s linear infinite}
.ux-filling input{background:linear-gradient(90deg,#f3f1ec 25%,#e6eeec 50%,#f3f1ec 75%);background-size:200% 100%;animation:uxShimmer 1.4s ease-in-out infinite}
#urlStatus .ux-spin{display:inline-block;vertical-align:-2px;width:12px;height:12px;margin-right:7px;border-radius:50%;border:2px solid #b9d8d5;border-top-color:var(--accent,#01696f);animation:uxSpin .8s linear infinite}
#urlStatus[data-busy]{color:var(--accent-dk,#0b4e52);background:#e6f0ef;font-weight:600}
#uwBusy{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto!important}
body.ux-busy-lead #uwBusy{display:none}
@keyframes uxSpin{to{transform:rotate(360deg)}}
@keyframes uxShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.ux-loading::after,#urlStatus .ux-spin,.ux-filling input{animation:none}}
/* auto-filled vs entered */
.ux-auto input{background:#eef5f4;color:#2c4a4e}
.ux-auto label::after{content:"Auto";margin-left:6px;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0b6e6f;background:#d9ebe9;border-radius:4px;padding:1px 5px;vertical-align:1px}
.ux-assumed label::after{content:"Assumed";margin-left:6px;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7a5a1e;background:#f4ead6;border-radius:4px;padding:1px 5px;vertical-align:1px}
.ux-user label::after{content:"You";margin-left:6px;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#3d4a4d;background:#eceae4;border-radius:4px;padding:1px 5px;vertical-align:1px}
/* pricing popup */
.ux-pop{position:fixed;inset:0;z-index:200;background:rgba(20,30,32,.45);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 12px}
.ux-pop[hidden]{display:none}
.ux-pop-in{position:relative;background:var(--bg,#f7f6f2);border-radius:14px;max-width:560px;width:100%;padding:18px 14px 16px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.ux-pop-x{position:absolute;top:8px;right:10px;width:36px;height:36px;border:0;background:none;font-size:26px;line-height:1;color:var(--muted,#6b7477);cursor:pointer}
body.ux-pop-open{overflow:hidden}
/* memo verdict button */
button.ux-verdict{width:100%;text-align:left;cursor:pointer;font:inherit;flex-wrap:wrap}
button.ux-verdict:hover{border-color:var(--accent,#01696f)!important}
.ux-v-go{flex-basis:100%;font-size:13px;font-weight:700;color:var(--accent-dk,#0b4e52);text-decoration:underline;margin-top:2px}
details.ux-more>summary{cursor:pointer;margin:6px 0 4px;padding:9px 12px;border:1px solid var(--border,#d4d1ca);border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:var(--accent-dk,#0b4e52);list-style:none}
details.ux-more>summary::-webkit-details-marker{display:none}
details.ux-more[open]>summary{margin-bottom:8px}
#memoBody .flag{min-width:0;overflow-wrap:anywhere}
#memoBody .flag>span:last-child{min-width:0}
#memoBody>#financingChecks:first-child{border:1px solid var(--border,#d4d1ca);border-radius:10px;padding:12px 16px 4px;margin:0 0 14px;background:#fff}
#memoBody>#financingChecks:first-child>summary{font-weight:700;cursor:pointer}