.qp-task-page{flex-direction:column;display:flex;container:task-page/inline-size}.task-page-bar{z-index:30;justify-content:space-between;align-items:center;gap:var(--ui-space-8);min-height:78px;padding:var(--ui-space-6) var(--ui-space-8) var(--ui-space-4);flex:none;display:flex;position:relative}.task-page-title,.task-toolbar,.task-toolbar-button,.task-new-button,.task-cell,.task-name-control,.task-name-button,.task-group-heading{align-items:center;display:flex}.task-page-title{white-space:nowrap;gap:12px;min-width:0}.task-page-title h2{color:var(--qp-ink);font-size:var(--ui-text-2xl);letter-spacing:-.035em;margin:0 7px 0 0;font-weight:700;line-height:1}.task-page-title strong{color:var(--qp-ink);font-size:var(--ui-text-md);font-weight:650}.task-page-title>span:last-child{color:var(--qp-muted);font-size:var(--ui-text-md);font-variant-numeric:tabular-nums}.task-progress-ring{--task-progress:0deg;background:conic-gradient(var(--qp-ink) var(--task-progress), #d9dbe3 0);border-radius:50%;flex:none;width:28px;height:28px;position:relative}.task-progress-ring:after{content:"";border-radius:inherit;background:var(--qp-panel);position:absolute;inset:5px}.task-toolbar{gap:var(--ui-space-2)}.task-control-wrap{position:relative}.task-toolbar-button,.task-new-button{min-height:var(--ui-control-h);padding:0 var(--ui-space-4);background:var(--qp-panel);color:var(--qp-ink);font:inherit;font-size:var(--ui-text-sm);cursor:pointer;border:1px solid #e4e6ed;border-radius:13px;justify-content:center;gap:9px;font-weight:590;line-height:1;transition:border-color .14s,background .14s,transform .14s;box-shadow:0 1px 2px #14141e0d}.task-toolbar-button:hover,.task-toolbar-button[data-active]{background:#fafafd;border-color:#d4d6df}.task-toolbar-button:focus-visible,.task-new-button:focus-visible,.task-group-heading:focus-visible,.common-table-sort:focus-visible,.task-status-button:focus-visible,.task-name-button:focus-visible,.task-cell-button:focus-visible,.task-chat-button:focus-visible,.task-popover button:focus-visible,.task-detail-page button:focus-visible,.task-detail-page input:focus-visible,.task-detail-page select:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:2px}.task-toolbar-button>i{background:var(--qp-ink);min-width:17px;height:17px;color:var(--qp-panel);font-size:var(--ui-text-2xs);border-radius:99px;place-items:center;font-style:normal;display:grid}.task-new-button{color:#fff;background:#18181d;border-color:#18181d;min-width:91px;box-shadow:0 2px 4px #14141e17}.task-new-button:hover{background:#29292f;transform:translateY(-1px)}.task-grouping-icon{flex-direction:column;justify-content:center;gap:2px;width:18px;height:18px;display:flex}.task-grouping-icon i{background:currentColor;border-radius:2px;height:1.6px;display:block}.task-grouping-icon i:first-child{width:15px}.task-grouping-icon i:nth-child(2){width:10px}.task-grouping-icon i:nth-child(3){width:5px}.task-page-content{z-index:1;min-width:0;min-height:0;padding:var(--ui-space-3) var(--ui-space-8) 40px;scrollbar-width:thin;scrollbar-color:var(--qp-line-strong) transparent;flex:1;position:relative;overflow:auto}.task-group+.task-group{margin-top:25px}.task-group-heading{max-width:100%;min-height:35px;color:var(--qp-ink);font:inherit;cursor:pointer;background:0 0;border:0;gap:9px;margin:0 0 8px;padding:0 4px}.task-group-heading strong{font-size:var(--ui-text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:680;overflow:hidden}.task-group-heading>span{color:var(--qp-muted);font-size:var(--ui-text-sm);font-variant-numeric:tabular-nums}.common-table-shell{background:var(--qp-panel);scrollbar-width:thin;scrollbar-color:var(--qp-line-strong) transparent;border:1px solid #e4e6ed;border-radius:14px;min-width:0;overflow-x:auto}.common-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1000px;color:var(--qp-ink);font-size:var(--ui-text-sm);border:0}.common-table th{color:#5e606c;text-align:left;height:47px;font-size:var(--ui-text-xs);white-space:nowrap;background:#f8f8fb;border:0;border-bottom:1px solid #e7e8ee;padding:0 13px;font-weight:590}.common-table th:first-child,.common-table td:first-child{padding-left:14px}.common-table th:last-child,.common-table td:last-child{padding-right:16px}.common-table-sort{width:100%;height:47px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.common-table-sort svg{color:#777986;stroke-width:1.8px;flex:none}.common-table-sort:hover,.common-table-sort[data-active]{color:var(--qp-ink)}.common-table-label{align-items:center;height:47px;display:inline-flex}.common-table td{vertical-align:middle;border:0;border-bottom:1px solid #e7e8ee;height:67px;padding:0 13px;overflow:visible}.common-table tbody tr:last-child td{border-bottom:0}.common-table tbody tr{transition:background .13s}.common-table tbody tr:hover{background:#fbfbfd}.common-table tbody tr.is-complete{color:color-mix(in srgb, var(--qp-ink) 62%, transparent)}.common-table-empty{min-width:100%}.qp-campaign-table .common-table{min-width:760px}.qp-common-table-action{width:30px;height:30px;color:var(--qp-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.qp-common-table-action:hover{background:var(--qp-hover);color:var(--qp-ink)}.task-cell{gap:8px;min-width:0}.task-cell-picker{width:100%;min-width:0}.task-cell-button{width:100%;min-height:67px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0}.task-cell-button:hover,.task-cell-button[aria-expanded=true]{color:var(--qp-ink)}.task-cell>span:last-child,.task-deliverable-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-campaign-cell svg{color:#3185ff;stroke-width:2px;flex:none}.task-date-cell svg{color:#656875;stroke-width:1.8px;flex:none}.task-priority-cell{text-transform:capitalize}.task-priority-mark{flex:none;justify-content:center;align-items:flex-end;gap:2px;width:18px;height:19px;display:inline-flex}.task-priority-mark i{background:#e34c4c;border-radius:3px;width:2px}.task-priority-mark i:first-child{height:5px}.task-priority-mark i:nth-child(2){height:10px}.task-priority-mark i:nth-child(3){height:15px}.task-priority-mark.is-medium i{background:#dfa64b}.task-priority-mark.is-low i{background:#54a874}.task-owner-avatar{color:#555866;width:24px;height:24px;font-size:var(--ui-text-2xs);text-transform:uppercase;background:#f0f1f5;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.task-status-picker{min-width:0;position:relative}.task-name-control{gap:10px;width:100%;min-height:67px}.task-status-button{width:22px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.task-status-button:hover{background:#f0f1f5}.task-name-button{min-width:0;min-height:42px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-weight:610}.task-name-button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-name-button:hover>span{color:color-mix(in srgb, var(--brand) 75%, var(--qp-ink))}.task-status-mark{color:#fff;border:1.7px dashed #9ca0ae;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.task-status-mark.is-in_progress{border:2px solid #3188ff}.task-status-mark.is-in_progress:after{content:"";background:#3188ff;border-radius:50%;width:7px;height:7px}.task-status-mark.is-in_review{border:2px solid #7e36ed}.task-status-mark.is-in_review:after{content:"";background:#7e36ed;border-radius:8px 0 0 8px;position:absolute;inset:2px 8px 2px 2px}.task-status-mark.is-done{background:#4cb979;border:0}.task-chat-button{color:#25262d;min-width:117px;min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e4e6ed;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 11px;font-weight:610;display:inline-flex;box-shadow:0 2px 5px #19192314}.task-chat-button:hover{background:#fbfaff;border-color:#d8d9e2;transform:translateY(-1px)}.task-chat-glyph{color:#fff;background:linear-gradient(145deg,#a867f5 0%,#6b35ee 45%,#2d13bd 100%);border-radius:6px;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 0 1px 2px #ffffff4d}.task-detail-page{background:var(--qp-panel);min-height:0;overflow:hidden}.task-detail-bar{z-index:20;background:var(--qp-panel);border-bottom:1px solid #e8e9ee;flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:0 24px;display:flex;position:relative}.task-detail-back,.task-detail-icon-button,.task-detail-ai-button{color:var(--qp-ink);font:inherit;cursor:pointer;background:0 0;border:0}.task-detail-back{border-radius:9px;align-items:center;gap:8px;min-height:40px;padding:0 7px;font-size:15px;font-weight:640;display:inline-flex}.task-detail-back:hover,.task-detail-icon-button:hover{background:var(--qp-hover)}.task-detail-actions{align-items:center;gap:10px;display:flex}.task-detail-more-wrap{position:relative}.task-detail-icon-button{background:#fff;border:1px solid #e4e6ed;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 1px 3px #1919230d}.task-detail-delete-menu{z-index:30;background:#fff;border:1px solid #e5e6ed;border-radius:13px;width:172px;padding:7px;position:absolute;top:49px;right:0;box-shadow:0 12px 30px #1b1b2621}.task-detail-delete-menu button{color:#df3e45;width:100%;min-height:43px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:0 12px;font-size:15px;display:flex}.task-detail-delete-menu button:hover{background:#fff3f3}.task-detail-delete-menu button:disabled{opacity:.45;cursor:not-allowed}.task-detail-ai-button{background:#fff;border:1px solid #e4e6ed;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px 0 10px;font-size:15px;font-weight:650;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 2px 6px #19192312}.task-detail-ai-button:hover{transform:translateY(-1px);box-shadow:0 5px 13px #1919231c}.task-detail-scroll{scrollbar-width:thin;scrollbar-color:var(--qp-line-strong) transparent;flex:1;min-height:0;overflow-y:auto}.task-detail-content{width:min(850px,100% - 48px);margin:0 auto;padding:32px 0 70px}.task-detail-content h1{color:var(--qp-ink);letter-spacing:-.035em;margin:0;font-size:clamp(26px,2.2vw,32px);font-weight:720;line-height:1.2}.task-detail-fields{gap:3px;width:min(520px,100%);margin-top:29px;display:grid}.task-detail-field{color:#555866;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;min-height:46px;font-size:15px;display:grid}.task-detail-field-label{align-items:center;gap:10px;min-width:0;font-weight:550;display:flex}.task-detail-field-label svg{color:#646774;stroke-width:1.8px;flex:none}.task-detail-field>input,.task-detail-field>select,.task-detail-select-with-mark select{width:100%;min-width:0;min-height:38px;color:var(--qp-ink);font:inherit;cursor:pointer;background-color:#0000;border:0;border-radius:8px;outline:0;padding:0 28px 0 0;font-weight:600}.task-detail-field>input:hover,.task-detail-field>select:hover,.task-detail-select-with-mark:hover{background-color:var(--qp-hover)}.task-detail-field>input{padding-right:7px}.task-detail-select-with-mark{border-radius:8px;align-items:center;gap:8px;min-width:0;padding-left:2px;display:flex}.task-detail-select-with-mark select{flex:1}.task-detail-description{color:#5e616e;margin-top:48px;font-size:15.5px;line-height:1.65}.task-detail-description p{margin:0 0 15px}.task-comments{border-top:1px solid #e8e9ee;margin-top:16px;padding-top:22px}.task-comments h2{color:var(--qp-ink);letter-spacing:-.02em;margin:0 0 20px;font-size:18px;font-weight:700}.task-comment-list{gap:12px;margin-bottom:15px;display:grid}.task-comment{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}.task-comment>span{color:#555866;background:#eef0f4;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:750;display:grid}.task-comment p{color:#3f424c;background:#f6f7f9;border-radius:9px;margin:2px 0 0;padding:8px 11px;font-size:14px;line-height:1.45}.task-comment-form{background:#fff;border:1px solid #e4e6ed;border-radius:12px;align-items:center;gap:8px;min-height:50px;padding:5px 7px 5px 14px;display:flex;box-shadow:0 1px 3px #1919230a}.task-comment-form input{min-width:0;color:var(--qp-ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.task-comment-form input::placeholder{color:#a2a5b0}.task-comment-form button{color:#fff;cursor:pointer;background:#737680;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.task-comment-form button:disabled{cursor:default;background:#d2d4da}.task-empty-state{min-height:190px;color:var(--qp-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.task-empty-state strong{color:var(--qp-ink);font-size:15px}.task-empty-state span{font-size:12px}.task-popover,.task-filter-panel{z-index:90;color:#202127;background:#fff;border:1px solid #e5e6ed;border-radius:15px;position:absolute;box-shadow:0 12px 30px #1b1b261f,0 2px 7px #1b1b260f}.task-popover button,.task-filter-panel button{color:inherit;font-family:inherit}.task-status-menu{width:218px;padding:7px;position:fixed}.task-status-menu>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 10px;font-size:15px;display:grid}.task-status-menu>button[data-selected],.task-status-menu>button:hover{background:#eeeff4}.task-cell-menu,.task-calendar{position:fixed}.task-cell-menu{padding:8px}.task-cell-menu>button{color:#202127;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 12px;font-size:17px;display:grid}.task-cell-menu>button:hover,.task-cell-menu>button:focus-visible,.task-cell-menu>button[data-selected]{background:#eff0f5}.task-cell-menu>button>svg:last-child{justify-self:end}.task-priority-menu{width:226px}.task-owner-menu{scrollbar-width:thin;width:286px;max-height:258px;overflow-y:auto}.task-owner-menu>button{grid-template-columns:34px minmax(0,1fr) 20px;min-height:54px;font-size:16px}.task-owner-menu .task-owner-avatar{width:34px;height:34px}.task-calendar{border-radius:18px;width:350px;padding:18px 20px 20px}.task-calendar-header{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;height:48px;margin-bottom:10px;display:grid}.task-calendar-header strong{color:#202127;text-align:center;font-size:20px;font-weight:650}.task-calendar-header button{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid}.task-calendar-header button:hover{background:#eff0f5}.task-calendar-weekdays,.task-calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.task-calendar-weekdays{margin-bottom:4px}.task-calendar-weekdays span{color:#5f616d;place-items:center;height:36px;font-size:15px;font-weight:500;display:grid}.task-calendar-grid{row-gap:4px}.task-calendar-grid button{color:#202127;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-self:center;place-items:center;width:40px;height:40px;padding:0;font-size:16px;display:grid}.task-calendar-grid button:hover{background:#eff0f5}.task-calendar-grid button[data-outside]{color:#8c8e99}.task-calendar-grid button[data-selected]{color:#fff;background:#1c1d22;font-weight:650}.task-filter-panel{width:430px;min-height:122px;padding:14px;top:50px;right:0}.task-filter-builder{border:1px dashed #e2e4eb;border-radius:13px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:8px;min-height:92px;display:flex}.task-logic-wrap{position:relative}.task-logic-button,.task-add-filter{cursor:pointer;background:#fff;border:1px solid #e4e6ed;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 14px;font-size:14px;display:inline-flex;box-shadow:0 1px 3px #14141e0f}.task-logic-button svg:last-child{margin-left:3px}.task-add-filter{box-shadow:none;background:#eeeff4;border-color:#0000}.task-logic-menu{width:150px;padding:7px;top:48px;left:0}.task-menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;width:100%;min-height:42px;padding:0 10px;font-size:15px;display:grid}.task-menu-item:hover,.task-menu-item[data-selected]{background:#eeeff4}.task-menu-check{place-items:center;min-width:21px;display:grid}.task-or-mark,.task-not-mark{flex:none;width:18px;height:18px;display:inline-block;position:relative}.task-or-mark:after,.task-not-mark:after{content:"";background:currentColor;border-radius:2px;width:19px;height:2px;position:absolute;top:8px;left:0;transform:rotate(-47deg)}.task-not-mark{border:1.7px solid;border-radius:50%}.task-filter-rule{background:#fff;border:1px solid #e4e6ed;border-radius:10px;align-items:center;gap:7px;max-width:100%;min-height:38px;padding:0 5px 0 10px;font-size:12px;display:inline-flex}.task-filter-rule>select{max-width:112px;color:inherit;font:inherit;cursor:pointer;background:#f0f1f5;border:0;border-radius:6px;padding:4px 7px;font-weight:600}.task-filter-rule>button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:25px;height:25px;padding:0;display:grid}.task-filter-rule>button:hover{background:#eceef3}.task-property-menu{width:302px;max-height:min(530px,100vh - 190px);top:92px;left:30px;overflow:hidden}.task-property-search{color:#8a8c96;border-bottom:1px solid #e6e7ed;align-items:center;gap:11px;height:54px;padding:0 15px;display:flex}.task-property-search input{color:#30313a;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:17px}.task-property-list{scrollbar-width:thin;max-height:calc(min(530px,100vh - 190px) - 54px);padding:10px 7px 14px;overflow-y:auto}.task-property-list small{color:#5f616d;padding:2px 8px 7px;font-size:12px;font-weight:560;display:block}.task-property-list small:not(:first-child){padding-top:14px}.task-property-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:37px;padding:0 9px;font-size:14.5px;display:flex}.task-property-list button:hover{background:#f0f1f5}.task-grouping-menu{width:180px;padding:7px;top:50px;right:0}.task-grouping-menu .task-menu-item{min-height:42px}@container task-page (max-width:820px){.task-page-bar{flex-direction:column;align-items:flex-start;gap:14px}.task-toolbar{flex-wrap:wrap;width:100%}.task-new-button{margin-left:auto}}@container task-page (max-width:700px){.task-page-bar{min-height:auto;padding:18px 16px 12px}.task-page-title{gap:9px}.task-page-title h2{font-size:22px}.task-page-title strong,.task-page-title>span:last-child{font-size:14px}.task-progress-ring{width:24px;height:24px}.task-toolbar-button,.task-new-button{min-height:39px;padding:0 12px;font-size:13px}.task-page-content{padding:6px 16px 28px}.task-filter-panel{width:min(430px,100vw - 48px);left:0;right:auto}.task-property-menu{width:min(302px,100vw - 80px);left:10px}.task-detail-bar{min-height:60px;padding:0 12px}.task-detail-content{width:min(100% - 30px,850px);padding-top:24px}.task-detail-content h1{font-size:25px}.task-detail-field{grid-template-columns:135px minmax(0,1fr);gap:10px}.task-detail-description{margin-top:34px}}@container task-page (max-width:470px){.task-detail-ai-button{padding-right:11px}.task-detail-back{padding-left:2px}.task-detail-field{grid-template-columns:1fr;gap:2px;padding:6px 0}.task-detail-field>input,.task-detail-field>select,.task-detail-select-with-mark{padding-left:29px}}
