#dashboard .tone-green > .metric-head { position: relative; padding-right: 28px; }
.overview-pnl-settings-button { position: absolute; top: 50%; right: -8px; transform: translateY(-50%); margin: 0; flex: 0 0 36px; width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 8px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); }
.overview-pnl-settings-button:hover { color: var(--text); background: var(--surface-raised, #1d2b3b); }
.overview-pnl-settings-button:is(:hover, :focus-visible, :active) { transform: translateY(-50%); }
#dashboard .metric:has(#overviewPnlSettingsBtn):hover { transform: none; }
.overview-pnl-settings-dialog button:is(:hover, :focus-visible, :active) { transform: none; }
.overview-pnl-settings-button svg, .overview-pnl-setting-label svg, .overview-pnl-settings-dialog label > span svg { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.overview-pnl-settings-dialog { position: fixed; box-sizing: border-box; width: min(360px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); margin: 0; padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface, #10192c); color: var(--text); box-shadow: 0 16px 48px #0008; overflow: auto; scrollbar-gutter: stable; }
.overview-pnl-settings-dialog::backdrop { background: #0003; }
.overview-pnl-settings-head { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.overview-pnl-settings-head h2 { margin: 0; font-size: 16px; }
.overview-pnl-settings-head button { flex: 0 0 36px; min-height: 36px; width: 36px; padding: 0; font-size: 22px; }
.overview-pnl-settings-dialog .overview-pnl-scope { display: flex; align-items: center; justify-content: stretch; gap: 8px; margin: 0 0 8px; font-size: 14px; }
.overview-pnl-settings-dialog .overview-pnl-scope > span, .overview-pnl-setting-label { display: flex; align-items: center; gap: 8px; }
.overview-pnl-settings-dialog .overview-pnl-scope select { box-sizing: border-box; min-width: 0; width: 100%; }
.overview-pnl-settings-dialog .overview-period-control { display: flex; gap: 8px; margin: 0; font-size: 14px; }
.overview-pnl-setting-label { flex: 1 1 100%; color: var(--muted); }
.overview-pnl-settings-dialog #overviewPeriodCalendar { flex: 1 1 100%; min-width: 0; }
.overview-pnl-settings-dialog .wb-record-date-control { width: 100%; }
.overview-pnl-settings-dialog .wb-record-date-popover input[type="date"] { box-sizing: border-box; display: block; width: 100%; min-width: 0; height: 40px; margin-top: 6px; }
.overview-pnl-settings-dialog .wb-record-date-popover button { min-height: 36px; }
#dashboard .metric-reading > :is(#metricUnrealizedSource, #metricRealizedSource)[hidden] { display: none; }