/* Modern full-width toggle pill */
        .list-header {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin: 12px 0 14px 0;
        }
        .list-header h3 {
            margin: 0;
            color: var(--text-primary);
            font-weight: 700;
        }
        .toggle-completed-btn {
            width: 100%;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            border: 1.5px solid rgba(0,0,0,0.25);
            border-radius: 999px;
            cursor: pointer;
            font-size: 0.95rem;
            font-weight: 700;
            color: #fff;
            background: linear-gradient(180deg, #e74c3c, #c0392b);
            box-shadow: 0 6px 18px rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.2);
            transition: transform .15s ease, box-shadow .2s ease, filter .2s ease, background .2s ease;
            text-align: left;
        }
        .toggle-completed-btn:hover { transform: translateY(-1px); filter: brightness(1.03); box-shadow: 0 8px 20px rgba(0,0,0,0.14), inset 0 2px 0 rgba(255,255,255,0.25); }
        .toggle-completed-btn:active { transform: translateY(0); filter: brightness(.98); }
        .toggle-completed-btn.showing {
            background: linear-gradient(180deg, #2ecc71, #27ae60);
        }
        .toggle-icon {
            font-size: 16px;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            background: rgba(255,255,255,0.15);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
            border: 1px solid rgba(255,255,255,0.4);
        }
        .toggle-completed-btn span#toggleText {
            text-shadow: 0 1px 0 rgba(0,0,0,0.2);
        }
        /* Hidden state for completed items */
        .task-table tr.hidden { display: none; }
        .task-card.hidden { display: none; }