/* Team Tasks follows the approved Sites composition inside the real ERP shell. */
.tt-workspace{--tt-line:#eceef2;--tt-muted:#8893a4;--tt-ink:#2d394a;--tt-soft:#f7f9fc;gap:0;color:var(--tt-ink);font-size:13px;min-width:0}
.tt-workspace *{box-sizing:border-box}.tt-workspace h1,.tt-workspace h2,.tt-workspace h3,.tt-workspace p{margin:0}.tt-workspace button,.tt-workspace input,.tt-workspace textarea{font-family:inherit}.tt-workspace button:focus-visible,.tt-workspace a:focus-visible{outline:2px solid #4c7cf7;outline-offset:3px}.tt-workspace .btn{min-height:32px;padding:0 11px;gap:7px;font-size:11px;border-radius:8px;font-weight:500;box-shadow:none;white-space:nowrap}.tt-workspace .btn svg{width:14px;height:14px}.tt-workspace .btn-gradient{background:linear-gradient(135deg,#4b74ed,#3451ca);box-shadow:0 3px 8px #315ff429}.tt-workspace .btn-secondary{background:#fff;border:1px solid var(--tt-line);color:#6c788c}.tt-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:0;border-radius:7px;background:transparent;color:#8b97a8;cursor:pointer}.tt-icon-button:hover{background:#f0f3fa;color:#3f63dd}.tt-icon-button svg{width:16px;height:16px}
/* Two compact rows: identity and filters; scope tabs and view switch. */
.tt-header{background:#fff;border:1px solid #edf0f5;border-radius:14px 14px 0 0;flex-shrink:0}.tt-title-row{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 18px 6px;min-width:0}.tt-title-row h1{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.35px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#171e2b}.tt-title-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#4a71ed,#3656d4);color:white}.tt-title-icon svg{width:16px;height:16px;stroke-width:1.6}.tt-task-total{font-size:11px;color:#99a3b3;flex:none}.tt-title-row>.btn-gradient{margin-left:8px;flex:none}.tt-header-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.tt-compact-controls{display:flex;align-items:center;gap:5px;margin-left:auto;min-width:0}.tt-compact-controls .ds-search-wrap{width:160px;min-width:80px;background:transparent;border:0;box-shadow:none}.tt-compact-controls .ds-search-input{height:32px;min-height:32px;border:0!important;background:transparent!important;font-size:12px;padding-right:8px;box-shadow:none}.tt-compact-controls .ds-search-wrap svg{width:15px;height:15px}.tt-toolbar-divider{height:17px;width:1px;background:var(--tt-line);margin:0 6px}.tt-filter-icon{color:#8b97a8;display:flex;margin-left:5px}.tt-filter-icon svg{width:14px;height:14px}.tt-compact-controls .pure-dropdown{width:auto;min-width:0;max-width:150px}.tt-compact-controls .pure-dropdown-trigger{min-height:32px;height:32px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px;padding:0 4px;gap:6px;color:#78818e}.tt-compact-controls .dd-chevron{width:12px;height:12px}.tt-compact-controls .pure-dropdown-menu{min-width:210px;right:0;left:auto}.tt-toolbar{display:flex;align-items:center;gap:20px;min-height:42px;padding:0 18px}.tt-toolbar #tt-tabs{min-width:0}.tt-toolbar .erp-filter-tabs{padding:0;background:transparent;gap:22px;min-height:42px;flex-wrap:nowrap;overflow:auto;border-radius:0;scrollbar-width:none}.tt-toolbar .erp-filter-tabs__tab{padding:0;min-height:42px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;white-space:nowrap;color:#808b9a;font-size:11px;font-weight:500;gap:7px}.tt-toolbar .erp-filter-tabs__tab:hover{color:#3f63dd;background:transparent}.tt-toolbar .erp-filter-tabs__tab.active{color:#354fc0;background:transparent;border-bottom-color:#3f63dd;box-shadow:none}.tt-toolbar .erp-filter-tabs__count{background:transparent;color:#9aa4b2;font-size:10px;padding:0;min-width:0;font-weight:400}.tt-view-switch{display:flex;align-items:center;flex:none;gap:2px;background:#f2f4f8;border-radius:7px;padding:3px;margin-left:auto;height:28px}.tt-view-switch .btn{min-height:22px;height:22px;padding:0 8px;border:0;border-radius:5px;background:transparent;font-size:10px;color:#78818e;gap:6px}.tt-view-switch .btn svg{width:12px;height:12px}.tt-view-switch .btn[aria-pressed=true]{background:#fff;color:#344058;box-shadow:0 1px 3px #142b4710}
/* Kanban: independent cards, quiet project tags, date/comments left and people right. */
.tt-workspace #tt-board{background:var(--tt-soft);border:1px solid #edf0f5;border-top:0;border-radius:0 0 14px 14px;min-height:420px;padding:16px 20px 22px;overflow:auto}.tt-workspace .erp-kanban{display:grid;grid-template-columns:repeat(4,minmax(205px,1fr));gap:14px;align-items:start;padding:0;background:transparent;min-height:390px;overflow:visible}.tt-workspace .erp-kanban__column{border:0;border-radius:12px;background:transparent;min-width:0;padding:0;min-height:180px;box-shadow:none}.tt-workspace .erp-kanban__column.is-dragover{background:#eaf0fe;outline:1px dashed #84a3f4;outline-offset:6px}.tt-workspace .erp-kanban__column-header{display:flex;align-items:center;justify-content:flex-start;gap:9px;height:26px;min-height:26px;padding:0 2px;margin:0 2px 12px;border:0}.tt-workspace .erp-kanban__column-title{font-size:12px;font-weight:600;color:#2d394a}.tt-workspace .erp-kanban__column-count{font-size:11px;color:#8f9aad;background:#eaf0f6;border-radius:5px;padding:2px 5px;min-width:18px;line-height:14px;text-align:center}.tt-workspace .tt-column-plus{margin-left:auto;width:25px;height:25px}.tt-status-mark{display:inline-grid;place-items:center;width:14px;height:14px;flex:none;border:1.5px solid #a5b0c1;border-radius:50%}.tt-status-in_progress{border-color:#4c7cf7;background:conic-gradient(#4c7cf7 50%,transparent 50%);box-shadow:inset 0 0 0 2px var(--tt-soft)}.tt-status-in_review{border-color:#e2aa42;background:#e2aa42;box-shadow:inset 0 0 0 2px var(--tt-soft)}.tt-status-done{color:#fff;border-color:#39a889;background:#39a889}.tt-status-done svg{width:10px;height:10px;stroke-width:3}.tt-workspace .erp-kanban__cards{display:flex;flex-direction:column;gap:11px;min-height:70px;padding:0}.tt-workspace .erp-kanban__card{padding:0;border:1px solid #e6eaf1;border-radius:12px;background:#fff;box-shadow:none;cursor:grab;overflow:hidden}.tt-workspace .erp-kanban__card[draggable=false]{cursor:default}.tt-workspace .erp-kanban__card:hover{border-color:#bac9ed;box-shadow:0 4px 12px #24478208;transform:translateY(-1px)}.tt-card-link{display:block;padding:14px;color:inherit;text-decoration:none;min-width:0}.tt-card-link:hover{color:inherit;text-decoration:none}.tt-card-top{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.02em;color:#9aa4b4;margin-bottom:11px}.tt-priority{display:inline-flex;align-items:center;color:#8490a2}.tt-priority svg{width:13px;height:13px}.tt-priority-high{color:#d39035}.tt-priority-urgent{color:#da6262}.tt-card-link h3{font-size:13px;line-height:1.65;font-weight:550;letter-spacing:-.12px;overflow-wrap:anywhere;padding-right:8px;color:#2d394a}.tt-card-description{font-size:11px;line-height:1.65;color:#8893a4;margin-top:7px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tt-card-tags{margin-top:12px;display:flex;gap:6px}.tt-tag{font-size:10px;font-weight:500;border-radius:4px;padding:3px 6px;display:inline-flex;align-items:center;line-height:1.5;overflow-wrap:anywhere;background:#edf2ff;color:#5476c4}.tt-tag.tt-tone-1{background:#edf6f1;color:#588773}.tt-tag.tt-tone-2{background:#fbf3e6;color:#ac8650}.tt-tag.tt-tone-3{background:#f4eefb;color:#9070b3}.tt-card-foot{display:flex;align-items:center;gap:10px;min-height:29px;margin-top:14px;padding-top:12px;border-top:1px solid #f1f3f7}.tt-card-facts{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#929cac;font-size:10px}.tt-card-facts>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.tt-card-facts svg{width:12px;height:12px}.tt-overdue{color:#d16e6b}.tt-avatars{display:flex;align-items:center;flex:none;margin-left:auto}.tt-avatars .erp-avatar+.erp-avatar{margin-left:-5px;border:2px solid #fff}.tt-more-people{font-size:10px;color:#788297;padding-left:4px}.tt-unassigned{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f2f6;color:#8b97a8}.tt-unassigned svg{width:13px;height:13px}.tt-column-add{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;color:#94a0b4;font-size:11px;margin-top:7px;border:0;border-radius:7px;background:transparent;cursor:pointer}.tt-column-add svg{width:13px;height:13px}.tt-column-add:hover{background:#edf1f8;color:#3f63dd}.tt-empty-column{font-size:11px;color:#9aa5b6;border:1px dashed #dfe5ee;min-height:92px;display:flex;align-items:center;justify-content:center;border-radius:9px}.tt-workspace #tt-more:empty{display:none}.tt-workspace #tt-more{display:flex;align-items:center;justify-content:space-between;padding:12px 2px}
.tt-list{background:#fff;border:1px solid var(--tt-line);border-radius:12px;overflow:hidden;min-width:760px}.tt-list-head,.tt-list-row{display:grid;grid-template-columns:minmax(200px,1fr) 120px 130px 100px 78px;align-items:center;gap:18px;padding:0 19px}.tt-list-head{height:40px;color:#8a96a8;background:#fbfcfe;font-size:10px;border-bottom:1px solid var(--tt-line)}.tt-list-row{min-height:64px;border-bottom:1px solid #f0f2f6;font-size:12px;color:inherit;text-decoration:none}.tt-list-row:hover{background:#f7f9ff;color:inherit;text-decoration:none}.tt-list-row:last-child{border-bottom:0}.tt-list-title{display:flex;align-items:center;gap:12px;min-width:0}.tt-list-title strong{font-size:12px;font-weight:500;line-height:1.5;display:block;overflow-wrap:anywhere}.tt-list-title small{display:block;font-size:10px;color:#9aa4b4;margin-top:3px}.tt-list-status{display:flex;align-items:center;gap:7px;font-size:11px}.tt-list-date{font-size:11px;color:#8893a4}.tt-list .tt-avatars{margin-left:0;justify-self:start}.tt-empty-list{padding:48px;text-align:center;color:var(--tt-muted)}
/* A single task surface: content and discussion, with properties in the right rail. */
.tt-detail-surface{border:1px solid #edf0f5;border-radius:16px;overflow:hidden;background:#fff;min-height:540px}.tt-detail-surface .tt-header{border:0;border-bottom:1px solid var(--tt-line);border-radius:0}.tt-detail-surface .tt-title-row{min-height:60px;padding:10px 22px}.tt-detail-surface .tt-title-row h1{font-size:11px;font-weight:400;color:#9aa4b4;letter-spacing:.02em}.tt-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:0;background:#fff;margin:0;border:1px solid #edf0f5;border-top:0;border-radius:0 0 16px 16px;min-width:0}.tt-detail-surface .tt-detail-grid{border:0;border-radius:0;min-height:480px}.tt-main{min-width:0;padding:28px 34px 24px}.tt-detail-main{display:block}.tt-task-title{font-size:23px;font-weight:550;line-height:1.4;letter-spacing:-.7px;color:#171e2b;overflow-wrap:anywhere;margin:0 0 20px!important}.tt-description-label{display:flex;gap:7px;align-items:center;color:#78869c;font-size:11px;font-weight:500;margin:18px 0 7px}.tt-description-label svg{width:14px;height:14px}.tt-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;color:#667389}.tt-task-description{min-height:70px;margin-bottom:24px!important}.tt-properties{padding:25px 21px;border-left:1px solid var(--tt-line);background:#fdfefe;min-width:0}.tt-properties h2{font-size:11px;font-weight:600;color:#68768b;margin:0 0 24px}.tt-property{margin-bottom:22px;min-width:0}.tt-property-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;color:#8a95a7;margin-bottom:7px}.tt-property-label svg{width:13px;height:13px}.tt-property-value{display:flex;align-items:center;gap:7px;min-height:28px;font-size:12px;color:#506078;overflow-wrap:anywhere}.tt-property-value>.pure-dropdown{width:100%;min-width:0}.tt-property-value .pure-dropdown-trigger{border:0;background:transparent;box-shadow:none;padding:3px 0;min-height:30px;font-size:12px}.tt-property-value .dd-text,.tt-property-value .pure-dropdown-item>span{display:flex;gap:8px;align-items:center}.tt-property-value .pure-dropdown-menu{min-width:180px}.tt-person-list{display:flex;flex-direction:column;gap:8px}.tt-person-list>span{display:flex;align-items:center;gap:9px}.tt-property-footer{border-top:1px solid var(--tt-line);padding-top:17px}.tt-property-footer .btn{border:0;background:transparent;padding:0;font-size:11px}.tt-property-footer p{margin-top:14px;font-size:10px;line-height:1.8}.tt-activity-tabs{display:flex;gap:24px;border-bottom:1px solid var(--tt-line);margin:25px 0 15px;min-height:40px}.tt-activity-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#8a96a8;font-size:12px;font-weight:500;padding:0 0 12px;cursor:pointer}.tt-activity-tabs button[aria-pressed=true]{border-bottom-color:#3f63dd;color:#354fc0}.tt-activity-tabs small{font-size:10px;color:#99a4b5;margin-left:6px}.tt-history-item{display:flex;gap:12px;align-items:flex-start;font-size:11px;line-height:1.7;color:#8995a8;padding:9px 0}.tt-history-item>svg{width:13px;height:13px;margin:3px 9px 0;flex:none;color:#bcc5d1}.tt-history-item strong{font-weight:500;color:#6b7a90}.tt-history-item time{font-size:10px;color:#a7afbd;margin-left:6px}.tt-comment{display:flex;gap:12px;padding:17px 0}.tt-comment>div{min-width:0;flex:1}.tt-comment-meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px;font-size:12px}.tt-comment-meta strong{font-weight:550}.tt-comment-meta time{font-size:10px;color:#a0aabc}.tt-comment-form{display:flex;gap:12px;align-items:flex-start;margin-top:24px}.tt-comment-box{border:1px solid #e5eaf1;border-radius:10px;flex:1;min-width:0;overflow:hidden;background:#fff}.tt-comment-box textarea{display:block;width:100%;border:0;background:transparent;padding:13px 14px;font-size:13px;resize:vertical;min-height:86px;line-height:1.65;outline:none;color:#506078}.tt-comment-box:focus-within{border-color:#8eaaff;box-shadow:0 0 0 2px #315ff40a}.tt-comment-actions{display:flex;justify-content:flex-end;padding:8px 10px;border-top:1px solid #f1f3f7}.tt-comment-actions .btn{min-height:32px}
/* Form controls retain the ERP dropdown, date picker and explicit-save contracts. */
.tt-panel{padding:0;background:transparent;min-width:0}.tt-panel+.tt-panel{border-top:1px solid var(--tt-line);padding-top:24px;margin-top:28px}.tt-panel h2{font-size:13px;font-weight:600;margin:0 0 20px}.tt-panel .tt-field{margin-bottom:18px}.tt-panel label{font-size:12px;font-weight:500;display:block;margin-bottom:7px}.tt-panel input.form-control,.tt-panel textarea.form-control{width:100%;font-size:14px;border-radius:8px;min-height:44px;border:1px solid #e5eaf1}.tt-panel textarea{resize:vertical}.tt-panel .pure-dropdown{width:100%}.tt-panel .pure-dropdown-trigger{font-size:12px;min-height:38px}.tt-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}.tt-chip{min-height:34px;max-width:100%;display:flex;align-items:center;gap:7px;padding:5px 9px;background:#f3f5f9;border:1px solid var(--tt-line);border-radius:7px;font-size:12px;cursor:pointer}.tt-chip svg{width:13px;height:13px;flex-shrink:0}.tt-check{display:flex!important;align-items:flex-start;gap:10px;margin:20px 0 0!important;font-size:13px!important;font-weight:400!important;line-height:1.5}.tt-check .checkbox-wrapper{display:inline-flex;align-items:flex-start;position:relative;margin:0;font-size:13px;font-weight:400;line-height:1.5}.tt-check .checkbox-wrapper input[type="checkbox"]{display:block;position:absolute;width:22px;height:22px;margin:0;opacity:0}.tt-check .checkbox-wrapper:focus-within{outline:2px solid var(--color-primary-hover);outline-offset:3px;border-radius:4px}.tt-muted{color:var(--tt-muted);font-size:12px;line-height:1.6}.tt-error{border:1px solid #edbbbb;color:#a63e3e;border-radius:10px;padding:12px 16px;background:#fff5f5;margin-top:12px;font-size:13px}.tt-error:empty{display:none}.tt-project-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:30px;padding:28px 30px;background:#fff;border:1px solid #edf0f5;border-top:0;border-radius:0 0 16px 16px}.tt-member{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--tt-line);margin-bottom:12px}.tt-member>span:first-child{flex:1;display:flex;align-items:center;gap:9px;min-width:130px;font-size:13px}.tt-member .pure-dropdown{width:145px}.tt-project-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px}.tt-project-card{padding:22px;border:1px solid var(--tt-line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;display:block}.tt-project-card>svg{color:#3f63dd}.tt-project-card h2{font-size:16px;margin:14px 0 8px}.tt-project-card p{font-size:12px;color:var(--tt-muted);line-height:1.6}.tt-project-card>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--tt-muted)}.tt-empty{text-align:center;padding:60px 20px;color:var(--tt-muted)}.tt-empty h2{font-size:18px;margin:12px}.tt-empty p{margin:12px}
/* The ERP sidebar remains the navigation; team-specific rows mirror the approved prototype. */
#tt-sidebar .nav-item{min-height:34px;padding:8px 12px;font-size:12px;gap:11px}#tt-sidebar .nav-item-icon{width:17px;display:grid;place-items:center}#tt-sidebar .nav-item-icon svg{width:16px;height:16px;stroke-width:1.5}.tt-department-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7b95d7;flex:none}.tt-department-dot.tt-tone-1{background:#7da995}.tt-department-dot.tt-tone-2{background:#c7ab73}.tt-department-dot.tt-tone-3{background:#ac93c9}#tt-sidebar .tt-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tt-sidebar .nav-group-title{font-size:10px;color:#9aa3b1}#tt-sidebar .tt-nav-hint{display:block;padding:0 15px 14px;color:#99a3b3;font-size:11px}#tt-sidebar .tt-nav-project-title{display:flex;justify-content:space-between;align-items:center;padding-right:4px}#tt-sidebar .tt-nav-add{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:inherit;border-radius:8px}#tt-sidebar .tt-nav-add:hover{background:#edf2fb}#tt-sidebar .tt-nav-section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:34px}#tt-sidebar .tt-nav-section>summary::-webkit-details-marker{display:none}#tt-sidebar .tt-nav-section>summary:after{content:'+';font-size:14px;font-weight:400}#tt-sidebar .tt-nav-section[open]>summary:after{content:'−'}
@media(max-width:1200px){.tt-compact-controls .ds-search-wrap{width:120px}.tt-compact-controls{gap:3px}.tt-title-row{padding-left:14px;padding-right:14px;gap:7px}.tt-board-header h1{max-width:190px}.tt-toolbar{padding:0 14px;gap:12px}.tt-toolbar .erp-filter-tabs{gap:16px}.tt-detail-grid{grid-template-columns:minmax(0,1fr) 224px}}
@media(max-width:980px){.tt-board-header .tt-title-row{flex-wrap:wrap}.tt-compact-controls{order:3;width:100%;flex:none;padding:2px 0}.tt-compact-controls .ds-search-wrap{margin-right:auto;width:180px}.tt-board-header .tt-title-row>.btn-gradient{margin-left:auto}.tt-toolbar .erp-filter-tabs{gap:12px}.tt-main{padding:24px}.tt-properties{padding:22px 16px}}
@media(max-width:760px){.tt-workspace .btn,.tt-workspace .tt-chip,.tt-workspace .pure-dropdown-trigger,.tt-icon-button{min-height:44px}.tt-header-actions{flex-wrap:wrap;gap:5px}.tt-title-row{padding:8px 12px;flex-wrap:wrap;gap:7px}.tt-title-row h1{font-size:17px}.tt-title-icon{width:28px;height:28px}.tt-title-row>.btn-gradient{font-size:11px;margin-left:auto}.tt-board-header h1{max-width:170px}.tt-compact-controls{gap:3px;padding:0;min-height:44px}.tt-compact-controls .ds-search-wrap{width:90px;flex:1;min-width:60px}.tt-compact-controls .ds-search-input{font-size:11px;min-height:44px}.tt-toolbar-divider{display:none}.tt-compact-controls .pure-dropdown-trigger{font-size:10px;padding:0 2px;gap:3px}.tt-filter-icon{margin-left:3px}.tt-filter-icon svg{width:13px;height:13px}.tt-toolbar{padding:0 12px;min-height:44px;gap:10px}.tt-toolbar #tt-tabs{flex:1}.tt-toolbar .erp-filter-tabs{min-height:44px;gap:17px}.tt-toolbar .erp-filter-tabs__tab{min-height:44px;font-size:10px;gap:4px}.tt-view-switch{height:44px;padding:2px;gap:0}.tt-view-switch .btn{font-size:0;gap:0;min-width:36px;min-height:40px;padding:0 8px}.tt-view-switch .btn svg{width:14px;height:14px}.tt-workspace #tt-board{padding:14px}.tt-workspace .erp-kanban{grid-template-columns:repeat(4,270px);gap:16px;scroll-snap-type:x proximity}.tt-workspace .erp-kanban__column{scroll-snap-align:start}.tt-workspace .erp-kanban__column-header{height:44px;margin-bottom:7px}.tt-workspace .tt-column-plus{min-width:44px;min-height:44px}.tt-card-link{padding:16px}.tt-column-add{min-height:44px}.tt-detail-grid,.tt-project-grid{grid-template-columns:minmax(0,1fr)}.tt-detail-surface .tt-title-row{padding:8px 10px;gap:6px}.tt-detail-surface .tt-title-row h1{font-size:11px}.tt-detail-surface .tt-header-actions .btn{font-size:10px;padding:0 8px}.tt-detail-main{padding:21px 18px}.tt-task-title{font-size:21px}.tt-properties{border-left:0;border-top:1px solid var(--tt-line)}.tt-detail-properties{order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-top:0;border-bottom:1px solid var(--tt-line)}.tt-detail-properties>h2{display:none}.tt-property{margin:0}.tt-property-label{font-size:9px;margin-bottom:3px}.tt-property-value{font-size:11px;min-height:34px}.tt-property-value .pure-dropdown-trigger{font-size:11px}.tt-property-footer{grid-column:1/-1;padding-top:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tt-property-footer p{margin:0;flex:1;font-size:10px}.tt-property-footer .btn{min-height:44px}.tt-comment-form> .erp-avatar{display:none}.tt-comment-actions .btn{min-height:44px}.tt-main{padding:22px 18px}.tt-project-grid{padding:22px 18px;gap:24px}.tt-project-grid>div+div{border-top:1px solid var(--tt-line);padding-top:24px}#tt-sidebar .nav-item,#tt-sidebar .tt-nav-add,#tt-sidebar .tt-nav-section>summary{min-height:44px}#tt-sidebar .nav-item{font-size:13px}.tt-check{min-height:44px;align-items:center}}
@media(prefers-reduced-motion:reduce){.tt-workspace *{scroll-behavior:auto!important;transition:none!important}}

#sidebar:has(#tt-sidebar) .nav-item{font-size:12px;min-height:34px;padding-top:8px;padding-bottom:8px}#sidebar:has(#tt-sidebar) .nav-item-icon svg{width:16px;height:16px}.tt-other-modules>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:34px}.tt-other-modules>summary::-webkit-details-marker{display:none}.tt-other-modules>summary:after{content:'⌄';font-size:14px}.tt-other-modules[open]>summary:after{content:'⌃'}#tt-sidebar .tt-nav-project-title{margin-top:14px}@media(max-width:760px){#sidebar:has(#tt-sidebar) .nav-item,.tt-other-modules>summary{min-height:44px}}

/* Final alignment with the approved compact shell and centered task composer. */
#mainContent:has(.tt-workspace){padding:14px 18px}.tt-toolbar .erp-filter-tabs__tab.active .erp-filter-tabs__count{background:transparent;color:#7083c6}.tt-workspace #tt-board{min-height:max(420px,calc(100dvh - 210px))}#sidebar:has(#tt-sidebar) .nav-group{margin-bottom:15px}#sidebar:has(#tt-sidebar) .nav-group--other-products{margin-top:18px;padding-top:10px}.tt-detail-surface{min-height:calc(100dvh - 114px)}.tt-editor-form{max-width:820px;width:100%;margin:0 auto;padding:34px 36px}.tt-editor-form h1{font-size:25px;font-weight:550;letter-spacing:-.7px;line-height:1.4}.tt-editor-intro{font-size:12px;line-height:1.7;color:#8893a4;margin:8px 0 28px!important}.tt-editor-properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:24px 0}.tt-editor-properties .tt-field{margin:0}.tt-editor-properties .dd-text,.tt-editor-properties .pure-dropdown-item>span{display:flex;gap:7px;align-items:center}.tt-editor-access{padding-top:24px;border-top:1px solid var(--tt-line)}.tt-editor-access h2{font-size:12px;margin:0 0 9px}.tt-editor-access>p{margin-bottom:12px}.tt-editor-access>.pure-dropdown{max-width:340px}.tt-editor-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid var(--tt-line)}.tt-editor-footer .btn{min-height:36px}.tt-editor-form .tt-check{display:flex!important;flex-direction:row!important;align-items:flex-start}
@media(max-width:760px){#mainContent:has(.tt-workspace){padding:9px}.tt-workspace #tt-board{min-height:max(420px,calc(100dvh - 245px))}.tt-detail-surface{min-height:calc(100dvh - 90px)}.tt-editor-form{padding:24px 18px}.tt-editor-form h1{font-size:23px}.tt-editor-properties{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.tt-editor-properties>.tt-field:last-child{grid-column:1/-1}.tt-editor-form label{font-size:11px}.tt-editor-footer .btn{min-height:44px}.tt-editor-form input.form-control,.tt-editor-form textarea.form-control{font-size:16px}}

/* Keep the assignee control aligned with its property row; selected people wrap below. */
.tt-editor-properties .tt-chips{margin:8px 0 0}
/* Photo covers the initials fallback instead of competing for flex width. */
.tt-workspace .erp-avatar img{position:absolute;inset:0}
/* Named assignees on cards and list rows. */
.tt-avatars{flex:1;min-width:0;justify-content:flex-end;gap:7px}
.tt-avatar-stack{display:flex;align-items:center;flex:none;padding-left:2px}
.tt-avatar-stack .erp-avatar+.erp-avatar{margin-left:-8px;border:2px solid #fff}
.tt-card-people-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tt-ink);font-size:11px}
.tt-card-facts{flex-shrink:0;max-width:45%}.tt-list-head,.tt-list-row{grid-template-columns:minmax(200px,1fr) 120px 130px 100px 170px}
.tt-list .tt-avatars{justify-content:flex-start;width:100%}
/* Edit existing tasks within the discussion and property rail. */
.tt-detail-grid{grid-template-columns:minmax(0,1fr) 292px}
.tt-property-edit{width:100%;text-align:left;border:0;background:transparent;padding:3px 6px;margin-left:-6px;border-radius:7px;cursor:pointer;justify-content:space-between;font:inherit;color:inherit}
.tt-property-edit:hover,.tt-text-edit:hover{background:var(--color-gray-50)}
.tt-property-edit:focus-visible,.tt-text-edit:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:3px}
.tt-property-edit>svg,.tt-text-edit>svg{width:13px;height:13px;flex:none;opacity:.4;color:var(--tt-muted)}
.tt-property-edit:hover>svg,.tt-text-edit:hover>svg{opacity:1;color:var(--color-primary-hover)}
.tt-property-content{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.tt-property-content small{display:block;flex-basis:100%;font-size:11px;line-height:1.5;color:var(--tt-muted)}
.tt-property-content .tt-person-list{display:flex;flex-direction:column;gap:8px}.tt-person-list>span{min-width:0}
.tt-text-edit{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:transparent;border:0;padding:5px 6px;margin:-5px -6px;text-align:left;font:inherit;line-height:inherit;color:inherit;white-space:pre-wrap;cursor:pointer;border-radius:6px;overflow-wrap:anywhere}
.tt-text-edit>svg{margin-top:6px}.tt-inline-editor{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:normal;color:var(--tt-text);min-width:0;width:100%}
.tt-inline-editor .form-control{width:100%;font-size:14px;min-height:38px}.tt-inline-editor textarea{resize:vertical;line-height:1.7}
.tt-inline-editor .pure-dropdown,.tt-inline-editor .date-picker-wrapper{width:100%;min-width:0}
.tt-inline-editor .pure-dropdown-trigger,.tt-inline-editor .date-picker-trigger{min-height:38px;font-size:12px}
.tt-inline-editor .pure-dropdown-menu{min-width:200px}.tt-inline-editor .tt-muted{margin:10px 0;font-size:11px}
.tt-inline-label{display:block;margin:12px 0 8px;font-size:11px;color:var(--tt-muted)}
.tt-inline-people{display:flex;flex-direction:column;gap:6px;margin:0 0 8px}.tt-inline-people:empty{display:none}
.tt-inline-person{display:flex;align-items:center;gap:7px;min-width:0}.tt-inline-person>span:not(.erp-avatar){flex:1;min-width:0;overflow-wrap:anywhere}.tt-inline-person .tt-icon-button{width:28px;height:28px;min-width:28px}
.tt-inline-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.tt-inline-actions .btn{font-size:11px;min-height:32px;padding:0 10px}
.tt-inline-error:empty{display:none}.tt-inline-error{color:var(--color-danger-dark);font-size:11px;line-height:1.6;margin-top:10px}
.tt-property-footer>.tt-property{margin-top:20px}.tt-property-footer .tt-inline-actions .btn{padding:0 10px;border:1px solid var(--tt-line);background:var(--color-gray-50)}
.tt-property-footer .tt-inline-actions .btn-gradient{background:linear-gradient(135deg,#4a71ed,#3656d4);color:#fff;border-color:transparent}
.tt-project-link{display:inline-flex;min-height:32px;align-items:center;font-size:11px}.tt-inline-editor .tt-check{margin-top:14px!important}.tt-inline-editor .checkbox-wrapper{font-size:11px}
@media(max-width:760px){.tt-detail-grid{grid-template-columns:minmax(0,1fr)}.tt-property-edit,.tt-inline-actions .btn,.tt-inline-editor .pure-dropdown-trigger,.tt-inline-editor .date-picker-trigger,.tt-inline-person .tt-icon-button{min-height:44px}.tt-inline-person .tt-icon-button{min-width:36px}.tt-inline-editor .form-control{font-size:16px}.tt-inline-editor .tt-check{min-height:44px}.tt-property-footer{display:block}.tt-text-edit{min-height:44px}}

/* Attachments share one comment, with a visible drop target and removable previews. */
.tt-text-link{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.tt-text-link:hover{color:var(--color-primary-dark)}.tt-text-link:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}
.tt-comment-text,.tt-description-links{white-space:pre-wrap;overflow-wrap:anywhere}
.tt-description-edit{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:var(--color-gray-600);font-size:11px;cursor:pointer}
.tt-description-edit:hover,.tt-description-edit:focus-visible{color:var(--color-primary-hover);background:var(--color-gray-100)}.tt-description-edit svg{width:13px;height:13px}
.tt-comment-files{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:9px;min-width:0}
.tt-comment-image{display:inline-block;max-width:100%;border:1px solid var(--tt-line);border-radius:10px;overflow:hidden;background:var(--tt-soft)}
.tt-comment-image img{display:block;width:150px;height:112px;object-fit:cover}.tt-comment-files--single .tt-comment-image img{width:auto;max-width:min(420px,100%);height:auto;max-height:320px;object-fit:contain}
.tt-comment-pdf{display:inline-flex;align-items:center;gap:9px;max-width:min(310px,100%);min-height:42px;padding:8px 11px;border:1px solid var(--tt-line);border-radius:9px;background:var(--tt-soft);color:var(--tt-ink);text-decoration:none;font-size:11px}
.tt-comment-pdf:hover,.tt-comment-pdf:focus-visible,.tt-comment-image:focus-visible{border-color:var(--color-primary-hover);color:var(--color-primary-hover);outline:2px solid var(--color-primary-hover);outline-offset:2px}
.tt-comment-pdf>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-comment-pdf>.erp-icon{flex:none}
.tt-comment-file-unavailable{font-size:11px;color:var(--tt-muted)}
.tt-comment-box{position:relative}.tt-comment-dropzone{display:flex;align-items:center;justify-content:center;gap:9px;width:calc(100% - 24px);margin:0 12px 10px;padding:9px 12px;border:1px dashed var(--color-gray-300);border-radius:8px;background:var(--color-gray-50);color:var(--color-gray-600);font-size:11px;text-align:left;cursor:pointer}
.tt-comment-dropzone:hover,.tt-comment-dropzone:focus-visible,.tt-comment-box--dragging .tt-comment-dropzone{border-color:var(--color-primary-hover);background:var(--color-blue-50,#eff6ff);color:var(--color-primary-hover);outline:none}
.tt-comment-dropzone>.erp-icon{width:18px;height:18px;flex:none}.tt-comment-dropzone span{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px;min-width:0}.tt-comment-dropzone strong{font-weight:600}.tt-comment-dropzone small{color:var(--tt-muted);font-size:10px}
.tt-comment-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:8px;margin:0 12px 10px}
.tt-comment-preview{display:flex;align-items:center;gap:9px;padding:6px 7px;border:1px solid var(--tt-line);border-radius:8px;background:var(--tt-soft);min-width:0}
.tt-comment-preview-open{display:grid;place-items:center;width:42px;height:42px;border-radius:5px;flex:none;color:var(--color-primary-hover);overflow:hidden}.tt-comment-preview-open:hover,.tt-comment-preview-open:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}
.tt-comment-preview-open img,.tt-comment-preview-open>.erp-icon{width:42px;height:42px;object-fit:cover}
.tt-comment-preview>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--tt-ink)}
.tt-comment-preview small{color:var(--tt-muted)}.tt-comment-preview .tt-icon-button{width:28px;height:28px;min-width:28px;flex:none}
.tt-comment-actions{align-items:center;gap:8px}#tt-comment-status{margin-right:auto;color:var(--tt-muted);font-size:11px}
.tt-comment-error{padding:0 14px;color:var(--color-danger-dark);font-size:11px}.tt-comment-error:empty{display:none}
@media(max-width:760px){.tt-comment-dropzone{min-height:44px}.tt-comment-previews{grid-template-columns:1fr}.tt-comment-preview .tt-icon-button{min-width:44px;min-height:44px}.tt-comment-image img{max-height:260px}.tt-comment-actions{flex-wrap:wrap}}

/* AI review uses the shared action-card surface inside the native Team workspace. */
.tt-workspace > .erp-action-card{margin-bottom:16px}
@media(max-width:768px){.tt-workspace .erp-action-card__actions .btn{min-height:44px}}