.facharna-interactions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.facharna-interaction-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #e1e4e8;border-radius:999px;background:#fff;color:#24272b;padding:8px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.facharna-interaction-button:hover,.facharna-interaction-button.is-active{background:#fff5cc;border-color:#ffb800;color:#161616}.facharna-interaction-button:disabled{opacity:.65;cursor:wait}.facharna-interaction-count{display:inline-flex;min-width:18px;justify-content:center;font-variant-numeric:tabular-nums}.facharna-interaction-page{padding:48px 0 80px}.facharna-interaction-page__header{margin-bottom:28px}.facharna-interaction-page__header h1{margin:5px 0 10px}.facharna-interaction-empty{padding:28px;border:1px solid #e8e8e8;border-radius:16px;background:#fff}.facharna-interaction-list{display:grid;gap:12px}.facharna-interaction-list__item{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #e8e8e8;border-radius:14px;background:#fff}.facharna-interaction-list__item>div{flex:1;min-width:0}.facharna-interaction-list__item h2{font-size:17px;margin:0 0 5px}.facharna-interaction-list__item p{font-size:13px;color:#70757c;margin:0}.facharna-interaction-list__avatar{border-radius:50%}.facharna-interaction-list__item .facharna-interactions{margin:0}@media(max-width:600px){.facharna-interaction-list__item{align-items:flex-start;flex-wrap:wrap}.facharna-interaction-list__item>div{flex-basis:calc(100% - 80px)}.facharna-interaction-list__item>.facharna-interactions{width:100%}}
/* Etapa 19 — consistent, responsive controls and live list interactions. */
.facharna-interactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.facharna-interaction-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #dfe3e7;border-radius:9px;background:#fff;color:#25292d;font:inherit;font-size:13px;font-weight:650;line-height:1.25;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}
.facharna-interaction-button:hover{border-color:#f0b323;background:#fffaf0}
.facharna-interaction-button.is-active{border-color:#e5ad1d;background:#fff4d4;color:#30250c}
.facharna-interaction-button.is-loading{opacity:.6;cursor:wait}
.facharna-interaction-button:disabled{cursor:wait}
.facharna-interaction-button:focus-visible{outline:3px solid rgba(240,179,35,.5);outline-offset:2px}
.facharna-interaction-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.3em;font-variant-numeric:tabular-nums}
.discussion-list-stats .facharna-interactions{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}
.discussion-list-stats .facharna-interaction-button{max-width:100%;white-space:normal}
.facharna-realization-list-card__stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.facharna-realization-list-card__stats>.facharna-interactions{margin:0}
.facharna-realization-list-card__stats .facharna-interaction-button{padding:5px 9px;min-height:32px}
.facharna-interaction-empty--live{padding:28px;border:1px dashed #dfe3e7;border-radius:14px;background:#fff;text-align:center}
.facharna-interaction-empty--live h2{margin:0 0 8px}
.facharna-interaction-empty--live p{margin:0;color:#687078}
@media(max-width:640px){.facharna-interactions{gap:6px}.facharna-interaction-button{min-height:40px}.discussion-list-stats .facharna-interactions{align-items:flex-start}.facharna-realization-list-card__stats{gap:8px}}
@media(prefers-reduced-motion:reduce){.facharna-interaction-button{transition:none}}
.facharna-interaction-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:24px 0 8px}
.facharna-interaction-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #dfe3e7;border-radius:9px;color:inherit;text-decoration:none;font-weight:650}
.facharna-interaction-pagination a:hover{border-color:#e5ad1d;background:#fffaf0}