/* Generated from the existing demo. Regenerate with scripts/port_demo_board.py. */
/* style.css */
body[data-page=tasks] #task-list .column{border:1px solid var(--line);background:var(--panel);border-radius:11px;min-width:0;transition:border-color .15s}
body[data-page=tasks] #task-list .column-new{--status:var(--blue);--status-bg:var(--blue-bg)}
body[data-page=tasks] #task-list .column-progress{--status:var(--yellow);--status-bg:var(--yellow-bg)}
body[data-page=tasks] #task-list .column-done{--status:var(--green);--status-bg:var(--green-bg)}
body[data-page=tasks] #task-list .column-heading{display:flex;align-items:center;justify-content:space-between;background:var(--status-bg);color:var(--status);border-radius:10px 10px 0 0;height:54px;padding:0 18px;border-bottom:1px solid color-mix(in srgb,var(--status) 12%,transparent)}
body[data-page=tasks] #task-list .column-heading>div{display:flex;align-items:center;gap:10px}
body[data-page=tasks] #task-list .column-heading h2{font-size:13px;font-weight:600;margin:0;letter-spacing:.1px}
body[data-page=tasks] #task-list .status-dot{width:6px;height:6px;border-radius:50%;background:var(--status)}
body[data-page=tasks] #task-list .count{display:grid;place-items:center;margin-left:3px;font-size:10px;min-width:19px;height:19px;background:color-mix(in srgb,var(--status) 12%,transparent);border-radius:5px}
body[data-page=tasks] #task-list .column-heading>svg{width:16px;height:16px;opacity:.7}
body[data-page=tasks] #task-list .cards{padding:12px;display:flex;flex-direction:column;gap:12px;min-height:260px}
body[data-page=tasks] #task-list .column.drag-over{border-color:var(--status);background:color-mix(in srgb,var(--status) 6%,var(--panel))}
@media(max-width:1150px){body[data-page=tasks] #task-list .cards{padding:9px;gap:10px}
body[data-page=tasks] #task-list .column-heading{padding:0 13px}}
@media(max-width:850px){body[data-page=tasks] #task-list .column{scroll-snap-align:start}}
/* split.css */
body[data-page=tasks] #task-list .column{display:flex;flex-direction:column;min-height:0;border-radius:6px}
body[data-page=tasks] #task-list .column-heading{height:36px;min-height:36px;border-radius:5px 5px 0 0;padding:0 12px}
body[data-page=tasks] #task-list .cards{overflow:auto;min-height:0;padding:7px;gap:6px;flex:1}
body[data-page=tasks] #task-list .cards{padding:10px;gap:10px}
/* workspace-polish.css */

/* neutral-controls.css */
body[data-page=tasks] #task-list .column-new{--status-bg:var(--blue-bg)}
body[data-page=tasks] #task-list .column,body.light #task-list .column{background:var(--workspace-data)}
/* light-theme.css */
body.light #task-list .column-heading>svg{opacity:1}
body.light #task-list .status-dot{box-shadow:none;opacity:1}
body.light #task-list .status-dot{background:var(--status)}
body.light #task-list .column-progress .status-dot{background:#edc34d}
body.light #task-list .column-done .status-dot{background:#65bc89}
body.light #task-list .column-new .status-dot{background:#70a8ed}