.chatter-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;width:100%;display:grid}@media (width>=1400px){.chatter-layout{grid-template-columns:minmax(0,1fr) 400px}}.chatter-layout-main{min-width:0}.chatter-layout-sidebar{border-left:1px solid var(--line);max-height:calc(100vh - 88px);padding-left:16px;position:sticky;top:72px;overflow-y:auto}@media (width<=1399px){.chatter-layout-sidebar{border-left:none;border-top:1px solid var(--line);max-height:none;padding-top:16px;padding-left:0;position:static}}.chatter-panel{flex-direction:column;gap:0;display:flex}.chatter-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.chatter-header-left{align-items:center;gap:8px;display:flex}.chatter-title{color:var(--text);font-size:.875rem;font-weight:600}.chatter-count{color:var(--brand);background:#52ae321f;border-radius:9999px;padding:1px 7px;font-size:.6875rem;font-weight:600}.chatter-header-actions{align-items:center;gap:4px;display:flex}.chatter-btn-subtle{border:1px solid var(--line);color:var(--text-faint);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:.6875rem;display:inline-flex}.chatter-btn-subtle:hover{background:var(--surface-hover);color:var(--text-muted);border-color:var(--line-strong)}.chatter-btn-subtle.active{color:var(--brand);background:#52ae3214;border-color:#52ae324d}.chatter-btn-subtle.small{margin-left:auto;padding:2px 6px;font-size:.625rem}.chatter-btn-icon{width:24px;height:24px;color:var(--text-faint);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.chatter-btn-icon:hover{background:var(--surface-hover);color:var(--text-muted)}.chatter-btn-icon.active{color:var(--brand);background:#52ae321a}.chatter-btn-icon.success:hover{background:var(--success-tint);color:var(--success)}.chatter-btn-icon.danger:hover{background:var(--danger-tint);color:var(--danger)}.chatter-section-label{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:.6875rem;font-weight:600;display:flex}.chatter-count-sm{background:var(--surface-hover);color:var(--text-faint);border-radius:9999px;padding:0 5px;font-size:.625rem;font-weight:600}.chatter-empty{color:var(--text-faint);text-align:center;padding:20px 12px;font-size:.6875rem}.chatter-empty-sm{color:var(--text-faint);padding:4px 0;font-size:.6875rem}.chatter-activities{background:var(--surface-hover);border-radius:var(--radius);margin-bottom:12px;padding:12px}.chatter-activity-item{border-left:3px solid var(--text-faint);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface);transition:box-shadow var(--t-fast);align-items:flex-start;gap:8px;margin-bottom:6px;padding:8px;display:flex}.chatter-activity-item:last-child{margin-bottom:0}.chatter-activity-item:hover{box-shadow:var(--shadow-sm)}.chatter-activity-icon{flex-shrink:0;margin-top:2px}.chatter-activity-body{flex:1;min-width:0}.chatter-activity-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chatter-activity-type{font-size:.6875rem;font-weight:600}.chatter-activity-due{font-size:.625rem;font-weight:500}.chatter-activity-summary{color:var(--text-muted);margin-top:2px;font-size:.6875rem;line-height:1.4}.chatter-activity-meta{color:var(--text-faint);align-items:center;gap:4px;margin-top:3px;font-size:.625rem;display:flex}.chatter-activity-actions{flex-shrink:0;gap:2px;display:flex}.chatter-followers{background:var(--surface-hover);border-radius:var(--radius);margin-bottom:12px;padding:12px}.chatter-follower-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:4px 0;display:flex}.chatter-follower-item+.chatter-follower-item{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.chatter-follower-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.chatter-follower-avatar{width:24px;height:24px;color:var(--brand);background:#52ae321f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.chatter-follower-text{flex-direction:column;min-width:0;display:flex}.chatter-follower-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:500;overflow:hidden}.chatter-follower-email{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;overflow:hidden}.chatter-follower-actions{gap:2px;display:flex}.chatter-follower-settings{flex-direction:column;gap:4px;width:100%;padding:8px 8px 4px;display:flex}.chatter-toggle-row{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:.6875rem;display:flex}.chatter-toggle-row input[type=checkbox]{accent-color:var(--brand);width:14px;height:14px}.chatter-toggle-row.highlight{color:var(--text);border-top:1px solid var(--line);margin-top:4px;padding:8px 0;font-weight:500}.chatter-composer{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.chatter-type-toggle{border-bottom:1px solid var(--line);display:flex}.chatter-type-btn{color:var(--text-faint);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 0;font-family:inherit;font-size:.6875rem;font-weight:500;display:flex}.chatter-type-btn:hover{background:var(--surface-hover)}.chatter-type-btn+.chatter-type-btn{border-left:1px solid var(--line)}.chatter-type-btn.active-note{color:var(--warning);background:#f59e0b14;font-weight:600}.chatter-type-btn.active-comment{color:var(--brand);background:#52ae3214;font-weight:600}.chatter-input-wrap{position:relative}.chatter-textarea{resize:none;width:100%;color:var(--text);background:0 0;border:none;outline:none;min-height:48px;padding:10px 12px;font-family:inherit;font-size:.75rem;line-height:1.5}.chatter-textarea::placeholder{color:var(--text-faint)}.chatter-mention-popup{background:var(--surface-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:var(--z-dropdown);min-width:180px;max-width:280px;position:absolute;bottom:100%;left:12px;overflow:hidden}.chatter-mention-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:.6875rem;display:flex}.chatter-mention-item:hover{background:var(--surface-hover)}.chatter-attachments-preview{flex-wrap:wrap;gap:4px;padding:4px 12px 8px;display:flex}.chatter-attachment-chip{color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--line);border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.625rem;display:inline-flex}.chatter-chip-remove{width:14px;height:14px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.chatter-chip-remove:hover{background:var(--danger-tint);color:var(--danger)}.chatter-composer-actions{border-top:1px solid var(--line);background:var(--surface-hover);justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.chatter-composer-left{gap:4px;display:flex}.chatter-timeline{flex-direction:column;max-height:600px;display:flex;overflow-y:auto}.chatter-entry{gap:10px;padding:8px 0;display:flex}.chatter-entry+.chatter-entry{border-top:1px solid var(--line)}.chatter-entry-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.chatter-entry-content{flex:1;min-width:0}.chatter-entry-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;display:flex}.chatter-entry-author{font-size:.6875rem;font-weight:600}.chatter-entry-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:0 5px;font-size:.5625rem;font-weight:600}.chatter-entry-time{color:var(--text-faint);margin-left:auto;font-size:.6875rem}.chatter-entry-body{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;font-size:.75rem;line-height:1.5}.body-note{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f59e0b0f;border-left:3px solid #f59e0b59;padding:6px 10px}.body-customer{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#22c55e0f;border-left:3px solid #22c55e59;padding:6px 10px}.body-email{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#3b82f60f;border-left:3px solid #3b82f659;padding:6px 10px}.body-activity{color:var(--text-faint);font-style:italic}.body-tracking{color:var(--text-faint);font-size:.6875rem}.body-automation{color:var(--text-faint);font-size:.6875rem;font-style:italic}.chatter-tracking{flex-direction:column;gap:2px;padding:4px 0;display:flex}.chatter-tracking-row{flex-wrap:wrap;align-items:center;gap:5px;font-size:.6875rem;display:flex}.chatter-tracking-label{color:var(--text-muted);font-weight:500}.chatter-tracking-old{color:var(--danger);font-size:.6875rem;text-decoration:line-through}.chatter-tracking-arrow{color:var(--text-faint);flex-shrink:0}.chatter-tracking-new{color:var(--success);font-size:.6875rem;font-weight:500}.chatter-entry-attachments{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chatter-attachment-link{color:var(--brand);transition:background var(--t-fast);background:#52ae320f;border:1px solid #52ae3233;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.625rem;text-decoration:none;display:inline-flex}.chatter-attachment-link:hover{background:#52ae321f}.chatter-attachment-size{color:var(--text-faint)}.chatter-attachment-row{align-items:center;gap:2px;display:inline-flex}.chatter-attachment-link-btn{cursor:pointer;font-family:inherit}.chatter-attachment-download{color:var(--text-faint);transition:all var(--t-fast);background:0 0;border:1px solid #52ae3233;border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;text-decoration:none;display:inline-flex}.chatter-attachment-download:hover{color:var(--brand);background:#52ae320f}.chatter-modal-form{flex-direction:column;gap:12px;display:flex}.chatter-form-field{flex-direction:column;gap:4px;display:flex}.chatter-form-field label{color:var(--text-muted);font-size:.6875rem;font-weight:500}.chatter-modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:8px;padding-top:16px;display:flex}.chatter-activity-complete-header{color:var(--text);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding-bottom:8px;font-size:.75rem;font-weight:500;display:flex}.chatter-text-faint{color:var(--text-faint);font-size:.6875rem;font-weight:400}