.comm-shell284{display:grid;grid-template-columns:minmax(250px,32%) 1fr;min-height:620px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.07)}
.comm-list284{border-right:1px solid var(--line);background:#f7f9fc;min-width:0}.comm-list-head284{padding:18px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;justify-content:space-between}.comm-search284{padding:12px 16px}.comm-search284 input{width:100%}.comm-items284{overflow:auto;max-height:555px}.comm-item284{width:100%;border:0;border-bottom:1px solid #e7ebf2;background:transparent;padding:14px 16px;text-align:left;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;color:var(--text);cursor:pointer}.comm-item284:hover,.comm-item284.active{background:#fff}.comm-avatar284{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#dfe9ff;color:#194aab;font-weight:900}.comm-item284 strong,.comm-item284 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-item284 small{color:var(--muted);margin-top:3px}.comm-count284{min-width:22px;height:22px;border-radius:11px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.comm-pane284{min-width:0;display:flex;flex-direction:column}.comm-pane-head284{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.comm-messages284{padding:20px;overflow:auto;height:470px;background:linear-gradient(#fbfcff,#f7f9fc)}.comm-bubble-row284{display:flex;margin:0 0 13px}.comm-bubble-row284.mine{justify-content:flex-end}.comm-bubble284{max-width:min(72%,680px);border:1px solid #dfe5ef;border-radius:16px 16px 16px 5px;background:#fff;padding:10px 13px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.comm-bubble-row284.mine .comm-bubble284{background:#1e5eff;color:#fff;border-color:#1e5eff;border-radius:16px 16px 5px 16px}.comm-bubble284 small{display:block;margin-top:6px;opacity:.72;font-size:11px}.comm-link284{margin-top:8px;padding:7px 9px;border-radius:9px;background:rgba(100,116,139,.1);font-size:12px}.comm-compose284{border-top:1px solid var(--line);padding:13px 16px;display:grid;grid-template-columns:1fr auto;gap:10px}.comm-compose284 textarea{min-height:54px;max-height:130px;resize:vertical}.comm-tabs284{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.comm-tabs284 button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer}.comm-tabs284 button.active{background:#153e90;color:#fff;border-color:#153e90}.task-kpis284{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:15px}.task-kpi284{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.task-kpi284 span{display:block;color:var(--muted);font-size:12px}.task-kpi284 strong{font-size:24px}.task-filters284{display:flex;gap:9px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.task-filters284 .field{min-width:145px;margin:0}.task-row284.overdue{box-shadow:inset 4px 0 #dc2626}.priority284{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#eef2f7}.priority284.spoed{background:#fee2e2;color:#b91c1c}.priority284.hoog{background:#fff1d6;color:#9a5b00}.notification-row284{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px}.notification-row284.unread{background:#f4f7ff;border-color:#b9caff}.pref-grid284{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px}.pref-card284{border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;justify-content:space-between;gap:15px;align-items:center}.pref-card284 small{display:block;color:var(--muted);margin-top:4px}.comm-empty284{display:grid;place-items:center;text-align:center;min-height:520px;padding:30px;color:var(--muted)}
@media(max-width:900px){.comm-shell284{grid-template-columns:1fr}.comm-list284{border-right:0;border-bottom:1px solid var(--line)}.comm-items284{max-height:250px}.task-kpis284,.pref-grid284{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.task-kpis284,.pref-grid284{grid-template-columns:1fr}.comm-bubble284{max-width:88%}}

/* v2.8.4.3 - Emoji en ongelezen berichten */
.comm-compose284{position:relative;grid-template-columns:auto 1fr auto;align-items:end}
.message-nav-dot284{display:inline-block;width:10px;height:10px;flex:0 0 10px;margin-left:8px;border-radius:50%;background:#20c768;box-shadow:0 0 0 3px rgba(32,199,104,.18)}
.message-nav-dot284.pulse284{animation:messagePulse284 1.15s ease-in-out infinite}
.message-nav-dot284.incoming284{animation:messageIncoming284 .55s ease-out 3,messagePulse284 1.15s 1.65s ease-in-out infinite}
@keyframes messagePulse284{0%,100%{transform:scale(.82);box-shadow:0 0 0 2px rgba(32,199,104,.15)}50%{transform:scale(1.12);box-shadow:0 0 0 7px rgba(32,199,104,0)}}
@keyframes messageIncoming284{0%{transform:scale(.65)}55%{transform:scale(1.55)}100%{transform:scale(1)}}
.emoji-wrap284{position:relative;align-self:end}
.emoji-toggle284{width:54px;height:54px;border:1px solid #d8dfeb;border-radius:13px;background:#fff;font-size:24px;cursor:pointer;transition:.18s ease;display:grid;place-items:center}
.emoji-toggle284:hover,.emoji-toggle284.active{background:#eef4ff;border-color:#8eb0f6;transform:translateY(-1px)}
.emoji-picker284{position:absolute;left:0;bottom:64px;z-index:80;width:min(390px,calc(100vw - 44px));height:385px;background:#fff;border:1px solid #dce3ee;border-radius:18px;box-shadow:0 22px 55px rgba(15,23,42,.24);overflow:hidden;display:flex;flex-direction:column}
.emoji-picker-head284{padding:12px 13px 8px;border-bottom:1px solid #e7ebf2;background:#fbfcfe}
.emoji-picker-search284{width:100%;height:38px!important;min-height:38px!important;border-radius:10px!important}
.emoji-categories284{display:flex;gap:2px;padding:7px 8px;border-bottom:1px solid #e7ebf2;overflow-x:auto;scrollbar-width:thin;background:#fff}
.emoji-category284{flex:0 0 38px;width:38px;height:36px;border:0;border-radius:9px;background:transparent;font-size:19px;cursor:pointer}
.emoji-category284:hover,.emoji-category284.active{background:#eaf1ff}
.emoji-grid284{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:10px;overflow:auto;align-content:start;flex:1}
.emoji-item284{border:0;background:transparent;border-radius:9px;min-width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.emoji-item284:hover{background:#edf3ff;transform:scale(1.13)}
.emoji-empty284{grid-column:1/-1;text-align:center;color:var(--muted);padding:34px 12px}
.emoji-picker-foot284{padding:7px 12px;border-top:1px solid #e7ebf2;color:var(--muted);font-size:11px;background:#fbfcfe}
@media(max-width:620px){.comm-compose284{grid-template-columns:auto 1fr}.comm-compose284>.btn-primary{grid-column:1/-1}.emoji-picker284{position:fixed;left:12px;right:12px;bottom:12px;width:auto;height:420px}.emoji-grid284{grid-template-columns:repeat(7,1fr)}}

/* v2.8.4.4 - Directe teamchat */
.comm-section-title284{padding:13px 16px 7px;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#f7f9fc;border-bottom:1px solid #edf0f5}
.comm-user284{grid-template-columns:42px minmax(0,1fr) auto}
.comm-online284{width:10px;height:10px;border-radius:50%;display:block;margin:0 4px;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.15)}
.comm-online284.online2120{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15)}
.comm-online284.offline2120{background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.14)}
.comm-user-tail2120{display:flex;align-items:center;gap:7px}
.comm-user284.active .comm-online284.online2120{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.16)}

/* v2.8.4.5 - Beheerdersactie gesprek */
.comm-pane-head284>.priority284{margin-left:auto}
.comm-delete284{white-space:nowrap}
@media(max-width:620px){.comm-pane-head284{align-items:flex-start;flex-wrap:wrap}.comm-delete284{width:100%}}

/* v2.8.5.0 - Chat Pro */
.comm-compose284{grid-template-columns:auto auto minmax(0,1fr) auto}
.chat-attach-wrap284{align-self:end}
.chat-attach-button284{width:54px;height:54px;border:1px solid #d8dfeb;border-radius:13px;background:#fff;font-size:23px;cursor:pointer;display:grid;place-items:center;transition:.18s ease}
.chat-attach-button284:hover{background:#eef4ff;border-color:#8eb0f6;transform:translateY(-1px)}
.chat-attach-button284:disabled{opacity:.55;cursor:wait}
.chat-typing284{height:18px;margin-top:3px;color:#16a05d;font-size:12px;font-weight:750}
.chat-attachments284{display:grid;gap:7px;margin-top:8px}
.chat-image-card284{display:block;border:0;border-radius:12px;padding:0;overflow:hidden;background:#eef2f7;color:#334155;text-align:left;cursor:pointer;max-width:340px}
.chat-image-card284 img{display:block;width:100%;max-height:230px;object-fit:cover;background:#e2e8f0;min-height:80px}
.chat-image-card284 span{display:block;padding:7px 9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-preview-error284 img{display:none}.chat-preview-error284:before{content:'Voorbeeld niet beschikbaar';display:block;padding:18px;text-align:center;color:#64748b}
.chat-file-card284{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;width:min(360px,100%);border:1px solid rgba(100,116,139,.22);border-radius:11px;padding:9px 10px;background:rgba(248,250,252,.94);color:#1e293b;text-align:left;cursor:pointer}
.chat-file-card284:hover{border-color:#8eb0f6;background:#fff}.chat-file-card284 strong,.chat-file-card284 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-file-card284 small{margin:2px 0 0!important;color:#64748b}.chat-file-card284>span:last-child{font-size:11px;font-weight:800;color:#2563eb}.chat-file-icon284{font-size:20px}
.comm-bubble-row284.mine .chat-file-card284{background:rgba(255,255,255,.95)}
.comm-bubble-row284.mine .chat-image-card284{background:rgba(255,255,255,.95)}
@media(max-width:620px){.comm-compose284{grid-template-columns:auto auto minmax(0,1fr)}.comm-compose284>.btn-primary{grid-column:1/-1}.chat-file-card284{grid-template-columns:auto minmax(0,1fr)}.chat-file-card284>span:last-child{display:none}}

/* v2.8.5.1 - Groepen en gespreksbeheer */
.chat-header-actions2851{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.chat-pref-button2851{white-space:nowrap}.chat-pref-button2851.active{background:#e8f0ff;border-color:#8db0f7;color:#174da8}
.group-members-grid2851{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px;max-height:390px;overflow:auto;padding:2px}
.group-member2851{cursor:pointer}.group-member2851:has(input:checked){background:#f3f7ff;border-color:#9bb8ef}
.group-member2851 input:disabled{cursor:not-allowed;opacity:.75}
@media(max-width:900px){.comm-pane-head284>.priority284{margin-left:0}.chat-header-actions2851{width:100%}}
@media(max-width:620px){.group-members-grid2851{grid-template-columns:1fr}.chat-header-actions2851 .btn{flex:1 1 calc(50% - 7px)}.chat-header-actions2851 .btn-danger{flex-basis:100%}}

/* v2.8.5.2 - Antwoorden, vermeldingen en berichtgeschiedenis */
.chat-history-control2852{text-align:center;padding:2px 0 18px}.chat-history-control2852 .btn{background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.06)}
.chat-message-head2852{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:3px}.chat-message-head2852>button{border:0;background:transparent;color:#64748b;font-size:11px;font-weight:800;cursor:pointer;opacity:0;transition:.15s}.comm-bubble284:hover .chat-message-head2852>button,.chat-message-head2852>button:focus{opacity:1}.comm-bubble-row284.mine .chat-message-head2852>button{color:rgba(255,255,255,.82)}
.chat-reply-quote2852{display:block;width:100%;border:0;border-left:3px solid #4f7ee8;border-radius:8px;background:rgba(79,126,232,.09);padding:7px 9px;margin:0 0 8px;text-align:left;color:inherit;cursor:pointer}.chat-reply-quote2852 strong,.chat-reply-quote2852 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-quote2852 strong{font-size:11px}.chat-reply-quote2852 span{font-size:12px;opacity:.78;margin-top:2px}.comm-bubble-row284.mine .chat-reply-quote2852{background:rgba(255,255,255,.15);border-left-color:#fff}
.chat-reply-compose2852{border-top:1px solid var(--line);background:#f5f8ff;padding:9px 17px 9px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:inset 4px 0 #3972e6}.chat-reply-compose2852 strong,.chat-reply-compose2852 small{display:block}.chat-reply-compose2852 strong{font-size:12px;color:#174da8}.chat-reply-compose2852 small{max-width:650px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-reply-compose2852 button{width:30px;height:30px;border:0;border-radius:9px;background:#fff;color:#475569;font-size:20px;cursor:pointer}
.chat-mention2852{display:inline-block;border-radius:5px;background:#dce9ff;color:#174da8;font-weight:850;padding:0 3px}.comm-bubble-row284.mine .chat-mention2852{background:rgba(255,255,255,.22);color:#fff}
.mention-picker2852{position:absolute;left:118px;bottom:76px;z-index:95;width:min(360px,calc(100% - 140px));max-height:330px;overflow:auto;border:1px solid #dbe2ed;border-radius:15px;background:#fff;box-shadow:0 20px 48px rgba(15,23,42,.22);padding:6px}.mention-picker2852>button{width:100%;border:0;border-radius:10px;background:#fff;padding:8px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;text-align:left;cursor:pointer;color:#1e293b}.mention-picker2852>button:hover,.mention-picker2852>button.active{background:#edf4ff}.mention-picker2852 .comm-avatar284{width:38px;height:38px;border-radius:11px}.mention-picker2852 strong,.mention-picker2852 small{display:block}.mention-picker2852 small{color:#64748b;margin-top:2px}.mention-empty2852{padding:18px;text-align:center;color:#64748b}
.message-search-results2852{display:grid;gap:7px;max-height:430px;overflow:auto;margin-top:14px}.message-search-results2852>button{border:1px solid #e0e6ef;border-radius:12px;background:#fff;padding:11px 13px;text-align:left;cursor:pointer;color:#1e293b}.message-search-results2852>button:hover{background:#f4f7ff;border-color:#a8bce6}.message-search-results2852>button>span{display:flex;justify-content:space-between;gap:12px}.message-search-results2852 small{color:#64748b}.message-search-results2852 p{margin:6px 0 0;color:#475569;line-height:1.4}.message-highlight2852 .comm-bubble284{animation:messageHighlight2852 1.05s ease-in-out 2}@keyframes messageHighlight2852{0%,100%{box-shadow:0 4px 14px rgba(15,23,42,.04)}50%{box-shadow:0 0 0 5px rgba(245,158,11,.36),0 9px 22px rgba(15,23,42,.12)}}
@media(max-width:620px){.chat-message-head2852>button{opacity:.8}.mention-picker2852{position:fixed;left:12px;right:12px;bottom:84px;width:auto;max-height:45vh}.chat-reply-compose2852 small{max-width:260px}}
.notification-actions284{display:grid;gap:7px;min-width:105px}.notification-actions284 .btn{width:100%}@media(max-width:620px){.notification-row284{grid-template-columns:42px 1fr}.notification-actions284{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}}