.ui-menu{display:inline-flex;position:relative}.ui-menu .ui-menu__button{min-height:44px;padding:0 var(--span-space-12);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);color:var(--span-color-text-primary);font:inherit;font-size:var(--span-text-small-size);font-weight:var(--span-weight-semibold);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.ui-menu .ui-menu__button:hover:not(:disabled){border-color:var(--span-color-action-primary)}.ui-menu .ui-menu__button:disabled{opacity:.5;cursor:not-allowed}.ui-menu .ui-menu__button[aria-expanded=true]{border-color:var(--span-color-action-primary);background:var(--span-color-bg-selected);color:var(--span-color-action-pressed)}.ui-menu .ui-menu__list{z-index:20;inset-inline-end:0;border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);min-width:200px;max-width:min(320px,80vw);box-shadow:var(--span-shadow-overlay);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px)}.ui-menu .ui-menu__item{border-radius:var(--span-radius-control);width:100%;min-height:44px;color:var(--span-color-text-primary);font:inherit;font-size:var(--span-text-body-size);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 12px;display:flex}.ui-menu .ui-menu__item:hover:not(:disabled),.ui-menu .ui-menu__item:focus-visible{background:var(--span-color-bg-selected);color:var(--span-color-action-pressed)}.ui-menu .ui-menu__item:disabled{opacity:.5;cursor:not-allowed}
.project-list{min-width:0;padding:0 24px}.project-list table{border-collapse:collapse;width:100%}@media (min-width:641px){.project-list table{table-layout:fixed;min-width:calc(44px + 180px + 170px + 210px + 170px + var(--project-list-field-count,0) * 160px + 280px)}.project-list col.col-select{width:44px}.project-list col.col-owner{width:180px}.project-list col.col-due{width:170px}.project-list col.col-status{width:210px}.project-list col.col-section{width:170px}.project-list col.col-field{width:160px}.project-list .table-wrap{border-radius:var(--span-radius-surface);background:var(--span-color-bg-surface);box-shadow:var(--span-shadow-card)}.project-list thead tr{background:var(--span-color-bg-canvas)}.project-list th{text-transform:uppercase;letter-spacing:.04em}html[dir=rtl] .project-list th{letter-spacing:0}}.project-list th,.project-list td{text-align:start;border-bottom:1px solid var(--span-color-border-default);padding:12px}.project-list table.density-compact th,.project-list table.density-compact td{padding-block:0}.project-list th{color:var(--span-color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.project-list button,.project-list input,.project-list select{min-height:44px;font:inherit;color:var(--span-color-text-primary);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);padding:7px}.project-list button{cursor:pointer}.project-list button:disabled{opacity:.5;cursor:wait}.project-list :focus-visible{outline:3px solid var(--span-color-action-primary);outline-offset:2px}.project-list .task-title{text-align:start;min-width:0;font-weight:var(--span-weight-regular);border:0;padding:0}.project-list .task-check{border:1.5px solid var(--span-color-border-strong);width:18px;height:18px;font-size:var(--span-text-small-size);color:var(--span-color-text-on-action);vertical-align:middle;border-radius:50%;flex:none;place-items:center;margin-inline-end:8px;line-height:1;display:inline-grid}.project-list .task-check-done{background:var(--span-color-state-success);border-color:var(--span-color-state-success)}@media (max-width:640px){.project-list .task-check{display:none}}.project-list .task-blocker-note{font-size:var(--span-text-small-size);font-weight:var(--span-weight-medium);color:var(--span-color-state-warning);margin-block-start:4px;display:block}@media (max-width:640px){.project-list .task-blocker-note{display:none}}.project-list td.owner-cell{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.project-list td.owner-cell>.inline-field{flex-wrap:nowrap;flex:auto;min-width:0}.project-list td.owner-cell>.inline-field select{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.project-list td.owner-cell>.task-delegated-via{flex:0 0 100%;margin-inline-start:0}.project-list .owner-avatar{background:var(--span-color-bg-selected);width:24px;height:24px;color:var(--span-color-on-selected);font-size:var(--span-text-small-size);font-weight:var(--span-weight-medium);border-radius:50%;flex:none;place-items:center;display:grid}.project-list .inline-field>:is(input,select):not(.status-select),.project-list td>select{background:0 0;border-color:#0000;padding-inline:8px}.project-list .inline-field>:is(input,select):not(.status-select):hover,.project-list .inline-field>:is(input,select):not(.status-select):focus-visible,.project-list td>select:hover,.project-list td>select:focus-visible{border-color:var(--span-color-border-default);background:var(--span-color-bg-surface)}.project-list .due-cell.is-overdue .inline-field input{color:var(--span-color-state-danger);font-weight:var(--span-weight-semibold)}.project-list .inline-field>select:not(.status-select),.project-list td>select{appearance:none}.project-list .inline-field>input[type=date]::-webkit-calendar-picker-indicator{opacity:0;transition:opacity .15s}.project-list .inline-field>input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.project-list .inline-field>input[type=date]:focus-visible::-webkit-calendar-picker-indicator{opacity:1}.project-list .status-field{position:relative}.project-list .status-select{border-radius:var(--span-radius-pill);font-size:var(--span-text-small-size);font-weight:var(--span-weight-medium);padding-inline:var(--span-space-20) var(--span-space-12);white-space:nowrap;border-color:#0000}.project-list .status-select:hover,.project-list .status-select:focus-visible{border-color:currentColor}.project-list .status-field:before{content:"";inset-inline-start:11px;pointer-events:none;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:22px}.project-list .status-field:has(.status-select-todo):before{color:var(--span-color-text-secondary)}.project-list .status-field:has(.status-select-in_progress):before{color:var(--span-color-action-pressed)}.project-list .status-field:has(.status-select-blocked):before{color:var(--span-color-state-danger)}.project-list .status-field:has(.status-select-done):before{color:var(--span-color-state-success)}.project-list .status-select-todo{background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary)}.project-list .status-select-in_progress{background:var(--span-color-bg-selected);color:var(--span-color-action-pressed)}.project-list .status-select-blocked{background:var(--span-color-state-danger-soft);color:var(--span-color-state-danger)}.project-list .status-select-done{background:var(--span-color-state-success-soft);color:var(--span-color-state-success)}@media (min-width:641px){.project-list th.title-cell .task-title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.project-list th.title-cell{color:var(--span-color-text-primary);font-size:var(--span-text-body-size);font-weight:var(--span-weight-regular);white-space:normal;text-overflow:clip;overflow:visible}.named-section{background:var(--span-color-bg-canvas)}.named-section button{background:0 0;border:0;font-weight:600}.named-section span{border-radius:var(--span-radius-pill);background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);font-weight:var(--span-weight-semibold);font-variant-numeric:tabular-nums;margin-inline-start:12px;padding:1px 9px;display:inline-block}.inline-field{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.inline-field input,.inline-field select{flex:100px;width:auto;min-width:0}.project-list td>select{flex:auto;width:auto;min-width:0}.section-totals{background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary);font-size:12px;font-weight:600}.list-scope{color:var(--span-color-text-secondary);font-size:12px}.section-create{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.list-error{background:var(--span-color-state-danger-soft);color:var(--span-color-state-danger);padding:12px}@media (max-width:640px){.project-list{padding:0 12px}.project-list .table-wrap{overflow:auto}}.project-list .field-chip{background:var(--span-color-bg-selected);color:var(--span-color-action-pressed);border-radius:var(--span-radius-control);margin:4px;padding:4px 6px;font-size:12px;display:inline-block}.project-list nav{align-items:center;gap:16px;padding:16px 0;display:flex}.project-list tr[hidden]{display:none}.project-list .task-tree-cell{align-items:center;gap:6px;display:flex}.project-list .task-tree-toggle{flex:none;min-width:44px;min-height:44px;padding:3px}.project-list .task-child-row td:first-child{border-inline-start:2px solid var(--span-color-bg-selected)}.project-list .task-structure-badge{color:var(--span-color-text-secondary);background:var(--span-color-bg-subtle);border-radius:var(--span-radius-control);margin-block-start:4px;margin-inline-end:4px;padding:3px 6px;font-size:12px;display:inline-block}.project-list .milestone-badge{color:var(--span-color-action-pressed);background:var(--span-color-bg-selected)}.project-list .known-child-count{color:var(--span-color-text-secondary);margin-block-start:4px;font-size:12px;display:block}@media (min-width:641px){.project-list .task-tree-cell{min-width:0}.project-list .task-tree-cell .task-title{flex:auto;min-width:0}}.project-list .project-board{padding-block:4px var(--span-space-24);gap:var(--span-space-16);scroll-snap-type:x proximity;grid-template-columns:repeat(4,minmax(215px,1fr));display:grid;overflow:auto}.project-list .project-column{scroll-snap-align:start;background:var(--span-color-bg-subtle);border-radius:var(--span-radius-control);padding:var(--span-space-16);min-height:390px}.project-list .project-column h2{font-size:var(--span-text-small-size);color:var(--span-color-text-primary);justify-content:flex-start;align-items:center;gap:8px;margin-bottom:16px;display:flex}.project-list .project-column h2>span{color:var(--span-color-text-secondary);font-weight:var(--span-weight-regular);background:var(--span-color-bg-surface);border-radius:var(--span-radius-pill);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding:1px 8px}.project-list .project-board-drop-target{outline:3px solid var(--span-color-action-primary);outline-offset:2px}.project-list .project-task-card{text-align:start;background:var(--span-color-bg-surface);border:1px solid var(--span-color-border-default);width:100%;box-shadow:0 2px 3px var(--span-color-shadow-soft);border-radius:var(--span-radius-control);padding:var(--span-space-16);margin-bottom:12px;display:block}.project-list .project-task-card:hover{border-color:var(--span-color-action-primary)}.project-list .project-task-card:focus-visible,.project-list .project-task-card:focus-within{outline:3px solid var(--span-color-focus-ring);outline-offset:2px}.project-list .project-task-card[draggable=true]{cursor:grab}.project-list .project-board-dragging{opacity:.6;box-shadow:var(--span-shadow-overlay);border-color:var(--span-color-action-primary);transform:scale(1.02)}.project-list .project-task-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.project-list .project-task-card-move{flex:none}.project-list .project-task-card .task-title{font-size:var(--span-text-body-size);font-weight:var(--span-weight-semibold);white-space:normal;margin:6px 0;display:block}.project-list .project-task-card-status{margin:6px 0}.project-list .project-task-card-meta{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);align-items:center;gap:8px;margin:8px 0 4px;display:flex}.project-list .project-task-card-due{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.project-list .project-task-card-due.is-overdue{color:var(--span-color-state-danger)}.project-list .project-task-card .blocker{color:var(--span-color-state-warning);font-size:var(--span-text-small-size);margin:6px 0 0}.task-delegated-via{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);align-items:center;gap:4px;margin-inline-start:6px;display:inline-flex}.project-list .project-board-tabs{display:none}.project-list .project-board-tabs .ui-tab{min-height:44px;padding:0 var(--span-space-16);border-radius:var(--span-radius-control);color:var(--span-color-text-secondary);font-size:var(--span-text-body-size);font-weight:var(--span-weight-semibold);border:1px solid #0000;align-items:center;gap:6px;display:inline-flex}.project-list .project-board-tabs .ui-tab[aria-selected=true]{border-color:var(--span-color-border-default);background:var(--span-color-bg-surface);color:var(--span-color-action-pressed);box-shadow:var(--span-shadow-control)}.project-list .project-board-tab-count{border-radius:var(--span-radius-pill);background:var(--span-color-bg-surface);color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);font-variant-numeric:tabular-nums;padding:1px 7px}.project-list .project-board-tabs .ui-tab[aria-selected=true] .project-board-tab-count{background:var(--span-color-bg-selected);color:var(--span-color-action-pressed)}@media (max-width:640px){.project-list .project-board-tabs{margin:0 0 var(--span-space-12);display:flex}.project-list .project-board{scroll-snap-type:none;display:block;overflow:visible}.project-list .project-column{min-height:0;display:none}.project-list .project-column.is-active{display:block}}.project-list-tools{padding:10px 0 var(--span-space-16);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-list-tools>label{min-height:44px;padding-inline:var(--span-space-16);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);background:var(--span-color-bg-surface);color:var(--span-color-text-secondary);font-size:12px;font-weight:var(--span-weight-semibold);align-items:center;gap:8px;display:inline-flex}.project-list-tools>label:hover,.project-list-tools>label:focus-within{border-color:var(--span-color-action-primary)}.project-list-tools>label select{max-width:200px;min-height:44px;color:var(--span-color-text-primary);background:0 0;border:0;padding-inline:0}.project-list-section-tools{position:relative}.project-list-section-tools>summary{min-height:44px;padding:0 var(--span-space-16);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);color:var(--span-color-text-primary);font-size:13px;font-weight:var(--span-weight-semibold);cursor:pointer;align-items:center;list-style:none;display:flex}.project-list-section-tools>summary::-webkit-details-marker{display:none}.project-list-section-tools[open]>summary{border-color:var(--span-color-action-primary)}.project-list-section-tools .section-create{z-index:4;top:100%;border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);width:min(330px,80vw);box-shadow:var(--span-shadow-card);margin:6px 0 0;padding:12px;position:absolute;inset-inline-start:0}.project-list-section-tools .section-create input{flex:1;min-width:150px}.project-list .table-wrap{--project-list-field-count:0;overflow-x:auto}.project-list .named-section td{padding-block:4px}.project-list .named-section button{min-height:40px}.project-list .select-col{text-align:center;width:44px;padding-inline:6px}.project-list .select-col input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--span-color-action-primary);cursor:pointer;padding:0}.project-list .status-field{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.project-list .status-field input{flex:100px;width:auto;min-width:0}.project-list .field-hint{color:var(--span-color-state-danger);font-size:12px}.project-list .bulk-bar{z-index:3;padding:10px var(--span-space-16);border:1px solid var(--span-color-border-strong);border-radius:var(--span-radius-card);background:var(--span-color-bg-elevated);box-shadow:var(--span-shadow-card);flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex;position:sticky;top:0}.project-list .bulk-bar>label{color:var(--span-color-text-secondary);font-size:12px;font-weight:var(--span-weight-semibold);align-items:center;gap:8px;display:flex}.project-list .bulk-bar .bulk-count{color:var(--span-color-text-primary);font-weight:700}.project-list .bulk-bar select,.project-list .bulk-bar input{min-height:44px;font:inherit;color:var(--span-color-text-primary);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);padding:7px}.project-list .bulk-bar .bulk-apply{border-radius:var(--span-radius-control);min-height:44px;font-weight:var(--span-weight-semibold);cursor:pointer;background:var(--span-color-action-primary);color:var(--span-color-text-on-action);border:0;padding:0 16px}.project-list .bulk-bar .bulk-apply:disabled{opacity:.5;cursor:wait}.project-list tbody tr.task-row:focus{outline:3px solid var(--span-color-action-primary);outline-offset:-3px}.project-list tbody tr.task-row{scroll-margin-block:80px}@media (max-width:640px){.project-list .table-wrap{overflow:visible}.project-list table{min-width:0}.project-list thead{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-list tbody,.project-list tbody tr,.project-list tbody :is(td,th){width:auto;display:block}.project-list tr.named-section{margin:var(--span-space-16) 0 6px}.project-list tr.named-section td{border:0;padding-block:4px}.project-list tr.task-row{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);box-shadow:var(--span-shadow-card);margin:10px 0;padding:8px 12px}.project-list tr.task-row:focus{outline:3px solid var(--span-color-action-primary);outline-offset:2px}.project-list tr.task-child-row td:first-child{border-inline-start:0}.project-list tr.task-row>:is(td,th){border:0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.project-list tr.task-row>td:before{content:attr(data-label);font-size:var(--span-text-small-size);font-weight:var(--span-weight-semibold);color:var(--span-color-text-secondary);flex:0 0 88px}.project-list tr.task-row>th.title-cell{border-block-end:1px solid var(--span-color-border-default);padding-block-end:10px}.project-list tr.task-row>th.title-cell .task-title{font-weight:var(--span-weight-semibold);min-width:0}.project-list tr.task-row>td.select-col{text-align:start;justify-content:flex-start;width:auto}.project-list .inline-field,.project-list .status-field{flex:1;min-width:0}.project-list .inline-field input,.project-list .inline-field select,.project-list td>select,.project-list .status-field input{flex:auto;width:auto;min-width:0}.project-list tr.section-totals{border:1px dashed var(--span-color-border-default);border-radius:var(--span-radius-control);margin:6px 0;padding:8px 12px}.project-list tr.section-totals td{border:0;padding:4px 0}}.project-list .blocker-field{color:var(--span-color-text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.project-list.project-list.project-list.project-list .inline-field>:is(input,select):not(.status-select),.project-list.project-list.project-list.project-list td>select{background:0 0;border-color:#0000}.project-list.project-list.project-list.project-list .inline-field>:is(input,select):not(.status-select):hover,.project-list.project-list.project-list.project-list .inline-field>:is(input,select):not(.status-select):focus-visible,.project-list.project-list.project-list.project-list td>select:hover,.project-list.project-list.project-list.project-list td>select:focus-visible{border-color:var(--span-color-border-default);background:var(--span-color-bg-surface)}.project-list.project-list.project-list.project-list .due-cell.is-overdue .inline-field input{color:var(--span-color-state-danger);font-weight:var(--span-weight-medium);white-space:nowrap}.project-list .section-select{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size)}.project-list.project-list.project-list.project-list .status-select{border-color:#0000}.project-list.project-list.project-list.project-list .status-select:hover,.project-list.project-list.project-list.project-list .status-select:focus-visible{border-color:currentColor}.project-list.project-list.project-list.project-list .status-select-todo{background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary)}.project-list.project-list.project-list.project-list .status-select-in_progress{background:var(--span-color-bg-selected);color:var(--span-color-action-pressed)}.project-list.project-list.project-list.project-list .status-select-blocked{background:var(--span-color-state-danger-soft);color:var(--span-color-state-danger)}.project-list.project-list.project-list.project-list .status-select-done{background:var(--span-color-state-success-soft);color:var(--span-color-state-success)}.project-list.project-list.project-list.project-list .project-list-tools>label select{color:var(--span-color-text-primary);background:0 0;border:0}
.project-insights{border:1px solid var(--span-color-border-default);background:var(--span-color-bg-surface);border-radius:12px;margin:20px 0;padding:24px}.project-insights h2{font-size:var(--span-text-section-size)}.project-insights p{color:var(--span-color-text-secondary);line-height:1.7}.insight-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.insight-cards article{padding:var(--span-space-20);background:var(--span-color-bg-selected);border-radius:var(--span-radius-card)}.insight-cards strong,.insight-cards span{display:block}.insight-cards strong{font-size:var(--span-text-metric-size);color:var(--span-color-action-primary);font-variant-numeric:tabular-nums}.insight-progress progress{width:100%;height:18px;accent-color:var(--span-color-action-primary);margin:12px 0;display:block}.insight-breakdown{grid-template-columns:1fr 1fr;gap:40px;margin:24px 0;display:grid}.insight-breakdown div div{border-bottom:1px solid var(--span-color-border-default);justify-content:space-between;padding:12px 0;display:flex}.insight-task{text-align:start;background:var(--span-color-bg-surface);border:1px solid var(--span-color-border-default);width:100%;padding:var(--span-space-16);cursor:pointer;font:inherit;border-radius:8px;justify-content:space-between;gap:16px;margin:10px 0;display:flex}.insight-task span{color:var(--span-color-text-secondary)}.timeline-grid{overflow:auto}.timeline-scale{color:var(--span-color-text-secondary);margin-inline-start:40%;justify-content:space-between;margin-bottom:18px;display:flex}.timeline-row{border:0;border-bottom:1px solid var(--span-color-border-default);width:100%;padding:var(--span-space-16) 0;text-align:start;background:var(--span-color-bg-surface);font:inherit;cursor:pointer;grid-template-columns:40% 1fr;gap:20px;display:grid}.timeline-row small{color:var(--span-color-text-secondary);margin-top:6px;display:block}.timeline-track{background:var(--span-color-bg-subtle);border-radius:var(--span-radius-control);align-self:center;height:26px;position:relative}.timeline-bar{background:var(--span-color-action-primary);border-radius:var(--span-radius-control);min-width:6px;height:100%;position:absolute}.timeline-bar.done{background:var(--span-color-state-success)}.timeline-bar.blocked{background:var(--span-color-state-danger)}.project-insights button:focus-visible{outline:3px solid var(--span-color-action-primary);outline-offset:2px}@media (max-width:700px){.insight-cards{grid-template-columns:1fr 1fr}.insight-breakdown{grid-template-columns:1fr}.timeline-grid{min-width:500px}.project-insights{padding:16px;overflow:auto}}
.project-overview{padding:24px var(--span-space-32);color:var(--span-color-text-primary);gap:1rem;display:grid}.project-overview :focus-visible{outline:3px solid var(--span-color-action-primary);outline-offset:3px}@media (max-width:640px){.project-overview{padding:20px 16px}.project-overview li{flex-direction:column}}.project-overview h2,.project-overview h3,.project-overview p{margin:0}.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:0;display:grid}.overview-metrics>div,.project-overview article{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);padding:1rem}.overview-metrics dd{font-size:var(--span-text-metric-size);font-variant-numeric:tabular-nums;margin:0}.overview-note{white-space:pre-wrap}.project-overview ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.project-overview li{border-bottom:1px solid var(--span-color-border-default);justify-content:space-between;gap:1rem;padding:.75rem;display:flex}.project-overview li button{min-height:44px;font:inherit;color:inherit;align-items:center;display:inline-flex}.project-overview-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.project-overview-heading h2{font-size:var(--span-text-section-size);line-height:28px}.project-overview-heading p{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size)}.project-overview time{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);font-variant-numeric:tabular-nums}.project-overview-heading time{white-space:nowrap}.project-overview .overview-metrics{gap:12px}.project-overview .overview-metrics>div{border-color:var(--span-color-border-default);background:var(--span-color-bg-subtle);padding:16px}.project-overview .overview-metrics dt{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.project-overview .overview-metrics dd{font-size:var(--span-text-metric-size);font-weight:var(--span-weight-bold);font-variant-numeric:tabular-nums;margin-top:6px;line-height:30px}.project-overview-status{background:var(--span-color-bg-surface);gap:6px;display:grid}.project-overview-status h3,.project-overview-attention h3{font-size:var(--span-text-card-size)}.project-overview-status strong{color:var(--span-color-action-pressed)}.project-overview-empty{border:1px dashed var(--span-color-border-strong);border-radius:var(--span-radius-card);color:var(--span-color-text-secondary);padding:16px}@media (max-width:640px){.project-overview-heading{flex-direction:column;gap:6px}.project-overview .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.project-extensions{border:1px solid var(--span-color-border-default);background:var(--span-color-bg-surface);color:var(--span-color-text-primary);border-radius:12px;margin-block:1rem;padding:1rem}.project-extensions form{flex-wrap:wrap;align-items:end;gap:.7rem;margin-block:1rem;display:flex}.project-extensions label{flex-direction:column;gap:.35rem;min-width:160px;display:flex}.project-extensions input,.project-extensions select,.project-extensions textarea{border:1px solid var(--span-color-text-muted);border-radius:var(--span-radius-control);background:inherit;min-height:44px;color:inherit;font:inherit;padding:.6rem}.project-extensions textarea{min-height:72px}.project-extensions button{border-radius:var(--span-radius-control);border:1px solid var(--span-color-text-muted);min-height:44px;font:inherit;cursor:pointer;padding:.65rem}.project-extensions :focus-visible{outline:3px solid var(--span-color-data-blue);outline-offset:2px}.project-extensions button:disabled{opacity:.55;cursor:default}.project-extensions article,.project-extensions details{border-block-start:1px solid var(--span-color-border-default);padding-block:.7rem}.project-extensions summary{cursor:pointer}.project-extensions article p{white-space:pre-wrap}.project-extensions time{font-size:var(--span-text-body-size);font-variant-numeric:tabular-nums}.project-extensions small{font-size:var(--span-text-body-size)}.extension-chip{border:1px solid var(--span-color-border-strong);border-radius:var(--span-radius-control);margin:.2rem;padding:.35rem .55rem;display:inline-block}
.task-structure{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);margin-block:1rem;padding:1rem}.task-structure fieldset{border:0;gap:.75rem;margin:0;padding:0;display:grid}.task-structure .ui-field{margin:0}.task-structure-search{margin-block:.5rem}.task-structure form>fieldset>fieldset{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);max-height:16rem;padding:.75rem;overflow:auto}.task-structure form>fieldset>fieldset legend{font-weight:var(--span-weight-bold)}.task-structure button{justify-self:start}.task-structure [role=alert]{color:var(--span-color-state-danger)}
.workspace-main .title-row>.ui-button{border-radius:var(--span-radius-pill)}.workspace-main .title-row .project-head-more-button{border-radius:var(--span-radius-pill);min-width:44px}.workspace-main .workspace-search-chip{min-height:44px;padding-inline:var(--span-space-16);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);background:var(--span-color-bg-surface);color:var(--span-color-text-secondary);align-items:center;gap:8px;display:inline-flex}.workspace-main .workspace-search-chip:hover,.workspace-main .workspace-search-chip:focus-within{border-color:var(--span-color-action-primary)}.workspace-main .workspace-search-chip input{min-width:160px;min-height:40px;color:var(--span-color-text-primary);font:inherit;font-size:var(--span-text-small-size);background:0 0;border:0;padding-inline:0}.workspace-main .project-icon--brand{background:var(--span-color-action-primary);color:var(--span-color-text-on-action);font-weight:var(--span-weight-bold);letter-spacing:.02em}.workspace-main .project-title-line{align-items:center;gap:var(--span-space-12);flex-wrap:wrap;display:flex}.workspace-main .project-title-line h1{margin:0}.project-status-pill{border-radius:var(--span-radius-pill);min-height:28px;font-size:var(--span-text-small-size);font-weight:var(--span-weight-medium);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.project-status-pill-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.project-status-pill-sep{opacity:.7}.project-status-pill--off_track{background:var(--span-color-state-danger-soft);color:var(--span-color-state-danger)}.project-status-pill--at_risk{background:var(--span-color-state-warning-soft);color:var(--span-color-state-warning)}.project-status-pill--on_track{background:var(--span-color-state-success-soft);color:var(--span-color-state-success)}.project-status-pill--not_started{background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary)}.project-status-pill--done{background:var(--span-color-bg-selected);color:var(--span-color-on-selected)}.workspace-main .project-numbers-strip{gap:var(--span-space-12);margin-top:var(--span-space-16);grid-template-columns:2fr repeat(4,1fr);display:grid}.workspace-main .project-numbers-card{padding:var(--span-space-12) var(--span-space-16);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);box-shadow:var(--span-shadow-card);border-top:3px solid #0000;flex-direction:column;gap:6px;display:flex}.workspace-main .project-numbers-card-label{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.workspace-main .project-numbers-card strong{font-size:var(--span-text-section-size);color:var(--span-color-text-primary);font-variant-numeric:tabular-nums}.workspace-main .project-numbers-card--progress{border-top-color:var(--span-color-action-primary)}.workspace-main .project-numbers-progress-value{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.workspace-main .project-numbers-progress-value strong{font-size:var(--span-text-section-size)}.workspace-main .project-numbers-progress-value span{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.workspace-main .project-numbers-progress-bar{border-radius:var(--span-radius-pill);background:var(--span-color-bg-subtle);height:6px;overflow:hidden}.workspace-main .project-numbers-progress-bar>span{border-radius:inherit;background:var(--span-color-action-primary);height:100%;display:block}.workspace-main .project-numbers-card--danger{border-top-color:var(--span-color-state-danger)}.workspace-main .project-numbers-card--danger strong{color:var(--span-color-state-danger)}.workspace-main .project-numbers-card--warning{border-top-color:var(--span-color-state-warning)}.workspace-main .project-numbers-card--warning strong{color:var(--span-color-state-warning)}.workspace-main .project-numbers-card--success{border-top-color:var(--span-color-state-success)}.workspace-main .project-numbers-card--success strong{color:var(--span-color-state-success)}@media (max-width:1000px){.workspace-main .project-numbers-strip{grid-template-columns:repeat(2,1fr)}.workspace-main .project-numbers-card--progress{grid-column:1/-1}}.workspace-main .workspace-view-tabs-row{align-items:center;gap:var(--span-space-8);flex-wrap:wrap;margin-top:16px;display:flex}.workspace-main .workspace-view-tabs{border-radius:var(--span-radius-pill);background:var(--span-color-bg-surface);min-width:0;box-shadow:var(--span-shadow-control);flex:0 auto;gap:4px}.workspace-main .workspace-view-tabs .ui-tab{border-radius:var(--span-radius-pill)}.workspace-main .workspace-view-tabs .ui-tab[aria-selected=true]{border-color:var(--span-color-text-primary);background:var(--span-color-text-primary);color:var(--span-color-bg-surface);box-shadow:none}.workspace-main .workspace-settings-action{flex:none;width:44px;padding:0}.workspace-main .workspace-settings-action.is-active{border-color:var(--span-color-action-primary);background:var(--span-color-bg-selected);color:var(--span-color-action-pressed)}.workspace-main .workspace-view-tabs-row .workspace-toolbar-filters{flex:0 auto;margin-inline-start:auto}.workspace-main .workspace-project-toolbar.ui-toolbar{box-shadow:none;padding:8px var(--span-space-32) 8px;justify-content:flex-start;gap:var(--span-space-12);background:0 0;border:0;border-radius:0}.workspace-main .workspace-toolbar-filters{align-items:center;gap:var(--span-space-12);flex-wrap:wrap;flex:1;min-width:0;display:flex}.workspace-main .workspace-toolbar-filters .ui-field{min-height:44px;padding-inline:var(--span-space-16);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);background:var(--span-color-bg-surface);align-items:center;gap:8px;min-width:0;max-width:none;display:inline-flex}.workspace-main .workspace-toolbar-filters .ui-field:hover,.workspace-main .workspace-toolbar-filters .ui-field:focus-within{border-color:var(--span-color-action-primary)}.workspace-main .workspace-toolbar-filters .ui-field__label{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);white-space:nowrap}.workspace-main .workspace-toolbar-filters select{min-height:44px;color:var(--span-color-text-primary);font-weight:var(--span-weight-regular);background:0 0;border:0;padding-inline:0}.workspace-main .workspace-toolbar-count{white-space:nowrap;font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);align-self:center;margin-inline-start:auto}.workspace-main .workspace-filter-chips{align-items:center;gap:var(--span-space-8);padding:0 var(--span-space-32) var(--span-space-12);flex-wrap:wrap;display:flex}.workspace-main .workspace-filter-chip,.workspace-main .workspace-filter-chip-clear{min-height:44px;padding:0 var(--span-space-12);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);background:var(--span-color-bg-selected);color:var(--span-color-on-selected);font:inherit;font-size:var(--span-text-body-size);font-weight:var(--span-weight-regular);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.workspace-main .workspace-filter-chip:hover,.workspace-main .workspace-filter-chip-clear:hover{border-color:var(--span-color-action-primary)}.workspace-main .workspace-filter-chip-clear{background:var(--span-color-bg-surface);color:var(--span-color-text-secondary)}.project-all-button{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);min-height:44px;color:var(--span-color-text-primary);font:inherit;font-size:var(--span-text-body-size);font-weight:var(--span-weight-regular);cursor:pointer;align-items:center;gap:10px;padding:0 12px;display:inline-flex}.project-all-button[aria-current=page],.project-all-button:hover{background:var(--span-color-bg-selected);color:var(--span-color-on-selected)}.project-all-button span{background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary);border-radius:999px;padding:2px 7px}.project-catalog{padding:28px var(--span-space-32) 44px;gap:var(--span-space-20);flex-direction:column;min-width:0;min-height:360px;display:flex}.project-catalog-kpis{gap:var(--span-space-16);grid-template-columns:repeat(4,1fr);min-width:0;display:grid}.project-catalog-kpi{padding:var(--span-space-16);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);box-shadow:var(--span-shadow-card);flex-direction:column;gap:8px;display:flex}.project-catalog-kpi-icon{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.project-catalog-kpi--accent .project-catalog-kpi-icon{background:var(--span-color-bg-selected);color:var(--span-color-on-selected)}.project-catalog-kpi--danger .project-catalog-kpi-icon{background:var(--span-color-state-danger-soft);color:var(--span-color-state-danger)}.project-catalog-kpi--warning .project-catalog-kpi-icon{background:var(--span-color-state-warning-soft);color:var(--span-color-state-warning)}.project-catalog-kpi--success .project-catalog-kpi-icon{background:var(--span-color-state-success-soft);color:var(--span-color-state-success)}.project-catalog-kpi-label{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.project-catalog-kpi strong{font-size:var(--span-text-metric-size);color:var(--span-color-text-primary);font-variant-numeric:tabular-nums}.project-catalog-kpi--danger strong{color:var(--span-color-state-danger)}.project-catalog-table-card{border-radius:var(--span-radius-surface);background:var(--span-color-bg-surface);min-width:0;box-shadow:var(--span-shadow-card);contain:layout}.project-catalog-table-head{justify-content:space-between;align-items:center;gap:var(--span-space-16);padding:var(--span-space-16) var(--span-space-20);flex-wrap:wrap;display:flex}.project-catalog-table-head h2{font-size:var(--span-text-section-size);color:var(--span-color-text-primary);margin:0}.project-catalog-table-filters{gap:var(--span-space-12);flex-wrap:wrap;display:flex}.project-catalog-table-filters .ui-field{min-height:44px;padding-inline:var(--span-space-12);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);background:var(--span-color-bg-surface);align-items:center;gap:8px;display:inline-flex}.project-catalog-table-filters select{min-height:44px;color:var(--span-color-text-primary);font-weight:var(--span-weight-regular);background:0 0;border:0;padding-inline:0}.project-catalog-table .table-wrap{padding:0}table.project-catalog-table{border-collapse:collapse;width:100%}.project-catalog-table th{padding:10px var(--span-space-20);text-align:start;font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);background:var(--span-color-bg-canvas);white-space:nowrap}.project-catalog-table td{padding:10px var(--span-space-20);border-top:1px solid var(--span-color-border-default);font-size:var(--span-text-body-size);color:var(--span-color-text-primary)}.project-catalog-row{cursor:pointer}.project-catalog-row:hover{background:var(--span-color-bg-subtle)}.project-catalog-row-open{min-height:44px;color:var(--span-color-text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.project-catalog-row-open:hover{color:var(--span-color-action-primary)}.project-catalog-row-tile{border-radius:var(--span-radius-control);background:var(--span-color-action-primary);width:30px;height:30px;color:var(--span-color-text-on-action);font-size:var(--span-text-small-size);font-weight:var(--span-weight-semibold);flex:none;place-items:center;display:grid}.project-catalog-table td.is-overdue{color:var(--span-color-state-danger);font-weight:var(--span-weight-medium)}.project-catalog-ring{border:3px solid var(--span-color-border-default);width:36px;height:36px;font-size:var(--span-text-small-size);font-weight:var(--span-weight-medium);color:var(--span-color-text-primary);border-radius:50%;place-items:center;display:inline-grid}.project-catalog-ring--off_track{border-color:var(--span-color-state-danger)}.project-catalog-ring--at_risk{border-color:var(--span-color-state-warning)}.project-catalog-ring--on_track{border-color:var(--span-color-state-success)}.project-catalog-ring--done{border-color:var(--span-color-action-primary)}.project-catalog-ring--empty{color:var(--span-color-text-muted)}.workspace-main :is(.project-all-button,.project-catalog-row-open):focus-visible{outline:3px solid var(--span-color-action-primary);outline-offset:3px}.workspace-main .project-catalog-row:focus-within{outline:3px solid var(--span-color-action-primary);outline-offset:-3px}@media (max-width:1000px){.project-catalog-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.workspace-main .project-head{padding:20px var(--span-space-16) 0}.workspace-main .project-icon{display:none}.workspace-main .workspace-project-toolbar.ui-toolbar,.workspace-main .workspace-filter-chips{padding-inline:var(--span-space-16)}.project-catalog{min-height:240px;padding:24px 16px}.project-catalog-kpis{grid-template-columns:1fr 1fr}.project-catalog-table-head{flex-direction:column;align-items:flex-start}}.workspace-main .project-head{padding:16px 24px 0}.workspace-main .breadcrumb{margin-bottom:4px}.workspace-main .title-row{gap:10px}.workspace-main .project-icon{width:40px;height:40px;font-size:24px}.workspace-main .project-icon--brand{font-size:16px}.workspace-main .title-row h1{line-height:32px}.workspace-main .subtitle{margin-top:2px}.workspace-main .alignment{margin-top:6px}.workspace-main .breadcrumb{align-items:center;gap:4px;display:flex}.workspace-main .breadcrumb-link{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;margin-block:-16px;padding-inline:0;display:inline-flex}.workspace-main .breadcrumb-link:hover{color:var(--span-color-action-primary);text-decoration:underline}.workspace-main .workspace-view-tabs-row{margin-top:8px}.workspace-main .workspace-project-toolbar.ui-toolbar{padding:8px var(--span-space-24) 8px;min-height:56px}.workspace-main .workspace-filter-chips{padding:0 var(--span-space-24) var(--span-space-8)}.workspace-main .project-list-tools{padding-block:8px}.workspace-main .project-catalog{min-height:0;padding:20px 24px 28px}.task-advanced{margin:var(--span-space-20) 0;border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface)}.task-advanced>summary{cursor:pointer;min-height:44px;color:var(--span-color-text-primary);font-size:var(--span-text-body-size);font-weight:var(--span-weight-bold);align-items:center;padding:0 16px;display:flex}.task-advanced>summary:focus-visible{outline:3px solid var(--span-color-focus-ring);outline-offset:2px}.task-advanced>div{border-top:1px solid var(--span-color-border-default);padding:0 16px 16px}.task-advanced>div>:first-child{margin-top:16px}@media (max-width:760px){.workspace-main .project-head{padding:16px var(--span-space-16) 0}.workspace-main .workspace-project-toolbar.ui-toolbar{padding:8px var(--span-space-16)}.workspace-main .workspace-filter-chips{padding:0 var(--span-space-16) var(--span-space-8)}.workspace-main .project-catalog{padding:16px}}.team-panel{width:480px;max-width:100vw;height:100dvh;max-height:100dvh;padding:var(--span-space-24);border:0;border-inline-start:1px solid var(--span-color-border-default);background:var(--span-color-bg-surface);color:var(--span-color-text-primary);box-shadow:var(--span-shadow-overlay);border-radius:0;margin:0;position:fixed;inset-block:0;inset-inline:auto 0;overflow:auto}.team-panel::backdrop{background:var(--span-color-overlay)}.team-panel-head{justify-content:space-between;align-items:center;gap:var(--span-space-12);margin-block-end:var(--span-space-12);display:flex}.team-panel-head h2{font-size:var(--span-text-card-size);font-weight:var(--span-weight-bold);margin:0}.team-panel-close{place-items:center;block-size:44px;inline-size:44px;padding:0;display:grid}.team-panel-close svg{block-size:20px;inline-size:20px}.team-section{margin-block-start:var(--span-space-16)}.team-section h3{margin:0 0 var(--span-space-8);font-size:var(--span-text-body-size);font-weight:var(--span-weight-bold);color:var(--span-color-text-secondary)}.team-list{gap:var(--span-space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.team-row{justify-content:space-between;align-items:center;gap:var(--span-space-12);min-height:44px;padding:var(--span-space-8) var(--span-space-12);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-subtle);display:flex}.team-name{align-items:center;gap:var(--span-space-8);font-size:var(--span-text-body-size);font-weight:var(--span-weight-semibold);min-width:0;display:flex}.team-name bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-actions{align-items:center;gap:var(--span-space-8);display:flex}.team-access-select{inline-size:132px;min-height:44px;padding-inline:var(--span-space-8);border:1px solid var(--span-color-border-strong);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);color:var(--span-color-text-primary);font:inherit}.team-truncated{color:var(--span-color-text-secondary);font-size:var(--span-text-body-size);margin-block-start:var(--span-space-8)}.workspace-limited-note{margin:12px 0}.workspace-notice-bar{justify-content:flex-end}@media (max-width:640px){.team-panel{width:100vw}}.workspace-shell{gap:var(--span-space-16);min-width:0;display:grid}.workspace-shell>.topbar{z-index:8;border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);min-height:64px;box-shadow:var(--span-shadow-control);position:sticky;top:0}.workspace-shell>.workspace-main{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);width:100%;max-width:none;box-shadow:var(--span-shadow-card);margin:0;overflow:hidden}.workspace-loading{padding-block:var(--span-space-48)}.workspace-shell .workspace-create-notice{margin-top:var(--span-space-12)}.topbar{justify-content:space-between;align-items:center;gap:var(--span-space-24);padding:0 var(--span-space-24);background:var(--span-color-bg-subtle);border-bottom:1px solid var(--span-color-border-default);z-index:10;grid-column:1/-1;display:flex;position:sticky;top:0}.search{background:var(--span-color-bg-surface);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);padding:6px var(--span-space-12);align-items:center;gap:10px;width:45%;max-width:540px;display:flex}.search>span{font-size:23px;line-height:1}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:44px}.search:focus-within{box-shadow:0 0 0 2px var(--span-color-focus-soft)}@media (min-width:821px){.search input{font-size:var(--span-text-small-size)}}.search kbd{white-space:nowrap;font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.top-actions{align-items:center;gap:var(--span-space-16);display:flex}.demo{font-size:var(--span-text-small-size);letter-spacing:1px;color:var(--span-color-text-secondary)}html[dir=rtl] .demo,html[dir=rtl] .project-icon--brand{letter-spacing:0}.avatar{background:var(--span-color-bg-selected);width:28px;height:28px;color:var(--span-color-on-selected);font-size:var(--span-text-small-size);font-weight:var(--span-weight-medium);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.project-head{padding:24px var(--span-space-32) 0}.breadcrumb{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);margin-bottom:16px}.breadcrumb span{margin-inline:8px}.title-row{gap:var(--span-space-16);align-items:center;display:flex}.project-icon{background:var(--span-color-bg-selected);width:47px;height:47px;color:var(--span-color-action-primary);border-radius:var(--span-radius-card);place-items:center;font-size:29px;display:grid}.subtitle{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);margin-top:4px}.members{margin-inline-start:auto;padding-inline-end:5px;display:flex}.members .avatar{border:2px solid var(--span-color-bg-surface);width:31px;height:31px;margin-inline-start:-5px}.alignment{margin:var(--span-space-20) 0 0;color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);align-items:center;gap:9px;display:flex}.alignment>span:first-child{color:var(--span-color-action-primary);font-size:var(--span-text-section-size)}.delivery{margin-inline-start:auto}.delivery strong{color:var(--span-color-text-primary);font-variant-numeric:tabular-nums;margin-inline:5px}.title-row>.ui-button{margin-inline-start:10px}.table-wrap{padding:0 var(--span-space-32);overflow:auto}.table-wrap tr:hover:not(.section){background:var(--span-color-bg-subtle)}.task-title{text-align:start;font-size:var(--span-text-small-size);align-items:center;gap:11px;padding:0;display:flex}.task-title:hover{color:var(--span-color-action-primary)}.check{border:1px solid var(--span-color-border-strong);width:16px;height:16px;font-size:var(--span-text-small-size);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.checked{background:var(--span-color-state-success);border-color:var(--span-color-state-success);color:var(--span-color-text-on-action)}.completed bdi{color:var(--span-color-text-secondary);text-decoration:line-through}.section td{height:52px;font-weight:var(--span-weight-semibold);font-size:var(--span-text-small-size);border:0;padding-top:12px}.section td span{background:var(--span-color-bg-subtle);border-radius:var(--span-radius-card);font-variant-numeric:tabular-nums;padding:2px 6px}.section span{font-weight:var(--span-weight-regular);font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);margin-inline-start:8px}.person{align-items:center;gap:8px;display:flex}.person .avatar{width:24px;height:24px;font-size:var(--span-text-small-size)}.status,.priority{font-size:var(--span-text-small-size);border-radius:var(--span-radius-control);padding:3px 8px;display:inline-block}.todo{background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary)}.in_progress{background:var(--span-color-bg-selected);color:var(--span-color-on-selected)}.blocked{background:var(--span-color-state-warning-soft);color:var(--span-color-state-warning)}.done{background:var(--span-color-state-success-soft);color:var(--span-color-state-success)}.high{background:var(--span-color-state-danger-soft);color:var(--span-color-state-danger)}.medium{background:var(--span-color-state-warning-soft);color:var(--span-color-state-warning)}.low{background:var(--span-color-bg-subtle);color:var(--span-color-text-secondary)}.overdue{color:var(--span-color-state-danger)}.board{padding:4px var(--span-space-32) var(--span-space-24);gap:var(--span-space-16);grid-template-columns:repeat(4,minmax(215px,1fr));display:grid;overflow:auto}.column{background:var(--span-color-bg-subtle);border-radius:var(--span-radius-control);padding:var(--span-space-16);min-height:390px}.column h2{font-size:var(--span-text-small-size);justify-content:flex-start;align-items:center;gap:8px;margin-bottom:16px;display:flex}.column h2>span:last-child{margin-inline-start:auto}.column h2 span{color:var(--span-color-text-secondary);font-weight:var(--span-weight-regular)}.column-dot{background:var(--span-color-text-muted);border-radius:50%;width:7px;height:7px}.column-dot.in_progress{background:var(--span-color-action-primary)}.column-dot.done{background:var(--span-color-state-success)}.column-dot.blocked{background:var(--span-color-state-warning)}.task-card{text-align:start;background:var(--span-color-bg-surface);border:1px solid var(--span-color-border-default);width:100%;box-shadow:0 2px 3px var(--span-color-shadow-soft);border-radius:var(--span-radius-control);padding:var(--span-space-16);margin-bottom:12px;display:block}.task-card:hover{border-color:var(--span-color-action-primary)}.task-card h3{margin:12px 0 var(--span-space-16)}.card-bottom{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);justify-content:space-between;align-items:center;display:flex}.blocker{color:var(--span-color-state-warning);font-size:var(--span-text-small-size);margin-bottom:16px}.column-add{min-block-size:44px;border-radius:var(--span-radius-control);width:100%;font-size:var(--span-text-body-size);color:var(--span-color-text-secondary);align-items:center;padding-block:0;padding-inline:8px;display:flex}.empty{padding:var(--span-space-48);text-align:center;color:var(--span-color-text-secondary)}.goals{padding:var(--span-space-24) var(--span-space-32)}.goals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.goal-card{border:1px solid var(--span-color-border-default);max-width:780px;padding:var(--span-space-24);border-radius:var(--span-radius-card);box-shadow:0 3px 15px var(--span-color-shadow-soft);background:var(--span-color-bg-surface)}.eyebrow{font-size:var(--span-text-small-size);letter-spacing:1px;color:var(--span-color-text-secondary)}html[dir=rtl] .eyebrow{letter-spacing:0}.goal-card h2{font-size:var(--span-text-section-size);margin:10px 0}.goal-card p{color:var(--span-color-text-secondary)}.goal-card .ui-button--secondary{margin-block-start:20px}.outcome{border-top:1px solid var(--span-color-border-default);flex-direction:column;gap:8px;margin-top:20px;padding-top:18px;display:flex}.outcome strong{font-size:var(--span-text-metric-size);color:var(--span-color-action-primary);font-variant-numeric:tabular-nums}.outcome>span:last-child{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.project-goal-connections{align-items:center;gap:var(--span-space-8);flex-wrap:wrap;display:inline-flex}.goal-link{align-items:center;gap:var(--span-space-4);min-height:44px;min-inline-size:44px;font-size:inherit;color:inherit;padding-block:var(--span-space-8);padding-inline:var(--span-space-8);text-align:start;justify-content:flex-start;display:inline-flex}.goal-link:hover{color:var(--span-color-action-primary);text-decoration:underline}.goal-project{font-size:var(--span-text-small-size);margin-top:14px}.measurement-history{font-size:var(--span-text-small-size);margin:16px 0}.measurement-history summary{cursor:pointer;color:var(--span-color-action-primary)}.measurement-history article{background:var(--span-color-bg-subtle);border-radius:var(--span-radius-control);margin:12px 0;padding:12px}.drawer{border:0;border-inline-start:1px solid var(--span-color-border-default);width:540px;max-width:100%;height:100dvh;max-height:100dvh;box-shadow:-10px 0 50px var(--span-color-overlay-soft);background:var(--span-color-bg-surface);color:var(--span-color-text-primary);margin:0;padding:28px;position:fixed;inset:0 0 0 auto;overflow:auto}.drawer::backdrop{background:var(--span-color-overlay-soft)}html[dir=rtl] .drawer{box-shadow:10px 0 50px var(--span-color-overlay-soft);inset:0 auto 0 0}.drawer-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.drawer-top button{border-radius:var(--span-radius-control);min-block-size:44px;min-inline-size:44px;font-size:var(--span-text-section-size);place-items:center;display:grid}.drawer label{font-size:var(--span-text-small-size);flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.drawer input,.drawer select,.drawer textarea{width:100%;background:var(--span-color-bg-surface);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);resize:vertical;min-block-size:44px;padding:10px}@media (min-width:821px){.drawer input,.drawer select,.drawer textarea{font-size:var(--span-text-body-size)}}.drawer .title-label input{font-size:var(--span-text-section-size);font-weight:var(--span-weight-medium)}.trail{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);border-bottom:1px solid var(--span-color-border-default);margin-bottom:23px;padding-bottom:20px}.fields{gap:0 var(--span-space-20);grid-template-columns:1fr 1fr;display:grid}.error{color:var(--span-color-state-danger);margin-bottom:15px}.activity{border-top:1px solid var(--span-color-border-default);margin-top:30px;padding-top:22px}.activity form{margin-top:20px}.activity h2{font-size:var(--span-text-body-size)}.activity p{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);overflow-wrap:anywhere;margin-top:15px}.comment{background:var(--span-color-bg-subtle);border-radius:var(--span-radius-control);padding:var(--span-space-12);margin:var(--span-space-16) 0;font-size:var(--span-text-small-size)}.comment small{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);display:block}.comment p{font-size:var(--span-text-small-size);margin-top:7px}.evidence{font-size:var(--span-text-small-size);margin-top:22px}.evidence p{overflow-wrap:anywhere;margin-top:7px}.evidence small{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);margin-top:8px;display:block}.delegation{margin-top:var(--span-space-24);padding-top:var(--span-space-20);border-top:1px solid var(--span-color-border-default)}.delegation h2{font-size:var(--span-text-body-size)}.delegation-summary{margin-top:var(--span-space-12);font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.delegation-chain{margin:var(--span-space-12) 0 0;gap:var(--span-space-8);font-size:var(--span-text-small-size);padding-inline-start:var(--span-space-20);display:grid}.delegation-chain li{color:var(--span-color-text-primary)}.delegation-chain-meta{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);display:block}.delegation-actions{margin-top:var(--span-space-16)}.delegation-error{margin-top:var(--span-space-12);align-items:center;gap:var(--span-space-12);flex-wrap:wrap;display:flex}.delegation-lock-note{margin-block-end:var(--span-space-16)}.delegate-target-list{gap:var(--span-space-4);margin-top:var(--span-space-8);border:0;max-height:280px;padding:0;display:grid;overflow:auto}.banner{margin:20px var(--span-space-32);padding:var(--span-space-16) var(--span-space-20);border:1px solid var(--span-color-state-danger-soft);background:var(--span-color-state-danger-soft);border-radius:var(--span-radius-control)}.banner button,.conflict button{color:var(--span-color-action-primary);margin-inline-start:10px;text-decoration:underline}.conflict{padding:var(--span-space-16);background:var(--span-color-state-warning-soft);border:1px solid var(--span-color-state-warning-soft);border-radius:var(--span-radius-control);font-size:var(--span-text-small-size);margin-bottom:18px}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.section-title h2{font-size:var(--span-text-section-size)}.section-title p{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);margin-top:5px}.inbox{padding:var(--span-space-24) var(--span-space-32);max-width:1000px}.notification{padding:var(--span-space-24) var(--span-space-20);border-bottom:1px solid var(--span-color-border-default);gap:16px;display:flex}.notification.unread{background:var(--span-color-bg-hover);border-radius:var(--span-radius-control)}.notification h2{font-size:var(--span-text-small-size)}.notification p{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary);margin-top:5px}.notification small{font-size:var(--span-text-small-size);color:var(--span-color-text-secondary)}.notification-actions{font-size:var(--span-text-small-size);gap:16px;margin-top:12px;display:flex}.calendar{padding:0 var(--span-space-32) var(--span-space-24)}.calendar-note{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);margin-bottom:16px}.calendar-day{border-top:1px solid var(--span-color-border-default);grid-template-columns:140px 1fr;gap:20px;padding:20px 0;display:grid}.calendar-day h2{font-size:var(--span-text-small-size)}.calendar-day>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.calendar-day button{text-align:start;padding:var(--span-space-16);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);flex-direction:column;align-items:start;gap:8px;display:flex}.calendar-day button:hover{border-color:var(--span-color-action-primary)}.calendar-day small{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size)}.work-summary{margin:0 var(--span-space-32) 20px;padding:var(--span-space-16) var(--span-space-20);align-items:center;gap:12px var(--span-space-24);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-subtle);font-size:var(--span-text-small-size);flex-wrap:wrap;display:flex}.work-summary strong{font-size:var(--span-text-section-size);font-variant-numeric:tabular-nums;margin-inline-end:5px}.work-summary small{color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);margin-inline-start:auto}.work-summary button{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);min-block-size:44px;font-size:var(--span-text-body-size);align-items:center;padding-block:0;padding-inline:10px;display:inline-flex}.project-nav{min-height:0;overflow:auto}.global-create{position:relative}.global-create>summary{cursor:pointer;min-height:44px;color:var(--span-color-on-selected);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);align-items:center;padding:.5rem .75rem;list-style:none;display:flex}.global-create>div{inset-inline-end:0;z-index:40;background:var(--span-color-bg-surface);min-width:240px;box-shadow:0 8px 30px var(--span-color-overlay-soft);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);flex-direction:column;gap:.5rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + 6px)}.global-create:not([open])>div{display:none}.global-create>div :is(button,a){border-radius:var(--span-radius-control);text-align:start;align-items:center;width:100%;min-height:44px;padding:9px 12px;display:flex}.global-create>div :is(button,a):hover{background:var(--span-color-bg-selected);color:var(--span-color-action-pressed)}.workspace-tool-section{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);margin-block:.65rem;margin-inline:2rem}.workspace-tool-section>summary{cursor:pointer;font-weight:var(--span-weight-semibold);color:var(--span-color-text-primary);padding:1rem}.workspace-tool-section[open]>summary{border-bottom:1px solid var(--span-color-border-default)}.workspace-tool-section>section{border:0;margin:0}@media (max-width:700px){.workspace-tool-section{margin-inline:.75rem}}html[data-theme=dark] .app-frame :is(.topbar,.column){background:var(--span-color-bg-surface);color:var(--span-color-text-primary)}html[data-theme=dark] .app-frame .low{background:var(--span-color-bg-elevated);color:var(--span-color-text-secondary)}html[data-theme=dark] .app-frame .measurement-history article{background:var(--span-color-bg-selected)}html[data-theme=dark] .app-frame .global-create>summary{border-color:var(--span-color-border-strong)}@media (min-width:1500px){.project-head,.toolbar,.table-wrap,.board,.goals,.inbox,.calendar{padding-inline:var(--span-space-48)}}@media (max-width:1000px){.goals-grid{grid-template-columns:1fr}.members{display:none}.search{width:40%}}@media (max-width:760px){.topbar{gap:12px;height:60px;padding-inline:12px}.search{flex:1;width:auto;padding-inline:9px}.search kbd,.top-actions>.avatar,.demo{display:none}.top-actions{gap:5px}.project-head{padding:20px 16px 0}.title-row{flex-wrap:wrap;align-items:start;gap:11px}.title-row>.ui-button{margin-inline-start:47px}.project-icon{flex-shrink:0;width:36px;height:36px;font-size:22px}.subtitle{font-size:var(--span-text-small-size)}.members{display:none}.alignment{font-size:var(--span-text-small-size);flex-wrap:wrap}.delivery{margin-inline-start:0}.table-wrap{padding-inline:16px}.board{grid-template-columns:repeat(4,235px);padding-inline:16px}footer{font-size:var(--span-text-small-size);margin-inline:16px}.goals{padding:20px 16px}.goal-card{padding:var(--span-space-20)}.goal-card h2{font-size:var(--span-text-section-size)}.drawer{padding:var(--span-space-24);width:540px}.fields{gap:0 var(--span-space-12)}.calendar{padding-inline:16px}.calendar-day{grid-template-columns:1fr;gap:12px}.calendar-day>div{grid-template-columns:1fr}.inbox{padding:20px 16px}.section-title{align-items:start}.section-title .ui-button--primary{white-space:nowrap}.banner{margin-inline:16px}.work-summary{gap:10px 16px;margin-inline:16px;padding:12px}.work-summary small{flex-basis:100%;margin-inline-start:0}}.workspace-main.workspace-main.workspace-main.workspace-main .workspace-toolbar-filters select{color:var(--span-color-text-primary);background:0 0;border:0}.workspace-main .ui-button.ui-button--primary{border-color:var(--span-color-action-primary);background:var(--span-color-action-primary);color:var(--span-color-text-on-action)}.workspace-main .ui-button.ui-button--primary:hover:not(:disabled){border-color:var(--span-color-action-pressed);background:var(--span-color-action-pressed)}.workspace-main .project-catalog-table button.project-catalog-row-open{box-shadow:none;color:var(--span-color-text-primary);font-weight:var(--span-weight-medium);background:0 0;border:0;padding:0}.workspace-main .project-catalog-table button.project-catalog-row-open:hover{color:var(--span-color-action-primary)}.workspace-main .project-catalog-table tbody th{padding:10px var(--span-space-20);border-top:1px solid var(--span-color-border-default);font-size:var(--span-text-body-size);font-weight:var(--span-weight-regular);white-space:normal;background:0 0}
.view-options-menu{display:inline-flex;position:relative}.view-options-menu .view-options-menu__button{min-height:44px;padding:0 var(--span-space-12);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-pill);background:var(--span-color-bg-surface);color:var(--span-color-text-primary);font:inherit;font-size:var(--span-text-small-size);font-weight:var(--span-weight-regular);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.view-options-menu .view-options-menu__button:hover{border-color:var(--span-color-action-primary)}.view-options-menu .view-options-menu__button[aria-expanded=true]{border-color:var(--span-color-action-primary);background:var(--span-color-bg-selected);color:var(--span-color-on-selected)}.view-options-menu .view-options-menu__panel{z-index:20;inset-inline-end:0;gap:var(--span-space-8);min-width:260px;max-width:min(340px,90vw);padding:var(--span-space-12);border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-card);background:var(--span-color-bg-surface);box-shadow:var(--span-shadow-popover);color:var(--span-color-text-primary);font-size:var(--span-text-body-size);font-weight:var(--span-weight-regular);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px)}.view-options-menu .view-options-menu__panel[hidden]{display:none}.view-options-menu .view-options-menu__row{align-items:center;gap:var(--span-space-8);min-height:44px;font-weight:var(--span-weight-regular);display:flex}.view-options-menu .view-options-menu__row>button,.view-options-menu .view-options-menu__row>a{border-radius:var(--span-radius-control);width:100%;min-height:44px;color:var(--span-color-text-primary);font:inherit;font-weight:var(--span-weight-regular);text-align:start;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 8px;display:flex}.view-options-menu .view-options-menu__row>button:hover,.view-options-menu .view-options-menu__row>a:hover{background:var(--span-color-bg-selected);color:var(--span-color-on-selected)}.view-options-menu .view-options-menu__divider{background:var(--span-color-border-default);height:1px;margin:2px 0}.view-options-menu .view-options-menu__row>label{width:100%;color:var(--span-color-text-secondary);font-size:var(--span-text-small-size);font-weight:var(--span-weight-regular);flex-direction:column;gap:4px;display:flex}.view-options-menu .view-options-menu__row>label select{border:1px solid var(--span-color-border-default);border-radius:var(--span-radius-control);background:var(--span-color-bg-surface);width:100%;min-height:44px;color:var(--span-color-text-primary);font:inherit;padding-inline:8px}.view-options-menu .project-list-tools{flex-direction:column;align-items:stretch;gap:6px;padding:0}.view-options-menu .project-list-tools>label{background:0 0;border:0;justify-content:space-between;padding-inline:0}.view-options-menu .project-list-section-tools>summary{background:0 0;border:0;padding-inline:0}.view-options-menu .view-options-menu__portal-target:empty{display:none}