.board{grid-template-columns:repeat(3,minmax(230px,1fr))}
.column.archive-column{display:none}
.board.show-archive{grid-template-columns:repeat(4,minmax(230px,1fr))}
.board.show-archive .archive-column{display:flex}
.done-column-group{position:relative;display:flex;flex-direction:column;align-self:start;min-width:280px;min-height:0;max-height:100%}
.done-column-group>.column{max-height:100%}
.column-footer{position:absolute;top:100%;right:0;left:0;display:flex;justify-content:center;padding-top:8px}
.archive-link{min-height:32px;padding:6px 2px;border:0;background:none;color:#696575;font-size:12px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
.archive-link:hover,.archive-link[aria-pressed="true"]{color:#6048c8}
.archive-link[aria-pressed="true"]{text-decoration-thickness:2px}
.archive-link:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.column-head .archive-all-tasks{display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin-left:auto;padding:6px 10px;border:1px solid #c9dfd7;border-radius:8px;background:#fff;color:#27795d;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.column-head .archive-all-tasks:hover:not(:disabled){border-color:#9bcbb9;background:#f3fbf8;color:#1f684f}
.column-head .archive-all-tasks:disabled{cursor:default;opacity:.45}
.card-actions{display:flex;align-items:center;gap:5px}
.archive-task{border:1px solid #ddd9e8;background:#f7f5fb;color:#655878;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700;opacity:0;transition:.15s}
.task-card:hover .archive-task,.archive-task:focus{opacity:1}
.archive-task:disabled{cursor:wait;opacity:.5}
.task-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid #e7e3ee}
.detail-archive-task:disabled{cursor:wait;opacity:.5}
@media(max-width:900px){.board{grid-template-columns:repeat(3,270px)}}
@media(max-width:680px){.archive-task{opacity:1}.task-detail-actions button{flex:1 1 130px}}
@media(max-width:1100px){.board.show-archive{grid-template-columns:repeat(4,270px)}}
.panel-card-help{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-right:auto;max-width:100%}
.panel-card-help a{overflow-wrap:anywhere}
.panel-help-feedback{flex:1 1 100%;font-size:13px;color:#625d70}
.panel-help-feedback:empty{display:none}