body { background-color: #f4f7fa; }
table {
    border-collapse: separate;
    border-spacing: 4px;
}
.calendar-box {
    border: 1px solid white;
}
.green { background-color: #28a745; }
.yellow { background-color: #ffc107; }
.red { background-color: #dc3545; }
.empty { background-color: white; }
.graph-placeholder {
    height: 150px;
    background-color: #e3e3e3;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.latest-inputs {
    height: 150px;
    overflow-y: auto;
}
.rainbow-title span:nth-child(1) { color: #dc3545; } /* S */
.rainbow-title span:nth-child(2) { color: #ffc107; } /* Q */
.rainbow-title span:nth-child(3) { color: #17a2b8; } /* C */
.rainbow-title span:nth-child(4) { color: #007bff; } /* D */
.rainbow-title span:nth-child(5) { color: #28a745; } /* P */
.calendar-box {
    border: 1px solid white;
}
.green { background-color: #28a745; color: white; }
.yellow { background-color: #ffc107; color: white; }
.red { background-color: #dc3545; color: white; }
.latest-inputs { max-height: 150px; overflow-y: auto; }