/* United Fund reference design. All live controls and role gates remain original.
   Tokens are centralized here; dark mode uses the existing html.dark contract. */
:root {
  --uf-navy:#101c34; --uf-navy-raised:#162641; --uf-on-navy:#e9f0fb; --uf-nav-muted:#aebdd5;
  --uf-brand:#2e6cf6; --uf-accent:#2e6cf6; --uf-accent-hover:#1e58d8; --uf-on-accent:#fff;
  --uf-page:#f6f8fc; --uf-surface:#fff; --uf-surface-2:#f0f4fa; --uf-field:#fff;
  --uf-edge:#e5ebf4; --uf-edge-soft:#edf1f7; --uf-text:#172744; --uf-text-muted:#60718c; --uf-text-faint:#71809a;
  --uf-success:#09805f; --uf-warning:#a66512; --uf-danger:#c23a49;
  --uf-accent-soft:#eaf1ff; --uf-backdrop:rgba(16,28,52,.58);
  --uf-shadow-sm:0 2px 10px rgba(29,53,94,.025),0 12px 32px rgba(29,53,94,.035);
  --uf-shadow-md:0 16px 44px rgba(29,53,94,.1); --uf-shadow-lg:0 28px 70px rgba(16,28,52,.22);
  --primary:var(--uf-accent); --primary-light:var(--uf-accent); --accent:var(--uf-accent); --accent-hover:var(--uf-accent-hover);
  --font-heading:Inter,'Segoe UI',sans-serif; --font-body:Inter,'Segoe UI',sans-serif;
  --uf-rail-width:250px; --uf-workspace-gap:30px;
}
html.dark {
  --uf-page:#0c1425; --uf-surface:#152239; --uf-surface-2:#1c2d48; --uf-field:#101e33;
  --uf-edge:#30415c; --uf-edge-soft:#243750; --uf-text:#ecf2fc; --uf-text-muted:#b3c1d7; --uf-text-faint:#93a6c3;
  --uf-accent:#6595ff; --uf-accent-hover:#83abff; --uf-accent-soft:#233d68; --uf-on-accent:#101c34;
  --uf-success:#5ad4ae; --uf-warning:#f1bb65; --uf-danger:#ff8995;
  --uf-shadow-sm:0 2px 10px rgba(0,0,0,.12); --uf-shadow-md:0 16px 44px rgba(0,0,0,.25);
}
/* Applied only while the user changes theme, so normal controls keep their
   own interaction timing and the first page paint remains instant. */
html.theme-transitioning body,
html.theme-transitioning body * {
  transition-property:background-color,color,border-color,box-shadow,fill,stroke!important;
  transition-duration:.38s!important;
  transition-timing-function:cubic-bezier(.22,1,.36,1)!important;
}
html.theme-transitioning body{transition-duration:.44s!important}
html body.uf-redesign {font-family:var(--font-body); background:var(--uf-page)!important;color:var(--uf-text);font-size:13px;line-height:1.55;}
html.dark body.uf-redesign{background:var(--uf-page)!important;color:var(--uf-text)!important}
html.dark .uf-redesign .uf-app-header{background:var(--uf-surface)!important;border-color:var(--uf-edge)!important}
.uf-redesign :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea){font-family:var(--font-body)}
.uf-redesign :is(h1,h2,h3,h4){letter-spacing:-.025em}
.uf-redesign .uf-main h2{font-size:26px;line-height:1.25}
.uf-redesign .uf-main h3{font-size:16px}
.uf-redesign :is(.uf-card,.saas-card,.glass-panel,.uf-panel,.uf-stat,.uf-conv){border-radius:15px;border-color:var(--uf-edge)!important;background:var(--uf-surface)!important;color:var(--uf-text);box-shadow:var(--uf-shadow-sm)!important}
.uf-redesign :is(.uf-main, [role="dialog"], [id$="-modal"]) :is([class*="bg-white"],[class*="bg-slate-50"],[class*="bg-slate-100"],[class*="bg-gray-50"]){background-color:var(--uf-surface)!important;border-color:var(--uf-edge)!important}
.uf-redesign :is(.uf-main,[role="dialog"],[id$="-modal"]) :is([class*="text-slate-9"],[class*="text-slate-8"],[class*="text-gray-9"],[class*="dark:text-white"]){color:var(--uf-text)!important}
.uf-redesign :is(.uf-main,[role="dialog"],[id$="-modal"]) :is([class*="text-slate-4"],[class*="text-slate-5"],[class*="text-slate-6"]){color:var(--uf-text-muted)!important}
.uf-redesign :is(.uf-main,[role="dialog"],[id$="-modal"]) :is([class*="border-slate"],[class*="border-gray"]){border-color:var(--uf-edge)!important}
.uf-redesign :is(button,.uf-btn-quiet,.uf-btn-accent-sm){border-radius:9px;font-weight:650;letter-spacing:0;box-shadow:none}
.uf-redesign :is(button,input,select,textarea,a):focus-visible{outline:3px solid var(--uf-accent);outline-offset:3px}
.uf-redesign button:not(:disabled){cursor:pointer}
.uf-redesign button:disabled{cursor:not-allowed;opacity:.5}
.uf-redesign :is(.uf-btn-accent-sm,.btn-glow-primary,.btn-glow-orange,button.bg-primary,button.bg-accent,button.bg-blue-600,button.bg-teal-600,button.bg-emerald-600){background:var(--uf-accent)!important;color:var(--uf-on-accent)!important;border-color:var(--uf-accent)!important}
.uf-redesign :is(.uf-btn-accent-sm,.btn-glow-primary,.btn-glow-orange,button.bg-primary,button.bg-accent):hover{background:var(--uf-accent-hover)!important;transform:none}
.uf-redesign :is(.uf-main,[id$="-modal"]) :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),select,textarea){background:var(--uf-field)!important;color:var(--uf-text)!important;border:1px solid var(--uf-edge)!important;border-radius:8px;min-height:38px;box-shadow:none;max-width:100%;font-size:12px}
.uf-redesign input[type="range"]{accent-color:var(--uf-accent);min-height:24px}
.uf-redesign input:is([type="checkbox"],[type="radio"]){accent-color:var(--uf-accent)}
.uf-redesign :is(input,textarea)::placeholder{color:var(--uf-text-faint)!important;opacity:1}
.uf-redesign label{line-height:1.5}
.uf-redesign .uf-main :is(.overflow-x-auto,.uf-table-wrap){border:1px solid var(--uf-edge);border-radius:11px;background:var(--uf-surface)}
.uf-redesign .uf-main table{border-collapse:collapse}
.uf-redesign .uf-main thead,.uf-redesign .uf-main th{background:var(--uf-surface-2)!important;color:var(--uf-text-muted)!important}
.uf-redesign .uf-main th{text-transform:uppercase;font-size:10px;letter-spacing:.035em;font-weight:700;padding:12px}
.uf-redesign .uf-main td{padding:12px;font-size:12px;border-bottom:1px solid var(--uf-edge-soft);vertical-align:middle}
.uf-redesign .uf-main tbody tr{background:var(--uf-surface)}
.uf-redesign .uf-main .uf-toolbar{background:var(--uf-surface);padding:16px;border-radius:12px;border:1px solid var(--uf-edge);box-shadow:none}
.uf-redesign .uf-chip{border-radius:8px;background:var(--uf-field);min-height:36px}
.uf-redesign .uf-stat{min-height:128px;padding:18px;border:1px solid var(--uf-edge)!important}
.uf-redesign .uf-stat-value{font-size:28px;font-weight:800;letter-spacing:-.04em}
.uf-redesign .uf-stat-icon{width:30px;height:30px;background:var(--uf-accent-soft);color:var(--uf-accent)}
.uf-redesign .uf-stat-label{text-transform:none;font-weight:650;letter-spacing:0;color:var(--uf-text-muted)}
.uf-redesign .uf-app-header{height:68px;min-height:68px;background:var(--uf-surface)!important;border-bottom:1px solid var(--uf-edge);padding-block:8px}
.uf-redesign .uf-app-header>div{max-width:none}
.uf-redesign #sidebar-drawer{background:var(--uf-navy)!important;color:var(--uf-on-navy)!important;border:0}
.uf-redesign #sidebar-drawer>div{border-color:var(--uf-navy-raised)!important}
.uf-redesign #sidebar-drawer :is(p,span,h2){color:inherit!important}
.uf-redesign #sidebar-drawer h3{color:var(--uf-on-navy)!important}
.uf-redesign #sidebar-drawer .uf-nav-item{background:transparent!important;color:var(--uf-nav-muted)!important;font-size:12px;min-height:38px;padding:9px 12px;margin:2px 0}
.uf-redesign #sidebar-drawer .uf-nav-item svg{color:inherit!important;width:17px;height:17px}
.uf-redesign #sidebar-drawer .uf-nav-item:hover{background:var(--uf-navy-raised)!important;color:var(--uf-on-navy)!important}
.uf-redesign #sidebar-drawer .uf-nav-item[aria-current="page"]{background:var(--uf-brand)!important;color:var(--uf-on-navy)!important}
.uf-redesign #sidebar-drawer .uf-nav-group-label{color:var(--uf-nav-muted)!important;font-size:10px;opacity:.75;margin-top:18px}
.uf-redesign #sidebar-drawer>div:last-child{background:var(--uf-navy)!important}
.uf-redesign #drawer-user-name{color:var(--uf-on-navy)!important}
.uf-redesign .uf-login-brand{background:var(--uf-navy)!important;color:var(--uf-on-navy);padding:60px 72px}
.uf-redesign .uf-login-brand p{color:var(--uf-nav-muted)}
.uf-redesign .uf-login-brand h1{font-size:48px;letter-spacing:-.045em;line-height:1.12}
.uf-redesign .uf-login-highlight{color:var(--uf-on-navy)}
.uf-redesign .uf-login-form-side{background:var(--uf-surface)!important}
.uf-redesign .uf-login-form-inner{max-width:430px;padding:24px}
.uf-redesign .uf-login-form-inner :is(input,button,select){border-radius:9px}
.uf-redesign #welcome-view{max-width:none!important}
.uf-redesign #welcome-cards-container>button{text-align:left;min-height:280px;padding:28px;background:var(--uf-surface)!important;border:1px solid var(--uf-edge)!important;border-radius:15px;box-shadow:var(--uf-shadow-sm)!important}
.uf-redesign #welcome-cards-container>button :is(h2,h3){font-size:20px}
.uf-redesign #welcome-cards-container>button:hover{border-color:var(--uf-accent)!important;transform:none}
.uf-redesign .uf-main :is(.rounded-3xl,.rounded-2xl){border-radius:15px}
.uf-redesign .uf-main :is(.shadow-xl,.shadow-2xl,.shadow-lg){box-shadow:var(--uf-shadow-sm)!important}
.uf-redesign .uf-main :is([class*="from-slate-9"],[class*="from-primary"],[class*="from-orange"],[class*="from-purple"]){background-image:none;background-color:var(--uf-surface)!important;color:var(--uf-text)!important}
.uf-redesign :is(#commissions-dynamic-content,#reports-dynamic-content){min-width:0}
.uf-redesign #commissions-dynamic-content>div:first-child:has(button){gap:6px;max-width:100%;flex-wrap:wrap}
.uf-redesign :is(#commissions-dynamic-content,#reports-dynamic-content) :is(.grid,.flex)>*{min-width:0}
.uf-redesign :is([role="dialog"],[id$="-modal"]):not(.hidden){overscroll-behavior:contain}
.uf-redesign [id$="-modal"].fixed{background-color:var(--uf-backdrop)!important;backdrop-filter:none;padding:20px}
.uf-redesign [id$="-modal"]>div{max-height:calc(100dvh - 40px);overflow-y:auto;max-width:min(100%,900px);border-radius:16px!important}
.uf-redesign :is(#change-password-modal,#admin-login-modal,#admin-role-selector-modal)>div{max-width:460px}
.uf-redesign #uf-calculator-grid>div:first-child>div,.uf-redesign #uf-calculator-grid>div:last-child{border:1px solid var(--uf-edge)!important;box-shadow:var(--uf-shadow-sm)!important;background:var(--uf-surface)!important;padding:20px;border-radius:15px}
.uf-redesign #uf-calculator-grid :is(input,select){font-size:13px}
.uf-redesign #uf-calculator-grid label{font-size:11px}
.uf-redesign #uf-calculator-grid :is(.text-3xl,.text-4xl){font-size:28px}
@media(min-width:1200px){.uf-redesign .uf-header-actions{gap:12px}.uf-redesign #opener-view>.grid{grid-template-columns:minmax(0,2fr) minmax(270px,1fr)}.uf-redesign #opener-view>.grid>div{grid-column:auto}.uf-redesign #uf-calculator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:1199px){:root{--uf-workspace-gap:24px}.uf-redesign .uf-app-header{height:auto}.uf-redesign .uf-login-brand{padding:40px}.uf-redesign #uf-calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uf-redesign #uf-calculator-grid>div:last-child{grid-column:1/-1}}
@media(max-width:767px){:root{--uf-workspace-gap:16px}.uf-redesign #uf-calculator-grid{grid-template-columns:minmax(0,1fr)}.uf-redesign .uf-main h2{font-size:23px}.uf-redesign .uf-main .flex:has(>input),.uf-redesign .uf-main .flex:has(>select){flex-wrap:wrap}.uf-redesign #sidebar-drawer{width:min(290px,88vw)}.uf-redesign [id$="-modal"].fixed{padding:12px}.uf-redesign [id$="-modal"]>div{max-height:calc(100dvh - 24px)}.uf-redesign .uf-main :is(.p-8,.p-10,.p-12){padding:18px}.uf-redesign #welcome-cards-container>button{min-height:240px}.uf-redesign .uf-main [class*="min-w-"]{min-width:0}.uf-redesign .uf-login-form-inner{padding:22px}.uf-redesign .uf-main .uf-stat{min-height:125px;padding:14px}}
@media(prefers-reduced-motion:reduce){.uf-redesign *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}html.theme-transitioning body,html.theme-transitioning body *{transition-duration:.01ms!important}}
@media print{.uf-redesign .uf-main{margin:0!important;padding:0!important}.uf-redesign #sidebar-drawer{display:none!important}}
.uf-dashboard-insights{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.uf-dashboard-insights .uf-card{padding:20px}
.uf-dashboard-insights h3{margin-bottom:4px;font-size:15px!important}
.uf-trend-card>p{color:var(--uf-text-muted);font-size:11px;margin-bottom:12px}
#uf-volume-chart{min-height:170px;display:flex;align-items:center;color:var(--uf-text-muted)}
#uf-volume-chart svg{display:block;width:100%;max-height:200px}
.uf-chart-grid{fill:none;stroke:var(--uf-edge)}.uf-chart-line{fill:none;stroke:var(--uf-accent);stroke-width:3}.uf-chart-dot{fill:var(--uf-accent)}
#uf-volume-chart text{fill:var(--uf-text-muted);font:11px Inter,sans-serif}
.uf-redesign .uf-queue-card .uf-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-height:0!important;border:0!important;border-bottom:1px solid var(--uf-edge)!important;border-radius:0;box-shadow:none!important;padding:10px 0;gap:2px}
.uf-queue-card .uf-stat-icon{display:none}.uf-queue-card .uf-stat-value{font-size:18px!important;grid-column:2;grid-row:1/3}.uf-queue-card .uf-stat-foot{font-size:10px}
@media(min-width:1200px){.uf-redesign #dashboard-view>div:nth-child(2)>.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.uf-redesign #dashboard-view>div:nth-child(2)>.grid>button{grid-column:auto!important;order:0!important;min-height:128px!important}}
@media(max-width:767px){.uf-dashboard-insights{grid-template-columns:minmax(0,1fr)}}
/* Keep every workspace aligned to the same rail instead of nesting centered shells. */
.uf-redesign .uf-main>[id$="-view"]{max-width:none;margin-inline:0}
.uf-redesign :is(#settings-view,#commissions-dynamic-content) .max-w-2xl{max-width:none;margin-inline:0}
.uf-redesign .uf-main :is(.uf-card,.saas-card)>h3{font-size:16px}
.uf-redesign .uf-chip>select{border:0!important;background:transparent!important;min-height:30px}
.uf-redesign #chatbot-view>div:first-child{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.uf-redesign #chat-user-input{min-height:44px}
.uf-redesign #btn-chat-send{background:var(--uf-accent)!important;color:var(--uf-on-accent)!important}
.uf-redesign #sidebar-drawer{transition:none}
.uf-redesign #sidebar-drawer>:first-child,.uf-redesign #sidebar-drawer>:last-child{flex-shrink:0}
.uf-redesign #sidebar-drawer>:nth-child(2){min-height:0;overscroll-behavior:contain}
.uf-redesign #opener-view>.grid>div:last-child>div{background:var(--uf-surface)!important;color:var(--uf-text)!important;border-color:var(--uf-edge)!important;box-shadow:var(--uf-shadow-sm)!important}
.uf-redesign #opener-view>.grid>div:last-child :is(h3,p,a){color:var(--uf-text)!important}
.uf-redesign #opener-view>.grid>div:last-child [class*="bg-slate-8"]{background:var(--uf-surface-2)!important}
.uf-redesign #opener-view>.grid>div:last-child button{background:var(--uf-accent)!important;color:var(--uf-on-accent)!important;border:0}
.uf-redesign #uf-calculator-grid>div:last-child:has(>.saas-card){padding:0;border:0!important;box-shadow:none!important;background:transparent!important}
.uf-redesign .uf-callback-form{display:flex;flex-direction:column;gap:16px;max-width:800px}
.uf-redesign .uf-callback-form>*{margin:0!important}
.uf-redesign .uf-callback-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px;scroll-padding:4px}
.uf-redesign .uf-callback-fields>:not(label),.uf-redesign .uf-callback-fields>label:has(textarea){grid-column:1/-1}
.uf-redesign .uf-callback-form>:not(.uf-callback-fields){flex-shrink:0}
.uf-redesign .uf-callback-form :is(input,textarea){background:var(--uf-field)!important;color:var(--uf-text)!important;border-color:var(--uf-edge)!important;border-radius:8px;min-height:40px}
.uf-redesign .uf-callback-record{background:var(--uf-surface);border-color:var(--uf-edge);border-radius:12px}
.uf-redesign .uf-callback-record{min-width:0;overflow-wrap:anywhere}
.uf-redesign .uf-callback-record :is(.grid,.flex)>*{min-width:0}
.uf-redesign #analytics-chart-container :is(path,circle){stroke:var(--uf-accent)}
.uf-redesign #analytics-chart-container circle{fill:var(--uf-surface)}
.uf-redesign #analytics-chart-container text{fill:var(--uf-text-muted)}
.uf-redesign #analytics-chart-container line{stroke:var(--uf-edge)}
@media(max-width:767px){.uf-redesign .uf-callback-form{gap:12px}.uf-redesign .uf-callback-fields{grid-template-columns:minmax(0,1fr);gap:12px}}
/* Final UI/UX reference proportions. Real fields remain in the application. */
.uf-redesign .uf-main{padding-block:26px 32px}
.uf-redesign .uf-main>.space-y-6>:not([hidden])~:not([hidden]){margin-top:18px}
.uf-redesign #sidebar-drawer .uf-nav-item{margin:2px 0!important;padding:8px 12px;min-height:38px}
.uf-redesign #sidebar-drawer>:nth-child(2){scrollbar-width:thin;scrollbar-color:#52678d transparent}
.uf-redesign #opener-view>.grid>div:first-child{padding:18px}
.uf-redesign #opener-view .uf-lead-form{gap:13px 16px}
.uf-redesign #opener-view .uf-lead-form label{font-size:11px}
.uf-redesign #opener-view .uf-lead-form input,.uf-redesign #opener-view .uf-lead-form select{min-height:36px;padding-block:8px;font-weight:500}
.uf-redesign #uf-calculator-grid{align-items:stretch}
.uf-redesign #uf-calculator-grid :is(.saas-card,h3){font-size:14px}
.uf-redesign #uf-calculator-grid .saas-card{height:100%;padding:18px!important}
.uf-redesign #uf-calculator-grid .saas-card>div:first-child>[class*="icon-squircle"]{display:none}
.uf-redesign #uf-calculator-grid :is(input,select){min-height:35px;font-size:12px;font-weight:500}
.uf-redesign .uf-client-field{width:100%;grid-column:1/-1}
.uf-redesign .uf-calculator-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.uf-redesign .uf-calculator-results>div{padding:14px;border:1px solid var(--uf-edge);border-radius:15px;background:var(--uf-surface);box-shadow:var(--uf-shadow-sm);min-width:0;align-content:start}
.uf-redesign .uf-calculator-results>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.uf-redesign .uf-calculator-results>.grid{container:uf-result / inline-size}
.uf-redesign .uf-calculator-results>.grid>div{padding:10px 6px;min-width:0}
.uf-redesign .uf-calculator-results #input-program-payment{width:100%;min-width:0;max-width:88px}
.uf-redesign .uf-calculator-results #affordability-banner{padding:10px;margin-top:10px}
.uf-redesign .uf-calculator-actions{display:flex;justify-content:flex-end;margin-top:16px}
.uf-redesign .uf-calculator-actions #btn-submit-projection{width:auto;min-height:38px;padding:10px 18px;font-size:12px}
.uf-redesign .uf-daily-expenses{border:1px solid var(--uf-edge);border-radius:9px;padding:10px;font-size:11px;color:var(--uf-text-muted)}
.uf-redesign .uf-daily-expenses summary{cursor:pointer;font-weight:650}
.uf-redesign .uf-daily-expenses[open]>div{margin-top:12px}
@media(max-width:1199px){.uf-redesign .uf-calculator-results{grid-template-columns:repeat(2,minmax(0,1fr))}.uf-redesign .uf-calculator-results>div:last-child{grid-column:1/-1}}
@media(max-width:767px){.uf-redesign .uf-calculator-results{grid-template-columns:minmax(0,1fr)}.uf-redesign .uf-main{padding:18px 16px}.uf-redesign .uf-calculator-actions #btn-submit-projection{width:100%}.uf-redesign .uf-main :is(input,select,textarea){font-size:16px!important;min-height:42px!important}.uf-redesign #opener-mode-selector{flex-wrap:wrap}}
@media(max-width:767px){.uf-redesign .uf-app-header>div{flex-wrap:wrap;gap:8px}.uf-redesign .uf-header-actions{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start;overflow:visible;gap:8px}.uf-redesign .uf-header-actions>button{flex-shrink:0}}
@media(max-width:767px){.uf-redesign .uf-main :is(input,select,textarea){min-width:0}.uf-redesign #settings-tab-security :is(input:not([type="checkbox"]),select){width:100%;min-width:0}.uf-redesign #settings-tab-security .flex:has(>input){flex-wrap:wrap}}
/* Audited fixes: reserve fixed layers, flatten redundant decoration, keep actions clear. */
.uf-redesign #callback-form-overlay{bottom:var(--uf-review-height,0px);padding:16px;overflow:hidden;background:var(--uf-backdrop)}
.uf-redesign #callback-form-overlay>.uf-callback-form{max-height:100%;min-height:0;overflow:hidden;border:1px solid var(--uf-edge);box-shadow:var(--uf-shadow-lg);background:var(--uf-surface)!important;color:var(--uf-text)!important}
.uf-redesign #callback-form-overlay :is(input,textarea){min-width:0;font-size:14px}
.uf-redesign #callback-form-overlay button{min-height:38px;padding:8px 14px}
html.dark body.uf-redesign #callback-form-overlay :is(input,textarea){background:var(--uf-field)!important;color:var(--uf-text)!important;border-color:var(--uf-edge)!important;box-shadow:none!important}
.uf-redesign #callback-form-overlay form>div:last-child button:first-child{background:var(--uf-surface)!important;color:var(--uf-text-muted)!important;border:1px solid var(--uf-edge)!important;box-shadow:none!important}
.uf-redesign #callback-form-overlay form>div:last-child{padding:12px 0 0;background:var(--uf-surface);border-top:1px solid var(--uf-edge)}
.uf-redesign [id$="-modal"].fixed{bottom:var(--uf-review-height,0px)}
.uf-redesign [id$="-modal"]>div{max-height:calc(100dvh - var(--uf-review-height,0px) - 40px)}
.uf-redesign .uf-outcome-notice{bottom:calc(24px + var(--uf-review-height,0px))}
.uf-redesign #calculator-view>div:first-child button{background:var(--uf-surface)!important;border:1px solid var(--uf-edge)!important;color:var(--uf-text-muted)!important;min-height:36px}
.uf-redesign #calculator-view>div:first-child button:hover{background:var(--uf-accent-soft)!important;color:var(--uf-accent)!important}
.uf-redesign .uf-calculator-results>.grid>div{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
.uf-redesign .uf-calculator-results>.grid>div+div{border-left:1px solid var(--uf-edge)!important}
.uf-redesign .uf-calculator-results>div{box-shadow:none}
@media(max-width:767px){.uf-redesign #callback-form-overlay{padding:12px}.uf-redesign #callback-form-overlay>.uf-callback-form{padding:18px}.uf-redesign #callback-form-overlay :is(input,textarea){font-size:16px;min-height:42px}.uf-redesign [id$="-modal"]>div{max-height:calc(100dvh - var(--uf-review-height,0px) - 24px)}}
/* A narrow result card must preserve full currency values, not squeeze three totals. */
@container uf-result (max-width:360px){
 .uf-redesign .uf-calculator-results>.grid>div{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;text-align:left;min-height:0;padding:10px 0}
 .uf-redesign .uf-calculator-results>.grid>div+div{border-left:0!important;border-top:1px solid var(--uf-edge)!important}
 .uf-redesign .uf-calculator-results>.grid>div>:first-child{grid-column:1;grid-row:1}
 .uf-redesign .uf-calculator-results>.grid>div>:nth-child(2){grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
 .uf-redesign .uf-calculator-results>.grid>div>:nth-child(3){grid-column:2;grid-row:2;text-align:right}
 .uf-redesign .uf-calculator-results #input-program-payment{max-width:110px}
}
/* End responsive calculator safeguards. */
