/* Share the established upcoming-card design, without the legacy table shell. */
.fd-app .fd-bottom-grid .fd-history{border:0;border-radius:0;background:transparent;max-height:none;overflow:visible;margin:0}
.fd-app .fd-history-list{display:grid;gap:12px}
.fd-app .fd-completed-card{cursor:pointer}
.fd-app button.fd-completed-edit{display:grid;gap:5px;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;font:inherit;line-height:1.4;color:var(--fd-ink);cursor:pointer;appearance:none}
.fd-app button.fd-completed-edit strong,.fd-app button.fd-completed-edit small{display:block}
.fd-app button.fd-completed-edit:focus-visible{outline:3px solid #6f56ff;outline-offset:6px;border-radius:4px}
.fd-app .fd-completed-card button:disabled{opacity:.5;cursor:wait}
.fd-app .fd-completed-card button[aria-busy="true"] .dashicons{display:none}
.fd-app .fd-completed-card button[aria-busy="true"]::after{content:"";display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fd-card-loading .8s linear infinite}
@keyframes fd-card-loading{to{transform:rotate(360deg)}}
.fd-app .fd-history-empty{border:1px solid var(--fd-line);border-radius:18px;background:#fff}
@media(max-width:620px){.fd-app .fd-completed-card{grid-template-columns:minmax(0,1fr) auto;gap:14px}.fd-app .fd-completed-card .fd-upcoming-date{grid-column:1}.fd-app .fd-completed-edit{grid-column:1;grid-row:2}.fd-app .fd-completed-card .fd-upcoming-actions{grid-column:2;grid-row:1/3;width:auto;padding:0}}