/* v0.6.0 kommunikációs panel */
.cc-shell{position:sticky;top:0;z-index:45;max-width:1160px;margin:0 auto;background:#fff;border:1px solid #f0d5e1;box-shadow:0 5px 18px #5d25401a;border-radius:0 0 12px 12px;font-family:inherit}
.cc-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;min-height:44px;background:#fff5f9;border-radius:inherit}
.cc-toolbar button{border:1px solid #e9c5d5;background:white;color:#672341;padding:7px 12px;border-radius:7px;cursor:pointer;font:inherit;font-size:13px}
.cc-toolbar button.cc-active{background:#dc2873;color:#fff;border-color:#dc2873}
.cc-toolbar .cc-sound{padding:7px}.cc-toolbar .cc-status{margin-left:auto;font-size:12px;color:#81566a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-toolbar .cc-toggle{font-size:17px}
.cc-panel{height:260px;border-top:1px solid #f0d5e1}.cc-panel[hidden],.cc-view[hidden]{display:none!important}.cc-view{height:100%;display:flex;min-height:0}
.cc-contacts{width:30%;min-width:145px;overflow:auto;border-right:1px solid #edd4df;background:#fff8fb;padding:8px}.cc-contacts p{font-size:13px;color:#755a67}.cc-contact{display:flex;width:100%;justify-content:space-between;gap:5px;text-align:left;padding:10px 7px;margin-bottom:5px;border:0;border-radius:7px;background:transparent;cursor:pointer;color:#4a2234}.cc-contact.active,.cc-contact:hover{background:#f9d9e8}.cc-contact small{color:#a13a69}
.cc-conversation{flex:1;min-width:0;display:flex;flex-direction:column}.cc-messages{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:13px}.cc-message{padding:8px 10px;border-radius:12px;background:#f3eff1;max-width:85%;align-self:flex-start;overflow-wrap:anywhere;white-space:pre-wrap}.cc-message.mine{background:#fbd6e6;align-self:flex-end}.cc-message time{display:block;font-size:10px;color:#8c6677;margin-top:3px}
.cc-compose{display:flex;gap:6px;padding:7px;border-top:1px solid #f0d5e1}.cc-compose input{flex:1;min-width:0;padding:9px;border:1px solid #e7cad8;border-radius:7px}.cc-compose button,.cc-list button{background:#dc2873;border:0;color:white;padding:8px 12px;border-radius:7px;cursor:pointer}
.cc-list{overflow:auto;padding:14px;width:100%;font-size:13px}.cc-friend{padding:9px;border-bottom:1px solid #f1dbe5;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cc-friend a{color:#ad285f}.cc-events{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}.cc-events section{padding:10px;overflow:auto}.cc-events section+section{border-left:1px solid #e8ccd9}.cc-events h3{font-size:13px;margin:0 0 12px;color:#77354f}.cc-events p{font-size:12px;color:#785769}.cc-online{color:#169a5c;font-weight:600}
@media(max-width:650px){.cc-shell{border-radius:0}.cc-toolbar{gap:3px;padding:5px}.cc-toolbar button{padding:7px 5px;font-size:11px}.cc-toolbar .cc-status{display:none}.cc-toolbar .cc-toggle{margin-left:auto}.cc-panel{height:min(60vh,430px)}.cc-contacts{width:35%;min-width:110px}.cc-contact{font-size:12px}.cc-events{grid-template-columns:1fr}.cc-events section+section{border-left:0;border-top:1px solid #e8ccd9}}

/* v0.6.1: státuszsáv legfelül; üzenetmező csak beszélgetésnél */
.cc-shell{max-width:none;width:100%;border-radius:0;position:sticky;top:0;z-index:1000}.cc-compose[hidden]{display:none!important}.cc-invite-accept{font-size:11px;border:1px solid #db2777;border-radius:5px;background:#fff;padding:3px;color:#db2777;cursor:pointer}

/* v0.6.2 – A kommunikációs központ a fő tartalom szélességéhez igazodik. */
.cc-shell {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1160px;
  margin-inline: auto;
  border-radius: 0 0 12px 12px;
}
.cc-toolbar { border-radius: 0 0 12px 12px; }
.cc-shell:has(.cc-panel:not([hidden])) .cc-toolbar { border-radius: 0; }
@media (max-width: 650px) {
  .cc-shell { width: 100%; border-radius: 0; }
  .cc-toolbar { border-radius: 0; }
}