/* Configurable columns share the fixed-height application shell. */
.manage-columns { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border-radius:18px;background:white;color:#62766a;font-size:11px;flex-shrink:0; }
.manage-columns:hover { background:var(--soft);color:var(--green); }
.manage-columns svg { width:14px;height:14px; }
.board { grid-template-columns:repeat(var(--column-count,3),minmax(240px,1fr));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#bdcfc3 transparent; }
.column { position:relative; }
.column-header { min-height:30px; }
.column-drag-title { display:flex;align-items:center;gap:6px;flex:1;min-width:0;cursor:grab;user-select:none;align-self:stretch; }
.column-drag-title:active,.column-row-grip:active { cursor:grabbing; }
.column-drag-title > svg { width:11px;height:17px;color:#a6b2aa; }
.column-name { min-width:0; }
.column-name h2 { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.column-name > span { display:block;color:#8a9190;font-size:9px;line-height:1.5; }
.column-header .column-count { margin-left:0;flex-shrink:0; }
.column-header button { flex-shrink:0; }
.column:not(.inactive) .column-dot { background:var(--green); }
.column.completed .column-dot { background:#82b49a; }
.column.completed .task-card h3,.list-task.completed .list-title { color:#81958a;text-decoration:line-through;text-decoration-color:#aabdb1; }
.column.completed .card-priority { opacity:.7; }
.list-task.completed .status-orb { border-color:var(--green);background:var(--green); }
.list-status { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px; }
.column.inactive { background:#e9ebec;box-shadow:inset 0 0 0 1px #e1e4e5; }
.column.inactive .column-dot { background:#a4abad; }
.column.inactive .column-name h2 { color:#626e69; }
.column.inactive .task-card { background:#f5f6f6; }
.column.inactive .task-card.labelled { background:#f3f4f4; }
.column.inactive .empty-art { background:#f3f4f4;color:#9da8a1; }
.column.inactive .empty-column strong,.column.inactive .empty-column p { color:#7d8882; }
.list-task.inactive { background:#eff1f1; }
.column.dragging-column,.column-row.dragging-column { opacity:.45; }
.column.drop-before { box-shadow:inset 4px 0 var(--green); }
.column.drop-after { box-shadow:inset -4px 0 var(--green); }
.column-row.drop-before { box-shadow:inset 0 3px var(--green); }
.column-row.drop-after { box-shadow:inset 0 -3px var(--green); }
.column-list { display:flex;flex-direction:column;gap:4px; }
.column-row { display:flex;align-items:center;gap:8px;padding:9px 6px;border-radius:12px;background:#f6f8f6;min-width:0; }
.column-row.inactive { background:#ecefef; }
.column-row-grip { display:grid;place-items:center;align-self:stretch;cursor:grab;color:#9ca9a1;flex-shrink:0;width:16px; }
.column-row-grip svg { width:13px;height:22px; }
.column-row-name { flex:1;min-width:0;text-align:left;padding:2px 0; }
.column-row-name strong { display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere; }
.column-row-name:hover strong { color:var(--green); }
.column-row-name span { display:block;font-size:10px;color:#829187;margin-top:3px;line-height:1.6; }
.column-row-actions { display:flex;gap:3px;flex-shrink:0; }
.column-row-actions .icon-button { width:29px;height:29px;background:white; }
.column-row-actions .icon-button svg { width:14px;height:14px; }
.column-row-actions button:disabled { opacity:.3;cursor:default; }
.column-row-actions [data-delete-column]:not(:disabled):hover { background:#fceee8;color:#ae654c; }
.column-form { margin-top:18px;padding-top:17px;border-top:1px solid var(--line); }
.column-form h3 { font-size:15px;font-weight:650;margin:0; }
.column-form select,#column-destination { display:block;width:100%;min-width:0;border:1px solid #e4ebe6;border-radius:12px;background:var(--wash);padding:11px 13px;color:#3a5143;font-size:13px; }
.column-activity-hint { font-size:11px;color:#829589;line-height:1.7;margin:7px 0 0; }
.column-completed-option { display:flex;gap:9px;align-items:center;font-weight:500;cursor:pointer; }
.column-completed-option input { width:16px;height:16px;accent-color:var(--green);margin:0;flex-shrink:0; }
.column-delete-description { font-size:13px;color:#7c9083;line-height:1.8; }
#delete-column-title { font-size:22px;overflow-wrap:anywhere;line-height:1.5; }
@media (max-width:1050px) { .toolbar-left { gap:7px; } .manage-columns { padding-inline:8px; } .board-heading > span { display:none; } }
@media (max-width:820px) {
  .toolbar-left { gap:5px; }
  .manage-columns { width:33px;min-height:35px;padding:7px; }
  .manage-columns > span { display:none; }
  .manage-columns svg { width:16px;height:16px; }
  .mobile-status-tabs { flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none; }
  .mobile-status-tabs::-webkit-scrollbar { display:none; }
  .mobile-status-tabs button { display:inline-flex;align-items:center;justify-content:center;flex:1 0 auto;gap:4px;max-width:190px;padding-inline:12px; }
  .mobile-column-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-status-tabs .mobile-count { margin-left:0; }
  .mobile-status-tabs button.inactive { color:#7f8984;background:#ecefef; }
  .mobile-status-tabs button.inactive[aria-pressed="true"] { background:#cdd3d0;color:#34483b; }
  .board { display:flex;overflow-x:hidden;padding-bottom:0; }
  .column { min-width:0;width:100%;flex:1; }
  .column-row { gap:5px;padding-inline:4px; }
  .column-row-actions { gap:3px; }
  .column-row-actions .icon-button { width:30px;height:36px; }
  .column-row-grip { width:12px; }
  .column-form select,#column-destination { font-size:16px;min-height:44px; }
}
@media(pointer:coarse) { .manage-columns { min-height:42px;min-width:40px; } .column-row-actions .icon-button { min-height:40px;min-width:34px; } }

.column-drag-title,.column-row-grip { touch-action:none; -webkit-user-drag:none; }