/* Monthly view styles (test page) */
.month-table { table-layout: fixed; width: 100%; }
.month-table thead th { text-align: center; font-size: 0.9rem; }
.month-cell {
    min-height: 150px;
    vertical-align: top;
    padding: 4px 6px;
}
.month-cell.other-month { background-color: #f3f4f6; color: #9ca3af; }
.month-cell.today-cell { background-color: rgba(255, 193, 7, 0.12); }
.month-date { font-weight: 700; font-size: 0.85rem; margin-bottom: 3px; }
.month-entries { } /* no height cap: cell grows to fit all shifts, no scrollbar */
.month-entry {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    font-size: 0.72rem;
    line-height: 1.25;
    border-left: 3px solid #198754;
    padding: 0 4px;
    margin-bottom: 2px;
    background: rgba(25, 135, 84, 0.08);
    border-radius: 2px;
}
.month-emp { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.month-time { color: #198754; font-weight: 600; white-space: nowrap; }
.month-count { font-size: 0.66rem; color: #6c757d; margin-top: 2px; }
@media (max-width: 768px) {
    .month-cell { min-height: 80px; }
    .month-entry { font-size: 0.66rem; }
}