/* Canales, estadísticas y media kit (sesión «marcas»). Se carga después de style.css. */
/* ---- canales y media kit ---- */
.can-foot { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-top: .8rem; }
.can-foot small { color: var(--muted); font-size: .78rem; flex: 1 1 12rem; min-width: 0; }
.can-hint { color: var(--muted); font-size: .85rem; margin: 0 0 .9rem; }
.can-err { color: var(--danger); font-size: .78rem; }
.mk-nuevo { margin-top: .9rem; padding: .9rem; border: 1px dashed var(--line); border-radius: 12px; display: flex; flex-direction: column; gap: .6rem; }
.mk-nuevo code { font-size: .8rem; word-break: break-all; color: var(--text); }
.mk-nuevo .mk-acc { display: flex; gap: .5rem; flex-wrap: wrap; }

/* Conexión con Instagram y TikTok */
.can-oauth { display: flex; flex-direction: column; gap: .5rem; }
.can-oauth[hidden] { display: none; }
.can-estado { margin: 0; font-size: .9rem; line-height: 1.4; }
.can-estado b.pos { color: #4ade80; }
.can-estado.can-err { color: #f87171; }
.can-btns { display: flex; gap: .5rem; flex-wrap: wrap; }
.can-btns .btn { text-decoration: none; }
.can-vuelta { margin: 0; font-size: .78rem; color: var(--muted); line-height: 1.45; }
.can-vuelta code { display: inline-block; padding: .1rem .35rem; border-radius: 6px; background: var(--card-2); color: var(--light); word-break: break-all; }
#canal-mc label { margin-top: .5rem; }

/* Enlaces del media kit: acciones en su propia fila, con botones grandes para el dedo */
.mk-row { grid-template-columns: auto 1fr auto; }
.mk-acc-fila { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }
.mk-acc-fila .btn, .mk-acc .btn { min-height: 40px; padding: .45rem .9rem; touch-action: manipulation; }
@media (max-width: 560px) { .mk-acc-fila { justify-content: stretch; } .mk-acc-fila .btn { flex: 1 1 0; } }