/* Light financial workspace, derived from the project's OpenDesign/Harbor Blue tokens. */
[data-choice=kind][data-value=expense]{display:none}.sidebar .nav-list>[data-nav=fixed],.mobile-nav>[data-nav=fixed]{display:none}
.trade-dashboard{flex:1;min-height:0;display:grid;grid-template-rows:auto auto minmax(155px,1fr) minmax(145px,1fr) auto;gap:12px}
.trade-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trade-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:15px 18px;text-align:left;display:grid;gap:5px;color:var(--ink);box-shadow:0 4px 15px #29467805;transition:transform .2s,box-shadow .2s;min-width:0}.trade-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #29467812}.trade-card-label{font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.trade-card-label svg{opacity:.6;width:19px}.trade-card-caption{font-size:12px;color:var(--muted)}.trade-card>strong{font-size:27px;letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums}.trade-card-forecast{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;border-top:1px solid #d8e4fa88;padding-top:7px}.trade-card-forecast b{font-size:17px;white-space:nowrap}.trade-card>small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-card.sales{background:linear-gradient(140deg,#fff,#eef4ff);border-color:#d3e1fb}.trade-card.spending{background:linear-gradient(140deg,#fff,#fff5ed);border-color:#f5dcc5}.trade-card.earnings{background:linear-gradient(140deg,#fff,#eaf9f2);border-color:#cce8db}.trade-card.tax{background:linear-gradient(140deg,#fff,#fff9e8);border-color:#f1e4bd}
.trade-middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:12px;min-height:0}.trade-lists{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.trade-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.trade-panel>header{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px 17px 9px;flex:none}.trade-panel h2{font-size:17px;line-height:1.35}.trade-panel header p{font-size:11px;color:var(--muted);margin-top:4px}.trade-panel header>button{border:0;background:none;color:var(--accent-dark);font-size:12px;display:flex;align-items:center;white-space:nowrap;padding:0}.trade-segments,.trade-mobile-tabs{display:flex;gap:3px;background:var(--ground);padding:3px;border-radius:9px}.trade-segments button,.trade-mobile-tabs button{background:transparent;color:var(--muted);font-size:12px;padding:5px 8px;border-radius:7px;white-space:nowrap}.trade-segments .selected,.trade-mobile-tabs .selected{background:var(--paper);color:var(--accent-dark);box-shadow:0 1px 5px #29467810;font-weight:700}
.trade-chart-legend{display:flex;gap:14px;padding:0 18px;font-size:11px;color:#4771d4}.trade-chart-legend>span:nth-child(2){color:#c77d45}#trade-chart{flex:1;min-height:65px;margin:0 12px}#trade-chart svg{display:block;overflow:visible}.trade-chart-exact{display:flex;justify-content:space-between;gap:8px;flex:none;padding:8px 16px;border-top:1px solid var(--line);font-size:11px;white-space:nowrap}.trade-chart-exact>span{color:var(--muted)}
.trade-breakdown>div{padding:0 17px;flex:1;min-height:0;overflow:hidden}.trade-category-row{display:grid;grid-template-columns:1fr auto;gap:3px;font-size:12px;padding:6px 0}.trade-category-row>b{font-size:12px;white-space:nowrap}.trade-category-row small{font-size:11px;font-weight:500;color:var(--muted)}.trade-category-row i{grid-column:1/-1;height:3px;border-radius:4px;background:linear-gradient(to right,#e4a36c var(--share),var(--ground) var(--share))}.trade-budget{border:0;border-top:1px solid var(--line);background:none;color:var(--accent-dark);padding:8px;font-size:12px;display:flex;gap:5px;align-items:center;justify-content:center;flex:none}
.trade-list-body{flex:1;min-height:0;padding:0 16px;display:flex;flex-direction:column}.trade-list-row{display:flex;justify-content:space-between;gap:12px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:8px 0;min-height:47px;flex:1;color:var(--ink)}.trade-list-row:last-child{border:0}.trade-list-row>span{display:grid;gap:3px;min-width:0;align-content:center}.trade-list-row>span:last-child{text-align:right;flex:none}.trade-list-row b{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trade-list-row small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-list-row .future-label{color:#a16b24}.trade-list>footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:11px;padding:5px 15px;flex:none}.trade-list footer button{font-size:11px;padding:3px 6px;background:var(--ground);border-radius:6px;color:var(--ink)}.trade-list footer button:disabled{opacity:.35}.trade-empty{font-size:13px;color:var(--muted);padding:15px}.trade-bottom-note{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.trade-bottom-note button{background:none;border:0;color:var(--muted);font-size:12px;padding:0;white-space:nowrap}.trade-bottom-note b{color:var(--ink);margin-left:7px}.trade-actions{display:flex;gap:5px;flex-wrap:wrap}.trade-actions button{font-size:12px;background:var(--accent-soft);color:var(--accent-dark);border-radius:5px;padding:4px 6px;white-space:nowrap}.trading-table td{font-size:13px}.trading-table th{font-size:12px}#trade-editor{width:520px}#trade-editor label{display:grid;gap:6px;font-size:14px}
[data-theme=dark] .trade-card.sales{background:linear-gradient(140deg,#203754,#263f62);border-color:#42628a}[data-theme=dark] .trade-card.spending{background:linear-gradient(140deg,#3b3736,#4d4034);border-color:#675441}[data-theme=dark] .trade-card.earnings{background:linear-gradient(140deg,#213e3e,#254d45);border-color:#397566}[data-theme=dark] .trade-card.tax{background:linear-gradient(140deg,#433e2e,#4a4433);border-color:#756239}[data-theme=dark] .trade-card-forecast{border-color:#ffffff22}[data-theme=dark] .trade-chart-legend{color:#93bafa}[data-theme=dark] .trade-chart-legend>span:nth-child(2){color:#f2ba89}
@media(max-height:800px) and (min-width:701px){.trade-dashboard{gap:9px;grid-template-rows:auto auto minmax(130px,1fr) minmax(135px,1fr) auto}.trade-card{padding:11px 15px;gap:4px}.trade-card>strong{font-size:24px}.trade-card-forecast b{font-size:15px}.trade-panel>header{padding:10px 14px 7px}.trade-panel h2{font-size:16px}.trade-category-row{padding:4px 0}.trade-list-row{padding:6px 0}}
@media(max-width:1100px) and (min-width:701px){.trade-card{padding:12px}.trade-card>strong{font-size:21px}.trade-card-forecast{display:grid}.trade-middle{grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr)}.trade-list-row small{max-width:220px}.trade-bottom-note>span{display:none}}
@media(max-width:700px){.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.trade-dashboard{display:flex;flex-direction:column;gap:10px}.trade-mobile-tabs{flex:none}.trade-mobile-tabs button{flex:1;min-height:32px;font-size:14px}.trade-cards{grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0}.trade-card{padding:14px;gap:7px;align-content:center}.trade-card>strong{font-size:23px}.trade-card-label{font-size:16px}.trade-card-forecast{display:grid;gap:3px}.trade-card-forecast b{font-size:19px}.trade-card>small{font-size:11px}.trade-bottom-note{flex-wrap:wrap;gap:5px 12px;flex:none;font-size:10px}.trade-bottom-note>span{width:100%;font-size:10px}.trade-bottom-note button{font-size:12px}.trade-middle{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}.trade-chart-panel{flex:1;min-height:210px}.trade-middle .trade-breakdown{display:none}.trade-panel>header{padding:15px}.trade-panel h2{font-size:18px}.trade-panel header p{font-size:12px}.trade-chart-exact{flex-wrap:wrap;font-size:12px;gap:7px}.trade-chart-exact>span{width:100%}.trade-list{flex:1;min-height:0}.trade-list-row{min-height:56px;padding:8px 0}.trade-list-row b{font-size:14px;max-width:170px}.trade-list-row small{font-size:11px;max-width:185px}.trade-mobile-expenses{display:flex;flex-direction:column;flex:1;min-height:0;gap:9px}.trade-mobile-expenses .trade-breakdown{flex:none;max-height:150px}.trade-mobile-expenses .trade-category-row:nth-child(n+3){display:none}.trade-mobile-expenses .trade-budget{display:none}.trade-list>footer{font-size:12px;padding:8px 14px}.trade-list footer button{font-size:12px;min-height:28px}.trading-table td:nth-child(3),.trading-table th:nth-child(3){display:none}.trading-table td,.trading-table th{padding:8px 6px;font-size:11px}.trading-table td:nth-child(2){max-width:120px}.trading-table .cell-button strong,.trading-table .cell-button small{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trading-table td:last-child{max-width:66px}.trade-actions{gap:3px}.trade-actions button{font-size:11px;padding:4px}.content:has(.trading-table)>.view-tabs{flex-wrap:wrap}.trade-card-caption{font-size:11px}#main:has(.trade-dashboard){padding:12px 14px 8px}.trade-card .od-icon{display:none}}
@media(max-width:700px) and (max-height:760px){.trade-dashboard{gap:7px}.trade-card{padding:10px 12px;gap:4px}.trade-card>strong{font-size:22px}.trade-card-forecast b{font-size:17px}.trade-card-label{font-size:14px}.trade-card>small{font-size:10px}.trade-mobile-tabs button{font-size:13px;min-height:29px}.trade-list-row{min-height:46px}.trade-mobile-expenses .trade-breakdown{max-height:135px}.trade-list-row b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.trade-card{transition:none}}
#trade-chart{position:relative;overflow:hidden}#trade-chart svg{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:700px){.trading-table td:first-child,.trading-table th:first-child{display:none}}
.forecast-sales{fill:#4779ed33;stroke:#4779ed;stroke-width:1;stroke-dasharray:3 2}.forecast-cost{fill:#e6a16b33;stroke:#d48c53;stroke-width:1;stroke-dasharray:3 2}.trade-chart-legend .trade-forecast-key{color:var(--muted)}.trade-chart-exact{flex-wrap:wrap}.trade-chart-exact>small{width:100%;font-size:10px;color:var(--muted)}#settlement-editor{width:520px}
.trade-chart-panel>header{padding-top:11px;padding-bottom:6px}.trade-chart-panel header p{display:none}.trade-chart-exact{padding-top:6px;padding-bottom:6px;gap:4px 9px}.owner-grid{stroke-dasharray:none;opacity:.5}.financial-data-label{font-weight:600;letter-spacing:-.2px}
@keyframes tradeChartReveal{from{opacity:.2}to{opacity:1}}#trade-chart .owner-bar-sales,#trade-chart .owner-bar-cost,#trade-chart .forecast-sales,#trade-chart .forecast-cost{animation:tradeChartReveal .35s ease-out}.financial-month-target:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){#trade-chart rect{animation:none!important}}
