body.cmcb-standalone { margin:0;background:#091317; }
.cmcb { --green:#075e54; --bright:#19ac82; font:400 16px/1.5 system-ui,-apple-system,sans-serif;color:#162b2a;background:#091317;min-height:100dvh; }
.cmcb *,.cmcb *::before,.cmcb *::after { box-sizing:border-box; }
.cmcb-shell { max-width:920px;margin:0 auto;background:#eeeae2;height:100dvh;min-height:520px;display:flex;flex-direction:column;box-shadow:0 0 60px #0008; }
.cmcb-header { background:#075e54;color:white;padding:14px 20px;display:flex;align-items:center;gap:12px;flex:none;min-height:78px; }
.cmcb-header img { width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #ffffff7a; }
.cmcb-header strong,.cmcb-header small { display:block; }
.cmcb-header strong { font-size:16px; }
.cmcb-header small { font-size:12px;color:#d6efe7; }
.cmcb-thread { padding:24px clamp(15px,4vw,40px);flex:1;overflow-y:auto;overscroll-behavior:contain;background-color:#ece6da;background-image:radial-gradient(#146b5a13 1.2px,transparent 1.2px);background-size:20px 20px; }
.cmcb-bubble { display:table;clear:both;max-width:min(78%,560px);padding:11px 15px;border-radius:3px 14px 14px 14px;background:white;box-shadow:0 1px 2px #0002;color:#20312d;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px; }
.cmcb-visitor { margin-left:auto;border-radius:14px 3px 14px 14px;background:#d8f8cd; }
.cmcb-typing { font-style:italic;color:#65716d; }
.cmcb-link { display:table;clear:both;margin:3px 0 15px;padding:11px 15px;background:#075e54;color:white !important;text-decoration:none;border-radius:10px;font-weight:700;font-size:14px; }
.cmcb-link:hover { background:#064b43; }
.cmcb-photo { display:table;clear:both;max-width:min(75%,340px);background:white;padding:7px;border-radius:12px;margin:0 0 12px;box-shadow:0 1px 3px #0003; }
.cmcb-photo img { display:block;width:100%;max-height:230px;object-fit:cover;border-radius:7px; }
.cmcb-photo figcaption { font-size:12px;color:#52635d;padding:7px 4px 2px; }
.cmcb-controls { background:#f7f7f7;border-top:1px solid #ddd;padding:12px clamp(12px,3vw,28px) 10px;flex:none; }
.cmcb-suggestions { display:flex;gap:8px;overflow-x:auto;padding-bottom:11px;scrollbar-width:thin; }
.cmcb-suggestions button { white-space:nowrap;flex:none;border:1px solid #8dbeb0;color:#075e54;background:#fff;padding:8px 13px;border-radius:100px;font:600 13px system-ui,sans-serif;cursor:pointer; }
.cmcb-suggestions button:hover { background:#e4f4ed; }
.cmcb-form { display:flex;gap:10px;align-items:center; }
.cmcb-form input { min-width:0;flex:1;border:1px solid #cbd7d2;border-radius:100px;background:white;color:#20312d;padding:13px 18px;font:inherit;outline:none; }
.cmcb-form input:focus { border-color:#075e54;box-shadow:0 0 0 2px #075e5433; }
.cmcb-form button { background:#075e54;color:white;border:0;width:46px;height:46px;border-radius:50%;font-size:23px;cursor:pointer;flex:none; }
.cmcb-form button:hover { background:#06483f; }
.cmcb-controls small { display:block;color:#6c7773;text-align:center;font-size:11px;margin-top:9px; }
.cmcb-sr { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.cmcb button:focus-visible,.cmcb a:focus-visible { outline:3px solid #e28322;outline-offset:3px; }
@media(max-width:700px) { .cmcb-shell { width:100%; } .cmcb-thread { padding:18px 12px; } .cmcb-bubble { max-width:88%; } .cmcb-header { min-height:70px; } }