.wealth-invest.investment-widget{color:var(--foreground);padding:20px}.investment-widget .investment-form{flex-direction:column;gap:12px;display:flex}.investment-mode{border:1px solid var(--border);background:var(--muted);border-radius:999px;gap:2px;padding:4px;display:flex}.investment-mode button{min-width:0;height:36px;color:var(--muted-foreground);cursor:pointer;border-radius:999px;flex:1;font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.investment-mode button:hover{color:var(--foreground)}.investment-mode button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.investment-widget .investment-amount{border:1px solid var(--border);background:var(--card);border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:14px 12px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.investment-amount label{color:var(--muted-foreground);font-size:12px}.investment-amount-line{justify-content:center;align-items:baseline;gap:4px;max-width:100%;margin:4px 0;display:flex}.investment-amount-line>span{color:var(--muted-foreground);font-size:24px;font-weight:500}.investment-amount-line input{min-width:1ch;max-width:calc(100% - 28px);color:var(--foreground);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;outline:0;padding:0;font-size:40px;font-weight:600;line-height:1.3}.investment-amount-line input::placeholder{color:var(--muted-foreground);opacity:.5}.investment-widget .investment-amount:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 8%, transparent)}.investment-widget .investment-amount[data-invalid=true]{border-color:var(--destructive)}.investment-amount p{text-align:center;font-size:12px}.investment-quick-amounts{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.investment-quick-amounts [data-slot=button]{height:30px;box-shadow:none;border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:500}.investment-settings{border:1px solid var(--border);border-radius:20px;overflow:hidden}.investment-setting-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 14px;font-size:13px;display:flex}.investment-setting-row+.investment-setting-row{border-top:1px solid var(--border)}button.investment-setting-row{cursor:pointer;transition:background-color .15s}button.investment-setting-row:hover{background:var(--muted)}.investment-setting-row>span:first-child{color:var(--muted-foreground);flex-shrink:0}.investment-setting-row strong{text-align:right;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.investment-setting-row strong svg{width:14px;height:14px;color:var(--muted-foreground)}.investment-mandate-summary{flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.investment-mandate-summary>img,.investment-mandate-summary>span{display:none}.investment-mandate-summary>div{text-align:right;flex:0 auto}.investment-mandate-summary>div>span{font-size:12px}.investment-mandate-summary>div>span:first-child{font-size:13px}.investment-mandate>svg{flex-shrink:0;width:14px;height:14px}.investment-mandate-loading{border-top:1px solid var(--border);justify-content:center;align-items:center;min-height:44px;display:flex}.investment-switch{cursor:pointer;background:#d5dbe4;border-radius:999px;flex-shrink:0;align-items:center;width:36px;height:20px;padding:2px;transition:background-color .15s;display:inline-flex}.investment-switch>span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 2px #0000001f}.investment-switch[aria-checked=true]{background:var(--primary)}.investment-switch[aria-checked=true]>span{transform:translate(16px)}.investment-actions,.investment-step-actions{gap:8px;margin-top:6px;display:flex}.investment-widget .investment-actions [data-slot=button],.investment-widget .investment-step-actions [data-slot=button]{border-radius:999px;flex:1;min-width:0;height:48px;font-size:14px;font-weight:500}.investment-trust{color:var(--muted-foreground);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.investment-trust svg{width:14px;height:14px}.investment-selected-fund{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.investment-step-content{flex-direction:column;gap:20px;min-height:21rem;padding-bottom:20px;display:flex}.investment-widget button:focus-visible,.investment-widget a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.investment-widget .grid-cols-7>button{width:100%;min-width:0}@media (prefers-reduced-motion:reduce){.investment-widget *,.investment-widget :before,.investment-widget :after{transition:none}}.investment-projection{border:1px solid var(--border);background:var(--muted);font-variant-numeric:tabular-nums;border-radius:22px;padding:12px 14px}.investment-projection-heading{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:12.5px;display:flex}.investment-projection-chart{gap:7px;margin:8px 0 0;display:grid}.investment-projection-chart>div{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.investment-projection-chart dt{color:var(--muted-foreground);font-size:12px}.investment-projection-chart dd{margin:0}.investment-projection-value{text-align:right;min-width:76px;font-size:13.5px;font-weight:600}.investment-projection-bar{gap:2px;height:8px;display:flex}.investment-projection-bar>span{background:#c5d2e5;border-radius:999px;min-width:0;transition:width .2s ease-out}.investment-projection-bar>span:last-child{background:var(--success)}.investment-projection-bar[data-loss=true]>span:last-child{background:var(--destructive)}.investment-projection-legend{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:10px;font-size:11.5px;display:flex}.investment-projection-legend>span{align-items:center;gap:5px;display:inline-flex}.investment-projection-legend i{background:#c5d2e5;border-radius:50%;flex-shrink:0;width:7px;height:7px}.investment-projection-legend>span:last-child i{background:var(--success)}.investment-projection[data-loss=true] .investment-projection-legend>span:last-child i{background:var(--destructive)}.investment-projection-note{color:var(--muted-foreground);margin-top:8px;font-size:10.5px;line-height:1.5}
