/* ─────────────────────────────────── */
/* FEATURE: Follow-ups                 */
/* ─────────────────────────────────── */

/* ─── Streak row ─── */

.streak-grid {
    width: 100%;
}

.streak-grid .btn-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.streak-grid .btn-icon .material-symbols-outlined {
    font-size: var(--icon-sm);
}

.streak-grid__today-label {
    font-size: var(--font-xs);
    color: var(--color-text-subtle);
    text-align: right;
    margin-top: var(--space-1);
}

/* ─── Follow-up actions list ─── */

.followup-list {
    display: flex;
    flex-direction: column;
}

/* Inactive entries (completed + deleted): no hover, no pointer */
.followup-list .list-entry--inactive {
    cursor: default;
    pointer-events: none;
}

/* Completed + Deleted: strikethrough */
.followup-list .list-entry--inactive .list-entry__row1 {
    text-decoration: line-through;
}

/* Delete button: default resting state (red-light) */
.followup-list .list-entry__action[data-role="followup-delete"] {
    color: var(--color-red-light);
}

/* Delete button: direct hover only */
.followup-list .list-entry__action[data-role="followup-delete"]:hover {
    color: var(--color-red);
    background-color: var(--color-grey-300);
    border-color: var(--color-grey-300);
}

/* Suppress text+action linked hover when hovering delete */
.followup-list .list-entry:has([data-role="followup-delete"]:hover) .list-entry__row1,
.followup-list .list-entry:has([data-role="followup-delete"]:hover) .list-entry__row2 {
    color: var(--color-text-subtle);
}

.followup-list .list-entry:has([data-role="followup-delete"]:hover) .list-entry__action[data-role="followup-play"] {
    color: var(--color-grey-500);
    background-color: var(--color-grey-200);
    border-color: var(--color-grey-200);
}

/* Completed badge: green */
.followup-list .btn-icon--decorative[data-active='true'] {
    background-color: var(--color-green);
    border-color: var(--color-green);
}

.followup-list__empty {
    font-size: var(--font-sm);
    color: var(--color-text-subtle);
    padding: var(--space-4) 0;
    text-align: center;
}