/* Component refinements kept separate from the main layout rules. */
.filters input[type="checkbox"]{width:17px;flex-shrink:0}
.google-link{display:block;text-align:center;margin-top:20px;padding:11px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-weight:600}
.board-head h1,.tile-text,.nav-name{overflow-wrap:anywhere}
/* Cards keep their natural height; the list scrolls when its content exceeds the viewport. */
.board-canvas{min-height:0}
.column{min-height:0;flex-shrink:0}
.column-head,.column-add{flex-shrink:0}
.cards{display:flex;flex-direction:column;min-height:0;flex:0 1 auto;overflow-y:auto}
.cards>.card{flex:0 0 auto}
.card-label{max-width:100%;overflow-wrap:anywhere}
.card-completed{display:inline-flex;align-items:center;gap:4px;color:#20694c;background:#e5f4eb;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:650}
.card-footer{flex-wrap:wrap}
@media(max-width:650px){.filters{display:grid;grid-template-columns:1fr 1fr}.filters #search{grid-column:1/-1;width:100%}.filters select{width:100%;min-width:0}.filters .plain{justify-self:end}.board-head>.between>.flex:first-child{min-width:0}}