.oemmie-teamchat{display:grid;gap:18px}
.oemmie-teamchat-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border:1px solid #cfe6dd;border-radius:20px;background:linear-gradient(130deg,#eaf8f2,#fff 58%,#fff7df);box-shadow:0 10px 30px rgba(7,62,74,.06)}
.oemmie-teamchat-hero small,.oemmie-teamchat-sidebar small{display:block;color:#087b73;font-size:11px;font-weight:900;letter-spacing:.13em}
.oemmie-teamchat-hero h2{margin:5px 0;color:#073e4a;font-size:28px;line-height:1.1}
.oemmie-teamchat-hero p{max-width:660px;margin:0;color:#55726c}
.oemmie-teamchat-stats{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:9px;min-width:330px}
.oemmie-teamchat-stats span{padding:12px 13px;border:1px solid #dcebe6;border-radius:15px;background:rgba(255,255,255,.86)}
.oemmie-teamchat-stats b,.oemmie-teamchat-stats em{display:block}
.oemmie-teamchat-stats b{color:#075b61;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oemmie-teamchat-stats em{margin-top:2px;color:#657d77;font-size:11px;font-style:normal;font-weight:800}
.oemmie-teamchat-layout{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:16px;min-height:610px}
.oemmie-teamchat-sidebar,.oemmie-teamchat-panel{min-width:0;border:1px solid #dce9e5;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(7,62,74,.055);overflow:hidden}
.oemmie-teamchat-sidebar header,.oemmie-teamchat-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e6efeb;background:#fbfffd}
.oemmie-teamchat-sidebar h3,.oemmie-teamchat-panel h3{margin:3px 0 0;color:#073e4a}
.oemmie-teamchat-sidebar header>span{padding:6px 10px;border-radius:999px;background:#e6f6ee;color:#087b73;font-size:12px;font-weight:900}
.oemmie-teamchat-contacts{display:grid;gap:6px;max-height:560px;overflow:auto;padding:10px}
.oemmie-teamchat-contacts button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid transparent;border-radius:15px;background:#fff;color:#073e4a;text-align:left;cursor:pointer}
.oemmie-teamchat-contacts button:hover,.oemmie-teamchat-contacts button.is-active{border-color:#9fd0bf;background:#edf8f3}
.oemmie-teamchat-contacts button.has-unread{background:#fff8ec;border-color:#f0d599}
.oemmie-teamchat-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#075b61,#0b8d7c);color:#fff;font-size:16px;font-weight:900;text-transform:uppercase;box-shadow:inset 0 -10px 18px rgba(255,255,255,.12)}
.oemmie-teamchat-contacts span:nth-child(2){min-width:0}
.oemmie-teamchat-contacts b,.oemmie-teamchat-contacts small,.oemmie-teamchat-contacts em{display:block}
.oemmie-teamchat-contacts b{overflow:hidden;color:#073e4a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.oemmie-teamchat-contacts small{display:flex;align-items:center;gap:6px;margin-top:2px;color:#617a74;font-size:11px;font-weight:800}
.oemmie-teamchat-contacts small i{width:8px;height:8px;border-radius:999px;background:#9aa9a5}
.oemmie-teamchat-contacts small i.online{background:#1aa870;box-shadow:0 0 0 4px rgba(26,168,112,.12)}
.oemmie-teamchat-contacts small i.away{background:#d8991b}
.oemmie-teamchat-contacts em{margin-top:3px;overflow:hidden;color:#78908a;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.oemmie-teamchat-contacts strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#c83f38;color:#fff;font-size:12px}
.oemmie-teamchat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.oemmie-teamchat-panel header{justify-content:flex-start}
.oemmie-teamchat-panel header small{color:#617a74;font-size:12px;font-weight:800}
.oemmie-teamchat-stream{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:18px;background:linear-gradient(180deg,#f8fcfa,#fff)}
.oemmie-teamchat-message{max-width:min(620px,84%);padding:10px 13px;border:1px solid #dfece8;border-radius:16px 16px 16px 5px;background:#fff;color:#123f47;box-shadow:0 4px 12px rgba(7,62,74,.04)}
.oemmie-teamchat-message.mine{align-self:flex-end;border-color:#087b73;border-radius:16px 16px 5px 16px;background:#087b73;color:#fff}
.oemmie-teamchat-message b,.oemmie-teamchat-message p,.oemmie-teamchat-message small{display:block}
.oemmie-teamchat-message b{margin-bottom:4px;font-size:12px}
.oemmie-teamchat-message p{margin:0;line-height:1.45}
.oemmie-teamchat-message small{margin-top:5px;color:#6d847e;font-size:11px;font-weight:800}
.oemmie-teamchat-message.mine small{color:#d9fff1}
.oemmie-teamchat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px;border-top:1px solid #e6efeb;background:#fff}
.oemmie-teamchat-form textarea{min-height:54px!important;max-height:130px;resize:vertical;border-radius:14px!important}
.oemmie-teamchat-form button{min-height:46px;border-radius:13px!important}
.oemmie-teamchat-form small{grid-column:1/-1;color:#617a74;font-size:12px}
.oemmie-teamchat-empty,.oemmie-teamchat-loading{display:grid;place-items:center;gap:6px;min-height:190px;padding:24px;color:#607a74;text-align:center}
.oemmie-teamchat-empty .dashicons{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#e6f6ee;color:#087b73;font-size:22px}
.oemmie-teamchat-empty b{color:#073e4a}
.oemmie-teamchat-empty p{max-width:330px;margin:0;font-size:13px}
@media(max-width:980px){
 .oemmie-teamchat-hero{display:block}
 .oemmie-teamchat-stats{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin-top:14px}
 .oemmie-teamchat-layout{grid-template-columns:1fr;min-height:0}
 .oemmie-teamchat-contacts{max-height:290px}
}
@media(max-width:650px){
 .oemmie-teamchat-hero{padding:17px;border-radius:17px}
 .oemmie-teamchat-hero h2{font-size:24px}
 .oemmie-teamchat-stats{grid-template-columns:1fr}
 .oemmie-teamchat-sidebar,.oemmie-teamchat-panel{border-radius:17px}
 .oemmie-teamchat-contacts button{grid-template-columns:38px minmax(0,1fr) auto;padding:10px}
 .oemmie-teamchat-avatar{width:38px;height:38px;border-radius:13px}
 .oemmie-teamchat-message{max-width:94%}
 .oemmie-teamchat-form{grid-template-columns:1fr}
 .oemmie-teamchat-form button{width:100%}
}
.oemmie-teamchat-widget{position:fixed;left:282px;bottom:22px;z-index:9991;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.oemmie-teamchat-launcher{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 15px 10px 13px;border:0;border-radius:999px;background:linear-gradient(135deg,#075b61,#087b73);color:#fff;box-shadow:0 15px 34px rgba(7,62,74,.28);cursor:pointer}
.oemmie-teamchat-launcher .dashicons{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);font-size:18px}
.oemmie-teamchat-launcher b,.oemmie-teamchat-launcher small{display:block;text-align:left}
.oemmie-teamchat-launcher b{font-size:13px;line-height:1.1}
.oemmie-teamchat-launcher small{margin-top:2px;color:#d8fff3;font-size:10px;font-weight:850}
.oemmie-teamchat-launcher em{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:#c83f38;color:#fff;font-size:11px;font-style:normal;font-weight:900}
.oemmie-teamchat-drawer{position:absolute;left:0;bottom:68px;display:none;width:min(830px,calc(100vw - 318px));overflow:hidden;border:1px solid #cfe3dc;border-radius:24px;background:#f8fcfa;box-shadow:0 28px 70px rgba(7,62,74,.25)}
.oemmie-teamchat-widget.is-open .oemmie-teamchat-drawer{display:block}
.oemmie-teamchat-compact{gap:0;background:#f8fcfa}
.oemmie-teamchat-compact .oemmie-teamchat-widget-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px;border-bottom:1px solid #dce9e5;background:linear-gradient(135deg,#eaf8f2,#fff 62%,#fff5dc)}
.oemmie-teamchat-widget-head small{display:block;color:#087b73;font-size:10px;font-weight:900;letter-spacing:.13em}
.oemmie-teamchat-widget-head h2{margin:3px 0;color:#073e4a;font-size:22px}
.oemmie-teamchat-widget-head p{margin:0;color:#5b746e;font-size:12px}
.oemmie-teamchat-widget-head button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #d6e7e1;border-radius:12px;background:#fff;color:#075b61;cursor:pointer}
.oemmie-teamchat-compact .oemmie-teamchat-layout{grid-template-columns:minmax(245px,285px) minmax(0,1fr);gap:0;min-height:520px;max-height:calc(100vh - 220px)}
.oemmie-teamchat-compact .oemmie-teamchat-sidebar,.oemmie-teamchat-compact .oemmie-teamchat-panel{border:0;border-radius:0;box-shadow:none}
.oemmie-teamchat-compact .oemmie-teamchat-sidebar{border-right:1px solid #dce9e5}
.oemmie-teamchat-compact .oemmie-teamchat-contacts{max-height:455px}
.oemmie-teamchat-compact .oemmie-teamchat-stream{min-height:0}
@media(max-width:980px){
 .oemmie-teamchat-widget{left:14px;bottom:88px}
 .oemmie-teamchat-drawer{width:calc(100vw - 28px);max-width:830px}
}
@media(max-width:650px){
 .oemmie-teamchat-widget{bottom:88px}
 .oemmie-teamchat-launcher{min-height:52px;padding:10px 13px}
 .oemmie-teamchat-launcher>span:nth-child(2){display:none}
 .oemmie-teamchat-drawer{bottom:62px;border-radius:20px}
 .oemmie-teamchat-compact .oemmie-teamchat-widget-head{padding:14px}
 .oemmie-teamchat-compact .oemmie-teamchat-layout{grid-template-columns:1fr;max-height:calc(100vh - 178px);min-height:0}
 .oemmie-teamchat-compact .oemmie-teamchat-sidebar{border-right:0;border-bottom:1px solid #dce9e5}
 .oemmie-teamchat-compact .oemmie-teamchat-contacts{max-height:190px}
 .oemmie-teamchat-compact .oemmie-teamchat-stream{min-height:260px;max-height:calc(100vh - 445px)}
}

/* 11.59.46 - Teamchat visueel verfijnd */
.oemmie-teamchat{--chat-green:#075b61;--chat-green-2:#087b73;--chat-gold:#d99b26;--chat-ink:#073e4a;--chat-muted:#627b75;--chat-line:#d8e9e3;--chat-soft:#f6fbf8}
.oemmie-teamchat-widget{left:286px;bottom:24px}
.oemmie-teamchat-launcher{min-height:54px;padding:9px 16px 9px 10px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,#064c52 0%,#087b73 76%,#0b8d7c 100%);box-shadow:0 18px 42px rgba(7,62,74,.26),0 0 0 5px rgba(8,123,115,.08);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.oemmie-teamchat-launcher:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(7,62,74,.3),0 0 0 6px rgba(8,123,115,.11);filter:saturate(1.04)}
.oemmie-teamchat-launcher:focus-visible{outline:3px solid #e2ad25;outline-offset:3px}
.oemmie-teamchat-launcher .dashicons{width:38px;height:38px;background:rgba(255,255,255,.96);color:#075b61;box-shadow:inset 0 -6px 12px rgba(8,123,115,.08)}
.oemmie-teamchat-launcher b{font-size:13px;letter-spacing:.01em}
.oemmie-teamchat-launcher small{color:#dff8f0}
.oemmie-teamchat-launcher em{right:-3px;top:-7px;min-width:24px;height:24px;border-width:3px;box-shadow:0 8px 18px rgba(200,63,56,.24)}
.oemmie-teamchat-drawer{width:min(920px,calc(100vw - 332px));border-color:#c7e0d8;border-radius:26px;background:rgba(250,254,252,.98);box-shadow:0 34px 85px rgba(7,62,74,.27);backdrop-filter:blur(12px)}
.oemmie-teamchat-widget.is-open .oemmie-teamchat-drawer{animation:oemmieTeamchatRise .18s ease-out both}
@keyframes oemmieTeamchatRise{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.oemmie-teamchat-compact .oemmie-teamchat-widget-head{align-items:center;padding:19px 21px;border-bottom:0;background:linear-gradient(135deg,#073e4a 0%,#087b73 76%,#d99b26 100%);color:#fff}
.oemmie-teamchat-widget-head small{color:#dff8f0}
.oemmie-teamchat-widget-head h2{color:#fff;font-size:23px;letter-spacing:-.02em}
.oemmie-teamchat-widget-head p{max-width:440px;color:rgba(255,255,255,.86)}
.oemmie-teamchat-widget-head button{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.13);color:#fff;transition:background .16s ease,transform .16s ease}
.oemmie-teamchat-widget-head button:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
.oemmie-teamchat-compact .oemmie-teamchat-layout{grid-template-columns:minmax(265px,318px) minmax(0,1fr);min-height:560px;max-height:calc(100vh - 190px);background:#fff}
.oemmie-teamchat-sidebar,.oemmie-teamchat-panel{border-color:#d9e9e3;box-shadow:0 10px 26px rgba(7,62,74,.055)}
.oemmie-teamchat-compact .oemmie-teamchat-sidebar{background:#fbfefd}
.oemmie-teamchat-sidebar header,.oemmie-teamchat-panel header{min-height:72px;padding:14px 16px;background:#fff}
.oemmie-teamchat-sidebar header>span{background:#e7f7ef;color:#087b73;box-shadow:inset 0 0 0 1px rgba(8,123,115,.08)}
.oemmie-teamchat-contacts{gap:8px;padding:12px;scrollbar-color:#b9d8cf transparent}
.oemmie-teamchat-contacts button{position:relative;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 5px 14px rgba(7,62,74,.025);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.oemmie-teamchat-contacts button:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:#087b73;opacity:0}
.oemmie-teamchat-contacts button:hover{transform:translateY(-1px);border-color:#b7d9ce;box-shadow:0 9px 20px rgba(7,62,74,.06)}
.oemmie-teamchat-contacts button.is-active{border-color:#93cdbb;background:linear-gradient(135deg,#edf8f3,#fff);box-shadow:0 10px 23px rgba(8,123,115,.09)}
.oemmie-teamchat-contacts button.is-active:before,.oemmie-teamchat-contacts button.has-unread:before{opacity:1}
.oemmie-teamchat-contacts button.has-unread{background:linear-gradient(135deg,#fff8ec,#fff);border-color:#efcf91}
.oemmie-teamchat-avatar{width:44px;height:44px;border-radius:15px;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.26),transparent 30%),linear-gradient(135deg,#075b61,#0b8d7c);box-shadow:inset 0 -10px 18px rgba(255,255,255,.13),0 7px 14px rgba(7,62,74,.12)}
.oemmie-teamchat-contacts b{font-size:13px;letter-spacing:-.01em}
.oemmie-teamchat-contacts small{margin-top:3px;color:#5f7771;font-size:11px}
.oemmie-teamchat-contacts small i{flex:0 0 8px}
.oemmie-teamchat-contacts em{font-size:11px;color:#7b908b}
.oemmie-teamchat-contacts strong{min-width:25px;height:25px;background:#c83f38;box-shadow:0 6px 14px rgba(200,63,56,.19)}
.oemmie-teamchat-panel header{gap:13px;border-bottom-color:#e2eee9}
.oemmie-teamchat-panel header .oemmie-teamchat-avatar{flex:0 0 46px;width:46px;height:46px}
.oemmie-teamchat-panel header h3{margin-top:2px;font-size:18px;letter-spacing:-.02em}
.oemmie-teamchat-panel header small{color:#5f7771}
.oemmie-teamchat-stream{gap:10px;padding:20px;background:radial-gradient(circle at 0 0,rgba(8,123,115,.08),transparent 28%),linear-gradient(180deg,#f7fcfa 0%,#fff 100%)}
.oemmie-teamchat-message{position:relative;max-width:min(560px,78%);padding:11px 14px 10px;border-color:#d9e9e3;border-radius:18px 18px 18px 7px;background:#fff;color:#123f47;box-shadow:0 8px 20px rgba(7,62,74,.055)}
.oemmie-teamchat-message.mine{border-color:#075b61;background:linear-gradient(135deg,#087b73,#075b61);box-shadow:0 10px 22px rgba(7,91,97,.16)}
.oemmie-teamchat-message b{margin-bottom:5px;color:#087b73;font-size:11px;font-weight:900;letter-spacing:.02em}
.oemmie-teamchat-message.mine b{color:#ddfff3}
.oemmie-teamchat-message p{font-size:14px;line-height:1.5}
.oemmie-teamchat-message small{text-align:right;color:#738984}
.oemmie-teamchat-form{grid-template-columns:minmax(0,1fr) 108px;gap:10px;padding:12px 14px 13px;background:#fff}
.oemmie-teamchat-form textarea{min-height:48px!important;padding:13px 14px!important;border-color:#cddfd9!important;border-radius:16px!important;background:#fbfefd!important;resize:none}
.oemmie-teamchat-form textarea:focus{border-color:#087b73!important;box-shadow:0 0 0 3px rgba(8,123,115,.13)!important}
.oemmie-teamchat-form button{min-height:48px;border-radius:15px!important;box-shadow:0 8px 18px rgba(8,123,115,.14)}
.oemmie-teamchat-form small{margin-top:-4px;color:#6c817c;text-align:right}
.oemmie-teamchat-empty,.oemmie-teamchat-loading{color:#5f7771}
.oemmie-teamchat-empty .dashicons{width:50px;height:50px;border-radius:17px;background:#e8f6f0;color:#087b73}
@media(max-width:980px){
 .oemmie-teamchat-widget{left:16px;bottom:88px}
 .oemmie-teamchat-drawer{width:calc(100vw - 32px);max-width:920px}
}
@media(max-width:650px){
 .oemmie-teamchat-widget{left:14px;bottom:88px}
 .oemmie-teamchat-launcher{padding:9px}
 .oemmie-teamchat-launcher .dashicons{width:36px;height:36px}
 .oemmie-teamchat-drawer{bottom:62px;width:calc(100vw - 28px);border-radius:22px}
 .oemmie-teamchat-widget-head h2{font-size:20px}
 .oemmie-teamchat-widget-head p{display:none}
 .oemmie-teamchat-compact .oemmie-teamchat-layout{grid-template-columns:1fr;max-height:calc(100vh - 178px)}
 .oemmie-teamchat-compact .oemmie-teamchat-contacts{display:flex;gap:8px;max-height:none;overflow-x:auto;padding:10px}
 .oemmie-teamchat-contacts button{min-width:236px}
 .oemmie-teamchat-compact .oemmie-teamchat-stream{min-height:260px;max-height:calc(100vh - 438px)}
 .oemmie-teamchat-form{grid-template-columns:1fr}
 .oemmie-teamchat-form small{text-align:left}
}

/* 11.59.47 - Teamchat houdt de namenlijst rustig tijdens een gesprek */
.oemmie-teamchat-sidebar header{flex-wrap:wrap}
.oemmie-teamchat-sidebar header>div{min-width:0;flex:1 1 auto}
.oemmie-teamchat-contact-toggle{min-height:30px;padding:6px 10px;border:1px solid #cfe3dc;border-radius:999px;background:#fff;color:#087b73;font-size:11px;font-weight:900;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.oemmie-teamchat-contact-toggle:hover{border-color:#9fcfbd;background:#edf8f3}
.oemmie-teamchat-contact-toggle:focus-visible{outline:3px solid #e2ad25;outline-offset:2px}
.oemmie-teamchat-hidden-note{padding:10px 11px;border:1px dashed #d6e7e1;border-radius:13px;background:#fbfefd;color:#607a75}
.oemmie-teamchat-hidden-note b,.oemmie-teamchat-hidden-note span{display:block}
.oemmie-teamchat-hidden-note b{color:#073e4a;font-size:12px}
.oemmie-teamchat-hidden-note span{margin-top:3px;font-size:11px;line-height:1.35}
.oemmie-teamchat-message.mine b{display:none}

/* 11.59.48 - Zwevende chat als compacte Facebook-achtige chat */
.oemmie-teamchat-widget .oemmie-teamchat-drawer{width:min(392px,calc(100vw - 32px));border-radius:18px;box-shadow:0 24px 68px rgba(7,62,74,.3)}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-widget-head{min-height:54px;padding:10px 12px;background:linear-gradient(135deg,#075b61,#087b73)}
.oemmie-teamchat-widget .oemmie-teamchat-widget-head small{font-size:9px;letter-spacing:.11em}
.oemmie-teamchat-widget .oemmie-teamchat-widget-head h2{font-size:18px}
.oemmie-teamchat-widget .oemmie-teamchat-widget-head p{display:none}
.oemmie-teamchat-widget .oemmie-teamchat-widget-head button{flex-basis:32px;width:32px;height:32px;border-radius:10px}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-layout{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;max-height:none!important;background:#fff}
.oemmie-teamchat-widget.oemmie-teamchat-has-active:not(.oemmie-teamchat-contacts-open) .oemmie-teamchat-sidebar{display:none}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-sidebar{border-right:0;border-bottom:1px solid #dce9e5;background:#fbfefd}
.oemmie-teamchat-widget .oemmie-teamchat-sidebar header{min-height:0;padding:9px 10px}
.oemmie-teamchat-widget .oemmie-teamchat-sidebar header h3{font-size:15px}
.oemmie-teamchat-widget .oemmie-teamchat-sidebar header>span{display:none}
.oemmie-teamchat-widget .oemmie-teamchat-contact-toggle{min-height:28px;padding:5px 9px;font-size:10px}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-contacts{display:grid;max-height:218px;overflow:auto;padding:8px;gap:6px}
.oemmie-teamchat-widget .oemmie-teamchat-contacts button{min-width:0;grid-template-columns:36px minmax(0,1fr) auto;padding:9px;border-radius:13px}
.oemmie-teamchat-widget .oemmie-teamchat-avatar{width:36px;height:36px;border-radius:12px;font-size:13px}
.oemmie-teamchat-widget .oemmie-teamchat-contacts b{font-size:12px}
.oemmie-teamchat-widget .oemmie-teamchat-contacts small,.oemmie-teamchat-widget .oemmie-teamchat-contacts em{font-size:10px}
.oemmie-teamchat-widget .oemmie-teamchat-hidden-note{padding:8px 9px}
.oemmie-teamchat-widget .oemmie-teamchat-panel{height:462px;border:0;border-radius:0;box-shadow:none}
.oemmie-teamchat-widget.oemmie-teamchat-contacts-open .oemmie-teamchat-panel{height:340px}
.oemmie-teamchat-widget .oemmie-teamchat-panel header{position:relative;min-height:58px;padding:9px 12px;border-bottom-color:#e3eee9}
.oemmie-teamchat-widget .oemmie-teamchat-panel header .oemmie-teamchat-avatar{flex-basis:36px;width:36px;height:36px}
.oemmie-teamchat-widget .oemmie-teamchat-panel header h3{font-size:15px}
.oemmie-teamchat-widget .oemmie-teamchat-panel header small{font-size:10px}
.oemmie-teamchat-open-contacts{margin-left:auto;padding:6px 9px;border:1px solid #cfe3dc;border-radius:999px;background:#f8fcfa;color:#087b73;font-size:10px;font-weight:900;cursor:pointer}
.oemmie-teamchat-open-contacts:hover{background:#edf8f3;border-color:#9fcfbd}
.oemmie-teamchat-widget .oemmie-teamchat-stream{min-height:0;max-height:none;padding:12px;background:#f6fbf9}
.oemmie-teamchat-widget.oemmie-teamchat-contacts-open .oemmie-teamchat-stream{padding:10px}
.oemmie-teamchat-widget .oemmie-teamchat-message{max-width:82%;padding:9px 11px;border-radius:16px 16px 16px 5px;font-size:13px}
.oemmie-teamchat-widget .oemmie-teamchat-message.mine{border-radius:16px 16px 5px 16px}
.oemmie-teamchat-widget .oemmie-teamchat-message p{font-size:13px;line-height:1.45}
.oemmie-teamchat-widget .oemmie-teamchat-message small{font-size:10px}
.oemmie-teamchat-widget .oemmie-teamchat-form{grid-template-columns:minmax(0,1fr) 88px;padding:9px;gap:7px}
.oemmie-teamchat-widget .oemmie-teamchat-form textarea{min-height:42px!important;padding:10px 11px!important;border-radius:14px!important}
.oemmie-teamchat-widget .oemmie-teamchat-form button{min-height:42px;border-radius:13px!important}
.oemmie-teamchat-widget .oemmie-teamchat-form small{grid-column:1/-1;margin-top:-2px;font-size:10px;text-align:left}
@media(max-width:650px){
 .oemmie-teamchat-widget .oemmie-teamchat-drawer{width:calc(100vw - 28px)}
 .oemmie-teamchat-widget .oemmie-teamchat-panel{height:430px}
 .oemmie-teamchat-widget.oemmie-teamchat-contacts-open .oemmie-teamchat-panel{height:310px}
 .oemmie-teamchat-widget .oemmie-teamchat-form{grid-template-columns:1fr}
}

/* 11.59.49 - Chatknoppen blijven leesbaar en breed genoeg */
.oemmie-teamchat-widget .oemmie-teamchat-drawer{width:min(430px,calc(100vw - 32px))}
.oemmie-teamchat-widget button{box-sizing:border-box;line-height:1.15}
.oemmie-teamchat-widget .oemmie-teamchat-panel header{display:flex;align-items:center;gap:10px}
.oemmie-teamchat-widget .oemmie-teamchat-panel header>div{min-width:0;flex:1 1 auto}
.oemmie-teamchat-open-contacts,.oemmie-teamchat-widget .oemmie-teamchat-contact-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:124px;min-height:34px;padding:7px 14px;white-space:nowrap;text-align:center}
.oemmie-teamchat-widget .oemmie-teamchat-form{grid-template-columns:minmax(0,1fr) minmax(116px,max-content)}
.oemmie-teamchat-widget .oemmie-teamchat-form button{min-width:116px;width:auto;padding-left:16px!important;padding-right:16px!important;white-space:nowrap}
@media(max-width:650px){
 .oemmie-teamchat-widget .oemmie-teamchat-drawer{width:calc(100vw - 28px)}
 .oemmie-teamchat-open-contacts,.oemmie-teamchat-widget .oemmie-teamchat-contact-toggle{min-width:118px}
 .oemmie-teamchat-widget .oemmie-teamchat-form{grid-template-columns:1fr}
 .oemmie-teamchat-widget .oemmie-teamchat-form button{width:100%;min-width:0}
}

/* 11.59.52 - Teamchat opent weer als compact chatvenster */
.oemmie-teamchat-widget{left:286px!important;bottom:24px!important}
.oemmie-teamchat-widget .oemmie-teamchat-drawer{bottom:66px!important;width:min(390px,calc(100vw - 32px))!important;max-height:min(540px,calc(100vh - 124px))!important;border-radius:18px!important;overflow:hidden!important}
.oemmie-teamchat-widget .oemmie-teamchat-compact{height:100%;max-height:inherit}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-layout{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;max-height:inherit!important;overflow:hidden!important;background:#fff}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-sidebar{border-right:0!important;border-bottom:1px solid #dce9e5!important}
.oemmie-teamchat-widget.oemmie-teamchat-has-active:not(.oemmie-teamchat-contacts-open) .oemmie-teamchat-sidebar{display:none!important}
.oemmie-teamchat-widget.oemmie-teamchat-contacts-open:not(.oemmie-teamchat-has-active) .oemmie-teamchat-panel{display:none!important}
.oemmie-teamchat-widget.oemmie-teamchat-contacts-open:not(.oemmie-teamchat-has-active) .oemmie-teamchat-sidebar{display:block!important}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-widget-head{min-height:54px!important;padding:10px 12px!important}
.oemmie-teamchat-widget .oemmie-teamchat-sidebar header{min-height:58px!important;padding:9px 11px!important}
.oemmie-teamchat-widget .oemmie-teamchat-sidebar header h3{font-size:14px!important}
.oemmie-teamchat-widget .oemmie-teamchat-compact .oemmie-teamchat-contacts{display:grid!important;max-height:302px!important;overflow:auto!important;padding:9px!important}
.oemmie-teamchat-widget .oemmie-teamchat-panel{height:min(418px,calc(100vh - 172px))!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.oemmie-teamchat-widget.oemmie-teamchat-contacts-open.oemmie-teamchat-has-active .oemmie-teamchat-panel{height:276px!important}
.oemmie-teamchat-widget .oemmie-teamchat-panel header{min-height:58px!important;padding:9px 12px!important}
.oemmie-teamchat-widget .oemmie-teamchat-stream{min-height:0!important;overflow:auto!important;padding:12px!important}
.oemmie-teamchat-widget .oemmie-teamchat-empty,.oemmie-teamchat-widget .oemmie-teamchat-loading{min-height:150px!important;padding:20px 14px!important}
.oemmie-teamchat-widget .oemmie-teamchat-form{grid-template-columns:minmax(0,1fr) minmax(116px,max-content)!important;padding:9px!important;gap:7px!important}
.oemmie-teamchat-widget .oemmie-teamchat-form textarea{min-height:42px!important;max-height:92px!important}
.oemmie-teamchat-widget .oemmie-teamchat-form button{min-width:116px!important;white-space:nowrap!important}
@media(max-width:980px){.oemmie-teamchat-widget{left:16px!important;bottom:88px!important}.oemmie-teamchat-widget .oemmie-teamchat-drawer{width:min(390px,calc(100vw - 32px))!important}}
@media(max-width:650px){.oemmie-teamchat-widget{left:14px!important;right:14px!important;bottom:86px!important}.oemmie-teamchat-widget .oemmie-teamchat-drawer{width:calc(100vw - 28px)!important;max-height:calc(100vh - 148px)!important}.oemmie-teamchat-widget .oemmie-teamchat-panel{height:min(430px,calc(100vh - 166px))!important}.oemmie-teamchat-widget .oemmie-teamchat-form{grid-template-columns:1fr!important}.oemmie-teamchat-widget .oemmie-teamchat-form button{width:100%!important;min-width:0!important}}