.cc-dialog{color:#eaf3ef;background:#192a25;border:1px solid #557266;border-radius:20px;width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;box-shadow:0 20px 90px #0009}.cc-dialog::backdrop{background:#06130ed9}.cc-header{z-index:1;background:#192a25;border-bottom:1px solid #3d554a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.cc-header h2{margin:0;font-size:1.25rem}.cc-header span,.cc-small{color:#b9cdc3;font-size:.8rem}.cc-content{gap:14px;padding:20px 24px;display:grid}.cc-content>p{margin:0;line-height:1.6}.cc-dialog button{color:#eff9f3;cursor:pointer;background:#253d32;border:1px solid #688173;border-radius:24px;min-height:44px;padding:10px 17px}.cc-dialog button:disabled{opacity:.55;cursor:default}.cc-dialog button:focus-visible{outline-offset:3px;outline:3px solid #f9b875}.cc-dialog textarea:focus-visible{outline-offset:3px;outline:3px solid #f9b875}.cc-history:focus-visible{outline-offset:3px;outline:3px solid #f9b875}.cc-close{place-items:center;display:grid;padding:8px!important}.cc-channel{border:1px solid #687568;border-radius:12px;gap:6px;padding:14px;display:grid}.cc-open{background:#36412a;border-color:#b9a56c}.cc-controls{flex-wrap:wrap;gap:10px;display:flex}.cc-warning{color:#ffcfaa;overflow-wrap:anywhere;background:#513624;border-radius:10px;padding:12px}.cc-history{flex-direction:column;gap:12px;min-height:100px;max-height:40dvh;padding:8px 4px;display:flex;overflow:auto}.cc-message{overflow-wrap:anywhere;background:#22382e;border:1px solid #506b5d;border-radius:15px;align-self:flex-start;max-width:90%;padding:12px 15px}.cc-outbound{background:#3c4730;align-self:flex-end}.cc-message p{white-space:pre-wrap;margin:8px 0;line-height:1.55}.cc-message small{color:#c0cfc7;font-size:.75rem}.cc-composer{gap:9px;display:grid}.cc-composer textarea{resize:vertical;color:#edf5ef;box-sizing:border-box;background:#11241c;border:1px solid #688173;border-radius:12px;width:100%;min-height:100px;padding:12px}.cc-composer button{color:#101d15;background:#b98b5d;justify-self:end}.cc-badge{color:#13251c;background:#edbb7e;border-radius:20px;padding:1px 7px;font-size:.75rem}@media (max-width:480px){.cc-content,.cc-header{padding:16px}.cc-message{max-width:95%}.cc-controls button{flex:1}.cc-composer button{width:100%}}