/* Budget guide: keep instructions readable beside a helpful mascot. */
#budget .billBudgetRobotGuide{display:block!important;padding:24px!important;margin:0 0 18px!important;border:1px solid #675294;border-radius:24px;background:radial-gradient(ellipse at 85% 60%,#6539ab26,transparent 60%),#101825;text-align:left!important}
#budget .billBudgetTour{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,36%);gap:10px;align-items:center}
#budget .billBudgetSteps{display:grid;gap:12px;list-style:none;margin:0;padding:0;counter-reset:step}
#budget .billBudgetSteps li{display:flex;align-items:center;gap:16px;min-height:82px;padding:14px 18px;border:1px solid #3b4565;border-radius:16px;background:linear-gradient(110deg,#1e233a,#131b2b);box-sizing:border-box}
#budget .billBudgetSteps li>strong{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;border:1px solid #a88bff;background:#302650;color:#e4d9ff;font-size:22px}
#budget .billBudgetSteps h2{margin:0 0 5px!important;font-size:19px!important;text-align:left!important;color:#f5f3ff}
#budget .billBudgetSteps p{margin:0;font-size:14px;line-height:1.45;color:#b9c5d9}
#budget .billBudgetHelper{display:flex;flex-direction:column;align-items:center;min-width:0}
#budget .billBudgetBubble{position:relative;z-index:1;align-self:stretch;padding:19px 21px;margin:0 0 6px 15px;border:1px solid #8472bb;border-radius:20px;background:#25253f;color:#eef0ff}
#budget .billBudgetBubble:after{content:"";position:absolute;bottom:-9px;left:48%;width:16px;height:16px;border-right:1px solid #8472bb;border-bottom:1px solid #8472bb;background:#25253f;transform:rotate(45deg)}
#budget .billBudgetBubble>b{font-size:21px;line-height:1.25}
#budget .billBudgetBubble p{font-size:15px;line-height:1.5;margin:10px 0}
#budget .billBudgetBubble span{font-size:13px;color:#95e4eb}
#budget .billBudgetHelper img{display:block;width:260px;height:260px;max-width:100%;object-fit:contain;align-self:flex-start;margin-left:-30px;pointer-events:none}
#budget .billBudgetUpload{margin-top:22px;padding-top:19px;border-top:1px solid #35415c;text-align:center}
#budget .billBudgetUpload>b{font-size:16px;color:#e3dcff}
#budget .billBudgetUpload p{margin:6px 0 12px;font-size:14px;color:#afbdd3}
#budget .billBudgetUpload button{display:block;width:100%;margin:0 0 8px!important;min-height:46px;font-size:15px;font-weight:800}
#budget .billBudgetUpload small{font-size:12px;color:#9eabc0}
#budget #billBudgetSettings{display:flex;justify-content:center;margin:28px 0 24px;padding:22px 12px;border-top:1px solid #334056}
#billBudgetSettings .headerPrefs{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0!important}
#billBudgetSettings .headerPrefs select{width:90px!important;min-height:44px!important;height:44px!important;padding:8px 12px!important;font-size:14px!important}
#billBudgetSettings #billTopLogout{width:auto!important;min-height:44px;margin:0!important;padding:10px 16px!important;border:1px solid #824449;border-radius:10px;background:#2a222d;color:#ff9a9a;font-size:14px;font-weight:800}
@media(max-width:680px){
 #budget .billBudgetRobotGuide{padding:16px!important}
 #budget .billBudgetTour{grid-template-columns:1fr;gap:16px}
 #budget .billBudgetHelper{grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:0;align-items:center}
 #budget .billBudgetBubble{margin:0;padding:14px}
 #budget .billBudgetBubble>b{font-size:18px}
 #budget .billBudgetBubble p{font-size:13px}
 #budget .billBudgetBubble span{font-size:12px}
 #budget .billBudgetBubble:after{bottom:auto;left:auto;right:-9px;top:48%;transform:rotate(-45deg)}
 #budget .billBudgetHelper img{width:135px;height:155px;max-width:none;margin:20px 0 0 -13px;align-self:center}
 #budget .billBudgetSteps li{gap:12px;padding:14px 12px}
 #budget .billBudgetSteps h2{font-size:17px!important}
 #budget .billBudgetSteps p{font-size:13px}
 #budget .billBudgetSteps li>strong{flex-basis:34px;height:34px;font-size:19px}
}

#budget .billBudgetSteps li.billForecastStep{display:block;padding:0;border:0;background:none}
#budget #billReviewForecasting{display:flex;align-items:center;gap:16px;width:100%;min-height:82px;margin:0;padding:14px 18px;text-align:left;border:1px solid #56d69c;border-radius:16px;background:linear-gradient(110deg,#126b46,#168351);color:#fff;cursor:pointer;box-sizing:border-box}
#budget #billReviewForecasting>strong{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;border:1px solid #a0edc5;background:#ffffff18;font-size:22px;color:white}
#budget #billReviewForecasting b{display:block;font-size:19px;line-height:1.3;color:#fff}
#budget #billReviewForecasting small{display:block;margin-top:5px;font-size:14px;font-weight:400;line-height:1.45;color:#e0f8ea}
#budget #billReviewForecasting:hover{background:#105d3d}
#budget #billReviewForecasting:focus-visible{outline:3px solid #a0f5c8;outline-offset:4px}
@media(max-width:680px){#budget #billReviewForecasting{gap:12px;padding:14px 12px}#budget #billReviewForecasting>strong{flex-basis:34px;height:34px;font-size:19px}#budget #billReviewForecasting b{font-size:17px}#budget #billReviewForecasting small{font-size:13px}}