/* P013: approved Prices view. Scoped to this tab only. */
#panel-prices{--hp-gold:#8d713e;--hp-ink:#252823;--hp-muted:#62675f;--hp-line:#e7e4dc;--hp-light:#faf9f6}
#panel-prices p,#panel-prices h4{margin:0;color:var(--hp-ink)}
#panel-prices h2{font:35px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0}
#panel-prices .payment-kicker{font-size:10px;letter-spacing:1.35px;color:var(--hp-gold);line-height:1.5;margin-bottom:14px}
#panel-prices .payment-intro{font-size:14px;line-height:1.6;color:var(--hp-muted);margin-top:12px}
#panel-prices .payment-label{display:block;font-size:11px;letter-spacing:.65px;text-transform:uppercase;color:#5c594f}
#panel-prices .payment-averages-label{margin:26px 0 10px}
#panel-prices .payment-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#panel-prices .payment-badge{padding:8px 4px;border:1px solid var(--hp-line);border-radius:24px;text-align:center;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}
#panel-prices .payment-badge>span{font-size:13px;line-height:1.3;white-space:nowrap}
#panel-prices .payment-badge[aria-pressed=true]{background:var(--hp-gold);color:#fff;border-color:var(--hp-gold)}
#panel-prices .payment-simulator{margin-top:26px}
#panel-prices .payment-field{padding-bottom:21px}
#panel-prices .payment-field .payment-label{margin-bottom:10px}
#panel-prices .payment-money-input{display:flex;align-items:center;gap:12px;border:1px solid #d9d1c3;background:var(--hp-light);padding:11px 13px;min-height:52px}
#panel-prices .payment-money-input>span{font-size:11px;color:var(--hp-muted)}
#panel-prices .payment-money-input input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--hp-ink);font:24px/1.2 Arial,Helvetica,sans-serif;outline-offset:3px;font-variant-numeric:tabular-nums}
#panel-prices .payment-eur{font-size:13px;color:var(--hp-gold);margin-top:8px;font-variant-numeric:tabular-nums}
#panel-prices .payment-small{font-size:11px;line-height:1.6;color:var(--hp-muted)}
#panel-prices .payment-field .payment-small{margin-top:7px}
#panel-prices .payment-error{font-size:12px;color:#92261e;margin-top:8px;line-height:1.4}
#panel-prices .payment-date-field{border-top:1px solid var(--hp-line);padding-top:20px}
#panel-prices .payment-date-field input{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;border:1px solid #d9d1c3;background:var(--hp-light);padding:11px 13px;color:var(--hp-ink);font:16px Arial,Helvetica,sans-serif}
#panel-prices .payment-schedule-head,#panel-prices .payment-schedule li{display:grid;grid-template-columns:minmax(0,1fr) 48px 144px;gap:9px;align-items:start}
#panel-prices .payment-schedule-head{font-size:11px;color:#5c594f;letter-spacing:.6px;text-transform:uppercase;padding:12px 0;border-block:1px solid var(--hp-line)}
#panel-prices .payment-schedule-head>:nth-child(2){text-align:center}
#panel-prices .payment-schedule-head>:last-child{text-align:right}
#panel-prices .payment-schedule{list-style:none;margin:0;padding:0}
#panel-prices .payment-schedule li{padding:19px 0;border-bottom:1px solid var(--hp-line);font-size:13px;line-height:1.5}
#panel-prices .payment-step-date{display:block;color:var(--hp-muted);font-size:11px;margin-top:4px}
#panel-prices .payment-step-pct{font-size:22px;line-height:1.2;font-weight:500;color:var(--hp-gold);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
#panel-prices .payment-step-amount{text-align:right;font-variant-numeric:tabular-nums}
#panel-prices .payment-step-amount strong{display:block;font-size:16px;line-height:1.5;font-weight:600;color:var(--hp-ink);white-space:nowrap}
#panel-prices .payment-step-amount small{display:block;font-size:14px;line-height:1.4;color:#4b5048;margin-top:5px;white-space:nowrap}
#panel-prices .payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:26px}
#panel-prices .payment-summary>div{padding:14px 9px;background:var(--hp-light);border:1px solid #ded8cc;min-width:0}
#panel-prices .payment-summary h4{font-size:12px;line-height:1.5;min-height:36px;font-weight:500}
#panel-prices .payment-stage-pct{font:44px/1 Georgia,'Times New Roman',serif;letter-spacing:-1.4px;color:var(--hp-gold);margin-top:16px;white-space:nowrap}
#panel-prices .payment-stage-pct>span{font-size:22px;letter-spacing:-.5px;margin-left:1px}
#panel-prices .payment-stage-aed{margin-top:13px;font-variant-numeric:tabular-nums}
#panel-prices .payment-stage-aed>span{display:block;font-size:11px;margin-bottom:5px}
#panel-prices .payment-stage-aed strong{display:block;font-size:17px;letter-spacing:-.55px;font-weight:400;white-space:nowrap}
#panel-prices .payment-stage-eur{font-size:11px;line-height:1.6;margin-top:9px;color:var(--hp-muted);font-variant-numeric:tabular-nums}
#panel-prices .payment-distribution{margin-top:25px}
#panel-prices .payment-distribution-title{display:flex;justify-content:space-between;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:11px}
#panel-prices .payment-bar{display:flex;height:12px;overflow:hidden;background:#e8e5de}
#panel-prices .payment-bar span:first-child{width:70%;background:#252823}
#panel-prices .payment-bar span:last-child{width:30%;background:#b49a68}
#panel-prices .payment-bar-labels{display:flex;justify-content:space-between;margin-top:10px}
#panel-prices .payment-bar-labels>p:last-child{text-align:right}
#panel-prices .payment-bar-labels strong{display:block;font-size:23px;font-weight:400}
#panel-prices .payment-bar-labels span{display:block;font-size:11px;color:var(--hp-muted);margin-top:4px}
#panel-prices .payment-fx{font-size:11px;line-height:1.7;color:#706a5e;border-top:1px solid var(--hp-line);margin-top:24px;padding-top:17px}
#panel-prices .payment-disclaimer{margin-top:10px}
#panel-prices .payment-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:380px){#panel-prices .payment-summary>div{padding-inline:7px}
#panel-prices .payment-stage-aed strong{font-size:15px}
#panel-prices .payment-summary h4{font-size:11px}
#panel-prices .payment-schedule-head,#panel-prices .payment-schedule li{grid-template-columns:minmax(0,1fr) 46px 134px;gap:6px}}
@media(prefers-reduced-motion:reduce){#panel-prices .payment-badge{transition:none}}