.task-project-group{margin:8px 12px 14px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.task-project-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg)}.task-project-group>header strong{overflow:hidden;font-size:33px;font-weight:600;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.task-project-group>header span{flex:none;color:var(--muted);font-size:9px}.task-project-group .task-record{padding-right:12px;padding-left:12px}.dark .task-project-group>header{background:#202638}.task-project-logo{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border:1px dashed #b8c0cc;border-radius:9px;background:var(--surface);color:var(--muted);font:500 20px/1 Inter,system-ui,sans-serif;cursor:pointer}.task-project-logo img{width:100%;height:100%;object-fit:cover}.dark .task-project-logo{border-color:#4b566a;background:#171b29;color:#b7c0ce}
.task-table-head,.task-record{grid-template-columns:minmax(200px,1.5fr) minmax(150px,1.1fr) minmax(170px,1.4fr) 110px 100px 38px}
.task-project-pills{display:flex;gap:7px;overflow:auto;padding:2px 1px 11px;scrollbar-width:thin}.task-project-pills button{height:32px;flex:0 0 auto;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:500 10px inherit;white-space:nowrap;cursor:pointer}.task-project-pills button:hover{border-color:#aab3c2;color:var(--ink)}.task-project-pills button.active{border-color:#9ba8bc;background:#e9edf3;color:#273244;font-weight:600}.dark .task-project-pills button{border-color:#394256;background:#1b2030;color:#b7c0ce}.dark .task-project-pills button.active{border-color:#65738a;background:#354054;color:#f1f3f7}.task-work-type{color:var(--muted);font-size:10px}.task-record[hidden],.task-project-group[hidden]{display:none!important}
.task-work-type{display:grid;gap:2px}.task-work-type strong{color:var(--ink);font-size:10px;font-weight:600}.task-work-type small{color:var(--muted);font-size:9px}
.task-due-cell{display:grid;justify-items:start;gap:4px}.task-due-week{display:flex;gap:3px}.task-due-week i{display:grid;place-items:center;width:15px;height:15px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--muted);font:500 8px/1 inherit;font-style:normal}.task-due-week i.due-day-active{border-color:#3c9f86;background:#3c9f86;color:#fff}.task-due-cell>small{color:var(--muted);font-size:9px;white-space:nowrap}.dark .task-due-week i{border-color:#394256;background:#202638;color:#b7c0ce}.dark .task-due-week i.due-day-active{border-color:#3c9f86;background:#3c9f86;color:#fff}
.task-filter-row-compact{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.task-filter-row-compact>label{display:grid;min-width:150px;gap:4px;color:var(--muted);font-size:9px}.task-filter-row-compact select,.task-filter-row-compact input{height:34px;min-width:150px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:11px Inter,ui-sans-serif,system-ui}.task-filter-row-compact #task-date-value{margin-top:2px}.task-filter-row-compact #task-date-value[hidden]{display:none}.task-assignee-cell{display:grid;align-items:start;gap:5px;min-width:0}.task-assignee-person{display:inline-flex;align-items:center;gap:7px;min-width:0;width:100%}.task-assignee-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--muted);font-size:8px;font-style:normal;font-weight:600}.task-assignee-avatar img{display:block;width:100%;height:100%;object-fit:cover}.task-assignee-person small{display:block;min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:10px;line-height:1.25;white-space:normal}.dark .task-assignee-avatar{border-color:#394256;background:#202638;color:#c7cede}
.task-project-group>header{align-items:center}.task-project-heading{display:grid;gap:3px;min-width:110px}.task-project-heading small{color:var(--muted);font-size:9px}.task-project-filters{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.task-project-filters button{height:27px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:500 9px inherit;white-space:nowrap;cursor:pointer}.task-project-filters button:hover{border-color:#aab3c2;color:var(--ink)}.task-project-filters button.active{border-color:#9ba8bc;background:#e9edf3;color:#273244}.dark .task-project-filters button{border-color:#394256;background:#1b2030;color:#b7c0ce}.dark .task-project-filters button.active{border-color:#65738a;background:#354054;color:#f1f3f7}.task-project-group .task-record[hidden]{display:none}
.task-project-add-row{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);min-height:36px;margin:7px 12px;border:1px dashed var(--line);border-radius:7px;background:transparent;color:var(--muted);font:500 10px inherit;text-align:left;padding:0 12px;cursor:pointer}.task-project-add-row>span{font-size:15px;line-height:1}.task-project-add-row:hover{border-color:#8493a6;background:var(--bg);color:var(--ink)}.dark .task-project-add-row{border-color:#394256;color:#b7c0ce}.dark .task-project-add-row:hover{background:#202638;color:#f1f3f7}
.task-project-add-row input{flex:1;min-width:100px;height:32px;border:0!important;outline:0;background:transparent!important;color:var(--ink);font:500 10px inherit;box-shadow:none!important}.task-project-add-row input::placeholder{color:var(--muted)}.task-project-add-row button{height:27px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:500 9px inherit;cursor:pointer}.task-project-add-row button[type="submit"]{border-color:#3c9f86;background:#3c9f86;color:#fff}.task-project-add-row button:hover{filter:brightness(.96)}
.task-project-selector{display:grid;gap:10px;padding:12px 14px;margin:8px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.task-project-selector-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-project-selector-header>strong{font-size:13px;font-weight:600;color:var(--ink)}.task-project-status-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.task-project-status-filters button{height:29px;padding:0 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font:500 10px inherit;cursor:pointer}.task-project-status-filters button:hover{background:var(--bg);color:var(--ink)}.task-project-status-filters button.active{border-color:#d7dce5;background:#edf0f4;color:#283244}.dark .task-project-status-filters button.active{border-color:#65738a;background:#354054;color:#f1f3f7}.task-project-pills{padding:0 0 2px}.task-project-pills .task-project-choice{display:inline-flex;align-items:center;gap:7px;height:31px;padding:0 11px;border-color:var(--line);background:var(--surface);color:var(--ink);font-weight:500}.task-project-pills .task-project-choice i{width:13px;height:13px;flex:0 0 13px;border:1.5px solid #9aa4b4;border-radius:50%;background:var(--surface)}.task-project-pills .task-project-choice.active{border-color:#9ba8bc;background:#f3f5f8;color:#273244}.task-project-pills .task-project-choice.active i{border:4px solid #4e5f79;background:var(--surface)}.dark .task-project-pills .task-project-choice{border-color:#394256;background:#1b2030;color:#c7cede}.dark .task-project-pills .task-project-choice.active{border-color:#65738a;background:#292f3e;color:#f1f3f7}.dark .task-project-pills .task-project-choice.active i{border-color:#b7c3d5;background:#292f3e}.dark .task-project-selector{border-color:#2a3143;background:#171b29}@media(max-width:650px){.task-project-selector-header{align-items:flex-start;flex-direction:column}}
.task-sort-heading{display:flex;align-items:center;gap:4px}.task-sort-button{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;margin:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font:600 17px/1 "Google Sans Flex",Inter,system-ui,sans-serif;cursor:pointer}.task-sort-button:hover,.task-sort-button.is-sorted{border-color:var(--line);background:var(--surface);color:var(--ink)}.dark .task-sort-button:hover,.dark .task-sort-button.is-sorted{border-color:#394256;background:#202638;color:#eef0f6}
.task-project-group .task-work-name{display:flex;align-items:center;gap:7px;min-width:0}.task-project-group .task-work-name>strong{display:-webkit-box;min-width:0;overflow:hidden;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.task-chat-cell{text-align:center}.task-chat-heading{display:grid;place-items:center;color:var(--muted)}.task-chat-heading svg{width:16px;height:16px}.task-row-chat{display:grid;place-items:center;width:25px;height:25px;margin:auto;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.task-row-chat svg{width:16px;height:16px}.task-row-chat:hover{border-color:var(--line);background:var(--surface);color:var(--ink)}.dark .task-row-chat:hover{border-color:#394256;background:#202638;color:#eef0f6}
.task-filter-row-five{flex-wrap:nowrap;gap:8px}.task-filter-row-five>label{flex:1 1 0;min-width:120px}.task-filter-row-five>label.task-project-type-filter{margin-left:auto}.task-filter-row-five>label.task-project-name-filter{flex:1.15 1 0}.task-filter-row-five select{width:100%;min-width:0}.task-filter-row-five #task-date-value{width:100%;min-width:0}@media(max-width:1050px){.task-filter-row-five{flex-wrap:wrap}.task-filter-row-five>label.task-project-type-filter{margin-left:0}}
.task-filter-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:stretch;gap:10px;margin-bottom:12px}.task-filter-layout .task-filter-row{min-width:0;margin:0}.task-project-filters-box{display:grid;grid-template-columns:1fr 1.1fr;align-content:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.task-project-filters-box>label{display:grid;min-width:0;gap:4px;color:var(--muted);font-size:9px}.task-project-filters-box select{width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:11px Inter,ui-sans-serif,system-ui}.dark .task-project-filters-box{border-color:#2a3143;background:#171b29}.dark .task-project-filters-box select{border-color:#394256;background:#1b2030;color:#e8ebf2}@media(max-width:1050px){.task-filter-layout{grid-template-columns:1fr}.task-project-filters-box{grid-template-columns:repeat(2,minmax(0,1fr))}}
.task-project-add-row{position:relative;display:flex;align-items:center;min-height:43px;width:100%;margin:0;padding:5px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--muted);font:inherit;text-align:left}.task-project-add-row:hover{background:var(--bg)}.dark .task-project-add-row{border-color:#2a3143;background:#171b29}.dark .task-project-add-row:hover{background:#202638}.task-add-split{display:inline-flex;align-items:stretch;height:32px;border:1px solid #e1e3e8;border-radius:8px;background:var(--surface);overflow:hidden}.task-add-split button{height:30px;border:0;background:transparent;color:#626b7a;font:500 12px "Google Sans Flex",Inter,system-ui,sans-serif;cursor:pointer}.task-add-main{display:inline-flex;align-items:center;gap:8px;padding:0 10px}.task-add-main span{font-size:18px;font-weight:400;line-height:1}.task-add-menu-toggle{display:grid;place-items:center;width:30px;border-left:1px solid #e1e3e8!important;font-size:16px!important}.task-add-split button:hover{background:var(--bg);color:var(--ink)}.task-add-menu{position:absolute;top:39px;left:12px;z-index:5;display:grid;min-width:145px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 22px #1820331c}.task-add-menu[hidden],.task-add-quick-entry [hidden]{display:none!important}.task-add-menu button{width:100%;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--ink);text-align:left;font:11px inherit;cursor:pointer}.task-add-menu button:hover{background:var(--bg)}.task-add-quick-entry{display:flex;align-items:center;gap:7px;width:100%}.task-add-quick-entry input{flex:1;min-width:120px;height:30px;padding:0 9px;border:1px solid var(--line)!important;border-radius:6px;background:var(--surface)!important;font:11px inherit}.task-add-quick-entry button{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:500 10px inherit;cursor:pointer}.task-add-quick-entry button[type="submit"]{border-color:#238f75;background:#238f75;color:#fff}.dark .task-add-split{border-color:#394256;background:#202638}.dark .task-add-split button{color:#d1d6e0}.dark .task-add-menu{border-color:#394256;background:#202638}.dark .task-add-menu button{color:#e8ebf2}.dark .task-add-menu button:hover{background:#2a3143}.dark .task-add-menu-toggle{border-color:#394256!important}
.task-project-add-row{flex-wrap:nowrap;white-space:nowrap}.task-add-split{flex:0 0 auto}.task-add-quick-entry{flex-wrap:nowrap;white-space:nowrap}.task-add-quick-entry input{min-width:0;white-space:nowrap}.task-add-menu{white-space:nowrap}
.task-status-select{width:100%;min-width:0;height:28px;padding:0 23px 0 9px;border:1px solid transparent;border-radius:7px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 8px) 12px,calc(100% - 4px) 12px;background-repeat:no-repeat;background-size:4px 4px;color:var(--ink);font:500 10px "Google Sans Flex",Inter,system-ui,sans-serif;cursor:pointer}.task-status-select[data-status="OPEN"]{border-color:#d9dee6;background-color:#eceff3;color:#596474}.task-status-select[data-status="IN PROGRESS"]{border-color:#c6d8f5;background-color:#e6f0ff;color:#3767a8}.task-status-select[data-status="DONE"]{border-color:#bfdfcc;background-color:#e5f5eb;color:#2e8050}.task-status-select[data-status="HOLD"]{border-color:#efd3ae;background-color:#fff1df;color:#aa681d}.dark .task-status-select[data-status="OPEN"]{border-color:#485061;background-color:#303746;color:#c3cad5}.dark .task-status-select[data-status="IN PROGRESS"]{border-color:#385783;background-color:#243c5c;color:#a9cbfa}.dark .task-status-select[data-status="DONE"]{border-color:#35634b;background-color:#203d2e;color:#9cdbb1}.dark .task-status-select[data-status="HOLD"]{border-color:#73552d;background-color:#49371f;color:#f0bd78}
@media(max-width:720px){.task-project-group>header{align-items:flex-start;flex-direction:column}.task-project-filters{justify-content:flex-start}}
.task-project-add-row{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(150px,1.1fr) minmax(170px,1.4fr) 110px 100px 38px;gap:8px;padding:5px 12px}.task-add-split,.task-add-quick-entry{grid-column:1;min-width:0}.task-add-menu{left:12px}.task-project-add-row .task-add-field{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:0 24px 0 9px;border:1px solid var(--line);border-radius:6px;appearance:auto;background:var(--surface);color:var(--muted);font:10px Inter,ui-sans-serif,system-ui;cursor:pointer}.task-project-add-row .task-add-date{padding-right:5px}.task-add-chat-slot{grid-column:6}.dark .task-project-add-row .task-add-field{border-color:#394256;background:#202638;color:#d1d6e0}@media(max-width:900px){.task-project-add-row{grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) minmax(135px,1.2fr) 105px 100px 32px;gap:5px}}
.task-project-heading{display:flex;align-items:center;gap:12px}.task-project-heading>div{display:grid;gap:3px;min-width:0}
.task-date-presets{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.task-date-preset{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font:500 11px Inter,ui-sans-serif,system-ui;cursor:pointer}.task-date-preset:hover{border-color:#aab3c2;color:var(--ink)}.task-date-preset.active{border-color:#91a1b5;background:#e9edf3;color:#273244;font-weight:600}.task-date-presets input[type=date]{width:145px;min-width:125px}.dark .task-date-preset{border-color:#394256;background:#202638;color:#c7cede}.dark .task-date-preset.active{border-color:#65738a;background:#354054;color:#f1f3f7}.dark .task-date-presets input[type=date]{border:1px solid #394256;background:#202638;color:#e8ebf2}
.task-date-filter-shell{position:relative;display:block!important;min-width:0}.task-date-filter-button{height:34px;min-width:150px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:11px Inter,ui-sans-serif,system-ui;text-align:left;cursor:pointer}.task-date-filter-button:after{position:absolute;right:12px;top:9px;content:'⌄';color:var(--muted)}.task-date-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:grid;gap:8px;min-width:300px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 10px 28px #11182724}.task-date-popover[hidden]{display:none!important}.task-date-popover .task-date-presets{display:flex!important;min-width:0}.task-date-popover .task-date-preset{min-width:68px}.task-date-popover input[type=date]{width:100%;min-width:0}.task-date-popover .task-date-presets input[type=date]{width:132px;min-width:120px}.dark .task-date-filter-button,.dark .task-date-popover{border-color:#394256;background:#202638;color:#e8ebf2}.task-date-range-choice{grid-column:1/-1;text-align:left}.task-date-range-choice:after{content:'  From  →  To';color:var(--muted);font-size:9px}.task-date-range-choice.active{border-color:#91a1b5;background:#e9edf3;color:#273244}.dark .task-date-range-choice.active{border-color:#65738a;background:#354054;color:#f1f3f7}
/* Keep the task filters and add-task controls aligned at desktop widths. */
.task-filter-layout{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr)}
.task-filter-row-compact{flex-wrap:nowrap;gap:8px;align-items:flex-end}
.task-filter-row-compact>label{min-width:0;flex:0 0 142px}
.task-filter-row-compact>label:first-child{flex:1 1 400px;min-width:0}
.task-date-presets{gap:5px}
.task-date-preset{padding:0 9px}
.task-date-presets input[type=date]{width:118px;min-width:0;padding:0 5px}
.task-filter-row-compact select{width:100%;min-width:0;padding:0 7px}
.task-add-quick-entry:has(input[hidden]){display:none}
.task-add-quick-entry:not(:has(input[hidden])){grid-column:1;display:flex;min-width:0}
.task-add-quick-entry:not(:has(input[hidden])) input{flex:1;min-width:0}
.task-add-split{justify-self:start;width:max-content}
@media(max-width:1180px){.task-filter-layout{grid-template-columns:1fr}.task-filter-row-compact{flex-wrap:wrap}.task-filter-row-compact>label:first-child{flex:1 1 390px}}