/* SneakySwole custom CSS overrides
   Built on top of Pico CSS dark theme.
   Keep Pico mostly untouched — only override what's necessary. */

/* Slightly bolder nav styling */
nav h1 {
    margin-bottom: 0;
    font-weight: 700;
}

/* Active nav link indicator */
nav a[aria-current="page"] {
    font-weight: 700;
    text-decoration: underline;
}

/* Spacing for main content area */
main.container {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

/* Flash message styling */
.flash-success {
    color: var(--pico-ins-color);
    border-left: 4px solid var(--pico-ins-color);
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}

.flash-error {
    color: var(--pico-del-color);
    border-left: 4px solid var(--pico-del-color);
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}

/* Muscle group heatmap */
.muscle-heatmap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.75rem;
}

.muscle-heatmap-cell {
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
}

.recency-fresh {
    background: rgba(34, 197, 94, 0.3);
}

.recency-ok {
    background: rgba(234, 179, 8, 0.3);
}

.recency-stale {
    background: rgba(249, 115, 22, 0.3);
}

.recency-overdue {
    background: rgba(239, 68, 68, 0.3);
}

.recency-never {
    background: rgba(107, 114, 128, 0.3);
}