/* 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; }
}

/* KM CHAT INVITE ACTIONS v1.0.3 */
.cc-contact-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid #f0e3eb;padding:4px}
.cc-contact-row>.cc-contact{flex:1 1 125px;min-width:0;text-align:left}
.cc-contact-row>.cc-invite-accept,.cc-contact-row>.cc-invite-decline{flex:0 0 auto;font-size:11px;padding:6px 7px;border-radius:6px;cursor:pointer;background:#fff;border:1px solid #dfb6cb;color:#91345b}
.cc-contact-row>.cc-invite-decline:hover{background:#fff0f5}

/* KM_ALBUM_EVENTS_STYLE_V110 */
.cc-album-event{display:grid;gap:5px;padding:9px 0;border-bottom:1px solid #f0dce5;font-size:12px;color:#523144}.cc-album-event strong{font-size:12px}.cc-album-event small{color:#8a6376}.cc-album-event a{color:#bb2069;font-weight:700;text-decoration:none}.cc-album-event a:hover{text-decoration:underline}#cc-event-count{color:#d61f6b;font-weight:800}.cc-active #cc-event-count{color:#fff}
.km-album-request{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f0dce5}.km-album-request small{color:#85677b}.km-album-request-actions{display:flex;gap:7px;flex-wrap:wrap}.km-album-request-actions form{margin:0}.km-album-request-actions button{padding:8px 12px;font-size:12px}@media(max-width:650px){.km-album-request{align-items:flex-start;flex-direction:column}}


/* v0.13.9 – Kommunikációs központ: üzenetküldés és beszélgetéslista. */
.cc-shell{border-color:#eed8e3;box-shadow:0 8px 25px #6e26441c}
.cc-toolbar{gap:7px;background:linear-gradient(90deg,#fff2f8,#fff9fc);padding:8px 11px}
.cc-toolbar button{border-radius:10px;min-height:35px;transition:background .15s,border-color .15s}
.cc-toolbar button:hover{border-color:#dc81ac;background:#fff1f7}
.cc-toolbar button.cc-active{background:#cf216e;border-color:#cf216e;color:#fff}
.cc-panel{height:310px;background:#fff}
.cc-contacts{background:#fff9fc;padding:10px;min-width:160px}
.cc-contact-row{border-bottom:1px solid #f3e4ec;border-radius:10px;padding:5px;margin-bottom:4px}
.cc-contact{border-radius:10px;padding:11px 9px;line-height:1.4;transition:background .15s}
.cc-contact:hover,.cc-contact.active{background:#fbe0ec}
.cc-messages{background:linear-gradient(180deg,#fffafd,#fff);padding:15px;gap:10px}
.cc-message{padding:10px 13px;border-radius:15px 15px 15px 4px;line-height:1.5;background:#f2edf1;box-shadow:0 2px 7px #4720380b}
.cc-message.mine{background:#f9d9e8;border-radius:15px 15px 4px 15px}
.cc-message time{margin-top:5px;opacity:.85}
.cc-compose{background:#fff;border-top:1px solid #f0dbe6;padding:10px;gap:8px}
.cc-compose input{border-radius:11px;border:1px solid #e8cbd9;padding:11px 13px;min-height:40px}
.cc-compose input:focus{outline:0;border-color:#d82a77;box-shadow:0 0 0 3px #d82a771b}
.cc-compose button,.cc-list button{border-radius:10px;background:#cf216e;font-weight:700;min-height:40px}
.cc-compose button:hover,.cc-list button:hover{background:#ad1b5b}
.cc-list{padding:16px}
@media(max-width:650px){.cc-toolbar{gap:4px;padding:6px}.cc-toolbar button{font-size:11px}.cc-panel{height:min(67vh,480px)}.cc-contacts{width:38%;min-width:105px;padding:6px}.cc-contact{padding:8px 6px}.cc-messages{padding:9px}.cc-message{max-width:95%;padding:8px 10px}.cc-compose{padding:7px}.cc-compose input{min-width:0;padding:9px}.cc-compose button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.cc-toolbar button,.cc-contact{transition:none}}