.task-email-thread-page{max-width:1600px}.task-email-thread-page .page-intro{max-width:760px}.task-email-workspace{grid-template-columns:340px minmax(0,1fr);min-height:720px;padding:0;display:grid;overflow:hidden}.task-thread-sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;min-width:0;display:flex}.task-thread-sidebar__header{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.task-thread-sidebar__header h2{color:var(--text);margin:0 0 3px;font-size:17px}.task-thread-sidebar__header span{color:var(--text-muted);font-size:10px}.task-thread-filters{border-bottom:1px solid var(--border-color-light);background:var(--bg-muted);gap:8px;padding:12px;display:grid}.task-thread-filter-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.task-thread-filters .form-control{min-width:0;font-size:11px}.task-thread-list{min-height:0;overflow-y:auto}.task-thread-item{border:0;border-bottom:1px solid var(--border-color-light);background:var(--bg-surface);width:100%;color:inherit;text-align:left;cursor:pointer;border-left:3px solid #0000;gap:5px;padding:14px 15px;transition:background .16s,border-color .16s;display:grid}.task-thread-item:hover{background:var(--bg-muted)}.task-thread-item.is-selected{border-left-color:var(--primary);background:var(--primary-lt)}.task-thread-item__top,.task-thread-item__bottom,.task-thread-item__signals{justify-content:space-between;align-items:center;gap:8px;display:flex}.task-thread-item__top strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.task-thread-item__top time,.task-thread-item__code{color:var(--text-muted);font-size:9px}.task-thread-item__entity{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.task-thread-item__bottom>span:first-child{color:var(--text-muted);font-size:9px}.task-thread-item .status{padding:3px 6px;font-size:8px}.thread-unread{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.task-thread-empty{color:var(--text-muted);text-align:center;gap:4px;padding:40px 20px;display:grid}.task-thread-empty strong{color:var(--text)}.task-thread-reader{background:var(--bg-muted);min-width:0}.task-thread-panel{min-height:100%}.task-thread-context{z-index:3;border-bottom:1px solid var(--border-color);background:var(--bg-surface);padding:16px 20px 14px;position:sticky;top:0;box-shadow:0 3px 12px #0f172a09}.task-thread-back{margin-bottom:10px;display:none}.task-thread-context__main{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.task-thread-context__main h2{color:var(--text);margin:4px 0;font-size:18px}.task-thread-context__main p{color:var(--text-muted);margin:0;font-size:11px}.task-thread-context__actions{flex-wrap:wrap;gap:7px;display:flex}.task-thread-context__facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 0;display:grid}.task-thread-context__facts div{min-width:0}.task-thread-context__facts dt{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:700}.task-thread-context__facts dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;font-weight:600;overflow:hidden}.task-thread-timeline{gap:12px;padding:18px 22px;display:grid}.task-thread-timeline__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-thread-timeline__heading h3{color:var(--text);margin:0;font-size:14px}.task-thread-timeline__heading p{color:var(--text-muted);margin:3px 0 0;font-size:10px}.email-message{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:10px;margin-left:20px;position:relative;box-shadow:0 2px 7px #0f172a09}.email-message:before{border:3px solid var(--bg-muted);background:var(--azure);content:"";box-sizing:content-box;border-radius:50%;width:8px;height:8px;position:absolute;top:25px;left:-21px}.email-message:after{background:var(--border-color);content:"";width:1px;position:absolute;top:38px;bottom:-21px;left:-15px}.email-message:last-child:after{display:none}.email-message--outbound:before{background:var(--primary)}.email-message--note{background:var(--yellow-lt);border-style:dashed}.email-message--note:before{background:var(--yellow)}.email-message__summary{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:11px;padding:14px;display:grid}.email-message__avatar{background:var(--azure-lt);width:34px;height:34px;color:var(--azure);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.email-message--outbound .email-message__avatar{background:var(--primary-lt);color:var(--primary)}.email-message--note .email-message__avatar{background:var(--yellow);color:#fff}.email-message__summary-main{gap:6px;min-width:0;display:grid}.email-message__headline{align-items:center;gap:7px;display:flex}.email-message__headline strong{color:var(--text);font-size:12px}.email-message__headline time{color:var(--text-muted);margin-left:auto;font-size:9px}.email-message__recipients{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.email-message__subject{color:var(--text);font-size:12px;font-weight:700}.email-message__preview{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.email-message__attachments{flex-wrap:wrap;gap:6px;display:flex}.attachment-chip{border:1px solid var(--border-color-light);background:var(--bg-muted);color:var(--text-muted);border-radius:5px;padding:5px 7px;font-size:9px}.email-message__summary-side{justify-items:end;gap:12px;display:grid}.email-message__chevron{color:var(--text-muted);font-size:18px;line-height:1;transition:transform .18s}.email-message.is-expanded .email-message__chevron{transform:rotate(180deg)}.email-message__full{border-top:1px solid var(--border-color-light);padding:0 16px 16px 59px}.email-message__metadata{grid-template-columns:1fr 1fr;gap:6px 16px;margin:14px 0;display:grid}.email-message__metadata div{grid-template-columns:42px 1fr;gap:6px;display:grid}.email-message__metadata dt{color:var(--text-muted);font-size:9px;font-weight:700}.email-message__metadata dd{color:var(--text);margin:0;font-size:10px}.email-message__body{background:var(--bg-muted);color:var(--text);border-radius:7px;padding:14px;font-size:11px;line-height:1.65}.email-message--note .email-message__body{background:#ffffff8c}.email-message__files{gap:7px;margin-top:14px;display:grid}.email-message__files>strong{color:var(--text);font-size:10px}.email-file{border:1px solid var(--border-color-light);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.email-file>span:first-child{gap:2px;display:grid}.email-file b{color:var(--text);font-size:10px}.email-file small{color:var(--text-muted);font-size:9px}.email-file>span:last-child,.email-message__actions{flex-wrap:wrap;gap:6px;display:flex}.email-message__actions{margin-top:12px}.task-email-composer{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:10px;margin:0 22px 22px 42px;box-shadow:0 2px 8px #0f172a0a}.composer-mode-tabs{border-bottom:1px solid var(--border-color-light);flex-wrap:wrap;gap:4px;padding:9px;display:flex}.composer-mode{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700}.composer-mode.is-active{background:var(--primary-lt);color:var(--primary)}.composer-fields{grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:12px 12px 0;display:grid}.composer-fields label{gap:4px;display:grid}.composer-fields label>span{color:var(--text-muted);font-size:9px;font-weight:700}.composer-body{resize:vertical;width:calc(100% - 24px);margin:12px}.task-email-composer.is-note-mode .composer-fields{display:none}.task-email-composer.is-note-mode .composer-body{border-color:var(--yellow);background:var(--yellow-lt)}.composer-footer{justify-content:space-between;align-items:center;gap:12px;padding:0 12px 12px;display:flex}.composer-footer>div{color:var(--text-muted);align-items:center;gap:9px;font-size:9px;display:flex}.composer-closed{color:var(--text-muted);text-align:center;gap:4px;padding:22px;display:grid}.composer-closed strong{color:var(--text)}@media (width<=1180px){.task-email-workspace{grid-template-columns:300px minmax(0,1fr)}.task-thread-context__facts{grid-template-columns:repeat(3,1fr)}.composer-fields{grid-template-columns:1fr 1fr}.composer-fields label:last-child{grid-column:1/-1}}@media (width<=820px){.task-email-workspace{min-height:640px;display:block}.task-thread-sidebar{border-right:0}.task-thread-reader,.task-email-thread-page.is-reader-open .task-thread-sidebar{display:none}.task-email-thread-page.is-reader-open .task-thread-reader{display:block}.task-thread-back{display:inline-flex}.task-thread-context{position:static}.task-thread-context__main{flex-direction:column}.task-thread-context__facts{grid-template-columns:repeat(2,1fr)}.task-thread-timeline{padding:14px 12px}.email-message{margin-left:15px}.email-message__summary{grid-template-columns:30px minmax(0,1fr)}.email-message__avatar{width:30px;height:30px}.email-message__summary-side{grid-column:2;justify-content:space-between;align-items:center;display:flex}.email-message__full{padding:0 12px 12px}.email-message__metadata{grid-template-columns:1fr}.task-email-composer{margin:0 12px 14px}.composer-fields{grid-template-columns:1fr}.composer-fields label:last-child{grid-column:auto}}@media (width<=520px){.task-thread-filter-row{grid-template-columns:1fr}.task-thread-context__facts{grid-template-columns:1fr 1fr}.task-thread-context__actions{width:100%}.task-thread-context__actions .btn{flex:1;justify-content:center}.email-message__headline{flex-wrap:wrap}.email-message__headline time{width:100%;margin-left:0}.email-message__recipients{white-space:normal}.email-file{flex-direction:column;align-items:flex-start}.composer-footer{flex-direction:column;align-items:stretch}.composer-footer>div{justify-content:space-between}.composer-footer>.btn{justify-content:center}}