#workbenchTopActions[hidden] { display: none; }
#investment { --iv-positive: #207454; --iv-negative: #ab403b; min-width: 0; }
#investment .iv-navigation, #investment .iv-actions, #investment .iv-period-fields {
 display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
}
#investment .iv-navigation { margin-bottom: 16px; }
#investment .iv-navigation [aria-current="page"] { background: #e8e2d8; color: var(--ink); font-weight: 700; }
#investment .iv-navigation span { padding: 9px 13px; border-radius: 10px; font-size: 13px; }
#investment .card { min-width: 0; }
#investment .iv-heading, #investment .iv-period {
 display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
}
#investment h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
#investment h4 { margin: 16px 0 10px; font-size: 14px; }
#investment .iv-kicker { margin: 0 0 4px; color: var(--muted); font-size: 12px; }
#investment .iv-overview { background: linear-gradient(130deg, #f5eee3, var(--card) 75%); }
#investment .iv-metrics {
 display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 16px 0 0;
}
#investment .iv-overview .iv-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
#investment .iv-overview .iv-metric:first-child { grid-column: 1/-1; background: #51483f; color: #fff; }
#investment .iv-overview .iv-metric:first-child dt, #investment .iv-overview .iv-metric:first-child small { color: #f1e8db; }
#investment .iv-overview .iv-metric:first-child dd { font-size: clamp(26px,4vw,40px); }
#investment .iv-stock-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
#investment .iv-metric {
 background: #fffdf9; border: 1px solid var(--line); border-radius: 12px; min-width: 0; padding: 12px;
}
#investment .iv-metric dt, #investment .iv-metric small { display: block; color: var(--muted); font-size: 11px; line-height: 1.55; }
#investment .iv-metric dd { margin: 5px 0; font-size: 19px; font-weight: 750; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#investment .iv-caption { color: var(--muted); font-size: 12px; line-height: 1.65; margin: 12px 0 0; }
#investment .iv-section { margin-top: 16px; }
#investment .iv-gain { color: var(--iv-positive); }
#investment .iv-loss { color: var(--iv-negative); }
#investment .iv-empty { text-align: center; padding: 28px 12px; color: var(--muted); font-size: 13px; }
#investment .iv-empty p { margin: 6px 0 0; line-height: 1.65; }
#investment .iv-table-scroll, #investment .iv-chart-scroll { overflow-x: auto; max-width: 100%; margin-top: 12px; }
#investment .iv-table { width: 100%; min-width: 535px; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
#investment .iv-table th, #investment .iv-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); }
#investment .iv-table th { color: var(--muted); font-size: 12px; white-space: nowrap; }
#investment .iv-stock-link { background: none; border: 0; padding: 2px 0; color: var(--ink); text-align: left; font-weight: 750; overflow-wrap: anywhere; }
#investment .iv-stock-link small { display: block; margin-top: 4px; color: var(--muted); font-weight: 500; }
#investment .iv-period { margin-top: 14px; }
#investment .iv-period-fields label { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 12px; }
#investment .iv-period-fields input, #investment .iv-period-fields select {
 min-height: 36px; width: 78px; border: 1px solid var(--line); border-radius: 8px; background: #fffdf9; color: var(--ink); padding: 4px 6px;
}
#investment .iv-segments { display: flex; background: #f0ebe3; border-radius: 10px; padding: 3px; }
#investment .iv-segments button { border: 0; border-radius: 8px; background: transparent; color: var(--ink); min-height: 36px; padding: 0 14px; }
#investment .iv-segments button[aria-pressed="true"] { background: #51483f; color: #fff; font-weight: 700; }
#investment .iv-chart { display: grid; grid-template-columns: repeat(var(--iv-count), minmax(24px,1fr)); width: 100%; min-width: calc(var(--iv-count) * 24px); }
#investment .iv-chart-column { min-width: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; text-align: center; }
#investment .iv-chart-column:hover, #investment .iv-chart-column[aria-pressed="true"] { background: #f3eadf; }
#investment .iv-bar-track { display: block; position: relative; height: 152px; background: linear-gradient(transparent calc(50% - .5px), var(--line) 0, var(--line) calc(50% + .5px), transparent 0); }
#investment .iv-bar { position: absolute; inset: auto 22% 50%; height: calc(var(--iv-bar) / 2); min-height: 2px; border-radius: 3px 3px 0 0; background: currentColor; }
#investment .iv-bar.iv-loss { top: 50%; bottom: auto; border-radius: 0 0 3px 3px; }
#investment .iv-bar.iv-zero { color: var(--muted); }
#investment .iv-bar[hidden] { display: none; }
#investment .iv-bar-label { display: block; padding-top: 4px; font-size: 10px; color: var(--muted); overflow-wrap: anywhere; }
#investment .iv-calendar { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; margin-top: 10px; }
#investment .iv-weekday { text-align: center; color: var(--muted); font-size: 12px; padding: 4px; }
#investment .iv-calendar button {
 min-width: 0; min-height: 48px; padding: 4px 2px; border: 1px solid var(--line); border-radius: 7px; background: #fffdf9; color: var(--ink); font-size: 12px;
}
#investment .iv-calendar button[aria-pressed="true"] { border-color: #51483f; background: #f3eadf; }
#investment .iv-calendar button strong { display: block; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#investment .iv-day-details { border-top: 1px solid var(--line); margin-top: 16px; }
#investment .iv-footer { margin-bottom: 8px; }
#investment .iv-message, #investment .iv-status:not(:empty) {
 padding: 9px 12px; margin: 0 0 12px; background: #f3ecdf; border-radius: 8px; font-size: 13px;
}
#investment .iv-dialog {
 width: min(480px,calc(100% - 24px)); max-height: calc(100% - 24px); overflow: auto;
 background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: 16px; padding: 20px;
}
#investment .iv-dialog::backdrop { background: rgb(43 35 28 / 43%); }
#investment .iv-form-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 14px 0; }
#investment .iv-form-fields label { display: flex; min-width: 0; flex-direction: column; gap: 4px; font-size: 12px; }
#investment .iv-form-fields input, #investment .iv-form-fields select { width: 100%; min-width: 0; min-height: 40px; }
#investment .iv-form-fields .iv-check { grid-column: 1/-1; flex-direction: row; align-items: center; }
#investment .iv-form-fields .iv-check input { width: 18px; min-height: 18px; flex: none; }
#investment .iv-delete-summary { grid-column: 1/-1; overflow-wrap: anywhere; }
#investment .iv-trade-actions { flex-wrap: nowrap; }
#investment .iv-quote-meta { display: block; max-width: 230px; margin-top: 4px; color: var(--muted); white-space: normal; }
#investment .iv-market-note { margin: 0 0 10px; }
#investment .iv-form-fields label { overflow-wrap: anywhere; }
#investment .iv-form-actions { justify-content: flex-end; }
#investment .iv-form-error { color: var(--iv-negative); font-size: 13px; }
#investment button:focus-visible, #investment input:focus-visible, #investment select:focus-visible, #investment [tabindex]:focus-visible { outline: 2px solid #766349; outline-offset: 2px; }
@media (max-width: 900px) {
 #investment .iv-metrics, #investment .iv-overview .iv-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
 .mobile-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }
 #investment .card { padding: 14px; }
 #investment .btn, #investment .iv-segments button { min-height: 44px; }
 #investment .iv-metric { padding: 9px; }
 #investment .iv-metric dd { font-size: 16px; }
 #investment .iv-calendar { gap: 3px; }
 #investment .iv-form-fields { grid-template-columns: minmax(0,1fr); }
}