/* Basic resets are handled by Tailwind */

/* Heatmap Grid Customization */
#heatmap-grid {
    display: grid;
    user-select: none;
}

/* Time Label Cells */
.time-label {
    text-align: right;
    padding-right: 0.6rem;
    color: #9ca3af; /* gray-400 */
    font-size: 0.72rem;
    align-self: center;
    height: 21px;
    line-height: 21px;
    font-family: monospace;
}

/* Day Header Cells */
.day-header {
    text-align: center;
    font-weight: 700;
    padding-bottom: 0.4rem;
    color: #374151; /* gray-700 */
    font-size: 0.8rem;
}

/* Data Cells */
.energy-cell {
    height: 21px;
    line-height: 21px;
    border-radius: 3px;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
}

.energy-cell:hover {
    filter: brightness(0.92);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
    z-index: 5;
}

/* Scroll container protection - guarantees NO vertical scrollbar */
.heatmap-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}