/* MoneyBuddy v68.22 — Safety Cushion redesign. Scoped, no other page changes. */
#safetyCushionDrawer {
  --sc22-navy:#14243B; --sc22-forest:#123D31; --sc22-gold:#C49A3A;
  --sc22-white:#FFFFFF; --sc22-muted:#576477;
  position:fixed!important;inset:0 0 0 auto!important;
  width:min(640px,100vw)!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  background:#FFFFFF!important;border-left:1px solid rgba(20,36,59,.14)!important;
  border-radius:24px 0 0 24px!important;box-shadow:-24px 0 55px rgba(20,36,59,.20)!important;
  -webkit-overflow-scrolling:touch!important;
}
#safetyCushionDrawer .sc-inner{height:auto!important;min-height:100%!important;max-height:none!important;overflow:visible!important;padding:0!important;background:#FFFFFF!important;box-sizing:border-box!important;}
#safetyCushionDrawer .sc-inner::before,#safetyCushionDrawer .sc-inner::after{display:none!important;content:none!important;}
#safetyCushionDrawer .sc22-body{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px clamp(18px,4.4vw,34px) 35px;min-width:0;box-sizing:border-box;max-width:100%;}
#safetyCushionDrawer .sc-topbar.sc22-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0 0 16px!important;border-bottom:1px solid rgba(20,36,59,.1)!important;}
#safetyCushionDrawer .sc22-brand{display:flex;align-items:center;gap:13px;min-width:0;}
#safetyCushionDrawer .sc22-shield{display:grid;place-items:center;width:47px;height:47px;flex:0 0 auto;background:#123D31;color:#C49A3A;border-radius:14px;}
#safetyCushionDrawer .sc22-shield span{font-size:23px;}
#safetyCushionDrawer .sc22-title{font:800 clamp(23px,2.2vw,27px)/1.15 Inter,system-ui,sans-serif!important;letter-spacing:-.045em;color:#14243B!important;margin:3px 0 0!important;}
#safetyCushionDrawer .sc22-kicker,#safetyCushionDrawer .sc22-overline{display:block;color:#123D31;font:750 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.11em;}
#safetyCushionDrawer .sc-close.sc22-close{flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid rgba(20,36,59,.16)!important;border-radius:50%!important;background:#FFFFFF!important;color:#14243B!important;display:grid!important;place-items:center!important;position:static!important;}
#safetyCushionDrawer .sc22-harbor{display:grid;grid-template-columns:100px minmax(0,1fr);gap:17px;align-items:center;background:#14243B;border:1px solid #14243B;border-radius:20px;padding:17px;min-width:0;}
#safetyCushionDrawer .sc22-harbor-img{width:100px;height:100px;border-radius:17px;overflow:hidden;background:#123D31;border:1px solid rgba(196,154,58,.32);}
#safetyCushionDrawer .sc22-harbor-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:46% center;}
#safetyCushionDrawer .sc22-harbor .sc22-overline{color:#C49A3A;font-size:10px;margin-bottom:5px;}
#safetyCushionDrawer .sc22-harbor h3{margin:0 0 7px!important;color:#FFFFFF!important;font:750 clamp(17px,1.8vw,21px)/1.17 Inter,system-ui,sans-serif!important;letter-spacing:-.035em!important;max-width:none!important;}
#safetyCushionDrawer .sc22-harbor p{margin:0!important;color:#FFFFFF!important;opacity:.85;font:450 12px/1.45 Inter,system-ui,sans-serif!important;max-width:none!important;}
#safetyCushionDrawer .sc22-progress,#safetyCushionDrawer .sc22-goal{background:#FFFFFF;border:1px solid rgba(20,36,59,.13);border-radius:20px;padding:22px;min-width:0;box-shadow:0 10px 28px -25px rgba(20,36,59,.27);}
#safetyCushionDrawer .sc22-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap;color:#14243B;font:760 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:.07em;}
#safetyCushionDrawer .sc22-coverage{font:650 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:0;color:#123D31;background:rgba(18,61,49,.065);border:1px solid rgba(18,61,49,.09);border-radius:999px;padding:6px 9px;}
#safetyCushionDrawer .sc22-amount{display:block;color:#14243B!important;font:800 clamp(34px,3.3vw,43px)/1.05 Inter,system-ui,sans-serif!important;letter-spacing:-.055em!important;overflow-wrap:anywhere;}
#safetyCushionDrawer .sc22-target-sub{margin:7px 0 15px!important;font:520 13px/1.35 Inter,system-ui,sans-serif!important;color:#576477!important;}
#safetyCushionDrawer .sc22-track.sc-bar{display:block;height:9px!important;margin:0!important;background:rgba(20,36,59,.09)!important;border-radius:999px!important;overflow:hidden!important;box-shadow:none!important;}
#safetyCushionDrawer .sc22-track #safetyProgressBar{display:block;height:100%;width:0;background:#C49A3A!important;border-radius:999px;transition:width .3s ease;}
#safetyCushionDrawer .sc22-progress-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px;font:650 11px/1.3 Inter,system-ui,sans-serif;color:#576477;}
#safetyCushionDrawer .sc22-keyfigures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid rgba(20,36,59,.1);margin-top:17px;padding-top:15px;}
#safetyCushionDrawer .sc22-keyfigures>div{display:flex;flex-direction:column;gap:3px;min-width:0;}
#safetyCushionDrawer .sc22-keyfigures div>span:first-child{color:#576477;font:760 10px/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;}
#safetyCushionDrawer .sc22-keyfigures strong{color:#14243B;font:760 22px/1.1 Inter,system-ui,sans-serif;overflow-wrap:anywhere;}
#safetyCushionDrawer .sc22-keyfigures .sc22-figure-caption{color:#576477;font:500 10px/1.2 Inter,system-ui,sans-serif;}
#safetyCushionDrawer .sc22-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
#safetyCushionDrawer .sc22-section-head h3{color:#14243B;margin:5px 0 0;font:760 18px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.025em;}
#safetyCushionDrawer .sc22-status{background:rgba(196,154,58,.13);border:1px solid rgba(196,154,58,.35);color:#14243B;border-radius:999px;padding:5px 9px;flex:none;font:750 10px/1.3 Inter,system-ui,sans-serif;white-space:nowrap;}
#safetyCushionDrawer .sc22-helper,#safetyCushionDrawer .sc22-note{margin:0 0 13px!important;color:#576477;font:450 12px/1.48 Inter,system-ui,sans-serif;}
#safetyCushionDrawer .sc22-goal-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;display:grid!important;}
#safetyCushionDrawer .sc22-goal-options .sc-goal-option{height:43px!important;min-width:0!important;background:#FFFFFF!important;border:1px solid rgba(20,36,59,.19)!important;border-radius:12px!important;color:#14243B!important;box-shadow:none!important;font:750 12px/1.15 Inter,system-ui,sans-serif!important;}
#safetyCushionDrawer .sc22-goal-options .sc-goal-option.is-active{background:#123D31!important;border-color:#123D31!important;color:#FFFFFF!important;box-shadow:none!important;}
#safetyCushionDrawer .sc22-essentials{margin-top:16px;display:grid;grid-template-columns:1fr;gap:9px;padding-top:13px;border-top:1px solid rgba(20,36,59,.09);}
#safetyCushionDrawer .sc22-essentials label{display:block;color:#14243B;font:750 13px/1.3 Inter,system-ui,sans-serif;}
#safetyCushionDrawer .sc22-essentials small{display:block;color:#576477;font:450 11px/1.4 Inter,system-ui,sans-serif;margin-top:3px;}
#safetyCushionDrawer .sc22-money-input{display:flex;align-items:center;gap:6px;border:1px solid rgba(20,36,59,.19);background:#FFFFFF;border-radius:12px;min-width:0;min-height:46px;padding:3px 4px 3px 12px;color:#14243B;}
#safetyCushionDrawer .sc22-money-input>span{font-weight:800;}
#safetyCushionDrawer .sc22-money-input input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:#14243B;outline:0;font:700 15px Inter,system-ui,sans-serif;}
#safetyCushionDrawer .sc22-money-input button{min-height:37px;padding:0 18px;background:#123D31;color:#FFFFFF;border:0;border-radius:9px;font:750 12px Inter,system-ui,sans-serif;cursor:pointer;}
#safetyCushionDrawer .sc22-note{margin:9px 0 0!important;font-size:11px!important;}
#safetyCushionDrawer .sc-custom-goal{grid-template-columns:minmax(0,1fr) auto!important;margin:10px 0 0!important;gap:8px!important;}
#safetyCushionDrawer .sc-custom-goal:not(.is-open){display:none!important;}
#safetyCushionDrawer .sc-custom-goal.is-open{display:grid!important;}
#safetyCushionDrawer .sc-custom-input-wrap{min-width:0!important;border:1px solid rgba(20,36,59,.19)!important;background:#FFFFFF!important;border-radius:11px!important;}
#safetyCushionDrawer .sc-custom-input{color:#14243B!important;}
#safetyCushionDrawer .sc-custom-save{background:#123D31!important;color:#FFFFFF!important;border-radius:11px!important;}
#safetyCushionDrawer .sc22-status-message{min-height:0;margin:7px 0 0;color:#123D31;font:600 11px/1.3 Inter,system-ui,sans-serif;}
#safetyCushionDrawer .sc22-actions.sc-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;margin:0!important;padding:0!important;position:static!important;}
#safetyCushionDrawer .sc22-primary.sc-primary,#safetyCushionDrawer .sc22-secondary.sc-secondary{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:47px!important;height:auto!important;padding:11px 16px!important;min-width:0!important;font:750 12px/1.2 Inter,system-ui,sans-serif!important;border-radius:12px!important;box-shadow:none!important;cursor:pointer;}
#safetyCushionDrawer .sc22-primary.sc-primary{background:#123D31!important;color:#FFFFFF!important;border:1px solid #123D31!important;}
#safetyCushionDrawer .sc22-secondary.sc-secondary{background:#FFFFFF!important;color:#123D31!important;border:1px solid rgba(20,36,59,.22)!important;white-space:nowrap;}
#safetyCushionDrawer .sc22-actions .material-symbols-outlined{font-size:19px;}
#safetyCushionDrawer .sc22-tip{background:#FFFFFF;border:1px solid rgba(20,36,59,.12);border-radius:14px;padding:0;}
#safetyCushionDrawer .sc22-tip summary{display:flex;align-items:center;gap:10px;min-height:45px;padding:11px 14px;color:#14243B;font:750 12px/1.3 Inter,system-ui,sans-serif;cursor:pointer;list-style:none;}
#safetyCushionDrawer .sc22-tip summary::-webkit-details-marker{display:none;}
#safetyCushionDrawer .sc22-tip summary>.material-symbols-outlined:first-child{color:#C49A3A;font-size:19px;}
#safetyCushionDrawer .sc22-tip .sc22-chevron{margin-left:auto;font-size:19px;color:#576477;transition:transform .2s ease;}
#safetyCushionDrawer .sc22-tip[open] .sc22-chevron{transform:rotate(180deg);}
#safetyCushionDrawer .sc22-tip p{margin:0;padding:0 14px 14px;color:#576477;font:450 12px/1.5 Inter,system-ui,sans-serif;}
#safetyCushionDrawer #safetyLearnSection.sc22-learn{display:none!important;position:static!important;inset:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:16px!important;background:#FFFFFF!important;border:1px solid rgba(20,36,59,.15)!important;border-radius:14px!important;box-shadow:none!important;}
#safetyCushionDrawer #safetyLearnSection.sc22-learn.is-open{display:block!important;}
#safetyCushionDrawer .sc22-learn h3{font:750 16px/1.2 Inter,system-ui,sans-serif;color:#14243B;margin:0 0 8px;}
#safetyCushionDrawer .sc22-learn p{font:450 12px/1.55 Inter,system-ui,sans-serif;color:#576477;margin:0 0 9px;}
#safetyCushionDrawer .sc22-learn .sc-learn-close{display:none!important;}
#safetyCushionDrawer .sc22-disclaimer{margin:0!important;color:#576477!important;font:450 11px/1.45 Inter,system-ui,sans-serif!important;max-width:none!important;}
#safetyCushionDrawer :is(button,input):focus-visible{outline:3px solid #C49A3A!important;outline-offset:2px!important;}
#safetyCushionDrawer[aria-hidden="true"]{visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;}
#safetyCushionDrawer[aria-hidden="false"]{visibility:visible;transition:transform .3s ease,visibility 0s;}
@media(max-width:700px){
 #safetyCushionDrawer{inset:0!important;top:0!important;right:0!important;left:0!important;bottom:0!important;height:100dvh!important;width:100vw!important;max-width:100vw!important;border-radius:0!important;border-left:0!important;}
 #safetyCushionDrawer .sc22-body{padding:max(16px,env(safe-area-inset-top)) 17px calc(28px + env(safe-area-inset-bottom));gap:14px;}
 #safetyCushionDrawer .sc22-harbor{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:12px;border-radius:17px;}
 #safetyCushionDrawer .sc22-harbor-img{width:78px;height:78px;border-radius:12px;}
 #safetyCushionDrawer .sc22-harbor h3{font-size:16px!important;}
 #safetyCushionDrawer .sc22-harbor p{font-size:11px!important;line-height:1.36!important;}
 #safetyCushionDrawer .sc22-progress,#safetyCushionDrawer .sc22-goal{padding:17px;border-radius:18px;}
 #safetyCushionDrawer .sc22-amount{font-size:33px!important;}
 #safetyCushionDrawer .sc22-keyfigures strong{font-size:20px;}
 #safetyCushionDrawer .sc22-actions.sc-actions{grid-template-columns:1fr!important;gap:8px!important;}
 #safetyCushionDrawer .sc22-primary.sc-primary,#safetyCushionDrawer .sc22-secondary.sc-secondary{width:100%!important;min-height:46px!important;}
}
@media(max-width:360px){
 #safetyCushionDrawer .sc22-body{padding-left:12px;padding-right:12px;gap:12px;}
 #safetyCushionDrawer .sc22-harbor-img{width:68px;height:68px;}
 #safetyCushionDrawer .sc22-harbor{grid-template-columns:68px minmax(0,1fr);}
 #safetyCushionDrawer .sc22-harbor h3{font-size:14px!important;}
 #safetyCushionDrawer .sc22-progress,#safetyCushionDrawer .sc22-goal{padding:14px;}
 #safetyCushionDrawer .sc22-section-head h3{font-size:17px;}
}
@media(prefers-reduced-motion:reduce){#safetyCushionDrawer,#safetyCushionDrawer .sc22-track>span{transition:none!important}}
