.chat-inbox form{max-width:42rem}.chat-conversation-list{display:grid;gap:.7rem;margin-top:1.25rem}.chat-conversation-list>a{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:1rem;border:1px solid rgba(214,168,79,.3);border-radius:.8rem;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.025)}.chat-conversation-list img,.chat-avatar-placeholder{width:3.2rem;height:3.2rem;border-radius:50%}.chat-conversation-list img{object-fit:cover}.chat-avatar-placeholder{display:grid;place-items:center;background:rgba(214,168,79,.14)}.chat-conversation-list strong,.chat-conversation-list small{display:block}.chat-conversation-list small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.chat-conversation-list b,[data-chat-count]{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .35rem;border-radius:999px;color:#17130b;background:var(--gold)}[data-chat-count][hidden]{display:none}.chat-page{display:grid;grid-template-rows:auto minmax(24rem,65vh) auto;max-width:60rem;margin:0 auto;border:1px solid rgba(214,168,79,.3);border-radius:1rem;overflow:hidden;background:#111713}.chat-header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid rgba(214,168,79,.25)}.chat-header h1{margin:0;font-size:1.5rem}.chat-header button{width:auto;padding:.5rem}.chat-messages{display:grid;align-content:start;gap:.7rem;overflow-y:auto;padding:1rem}.chat-message{justify-self:start;max-width:min(78%,38rem);padding:.75rem 1rem;border:1px solid rgba(214,168,79,.25);border-radius:1rem 1rem 1rem .2rem;background:#1c241c}.chat-message.mine{justify-self:end;border-radius:1rem 1rem .2rem 1rem;background:#3a321d}.chat-message p{margin:.25rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message time,.chat-message small{display:block;color:var(--muted);font-size:.75rem}.chat-message button{width:auto;padding:.2rem .45rem;color:var(--gold);background:transparent;font-size:.72rem}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0;padding:1rem;border-top:1px solid rgba(214,168,79,.25)}.chat-compose small{grid-column:1/-1;color:var(--gold)}@media(max-width:650px){.chat-page{min-height:calc(100dvh - 6rem);grid-template-rows:auto minmax(0,1fr) auto}.chat-header{grid-template-columns:1fr}.chat-header>div:last-child{display:flex;gap:.5rem}.chat-message{max-width:90%}}
.chat-back-link{display:inline-flex;gap:.3rem;align-items:center;white-space:nowrap}.chat-profile-link{width:max-content;max-width:100%;min-width:0;color:var(--ink);text-decoration:none}.chat-profile-link small{color:var(--muted)}.chat-profile-link:hover h1,.chat-profile-link:focus-visible h1{color:var(--gold);text-decoration:underline}.chat-profile-link:focus-visible{outline:2px solid var(--gold);outline-offset:.35rem;border-radius:.25rem}
.chat-inbox details.panel{margin:1rem 0}.chat-inbox details.panel form{margin-top:1rem}.chat-group-heading{display:flex;flex-direction:column;align-items:flex-start;background:transparent;color:inherit;border:0;padding:.25rem;min-width:0}.chat-group-heading strong{font:700 clamp(1.15rem,3vw,1.8rem) Georgia,serif}.chat-group-heading small{opacity:.8}.chat-members-dialog{width:min(34rem,calc(100% - 1.5rem));max-height:86vh;padding:0;border:1px solid #6e581d;border-radius:1rem;background:#101711;color:#f4ead0}.chat-members-dialog::backdrop{background:rgba(0,0,0,.72)}.chat-members-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid #554516}.chat-members-dialog>header h2{margin:.15rem 0}.chat-members-dialog>header button{font-size:1.6rem;padding:.25rem .65rem}.chat-add-member{margin:.8rem 1rem;padding:.8rem;border:1px solid #554516;border-radius:.75rem}.chat-add-member form{margin-top:.75rem}.chat-member-list{padding:.25rem 1rem 1rem;overflow:auto}.chat-member-list>a{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.7rem .25rem;color:inherit;text-decoration:none;border-bottom:1px solid rgba(222,177,71,.16)}.chat-member-list img,.chat-member-list .chat-avatar-placeholder{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.chat-member-list span{display:flex;flex-direction:column;min-width:0}.chat-member-list b{font-size:.72rem;padding:.25rem .4rem;border-radius:.35rem;background:#29452d;color:#c9f0c9}@media(max-width:600px){.chat-members-dialog{width:100%;max-width:none;height:100%;max-height:none;border-radius:0}.chat-member-list>a{grid-template-columns:2.75rem minmax(0,1fr)}.chat-member-list b{grid-column:2}}
.chat-group-danger{padding:1rem;border-top:1px solid #613737}.chat-group-danger form{margin-bottom:.4rem}.chat-group-danger .danger-button{background:#7b2e2e;color:#fff;border-color:#b65d5d}
.chat-options-trigger{font-size:1.7rem;line-height:1;padding:.55rem .85rem}.chat-options-dialog{width:min(25rem,calc(100% - 1.5rem));padding:0;border:1px solid #6e581d;border-radius:1rem;background:#101711;color:#f4ead0}.chat-options-dialog::backdrop{background:rgba(0,0,0,.72)}.chat-options-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #554516}.chat-options-dialog h2{margin:.1rem 0}.chat-options-list{display:grid;padding:.65rem}.chat-options-list>a,.chat-options-list>button,.chat-options-list>details{display:block;width:100%;box-sizing:border-box;padding:.85rem;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(222,177,71,.16)}.chat-options-list>a{display:flex;gap:.65rem;align-items:center;text-decoration:none}.chat-option-icon{display:inline-grid;width:1.6rem;flex:0 0 1.6rem;place-items:center;font-size:1.15rem}.chat-options-list>a:hover,.chat-options-list>button:hover,.chat-options-list>details:hover{background:rgba(222,177,71,.08)}.chat-options-list details form{margin-top:.75rem}.chat-options-list [data-chat-action="report_conversation"]{color:#f0a3a3}@media(max-width:600px){.chat-options-dialog{width:calc(100% - 1rem)}}

/* En móvil, únicamente los mensajes se desplazan; el campo de envío permanece visible. */
.chat-compose{position:relative;z-index:3;background:#111713}
@media(max-width:650px){
 .chat-page{height:calc(100dvh - 6rem);min-height:0;max-height:calc(100dvh - 6rem);grid-template-rows:auto minmax(0,1fr) auto}
 .chat-header{grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;max-height:none;overflow:visible;padding:.65rem}
 .chat-back-link b{display:none}
 .chat-profile-link h1,.chat-group-heading strong{font-size:clamp(1rem,5vw,1.25rem);line-height:1.1;overflow-wrap:anywhere}
 .chat-group-heading small{font-size:.72rem}
 .chat-options-trigger{min-width:2.65rem;padding:.5rem .7rem}
 .chat-messages{min-height:0;overscroll-behavior:contain}
 .chat-compose{position:sticky;bottom:0;padding:.7rem .7rem max(.7rem,env(safe-area-inset-bottom))}
 .chat-compose input{min-width:0}
}

.chat-report-link{color:#f0a3a3!important}.chat-report-context{display:flex;gap:.8rem;align-items:center;margin:1rem 0;padding:1rem;border:1px solid rgba(214,168,79,.3);border-radius:.8rem;background:rgba(255,255,255,.025)}.chat-report-context>span{font-size:2rem}.chat-report-context div{display:flex;flex-direction:column}.chat-report-context small{color:var(--muted)}.chat-report-success{margin:.7rem 1rem 0}