.collaboration-inbox{margin-bottom:20px}.collaboration-feed{display:grid;gap:10px}.collaboration-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 16px;border:1px solid var(--line,#d8dce3);border-radius:12px;background:var(--panel,#fff);color:var(--text,#20242c)}.collaboration-card.unread{border-left:4px solid var(--accent,#0f6cbd);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.collaboration-card strong{color:var(--text,#20242c)}.collaboration-kind{font-size:12px;font-weight:700;color:var(--muted,#667085);text-transform:uppercase}.collaboration-card p{margin:4px 0;color:var(--text,#20242c);overflow-wrap:anywhere}.collaboration-card time{font-size:12px;color:var(--muted,#667085)}.collaboration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.collaboration-actions .btn{min-height:34px;padding:6px 12px}.collaboration-fields{margin-top:12px}.user-picker-field{display:grid;gap:7px;margin-top:12px;color:var(--text);font-size:.875rem;font-weight:600}.user-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:190px;overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--line2);border-radius:8px;background:var(--panel)}.user-check-option{display:flex!important;grid-auto-flow:initial!important;align-items:center;gap:10px;min-width:0;padding:10px;border-radius:7px;background:var(--panel2);color:var(--text)!important;font-weight:500!important}.user-check-option input{width:20px!important;min-width:20px;min-height:20px!important;margin:0}.user-check-option span{display:grid;min-width:0}.user-check-option strong{overflow:hidden;text-overflow:ellipsis}.user-check-option small{color:var(--muted);font-weight:400}.user-check-empty{padding:10px;color:var(--muted);font-weight:400}.collaboration-comments-dialog{width:min(680px,calc(100vw - 28px))}.collaboration-comments{display:grid;gap:10px;max-height:52vh;overflow:auto;margin:8px 0 16px}.collaboration-comment{padding:12px 14px;border-radius:12px;background:var(--panel2,#f5f6f8)}.collaboration-comment>div{display:flex;justify-content:space-between;gap:12px}.collaboration-comment time,.collaboration-comment span button{font-size:12px;color:var(--muted,#667085)}.collaboration-comment p{white-space:pre-wrap;margin:7px 0}.collaboration-comment span{display:flex;gap:12px}.collaboration-comment span button{border:0;background:none;padding:0}.collaboration-comment-form{display:grid;grid-template-columns:1fr auto;gap:10px;position:relative}.collaboration-comment-form textarea{resize:none;min-height:56px}.mention-menu{position:absolute;z-index:30;left:0;right:0;bottom:calc(100% + 6px);padding:6px;background:var(--panel,#fff);color:var(--text);border:1px solid var(--line,#d8dce3);border-radius:12px;box-shadow:0 12px 32px #0002}.mention-menu button{width:100%;display:flex;justify-content:space-between;gap:10px;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;text-align:left}.mention-menu button:hover{background:var(--panel2,#f0f3f7)}.mention-menu small{color:var(--muted,#667085)}.chat-input-wrap{position:relative;min-width:0;flex:1}.chat-input-wrap textarea{width:100%}.push-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:16px 0}.push-device-list{display:grid;gap:8px}.push-device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-top:1px solid var(--line,#d8dce3)}.push-device div{display:grid}.push-device small,.settings-status{color:var(--muted,#667085)}.push-test-actions{display:flex;gap:8px}.calendar-agenda-actions{display:flex;align-items:center;gap:8px}.notification-item{cursor:pointer}.notification-item .collaboration-actions{grid-column:1/-1}.notification-item .collaboration-actions .btn{pointer-events:auto}@media(max-width:680px){.collaboration-card{grid-template-columns:1fr;gap:5px}.user-checklist{grid-template-columns:1fr;max-height:220px}.collaboration-comment-form{grid-template-columns:1fr}.push-test-actions{width:100%;flex-direction:column}.push-test-actions select{width:100%}}
