#actions [data-finished] {
    display: none;
}
#actions.show-finished [data-finished] {
    display: block;
}

#actions h2[data-today] {
    color: var(--color-primary);
    position: relative;
    /* Today's heading must always be visible — even when all today's
       actions are finished it still got data-finished from the closing
       logic, but the heading + highlight is the user's "you are here"
       anchor and should not disappear with show-finished off. */
    display: block;
}
/* "You are here" arrow next to today's heading. Positioned absolutely
   so the date text stays put — no horizontal shift relative to other
   headings. */
#actions h2[data-today]::before {
    content: "▶";
    position: absolute;
    right: 100%;
    margin-right: 0.35rem;
    color: var(--color-primary);
    font-size: 0.85em;
    line-height: inherit;
}

#actions .empty-day-note,
#actions .all-finished-note {
    margin: 0.25rem 0 0.75rem;
    color: var(--color-gray-3);
    font-style: italic;
}

/* Toggling "Show finished" reveals the actions themselves, so the
   "all actions are finished" message becomes redundant. */
#actions.show-finished .all-finished-note {
    display: none;
}