/* O disponível é o dado principal do painel; o valor conserva as cores financeiras. */
.cards .carried { box-shadow: inset 0 5px 0 var(--card-carried), var(--shadow); }
.cards .cycle-income { box-shadow: inset 0 5px 0 var(--card-income), var(--shadow); }
.cards .cycle-expense { box-shadow: inset 0 5px 0 var(--card-expense), var(--shadow); }
.cards .available { border-color: var(--line); background: var(--surface); }
.cards .available-positive { box-shadow: inset 0 5px 0 var(--card-available-positive), var(--shadow); }
.cards .available-negative { box-shadow: inset 0 5px 0 var(--card-available-negative), var(--shadow); }
.cards .available-neutral { box-shadow: inset 0 5px 0 var(--primary), var(--shadow); }
.cards .carried span { color: var(--card-carried); }
.cards .cycle-income span { color: var(--card-income); }
.cards .cycle-expense span { color: var(--card-expense); }
.cards .available span { color: var(--primary); }