/* KlipTok v54 · Red social (sección del hub). Usa las variables --k18-* de la plataforma (claro/oscuro automático). */
.k54{max-width:780px;margin:0 auto;padding:1rem}
.k54-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}
.k54-tab{border:1px solid var(--k18-line);background:var(--k18-card);color:var(--k18-ink);border-radius:999px;padding:.45rem .95rem;font-weight:700;cursor:pointer;font-size:.9rem}
.k54-tab.on{background:var(--k18-grad);color:#fff;border-color:transparent}
.k54-sp{flex:1}
.k54-box,.k54-post{background:var(--k18-card);color:var(--k18-ink);border:1px solid var(--k18-line);border-radius:1rem;padding:1rem;margin-bottom:.8rem;box-shadow:var(--k18-shadow)}
.k54 input,.k54 textarea,.k54 select{width:100%;box-sizing:border-box;background:var(--k18-bg);color:var(--k18-ink);border:1px solid var(--k18-line);border-radius:.6rem;padding:.55rem .7rem;margin:.25rem 0;font:inherit}
.k54 textarea{resize:vertical;min-height:4.2rem}
.k54-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.k54-row>.k54-sp{min-width:0}
.k54-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--k18-mute)}
.k54-meta b{color:var(--k18-ink);cursor:pointer;font-size:.9rem}
.k54-av{width:1.6rem;height:1.6rem;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:800;font-size:.75rem;flex:none}
.k54-post h3{margin:.6rem 0 .3rem;font-size:1.15rem}
.k54-post p{margin:.3rem 0;white-space:pre-line;word-break:break-word}
.k54-post img{max-width:100%;border-radius:.8rem;margin:.4rem 0;display:block}
.k54-act{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}
.k54-chip{border:0;border-radius:999px;padding:.3rem .8rem;font-weight:700;font-size:.82rem;cursor:pointer;background:var(--k18-soft);color:var(--k18-ink)}
.k54-chip.on{background:#fed7aa;color:#9a3412}
.k54-cm{font-size:.88rem}.k54-cm div{margin-top:.4rem}
.k54-mut{color:var(--k18-mute);font-size:.85rem}
.k54-mb{height:20rem;overflow:auto;display:flex;flex-direction:column;gap:.35rem;padding:.7rem;background:var(--k18-card);border:1px solid var(--k18-line);border-radius:1rem}
.k54-m{padding:.45rem .8rem;border-radius:1rem;max-width:78%;background:var(--k18-soft);color:var(--k18-ink);word-break:break-word}
.k54-m.me{align-self:flex-end;background:var(--k18-grad);color:#fff}
.k54-empty{padding:2rem 1rem;text-align:center;color:var(--k18-mute)}

/* v59 · pestaña Personas (antes «Red» dentro del chat) y botón «＋ Nuevo grupo» de la barra */
.k54-new{border-color:transparent;background:var(--k18-grad);color:#fff}
.k54-pbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.8rem}
.k54-pbar input{flex:1;min-width:11rem;margin:0}
.k54-sorts{display:inline-flex;flex-wrap:wrap;gap:.4rem}.k54-sorts .k54-chip{border:1px solid var(--k18-line);padding:.4rem .85rem}
.k54-sorts .k54-chip.on{background:var(--k18-grad);color:#fff;border-color:transparent}
.k54-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.7rem}.k54-pgrid .k54-box{margin:0}
.k54-ptitle{grid-column:1/-1;font-weight:800;margin:.4rem .2rem 0}
.k54-cats{display:flex;gap:.3rem;flex-wrap:wrap;margin:.5rem 0}.k54-cats span{background:var(--k18-soft);border-radius:999px;padding:.12rem .6rem;font-size:.75rem;color:var(--k18-mute)}
.k54-pc .k54-row:last-child{margin-top:.6rem}