/* Optional faces only. Current keeps its existing stylesheet and controls. */
#paycheckLookChoice{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;padding:14px 16px;margin:18px 0 12px;border:1px solid #b9d2c8;border-radius:12px;background:#fff;color:#173f46}
#paycheckLookChoice>div:first-child{display:flex;flex-direction:column;gap:2px}
#paycheckLookChoice strong{font-size:16px}#paycheckLookChoice span,#paycheckLookChoice p{font-size:13px}
#paycheckLookChoice .pr-view-detail{flex-basis:100%;margin:0;color:#50656d}
.pr-look-options{display:flex;gap:4px;flex-wrap:wrap}
#paycheckLookChoice button{margin:0;min-height:44px;padding:9px 15px;border:1px solid #afcbbf;background:#fff;color:#24574d;border-radius:24px;font-family:inherit;font-weight:700;font-size:14px}
#paycheckLookChoice button[aria-pressed=true]{background:#236d5e;color:white;border-color:#236d5e}
.pr-new-only,.pr-step-label{display:none}
body.pr-new-face{
 --pr-bg:#e6f4ff;--pr-card:#fff;--pr-ink:#1f2d4d;--pr-muted:#51628a;--pr-line:#1f2d4d;
 --pr-green:#d6f5e6;--pr-blue:#d9ecff;--pr-purple:#ecdfff;--pr-gold:#fff0bf;--pr-coral:#ffe0dc;
 --pr-radius:22px;--pr-border:3px;--pr-shadow:0 5px 0 #1f2d4d;
 --pr-display:'Baloo 2','Trebuchet MS',system-ui,sans-serif;
 background:var(--pr-bg);color:var(--pr-ink);font:600 16px/1.5 'Nunito',system-ui,sans-serif;
}
body[data-paycheck-look=simple]{--pr-bg:#f3f7fa;--pr-radius:12px;--pr-border:1.5px;--pr-shadow:none;--pr-line:#abb9cb;--pr-display:'Nunito',system-ui,sans-serif}
body.pr-new-face *{box-sizing:border-box}
body.pr-new-face header{background:var(--pr-card);color:var(--pr-ink);border-bottom:1px solid var(--pr-line)}
body.pr-new-face header .brand{font-size:13px;letter-spacing:.035em;overflow-wrap:anywhere}
body.pr-new-face #appView>.wrap{max-width:980px;padding-top:22px}
body.pr-new-face #appView>.wrap>.green{font-family:var(--pr-display);font-size:25px;color:var(--pr-ink)}
body.pr-new-face #appView>.wrap>h1,body.pr-new-face #appView>.wrap>p.muted{display:none}
body.pr-new-face :is(h1,h2,h3,h4){font-family:var(--pr-display);color:var(--pr-ink);line-height:1.2}
body.pr-new-face h2{font-size:26px}body.pr-new-face h3{font-size:21px}
body.pr-new-face .muted,body.pr-new-face .small,body.pr-new-face small{color:var(--pr-muted)}
body.pr-new-face .pr-new-only{display:block}
body.pr-new-face .pr-look-hero{display:flex;gap:16px;align-items:center;margin:18px 0 24px}
.pr-look-hero svg{width:88px;height:88px;flex:none}
.pr-look-hero p{position:relative;margin:0;max-width:590px;padding:16px 20px;background:var(--pr-card);border:var(--pr-border) solid var(--pr-line);border-radius:var(--pr-radius);box-shadow:var(--pr-shadow);font-family:var(--pr-display);font-weight:800;font-size:25px;line-height:1.3}
.pr-look-hero p span{font-family:'Nunito',system-ui,sans-serif;font-size:15px;font-weight:700}
body[data-paycheck-look=simple] .pr-look-hero svg{display:none}
body[data-paycheck-look=simple] .pr-look-hero p{border:0;box-shadow:none;padding:0;background:transparent;font-size:22px}
body.pr-new-face #currentPhaseBadge{padding:12px 16px;border:var(--pr-border) solid var(--pr-line);border-radius:var(--pr-radius);background:var(--pr-gold);color:var(--pr-ink);font-size:15px}
body.pr-new-face #paycheckLookChoice{border:var(--pr-border) solid var(--pr-line);border-radius:var(--pr-radius);background:var(--pr-card);color:var(--pr-ink);box-shadow:var(--pr-shadow);margin-top:22px}
body.pr-new-face #paycheckLookChoice .pr-view-detail{color:var(--pr-muted)}
body.pr-new-face #paycheckLookChoice button{border:2px solid var(--pr-line);background:var(--pr-card);color:var(--pr-ink)}
body.pr-new-face #paycheckLookChoice button[aria-pressed=true]{background:#ffc83d;color:#1f2d4d}
body.pr-new-face .tab-strip>.tabs{display:none}
body.pr-new-face .tab-strip{border:0;padding:0;margin:12px 0 18px}
body.pr-new-face .save-status-bar{padding:8px 0;background:transparent}
body.pr-new-face .pr-view-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;background:var(--pr-card);border:var(--pr-border) solid var(--pr-line);border-radius:var(--pr-radius);box-shadow:var(--pr-shadow);margin:18px 0}
body.pr-new-face .pr-view-nav[hidden]{display:none}
.pr-view-nav button{display:flex;align-items:center;justify-content:center;gap:8px;border:0!important;background:transparent!important;color:var(--pr-ink)!important;font-family:var(--pr-display)!important;font-weight:800;font-size:17px;border-radius:14px;padding:10px 5px;min-height:48px;margin:0}
.pr-view-nav button>span{font-family:system-ui,sans-serif;font-size:21px}
.pr-view-nav button[aria-current=page]{background:var(--pr-blue)!important}
body.pr-new-face button,body.pr-new-face input,body.pr-new-face select,body.pr-new-face textarea{font-family:inherit}
body.pr-new-face :is(button,summary,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}
body.pr-new-face button{border-radius:14px;white-space:normal}
body.pr-new-face :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;border:1.5px solid var(--pr-line);border-radius:10px;color:var(--pr-ink);background:var(--pr-card);font-size:16px}
body.pr-new-face :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #ad7700;outline-offset:3px}
body.pr-new-face :is(.card,.bill-section,.phase-box,.rescue-resource){background:var(--pr-card);border:var(--pr-border) solid var(--pr-line);border-radius:var(--pr-radius);box-shadow:var(--pr-shadow);color:var(--pr-ink);padding:18px;margin-bottom:20px}
body.pr-new-face .notice{border-radius:12px}
body.pr-new-face :is(table,th,td){background:var(--pr-card);color:var(--pr-ink)}
body.pr-new-face th{background:var(--pr-blue)}
body.pr-new-face #bills .summary-name,body.pr-new-face #bills .summary-cell{color:var(--pr-ink)}
/* This Month reuses the real Rescue Plan DOM, including all funding warnings. */
body.pr-new-face #phaseWorkspace{display:none}
body.pr-new-face #decisions2>.card{border:0;box-shadow:none;background:transparent;padding:0}
body.pr-new-face #decisions2 .rescue-plan-heading{display:none}
body.pr-new-face #decisions2 .decision-fixed{position:static;background:transparent;padding:0}
body.pr-new-face #decisions2 .rescue-month-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:0 0 18px}
body.pr-new-face #decisionMonth{max-width:100%!important;width:250px;font-family:var(--pr-display);font-weight:800;font-size:23px;border:var(--pr-border) solid var(--pr-line);box-shadow:var(--pr-shadow);padding:10px 12px;border-radius:16px}
body.pr-new-face #decisions2 #decisionTotals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
body.pr-new-face #decisionTotals>.metric{background:var(--pr-card);color:var(--pr-ink);border:var(--pr-border) solid var(--pr-line);border-radius:16px;padding:12px 14px;box-shadow:var(--pr-shadow);font-size:13px}
body.pr-new-face #decisionTotals>.workflow-main-total{background:var(--pr-gold)}
body.pr-new-face #decisionTotals>.metric b{font-family:var(--pr-display);font-size:27px;color:inherit;overflow-wrap:anywhere}
body.pr-new-face #decisionTotals>:nth-child(n+4){display:none}
body.pr-new-face #decisions2 .decision-scroll{max-height:none;overflow:visible;padding:0}
body.pr-new-face #decisionApproval{display:none}
body.pr-new-face #decisionBody .recommendation-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:20px 0 26px;background:transparent}
body.pr-new-face .recommendation-controls>h3,body.pr-new-face .recommendation-controls>.recommendation-explanation{display:none}
body.pr-new-face .recommendation-controls>p,body.pr-new-face .recommendation-controls>label,body.pr-new-face .recommendation-controls>details{grid-column:1/-1;margin:0}
body.pr-new-face .recommendation-controls>p{font-size:13px}
body.pr-new-face .recommendation-controls>button{border:var(--pr-border) solid var(--pr-line);border-radius:18px;box-shadow:var(--pr-shadow);color:var(--pr-ink);margin:0;padding:12px 5px;min-height:112px;width:100%;background:var(--pr-card)}
body.pr-new-face .recommendation-controls>button[data-recommendation-step="1"]{background:var(--pr-green)}
body.pr-new-face .recommendation-controls>button[data-recommendation-step="2"]{background:var(--pr-blue)}
body.pr-new-face .recommendation-controls>button[data-recommendation-step="3"]{background:var(--pr-purple)}
body.pr-new-face .recommendation-controls>button:disabled{opacity:.55;box-shadow:none}
body.pr-new-face .pr-step-original{display:none}
body.pr-new-face .pr-step-label{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--pr-display);font-size:20px;font-weight:800;line-height:1.15}
.pr-step-label b{display:grid;place-items:center;width:30px;height:30px;background:var(--pr-card);border:2px solid var(--pr-line);border-radius:50%;font:800 16px 'Nunito',sans-serif}
.pr-step-label small{font:700 11px 'Nunito',sans-serif;color:var(--pr-muted)}
.pr-step-help{border:var(--pr-border) solid var(--pr-line);border-radius:14px;background:var(--pr-card);padding:6px 12px}
.pr-step-help summary{display:flex;align-items:center;font-family:var(--pr-display);font-weight:800;cursor:pointer}
.pr-step-help p{font-size:15px;margin:5px 0 10px}
body.pr-new-face #decisions2 .decision-paycheck-card{border:var(--pr-border) solid var(--pr-line);border-radius:var(--pr-radius);box-shadow:var(--pr-shadow);background:var(--pr-card);margin:24px 0;overflow:hidden}
body.pr-new-face #decisions2 .rp2-check-line{background:var(--pr-blue);color:var(--pr-ink);min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:52px 16px 16px!important;font-size:17px}
body.pr-new-face .rp2-check-line>span{display:flex;flex-direction:column;min-width:0}
body.pr-new-face .rp2-check-line small{font-size:11px}
body.pr-new-face .rp2-check-line b{font-family:var(--pr-display);font-size:22px;overflow-wrap:anywhere}
body.pr-new-face #decisions2 .rp2-still-available{background:var(--pr-gold);border-radius:12px;padding:6px 9px}
body.pr-new-face .paycheck-collapse-button{min-height:36px;font-size:13px!important;top:8px;right:12px;border:1.5px solid var(--pr-line);background:var(--pr-card);color:var(--pr-ink)}
body.pr-new-face #decisions2 .decision-check-bills{padding:10px;overflow:visible}
body.pr-new-face #decisionBody .rescue-bill-block{border:var(--pr-border) solid var(--pr-line);border-radius:16px!important;box-shadow:none;margin:8px 0 12px!important;background:var(--pr-card);overflow:hidden}
body.pr-new-face #decisionBody .rescue-bill-primary.decision-summary-detailed,
body.pr-new-face #decisionBody .rescue-bill-primary.decision-summary-detailed:has(.payment-paid-status){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important;gap:10px!important;padding:14px!important;background:var(--pr-card);color:var(--pr-ink);overflow:visible;white-space:normal}
body.pr-new-face #decisionBody .rescue-bill-primary>div{min-width:0;max-width:100%}
body.pr-new-face #decisionBody .rescue-bill-primary>div:first-child{grid-column:1/-1;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
body.pr-new-face #decisionBody .rescue-bill-primary small{font-size:11px;display:block!important;white-space:normal}
body.pr-new-face #decisionBody .rescue-bill-primary b{white-space:normal;font-size:15px!important;font-variant-numeric:tabular-nums}
body.pr-new-face #decisionBody .rescue-bill-primary .payment-components{grid-column:1/-1;min-width:0!important;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
body.pr-new-face #decisionBody .payment-component{min-width:0;background:var(--pr-blue);border-radius:10px;padding:8px}
body.pr-new-face #decisionBody .payment-component button{font-size:12px;min-height:44px;white-space:normal!important;background:var(--pr-card);color:var(--pr-ink);border:1.5px solid var(--pr-line)}
body.pr-new-face #decisionBody .bill-collapse-state{font-size:12px;white-space:normal;color:var(--pr-ink)}
body.pr-new-face .workflow-priority{background:var(--pr-gold);color:var(--pr-ink);border-radius:24px;padding:6px 9px!important;min-height:44px}
body.pr-new-face #decisionBody .rescue-payment-list{padding:0 10px 10px;overflow:visible}
body.pr-new-face #decisionBody .compact-payment-line{min-width:0!important;padding:12px 4px!important;background:var(--pr-card);color:var(--pr-ink)}
body.pr-new-face #decisionBody .compact-recommended-row,body.pr-new-face #decisionBody .compact-actual-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
body.pr-new-face #decisionBody .compact-payment-line label{min-width:0;white-space:normal;color:var(--pr-muted)}
body.pr-new-face #decisionBody .compact-payment-line input{font-size:16px;min-width:0;max-width:100%;color:var(--pr-ink)}
body.pr-new-face .compact-approved-slot,body.pr-new-face .compact-paid-check{color:var(--pr-ink)!important;min-height:44px}
body.pr-new-face .decision-paycheck-card>p{color:var(--pr-muted)!important;padding:10px 14px!important}
body.pr-new-face #decisionBody .catchup-severe>summary{background:var(--pr-coral)!important}
body.pr-new-face #decisionBody .catchup-next>summary{background:var(--pr-gold)!important}
body.pr-new-face #decisionBody .catchup-severe>summary>div:first-child strong{color:#852717!important}
body.pr-new-face #decisionBody .catchup-next>summary>div:first-child strong{color:#755209!important}
body.pr-new-face :is(.approval-funding-warning,.shortfall,.status.warn){color:#a51e24!important;font-weight:800!important}
body.pr-new-face #rescueResources{margin-top:28px}
body.pr-new-face #rescueResources>h3{font-size:21px}
body.pr-new-face .pr-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
body.pr-new-face .pr-more-grid button{background:var(--pr-card);border:var(--pr-border) solid var(--pr-line);color:var(--pr-ink);padding:18px;text-align:left;font-family:var(--pr-display);font-size:20px;box-shadow:var(--pr-shadow);min-height:80px}
body.pr-new-face #paycheckMore>p{color:var(--pr-muted)}
/* Existing input forms stay intact; wrap dense summaries instead of horizontal overflow. */
body.pr-new-face #bills details[data-compact-kind]>summary{grid-template-columns:minmax(0,1fr) 55px}
body.pr-new-face #bills details[data-compact-kind]>summary>strong{grid-column:1;grid-row:1}
body.pr-new-face #bills details[data-compact-kind]>summary>.compact-meta{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr))}
body.pr-new-face #bills details[data-compact-kind]>summary::after{grid-column:2;grid-row:1}
body.pr-new-face #bills summary>.bill-autopay-top{grid-row:3!important}
body.pr-new-face #bills .summary-fields{min-width:0}
body.pr-new-face #bills .bill-summary-metric b{font-size:15px}
body.pr-new-face #bills .compact-entry,body.pr-new-face #bills .account-detail{border-radius:14px;border-color:var(--pr-line);background:var(--pr-card)}
body.pr-new-face #bills .compact-entry>summary,body.pr-new-face #bills .account-detail>summary{color:var(--pr-ink)}
body.pr-new-face #bills .grid,body.pr-new-face #income .grid{gap:14px}
body.pr-new-face #bills .metric{border-radius:14px;background:var(--pr-card)}
@media(max-width:760px){
 body.pr-new-face #appView>.wrap{width:100%;padding:18px 16px calc(110px + env(safe-area-inset-bottom,0px));margin:0}
 body.pr-new-face header{padding:12px 16px;gap:10px;flex-wrap:wrap}
 body.pr-new-face header .brand{font-size:11px}
 body.pr-new-face #userArea{font-size:12px;display:flex;gap:8px;align-items:center;max-width:100%;flex-wrap:wrap}
 body.pr-new-face #userArea.hidden{display:none}
 body.pr-new-face #paycheckLookChoice{padding:12px;gap:10px;margin-bottom:12px}
 body.pr-new-face .pr-look-options{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body.pr-new-face #paycheckLookChoice button{padding:8px 5px;min-width:0}
 body.pr-new-face .pr-look-hero{gap:10px;margin:12px 0 22px}
 .pr-look-hero svg{width:68px;height:68px}.pr-look-hero p{padding:12px;font-size:23px}.pr-look-hero p span{font-size:13px}
 body.pr-new-face .pr-view-nav{position:fixed;z-index:900;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom,0px));margin:0;padding:5px;gap:2px;box-shadow:0 3px 12px #1f2d4d30;border-radius:20px}
 .pr-view-nav button{flex-direction:column;gap:0;min-width:0;font:800 13px 'Nunito',sans-serif!important;padding:6px 2px;min-height:58px}
 .pr-view-nav button>span{font-size:20px;line-height:1.1}
 body.pr-new-face #decisionTotals{gap:6px!important}
 body.pr-new-face #decisionTotals>.metric{padding:10px 6px;font-size:11px;border-radius:12px}
 body.pr-new-face #decisionTotals>.metric b{font-size:clamp(17px,5vw,25px)}
 body.pr-new-face #decisions2 .rp2-check-line{gap:10px;padding-left:12px!important;padding-right:12px!important}
 body.pr-new-face .rp2-check-line b{font-size:20px}
 body.pr-new-face .pr-more-grid{grid-template-columns:1fr;gap:12px}
 body.pr-new-face :is(.card,.bill-section,.phase-box,.rescue-resource){padding:14px}
 body.pr-new-face #decisions2>.card{padding:0}
 body.pr-new-face #bills #autopayBillRows summary.autopay-uniform-summary{grid-template-columns:minmax(0,1fr) 70px!important}
 body.pr-new-face #bills #autopayBillRows summary.autopay-uniform-summary>.summary-name{grid-column:1!important}
 body.pr-new-face #bills #autopayBillRows summary.autopay-uniform-summary>.autopay-summary-amount{grid-column:2!important;grid-row:1!important}
 body.pr-new-face #bills #autopayBillRows summary.autopay-uniform-summary>.autopay-summary-date{grid-column:1!important;grid-row:2!important}
 body.pr-new-face #bills #autopayBillRows summary.autopay-uniform-summary>.bill-autopay-top{grid-column:1/-1!important;grid-row:3!important;justify-content:flex-start}
}

@media print{
 #paycheckLookChoice,.pr-new-only,.pr-step-label{display:none!important}
 body.pr-new-face{background:white;color:#17242c}
 body.pr-new-face .pr-step-original{display:inline}
}
/* Override the current layout's six-column !important payment form only in new looks. */
body.pr-new-face #decisionBody .three-payment-rows .compact-recommended-row,
body.pr-new-face #decisionBody .three-payment-rows .compact-actual-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0!important}
body.pr-new-face #decisionBody .three-payment-rows .compact-actual-row>label{min-width:0!important}
body.pr-new-face #decisionBody .three-payment-rows .combined-approval{grid-column:1/-1;margin-top:4px!important;min-height:48px;font-size:16px;background:#ffc83d;color:#1f2d4d;border:var(--pr-border) solid var(--pr-line);box-shadow:var(--pr-shadow)}
body.pr-new-face #decisionBody .three-payment-rows .compact-actual-row>button{margin-top:4px;min-height:44px}

/* Completed bills: large PAID watermark, behind the real amounts and controls. */
body.pr-new-face #decisionBody .rescue-bill-block>summary.pr-paid-bill,body.pr-new-face #decisionBody .rp2-paid-record>summary.pr-paid-bill,body.pr-new-face #decisionBody #autopayMonthlyCard tr.pr-paid-bill{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20200%22%3E%3Ctext%20x%3D%22250%22%20y%3D%22155%22%20text-anchor%3D%22middle%22%20transform%3D%22rotate%28-8%20250%20100%29%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%22164%22%20font-weight%3D%22900%22%20letter-spacing%3D%2212%22%20fill%3D%22%2314734f%22%20opacity%3D%22.21%22%3EPAID%3C%2Ftext%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:92% 92%!important}
body.pr-new-face #autopayMonthlyCard tr.pr-paid-bill>td{background-color:transparent!important}

@media print{body.pr-new-face #decisionBody .rescue-bill-block>summary.pr-paid-bill,body.pr-new-face #decisionBody .rp2-paid-record>summary.pr-paid-bill,body.pr-new-face #decisionBody #autopayMonthlyCard tr.pr-paid-bill{background-image:none!important}}