.tasks-page{flex-direction:column;flex:auto;min-block-size:0;min-inline-size:0;display:flex}.tasks-gate{flex:auto;justify-content:center;align-items:center;display:flex}.tasks-placeholder,.task-list-panel{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.task-list-toolbar{padding:var(--space-inset-sm);border-block-end:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.task-filter-mine{border:1px solid var(--color-outline);border-radius:var(--radius-field);background:var(--color-glass-field-bg-rest);-webkit-backdrop-filter:var(--elevation-backdrop-field);backdrop-filter:var(--elevation-backdrop-field);box-shadow:var(--color-glass-field-edge-rest);transition:border-color var(--motion-duration-hover) var(--motion-ease-control), box-shadow var(--motion-duration-hover) var(--motion-ease-control), background var(--motion-duration-hover) var(--motion-ease-control);outline:none}.task-filter-mine:hover:not(:disabled){border-color:var(--color-outline-strong);background:var(--color-glass-field-bg-hover);box-shadow:var(--color-glass-field-edge-hover)}.task-filter-mine:focus-visible:not(:disabled){border-color:var(--color-outline-emphasis);background:var(--color-glass-field-bg-focus);box-shadow:var(--color-glass-field-edge-focus)}.task-filter-mine[data-valid]{border-color:color-mix(in srgb, var(--color-positive) 60%, transparent);box-shadow:var(--color-glass-field-edge-rest), 0 0 0 1px color-mix(in srgb, var(--color-positive) 30%, transparent)}.task-filter-mine[aria-invalid=true]{border-color:var(--color-danger);box-shadow:var(--color-glass-field-edge-invalid), 0 0 0 1px var(--color-danger-field-ring)}.task-filter-mine[aria-invalid=true]:focus-visible{border-color:var(--color-danger);box-shadow:var(--color-glass-field-edge-invalid-focus), 0 0 0 1px var(--color-danger-field-ring-focus)}.task-filter-mine{--btn-font-weight:400}.task-filter-mine[data-filtering],.task-filter-select[data-filtering]{--btn-color:var(--color-primary);--select-trigger-color:var(--color-primary)}.task-filter-select{gap:var(--space-inset-xs);--select-trigger-max-width:13rem;flex-shrink:1;min-inline-size:7rem}.task-filter-mine,.task-filter-select[data-fixed]{flex-shrink:0}.task-filter-select [data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.task-list-body{gap:var(--space-inset-xs);min-block-size:0;padding:var(--space-inset-sm);scrollbar-gutter:stable;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.task-row{border:1px solid var(--panel-outline,var(--color-outline));background:var(--panel-surface,var(--color-glass-panel));-webkit-backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));transition:border-color var(--motion-duration-hover) var(--motion-ease-control)}.task-row:hover{border-color:var(--panel-outline-hover,var(--color-outline-strong))}.task-row{align-items:flex-start;gap:var(--space-inset-sm);padding:var(--space-inset-tight) var(--space-inset-tight);border-radius:var(--radius-control);transition:background-color var(--motion-duration-hover) var(--motion-ease-standard);display:flex;position:relative}.task-row[data-selected]{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.task-row[data-done]{background:color-mix(in srgb, var(--color-success) 6%, transparent);box-shadow:inset 2px 0 0 0 var(--color-success)}.task-row[data-done] .task-row-title{color:var(--color-text-muted)}.task-row[data-today]{background:color-mix(in srgb, var(--color-primary) 6%, transparent);box-shadow:inset 2px 0 0 0 var(--color-primary)}.task-row[data-overdue]{background:color-mix(in srgb, var(--color-danger) 6%, transparent);box-shadow:inset 2px 0 0 0 var(--color-danger)}.task-row-done-toggle{flex-shrink:0;position:absolute;inset-block-end:var(--space-inset-2xs);inset-inline-end:var(--space-inset-2xs)}.task-row-done-toggle[aria-pressed=true]{--btn-color:var(--color-success)}.task-row-open{gap:var(--space-inset-2xs);min-inline-size:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;padding:0;display:flex}.task-row-head{align-items:center;gap:var(--space-inset-sm);min-inline-size:0;display:flex}.task-row-title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--type-size-control-md);color:var(--color-text);font-weight:500;overflow:hidden}.task-row-meta{align-items:center;gap:var(--space-inset-xs);font-size:var(--type-size-fine);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.task-row:has(>.task-row-done-toggle) .task-row-meta{padding-inline-end:var(--size-control-height-md)}.task-row-origin{--badge-py:1px;--badge-font-size:var(--type-size-fine);flex-shrink:0;align-self:flex-start}.task-row-anchor{align-items:center;gap:var(--space-inset-2xs);min-inline-size:0;max-inline-size:18rem;padding-block:1px;padding-inline:var(--space-inset-xs);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 8%, transparent);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.task-row-anchor-avatar{--contact-avatar-size:16px;flex-shrink:0}.task-row-assignee{align-items:center;gap:var(--space-inset-2xs);color:var(--color-text-muted);flex-shrink:0;display:inline-flex}.task-row-assignee[data-unowned]{opacity:.85;font-style:italic}.task-row-assignee[data-mine]{color:var(--color-primary);font-weight:500}.task-due-pill{align-items:center;gap:var(--space-inset-2xs);font-size:var(--type-size-fine);font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;display:inline-flex}.task-due-pill[data-tone=today]{color:var(--color-primary)}.task-due-pill[data-tone=overdue]{color:var(--color-danger)}.task-due-pill[data-tone=done]{color:var(--color-success)}.task-detail{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.task-detail-header{align-items:center;gap:var(--space-inset-sm);padding:var(--space-inset-md);flex-shrink:0;padding-block-end:var(--space-stack-lg);display:flex;position:relative}.task-detail-header:after{content:"";inset-block-end:0;inset-inline:var(--space-inset-md);background:color-mix(in srgb, var(--color-primary) 15%, transparent);block-size:1px;position:absolute}.task-detail-avatar{--contact-avatar-size:var(--size-contacts-list-avatar);flex-shrink:0}.task-detail-identity{min-inline-size:0;flex-direction:column;flex:auto;gap:2px;margin-inline-end:var(--space-inset-sm);display:flex}.task-detail-anchor-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-size-control-md);color:var(--color-text);margin:0;font-weight:600;overflow:hidden}.task-detail-anchor-line{align-items:center;gap:var(--space-inset-xs);flex-wrap:wrap;display:flex}.task-detail-anchor-sub{font-size:var(--type-size-fine);color:var(--color-text-muted);margin:0}.task-detail-origin{--badge-py:1px;--badge-font-size:var(--type-size-fine)}.task-detail-actions{align-items:center;gap:var(--space-inset-xs);flex-shrink:0;display:flex}.task-detail-body{gap:var(--space-inset-md);min-block-size:0;padding:var(--space-inset-lg);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.task-detail-title{min-inline-size:0;font-size:var(--type-size-section-title);font-weight:600;line-height:var(--type-leading-snug);color:var(--color-text);overflow-wrap:anywhere;margin:0}.task-detail[data-done] .task-detail-title{color:var(--color-text-muted)}.task-detail-card{border:1px solid var(--panel-outline,var(--color-outline));background:var(--panel-surface,var(--color-glass-panel));-webkit-backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));transition:border-color var(--motion-duration-hover) var(--motion-ease-control)}.task-detail-card:hover{border-color:var(--panel-outline-hover,var(--color-outline-strong))}.task-detail-card{gap:var(--space-inset-xs);padding:var(--space-inset-md);border-radius:var(--radius-control);flex-direction:column;display:flex}.task-detail-card-label{font-size:var(--type-size-fine);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-weight:600}.task-detail-meta{align-items:center;gap:var(--space-inset-lg);font-size:var(--type-size-control-sm);color:var(--color-text-muted);flex-flow:wrap}.task-detail-meta-item{align-items:center;gap:var(--space-inset-2xs);display:inline-flex}.task-detail-meta-item[data-mine]{color:var(--color-primary);font-weight:500}.task-detail-description{font-size:var(--type-size-control-md);line-height:var(--type-leading-body);color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.task-detail-description[data-empty]{color:var(--color-text-muted)}.task-detail-audit{font-size:var(--type-size-fine);color:var(--color-text-muted);margin:0}.task-detail-foot{align-items:center;gap:var(--space-inset-sm);flex-wrap:wrap;padding-block-start:var(--space-inset-xs);display:flex}.task-detail-open{margin-inline-start:auto}.task-anchor-card{border:1px solid var(--panel-outline,var(--color-outline));background:var(--panel-surface,var(--color-glass-panel));-webkit-backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));transition:border-color var(--motion-duration-hover) var(--motion-ease-control)}.task-anchor-card:hover{border-color:var(--panel-outline-hover,var(--color-outline-strong))}.task-anchor-card{align-items:center;gap:var(--space-inset-sm);padding:var(--space-inset-sm) var(--space-inset-tight);border-radius:var(--radius-control);display:flex}.task-anchor-card-text{gap:var(--space-inset-2xs);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.task-anchor-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-size-control-md);color:var(--color-text);font-weight:600;overflow:hidden}.task-anchor-card-sub{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-size-fine);color:var(--color-text-muted);overflow:hidden}.task-form{gap:var(--space-inset-md);flex-direction:column;display:flex}.task-form-scope{align-items:flex-start}.task-form-row{gap:var(--space-inset-md);grid-template-columns:1fr 1fr;display:grid}.task-count-badge{align-items:center;gap:var(--space-inset-2xs);line-height:1;font-size:var(--type-size-fine);font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;display:inline-flex}.task-count-badge[data-tone=mine]{color:var(--color-text-action)}.task-count-badge[data-tone=overdue]{color:var(--color-danger)}.task-panel{gap:var(--space-inset-sm);padding:var(--space-inset-md);flex-direction:column;display:flex}.client-tasks-panel{flex-direction:column;min-block-size:0;display:flex}.client-tasks-panel>.select-trigger{margin-block-start:var(--space-inset-md);margin-inline:var(--space-inset-md)}.task-panel-list{gap:var(--space-inset-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task-panel-head{justify-content:flex-end;align-items:center;display:flex}.task-panel-foot{justify-content:center;align-items:center;gap:var(--space-inset-sm);display:flex}.tasks-skeleton-split{flex:auto;min-block-size:0;min-inline-size:0;display:flex}.tasks-skeleton-list{flex:0 0 45%;min-inline-size:0}.tasks-skeleton-detail{flex:auto;min-inline-size:0}.task-list-filter-skeleton{block-size:var(--size-control-height-sm);--skeleton-radius:var(--radius-pill);inline-size:14rem}.task-row-skeleton{block-size:var(--size-control-height-xl);--skeleton-radius:var(--radius-control)}.task-list{gap:var(--space-inset-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task-count-trigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.task-count-popover{gap:var(--space-inset-xs);max-inline-size:30rem;padding:var(--space-inset-sm);flex-direction:column;display:flex}.task-count-popover-title{font-size:var(--type-size-fine);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.task-count-popover-empty{font-size:var(--type-size-fine);color:var(--color-text-muted)}.task-count-popover-list{gap:var(--space-inset-sm);flex-direction:column;display:flex}.task-count-popover-item{gap:var(--space-inset-2xs);flex-direction:column;display:flex}.task-count-popover-item+.task-count-popover-item{border-block-start:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);padding-block-start:var(--space-inset-sm)}.task-count-popover-item-head{justify-content:space-between;align-items:flex-start;gap:var(--space-inset-sm);display:flex}.task-count-popover-item-title{font-size:var(--type-size-control-md);font-weight:500;line-height:var(--type-leading-snug);color:var(--color-text);overflow-wrap:anywhere}.task-count-popover-item-description{-webkit-line-clamp:3;line-clamp:3;font-size:var(--type-size-fine);line-height:var(--type-leading-body);color:var(--color-text-muted);white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-count-popover-item-people{align-items:center;gap:var(--space-inset-xs);font-size:var(--type-size-fine);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.task-count-popover-item-assignee{align-items:center;gap:var(--space-inset-2xs);display:inline-flex}.task-count-popover-item-assignee[data-mine]{color:var(--color-primary);font-weight:500}.task-count-popover-item-author:before{content:"·";margin-inline-end:var(--space-inset-xs)}.task-count-dash{color:var(--color-text-muted)}.task-anchor-locked-trigger{--select-trigger-disabled-opacity:1}.task-anchor-popup{--select-popup-max-height:var(--size-menu-max-height)}.task-anchor-option{align-items:center;gap:var(--space-inset-sm);flex:auto;min-inline-size:0;display:flex}.task-anchor-option-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.task-anchor-option-line{align-items:center;gap:var(--space-inset-xs);font-size:var(--type-size-fine);color:var(--color-text-muted);flex-shrink:0;margin-inline-start:auto;display:inline-flex}.task-anchor-off{--badge-py:1px;--badge-font-size:var(--type-size-fine);flex-shrink:0}.task-list-more{justify-content:center;padding-block-start:var(--space-inset-sm);display:flex}