/* Modale Chat */
.pmh-chat-modal { position:fixed; top:60px; right:20px; width:320px; height:420px; background:#fff; border:2px solid #555; z-index:9999; padding:15px; box-shadow:0 0 15px rgba(0,0,0,0.3); border-radius:10px; }
.pmh-close-chat { float:right; background:#eee; border:none; padding:3px 8px; cursor:pointer; border-radius:4px; font-weight:bold; }
.pmh-chat-content-area { margin-top:25px; overflow-y:auto; height:360px; }

/* Tipografia e Liste */
.pmh-sidebar-title { margin:0 0 10px; color:#d946ef; }
.pmh-mt-15 { margin-top:15px; }
.pmh-list { list-style:none; padding:0; margin-bottom:15px; }
.pmh-list-item { padding:8px 0; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items:center; }
.pmh-user-name { color:#000; font-weight:500; }
.pmh-empty-state { font-size:13px; color:#777; }
.pmh-empty-state-italic { color:#888; font-style:italic; }

/* Bottoni Generici */
.pmh-btn { border:none; border-radius:6px; font-weight:bold; cursor:pointer; text-decoration:none; display:inline-block; }
.pmh-btn-disabled { background:#555; color:#fff; padding:8px 14px; cursor:default; }
.pmh-btn-accept { background:#00c853; color:#000; padding:8px 14px; }
.pmh-btn-accept-small { background:#00c853; color:#000; padding:4px 8px; font-size:12px; }
.pmh-btn-invite { background:#8a2be2; color:#fff; padding:8px 14px; }
.pmh-btn-chat { background:#ff00ff; color:#fff; padding:8px 14px; }
.pmh-btn-remove { background:#ff0044; color:#fff; padding:8px 10px; }
.pmh-btn-remove-small { background:#ff0044; color:#fff; padding:3px 7px; font-size:11px; }
.pmh-btn-group { display:flex; gap:6px; }

/* Elementi Chat Interna */
.pmh-chat-link { color:#8a2be2; font-weight:bold; text-decoration:none; font-size:14px; display:flex; align-items:center; }
.pmh-badge { background:#ff0044; color:#fff; border-radius:50%; padding:2px 6px; font-size:11px; margin-left:6px; font-weight:bold; }
.pmh-topbar-badge { background:#ff0044; color:#fff; border-radius:10px; padding:1px 6px; font-size:11px; font-weight:bold; margin-left:4px; }

/* Shortcode Grid Amici */
.pmh-grid-friends { display:grid; grid-template-columns:repeat(auto-fill, minmax(70px, 1fr)); gap:15px; }
.pmh-friend-card { text-align:center; text-decoration:none; display:block; }
.pmh-avatar { border-radius:50%; border:2px solid #8a2be2; width:60px; height:60px; }
.pmh-friend-name { display:block; color:#ccc; font-size:11px; margin-top:5px; }

/* Stili Chat Box Privata */
.pmh-chat-top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:10px; }
.pmh-btn-back { background:#eee; border:none; padding:5px 10px; cursor:pointer; border-radius:4px; }
.pmh-chat-title { color:#d946ef; }
.pmh-messages-box { height:230px; overflow-y:auto; margin-bottom:10px; padding-right:5px; display:flex; flex-direction:column; gap:8px; }
.pmh-msg-bubble { max-width:80%; padding:8px 12px; border-radius:12px; font-size:13px; }
.pmh-msg-me { align-self:flex-end; background:#8a2be2; color:#fff; }
.pmh-msg-other { align-self:flex-start; background:#eee; color:#000; }
.pmh-no-messages { text-align:center; color:#999; font-size:12px; margin-top:20px; }
.pmh-chat-input-area { display:flex; gap:5px; border-top:1px solid #eee; padding-top:10px; }
.pmh-chat-input-area input { flex:1; padding:8px; border:1px solid #ccc; border-radius:4px; }
.pmh-btn-send { background:#00c853; color:white; border:none; padding:8px 15px; cursor:pointer; border-radius:4px; font-weight:bold; }