/* Comfortable type scale throughout the workspace. */
:root{--text:#fff;--muted:#b1b2bd;--bg:#111214;--side:#17181b;--card:#222328;font-size:14px}
.side-item{font-size:14px;color:#e0e0e8}.side-item svg{color:#b4b6c2}.side-section-label{font-size:11px;color:#999ca8}.project-child .side-item{font-size:13px}.rail-item{font-size:10px;color:#b9bbc7}.search-side{font-size:12px;color:#b4b6c0}.workspace-title{font-size:18px}.workspace-switch small{font-size:12px;color:#b5b7c4}.task-title{font-size:14px;color:#fff}.task-card.done .task-title{color:#d5d6df}.card-id,.task-card .card-id{font-size:11px;color:#acafbc}.card-footer{font-size:11px;color:#c3c5cf}.card-footer .due{color:#e0e0e8}.pill{font-size:11px}.card-checklist{font-size:11px;color:#b7bbc8}.column-head{font-size:13px}.column-head .count{font-size:12px;color:#aeb0bd}.column-add{font-size:13px;color:#b2b4c1}.view-tab{font-size:13px;color:#d2d3dd}.project-desc,.page-sub{font-size:14px;color:#c1c3cd}.toolbar .btn{font-size:12px}.toolbar .view-count{font-size:12px;color:#b5b7c2}.search-inline input{font-size:13px;color:#fff}.project-meta{font-size:12px;color:#d1d2dc}.project-meta .progress-track{width:65px}.task-table{font-size:13px}.task-table th{font-size:12px;color:#b8bbc7}.task-table td select{font-size:12px;color:#fff}.list-row .title-text{font-size:14px;color:#fff}.list-row .due{font-size:12px;color:#d7d8e1}.list-row .code{font-size:11px;color:#a9adbb}.list-heading{font-size:13px;color:#fff}.breadcrumbs{font-size:12px;color:#b3b6c2}.breadcrumbs b{color:#fff}.btn{font-size:13px}.demo-box{font-size:11px}.demo-box .row{font-size:12px}.top-hint{font-size:11px;color:#a0a4b1}.home-greeting{font-size:12px}.doc-editor textarea{font-size:16px;color:#fff}.time-row .time-label{font-size:13px;color:#fff}.time-bar{font-size:11px}.day-number{font-size:12px;color:#cccfd9}.calendar-task{font-size:11px}.mini-task,.activity-item p,.inbox-item p{font-size:14px;color:#fff}.mind-task{font-size:12px;color:#fff}.project-card p{font-size:13px;color:#bec1cc}.stat .stat-label{font-size:13px;color:#d1d2dc}.stat .stat-note{font-size:12px;color:#aeb3c1}.board-note{color:#9da1ae;font-size:11px}.task-card{padding:15px 13px}.task-card .priority{font-size:10px}.sidebar{padding-top:20px}.side-section{margin-top:19px}

/* Task detail — a document and an independent discussion column. */
.task-detail{position:fixed;inset:0;z-index:51;display:flex;flex-direction:column;background:#101112;color:#fff;animation:fade-in .15s;--line:#2c2d31}
.task-detail-header{height:61px;min-height:61px;border-bottom:1px solid #2c2d31;display:flex;align-items:center;gap:13px;padding:0 22px;background:#141516}
.task-detail .icon-btn{color:#c3c5ce;width:32px;height:32px}.task-detail .icon-btn:hover{color:#fff;background:#292a2f}
.task-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;min-width:0;color:#e4e4ec;flex:1}.task-breadcrumb>.project-symbol{width:24px;height:24px}.task-breadcrumb>svg{width:13px;height:13px;color:#8d909c}.task-header-actions{display:flex;align-items:center;gap:12px}.task-header-actions>.btn{font-size:13px;min-height:34px}.task-save-state{display:flex;align-items:center;gap:6px;font-size:11px;color:#aab9b0;white-space:nowrap}.task-save-state svg{width:13px;height:13px}.task-save-state.unsaved{color:#d3bd91}.task-save-state .dot{width:5px;height:5px}
.task-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;flex:1;min-height:0}.task-main-scroll{overflow:auto;overscroll-behavior:contain;min-width:0}.task-main-content{max-width:1150px;margin:0 auto;padding:32px 48px 45px}.task-eyebrow{display:flex;align-items:center;gap:18px;color:#afb0bc;font-size:12px;margin-bottom:20px}.task-type{display:flex;align-items:center;gap:7px;border:1px solid #393a3e;padding:5px 9px;border-radius:6px;color:#dddde6;font-size:12px}.task-type svg{width:13px;height:13px}.task-top-count{display:flex;align-items:center;gap:5px}.task-top-count svg{height:13px;width:13px}
.task-title-editor{display:block;width:100%;min-height:44px;border:0;background:transparent;padding:0;color:#fff;font-size:29px;font-weight:650;line-height:1.4;letter-spacing:-.6px;resize:none;overflow:hidden;box-shadow:none;border-radius:0;margin:0 0 28px}.task-title-editor:focus{border:0;outline:none}.task-title-editor::placeholder{color:#92959e}
.task-properties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 30px}.task-property{display:flex;align-items:center;gap:12px;min-width:0;min-height:37px}.task-property>label{display:flex;align-items:center;gap:8px;width:120px;flex-shrink:0;font-size:13px;color:#afb1be;white-space:nowrap}.task-property>label svg{width:15px;height:15px;color:#9a9eaa}.task-property>select,.task-property>input{min-width:0;max-width:230px;width:100%;color:#fff;background:#1b1c1f;border-color:transparent;padding:7px 9px;font-size:14px;border-radius:6px;height:34px}.task-property>select:hover,.task-property>input:hover{border-color:#404149;background:#222328}.task-property input:focus,.task-property select:focus{border-color:#9685bf}.task-property>input::placeholder{color:#a7aab5}.task-dates{display:flex;align-items:center;gap:3px;min-width:0}.task-dates input{width:112px;min-width:0;padding:7px 3px;font-size:12px;background:transparent;color:#fff;border:1px solid transparent;border-radius:5px;height:34px}.task-dates input:hover{background:#24252a;border-color:#35363e}.task-dates span{color:#858997;font-size:13px}.task-dates input::-webkit-calendar-picker-indicator{opacity:.65;width:12px;margin:0;padding:0}
.task-extra{margin-top:14px;font-size:12px;color:#bbbcc8}.task-extra>summary{list-style:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:8px 0}.task-extra>summary svg{width:12px;height:12px}.task-extra[open]>summary svg{transform:rotate(180deg)}.task-extra .task-properties{padding-top:10px}.task-description-section{border-top:1px solid #2c2d31;margin-top:24px;padding-top:25px}.task-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.task-section-heading h3{font-size:14px;color:#e9eaf0;font-weight:600}.task-section-heading>span{font-size:12px;color:#9ea2af}
.task-description-editor{display:block;width:100%;border:1px solid transparent;border-radius:7px;background:transparent;padding:10px 12px;min-height:120px;resize:none;overflow:hidden;font-size:16px;line-height:1.8;color:#fff}.task-description-editor:focus{outline:2px solid #b69af6;outline-offset:2px;background:#1b1920}.task-description-editor::placeholder{color:#a7abb6}.task-description-edit{color:#e9ddff;border-color:#514361;background:#292331;font-size:13px}.task-description-edit:hover{background:#3b3049}.task-description-hint{display:none;color:#b5a8c9;font-size:12px;margin:12px 0 0;line-height:1.5}.task-description-section:focus-within .task-description-hint{display:block}
.task-section{margin-top:29px}.task-section>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;min-height:34px;padding:0;margin-bottom:13px}.task-section>summary::-webkit-details-marker,.task-extra>summary::-webkit-details-marker{display:none}.task-section>summary>svg{width:13px;height:13px;color:#b6bac7;transform:rotate(-90deg)}.task-section[open]>summary>svg{transform:none}.task-section>summary h3{font-size:15px;font-weight:600;color:#fff}.task-section .section-count{font-size:12px;color:#b3b7c5;font-weight:400;margin-left:3px}.section-meter{width:35px;height:4px;border-radius:4px;background:#303138;margin-left:3px;overflow:hidden}.section-meter i{display:block;height:100%;background:#a496dd;border-radius:4px}.task-section-hint{font-size:11px;color:#989dab;line-height:1.7;margin:9px 0 0}
.subtask-table{width:100%;overflow:auto}.subtask-table-head,.subtask-row{display:grid;grid-template-columns:minmax(230px,1fr) 134px 125px 26px;align-items:center;gap:12px;min-width:560px}.subtask-table-head{font-size:12px;color:#a7acb9;padding:8px 3px 11px;border-bottom:1px solid #303136}.subtask-row{border-bottom:1px solid #2b2c31;min-height:48px;padding:3px 0}.subtask-row:hover{background:#18191c}.subtask-name{display:flex;align-items:center;gap:9px;min-width:0}.subtask-check{padding:6px 2px;display:flex;align-items:center}.subtask-check .status-ring{width:15px;height:15px}.subtask-row input,.subtask-row select{border:1px solid transparent;background:transparent;border-radius:5px;padding:7px 4px;color:#fff;font-size:13px;min-width:0;width:100%;height:35px}.subtask-name input{font-size:15px}.subtask-name input:focus{background:#202126;border-color:#665b82}.subtask-row select:hover,.subtask-row input[type=date]:hover{background:#24252b}.subtask-row input[type=date]{font-size:12px}.subtask-row select{color:#dfe0e8;font-size:12px}.subtask-row.completed .subtask-name input{color:#b9bdc8;text-decoration:line-through}.subtask-row .icon-btn{width:25px;height:25px;opacity:0}.subtask-row:hover .icon-btn,.subtask-row:focus-within .icon-btn{opacity:1}.subtask-row .icon-btn svg{width:13px;height:13px}
.task-inline-add{display:flex;align-items:center;gap:9px;margin-top:6px}.task-inline-add>span{display:flex;color:#a4a8b4}.task-inline-add>span svg{width:15px;height:15px}.task-inline-add input{border:1px solid transparent;background:transparent;font-size:14px;color:#fff;width:100%;padding:10px 0;min-width:0}.task-inline-add input::placeholder{color:#b2b5c0}.task-inline-add input:focus{outline:none;border-color:transparent}.task-inline-add .btn{font-size:12px;min-height:28px;padding:5px 8px;color:#c4b8f4}
.task-dependencies .task-related{font-size:14px;color:#eeeaf5;background:#18171d;border-color:#36323e;padding:9px 12px;cursor:default}.task-dependencies .task-related .icon-btn{margin-left:auto}.dependency-picker{display:flex;align-items:center;gap:8px;margin-top:10px;color:#c0b4ed}.dependency-picker svg{width:15px;height:15px}.dependency-picker select{background:transparent;border:1px solid #2d2e34;width:100%;font-size:14px;padding:10px;color:#d4c8f3}
.task-checklist-box{border:1px solid #303136;border-radius:10px;padding:18px 20px 9px;background:#131416}.task-checklist-title{font-size:14px;color:#fff;margin-bottom:10px;font-weight:500}.task-check-row{display:flex;align-items:center;gap:8px;min-height:42px}.task-check-row label{display:flex;align-items:center;gap:11px;flex:1;cursor:pointer;font-size:15px;line-height:1.65;color:#fff}.task-check-row input{appearance:none;width:17px;height:17px;border:1px solid #7f8491;background:transparent;border-radius:50%;margin:0;padding:0;flex-shrink:0;cursor:pointer;display:grid;place-items:center}.task-check-row input:checked{background:#9d8ed5;border-color:#b4a5ee}.task-check-row input:checked:after{content:'✓';color:#18141f;font-size:12px;font-weight:700}.task-check-row input:focus-visible{outline:2px solid #b5a5e9;outline-offset:3px}.task-check-row.checked label>span{color:#b8bcc7;text-decoration:line-through}.task-check-row .icon-btn{opacity:0;width:25px;height:25px}.task-check-row .icon-btn svg{width:13px;height:13px}.task-check-row:hover .icon-btn,.task-check-row:focus-within .icon-btn{opacity:1}
.task-attachments{padding-top:6px}.task-attachments .task-section-heading{margin-bottom:12px}.task-detail .attach-button{padding-left:0;color:#e9e2fb;font-size:14px}.task-detail .attach-button:hover{background:transparent;color:#cdb8ff}.task-attachment{border:1px solid #32333c;background:#1a1b1e;padding:13px 15px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:9px;max-width:560px}.task-attachment>svg{color:#bcb1dd;width:23px;height:23px}.task-attachment strong{display:block;font-size:14px;overflow-wrap:anywhere;font-weight:500}.task-attachment .grow>span{display:block;font-size:11px;color:#a8aebb;margin-top:5px}.task-created{font-size:11px;color:#9198a6;border-top:1px solid #292b31;margin-top:30px;padding-top:19px}
.task-discussion{border-left:1px solid #2d2e32;display:flex;flex-direction:column;min-height:0;background:#121315;min-width:0}.task-discussion-tabs{height:58px;min-height:58px;border-bottom:1px solid #2e2f34;padding:0 20px;display:flex;gap:20px}.discussion-tab{font-size:14px;color:#aeb3c0;padding:0;position:relative}.discussion-tab.active{color:#fff;font-weight:600}.discussion-tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#b6a3e5}.discussion-tab>span{font-size:11px;margin-left:5px;color:#b8b3c4}.discussion-feed{flex:1;min-height:0;overflow:auto;padding:18px 22px;overscroll-behavior:contain;display:flex;flex-direction:column}.discussion-empty{margin:auto 0;padding:35px 0;color:#aeb3bf;line-height:1.7}.discussion-empty-icon{display:flex;width:43px;height:43px;align-items:center;justify-content:center;background:#222028;border:1px solid #393140;color:#c2b4e7;border-radius:12px;margin-bottom:19px}.discussion-empty-icon svg{width:22px;height:22px}.discussion-empty h3{font-size:18px;color:#fff;margin:0 0 9px;letter-spacing:-.2px}.discussion-empty p{font-size:14px;line-height:1.75;color:#b6bac5;margin-bottom:20px}.discussion-empty .btn{font-size:13px;color:#e1d9f4;border:1px solid #38343f;background:#1b191f}.discussion-compose{margin:0 14px 14px;padding:14px;border:1px solid #34353c;border-radius:11px;background:#1c1d20}.discussion-compose>label{font-size:12px;color:#d5d7df;display:block;margin-bottom:12px}.discussion-compose textarea{display:block;border:0;background:transparent;color:#fff;font-size:15px;line-height:1.6;padding:0;width:100%;min-height:105px;resize:vertical;max-height:230px}.discussion-compose textarea::placeholder{color:#a1a7b5}.discussion-compose textarea:focus{outline:0;border:0}.discussion-compose-bottom{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-top:14px}.discussion-compose-bottom>span{font-size:10px;color:#a5abba}.discussion-compose-bottom .btn{min-height:31px;font-size:12px;padding:6px 9px}.task-comment{padding:13px 0 22px;border-bottom:1px solid #2e2f36;margin-bottom:8px}.task-comment-header{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.task-comment-header strong{font-weight:550;color:#fff}.task-comment-header .avatar{width:27px;height:27px;border:0;font-size:10px}.task-comment-header time{font-size:10px;color:#a9afbb;margin-left:auto}.task-comment p{font-size:15px;line-height:1.8;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;padding-left:35px}.task-history-item{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid #2c2d34;padding:15px 0}.task-history-item>svg{color:#b9a7e1;width:17px;height:17px;margin-top:2px}.task-history-item p{font-size:14px;line-height:1.7;color:#f6f5fc}.task-history-item time{font-size:11px;color:#a6aebb;display:block;margin-top:8px}
@media(min-width:1600px){.task-detail-layout{grid-template-columns:minmax(0,1fr) 420px}.task-main-content{padding:37px 65px 50px}.task-title-editor{font-size:32px}.task-properties{column-gap:55px}.task-dates input{width:125px;font-size:13px}.task-card .task-title{font-size:15px}}
@media(max-width:1190px){.task-detail-layout{grid-template-columns:minmax(0,1fr) 330px}.task-main-content{padding:27px 30px 40px}.task-title-editor{font-size:27px}.task-properties{gap:8px 20px}.task-property>label{width:94px;font-size:12px}.task-property>input,.task-property>select{font-size:13px}.task-dates{flex-wrap:wrap}.task-dates input{width:105px;font-size:11px}.task-dates span{display:none}.subtask-table-head,.subtask-row{grid-template-columns:minmax(180px,1fr) 120px 122px 23px;gap:8px;min-width:485px}.subtask-name input{font-size:14px}.task-header-actions{gap:8px}.discussion-feed{padding:15px 18px}.discussion-compose{margin:0 10px 10px;padding:12px}.discussion-compose-bottom{flex-wrap:wrap}.discussion-compose-bottom>.btn{margin-left:auto}}
@media(max-width:850px){.task-detail-header{height:56px;min-height:56px;padding:0 11px;gap:7px}.task-breadcrumb{font-size:12px;gap:6px}.task-breadcrumb .project-symbol{display:none}.task-header-actions>.task-save-state{display:none}.task-header-actions>.btn{font-size:12px;padding:6px 9px}.task-header-actions>.icon-btn[title="Delete task"]{display:none}.task-main-content{padding:25px 24px 35px}.task-detail-layout{display:block;overflow:auto}.task-main-scroll{overflow:visible}.task-discussion{border-left:0;border-top:1px solid #36373c;min-height:420px;max-height:none}.discussion-feed{min-height:190px;max-height:500px;overflow:auto;padding:20px 24px}.discussion-compose{margin:0 20px 20px}.discussion-empty{margin:0;padding:20px 0}.discussion-empty-icon{display:none}.discussion-compose textarea{min-height:90px}.task-properties{column-gap:22px}.task-title-editor{font-size:27px}.task-detail .task-section-hint{font-size:12px}.task-discussion-tabs{padding:0 24px}.discussion-compose-bottom{flex-wrap:nowrap}}
@media(max-width:580px){.task-main-content{padding:23px 18px 30px}.task-title-editor{font-size:25px;line-height:1.45;margin-bottom:21px}.task-properties{grid-template-columns:1fr;row-gap:5px}.task-property>label{width:110px;font-size:13px}.task-property>input,.task-property>select{font-size:14px;max-width:none}.task-dates{flex-wrap:nowrap;flex:1}.task-dates input{width:110px;font-size:12px}.task-dates span{display:inline}.task-description-editor{font-size:16px}.task-description-section{margin-top:20px;padding-top:20px}.task-section-heading>span{font-size:11px}.task-section-heading{gap:6px}.task-breadcrumb .truncate{max-width:120px}.task-header-actions>.btn{font-size:11px;padding:6px 8px;gap:4px}.task-header-actions{gap:2px}.task-detail .icon-btn{width:27px;height:30px}.task-back{display:none!important}.task-checklist-box{padding:14px 13px 7px}.task-check-row label{font-size:15px}.task-check-row .icon-btn{opacity:1}.task-inline-add input{font-size:14px}.task-eyebrow{gap:14px}.task-comment p{padding-left:0}.discussion-tab{font-size:14px}.subtask-table-head,.subtask-row{min-width:520px}.task-card .task-title{font-size:14px}.toolbar .btn{font-size:12px}.view-tab{font-size:12px}.side-item{font-size:14px}}