diff --git a/apps/frontend/src/styles.css b/apps/frontend/src/styles.css index b64e8cc..600402b 100644 --- a/apps/frontend/src/styles.css +++ b/apps/frontend/src/styles.css @@ -16,12 +16,6 @@ --color-negative: #c62828; --border-radius: 8px; --shadow: 0 1px 3px rgba(0, 0, 0, 0.12); - --broker-overview-bg: linear-gradient(180deg, #f1f5ef 0%, #f7f2e8 100%); - --broker-overview-panel: rgba(15, 51, 36, 0.93); - --broker-overview-panel-soft: rgba(255, 255, 255, 0.09); - --broker-overview-border: rgba(21, 61, 43, 0.12); - --broker-overview-accent: #98c484; - --broker-overview-gold: #d7b268; } .pnl-cell { @@ -94,47 +88,6 @@ a { z-index: 1; } -.broker-allocation ul { - list-style: none; - display: grid; - gap: 8px; -} - -.broker-allocation { - display: flex; - align-items: center; - gap: 20px; -} - -.broker-allocation svg { - width: 160px; - max-width: 40%; - flex: 0 0 auto; -} - -.broker-allocation figcaption { - display: grid; - gap: 12px; -} - -.broker-allocation li { - display: flex; - align-items: center; - gap: 8px; -} - -.broker-allocation__swatch { - width: 12px; - height: 12px; - border: 1px solid color-mix(in srgb, var(--color-text) 20%, transparent); - border-radius: 2px; - flex: 0 0 auto; -} - -.broker-allocation__negative { - color: var(--color-negative); -} - @media (prefers-reduced-motion: reduce) { .loading-spinner, .skeleton { @@ -143,42 +96,4 @@ a { } } -.broker-operations__toolbar { - display: flex; - align-items: end; - justify-content: space-between; - gap: 16px; - margin-bottom: 20px; -} -.broker-operations__toolbar label { - display: grid; - gap: 6px; - color: var(--color-text-secondary); - font-size: 13px; -} - -.broker-operations__toolbar select { - min-width: 240px; - padding: 8px 10px; - border: 1px solid #d8d8d8; - border-radius: var(--border-radius); - background: var(--color-surface); - color: var(--color-text); -} - -.broker-operations__toolbar select:focus-visible { - outline: 3px solid color-mix(in srgb, var(--color-primary) 35%, transparent); - outline-offset: 2px; -} - -@media (max-width: 720px) { - .broker-operations__toolbar { - align-items: stretch; - flex-direction: column; - } - .broker-operations__toolbar select { - width: 100%; - min-width: 0; - } -}