/* AgendaCue schedule balance colours, shared by controller, presenter and meeting pages.
   Independent of the state of the current item (a red timer does not make the balance red).
   Solid colours with a thin outline: readable on light and dark pages and on coloured timer
   backgrounds. The text ("voraus", "hinter Plan", "im Plan") always carries the meaning. */

.balance-ahead,
.balance-neutral,
.balance-behind,
.balance-far-behind {
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 999px;
}

/* green: more ahead than the neutral range */
.balance-ahead {
    background-color: #1e7a3c;
    color: #ffffff;
}

/* neutral: within the neutral range */
.balance-neutral {
    background-color: #555d68;
    color: #ffffff;
}

/* yellow: behind plan */
.balance-behind {
    background-color: #f2a900;
    color: #111111;
}

/* red: at least the red threshold behind plan */
.balance-far-behind {
    background-color: #b3261e;
    color: #ffffff;
}