.board{padding-top:var(--spacer-3);padding-bottom:var(--spacer-5)}.board__header{justify-content:space-between;align-items:flex-end;gap:var(--spacer-3);margin-bottom:var(--spacer-3);display:flex}.board__title{font-size:var(--text-heading-xl-font-size);font-weight:var(--text-heading-xl-font-weight);line-height:var(--text-heading-xl-line-height);margin:0}.board__subtitle{margin:var(--spacer-1) 0 0;color:var(--color-text-secondary);font-size:var(--text-body-medium-font-size);line-height:var(--text-body-medium-line-height)}.board__columns{align-items:flex-start;gap:var(--spacer-2);padding-bottom:var(--spacer-2);margin-inline:calc(var(--gutter-h) * -1);padding-inline:var(--gutter-h);scroll-padding-inline:var(--gutter-h);display:flex;overflow-x:auto}.board-column{max-height:calc(100vh - var(--app-header-height,48px) - 11rem);background:var(--color-bg-secondary);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-large);flex-direction:column;flex:0 0 272px;transition:background-color .12s,border-color .12s;display:flex}.board-column--over{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.board-column__header{align-items:center;gap:var(--spacer-1-5);padding:var(--spacer-2) var(--spacer-2) var(--spacer-1-5) var(--spacer-2-5);display:flex}.board-column__name{align-items:center;gap:var(--spacer-1-5);font-size:var(--text-body-medium-bold-font-size);font-weight:var(--text-body-medium-bold-font-weight);line-height:var(--text-body-medium-bold-line-height);margin:0;display:flex}.board-column__dot{border-radius:var(--radius-full);background:var(--color-icon-tertiary);width:8px;height:8px}.board-column--next .board-column__dot{background:var(--color-icon)}.board-column--doing .board-column__dot{background:var(--color-icon-warning)}.board-column--done .board-column__dot{background:var(--color-icon-success)}.board-column__count{color:var(--color-text-tertiary);font-size:var(--text-body-small-font-size);font-variant-numeric:tabular-nums}.board-column__add{width:var(--spacer-4);height:var(--spacer-4);border-radius:var(--radius-medium);color:var(--color-text-secondary);font:inherit;font-size:var(--text-body-large-font-size);cursor:pointer;background:0 0;border:0;margin-left:auto;line-height:1}.board-column__add:hover,.board-column__add:focus-visible{background:var(--color-bg-transparent-hover);color:var(--color-text)}.board-column__add:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.board-column__cards{gap:var(--spacer-1-5);min-height:3.5rem;padding:0 var(--spacer-1-5) var(--spacer-2);flex-direction:column;display:flex;overflow-y:auto}.board-column__empty{margin:var(--spacer-1) var(--spacer-1) 0;color:var(--color-text-tertiary);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.board-card{padding:var(--spacer-2) var(--spacer-2-5);background:var(--color-bg);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.board-card:hover{border-color:var(--color-border-strong)}.board-card:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.board-card--dragging{opacity:.35}.board-card--overlay{cursor:grabbing;border-color:var(--color-border-strong);transform:rotate(1.5deg);box-shadow:0 12px 28px #00000038}.board-card__title{color:var(--color-text);font-size:var(--text-body-medium-font-size);line-height:var(--text-body-medium-line-height);overflow-wrap:anywhere;margin:0}.board-card__meta{align-items:center;gap:var(--spacer-1);margin-top:var(--spacer-1-5);flex-wrap:wrap;display:flex}.board-card__chip{padding:1px var(--spacer-1-5);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.board-card__chip--owner-dan{background:var(--color-bg-success-tertiary);color:var(--color-text-success)}.board-card__chip--owner-tim{background:var(--color-bg-component-tertiary);color:var(--color-text-component)}.board-card__notes{color:var(--color-text-tertiary);font-size:var(--text-body-medium-font-size);margin-left:auto;line-height:1}.board-column__form{gap:var(--spacer-1-5);flex-direction:column;display:flex}.board-column__input{width:100%;padding:var(--spacer-1-5) var(--spacer-2);border:var(--stroke-width-small) solid var(--color-border-control);border-radius:var(--radius-medium);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-body-medium-font-size);line-height:var(--text-body-medium-line-height);resize:vertical}.board-column__input::placeholder{color:var(--color-text-tertiary)}.board-column__input:focus{border-color:var(--color-border-selected);outline:none}.board-column__form-actions{gap:var(--spacer-1-5);display:flex}.board-card__due{margin-top:var(--spacer-1-5);align-items:center;gap:2px;display:inline-flex;position:relative}.board-card__due-button,.board-card__due-clear{align-items:center;gap:var(--spacer-1);padding:1px var(--spacer-1-5);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary);font:inherit;font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height);cursor:pointer;display:inline-flex}.board-card__due-button:disabled{cursor:inherit}.board-card__due-button:not(:disabled):hover,.board-card__due-clear:hover{border-color:var(--color-border-strong);color:var(--color-text)}.board-card__due-button:focus-visible,.board-card__due-clear:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.board-card__due--unset .board-card__due-button{color:var(--color-text-tertiary);padding-inline:var(--spacer-1);background:0 0;border-color:#0000}.board-card__due--unset .board-card__due-button:not(:disabled):hover{border-color:var(--color-border)}.board-card__due--today .board-card__due-button{border-color:var(--color-border-brand);background:var(--color-bg-brand-tertiary);color:var(--color-text-brand)}.board-card__due--overdue .board-card__due-button{border-color:var(--color-border-danger);background:var(--color-bg-danger-tertiary);color:var(--color-text-danger)}.board-card__due--done .board-card__due-button{color:var(--color-text-tertiary);text-decoration:line-through}.board-card__due-clear{padding-inline:var(--spacer-1);line-height:1}.board-card__due-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}
