/* Payday Super calculator: running cash balance bars and the calendar button */
.ps-bars { display: grid; gap: 4px; }
.ps-bar { display: grid; grid-template-columns: 88px minmax(0, 1fr) 76px; gap: 8px; align-items: center; font-size: .76rem; color: #cfd3da; }
.ps-bar span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ps-bar i { display: block; height: 10px; border-radius: 99px; min-width: 2px; }
.ps-bar i.neg { background: #f87171; }
.ps-bar i.pos { background: #4ade80; }
.ps-bar b { text-align: right; font-weight: 700; color: #fff; white-space: nowrap; }
.ps-ics { border-top: 0; padding-top: 0; }
.ps-ics button { border-color: var(--yellow); color: var(--yellow); }
#tool-out .out-table td { white-space: nowrap; }
#tool-out .out-table td:first-child { white-space: normal; }
#tool-out .out-table small { color: #fdba74; font-size: .74rem; }
@media (max-width: 420px) { .ps-bar { grid-template-columns: 70px minmax(0, 1fr) 66px; gap: 6px; font-size: .7rem; } }