/* All selectors live under one root to avoid modifying existing pages. */
#collectiveMessenger{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));z-index:2147482000;color:#f7f7f8;font:14px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none;text-align:left;color-scheme:dark}
#collectiveMessenger *,#collectiveMessenger *::before,#collectiveMessenger *::after{box-sizing:border-box}
#collectiveMessenger button,#collectiveMessenger textarea{font:inherit}
#collectiveMessenger button{cursor:pointer}
#collectiveMessenger [hidden]{display:none!important}
/* Discreet icon-only launcher: never shown until /creator-hub/api/me verifies a session. */
#collectiveMessenger .cm-launcher{position:relative;pointer-events:auto;display:grid;place-items:center;margin-left:auto;width:58px;height:58px;padding:0;border:1px solid rgba(255,207,213,.52);border-radius:20px;background:linear-gradient(150deg,#f74c65 0%,#d62a47 49%,#9d1835 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 18px rgba(196,21,53,.30),0 13px 32px rgba(0,0,0,.47);color:#fff;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}
#collectiveMessenger .cm-launcher::before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.16),transparent 60%);pointer-events:none;z-index:-1}
#collectiveMessenger .cm-launcher:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.07);border-color:rgba(255,225,229,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px rgba(220,37,69,.42),0 17px 38px rgba(0,0,0,.5)}
#collectiveMessenger .cm-launcher:active{transform:translateY(0) scale(.97)}
#collectiveMessenger .cm-launcher[aria-expanded="true"]{border-color:rgba(255,228,232,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 0 3px rgba(231,61,89,.17),0 12px 32px rgba(0,0,0,.5)}
#collectiveMessenger .cm-launcher svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(90,0,20,.25));transition:transform .2s ease}
#collectiveMessenger .cm-launcher svg circle{fill:currentColor;stroke:none}
#collectiveMessenger .cm-launcher:hover svg{transform:scale(1.07)}
#collectiveMessenger .cm-counter{position:absolute;z-index:1;top:-7px;right:-7px;min-width:23px;height:23px;padding:3px 5px;background:#fff;border:2px solid #892038;border-radius:999px;color:#aa1833;font-size:11px;font-weight:900;text-align:center;line-height:15px;box-shadow:0 3px 10px rgba(0,0,0,.35)}
#collectiveMessenger .cm-panel{pointer-events:auto;display:flex;flex-direction:column;width:min(720px,calc(100vw - 24px));height:min(645px,calc(100dvh - 105px));min-height:270px;margin-bottom:12px;border:1px solid #55505a;border-radius:18px;background:#141417;box-shadow:0 22px 80px #000c;overflow:hidden;isolation:isolate}
#collectiveMessenger .cm-top{display:flex;align-items:center;gap:12px;padding:15px 18px;min-height:66px;border-bottom:1px solid #37353b;background:linear-gradient(115deg,#301b22,#19171b)}
#collectiveMessenger .cm-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #793340;border-radius:12px;background:#62212f;color:#fff}
#collectiveMessenger .cm-top-title{min-width:0;flex:1}#collectiveMessenger .cm-top-title strong{display:block;font-size:17px;letter-spacing:-.025em}#collectiveMessenger .cm-top-title small{display:block;color:#bab6bd;font-size:11px}
#collectiveMessenger .cm-close,#collectiveMessenger .cm-back{width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#ddd;font-size:23px;line-height:1}
#collectiveMessenger .cm-close:hover,#collectiveMessenger .cm-back:hover{background:#42353c;border-color:#664f5b}
#collectiveMessenger .cm-status{margin:0;padding:7px 16px;font-size:12px;background:#232027;color:#dad5dc}
#collectiveMessenger .cm-status.error{color:#ff999f;background:#322027}
#collectiveMessenger .cm-main{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
#collectiveMessenger .cm-inbox{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-right:1px solid #38353d;background:#19181c}
#collectiveMessenger .cm-inbox-header{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px 10px;border-bottom:1px solid #343238}
#collectiveMessenger .cm-tab{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:35px;padding:7px 5px;border:1px solid transparent;border-radius:9px;background:transparent;color:#bdb6bf;font-size:12px;font-weight:800;transition:background .15s,color .15s,border-color .15s}
#collectiveMessenger .cm-tab:hover{background:#31262c;color:#fff}
#collectiveMessenger .cm-tab.is-active{border-color:#74414b;background:#4b2934;color:#fff}
#collectiveMessenger .cm-tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#454047;color:#ddd;font-size:10px;font-variant-numeric:tabular-nums}
#collectiveMessenger .cm-tab.is-active .cm-tab-count{background:#713340;color:#fff}
#collectiveMessenger .cm-tab-count.has-unread{background:#be3451;color:#fff}
#collectiveMessenger .cm-thread-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#collectiveMessenger .cm-thread{position:relative;display:flex;align-items:flex-start;gap:9px;padding:12px;border-bottom:1px solid #343037;color:#eae7ea}
#collectiveMessenger .cm-thread.active,#collectiveMessenger .cm-thread:hover{background:#31242c}
#collectiveMessenger .cm-thread-open{position:absolute;inset:0;width:100%;border:0;background:transparent;z-index:0}
#collectiveMessenger .cm-avatar{height:35px;width:35px;flex:0 0 35px;border-radius:50%;object-fit:cover;border:1px solid #5c555d;background:#282329}
#collectiveMessenger .cm-thread .cm-avatar{position:relative;pointer-events:none}
#collectiveMessenger .cm-thread-text{position:relative;pointer-events:none;flex:1;min-width:0;padding-right:23px}
#collectiveMessenger .cm-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800}
#collectiveMessenger .cm-source{display:inline-flex;align-items:center;max-width:100%;gap:4px;margin:5px 0 3px;padding:3px 6px;border:1px solid #6a3c46;border-radius:5px;background:#352229;color:#ffa9b4;font-size:10px;font-weight:700;line-height:1.2}
#collectiveMessenger .cm-thread-text small{display:block;color:#bcb6bc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
#collectiveMessenger .cm-unread-dot{display:inline-block;margin-left:6px;width:7px;height:7px;border-radius:50%;background:#ff5e73}
#collectiveMessenger .cm-remove{position:absolute;z-index:2;top:9px;right:9px;display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#a9a0a9;font-size:19px}
#collectiveMessenger .cm-remove:hover{color:#fff;border-color:#7b434e;background:#552f38}
#collectiveMessenger .cm-detail{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#151417}
#collectiveMessenger .cm-detail-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #333139;min-height:68px}
#collectiveMessenger .cm-detail-head .cm-back{flex:0 0 32px;display:grid;place-items:center;align-self:center}
#collectiveMessenger .cm-detail-head .cm-avatar{width:38px;height:38px;flex-basis:38px}
#collectiveMessenger .cm-person{display:flex;min-width:0;align-items:center;gap:10px;color:#f8f6f8;text-decoration:none!important}
#collectiveMessenger .cm-person.is-link:hover .cm-name{text-decoration:underline}
#collectiveMessenger .cm-detail-identity{display:flex;align-items:center;min-width:0;min-height:38px;flex:1 1 auto}
#collectiveMessenger .cm-detail-identity .cm-person{min-width:0;max-width:100%}
#collectiveMessenger .cm-detail-identity .cm-name{min-width:0}
#collectiveMessenger .cm-detail-info{display:flex;flex:0 1 auto;min-width:0;max-width:38%;flex-direction:column;align-items:flex-end;justify-content:center;margin-left:auto;gap:4px;text-align:right}
#collectiveMessenger .cm-detail-info .cm-source{max-width:100%;margin:0;white-space:nowrap}
#collectiveMessenger .cm-detail-info .cm-detail-status{display:block;max-width:100%;font-size:10px;line-height:1.2;color:#bdb6bf;text-align:right;overflow-wrap:anywhere}
#collectiveMessenger .cm-conversation{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 14px 18px;overscroll-behavior:contain}
#collectiveMessenger .cm-bubble{align-self:flex-start;max-width:88%;border:1px solid #53434c;border-radius:13px;padding:10px 12px;background:#2d272d;overflow-wrap:anywhere}
#collectiveMessenger .cm-bubble.mine{align-self:flex-end;background:#592c39;border-color:#814453}
#collectiveMessenger .cm-bubble p{white-space:pre-wrap;margin:0;font-size:12px;line-height:1.55;color:#f4f2f3}
#collectiveMessenger .cm-bubble time{display:block;margin-top:5px;color:#c9bec4;font-size:10px}
#collectiveMessenger .cm-compose,#collectiveMessenger .cm-decision{flex:0 0 auto;border-top:1px solid #393339;padding:11px 14px;background:#1c191e}
#collectiveMessenger .cm-compose label{display:block;margin:0 0 6px;font-size:11px;font-weight:800}
#collectiveMessenger .cm-compose textarea{width:100%;min-height:60px;max-height:145px;resize:vertical;padding:9px 11px;border:1px solid #645a64;border-radius:9px;background:#0c0b0e;color:white;font-size:12px;line-height:1.5}
#collectiveMessenger .cm-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}
#collectiveMessenger .cm-compose-foot small{font-size:10px;color:#bdb6bf}
#collectiveMessenger .cm-action{padding:9px 14px;border:1px solid #68636b;border-radius:8px;background:#302a31;color:#fff;font-size:12px;font-weight:800}
#collectiveMessenger .cm-action.primary{background:#fff;color:#191317;border-color:#fff}
#collectiveMessenger .cm-action:disabled{opacity:.5;cursor:wait}
#collectiveMessenger .cm-action:hover:not(:disabled){filter:brightness(1.12)}
#collectiveMessenger .cm-decision p{color:#d2c9d0;font-size:12px;line-height:1.5;margin:0 0 10px}
#collectiveMessenger .cm-decision-buttons{display:flex;gap:8px;flex-wrap:wrap}
#collectiveMessenger .cm-empty{margin:auto;padding:23px 16px;text-align:center;color:#bdb6bf;font-size:12px;line-height:1.6}
/* The empty-inbox message and its action are separate, centered elements. */
#collectiveMessenger .cm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:0;margin:auto;width:100%;max-width:480px;padding:28px 18px;text-align:center}
#collectiveMessenger .cm-empty-message{max-width:400px;margin:0;color:#bdb6bf;font-size:12px;line-height:1.65;text-align:center;text-wrap:pretty}
#collectiveMessenger .cm-empty-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 17px;border:1px solid rgba(255,145,157,.52);border-radius:11px;background:linear-gradient(145deg,#ac2841,#771d36);box-shadow:0 5px 16px rgba(0,0,0,.24);color:#fff;font-size:12px;font-weight:800;line-height:1.3;text-align:center;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease}
#collectiveMessenger .cm-empty-action:hover{transform:translateY(-2px);border-color:rgba(255,194,201,.8);background:linear-gradient(145deg,#c73750,#89223f)}
#collectiveMessenger .cm-link{color:#ff9aa6;text-decoration:underline;text-underline-offset:2px}
#collectiveMessenger .cm-launcher:focus-visible,#collectiveMessenger button:focus-visible,#collectiveMessenger a:focus-visible,#collectiveMessenger textarea:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:650px){#collectiveMessenger{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}#collectiveMessenger .cm-panel{width:calc(100vw - 24px);height:min(74dvh,650px)}#collectiveMessenger .cm-main{grid-template-columns:1fr}#collectiveMessenger .cm-inbox{border-right:0}#collectiveMessenger .cm-detail{display:none}#collectiveMessenger .cm-main.cm-show-detail .cm-inbox{display:none}#collectiveMessenger .cm-main.cm-show-detail .cm-detail{display:flex}#collectiveMessenger .cm-launcher{width:54px;height:54px;border-radius:19px}#collectiveMessenger .cm-launcher::before{border-radius:15px}#collectiveMessenger .cm-top{min-height:58px}}
@media(prefers-reduced-motion:reduce){#collectiveMessenger .cm-launcher,#collectiveMessenger .cm-launcher svg{transition:none}#collectiveMessenger .cm-launcher:hover,#collectiveMessenger .cm-launcher:active,#collectiveMessenger .cm-launcher:hover svg{transform:none}}
