.board-toolbar{margin-bottom:18px}.board-toolbar>.tabs{max-width:620px}.board-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:0 16px 14px}.board-filters label{min-width:130px;flex:1;margin-bottom:0}.board-filters .check{flex:0 0 auto;align-self:center;margin-top:20px;min-width:0;white-space:nowrap}.board-filters .search-label{flex:2}.board-filters select,.board-filters input{display:block;margin-top:5px}.board-filters .check input{margin:0}.task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}.task-board.four-lanes{grid-template-columns:repeat(4,minmax(0,1fr))}.task-lane{min-width:0;border-radius:12px;background:#e5eeea;border:1px solid #d4e1d9}.lane-heading{display:flex;gap:10px;align-items:center;padding:14px 16px}.lane-heading span{margin-left:auto;font-size:12px;color:#536c60}.lane-cards{padding:0 10px 10px;display:grid;gap:10px}.task-card{min-width:0;background:#fff;border:1px solid #dce7df;border-radius:10px;padding:14px;display:grid;gap:8px;overflow-wrap:anywhere}.task-card .task-title{border:0;background:transparent;padding:0;min-height:28px;text-align:left;font-weight:650;color:#183e36}.task-meta{font-size:12px;color:#536d60;display:flex;gap:6px;flex-wrap:wrap}.urgent-flag{color:#a73b2c;background:#fdece6;border-radius:5px;padding:1px 6px;font-weight:650}.task-card .actions{gap:0 8px}.task-card .actions button{font-size:12px;min-height:36px}.task-card .task-primary{font-size:13px;justify-self:start}.order-warning{font-size:12px;background:#fff4d9;border-radius:6px;padding:8px;color:#795616}.task-board.list-view{display:block}.load-more{display:block;margin:20px auto}.task-history{margin:14px 0;display:grid;gap:8px}.task-history article{border-left:3px solid #cee1d4;padding-left:10px}.task-lines{margin:10px 0;padding-left:20px}.task-lines li{margin:8px 0}.task-details p{white-space:pre-wrap;overflow-wrap:anywhere}.deadline-fields{display:grid;gap:4px}.field-hint{font-size:12px;color:#667b70;margin-top:5px}.board-filters #layout{white-space:nowrap}#result-note{margin:8px 0}.task-card .due-overdue{color:#a43a2c}.task-details .actions{margin-top:16px}@media(max-width:1100px){.task-board.four-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.task-board,.task-board.four-lanes{grid-template-columns:1fr}.board-filters{gap:10px;padding:0 12px 12px}.board-filters label{min-width:calc(50% - 10px)}.board-filters .search-label{min-width:100%}.board-filters .check{min-width:0;margin:12px 0 0}.board-filters button{flex:1}.page-heading .primary{white-space:nowrap}.lane-cards{padding:0 10px 10px}}

#task-undo{padding:12px 16px;margin:12px 0;justify-content:space-between}#task-undo span{min-width:0;overflow-wrap:anywhere;flex:1}#task-undo button{flex:0 0 auto}

.board-lane-jumps{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.board-lane-jumps button{font-size:13px}.task-lane{scroll-margin-top:100px}.task-lane:focus{outline:2px solid #147963;outline-offset:3px}.task-board.list-view{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.task-board.list-view>.task-card{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}.task-board.list-view>.task-card>*{grid-column:1}.task-board.list-view>.task-card>.task-primary{grid-column:2;grid-row:1 / span 3;align-self:center}.task-board.list-view>.task-card>.actions{grid-column:1 / -1}.task-list-status{font-weight:650;color:#1f5145}@media(max-width:700px){.task-board.list-view>.task-card{grid-template-columns:minmax(0,1fr)}.task-board.list-view>.task-card>.task-primary{grid-column:1;grid-row:auto}.board-lane-jumps{padding:8px 0}}

.task-item-preview{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}.task-item-preview li{display:grid;gap:2px}.task-item-spec{color:#5d746c;white-space:pre-wrap}.delivery-time-fields{display:grid;gap:10px}.delivery-time-fields>details{margin:4px 0 12px}.delivery-time-fields>details>summary{font-size:13px;color:#476b60;cursor:pointer}

@media(max-width:600px){.delivery-time-fields .editor-columns{grid-template-columns:minmax(0,1fr)}}

/* The optional Products lane follows the mockup beside the Supplies board. */
.board-workspace.has-products{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,3fr);gap:14px;align-items:start}
.board-workspace.has-products>.task-board{margin-top:0;min-width:0}
.tasker-shell .board-products{padding:12px;min-width:0}
.products-heading,.product-title{display:flex;gap:8px;align-items:center;justify-content:space-between}
.products-heading h2{margin:0;font-size:14px}
.products-heading button{font-size:11px;white-space:nowrap}
.products-search{display:grid;gap:5px;margin:8px 0}
.products-search input{width:100%}
.board-product-list{display:grid;gap:10px;max-height:62vh;overflow-y:auto;overscroll-behavior:contain}
.board-product{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0;overflow-wrap:anywhere}
.product-title{align-items:flex-start;flex-wrap:wrap;gap:4px}
.product-title h3{margin:0;font-size:13px}
.product-title .pill{font-size:10px}
.product-specification{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}
.board-product .actions{gap:5px 10px;margin-top:8px}
.board-product .actions a{font-size:11px}
.products-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}
.products-footer a{font-size:12px}
#product-status{margin:7px 0;font-size:11px}
@media(max-width:850px){.board-workspace.has-products{grid-template-columns:minmax(0,1fr)}.board-product-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));max-height:55vh}}
@media(max-width:700px){.board-product .actions button,.products-footer button{min-height:40px}.board-product .actions a,.products-footer a{display:inline-flex;align-items:center;min-height:40px}}