/* Profit calculator: the fee switch when on, and the buy / sell fee fields shown under it (the design's layout) */
main [data-wc="fees"][aria-checked="true"] { background: #30D158 !important; }
html[data-theme=light] main [data-wc="fees"][aria-checked="true"] { background: #34C759 !important; }
main [data-wc="fees"] > span { transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.wcc-fees { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 14px; }
@media (min-width: 480px) { .wcc-fees { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wcc-fees > * { min-width: 0; }
/* "Profit at other sell prices", light theme: the design's light file kept the dark theme's #F5F5F7 on the profit /
   loss line, the break-even diamond and its legend mark (white on the white card); they take the light theme's ink
   #1D1D1F, the colour #F5F5F7 stands for in the dark theme (the card's title) */
html[data-theme=light] main [data-wc="ch"] > svg > path[fill="none"] { stroke: #1D1D1F; }
html[data-theme=light] main [data-wc="ch"] > span:nth-of-type(3),
html[data-theme=light] main [data-wc="ch-leg"] > span:first-child > span:first-child { background: #1D1D1F; }